@nivaro/react 0.1.185 → 0.1.186

package/dist/index.js

@@ -12,7 +12,7 @@ import { createPortal as qr } from "react-dom";
 import { Slot as kk } from "@radix-ui/react-slot";
 import { cva as im } from "class-variance-authority";
 import { Command as $s } from "cmdk";
-import * as ka from "@radix-ui/react-dialog";
+import * as Na from "@radix-ui/react-dialog";
 import * as uc from "@radix-ui/react-popover";
 import * as i0 from "@radix-ui/react-switch";
 import { toast as Ae } from "sonner";
@@ -52,12 +52,12 @@ function je() {
   if (!t) throw new Error("useNivaroClient must be used within <NivaroProvider>");
   return t.client;
 }
-function Na() {
+function wa() {
   const t = Kr(J0);
   return (t == null ? void 0 : t.client) ?? null;
 }
 function ci() {
-  const t = Na(), n = t == null ? void 0 : t.getToken();
+  const t = wa(), n = t == null ? void 0 : t.getToken();
   return {
     apiBase: t ? `${t.url}/api` : "/api",
     authHeaders: n ? { Authorization: `Bearer ${n}` } : {},
@@ -143,7 +143,7 @@ function Rn(t) {
   return { _method: "DELETE", _path: t };
 }
 function H6() {
-  const t = Na(), n = jt(), { data: a = [] } = se({
+  const t = wa(), n = jt(), { data: a = [] } = se({
     queryKey: ["announcements-active"],
     queryFn: () => t.request(
       ee("/announcements/active")
@@ -255,7 +255,7 @@ function G6({
   appName: t = "The API",
   fetchVersion: n
 }) {
-  const a = Na(), s = Wk(), [l, i] = S(!1);
+  const a = wa(), s = Wk(), [l, i] = S(!1);
   if (Le(() => {
     const d = (m) => (m == null ? void 0 : m.data) ?? m ?? null;
     Bk(n ?? (a ? () => a.request(ee("/version")).then((m) => d(m)).catch(() => null) : () => fetch("/api/version", { cache: "no-store" }).then((m) => m.ok ? m.json() : null).then(d).catch(() => null)));
@@ -651,7 +651,7 @@ function fc({
   );
 }
 const Dc = "__empty__";
-function va({
+function ka({
   value: t,
   onChange: n,
   options: a,
@@ -673,7 +673,7 @@ function va({
 }
 function ds(t) {
   return /* @__PURE__ */ e(
-    va,
+    ka,
     {
       ...t,
       className: H(
@@ -769,7 +769,7 @@ function vl({
   className: s
 }) {
   return /* @__PURE__ */ e(
-    va,
+    ka,
     {
       value: t,
       onChange: n,
@@ -2606,7 +2606,7 @@ function eF({
     )
   ] });
 }
-const ya = 256, uN = (t, n, a) => `https://tile.openstreetmap.org/${t}/${n}/${a}.png`;
+const va = 256, uN = (t, n, a) => `https://tile.openstreetmap.org/${t}/${n}/${a}.png`;
 function jo(t, n) {
   return (t + 180) / 360 * 2 ** n;
 }
@@ -2645,7 +2645,7 @@ function kg({
     const $ = T.map((L) => L.lat), j = T.map((L) => L.lng), E = Math.min(...$), R = Math.max(...$), q = Math.min(...j), D = Math.max(...j), V = { lat: (E + R) / 2, lng: (q + D) / 2 };
     let P = 15;
     for (; P > 3; ) {
-      const L = Math.abs(jo(D, P) - jo(q, P)) * ya, O = Math.abs(Ao(E, P) - Ao(R, P)) * ya;
+      const L = Math.abs(jo(D, P) - jo(q, P)) * va, O = Math.abs(Ao(E, P) - Ao(R, P)) * va;
       if (L < u.w * 0.85 && O < u.h * 0.85) break;
       P--;
     }
@@ -2653,7 +2653,7 @@ function kg({
   }, [t, n, u]), Le(() => {
     o && p({ lat: o.lat, lng: o.lng, zoom: o.zoom ?? 8 });
   }, [o == null ? void 0 : o.nonce]);
-  const y = m ?? { lat: 39.5, lng: -98.35, zoom: 4 }, v = jo(y.lng, y.zoom), g = Ao(y.lat, y.zoom), x = [], b = 2 ** y.zoom, F = Math.floor(v - u.w / 2 / ya), C = Math.ceil(v + u.w / 2 / ya), A = Math.max(0, Math.floor(g - u.h / 2 / ya)), N = Math.min(b - 1, Math.ceil(g + u.h / 2 / ya));
+  const y = m ?? { lat: 39.5, lng: -98.35, zoom: 4 }, v = jo(y.lng, y.zoom), g = Ao(y.lat, y.zoom), x = [], b = 2 ** y.zoom, F = Math.floor(v - u.w / 2 / va), C = Math.ceil(v + u.w / 2 / va), A = Math.max(0, Math.floor(g - u.h / 2 / va)), N = Math.min(b - 1, Math.ceil(g + u.h / 2 / va));
   for (let T = F; T <= C; T++)
     for (let $ = A; $ <= N; $++) {
       const j = (T % b + b) % b;
@@ -2661,13 +2661,13 @@ function kg({
         z: y.zoom,
         x: j,
         y: $,
-        left: u.w / 2 + (T - v) * ya,
-        top: u.h / 2 + ($ - g) * ya
+        left: u.w / 2 + (T - v) * va,
+        top: u.h / 2 + ($ - g) * va
       });
     }
   const _ = (T, $) => ({
-    x: u.w / 2 + (jo($, y.zoom) - v) * ya,
-    y: u.h / 2 + (Ao(T, y.zoom) - g) * ya
+    x: u.w / 2 + (jo($, y.zoom) - v) * va,
+    y: u.h / 2 + (Ao(T, y.zoom) - g) * va
   }), w = ye(() => {
     const $ = /* @__PURE__ */ new Map();
     for (const j of t) {
@@ -2686,10 +2686,10 @@ function kg({
       const E = j ?? y, R = Math.max(2, Math.min(18, E.zoom + T));
       if (R === E.zoom) return E;
       if ($) {
-        const q = jo(E.lng, E.zoom) + ($.x - u.w / 2) / ya, D = Ao(E.lat, E.zoom) + ($.y - u.h / 2) / ya, V = 2 ** (R - E.zoom);
+        const q = jo(E.lng, E.zoom) + ($.x - u.w / 2) / va, D = Ao(E.lat, E.zoom) + ($.y - u.h / 2) / va, V = 2 ** (R - E.zoom);
         return {
-          lng: Ym(q * V - ($.x - u.w / 2) / ya, R),
-          lat: Xm(D * V - ($.y - u.h / 2) / ya, R),
+          lng: Ym(q * V - ($.x - u.w / 2) / va, R),
+          lat: Xm(D * V - ($.y - u.h / 2) / va, R),
           zoom: R
         };
       }
@@ -2709,7 +2709,7 @@ function kg({
       onPointerMove: (T) => {
         const $ = h.current;
         if (!$) return;
-        const j = (T.clientX - $.x) / ya, E = (T.clientY - $.y) / ya;
+        const j = (T.clientX - $.x) / va, E = (T.clientY - $.y) / va;
         p({
           zoom: y.zoom,
           lng: Ym(jo($.lng, y.zoom) - j, y.zoom),
@@ -2733,7 +2733,7 @@ function kg({
             alt: "",
             draggable: !1,
             className: "pointer-events-none absolute select-none",
-            style: { left: T.left, top: T.top, width: ya, height: ya }
+            style: { left: T.left, top: T.top, width: va, height: va }
           },
           `${T.z}/${T.x}/${T.y}`
         )),
@@ -2826,8 +2826,8 @@ function kg({
               type: "button",
               onClick: ($) => {
                 $.stopPropagation(), p({
-                  lat: Xm(g + (T.y - u.h / 2) / ya, y.zoom),
-                  lng: Ym(v + (T.x - u.w / 2) / ya, y.zoom),
+                  lat: Xm(g + (T.y - u.h / 2) / va, y.zoom),
+                  lng: Ym(v + (T.x - u.w / 2) / va, y.zoom),
                   zoom: Math.min(18, y.zoom + 2)
                 });
               },
@@ -2898,13 +2898,13 @@ const mN = im(
   ({ className: t, variant: n, size: a, asChild: s = !1, ...l }, i) => /* @__PURE__ */ e(s ? kk : "button", { className: H(mN({ variant: n, size: a, className: t })), ref: i, ...l })
 );
 Ie.displayName = "Button";
-const wl = ka.Root, pN = ka.Trigger, hN = ka.Portal;
+const wl = Na.Root, pN = Na.Trigger, hN = Na.Portal;
 function fN({
   className: t,
   ...n
 }) {
   return /* @__PURE__ */ e(
-    ka.Overlay,
+    Na.Overlay,
     {
       className: H(
         "fixed inset-0 z-[110] bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -2922,7 +2922,7 @@ function _l({
   return /* @__PURE__ */ r(hN, { children: [
     /* @__PURE__ */ e(fN, {}),
     /* @__PURE__ */ r(
-      ka.Content,
+      Na.Content,
       {
         className: H(
           "fixed left-[50%] top-[50%] z-[110] w-full max-w-lg translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white shadow-2xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
@@ -2931,7 +2931,7 @@ function _l({
         ...a,
         children: [
           n,
-          /* @__PURE__ */ e(ka.Close, { className: "absolute right-4 top-2 rounded-lg p-1 text-slate-400 hover:text-slate-600 focus:outline-none focus:ring-2 focus:ring-nvr-cyan", children: /* @__PURE__ */ e(Zt, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ e(Na.Close, { className: "absolute right-4 top-2 rounded-lg p-1 text-slate-400 hover:text-slate-600 focus:outline-none focus:ring-2 focus:ring-nvr-cyan", children: /* @__PURE__ */ e(Zt, { className: "h-4 w-4" }) })
         ]
       }
     )
@@ -2957,7 +2957,7 @@ function Cl({
   ...n
 }) {
   return /* @__PURE__ */ e(
-    ka.Title,
+    Na.Title,
     {
       className: H("text-lg font-semibold text-slate-900", t),
       ...n
@@ -2969,7 +2969,7 @@ function Ng({
   ...n
 }) {
   return /* @__PURE__ */ e(
-    ka.Description,
+    Na.Description,
     {
       className: H("text-sm text-slate-500 mt-1", t),
       ...n
@@ -3396,7 +3396,7 @@ function yN({
                         }
                       ) }),
                       /* @__PURE__ */ e("td", { className: "px-2 py-1", children: C.lookupOn ? /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: "Lookup ↓" }) : /* @__PURE__ */ e(
-                        va,
+                        ka,
                         {
                           value: C.type,
                           onChange: (w) => N({ type: w }),
@@ -3455,7 +3455,7 @@ function yN({
                     /* @__PURE__ */ e("span", { children: "equals the file value, and store its id." }),
                     /* @__PURE__ */ e("span", { className: "ml-1", children: "If no match:" }),
                     /* @__PURE__ */ e(
-                      va,
+                      ka,
                       {
                         value: C.lookupOnMissing,
                         onChange: (w) => N({ lookupOnMissing: w }),
@@ -4864,41 +4864,6 @@ function AN({
     }
   );
 }
-function Cs({
-  userId: t,
-  fallback: n,
-  className: a,
-  style: s,
-  alt: l
-}) {
-  const { apiBase: i, authHeaders: o, credentials: d } = ci(), { data: u } = se({
-    queryKey: ["user-avatar", t],
-    enabled: !!t,
-    staleTime: 30 * 6e4,
-    gcTime: 60 * 6e4,
-    retry: !1,
-    queryFn: async () => {
-      var h;
-      const c = await fetch(`${i}/users/${t}/avatar`, {
-        headers: o,
-        credentials: d
-      });
-      if (!c.ok) return null;
-      const m = await c.json().catch(() => null), p = ((h = m == null ? void 0 : m.data) == null ? void 0 : h.avatar) ?? null;
-      return typeof p == "string" && p.startsWith("data:image/") ? p : null;
-    }
-  });
-  return u ? /* @__PURE__ */ e(
-    "img",
-    {
-      src: u,
-      alt: l ?? "",
-      className: `shrink-0 rounded-full object-cover ${a ?? ""}`,
-      style: s,
-      draggable: !1
-    }
-  ) : /* @__PURE__ */ e(ct, { children: n });
-}
 const LN = ["👍", "✅", "👀", "🎉", "❤️", "😂"], Ag = ha(null);
 function Ya() {
   const t = Kr(Ag);
@@ -5382,6 +5347,41 @@ function rh() {
 function ah(t, n) {
   uo == null || uo(t, n);
 }
+function Cs({
+  userId: t,
+  fallback: n,
+  className: a,
+  style: s,
+  alt: l
+}) {
+  const { apiBase: i, authHeaders: o, credentials: d } = ci(), { data: u } = se({
+    queryKey: ["user-avatar", t],
+    enabled: !!t,
+    staleTime: 30 * 6e4,
+    gcTime: 60 * 6e4,
+    retry: !1,
+    queryFn: async () => {
+      var h;
+      const c = await fetch(`${i}/users/${t}/avatar`, {
+        headers: o,
+        credentials: d
+      });
+      if (!c.ok) return null;
+      const m = await c.json().catch(() => null), p = ((h = m == null ? void 0 : m.data) == null ? void 0 : h.avatar) ?? null;
+      return typeof p == "string" && p.startsWith("data:image/") ? p : null;
+    }
+  });
+  return u ? /* @__PURE__ */ e(
+    "img",
+    {
+      src: u,
+      alt: l ?? "",
+      className: `shrink-0 rounded-full object-cover ${a ?? ""}`,
+      style: s,
+      draggable: !1
+    }
+  ) : /* @__PURE__ */ e(ct, { children: n });
+}
 const Ai = Ma.Root, Li = Ma.Trigger, ow = nr.forwardRef(({ className: t, inset: n, children: a, ...s }, l) => /* @__PURE__ */ r(
   Ma.SubTrigger,
   {
@@ -8293,8 +8293,8 @@ function wm({
     ] })
   ] }) });
 }
-const Bl = ka.Root, i5 = ka.Trigger, o5 = ka.Portal, ey = nr.forwardRef(({ className: t, ...n }, a) => /* @__PURE__ */ e(
-  ka.Overlay,
+const Bl = Na.Root, i5 = Na.Trigger, o5 = Na.Portal, ey = nr.forwardRef(({ className: t, ...n }, a) => /* @__PURE__ */ e(
+  Na.Overlay,
   {
     className: H(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -8304,7 +8304,7 @@ const Bl = ka.Root, i5 = ka.Trigger, o5 = ka.Portal, ey = nr.forwardRef(({ class
     ref: a
   }
 ));
-ey.displayName = ka.Overlay.displayName;
+ey.displayName = Na.Overlay.displayName;
 const d5 = im(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 z-[100]",
   {
@@ -8322,35 +8322,35 @@ const d5 = im(
   }
 ), $l = nr.forwardRef(({ side: t = "right", className: n, children: a, ...s }, l) => /* @__PURE__ */ r(o5, { children: [
   /* @__PURE__ */ e(ey, {}),
-  /* @__PURE__ */ r(ka.Content, { ref: l, className: H(d5({ side: t }), n), ...s, children: [
+  /* @__PURE__ */ r(Na.Content, { ref: l, className: H(d5({ side: t }), n), ...s, children: [
     a,
-    /* @__PURE__ */ r(ka.Close, { className: "absolute right-4 top-2 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+    /* @__PURE__ */ r(Na.Close, { className: "absolute right-4 top-2 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
       /* @__PURE__ */ e(Zt, { className: "h-4 w-4" }),
       /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
     ] })
   ] })
 ] }));
-$l.displayName = ka.Content.displayName;
+$l.displayName = Na.Content.displayName;
 const li = ({ className: t, ...n }) => /* @__PURE__ */ e("div", { className: H("flex flex-col space-y-2 text-center sm:text-left", t), ...n });
 li.displayName = "SheetHeader";
 const ii = nr.forwardRef(({ className: t, ...n }, a) => /* @__PURE__ */ e(
-  ka.Title,
+  Na.Title,
   {
     ref: a,
     className: H("text-lg font-semibold text-foreground", t),
     ...n
   }
 ));
-ii.displayName = ka.Title.displayName;
+ii.displayName = Na.Title.displayName;
 const c5 = nr.forwardRef(({ className: t, ...n }, a) => /* @__PURE__ */ e(
-  ka.Description,
+  Na.Description,
   {
     ref: a,
     className: H("text-sm text-muted-foreground", t),
     ...n
   }
 ));
-c5.displayName = ka.Description.displayName;
+c5.displayName = Na.Description.displayName;
 function u5(t) {
   return t.row != null && t.column ? `Row ${t.row} · ${t.column}` : t.row != null ? `Row ${t.row}` : t.column ? t.column : null;
 }
@@ -10790,7 +10790,7 @@ function q5({
     }
     Fr(Q, Object.keys(he).length > 0 ? he : null);
   });
-  const wa = ye(() => {
+  const _a = ye(() => {
     const Q = /* @__PURE__ */ new Map(), oe = (he, fe) => {
       fe == null || fe === "" || (Q.has(he) || Q.set(he, []), Q.get(he).push(String(fe)));
     };
@@ -10825,11 +10825,11 @@ function q5({
     for (const [he, fe] of Q) Q.set(he, [...new Set(fe)].sort());
     return Q;
   }, [Is, es, vn, Tn, rr]), { data: oa = {} } = se({
-    queryKey: ["summary-m2o-display", t, ...Array.from(wa.entries()).flat(2)],
+    queryKey: ["summary-m2o-display", t, ...Array.from(_a.entries()).flat(2)],
     queryFn: async () => {
       const Q = {};
       return await Promise.all(
-        [...wa.entries()].map(async ([oe, he]) => {
+        [..._a.entries()].map(async ([oe, he]) => {
           var De;
           const [fe, Qe] = await Promise.all([
             V.request(ee(`/collections/${oe}`)),
@@ -10843,7 +10843,7 @@ function q5({
         })
       ), Q;
     },
-    enabled: wa.size > 0,
+    enabled: _a.size > 0,
     staleTime: 6e4
   }), gs = ye(() => hs.map(({ relationField: Q, memberField: oe }) => {
     const he = Gr.get(Q), Qe = (he ? tr.get(he.grandCollection) ?? [] : []).find((De) => De.field === oe);
@@ -15172,7 +15172,7 @@ function Y5({ value: t }) {
   ] });
 }
 function ry(t) {
-  const n = Na(), a = [...new Set(t.filter((l) => !!l))].sort(), { data: s } = se({
+  const n = wa(), a = [...new Set(t.filter((l) => !!l))].sort(), { data: s } = se({
     queryKey: ["file-health", a.join(",")],
     queryFn: () => n.request(
       ze("/files/verify", { ids: a.slice(0, 100) })
@@ -17475,7 +17475,7 @@ function u_({
   return /* @__PURE__ */ r("div", { className: "space-y-1.5 border-b border-slate-200 bg-slate-50 px-2 py-1.5", children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ e(
-        va,
+        ka,
         {
           value: i,
           onChange: o,
@@ -18147,7 +18147,7 @@ function yl({
     })();
     if (L.length > 0)
       return /* @__PURE__ */ e(
-        va,
+        ka,
         {
           value: A,
           onChange: (O) => a(O || null),
@@ -18891,7 +18891,9 @@ function Io({
       {
         className: H(
           u && "pointer-events-none opacity-60",
-          o && "ring-1 ring-red-400 rounded-md"
+          // The ring lands with a 2px shake so the eye finds the field;
+          // the animation runs once when the class is added.
+          o && "nvr-shake ring-1 ring-red-400 rounded-md"
         ),
         children: R ? /* @__PURE__ */ e(
           r5,
@@ -18944,7 +18946,7 @@ function xu({
   entries: a,
   separator: s
 }) {
-  const l = Na(), i = String(n), d = a.some((p) => p.field.includes(".")) ? ["id", ...a.map((p) => p.field)].join(",") : null, { data: u } = se({
+  const l = wa(), i = String(n), d = a.some((p) => p.field.includes(".")) ? ["id", ...a.map((p) => p.field)].join(",") : null, { data: u } = se({
     queryKey: ["inline-display", t, i, d],
     queryFn: () => l.request(
       ee(`/items/${t}/${i}`, d ? { fields: d } : void 0)
@@ -19066,12 +19068,12 @@ function Ni(t, n) {
     const o = Number(t);
     return `${Math.floor(o / 60)}:${String(Math.round(o % 60)).padStart(2, "0")}`;
   }
-  if (a === "rating" && Number.isFinite(Number(t))) return `${"★".repeat(Number(t))} (${t}/5)`;
+  if (a === "rating" && Number.isFinite(Number(t)))
+    return `${"★".repeat(Number(t))} (${t}/5)`;
   if (a === "checklist" && typeof t == "string")
     try {
       const o = JSON.parse(t);
-      if (Array.isArray(o))
-        return `${o.filter((d) => d == null ? void 0 : d.done).length}/${o.length} done`;
+      if (Array.isArray(o)) return `${o.filter((d) => d == null ? void 0 : d.done).length}/${o.length} done`;
     } catch {
     }
   if (a === "address" && typeof t == "string" && t.trim().startsWith("{"))
@@ -19118,7 +19120,9 @@ function Ni(t, n) {
       const c = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(i);
       if (u === "$")
         try {
-          return new Intl.NumberFormat(void 0, { style: "currency", currency: "USD" }).format(i);
+          return new Intl.NumberFormat(void 0, { style: "currency", currency: "USD" }).format(
+            i
+          );
         } catch {
           return `$${c}`;
         }
@@ -19145,7 +19149,7 @@ function Ni(t, n) {
   return !l.includes(" ") && !l.includes("@") && !/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(l) && !/^\d+$/.test(l) && (l.includes("_") || l.includes("-") || /^[a-z]/.test(l)) ? zt(l) : l;
 }
 function Gf({ userId: t }) {
-  const n = Na(), { navigate: a, userUrl: s } = Es(), l = s ? s(t) : `/users/${t}`, { data: i } = se({
+  const n = wa(), { navigate: a, userUrl: s } = Es(), l = s ? s(t) : `/users/${t}`, { data: i } = se({
     queryKey: ["user-chip", t],
     queryFn: () => n.request(
       ee(`/users/${t}`)
@@ -19298,7 +19302,7 @@ function py({
   collection: t,
   itemId: n
 }) {
-  const a = Na(), { data: s = [], isLoading: l } = se({
+  const a = wa(), { data: s = [], isLoading: l } = se({
     queryKey: ["pipeline-owners-resolved", t, n],
     queryFn: () => a.request(
       ze(`/pipelines/instance/${t}/owners/batch`, { ids: [n] })
@@ -19316,7 +19320,7 @@ function v0({
   itemId: n,
   label: a
 }) {
-  const s = Na(), { data: l = [] } = se({
+  const s = wa(), { data: l = [] } = se({
     queryKey: ["pipeline-instance-owners", t, n],
     queryFn: () => s.request(ee(`/pipelines/instance/${t}/${n}/owners`)).then((d) => d.data ?? []),
     enabled: !!s && !!t && !!n && n !== "new",
@@ -19504,7 +19508,7 @@ function vo({
   userId: t,
   size: n = "default"
 }) {
-  const a = Na(), { navigate: s, userUrl: l } = Es(), i = l ? l(t) : `/users/${t}`, [o, d] = S(!1), { data: u, isLoading: c } = se({
+  const a = wa(), { navigate: s, userUrl: l } = Es(), i = l ? l(t) : `/users/${t}`, [o, d] = S(!1), { data: u, isLoading: c } = se({
     queryKey: ["user-card", t],
     queryFn: () => a.request(ee(`/users/${t}/card`)).then((y) => y.data ?? null),
     enabled: !!a && !!t,
@@ -19565,7 +19569,7 @@ function q_({
   filenameTemplate: l,
   label: i
 }) {
-  const o = Na(), d = jt(), [u, c] = S(!1), m = async () => {
+  const o = wa(), d = jt(), [u, c] = S(!1), m = async () => {
     if (!(!o || u || !s)) {
       c(!0);
       try {
@@ -19619,7 +19623,7 @@ function yc({
   id: n,
   className: a
 }) {
-  const s = Na(), l = n != null && n !== "" ? String(n) : null, { data: i } = se({
+  const s = wa(), l = n != null && n !== "" ? String(n) : null, { data: i } = se({
     queryKey: ["col-meta-dt", t],
     queryFn: () => s.request(
       ee(`/collections/${t}`)
@@ -19926,7 +19930,7 @@ function j_({
     "div",
     {
       className: H(
-        "rounded-xl border border-slate-200 bg-white dark:bg-card dark:border-border",
+        "nvr-section-enter rounded-xl border border-slate-200 bg-white dark:bg-card dark:border-border",
         p && "bg-slate-50/60 dark:bg-slate-900/20",
         we && "hidden"
       ),
@@ -19947,7 +19951,7 @@ function j_({
               re && /* @__PURE__ */ e(re, { className: "h-3.5 w-3.5 shrink-0 text-slate-400 dark:text-slate-500" }),
               /* @__PURE__ */ e("span", { className: "font-medium text-[13px] shrink-0 text-slate-800 dark:text-slate-200", children: t.label }),
               /* @__PURE__ */ e("span", { className: "flex-1" }),
-              ge && /* @__PURE__ */ e("span", { className: "h-2 w-2 rounded-full bg-destructive shrink-0" }),
+              ge && /* @__PURE__ */ e("span", { className: "nvr-pop h-2 w-2 rounded-full bg-destructive shrink-0" }),
               /* @__PURE__ */ e(
                 $n,
                 {
@@ -19992,7 +19996,7 @@ function j_({
           },
           pe.field
         )) }),
-        !te && /* @__PURE__ */ r("div", { className: "border-t border-slate-100 px-5 py-4", children: [
+        !te && /* @__PURE__ */ r("div", { className: "nvr-expand-in border-t border-slate-100 px-5 py-4", children: [
           (() => {
             const pe = ie.map((Ne) => ({
               _k: Ne.field,
@@ -26581,7 +26585,7 @@ function yp({
           ] }, `${_.direction}-${_.id}`)) }),
           c ? /* @__PURE__ */ r("div", { className: "mt-2 space-y-1.5 rounded-md border border-slate-200 p-2 dark:border-border", children: [
             /* @__PURE__ */ e(
-              va,
+              ka,
               {
                 value: x,
                 onChange: b,
@@ -26879,7 +26883,7 @@ function Jc({
           /* @__PURE__ */ r("div", { children: [
             /* @__PURE__ */ e(_n, { className: "mb-1 block text-[11px]", children: "Priority" }),
             /* @__PURE__ */ e(
-              va,
+              ka,
               {
                 value: A,
                 onChange: (L) => N(L),
@@ -27015,7 +27019,7 @@ function Jc({
           /* @__PURE__ */ r("div", { children: [
             /* @__PURE__ */ e(_n, { className: "mb-1 block text-[11px]", children: "Priority" }),
             /* @__PURE__ */ e(
-              va,
+              ka,
               {
                 value: A,
                 onChange: (L) => N(L),
@@ -28085,7 +28089,7 @@ function y3({
         )
       ] }),
       /* @__PURE__ */ e(
-        va,
+        ka,
         {
           value: i,
           onChange: o,
@@ -30778,7 +30782,7 @@ function nS({
     ]
   ), Fr = Pe(Is);
   Fr.current = Is;
-  const wa = Cn(
+  const _a = Cn(
     (M, U, Y = 0) => {
       if (!(U == null || U === "") && !(Y > 2))
         for (const ae of J ?? []) {
@@ -30879,7 +30883,7 @@ function nS({
             }
             mt.current = { ...mt.current, ...yt }, At((Ln) => ({ ...Ln, ...yt })), gn(!0);
             for (const [Ln, Pn] of Object.entries(yt))
-              Ln !== M && Pn != null && Pn !== "" && (wa(Ln, Pn, Y + 1), (yr = Fr.current) == null || yr.call(Fr, Ln, Pn, Y + 1));
+              Ln !== M && Pn != null && Pn !== "" && (_a(Ln, Pn, Y + 1), (yr = Fr.current) == null || yr.call(Fr, Ln, Pn, Y + 1));
           }).catch(() => {
           });
         }
@@ -30893,7 +30897,7 @@ function nS({
       rs
     ]
   );
-  fa.current = wa;
+  fa.current = _a;
   const oa = Cn(
     (M) => {
       var ue;
@@ -30910,10 +30914,10 @@ function nS({
       if (Object.keys(U).length > 0) {
         const $e = J3(mt.current, U);
         mt.current = $e, At($e);
-        for (const [Oe, Re] of Object.entries(U)) wa(Oe, Re);
+        for (const [Oe, Re] of Object.entries(U)) _a(Oe, Re);
       }
     },
-    [tr, Hn, Zn, wa]
+    [tr, Hn, Zn, _a]
   ), gs = Pe({});
   Le(() => {
     const M = gs.current;
@@ -30991,9 +30995,9 @@ function nS({
       ae || Tn.current.add(M), St((ue) => {
         const $e = { ...ue }, Oe = (J ?? []).find((Re) => Re.field === M);
         return Oe != null && Oe.required && ae && Tn.current.has(M) ? $e[M] = "This field is required" : delete $e[M], $e;
-      }), Yr(M), ae || wa(M, U), ae || Fr.current(M, U);
+      }), Yr(M), ae || _a(M, U), ae || Fr.current(M, U);
     },
-    [J, Yr, wa]
+    [J, Yr, _a]
   ), [_r, sl] = S({}), Sr = ye(
     () => ce.filter(
       (M) => !M.junction_field && M.one_collection === t && M.one_field && M.many_field && M.many_collection
@@ -31629,7 +31633,7 @@ ${ae.join(`
       const ae = Y.get(M.id) ?? /* @__PURE__ */ new Set();
       return ae.has(U) ? Y : new Map(Y).set(M.id, /* @__PURE__ */ new Set([...ae, U]));
     });
-  }, [_a, Tc] = S(() => {
+  }, [ya, Tc] = S(() => {
     var M;
     try {
       return localStorage.getItem(`nvr_tab_${t}`) ?? ((M = fe[0]) == null ? void 0 : M.key) ?? "__general__";
@@ -31707,8 +31711,8 @@ ${ae.join(`
       } catch {
       }
   }, [Ge, Nr]), Le(() => {
-    !Ge || Nr.length === 0 || Nr.some((M) => M.key === _a) || Al(Nr[0].key);
-  }, [Ge, Nr, _a]);
+    !Ge || Nr.length === 0 || Nr.some((M) => M.key === ya) || Al(Nr[0].key);
+  }, [Ge, Nr, ya]);
   const Oh = Pe(!1);
   Le(() => {
     var Y;
@@ -31730,9 +31734,9 @@ ${ae.join(`
         return Oe != null && Oe !== "" && Oe !== !1;
       });
     };
-    if (Oh.current = !0, it && Nr.length > 0 && U(fe.find((ae) => ae.key === _a))) {
+    if (Oh.current = !0, it && Nr.length > 0 && U(fe.find((ae) => ae.key === ya))) {
       const ae = Nr.find((ue) => !U(fe.find(($e) => $e.key === ue.key)));
-      ae && ae.key !== _a && Al(ae.key);
+      ae && ae.key !== ya && Al(ae.key);
     }
     for (const ae of ar.filter((ue) => ue.type === "container" && ue.tab_mode === "steps")) {
       const ue = ar.filter((Ve) => Ve.type === "tab" && Ve.container_id === ae.id).sort((Ve, bt) => Ve.sort - bt.sort);
@@ -31742,7 +31746,7 @@ ${ae.join(`
       const Re = ue.find((Ve) => !U(Ve));
       Re && Re.key !== $e && Vl((Ve) => new Map(Ve).set(ae.id, Re.key));
     }
-  }, [z, it, He, Nr, fe, _a, ar, $r]);
+  }, [z, it, He, Nr, fe, ya, ar, $r]);
   const wv = ye(() => {
     const M = /* @__PURE__ */ new Set();
     if (!Wt) return M;
@@ -31783,7 +31787,7 @@ ${ae.join(`
   ]);
   function Sv() {
     if (qt) {
-      const U = _a === "__general__" ? it ? Q : [...Q, ...De.flatMap((ae) => Dr[ae.key] ?? [])] : Dr[_a] ?? [], Y = {};
+      const U = ya === "__general__" ? it ? Q : [...Q, ...De.flatMap((ae) => Dr[ae.key] ?? [])] : Dr[ya] ?? [], Y = {};
       for (const ae of U)
         if (ae.required && !ae.hidden) {
           const ue = at[ae.field];
@@ -31794,7 +31798,7 @@ ${ae.join(`
         return;
       }
     }
-    const M = Nr.findIndex((U) => U.key === _a);
+    const M = Nr.findIndex((U) => U.key === ya);
     M < Nr.length - 1 && Al(Nr[M + 1].key);
   }
   const Rr = Ir.find((M) => M.field === "__pipeline__"), Rh = ye(() => {
@@ -32783,40 +32787,47 @@ ${ae.join(`
   }
   function Hh() {
     const M = Q.filter((U) => !U.hidden);
-    return M.length === 0 ? null : /* @__PURE__ */ e("div", { className: "rounded-xl border border-slate-200 bg-white px-5 py-5", children: /* @__PURE__ */ e(Sp, { children: (U) => M.map((Y) => {
-      var bt;
-      const ae = Ll == null ? void 0 : Ll[Y.field], ue = ae == null ? void 0 : ae.entries, $e = (ae == null ? void 0 : ae.separator) ?? null, Oe = at[Y.field], Re = Oe != null && Oe !== "", Ve = ue != null && ue.length && Re ? ((bt = ce.find(
-        (Nt) => Nt.many_collection === t && Nt.many_field === Y.field && !Nt.junction_field
-      )) == null ? void 0 : bt.one_collection) ?? null : null;
-      return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${Hd(Y.options, U)}` }, children: [
-        /* @__PURE__ */ e(
-          Io,
-          {
-            field: Y,
-            draft: il,
-            onChange: pr,
-            relations: ce,
-            collection: t,
-            itemId: O,
-            error: _e[Y.field],
-            visible: !0,
-            locked: Fs || be !== "original",
-            layoutAiEnabled: Vt,
-            renderField: _,
-            onCountChange: Bs
-          }
-        ),
-        (ue == null ? void 0 : ue.length) && Re && Ve && /* @__PURE__ */ e(
-          xu,
-          {
-            relCollection: Ve,
-            relId: Oe,
-            entries: ue,
-            separator: $e
-          }
-        )
-      ] }, Y.field);
-    }) }) }, "__ungrouped__");
+    return M.length === 0 ? null : /* @__PURE__ */ e(
+      "div",
+      {
+        className: "nvr-section-enter rounded-xl border border-slate-200 bg-white px-5 py-5",
+        children: /* @__PURE__ */ e(Sp, { children: (U) => M.map((Y) => {
+          var bt;
+          const ae = Ll == null ? void 0 : Ll[Y.field], ue = ae == null ? void 0 : ae.entries, $e = (ae == null ? void 0 : ae.separator) ?? null, Oe = at[Y.field], Re = Oe != null && Oe !== "", Ve = ue != null && ue.length && Re ? ((bt = ce.find(
+            (Nt) => Nt.many_collection === t && Nt.many_field === Y.field && !Nt.junction_field
+          )) == null ? void 0 : bt.one_collection) ?? null : null;
+          return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${Hd(Y.options, U)}` }, children: [
+            /* @__PURE__ */ e(
+              Io,
+              {
+                field: Y,
+                draft: il,
+                onChange: pr,
+                relations: ce,
+                collection: t,
+                itemId: O,
+                error: _e[Y.field],
+                visible: !0,
+                locked: Fs || be !== "original",
+                layoutAiEnabled: Vt,
+                renderField: _,
+                onCountChange: Bs
+              }
+            ),
+            (ue == null ? void 0 : ue.length) && Re && Ve && /* @__PURE__ */ e(
+              xu,
+              {
+                relCollection: Ve,
+                relId: Oe,
+                entries: ue,
+                separator: $e
+              }
+            )
+          ] }, Y.field);
+        }) })
+      },
+      "__ungrouped__"
+    );
   }
   function Lv(M) {
     var yt;
@@ -32849,7 +32860,7 @@ ${ae.join(`
         return yr != null && yr !== "";
       })) && Nt.add(ft.key);
     }
-    return /* @__PURE__ */ r("div", { className: "rounded-xl border border-slate-200 bg-white", children: [
+    return /* @__PURE__ */ r("div", { className: "nvr-section-enter rounded-xl border border-slate-200 bg-white", children: [
       Y ? /* @__PURE__ */ e(
         kx,
         {
@@ -33172,7 +33183,7 @@ ${ae.join(`
   }
   function Ov() {
     var M;
-    return /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+    return /* @__PURE__ */ r("div", { className: "nvr-stagger space-y-4", children: [
       Rc.map((U, Y) => {
         const ae = typeof U == "string" ? U : U.key;
         return /* @__PURE__ */ e("div", { children: Km(U) }, ae ?? Y);
@@ -33242,99 +33253,106 @@ ${ae.join(`
     }), ue && Br && Oe.push({ _k: "__pdf__", sort: Br.sort, _t: "pdf", slot: Br });
     for (const Re of $e)
       Oe.push({ _k: Re.field, sort: Re.sort, _t: "widget", slot: Re });
-    return Oe.sort((Re, Ve) => Re.sort - Ve.sort), /* @__PURE__ */ e("div", { className: "rounded-xl border border-slate-200 bg-white px-5 py-5", children: /* @__PURE__ */ e(Sp, { children: (Re) => Oe.map((Ve) => {
-      var An, In;
-      if (Ve._t === "owners") {
-        const Dn = Ve.slot.col_span ?? 12;
-        return /* @__PURE__ */ e("div", { style: { gridColumn: `span ${Dn}` }, children: /* @__PURE__ */ e(
-          v0,
-          {
-            collection: t,
-            itemId: O,
-            label: Ve.slot.label_override || "Owners"
-          }
-        ) }, "__owners__");
-      }
-      if (Ve._t === "pdf") {
-        if (!Z) return null;
-        const Dn = Ve.slot.col_span ?? 12, yr = ((An = Ve.slot.label_override) == null ? void 0 : An.trim()) || "Generate PDF", Ln = !ul;
-        return /* @__PURE__ */ e("div", { style: { gridColumn: `span ${Dn}` }, children: /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            onClick: () => void Di(),
-            disabled: ie || Ln,
-            title: Ln ? "Configure PDF field in Data Model → Layouts" : void 0,
-            className: "inline-flex items-center gap-1.5 rounded-md border border-nvr-cyan/40 bg-nvr-cyan/10 px-3 py-1.5 text-[12px] font-medium text-nvr-navy hover:bg-nvr-cyan/20 disabled:cursor-not-allowed disabled:opacity-40 dark:text-nvr-cyan",
-            children: [
-              /* @__PURE__ */ r(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  className: "h-3.5 w-3.5",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: [
-                    /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-                    /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" })
-                  ]
-                }
-              ),
-              ie ? "Generating…" : yr
-            ]
-          }
-        ) }, "__pdf__");
-      }
-      if (Ve._t === "widget") {
-        if (!Ve.slot.widget_id) return null;
-        const Dn = Ve.slot.col_span ?? 12;
-        return /* @__PURE__ */ e("div", { style: { gridColumn: `span ${Dn}` }, children: /* @__PURE__ */ e(
-          ro,
-          {
-            widgetId: Ve.slot.widget_id,
-            inputBindings: Ve.slot.input_bindings ?? [],
-            itemDraft: at,
-            label: Ve.slot.label_override ?? void 0,
-            defaultExpanded: Ve.slot.default_expanded ?? !0
+    return Oe.sort((Re, Ve) => Re.sort - Ve.sort), /* @__PURE__ */ e(
+      "div",
+      {
+        className: "nvr-tab-enter rounded-xl border border-slate-200 bg-white px-5 py-5",
+        children: /* @__PURE__ */ e(Sp, { children: (Re) => Oe.map((Ve) => {
+          var An, In;
+          if (Ve._t === "owners") {
+            const Dn = Ve.slot.col_span ?? 12;
+            return /* @__PURE__ */ e("div", { style: { gridColumn: `span ${Dn}` }, children: /* @__PURE__ */ e(
+              v0,
+              {
+                collection: t,
+                itemId: O,
+                label: Ve.slot.label_override || "Owners"
+              }
+            ) }, "__owners__");
           }
-        ) }, Ve.slot.field);
-      }
-      const bt = Ve.f, Nt = Ll == null ? void 0 : Ll[bt.field], Pt = Nt == null ? void 0 : Nt.entries, yt = (Nt == null ? void 0 : Nt.separator) ?? null, ft = at[bt.field], $t = ft != null && ft !== "", Gt = Pt != null && Pt.length && $t ? ((In = ce.find(
-        (Dn) => Dn.many_collection === t && Dn.many_field === bt.field && !Dn.junction_field
-      )) == null ? void 0 : In.one_collection) ?? null : null;
-      return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${Hd(bt.options, Re)}` }, children: [
-        /* @__PURE__ */ e(
-          Io,
-          {
-            field: bt,
-            draft: il,
-            onChange: pr,
-            relations: ce,
-            collection: t,
-            itemId: O,
-            error: _e[bt.field],
-            visible: !0,
-            locked: Fs || be !== "original",
-            layoutAiEnabled: Vt,
-            renderField: _,
-            onCountChange: Bs
+          if (Ve._t === "pdf") {
+            if (!Z) return null;
+            const Dn = Ve.slot.col_span ?? 12, yr = ((An = Ve.slot.label_override) == null ? void 0 : An.trim()) || "Generate PDF", Ln = !ul;
+            return /* @__PURE__ */ e("div", { style: { gridColumn: `span ${Dn}` }, children: /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: () => void Di(),
+                disabled: ie || Ln,
+                title: Ln ? "Configure PDF field in Data Model → Layouts" : void 0,
+                className: "inline-flex items-center gap-1.5 rounded-md border border-nvr-cyan/40 bg-nvr-cyan/10 px-3 py-1.5 text-[12px] font-medium text-nvr-navy hover:bg-nvr-cyan/20 disabled:cursor-not-allowed disabled:opacity-40 dark:text-nvr-cyan",
+                children: [
+                  /* @__PURE__ */ r(
+                    "svg",
+                    {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      className: "h-3.5 w-3.5",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: [
+                        /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+                        /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" })
+                      ]
+                    }
+                  ),
+                  ie ? "Generating…" : yr
+                ]
+              }
+            ) }, "__pdf__");
           }
-        ),
-        (Pt == null ? void 0 : Pt.length) && $t && Gt && /* @__PURE__ */ e(
-          xu,
-          {
-            relCollection: Gt,
-            relId: ft,
-            entries: Pt,
-            separator: yt
+          if (Ve._t === "widget") {
+            if (!Ve.slot.widget_id) return null;
+            const Dn = Ve.slot.col_span ?? 12;
+            return /* @__PURE__ */ e("div", { style: { gridColumn: `span ${Dn}` }, children: /* @__PURE__ */ e(
+              ro,
+              {
+                widgetId: Ve.slot.widget_id,
+                inputBindings: Ve.slot.input_bindings ?? [],
+                itemDraft: at,
+                label: Ve.slot.label_override ?? void 0,
+                defaultExpanded: Ve.slot.default_expanded ?? !0
+              }
+            ) }, Ve.slot.field);
           }
-        )
-      ] }, bt.field);
-    }) }) });
+          const bt = Ve.f, Nt = Ll == null ? void 0 : Ll[bt.field], Pt = Nt == null ? void 0 : Nt.entries, yt = (Nt == null ? void 0 : Nt.separator) ?? null, ft = at[bt.field], $t = ft != null && ft !== "", Gt = Pt != null && Pt.length && $t ? ((In = ce.find(
+            (Dn) => Dn.many_collection === t && Dn.many_field === bt.field && !Dn.junction_field
+          )) == null ? void 0 : In.one_collection) ?? null : null;
+          return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${Hd(bt.options, Re)}` }, children: [
+            /* @__PURE__ */ e(
+              Io,
+              {
+                field: bt,
+                draft: il,
+                onChange: pr,
+                relations: ce,
+                collection: t,
+                itemId: O,
+                error: _e[bt.field],
+                visible: !0,
+                locked: Fs || be !== "original",
+                layoutAiEnabled: Vt,
+                renderField: _,
+                onCountChange: Bs
+              }
+            ),
+            (Pt == null ? void 0 : Pt.length) && $t && Gt && /* @__PURE__ */ e(
+              xu,
+              {
+                relCollection: Gt,
+                relId: ft,
+                entries: Pt,
+                separator: yt
+              }
+            )
+          ] }, bt.field);
+        }) })
+      },
+      ya
+    );
   }
   function Rv() {
     var U;
@@ -33356,7 +33374,7 @@ ${ae.join(`
             onClick: () => Al(Y.key),
             className: H(
               "whitespace-nowrap px-4 py-2.5 text-sm font-medium border-b-2 transition-colors flex items-center gap-1.5",
-              _a === Y.key ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"
+              ya === Y.key ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"
             ),
             children: [
               Y.label,
@@ -33366,7 +33384,7 @@ ${ae.join(`
           Y.key
         );
       }) }),
-      Gh(_a),
+      Gh(ya),
       Rc.filter((Y) => typeof Y == "string" && Y !== "__ungrouped__").map((Y) => Jh(Y)),
       !Rr && g && /* @__PURE__ */ e(
         Qc,
@@ -33420,13 +33438,13 @@ ${ae.join(`
   }
   function Mv() {
     var Re;
-    const M = Nr.findIndex((Ve) => Ve.key === _a), U = M === Nr.length - 1, ae = /* @__PURE__ */ e("div", { className: "mt-6 border-t border-slate-200 pt-4", children: /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2", children: [
+    const M = Nr.findIndex((Ve) => Ve.key === ya), U = M === Nr.length - 1, ae = /* @__PURE__ */ e("div", { className: "mt-6 border-t border-slate-200 pt-4", children: /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           onClick: () => {
-            const Ve = Nr.findIndex((bt) => bt.key === _a);
+            const Ve = Nr.findIndex((bt) => bt.key === ya);
             Ve > 0 && Al(Nr[Ve - 1].key);
           },
           disabled: M === 0,
@@ -33488,7 +33506,7 @@ ${ae.join(`
         )
       ] })
     ] }) }), ue = fe.length > 0 ? Math.min(...fe.map((Ve) => Ve.sort)) : 1 / 0, $e = Rc.filter((Ve) => typeof Ve != "string" ? Ve.sort < ue : Ve === "__pipeline__" ? !!(Rr && Rr.sort < ue) : Ve === "__comments__" ? !!(Sa && Sa.sort < ue) : Ve === "__tasks__" ? !!(Ca && Ca.sort < ue) : Ve === "__addendums__" ? !!(js && js.sort < ue) : !1), Oe = Rc.filter((Ve) => Ve === "__ungrouped__" ? !1 : typeof Ve != "string" ? Ve.sort >= ue : Ve === "__pipeline__" ? !(Rr && Rr.sort < ue) : Ve === "__comments__" ? !(Sa && Sa.sort < ue) : Ve === "__tasks__" ? !(Ca && Ca.sort < ue) : Ve === "__addendums__" ? !(js && js.sort < ue) : !1);
-    return /* @__PURE__ */ r("div", { className: "space-y-4 min-w-0 flex-1", children: [
+    return /* @__PURE__ */ r("div", { className: "nvr-stagger space-y-4 min-w-0 flex-1", children: [
       $e.map((Ve, bt) => {
         const Nt = typeof Ve == "string" ? Ve : Ve.key;
         return /* @__PURE__ */ e("div", { children: Km(Ve) }, Nt ?? bt);
@@ -33497,7 +33515,7 @@ ${ae.join(`
         kx,
         {
           steps: Nr,
-          active: _a,
+          active: ya,
           completed: _v,
           dirtySteps: wv,
           errorSteps: new Set(
@@ -33506,7 +33524,7 @@ ${ae.join(`
           onStepClick: Al
         }
       ),
-      Gh(_a, !0),
+      Gh(ya, !0),
       Oe.map((Ve, bt) => {
         const Nt = typeof Ve == "string" ? Ve : Ve.key;
         return /* @__PURE__ */ e("div", { children: Km(Ve) }, Nt ?? bt);
@@ -34343,7 +34361,7 @@ ${ae.join(`
                             title: "Unsaved changes — click to see what changed",
                             className: "absolute -right-1 -top-1 z-10 h-3 w-3 rounded-full",
                             "data-unsaved-dot": !0,
-                            children: /* @__PURE__ */ e("span", { className: "absolute inset-0.5 rounded-full bg-amber-400 ring-2 ring-white dark:ring-card" })
+                            children: /* @__PURE__ */ e("span", { className: "nvr-pop absolute inset-0.5 rounded-full bg-amber-400 ring-2 ring-white dark:ring-card" })
                           }
                         ),
                         /* @__PURE__ */ e(
@@ -37632,7 +37650,7 @@ function SS({
             },
             children: [
               /* @__PURE__ */ e(
-                va,
+                ka,
                 {
                   value: k,
                   onChange: T,
@@ -38042,8 +38060,8 @@ function pF({
     enabled: !!t && W,
     placeholderData: (I) => I,
     retry: !1
-  }), Mr = We ? We.rows : (Hn == null ? void 0 : Hn.data) ?? [], ia = We ? We.total : (Hn == null ? void 0 : Hn.total) ?? 0, bs = Hn == null ? void 0 : Hn.aggregates, rs = Math.max(1, Math.ceil(ia / Un)), Is = Cg(xs), Fr = bm(), wa = Pe(/* @__PURE__ */ new Set());
-  wa.current = new Set(Mr.map((I) => String(I.id)));
+  }), Mr = We ? We.rows : (Hn == null ? void 0 : Hn.data) ?? [], ia = We ? We.total : (Hn == null ? void 0 : Hn.total) ?? 0, bs = Hn == null ? void 0 : Hn.aggregates, rs = Math.max(1, Math.ceil(ia / Un)), Is = Cg(xs), Fr = bm(), _a = Pe(/* @__PURE__ */ new Set());
+  _a.current = new Set(Mr.map((I) => String(I.id)));
   const oa = Pe([]);
   oa.current = [
     "cbv-items",
@@ -38059,7 +38077,7 @@ function pF({
     if (!Fr || !t) return;
     const I = () => Yr((Te) => Te + 1), me = Fr.subscribeCollections([t], (Te) => {
       const Ce = String(Te.item);
-      Te.action !== "delete" && wa.current.has(Ce) ? p.request(ee(`/items/${t}/${Ce}`)).then((nt) => {
+      Te.action !== "delete" && _a.current.has(Ce) ? p.request(ee(`/items/${t}/${Ce}`)).then((nt) => {
         const vt = nt == null ? void 0 : nt.data;
         vt && h.setQueryData(
           oa.current,
@@ -39985,14 +40003,14 @@ ${Te}`).then(() => {
                                 if (Vl.length === 0 || !Jl || Jl === "—")
                                   return /* @__PURE__ */ e("span", { className: "text-[12px] text-slate-300", children: "—" });
                                 if (Vl.length === 1)
-                                  return /* @__PURE__ */ e("span", { onClick: (_a) => _a.stopPropagation(), children: /* @__PURE__ */ e(vo, { userId: String(Vl[0]), size: "compact" }) });
+                                  return /* @__PURE__ */ e("span", { onClick: (ya) => ya.stopPropagation(), children: /* @__PURE__ */ e(vo, { userId: String(Vl[0]), size: "compact" }) });
                                 const Lm = Jl.split(", ");
                                 return /* @__PURE__ */ e(
                                   y0,
                                   {
-                                    users: Vl.map((_a, Tc) => ({
-                                      id: String(_a),
-                                      name: Lm[Tc] ?? String(_a)
+                                    users: Vl.map((ya, Tc) => ({
+                                      id: String(ya),
+                                      name: Lm[Tc] ?? String(ya)
                                     })),
                                     showSingleName: !1
                                   }
@@ -45275,7 +45293,7 @@ val1,val2,val3`,
         /* @__PURE__ */ r("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ e(_n, { className: "text-[11.5px]", children: "When a record already exists" }),
           /* @__PURE__ */ e(
-            va,
+            ka,
             {
               value: C,
               onChange: A,
@@ -45843,7 +45861,7 @@ function p4({
                 }
               ) }),
               /* @__PURE__ */ e("td", { className: "px-2 py-1", children: /* @__PURE__ */ e(
-                va,
+                ka,
                 {
                   value: m.type,
                   onChange: (f) => h({ type: f }),
@@ -46340,7 +46358,7 @@ function y4({
       String(m.id)
     )),
     /* @__PURE__ */ e(
-      va,
+      ka,
       {
         value: "",
         onChange: (m) => {
@@ -46569,7 +46587,7 @@ function v4({
             label: "Loader",
             hint: "Bulk pushes a file to the share and BULK INSERTs it; insert batches rows directly. Ignored in service mode.",
             children: /* @__PURE__ */ e(
-              va,
+              ka,
               {
                 value: c.loader,
                 onChange: (w) => m((k) => ({ ...k, loader: w })),
@@ -46589,7 +46607,7 @@ function v4({
             label: "Processor",
             hint: "Stored procedure MERGEs staging rows (no revisions). Items service diffs and writes only real changes — revisions, activity, rules and computed fields apply.",
             children: /* @__PURE__ */ e(
-              va,
+              ka,
               {
                 value: c.processor,
                 onChange: (w) => m((k) => ({ ...k, processor: w })),
@@ -63343,7 +63361,7 @@ function FF({ queueId: t, realtime: n, renderError: a }) {
         children: "Claim"
       }
     )
-  }, Fr = (q == null ? void 0 : q.available_extra_fields) ?? [], wa = mm("drill.queue"), oa = wa.value, gs = (B) => wa.push([B]), Yr = (B) => {
+  }, Fr = (q == null ? void 0 : q.available_extra_fields) ?? [], _a = mm("drill.queue"), oa = _a.value, gs = (B) => _a.push([B]), Yr = (B) => {
     var Fe;
     for (const pt of (q == null ? void 0 : q.sources) ?? []) {
       const Rt = (Fe = pt.drilldown) == null ? void 0 : Fe[B];
@@ -64497,9 +64515,9 @@ function FF({ queueId: t, realtime: n, renderError: a }) {
         width: oa[0].width,
         title: oa[0].title,
         stack: oa,
-        onPush: (B) => wa.push([...oa, B]),
-        onPop: () => wa.back(),
-        onClose: () => wa.back(oa.length)
+        onPush: (B) => _a.push([...oa, B]),
+        onPop: () => _a.back(),
+        onClose: () => _a.back(oa.length)
       }
     ) : null,
     Gn && qr(
@@ -66324,7 +66342,7 @@ function Tq({
           const E = x.find((R) => R.value === $.field);
           return /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ e(
-              va,
+              ka,
               {
                 value: $.field,
                 onChange: (R) => m((q) => q.map((D, V) => V === j ? { ...D, field: R } : D)),
@@ -66334,7 +66352,7 @@ function Tq({
               }
             ),
             (E == null ? void 0 : E.aggregatable) && /* @__PURE__ */ e(
-              va,
+              ka,
               {
                 value: $.agg,
                 onChange: (R) => m(
@@ -66346,7 +66364,7 @@ function Tq({
               }
             ),
             /* @__PURE__ */ e(
-              va,
+              ka,
               {
                 value: $.op,
                 onChange: (R) => m(
@@ -67885,7 +67903,7 @@ function TF({
           ] })
         ] }),
         /* @__PURE__ */ e(
-          va,
+          ka,
           {
             value: (qn == null ? void 0 : qn.preset) ?? "",
             onChange: (Je) => b(Je ? { preset: Je } : null),
@@ -69361,7 +69379,7 @@ function jF() {
   ] });
 }
 function Pq() {
-  const t = Na(), { data: n, isFetched: a } = se({
+  const t = wa(), { data: n, isFetched: a } = se({
     queryKey: ["feature-flags-mine"],
     enabled: !!t,
     staleTime: 6e4,
@@ -69589,7 +69607,7 @@ function Wq({
   inputId: o,
   errorId: d
 }) {
-  const u = Na(), [c, m] = S(!1), [p, h] = S(null), [f, y] = S(0), v = o ?? t.field, g = n != null && typeof n == "object" ? String(n.id ?? "") : n == null ? "" : String(n);
+  const u = wa(), [c, m] = S(!1), [p, h] = S(null), [f, y] = S(0), v = o ?? t.field, g = n != null && typeof n == "object" ? String(n.id ?? "") : n == null ? "" : String(n);
   return /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ e(
       "input",
@@ -69738,7 +69756,7 @@ function Hp({
   errorId: d
 }) {
   var F, C, A;
-  const u = Na(), [c, m] = S(""), p = ((F = t.relation) == null ? void 0 : F.relatedCollection) ?? "", {
+  const u = wa(), [c, m] = S(""), p = ((F = t.relation) == null ? void 0 : F.relatedCollection) ?? "", {
     options: h,
     loading: f,
     error: y
@@ -69996,7 +70014,7 @@ function Gq({
   field: t,
   itemId: n
 }) {
-  const a = Na(), s = V0(), l = t.relation, i = (l == null ? void 0 : l.relatedCollection) ?? "", o = (l == null ? void 0 : l.manyField) ?? "", [d, u] = S([]), [c, m] = S([]), [p, h] = S(/* @__PURE__ */ new Map()), [f, y] = S([]), [v, g] = S(/* @__PURE__ */ new Set()), x = Pe(!0);
+  const a = wa(), s = V0(), l = t.relation, i = (l == null ? void 0 : l.relatedCollection) ?? "", o = (l == null ? void 0 : l.manyField) ?? "", [d, u] = S([]), [c, m] = S([]), [p, h] = S(/* @__PURE__ */ new Map()), [f, y] = S([]), [v, g] = S(/* @__PURE__ */ new Set()), x = Pe(!0);
   Le(() => (x.current = !0, () => {
     x.current = !1;
   }), []);
@@ -70277,7 +70295,7 @@ function t6({
   labelOverride: a,
   defaultExpanded: s
 }) {
-  const l = Na(), [i, o] = S(!1), [d, u] = S([]), [c, m] = S(!1), [p, h] = S(""), [f, y] = S(!1), [v, g] = S(null), [x, b] = S(""), F = Pe(!0), C = Pe(!1);
+  const l = wa(), [i, o] = S(!1), [d, u] = S([]), [c, m] = S(!1), [p, h] = S(""), [f, y] = S(!1), [v, g] = S(null), [x, b] = S(""), F = Pe(!0), C = Pe(!1);
   Le(() => (F.current = !0, () => {
     F.current = !1;
   }), []), Le(() => {
@@ -71078,7 +71096,7 @@ function s6({
   labelOverride: a,
   defaultExpanded: s
 }) {
-  const l = Na(), [i, o] = S(!1), [d, u] = S(null), [c, m] = S(""), [p, h] = S(null), [f, y] = S(!1), [v, g] = S(!1), x = Pe(!0), b = Pe(!1);
+  const l = wa(), [i, o] = S(!1), [d, u] = S(null), [c, m] = S(""), [p, h] = S(null), [f, y] = S(!1), [v, g] = S(!1), x = Pe(!0), b = Pe(!1);
   Le(() => (x.current = !0, () => {
     x.current = !1;
   }), []), Le(() => {
@@ -71426,7 +71444,7 @@ function o6({
   labelOverride: a,
   defaultExpanded: s
 }) {
-  const l = Na(), [i, o] = S(!1), [d, u] = S([]), [c, m] = S([]), [p, h] = S(!1), [f, y] = S(!1), [v, g] = S(""), [x, b] = S(""), [F, C] = S(""), [A, N] = S(!1), _ = Pe(!0), w = Pe(!1);
+  const l = wa(), [i, o] = S(!1), [d, u] = S([]), [c, m] = S([]), [p, h] = S(!1), [f, y] = S(!1), [v, g] = S(""), [x, b] = S(""), [F, C] = S(""), [A, N] = S(!1), _ = Pe(!0), w = Pe(!1);
   Le(() => (_.current = !0, () => {
     _.current = !1;
   }), []), Le(() => {
@@ -72498,7 +72516,7 @@ function k6(t, n) {
   return !0;
 }
 function VF(t, n, a) {
-  const s = Na(), l = a ?? s;
+  const s = wa(), l = a ?? s;
   if (!l)
     throw new Error(
       "useNivaroForm requires a NivaroClient — pass one as the third argument or wrap the tree in <NivaroProvider>."
@@ -72791,7 +72809,7 @@ function Tb(t) {
   };
 }
 function HF(t = {}) {
-  const n = Na(), a = t.client ?? n, s = t.app, l = t.disabled ?? !1, i = Pe({
+  const n = wa(), a = t.client ?? n, s = t.app, l = t.disabled ?? !1, i = Pe({
     recordingId: null,
     buffer: [],
     seq: 0,
@@ -73136,7 +73154,7 @@ export {
   je as useNivaroClient,
   VF as useNivaroForm,
   dh as useOnlineUsers,
-  Na as useOptionalNivaroClient,
+  wa as useOptionalNivaroClient,
   bm as useOptionalRealtime,
   BF as useOrderedLayout,
   mm as useOverlayState,