@nivaro/react 0.3.40 → 0.3.42

package/dist/shared/components/WidgetSlot.js

@@ -1,90 +1,91 @@
-import { jsx as t, jsxs as b, Fragment as be } from "react/jsx-runtime";
-import { useQueryClient as Qe, useQuery as Ge } from "@tanstack/react-query";
-import { AlertTriangle as Ve, RefreshCw as Fe, MoreVertical as Xe, MoreHorizontal as Ye, Clipboard as Ze, Copy as et, Clock as tt, Calendar as rt, Paperclip as nt, Folder as lt, File as at, FileText as it, Bell as st, Phone as ot, MessageSquare as ct, Mail as dt, UserCheck as ut, UserPlus as pt, Users as ft, User as mt, Activity as ht, Zap as gt, Power as yt, Search as bt, Filter as wt, Sliders as xt, Settings as vt, RotateCcw as _t, Pause as Nt, Play as kt, HelpCircle as St, Info as Rt, AlertCircle as Lt, Flag as $t, Bookmark as Ct, Heart as Et, Star as jt, Unlock as Tt, Lock as Ot, EyeOff as It, Eye as Dt, Send as qt, Upload as Ut, Download as At, Save as Pt, Trash2 as Wt, Edit2 as Mt, Edit as Bt, Minus as Ht, Plus as Vt, XCircle as Ft, X as Jt, CheckCircle as zt, Check as Kt, Share2 as Qt, Link as Gt, ExternalLink as Xt, ArrowUpRight as Yt, ArrowDown as Zt, ArrowUp as er, ArrowLeft as tr, ArrowRight as rr } from "lucide-react";
-import { useState as P, useRef as le, useCallback as Oe, useEffect as Y, useMemo as Ie } from "react";
-import { useApiFetchConfig as we, useDrilldown as nr, useOptionalNivaroClient as lr } from "../context.js";
-import { useDebounced as ar } from "../hooks/useDebounced.js";
-import { PRETEND_DOWN_EVENT as De } from "../lib/client-chaos.js";
-import { get as ir, post as sr } from "../lib/commands.js";
-import { HEADER_CELL_DENSE as or, HEADER_CELL_LIST as cr, HEADER_LABEL as dr, HEADER_VALUE_LINE as ur, HEADER_VALUE_HERO as pr, HEADER_VALUE as fr } from "../lib/header-strip.js";
-import { loadErrorText as qe } from "../lib/load-error.js";
-import { affixesFor as ae, formatWidgetValue as ie } from "../lib/widget-value-format.js";
-import { BackgroundRunOffer as mr } from "./BackgroundRunOffer.js";
-import { cacheStampTip as hr, CacheStamp as gr } from "./CacheStamp.js";
-import { useStagedRelations as yr } from "./item-edit/O2MStagingContext.js";
-import { LoadErrorNote as Ue } from "./LoadErrorNote.js";
-import { QueryTable as br } from "./QueryTable.js";
-import { Button as ne } from "./ui/button.js";
-import { DropdownMenu as Ae, DropdownMenuTrigger as Pe, DropdownMenuContent as We, DropdownMenuItem as Me } from "./ui/dropdown-menu.js";
-import { reportSlotScalar as wr, ReportSlotWidget as xr } from "./widgets/ReportSlotWidget.js";
-import { ReviewListWidget as vr } from "./widgets/ReviewListWidget.js";
-import { RollupWidget as _r } from "./widgets/RollupWidget.js";
+import { jsx as t, jsxs as x, Fragment as we } from "react/jsx-runtime";
+import { useQueryClient as Xe, useQuery as Ye } from "@tanstack/react-query";
+import { AlertTriangle as Je, RefreshCw as ze, MoreVertical as Ze, MoreHorizontal as et, Clipboard as tt, Copy as rt, Clock as nt, Calendar as lt, Paperclip as it, Folder as at, File as st, FileText as ot, Bell as ct, Phone as dt, MessageSquare as ut, Mail as ft, UserCheck as pt, UserPlus as mt, Users as ht, User as gt, Activity as yt, Zap as xt, Power as bt, Search as wt, Filter as vt, Sliders as _t, Settings as Nt, RotateCcw as kt, Pause as St, Play as Rt, HelpCircle as Lt, Info as $t, AlertCircle as Ct, Flag as Et, Bookmark as Tt, Heart as jt, Star as Ot, Unlock as It, Lock as Dt, EyeOff as qt, Eye as Ut, Send as At, Upload as Pt, Download as Wt, Save as Mt, Trash2 as Bt, Edit2 as Ht, Edit as Vt, Minus as Ft, Plus as Jt, XCircle as zt, X as Kt, CheckCircle as Qt, Check as Gt, Share2 as Xt, Link as Yt, ExternalLink as Zt, ArrowUpRight as er, ArrowDown as tr, ArrowUp as rr, ArrowLeft as nr, ArrowRight as lr } from "lucide-react";
+import { useState as P, useRef as ie, useCallback as De, useEffect as Y, useMemo as qe } from "react";
+import { useApiFetchConfig as ve, useDrilldown as ir, useOptionalNivaroClient as ar } from "../context.js";
+import { useDebounced as sr } from "../hooks/useDebounced.js";
+import { PRETEND_DOWN_EVENT as Ue } from "../lib/client-chaos.js";
+import { get as or, post as cr } from "../lib/commands.js";
+import { HEADER_CELL_DENSE as dr, HEADER_CELL_LIST as ur, HEADER_LABEL as fr, HEADER_VALUE_LINE as pr, HEADER_VALUE_HERO as mr, HEADER_VALUE as hr } from "../lib/header-strip.js";
+import { loadErrorText as Ae } from "../lib/load-error.js";
+import { affixesFor as ae, formatWidgetValue as se } from "../lib/widget-value-format.js";
+import { BackgroundRunOffer as gr } from "./BackgroundRunOffer.js";
+import { cacheStampTip as yr, CacheStamp as xr } from "./CacheStamp.js";
+import { useStagedRelations as br } from "./item-edit/O2MStagingContext.js";
+import { LoadErrorNote as Pe } from "./LoadErrorNote.js";
+import { QueryTable as wr } from "./QueryTable.js";
+import { CardSkeleton as he } from "./Skeletons.js";
+import { Button as le } from "./ui/button.js";
+import { DropdownMenu as We, DropdownMenuTrigger as Me, DropdownMenuContent as Be, DropdownMenuItem as He } from "./ui/dropdown-menu.js";
+import { reportSlotScalar as vr, ReportSlotWidget as _r } from "./widgets/ReportSlotWidget.js";
+import { ReviewListWidget as Nr } from "./widgets/ReviewListWidget.js";
+import { RollupWidget as kr } from "./widgets/RollupWidget.js";
 const Q = {
-  ArrowRight: rr,
-  ArrowLeft: tr,
-  ArrowUp: er,
-  ArrowDown: Zt,
-  ArrowUpRight: Yt,
-  ExternalLink: Xt,
-  Link: Gt,
-  Share2: Qt,
-  Check: Kt,
-  CheckCircle: zt,
-  X: Jt,
-  XCircle: Ft,
-  Plus: Vt,
-  Minus: Ht,
-  Edit: Bt,
-  Edit2: Mt,
-  Trash2: Wt,
-  Save: Pt,
-  Download: At,
-  Upload: Ut,
-  Send: qt,
-  Eye: Dt,
-  EyeOff: It,
-  Lock: Ot,
-  Unlock: Tt,
-  Star: jt,
-  Heart: Et,
-  Bookmark: Ct,
-  Flag: $t,
-  AlertCircle: Lt,
-  AlertTriangle: Ve,
-  Info: Rt,
-  HelpCircle: St,
-  Play: kt,
-  Pause: Nt,
-  RefreshCw: Fe,
-  RotateCcw: _t,
-  Settings: vt,
-  Sliders: xt,
-  Filter: wt,
-  Search: bt,
-  Power: yt,
-  Zap: gt,
-  Activity: ht,
-  User: mt,
-  Users: ft,
-  UserPlus: pt,
-  UserCheck: ut,
-  Mail: dt,
-  MessageSquare: ct,
-  Phone: ot,
-  Bell: st,
-  FileText: it,
-  File: at,
-  Folder: lt,
-  Paperclip: nt,
-  Calendar: rt,
-  Clock: tt,
-  Copy: et,
-  Clipboard: Ze,
-  MoreHorizontal: Ye,
-  MoreVertical: Xe
+  ArrowRight: lr,
+  ArrowLeft: nr,
+  ArrowUp: rr,
+  ArrowDown: tr,
+  ArrowUpRight: er,
+  ExternalLink: Zt,
+  Link: Yt,
+  Share2: Xt,
+  Check: Gt,
+  CheckCircle: Qt,
+  X: Kt,
+  XCircle: zt,
+  Plus: Jt,
+  Minus: Ft,
+  Edit: Vt,
+  Edit2: Ht,
+  Trash2: Bt,
+  Save: Mt,
+  Download: Wt,
+  Upload: Pt,
+  Send: At,
+  Eye: Ut,
+  EyeOff: qt,
+  Lock: Dt,
+  Unlock: It,
+  Star: Ot,
+  Heart: jt,
+  Bookmark: Tt,
+  Flag: Et,
+  AlertCircle: Ct,
+  AlertTriangle: Je,
+  Info: $t,
+  HelpCircle: Lt,
+  Play: Rt,
+  Pause: St,
+  RefreshCw: ze,
+  RotateCcw: kt,
+  Settings: Nt,
+  Sliders: _t,
+  Filter: vt,
+  Search: wt,
+  Power: bt,
+  Zap: xt,
+  Activity: yt,
+  User: gt,
+  Users: ht,
+  UserPlus: mt,
+  UserCheck: pt,
+  Mail: ft,
+  MessageSquare: ut,
+  Phone: dt,
+  Bell: ct,
+  FileText: ot,
+  File: st,
+  Folder: at,
+  Paperclip: it,
+  Calendar: lt,
+  Clock: nt,
+  Copy: rt,
+  Clipboard: tt,
+  MoreHorizontal: et,
+  MoreVertical: Ze
 };
-function xe({ awaiting: l, dark: s }) {
-  return /* @__PURE__ */ b(
+function _e({ awaiting: l, dark: s }) {
+  return /* @__PURE__ */ x(
     "span",
     {
       className: `text-[12px] font-normal italic ${s ? "text-slate-400" : "text-slate-400 dark:text-slate-500"}`,
@@ -97,35 +98,35 @@ function xe({ awaiting: l, dark: s }) {
     }
   );
 }
-function me({
+function ge({
   label: l,
   value: s,
   display: o,
-  loading: a,
+  loading: i,
   awaiting: c
 }) {
-  const { prefix: m, suffix: v } = ae(s, o), w = a ? null : ie(s, o.format ?? "");
+  const { prefix: m, suffix: v } = ae(s, o), b = i ? null : se(s, o.format ?? "");
   return (
     // Same label / value vocabulary as a field tile in the record sub-header
     // (lib/header-strip.ts) — the two kinds of cell read as one row.
-    /* @__PURE__ */ b(
+    /* @__PURE__ */ x(
       "div",
       {
-        className: `flex h-full min-w-0 flex-col justify-start gap-1 px-4 pt-[9px] pb-2 ${or} ${cr}`,
+        className: `flex h-full min-w-0 flex-col justify-start gap-1 px-4 pt-[9px] pb-2 ${dr} ${ur}`,
         children: [
-          /* @__PURE__ */ t("span", { className: dr, "data-header-label": !0, children: l }),
+          /* @__PURE__ */ t("span", { className: fr, "data-header-label": !0, children: l }),
           /* @__PURE__ */ t(
             "span",
             {
               "data-header-value": !0,
-              className: `${ur} max-w-[232px] items-baseline truncate leading-tight`,
-              children: a ? /* @__PURE__ */ t("span", { className: "animate-pulse inline-block h-3.5 w-16 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) : c && s == null ? /* @__PURE__ */ t(xe, { awaiting: c }) : /* @__PURE__ */ b(
+              className: `${pr} max-w-[232px] items-baseline truncate leading-tight`,
+              children: i ? /* @__PURE__ */ t("span", { className: "animate-pulse inline-block h-3.5 w-16 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) : c && s == null ? /* @__PURE__ */ t(_e, { awaiting: c }) : /* @__PURE__ */ x(
                 "span",
                 {
-                  className: String(o.format ?? "").startsWith("currency") || /^[$€£¥]/.test(m) ? pr : fr,
+                  className: String(o.format ?? "").startsWith("currency") || /^[$€£¥]/.test(m) ? mr : hr,
                   children: [
                     m,
-                    w,
+                    b,
                     v
                   ]
                 }
@@ -137,18 +138,18 @@ function me({
     )
   );
 }
-function Nr({
+function Sr({
   data: l,
   label: s,
   loading: o,
-  widgetConfig: a,
+  widgetConfig: i,
   awaiting: c
 }) {
   const m = "h-full flex items-stretch divide-x divide-slate-200 dark:divide-border [[data-header-list]_&]:w-full [[data-header-list]_&]:flex-col [[data-header-list]_&]:divide-x-0";
   if (l && "values" in l) {
-    const w = l.values ?? [];
-    return w.length === 0 ? null : /* @__PURE__ */ t("div", { className: m, children: w.map((_, R) => /* @__PURE__ */ t(
-      me,
+    const b = l.values ?? [];
+    return b.length === 0 ? null : /* @__PURE__ */ t("div", { className: m, children: b.map((_, R) => /* @__PURE__ */ t(
+      ge,
       {
         label: _.label,
         value: _.value,
@@ -160,9 +161,9 @@ function Nr({
     )) });
   }
   if (o) {
-    const w = (a == null ? void 0 : a.value_fields) ?? [], _ = w.length > 0 ? w : [{ label: s }];
+    const b = (i == null ? void 0 : i.value_fields) ?? [], _ = b.length > 0 ? b : [{ label: s }];
     return /* @__PURE__ */ t("div", { className: m, children: _.map((R, $) => /* @__PURE__ */ t(
-      me,
+      ge,
       {
         label: R.label ?? s,
         display: { prefix: R.prefix ?? "", suffix: R.suffix ?? "", format: R.format ?? "" },
@@ -174,7 +175,7 @@ function Nr({
   if (!l) return null;
   const v = l.display ?? {};
   return /* @__PURE__ */ t("div", { className: m, children: /* @__PURE__ */ t(
-    me,
+    ge,
     {
       label: s,
       value: l.value,
@@ -184,89 +185,89 @@ function Nr({
     }
   ) });
 }
-function kr(l, s) {
+function Rr(l, s) {
   if (Object.hasOwn(l, s)) return l[s] ?? null;
   const o = s.split(".");
-  let a = l;
+  let i = l;
   for (const c of o) {
-    if (a == null || typeof a != "object") return a ?? null;
-    a = a[c];
+    if (i == null || typeof i != "object") return i ?? null;
+    i = i[c];
   }
-  return a ?? null;
+  return i ?? null;
 }
-function Sr(l, s) {
+function Lr(l, s) {
   const o = {};
-  for (const a of l)
-    if (a.binding_type === "item_field")
-      o[a.key] = kr(s, a.binding_value);
-    else if (a.binding_type === "static")
-      o[a.key] = a.binding_value;
-    else if (a.binding_type === "url_param" && typeof window < "u") {
+  for (const i of l)
+    if (i.binding_type === "item_field")
+      o[i.key] = Rr(s, i.binding_value);
+    else if (i.binding_type === "static")
+      o[i.key] = i.binding_value;
+    else if (i.binding_type === "url_param" && typeof window < "u") {
       const c = new URLSearchParams(window.location.search);
-      o[a.key] = c.get(a.binding_value) ?? null;
+      o[i.key] = c.get(i.binding_value) ?? null;
     }
   return o;
 }
-function he({
+function ye({
   data: l,
   awaiting: s
 }) {
-  if (s && l.value == null) return /* @__PURE__ */ t(xe, { awaiting: s });
-  const o = l.display ?? {}, { prefix: a, suffix: c } = ae(l.value, o), m = ie(l.value, o.format ?? "");
-  return /* @__PURE__ */ b("div", { className: "flex items-baseline gap-1", children: [
-    a && /* @__PURE__ */ t("span", { className: "text-[13px] text-slate-500", children: a }),
+  if (s && l.value == null) return /* @__PURE__ */ t(_e, { awaiting: s });
+  const o = l.display ?? {}, { prefix: i, suffix: c } = ae(l.value, o), m = se(l.value, o.format ?? "");
+  return /* @__PURE__ */ x("div", { className: "flex items-baseline gap-1", children: [
+    i && /* @__PURE__ */ t("span", { className: "text-[13px] text-slate-500", children: i }),
     /* @__PURE__ */ t("span", { className: "text-2xl font-semibold text-slate-900 dark:text-slate-100", children: m }),
     c && /* @__PURE__ */ t("span", { className: "text-[13px] text-slate-500", children: c })
   ] });
 }
-function ge({
+function xe({
   label: l,
   value: s,
   display: o,
-  dark: a,
+  dark: i,
   loading: c,
   awaiting: m
 }) {
-  const { prefix: v, suffix: w } = ae(s, o), _ = c ? null : ie(s, o.format ?? "");
-  return /* @__PURE__ */ b("div", { className: "flex flex-col justify-center px-2.5 py-1 min-w-0 gap-0.5", children: [
+  const { prefix: v, suffix: b } = ae(s, o), _ = c ? null : se(s, o.format ?? "");
+  return /* @__PURE__ */ x("div", { className: "flex flex-col justify-center px-2.5 py-1 min-w-0 gap-0.5", children: [
     /* @__PURE__ */ t(
       "span",
       {
-        className: `text-[9px] font-medium uppercase tracking-wider leading-none truncate ${a ? "text-slate-500" : "text-slate-400"}`,
+        className: `text-[9px] font-medium uppercase tracking-wider leading-none truncate ${i ? "text-slate-500" : "text-slate-400"}`,
         children: l
       }
     ),
     /* @__PURE__ */ t(
       "span",
       {
-        className: `flex items-baseline gap-0.5 text-[13px] font-semibold tabular-nums leading-none ${a ? "text-slate-100" : "text-slate-900"}`,
+        className: `flex items-baseline gap-0.5 text-[13px] font-semibold tabular-nums leading-none ${i ? "text-slate-100" : "text-slate-900"}`,
         children: c ? /* @__PURE__ */ t(
           "span",
           {
-            className: `animate-pulse inline-block h-3 w-14 rounded ${a ? "bg-slate-600" : "bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]"}`
+            className: `animate-pulse inline-block h-3 w-14 rounded ${i ? "bg-slate-600" : "bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]"}`
           }
-        ) : m && s == null ? /* @__PURE__ */ t(xe, { awaiting: m, dark: a }) : /* @__PURE__ */ b(be, { children: [
-          v && /* @__PURE__ */ t("span", { className: `text-[10px] ${a ? "text-slate-400" : "text-slate-500"}`, children: v }),
+        ) : m && s == null ? /* @__PURE__ */ t(_e, { awaiting: m, dark: i }) : /* @__PURE__ */ x(we, { children: [
+          v && /* @__PURE__ */ t("span", { className: `text-[10px] ${i ? "text-slate-400" : "text-slate-500"}`, children: v }),
           _,
-          w && /* @__PURE__ */ t("span", { className: `text-[10px] ${a ? "text-slate-400" : "text-slate-500"}`, children: w })
+          b && /* @__PURE__ */ t("span", { className: `text-[10px] ${i ? "text-slate-400" : "text-slate-500"}`, children: b })
         ] })
       }
     )
   ] });
 }
-function Rr({
+function $r({
   data: l,
   label: s,
   style: o,
-  loading: a,
+  loading: i,
   widgetConfig: c,
   awaiting: m
 }) {
-  const v = o === "pill-dark", w = v ? "flex items-stretch divide-x divide-slate-700 rounded-md bg-slate-800/90 border border-slate-700 overflow-hidden" : "flex items-stretch divide-x divide-slate-200 rounded-md bg-white border border-slate-200 overflow-hidden dark:bg-card dark:border-border dark:divide-border";
+  const v = o === "pill-dark", b = v ? "flex items-stretch divide-x divide-slate-700 rounded-md bg-slate-800/90 border border-slate-700 overflow-hidden" : "flex items-stretch divide-x divide-slate-200 rounded-md bg-white border border-slate-200 overflow-hidden dark:bg-card dark:border-border dark:divide-border";
   if (l && "values" in l) {
     const R = l.values ?? [];
-    return R.length === 0 ? null : /* @__PURE__ */ t("div", { className: w, children: R.map(($, k) => /* @__PURE__ */ t(
-      ge,
+    return R.length === 0 ? null : /* @__PURE__ */ t("div", { className: b, children: R.map(($, k) => /* @__PURE__ */ t(
+      xe,
       {
         label: $.label,
         value: $.value,
@@ -278,10 +279,10 @@ function Rr({
       k
     )) });
   }
-  if (a) {
+  if (i) {
     const R = (c == null ? void 0 : c.value_fields) ?? [], $ = R.length > 0 ? R : [{ label: s }];
-    return /* @__PURE__ */ t("div", { className: w, children: $.map((k, U) => /* @__PURE__ */ t(
-      ge,
+    return /* @__PURE__ */ t("div", { className: b, children: $.map((k, U) => /* @__PURE__ */ t(
+      xe,
       {
         label: k.label ?? s,
         display: { prefix: k.prefix ?? "", suffix: k.suffix ?? "", format: k.format ?? "" },
@@ -293,8 +294,8 @@ function Rr({
   }
   if (!l) return null;
   const _ = l.display ?? {};
-  return /* @__PURE__ */ t("div", { className: w, children: /* @__PURE__ */ t(
-    ge,
+  return /* @__PURE__ */ t("div", { className: b, children: /* @__PURE__ */ t(
+    xe,
     {
       label: s,
       value: l.value,
@@ -305,46 +306,46 @@ function Rr({
     }
   ) });
 }
-function Be({ data: l }) {
+function Ve({ data: l }) {
   const s = l.values ?? [];
   return s.length === 0 ? /* @__PURE__ */ t("p", { className: "text-[12px] text-slate-400", children: "No values" }) : /* @__PURE__ */ t(
     "div",
     {
       className: "grid gap-3",
       style: { gridTemplateColumns: `repeat(${Math.min(s.length, 3)}, minmax(0, 1fr))` },
-      children: s.map((o, a) => {
-        var w;
-        const { prefix: c, suffix: m } = ae(o.value, o.display), v = ((w = o.display) == null ? void 0 : w.format) ?? "";
-        return /* @__PURE__ */ b("div", { className: "flex flex-col gap-0.5", children: [
+      children: s.map((o, i) => {
+        var b;
+        const { prefix: c, suffix: m } = ae(o.value, o.display), v = ((b = o.display) == null ? void 0 : b.format) ?? "";
+        return /* @__PURE__ */ x("div", { className: "flex flex-col gap-0.5", children: [
           o.label && /* @__PURE__ */ t("span", { className: "text-[11px] text-slate-400 dark:text-slate-500", children: o.label }),
-          /* @__PURE__ */ b("div", { className: "flex items-baseline gap-0.5", children: [
+          /* @__PURE__ */ x("div", { className: "flex items-baseline gap-0.5", children: [
             c && /* @__PURE__ */ t("span", { className: "text-[12px] text-slate-500", children: c }),
-            /* @__PURE__ */ t("span", { className: "text-xl font-semibold text-slate-900 dark:text-slate-100", children: ie(o.value, v) }),
+            /* @__PURE__ */ t("span", { className: "text-xl font-semibold text-slate-900 dark:text-slate-100", children: se(o.value, v) }),
             m && /* @__PURE__ */ t("span", { className: "text-[12px] text-slate-500", children: m })
           ] })
-        ] }, a);
+        ] }, i);
       })
     }
   );
 }
-function Lr({ data: l }) {
+function Cr({ data: l }) {
   const s = l.rows ?? [], o = l.fields ?? [];
-  return s.length === 0 ? /* @__PURE__ */ t("p", { className: "text-[12px] text-slate-400", children: "No items" }) : /* @__PURE__ */ t("div", { className: "overflow-x-auto", children: /* @__PURE__ */ b("table", { className: "w-full text-[12px]", children: [
-    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { className: "border-b border-slate-100", children: o.map((a) => /* @__PURE__ */ t("th", { className: "py-1 pr-3 text-left font-medium text-slate-500", children: a }, a)) }) }),
-    /* @__PURE__ */ t("tbody", { children: s.map((a, c) => /* @__PURE__ */ t("tr", { className: "border-b border-slate-50", children: o.map((m) => /* @__PURE__ */ t("td", { className: "py-1 pr-3 text-slate-700", children: String(a[m] ?? "") }, m)) }, c)) })
+  return s.length === 0 ? /* @__PURE__ */ t("p", { className: "text-[12px] text-slate-400", children: "No items" }) : /* @__PURE__ */ t("div", { className: "overflow-x-auto", children: /* @__PURE__ */ x("table", { className: "w-full text-[12px]", children: [
+    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { className: "border-b border-slate-100", children: o.map((i) => /* @__PURE__ */ t("th", { className: "py-1 pr-3 text-left font-medium text-slate-500", children: i }, i)) }) }),
+    /* @__PURE__ */ t("tbody", { children: s.map((i, c) => /* @__PURE__ */ t("tr", { className: "border-b border-slate-50", children: o.map((m) => /* @__PURE__ */ t("td", { className: "py-1 pr-3 text-slate-700", children: String(i[m] ?? "") }, m)) }, c)) })
   ] }) });
 }
-function He({
+function Fe({
   data: l,
   widgetId: s,
   inputs: o,
-  apiBase: a,
+  apiBase: i,
   onAction: c
 }) {
-  const m = l.buttons ?? [], [v, w] = P(null), _ = we(), R = async ($) => {
-    w($);
+  const m = l.buttons ?? [], [v, b] = P(null), _ = ve(), R = async ($) => {
+    b($);
     try {
-      const k = typeof window < "u" ? localStorage.getItem("nivaro_workspace") ?? "" : "", C = (await (await fetch(`${a}/widgets-internal/${s}/action`, {
+      const k = typeof window < "u" ? localStorage.getItem("nivaro_workspace") ?? "" : "", C = (await (await fetch(`${i}/widgets-internal/${s}/action`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -362,7 +363,7 @@ function He({
         }
       c == null || c(C);
     } finally {
-      w(null);
+      b(null);
     }
   };
   return /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", children: m.map(($, k) => {
@@ -380,50 +381,50 @@ function He({
     );
   }) });
 }
-const $r = /* @__PURE__ */ new Set(["navigate", "field-update", "flow", "toggle"]);
-function ye({
+const Er = /* @__PURE__ */ new Set(["navigate", "field-update", "flow", "toggle"]);
+function be({
   buttons: l,
   layout: s,
   widgetId: o,
-  inputs: a,
+  inputs: i,
   apiBase: c,
   onClientAction: m
 }) {
-  const [v, w] = P(null), [_, R] = P(null), [$, k] = P({}), U = le(null), q = we();
+  const [v, b] = P(null), [_, R] = P(null), [$, k] = P({}), U = ie(null), q = ve();
   function C(e) {
     return e === !0 || e === 1 ? "1" : e === !1 || e === 0 ? "0" : String(e ?? "");
   }
-  function E(e, p) {
-    const u = e.id ?? String(p);
-    return $[u] !== void 0 ? $[u] : e.is_on !== void 0 ? e.is_on : C(a[e.toggle_input ?? ""]) === C(e.toggle_on_value ?? "1");
+  function E(e, f) {
+    const u = e.id ?? String(f);
+    return $[u] !== void 0 ? $[u] : e.is_on !== void 0 ? e.is_on : C(i[e.toggle_input ?? ""]) === C(e.toggle_on_value ?? "1");
   }
-  function G(e, p) {
-    if (e.action !== "toggle") return e.label ?? `Action ${p + 1}`;
-    const u = e.action_config, f = e.toggle_input || (u == null ? void 0 : u.toggle_input) || (u == null ? void 0 : u.field) || "", j = f && f !== e.toggle_input ? { ...e, toggle_input: f } : e;
-    return E(j, p) ? e.label_on || e.label || `Action ${p + 1}` : e.label_off || e.label || `Action ${p + 1}`;
+  function G(e, f) {
+    if (e.action !== "toggle") return e.label ?? `Action ${f + 1}`;
+    const u = e.action_config, p = e.toggle_input || (u == null ? void 0 : u.toggle_input) || (u == null ? void 0 : u.field) || "", T = p && p !== e.toggle_input ? { ...e, toggle_input: p } : e;
+    return E(T, f) ? e.label_on || e.label || `Action ${f + 1}` : e.label_off || e.label || `Action ${f + 1}`;
   }
-  function se(e) {
+  function oe(e) {
     try {
       if (e.startsWith("/") && !e.startsWith("//")) return e;
-      const p = new URL(e, window.location.origin);
-      return ["http:", "https:"].includes(p.protocol) ? p.toString() : null;
+      const f = new URL(e, window.location.origin);
+      return ["http:", "https:"].includes(f.protocol) ? f.toString() : null;
     } catch {
       return null;
     }
   }
-  async function r(e, p) {
-    const u = e.id ?? String(p);
+  async function r(e, f) {
+    const u = e.id ?? String(f);
     R(u);
     try {
-      const f = typeof window < "u" ? localStorage.getItem("nivaro_workspace") ?? "" : "", g = (await (await fetch(`${c}/widgets-internal/${o}/action`, {
+      const p = typeof window < "u" ? localStorage.getItem("nivaro_workspace") ?? "" : "", g = (await (await fetch(`${c}/widgets-internal/${o}/action`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
           ...q.authHeaders,
-          ...f ? { "x-workspace": f } : {}
+          ...p ? { "x-workspace": p } : {}
         },
         credentials: q.credentials,
-        body: JSON.stringify({ button_index: p, inputs: a })
+        body: JSON.stringify({ button_index: f, inputs: i })
       })).json()).data;
       if (g != null && g.redirect_url)
         try {
@@ -435,27 +436,27 @@ function ye({
       R(null);
     }
   }
-  function z(e, p) {
+  function z(e, f) {
     const u = e.action ?? "open-url";
-    if ($r.has(u)) {
+    if (Er.has(u)) {
       if (u === "toggle") {
-        const f = e.id ?? String(p);
-        k((j) => ({ ...j, [f]: !E(e, p) }));
+        const p = e.id ?? String(f);
+        k((T) => ({ ...T, [p]: !E(e, f) }));
       }
-      r(e, p);
+      r(e, f);
       return;
     }
     if (u === "open-url" && e.url) {
-      const f = se(e.url);
-      if (!f) return;
-      e.new_tab ? window.open(f, "_blank", "noopener,noreferrer") : window.location.href = f;
+      const p = oe(e.url);
+      if (!p) return;
+      e.new_tab ? window.open(p, "_blank", "noopener,noreferrer") : window.location.href = p;
     } else if (u === "email") {
-      const f = [];
-      e.email_subject && f.push(`subject=${encodeURIComponent(e.email_subject)}`), e.email_body && f.push(`body=${encodeURIComponent(e.email_body)}`), window.location.href = `mailto:${e.email_to ?? ""}${f.length ? `?${f.join("&")}` : ""}`;
+      const p = [];
+      e.email_subject && p.push(`subject=${encodeURIComponent(e.email_subject)}`), e.email_body && p.push(`body=${encodeURIComponent(e.email_body)}`), window.location.href = `mailto:${e.email_to ?? ""}${p.length ? `?${p.join("&")}` : ""}`;
     } else if (u === "copy") {
-      const f = e.copy_value ?? "";
-      navigator.clipboard.writeText(f).then(() => {
-        w(e.id ?? String(p)), U.current && clearTimeout(U.current), U.current = setTimeout(() => w(null), 1800);
+      const p = e.copy_value ?? "";
+      navigator.clipboard.writeText(p).then(() => {
+        b(e.id ?? String(f)), U.current && clearTimeout(U.current), U.current = setTimeout(() => b(null), 1800);
       });
     } else u === "open-sidebar" && e.sidebar_collection && e.sidebar_id && (m == null || m({
       type: "open-sidebar",
@@ -463,27 +464,27 @@ function ye({
       itemId: e.sidebar_id
     }));
   }
-  function i(e) {
-    const p = e.replace("#", "");
-    if (p.length < 6) return !0;
-    const u = parseInt(p.slice(0, 2), 16), f = parseInt(p.slice(2, 4), 16), j = parseInt(p.slice(4, 6), 16);
-    return (u * 299 + f * 587 + j * 114) / 1e3 > 128;
+  function a(e) {
+    const f = e.replace("#", "");
+    if (f.length < 6) return !0;
+    const u = parseInt(f.slice(0, 2), 16), p = parseInt(f.slice(2, 4), 16), T = parseInt(f.slice(4, 6), 16);
+    return (u * 299 + p * 587 + T * 114) / 1e3 > 128;
   }
-  function Z(e, p, u) {
-    const f = e.id ?? String(p), j = v === f, A = _ === f;
+  function Z(e, f, u) {
+    const p = e.id ?? String(f), T = v === p, A = _ === p;
     let g = e.label ?? "Button", N = e.variant ?? "secondary";
     const W = e.action_config, D = e.toggle_input || (W == null ? void 0 : W.toggle_input) || (W == null ? void 0 : W.field) || "";
     if (e.action === "toggle") {
-      const O = D && D !== e.toggle_input ? { ...e, toggle_input: D } : e, V = E(O, p);
+      const O = D && D !== e.toggle_input ? { ...e, toggle_input: D } : e, V = E(O, f);
       g = V ? e.label_on || g : e.label_off || g, N = V ? e.variant_on ?? N : e.variant_off ?? N;
     }
     const H = e.icon ? Q[e.icon] : null, L = e.color ? {
       backgroundColor: e.color,
       borderColor: e.color,
-      color: i(e.color) ? "#1e293b" : "#ffffff"
+      color: a(e.color) ? "#1e293b" : "#ffffff"
     } : void 0;
-    return /* @__PURE__ */ b(
-      ne,
+    return /* @__PURE__ */ x(
+      le,
       {
         type: "button",
         variant: N,
@@ -491,18 +492,18 @@ function ye({
         className: "h-7 gap-1.5 text-[12px]",
         style: L,
         disabled: _ !== null,
-        onClick: () => z(e, p),
+        onClick: () => z(e, f),
         children: [
           H && /* @__PURE__ */ t(H, { className: "h-3.5 w-3.5 shrink-0" }),
-          A ? "…" : j ? "✓ Copied" : g
+          A ? "…" : T ? "✓ Copied" : g
         ]
       },
-      f
+      p
     );
   }
   if (l.length === 0) return null;
   if (s === "split" && l.length > 1) {
-    const [e, ...p] = l, u = e.id ?? "0", f = _ === u, j = e.action === "none" || !e.action;
+    const [e, ...f] = l, u = e.id ?? "0", p = _ === u, T = e.action === "none" || !e.action;
     let A = e.label ?? "Button", g = e.variant ?? "default";
     const N = e.action_config, W = e.toggle_input || (N == null ? void 0 : N.toggle_input) || (N == null ? void 0 : N.field) || "";
     if (e.action === "toggle" && W) {
@@ -512,11 +513,11 @@ function ye({
     const D = e.icon ? Q[e.icon] : null, H = e.color ? {
       backgroundColor: e.color,
       borderColor: e.color,
-      color: i(e.color) ? "#1e293b" : "#ffffff"
+      color: a(e.color) ? "#1e293b" : "#ffffff"
     } : void 0;
-    return j ? /* @__PURE__ */ t("div", { className: "flex items-center", children: /* @__PURE__ */ b(Ae, { children: [
-      /* @__PURE__ */ t(Pe, { asChild: !0, children: /* @__PURE__ */ b(
-        ne,
+    return T ? /* @__PURE__ */ t("div", { className: "flex items-center", children: /* @__PURE__ */ x(We, { children: [
+      /* @__PURE__ */ t(Me, { asChild: !0, children: /* @__PURE__ */ x(
+        le,
         {
           type: "button",
           variant: g,
@@ -540,8 +541,8 @@ function ye({
           ]
         }
       ) }),
-      /* @__PURE__ */ t(We, { align: "end", className: "min-w-[140px]", children: p.map((L, O) => /* @__PURE__ */ b(
-        Me,
+      /* @__PURE__ */ t(Be, { align: "end", className: "min-w-[140px]", children: f.map((L, O) => /* @__PURE__ */ x(
+        He,
         {
           className: "cursor-pointer text-[12px]",
           onSelect: () => z(L, O + 1),
@@ -555,9 +556,9 @@ function ye({
         },
         L.id ?? O
       )) })
-    ] }) }) : /* @__PURE__ */ b("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ b(
-        ne,
+    ] }) }) : /* @__PURE__ */ x("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ x(
+        le,
         {
           type: "button",
           variant: g,
@@ -568,13 +569,13 @@ function ye({
           onClick: () => z(e, 0),
           children: [
             D && /* @__PURE__ */ t(D, { className: "h-3.5 w-3.5 shrink-0" }),
-            f ? "…" : v === u ? "✓ Copied" : A
+            p ? "…" : v === u ? "✓ Copied" : A
           ]
         }
       ),
-      /* @__PURE__ */ b(Ae, { children: [
-        /* @__PURE__ */ t(Pe, { asChild: !0, children: /* @__PURE__ */ t(
-          ne,
+      /* @__PURE__ */ x(We, { children: [
+        /* @__PURE__ */ t(Me, { asChild: !0, children: /* @__PURE__ */ t(
+          le,
           {
             type: "button",
             variant: g,
@@ -595,8 +596,8 @@ function ye({
             ) })
           }
         ) }),
-        /* @__PURE__ */ t(We, { align: "end", className: "min-w-[140px]", children: p.map((L, O) => /* @__PURE__ */ b(
-          Me,
+        /* @__PURE__ */ t(Be, { align: "end", className: "min-w-[140px]", children: f.map((L, O) => /* @__PURE__ */ x(
+          He,
           {
             className: "text-[12px]",
             onSelect: () => z(L, O + 1),
@@ -613,17 +614,17 @@ function ye({
       ] })
     ] });
   }
-  return /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-1.5", children: l.map((e, p) => Z(e, p)) });
+  return /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-1.5", children: l.map((e, f) => Z(e, f)) });
 }
-function Gr({
+function Zr({
   widgetId: l,
   inputBindings: s = [],
   itemDraft: o = {},
-  itemCollection: a,
+  itemCollection: i,
   ready: c = !0,
   label: m,
   defaultExpanded: v = !0,
-  frameless: w = !1,
+  frameless: b = !1,
   apiBase: _,
   compact: R = !1,
   strip: $ = !1,
@@ -631,29 +632,29 @@ function Gr({
   onWidgetType: U,
   onContentChange: q
 }) {
-  var je, Te;
-  const C = we(), E = _ ?? C.apiBase, [G, se] = P(v), [r, z] = P(null), [i, Z] = P(null), [e, p] = P(!0), [u, f] = P(!0), [j, A] = P(!0), [g, N] = P(null), [W, D] = P(0), [H, L] = P(null), O = le(!1), V = Oe(() => {
+  var Oe, Ie;
+  const C = ve(), E = _ ?? C.apiBase, [G, oe] = P(v), [r, z] = P(null), [a, Z] = P(null), [e, f] = P(!0), [u, p] = P(!0), [T, A] = P(!0), [g, N] = P(null), [W, D] = P(0), [H, L] = P(null), O = ie(!1), V = De(() => {
     O.current = !0, D((n) => n + 1);
-  }, []), oe = le(null), ce = le(!1), ve = Qe();
+  }, []), ce = ie(null), de = ie(!1), Ne = Xe();
   Y(() => {
     const n = r == null ? void 0 : r.widget_type;
     if (n !== "rollup" && n !== "review_list" && n !== "custom-query") return;
     let d = null;
-    const y = ve.getQueryCache().subscribe((S) => {
+    const y = Ne.getQueryCache().subscribe((S) => {
       var K;
       if (S.type !== "updated" || ((K = S.action) == null ? void 0 : K.type) !== "success") return;
-      const x = S.query.queryKey, T = x == null ? void 0 : x[0];
-      typeof T == "string" && (!T.startsWith("o2m-rows") && !T.startsWith("nested") && T !== "match-agg" && T !== "m2m-items" || S.query.state.dataUpdateCount <= 1 || T.startsWith("o2m-rows") && oe.current != null && String(x[3]) !== String(oe.current) || (d && clearTimeout(d), d = setTimeout(() => D((re) => re + 1), 400)));
+      const w = S.query.queryKey, j = w == null ? void 0 : w[0];
+      typeof j == "string" && (!j.startsWith("o2m-rows") && !j.startsWith("nested") && j !== "match-agg" && j !== "m2m-items" || S.query.state.dataUpdateCount <= 1 || j.startsWith("o2m-rows") && ce.current != null && String(w[3]) !== String(ce.current) || (d && clearTimeout(d), d = setTimeout(() => D((ne) => ne + 1), 400)));
     });
     return () => {
       d && clearTimeout(d), y();
     };
-  }, [ve, r == null ? void 0 : r.widget_type]);
-  const _e = {};
+  }, [Ne, r == null ? void 0 : r.widget_type]);
+  const ke = {};
   for (const [n, d] of Object.entries(o))
-    n.includes(".") || (d == null || typeof d != "object") && (_e[n] = d);
-  const I = { ..._e, ...Sr(s, o) }, de = yr(), F = Ie(() => {
-    if ((r == null ? void 0 : r.widget_type) !== "rollup" || !de) return null;
+    n.includes(".") || (d == null || typeof d != "object") && (ke[n] = d);
+  const I = { ...ke, ...Lr(s, o) }, ue = br(), F = qe(() => {
+    if ((r == null ? void 0 : r.widget_type) !== "rollup" || !ue) return null;
     const n = r.config, d = n == null ? void 0 : n.collection;
     if (!d) return null;
     const y = {
@@ -661,33 +662,33 @@ function Gr({
       updated: [],
       deleted: []
     };
-    for (const S of de.byGrid.values()) {
-      const x = S[d];
-      x && (y.created.push(...x.created), y.updated.push(...x.updated), y.deleted.push(...x.deleted));
+    for (const S of ue.byGrid.values()) {
+      const w = S[d];
+      w && (y.created.push(...w.created), y.updated.push(...w.updated), y.deleted.push(...w.deleted));
     }
     return !y.created.length && !y.updated.length && !y.deleted.length ? null : y;
-  }, [r, de]), Je = Ie(
+  }, [r, ue]), Ke = qe(
     () => F ? JSON.stringify(F) : "",
     [F]
-  ), h = (je = r == null ? void 0 : r.config) == null ? void 0 : je.drilldown, ee = nr(), ue = h != null && h.id_input ? I[h.id_input] : null, pe = !!ee && !!(h != null && h.collection) && ue != null && ue !== "", Ne = async () => {
-    var S, x;
+  ), h = (Oe = r == null ? void 0 : r.config) == null ? void 0 : Oe.drilldown, ee = ir(), fe = h != null && h.id_input ? I[h.id_input] : null, pe = !!ee && !!(h != null && h.collection) && fe != null && fe !== "", Se = async () => {
+    var S, w;
     if (!pe || !(h != null && h.collection)) return;
-    const n = String(ue);
+    const n = String(fe);
     let d = null;
-    const y = (T) => fetch(`${E}${T}`, {
+    const y = (j) => fetch(`${E}${j}`, {
       credentials: C.credentials,
       headers: C.authHeaders
     });
     try {
       if (h.match_field) {
-        const T = await y(
+        const j = await y(
           `/items/${h.collection}?filter=${encodeURIComponent(
             JSON.stringify({ [h.match_field]: { _eq: n } })
           )}&fields=id&limit=1`
         );
-        if (T.ok) {
-          const K = await T.json(), re = (x = (S = K == null ? void 0 : K.data) == null ? void 0 : S[0]) == null ? void 0 : x.id;
-          re != null && (d = String(re));
+        if (j.ok) {
+          const K = await j.json(), ne = (w = (S = K == null ? void 0 : K.data) == null ? void 0 : S[0]) == null ? void 0 : w.id;
+          ne != null && (d = String(ne));
         }
       }
       d == null && (await y(`/items/${h.collection}/${encodeURIComponent(n)}?fields=id`)).ok && (d = n);
@@ -706,9 +707,9 @@ function Gr({
     const n = o.id;
     n != null && n !== "" && (I.record_id = n);
   }
-  oe.current = o.id ?? null;
-  const ze = JSON.stringify(I) + (a ?? "") + Je, Ke = ar(ze, 400);
-  function ke() {
+  ce.current = o.id ?? null;
+  const Qe = JSON.stringify(I) + (i ?? "") + Ke, Ge = sr(Qe, 400);
+  function Re() {
     const n = typeof window < "u" ? localStorage.getItem("nivaro_workspace") ?? "" : "";
     return {
       "Content-Type": "application/json",
@@ -716,127 +717,127 @@ function Gr({
       ...n ? { "x-workspace": n } : {}
     };
   }
-  const X = lr(), B = Ge({
+  const X = ar(), B = Ye({
     queryKey: ["nvr-widget-def", l],
     enabled: c,
     staleTime: 6e4,
     retry: !1,
     queryFn: async () => {
       if (X)
-        return (await X.request(ir(`/widgets-internal/${l}`))).data;
+        return (await X.request(or(`/widgets-internal/${l}`))).data;
       const n = await fetch(`${E}/widgets-internal/${l}`, {
         credentials: C.credentials,
-        headers: ke()
+        headers: Re()
       });
       if (!n.ok) throw Object.assign(new Error("Widget not found"), { status: n.status });
       return (await n.json()).data;
     }
-  }), Se = B.refetch, fe = Oe(() => {
-    N(null), B.error ? Se() : D((n) => n + 1);
-  }, [B.error, Se]);
+  }), Le = B.refetch, me = De(() => {
+    N(null), B.error ? Le() : D((n) => n + 1);
+  }, [B.error, Le]);
   Y(() => {
     const n = () => D((d) => d + 1);
-    return window.addEventListener(De, n), () => window.removeEventListener(De, n);
+    return window.addEventListener(Ue, n), () => window.removeEventListener(Ue, n);
   }, []), Y(() => {
-    c && (B.data ? (z(B.data), p(!1), N(null), U == null || U(B.data.widget_type)) : B.error && N(qe(B.error, "this widget")));
+    c && (B.data ? (z(B.data), f(!1), N(null), U == null || U(B.data.widget_type)) : B.error && N(Ae(B.error, "this widget")));
   }, [c, B.data, B.error]), Y(() => {
     if (!c || !r) return;
     const n = I.record_id == null || I.record_id === "";
     if (r.widget_type === "review_list" && n || r.widget_type === "rollup" && n && !F) return;
     let d = !1;
-    return ce.current || (f(!0), A(!0)), (async () => {
+    return de.current || (p(!0), A(!0)), (async () => {
       try {
         const y = {
           inputs: F ? { ...I, staged: F } : I,
           draft: o,
           bindings: s,
-          item_collection: a
+          item_collection: i
         };
         O.current && (y.refresh = !0, O.current = !1), L(y);
         let S;
         if (X)
           S = await X.request(
-            sr(`/widgets-internal/${l}/render`, y)
+            cr(`/widgets-internal/${l}/render`, y)
           );
         else {
-          const x = await fetch(`${E}/widgets-internal/${l}/render`, {
+          const w = await fetch(`${E}/widgets-internal/${l}/render`, {
             method: "POST",
             credentials: C.credentials,
-            headers: ke(),
+            headers: Re(),
             body: JSON.stringify(y)
           });
-          if (!x.ok)
-            throw Object.assign(new Error("Render failed"), { status: x.status });
-          S = await x.json();
+          if (!w.ok)
+            throw Object.assign(new Error("Render failed"), { status: w.status });
+          S = await w.json();
         }
         if (d) return;
-        d || (ce.current = !0, Z(S.data), f(!1), N(null));
+        d || (de.current = !0, Z(S.data), p(!1), N(null));
       } catch (y) {
-        d || N(qe(y, "this widget"));
+        d || N(Ae(y, "this widget"));
       } finally {
         d || A(!1);
       }
     })(), () => {
       d = !0;
     };
-  }, [l, E, Ke, c, W, r == null ? void 0 : r.widget_type]), Y(() => {
+  }, [l, E, Ge, c, W, r == null ? void 0 : r.widget_type]), Y(() => {
     if (q) {
       if (g) {
         q(!0);
         return;
       }
-      if (i) {
+      if (a) {
         if ((r == null ? void 0 : r.widget_type) === "review_list" || (r == null ? void 0 : r.widget_type) === "rollup") {
-          const n = i.rows;
+          const n = a.rows;
           q(Array.isArray(n) && n.length > 0);
           return;
         }
-        if ((r == null ? void 0 : r.widget_type) === "custom-query" && "rows" in i) {
-          const n = i.rows;
+        if ((r == null ? void 0 : r.widget_type) === "custom-query" && "rows" in a) {
+          const n = a.rows;
           q(Array.isArray(n) && n.length > 0);
           return;
         }
         q(!0);
       }
     }
-  }, [i, g, r == null ? void 0 : r.widget_type, q]);
-  const J = m || (r == null ? void 0 : r.name) || "", te = (r == null ? void 0 : r.widget_type) === "report_widget" && i ? wr(i) : i, M = (() => {
-    const n = i == null ? void 0 : i.awaiting;
+  }, [a, g, r == null ? void 0 : r.widget_type, q]);
+  const J = m || (r == null ? void 0 : r.name) || "", te = (r == null ? void 0 : r.widget_type) === "report_widget" && a ? vr(a) : a, M = (() => {
+    const n = a == null ? void 0 : a.awaiting;
     if (!Array.isArray(n) || n.length === 0) return null;
     const d = n.map((y) => {
-      const S = s.find((T) => T.key === y && T.binding_type === "item_field");
-      return String((S == null ? void 0 : S.binding_value) ?? y).split(".")[0].replace(/_id$/, "").replace(/_/g, " ").replace(/^\w/, (T) => T.toUpperCase());
+      const S = s.find((j) => j.key === y && j.binding_type === "item_field");
+      return String((S == null ? void 0 : S.binding_value) ?? y).split(".")[0].replace(/_id$/, "").replace(/_/g, " ").replace(/^\w/, (j) => j.toUpperCase());
     });
     return [...new Set(d)].join(", ");
-  })(), Re = I.record_id, Le = Re == null || Re === "";
-  if ((r == null ? void 0 : r.widget_type) === "review_list" && Le || (r == null ? void 0 : r.widget_type) === "rollup" && Le && !F) return null;
+  })(), $e = I.record_id, Ce = $e == null || $e === "";
+  if ((r == null ? void 0 : r.widget_type) === "review_list" && Ce || (r == null ? void 0 : r.widget_type) === "rollup" && Ce && !F) return null;
   if (R) {
-    const n = ((Te = r == null ? void 0 : r.config) == null ? void 0 : Te.compact_style) ?? "default", d = n === "pill-dark" || n === "pill-light";
+    const n = ((Ie = r == null ? void 0 : r.config) == null ? void 0 : Ie.compact_style) ?? "default", d = n === "pill-dark" || n === "pill-light";
     if (g)
       return /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          onClick: fe,
+          onClick: me,
           "data-load-error": "",
           "data-tip": `${g} Click to try again.`,
           "aria-label": `${g} Try again`,
           className: "inline-flex h-5 w-5 items-center justify-center rounded text-amber-500 hover:bg-amber-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/50 dark:text-amber-400 dark:hover:bg-amber-400/10",
-          children: /* @__PURE__ */ t(Ve, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
+          children: /* @__PURE__ */ t(Je, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
         }
       );
     if ($) {
       if (e)
-        return /* @__PURE__ */ b("div", { className: "flex h-full w-36 flex-col justify-center px-4 py-2.5", children: [
+        return /* @__PURE__ */ x("div", { className: "flex h-full w-36 flex-col justify-center px-4 py-2.5", children: [
           /* @__PURE__ */ t("span", { className: "animate-pulse h-2 w-10 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))] mb-1" }),
           /* @__PURE__ */ t("span", { className: "animate-pulse h-3.5 w-20 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" })
         ] });
       if (r.widget_type === "button-group")
-        return /* @__PURE__ */ t("div", { className: "h-full flex items-center px-3", children: u ? /* @__PURE__ */ t("div", { className: "animate-pulse h-7 w-24 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) : i && /* @__PURE__ */ t(
-          ye,
+        return /* @__PURE__ */ t("div", { className: "h-full flex items-center px-3", children: u ? /* @__PURE__ */ t("div", { className: "animate-pulse h-7 w-24 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) : a && /* @__PURE__ */ t(
+          be,
           {
-            buttons: i.buttons ?? [],
-            layout: i.layout ?? "flat",
+            buttons: a.buttons ?? [],
+            layout: a.layout ?? "flat",
             widgetId: l,
             inputs: I,
             apiBase: E,
@@ -845,7 +846,7 @@ function Gr({
         ) });
       {
         const y = /* @__PURE__ */ t(
-          Nr,
+          Sr,
           {
             data: u ? null : te ?? null,
             label: m || r.name,
@@ -857,18 +858,18 @@ function Gr({
           "button",
           {
             type: "button",
-            onClick: () => void Ne(),
+            onClick: () => void Se(),
             title: (h == null ? void 0 : h.title) ?? "Open details",
             className: "h-full w-full cursor-pointer text-left transition-colors hover:bg-nvr-cyan/5",
             "data-nvr-widget-drill": h == null ? void 0 : h.collection,
             children: y
           }
-        ) : y, x = i == null ? void 0 : i.cache;
-        return x != null && x.cache_ttl ? /* @__PURE__ */ b(
+        ) : y, w = a == null ? void 0 : a.cache;
+        return w != null && w.cache_ttl ? /* @__PURE__ */ x(
           "div",
           {
             className: "group/cache relative h-full w-full",
-            "data-cache-stamp": x.cached ? "cached" : "fresh",
+            "data-cache-stamp": w.cached ? "cached" : "fresh",
             children: [
               S,
               /* @__PURE__ */ t(
@@ -879,9 +880,9 @@ function Gr({
                   disabled: u,
                   "data-cache-refresh": !0,
                   "aria-label": "Refresh this figure",
-                  "data-tip": hr(x),
+                  "data-tip": yr(w),
                   className: "absolute bottom-1 right-1 rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted group-hover/cache:opacity-100 focus-visible:opacity-100 disabled:opacity-50",
-                  children: /* @__PURE__ */ t(Fe, { className: `h-3 w-3 ${u ? "animate-spin" : ""}` })
+                  children: /* @__PURE__ */ t(ze, { className: `h-3 w-3 ${u ? "animate-spin" : ""}` })
                 }
               )
             ]
@@ -899,7 +900,7 @@ function Gr({
         );
       {
         const y = /* @__PURE__ */ t(
-          Rr,
+          $r,
           {
             data: u ? null : te ?? null,
             label: m || r.name,
@@ -913,7 +914,7 @@ function Gr({
           "button",
           {
             type: "button",
-            onClick: () => void Ne(),
+            onClick: () => void Se(),
             title: (h == null ? void 0 : h.title) ?? "Open details",
             className: "cursor-pointer text-left",
             "data-nvr-widget-drill": h == null ? void 0 : h.collection,
@@ -922,24 +923,24 @@ function Gr({
         ) : y;
       }
     }
-    return e ? /* @__PURE__ */ t("div", { className: "animate-pulse h-4 w-20 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) : /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5", children: u ? /* @__PURE__ */ t("div", { className: "flex items-baseline gap-1", children: /* @__PURE__ */ t("div", { className: "animate-pulse h-5 w-20 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) }) : i && r && /* @__PURE__ */ b(be, { children: [
-      (r.widget_type === "stat" || r.widget_type === "custom-query" && "value" in i) && /* @__PURE__ */ t(he, { data: i, awaiting: M }),
-      r.widget_type === "report_widget" && te && /* @__PURE__ */ t(he, { data: te, awaiting: M }),
-      r.widget_type === "custom-query" && "values" in i && /* @__PURE__ */ t(Be, { data: i }),
+    return e ? /* @__PURE__ */ t("div", { className: "animate-pulse h-4 w-20 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) : /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5", children: u ? /* @__PURE__ */ t("div", { className: "flex items-baseline gap-1", children: /* @__PURE__ */ t("div", { className: "animate-pulse h-5 w-20 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) }) : a && r && /* @__PURE__ */ x(we, { children: [
+      (r.widget_type === "stat" || r.widget_type === "custom-query" && "value" in a) && /* @__PURE__ */ t(ye, { data: a, awaiting: M }),
+      r.widget_type === "report_widget" && te && /* @__PURE__ */ t(ye, { data: te, awaiting: M }),
+      r.widget_type === "custom-query" && "values" in a && /* @__PURE__ */ t(Ve, { data: a }),
       r.widget_type === "action-buttons" && /* @__PURE__ */ t(
-        He,
+        Fe,
         {
-          data: i,
+          data: a,
           widgetId: l,
           inputs: I,
           apiBase: E
         }
       ),
       r.widget_type === "button-group" && /* @__PURE__ */ t(
-        ye,
+        be,
         {
-          buttons: i.buttons ?? [],
-          layout: i.layout ?? "flat",
+          buttons: a.buttons ?? [],
+          layout: a.layout ?? "flat",
           widgetId: l,
           inputs: I,
           apiBase: E,
@@ -948,12 +949,8 @@ function Gr({
       )
     ] }) });
   }
-  const $e = /* @__PURE__ */ b("div", { className: "space-y-2 py-0.5", children: [
-    /* @__PURE__ */ t("div", { className: "animate-pulse h-4 w-2/3 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }),
-    /* @__PURE__ */ t("div", { className: "animate-pulse h-4 w-full rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }),
-    /* @__PURE__ */ t("div", { className: "animate-pulse h-4 w-5/6 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" })
-  ] }), Ce = X ? /* @__PURE__ */ t(
-    mr,
+  const re = r == null ? void 0 : r.widget_type, Ee = re === "stat" ? /* @__PURE__ */ t(he, { framed: !1, title: !1, kpi: !0, className: "py-0.5" }) : re === "list" || re === "review_list" || re === "custom-query" ? /* @__PURE__ */ t(he, { framed: !1, title: !1, lines: 4, className: "py-0.5" }) : /* @__PURE__ */ t(he, { framed: !1, title: !1, lines: 3, className: "py-0.5" }), Te = X ? /* @__PURE__ */ t(
+    gr,
     {
       className: "mt-2",
       pending: u && !!r,
@@ -961,43 +958,43 @@ function Gr({
       label: J || "Widget",
       onResult: (n) => {
         const d = n == null ? void 0 : n.data;
-        d && (ce.current = !0, Z(d), f(!1), A(!1), N(null));
+        d && (de.current = !0, Z(d), p(!1), A(!1), N(null));
       },
       onGone: () => D((n) => n + 1)
     }
   ) : null;
-  if (w)
-    return /* @__PURE__ */ b("div", { children: [
-      j && $e,
-      j && Ce,
-      g && /* @__PURE__ */ t(Ue, { message: g, onRetry: fe }),
-      !j && !g && i && r && Ee()
+  if (b)
+    return /* @__PURE__ */ x("div", { children: [
+      T && Ee,
+      T && Te,
+      g && /* @__PURE__ */ t(Pe, { message: g, onRetry: me }),
+      !T && !g && a && r && je()
     ] });
-  return /* @__PURE__ */ b("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
-    /* @__PURE__ */ b(
+  return /* @__PURE__ */ x("div", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
+    /* @__PURE__ */ x(
       "button",
       {
         type: "button",
         className: "flex w-full items-center justify-between px-4 py-3 text-left",
-        onClick: () => se((n) => !n),
+        onClick: () => oe((n) => !n),
         children: [
           /* @__PURE__ */ t("span", { className: "text-[13px] font-medium text-slate-800 dark:text-slate-200", children: J || /* @__PURE__ */ t("span", { className: "inline-block h-3 w-28 animate-pulse rounded bg-[hsl(var(--nvr-skeleton))] align-middle" }) }),
           /* @__PURE__ */ t("span", { className: `text-slate-400 transition-transform ${G ? "rotate-90" : ""}`, children: "›" })
         ]
       }
     ),
-    G && /* @__PURE__ */ b("div", { className: "border-t border-slate-100 px-4 py-3 dark:border-border", children: [
-      j && $e,
-      j && Ce,
-      g && /* @__PURE__ */ t(Ue, { message: g, onRetry: fe }),
-      !j && !g && i && r && Ee()
+    G && /* @__PURE__ */ x("div", { className: "border-t border-slate-100 px-4 py-3 dark:border-border", children: [
+      T && Ee,
+      T && Te,
+      g && /* @__PURE__ */ t(Pe, { message: g, onRetry: me }),
+      !T && !g && a && r && je()
     ] })
   ] });
-  function Ee() {
+  function je() {
     var n;
-    return !i || !r ? null : /* @__PURE__ */ b(be, { children: [
-      (r.widget_type === "stat" || r.widget_type === "custom-query" && "value" in i) && /* @__PURE__ */ t(he, { data: i, awaiting: M }),
-      r.widget_type === "custom-query" && "values" in i && (M ? /* @__PURE__ */ b(
+    return !a || !r ? null : /* @__PURE__ */ x(we, { children: [
+      (r.widget_type === "stat" || r.widget_type === "custom-query" && "value" in a) && /* @__PURE__ */ t(ye, { data: a, awaiting: M }),
+      r.widget_type === "custom-query" && "values" in a && (M ? /* @__PURE__ */ x(
         "p",
         {
           className: "text-[12px] text-slate-500 dark:text-slate-400",
@@ -1010,9 +1007,9 @@ function Gr({
             "."
           ]
         }
-      ) : /* @__PURE__ */ t(Be, { data: i })),
-      r.widget_type === "list" && /* @__PURE__ */ t(Lr, { data: i }),
-      M && r.widget_type === "custom-query" && "rows" in i && /* @__PURE__ */ b(
+      ) : /* @__PURE__ */ t(Ve, { data: a })),
+      r.widget_type === "list" && /* @__PURE__ */ t(Cr, { data: a }),
+      M && r.widget_type === "custom-query" && "rows" in a && /* @__PURE__ */ x(
         "p",
         {
           className: "text-[12px] text-slate-500 dark:text-slate-400",
@@ -1026,18 +1023,18 @@ function Gr({
           ]
         }
       ),
-      !M && r.widget_type === "custom-query" && "rows" in i && /* @__PURE__ */ t(
-        br,
+      !M && r.widget_type === "custom-query" && "rows" in a && /* @__PURE__ */ t(
+        wr,
         {
-          rows: i.rows ?? [],
+          rows: a.rows ?? [],
           config: (n = r.config) == null ? void 0 : n.table,
           emptyLabel: J
         }
       ),
       r.widget_type === "review_list" && /* @__PURE__ */ t(
-        vr,
+        Nr,
         {
-          data: i,
+          data: a,
           config: r.config ?? {},
           onRefetch: () => D((d) => d + 1),
           hostRecordId: I.record_id,
@@ -1045,28 +1042,28 @@ function Gr({
         }
       ),
       r.widget_type === "rollup" && /* @__PURE__ */ t(
-        _r,
+        kr,
         {
-          data: i,
+          data: a,
           config: r.config ?? {},
           emptyLabel: J
         }
       ),
-      r.widget_type === "report_widget" && /* @__PURE__ */ t(xr, { payload: i }),
+      r.widget_type === "report_widget" && /* @__PURE__ */ t(_r, { payload: a }),
       r.widget_type === "action-buttons" && /* @__PURE__ */ t(
-        He,
+        Fe,
         {
-          data: i,
+          data: a,
           widgetId: l,
           inputs: I,
           apiBase: E
         }
       ),
       r.widget_type === "button-group" && /* @__PURE__ */ t(
-        ye,
+        be,
         {
-          buttons: i.buttons ?? [],
-          layout: i.layout ?? "flat",
+          buttons: a.buttons ?? [],
+          layout: a.layout ?? "flat",
           widgetId: l,
           inputs: I,
           apiBase: E,
@@ -1082,11 +1079,11 @@ function Gr({
         "review_list",
         "rollup",
         "report_widget"
-      ].includes(r.widget_type) && /* @__PURE__ */ t("pre", { className: "whitespace-pre-wrap text-[11px] text-slate-500", children: JSON.stringify(i, null, 2) }),
-      i.cache ? /* @__PURE__ */ t(
-        gr,
+      ].includes(r.widget_type) && /* @__PURE__ */ t("pre", { className: "whitespace-pre-wrap text-[11px] text-slate-500", children: JSON.stringify(a, null, 2) }),
+      a.cache ? /* @__PURE__ */ t(
+        xr,
         {
-          envelope: i.cache,
+          envelope: a.cache,
           onRefresh: V,
           refreshing: u,
           className: "mt-2 justify-end"
@@ -1096,5 +1093,5 @@ function Gr({
   }
 }
 export {
-  Gr as WidgetSlot
+  Zr as WidgetSlot
 };