@openrails/billing-ui 0.242.0 → 0.244.0

package/dist/admin-dashboard-DqqFjOzq.js

@@ -0,0 +1,420 @@
+import { E as e, S as t, _ as n, i as r, p as i, r as a, t as o, w as s } from "./admin-utils-BK4Vh1o_.js";
+import { i as c, n as l, s as u, t as d } from "./admin-dropdown-menu-BW1D_h6s.js";
+import { t as f } from "./admin-button-CTL3DgOt.js";
+import { t as p } from "./admin-input-CcfQfJFN.js";
+import { t as m } from "./admin-skeleton-DsM7crYi.js";
+import { c as h, r as g } from "./admin-capabilities-BuigAgtm.js";
+import { n as _ } from "./admin-confirm-katGq0Qo.js";
+import { a as v, i as y, n as b, r as x, t as S } from "./admin-select-DBgprVW6.js";
+import { a as C, i as w, n as T, o as E, r as D, t as O } from "./admin-dialog-BjuKI5Hp.js";
+import { t as k } from "./admin-label-BiEN5cjb.js";
+import { t as A } from "./admin-switch-BJUxLCsa.js";
+import { r as j } from "./admin-dialog-width-BPrgdYlj.js";
+import { r as M, t as N } from "./admin-card-bzAks3-3.js";
+import { a as P, n as F, t as I } from "./admin-range-picker-Dr2M1EZr.js";
+import { n as L, o as ee, t as R } from "./admin-widget-viz-Da48c-Zf.js";
+import * as z from "react";
+import { useMutation as B, useQuery as V, useQueryClient as H } from "@tanstack/react-query";
+import { Fragment as te, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { HugeiconsIcon as G } from "@hugeicons/react";
+import { ArrowUpRight01Icon as ne, Delete02Icon as K, DragDropVerticalIcon as q, Loading02Icon as J, MoreVerticalIcon as Y, PencilIcon as X, Refresh01Icon as re } from "@hugeicons/core-free-icons";
+import { GridLayout as ie } from "react-grid-layout";
+//#region src/admin/pages/dashboard/widget-editor.tsx
+var Z = {
+	stat: "Single number",
+	line: "Line chart",
+	area: "Area chart",
+	bar: "Bar chart",
+	donut: "Donut chart",
+	table: "Table"
+};
+function ae({ onOpenChange: r, initial: a, onSave: c }) {
+	let { id: l, text: u } = e(), { adminQueries: d } = i(), [m, h] = z.useState(a.title), [g, _] = z.useState(a.fixed_range ?? !1), [M, N] = z.useState(a.viz), { query: P } = a, { data: F, error: I, isFetching: L, refetch: B } = V(d.widgetMetrics(P)), H = I ? I instanceof t ? I.message : "query failed" : null;
+	return /* @__PURE__ */ U(O, {
+		open: !0,
+		onOpenChange: r,
+		children: /* @__PURE__ */ W(T, {
+			className: o("flex max-h-[90vh] flex-col overflow-hidden", j),
+			children: [
+				/* @__PURE__ */ W(C, { children: [/* @__PURE__ */ U(E, { children: /* @__PURE__ */ U(s, { id: "Edit widget" }) }), /* @__PURE__ */ U(D, { children: /* @__PURE__ */ U(s, { id: "Change the title, chart type or date range behavior. The query stays the same." }) })] }),
+				/* @__PURE__ */ W("div", {
+					className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto",
+					children: [
+						/* @__PURE__ */ W("div", {
+							className: "grid gap-2 sm:grid-cols-[1fr_12rem]",
+							children: [/* @__PURE__ */ W("div", {
+								className: "flex flex-col gap-1.5",
+								children: [/* @__PURE__ */ U(k, {
+									htmlFor: l("widget-title"),
+									children: /* @__PURE__ */ U(s, { id: "Title" })
+								}), /* @__PURE__ */ U(p, {
+									id: l("widget-title"),
+									value: m,
+									onChange: (e) => h(e.target.value),
+									placeholder: u("Widget title")
+								})]
+							}), /* @__PURE__ */ W("div", {
+								className: "flex flex-col gap-1.5",
+								children: [/* @__PURE__ */ U(k, {
+									htmlFor: l("widget-viz"),
+									children: /* @__PURE__ */ U(s, { id: "Chart type" })
+								}), /* @__PURE__ */ W(S, {
+									items: n.map((e) => ({
+										value: e,
+										label: Z[e]
+									})),
+									value: M,
+									onValueChange: (e) => N(e),
+									children: [/* @__PURE__ */ U(y, {
+										id: l("widget-viz"),
+										className: "w-full",
+										children: /* @__PURE__ */ U(v, {})
+									}), /* @__PURE__ */ U(b, { children: n.map((e) => /* @__PURE__ */ U(x, {
+										value: e,
+										children: Z[e]
+									}, e)) })]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ W("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ U(A, {
+								id: l("widget-fixed-range"),
+								checked: g,
+								onCheckedChange: _
+							}), /* @__PURE__ */ W("div", {
+								className: "grid gap-0.5",
+								children: [/* @__PURE__ */ U(k, {
+									htmlFor: l("widget-fixed-range"),
+									children: /* @__PURE__ */ U(s, { id: "Keep its own range" })
+								}), /* @__PURE__ */ U("p", {
+									className: "text-xs text-muted-foreground",
+									children: g ? `Always shows ${ee(P.range)}, whatever range the dashboard shows.` : "Follows the range picked on the dashboard."
+								})]
+							})]
+						}),
+						/* @__PURE__ */ W("div", {
+							className: "flex min-h-56 flex-1 flex-col rounded-lg border bg-muted/30 p-3",
+							children: [/* @__PURE__ */ W("div", {
+								className: "mb-2 flex items-center justify-between",
+								children: [/* @__PURE__ */ U("span", {
+									className: "text-xs font-medium text-muted-foreground uppercase",
+									children: /* @__PURE__ */ U(s, { id: "Preview" })
+								}), /* @__PURE__ */ W(f, {
+									size: "sm",
+									variant: "outline",
+									onClick: () => void B(),
+									disabled: L,
+									children: [
+										L ? /* @__PURE__ */ U(G, {
+											icon: J,
+											className: "size-3.5 animate-spin"
+										}) : null,
+										" ",
+										/* @__PURE__ */ U(s, { id: "Refresh" })
+									]
+								})]
+							}), /* @__PURE__ */ U("div", {
+								className: "min-h-0 flex-1",
+								children: H ? /* @__PURE__ */ U("p", {
+									className: "text-xs whitespace-pre-wrap text-destructive",
+									role: "alert",
+									children: H
+								}) : F ? /* @__PURE__ */ U(R, {
+									viz: M,
+									result: F,
+									query: P
+								}) : /* @__PURE__ */ U("p", {
+									className: "flex h-full items-center justify-center text-xs text-muted-foreground",
+									children: L ? "Running…" : "No preview yet"
+								})
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ W(w, { children: [/* @__PURE__ */ U(f, {
+					variant: "outline",
+					onClick: () => r(!1),
+					children: /* @__PURE__ */ U(s, { id: "Cancel" })
+				}), /* @__PURE__ */ U(f, {
+					onClick: () => {
+						c({
+							title: m.trim(),
+							viz: M,
+							fixed_range: g
+						}), r(!1);
+					},
+					disabled: !m.trim(),
+					children: /* @__PURE__ */ U(s, { id: "Save changes" })
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/admin/pages/dashboard/widget-tile.tsx
+function Q({ widget: t, range: n, editable: r = !0, onEdit: p, onDelete: m }) {
+	let { text: h } = e(), { adminQueries: g } = i(), _ = P(t, n), { data: v, isPending: y, isFetching: b, error: x, refetch: S } = V(g.widgetMetrics(_)), C = L(t.query, t.viz), w = t.viz === "stat";
+	return /* @__PURE__ */ W(N, {
+		className: "group/tile relative h-full gap-2",
+		children: [/* @__PURE__ */ W("div", {
+			className: "absolute top-2 right-2 z-10 flex shrink-0 items-center gap-0.5 rounded-md border border-border bg-card opacity-0 shadow-sm transition-opacity group-hover/tile:opacity-100 focus-within:opacity-100",
+			children: [
+				r && /* @__PURE__ */ U(G, {
+					icon: q,
+					"aria-hidden": !0,
+					className: "widget-drag-handle size-6 shrink-0 cursor-grab p-1.5 text-muted-foreground active:cursor-grabbing"
+				}),
+				C ? /* @__PURE__ */ U(a, {
+					to: C,
+					className: "flex size-6 items-center justify-center text-muted-foreground hover:text-foreground",
+					title: h("Open matching list"),
+					"aria-label": h("Open matching list"),
+					children: /* @__PURE__ */ U(G, {
+						icon: ne,
+						className: "size-3.5"
+					})
+				}) : null,
+				/* @__PURE__ */ U(f, {
+					variant: "ghost",
+					size: "icon",
+					className: "size-6",
+					onClick: () => void S(),
+					title: h("Refresh"),
+					"aria-label": h("Refresh widget"),
+					children: /* @__PURE__ */ U(G, {
+						icon: re,
+						className: o("size-3.5", b && "animate-spin")
+					})
+				}),
+				r && /* @__PURE__ */ W(d, { children: [/* @__PURE__ */ U(u, { render: /* @__PURE__ */ U(f, {
+					variant: "ghost",
+					size: "icon",
+					className: "size-6",
+					"aria-label": h("Widget menu"),
+					children: /* @__PURE__ */ U(G, {
+						icon: Y,
+						className: "size-3.5"
+					})
+				}) }), /* @__PURE__ */ W(l, {
+					align: "end",
+					children: [/* @__PURE__ */ W(c, {
+						onClick: p,
+						children: [/* @__PURE__ */ U(G, {
+							icon: X,
+							className: "size-3.5"
+						}), /* @__PURE__ */ U(s, { id: " Edit widget" })]
+					}), /* @__PURE__ */ W(c, {
+						onClick: m,
+						variant: "destructive",
+						children: [
+							/* @__PURE__ */ U(G, {
+								icon: K,
+								className: "size-3.5"
+							}),
+							" ",
+							/* @__PURE__ */ U(s, { id: "Remove" })
+						]
+					})]
+				})] })
+			]
+		}), /* @__PURE__ */ W(M, {
+			className: "flex min-h-0 flex-1 flex-col gap-2",
+			children: [/* @__PURE__ */ U("span", {
+				className: o("truncate", w ? "text-xs font-medium tracking-wider text-muted-foreground uppercase" : "text-sm font-medium"),
+				title: t.title,
+				children: t.title
+			}), /* @__PURE__ */ U("div", {
+				className: "min-h-0 flex-1",
+				children: /* @__PURE__ */ U(oe, {
+					loading: y && !v,
+					error: x,
+					widget: t,
+					data: v ?? null
+				})
+			})]
+		})]
+	});
+}
+function oe({ loading: e, error: n, widget: r, data: i }) {
+	if (e) return /* @__PURE__ */ W("div", {
+		className: "flex h-full flex-col justify-center gap-2",
+		children: [/* @__PURE__ */ U(m, { className: "h-6 w-2/3" }), /* @__PURE__ */ U(m, { className: "h-3 w-1/3" })]
+	});
+	if (n) {
+		let e = n instanceof t ? n.isPermissionDenied ? "your role lacks metrics access" : n.message : "query failed";
+		return /* @__PURE__ */ U("div", {
+			className: "flex h-full items-center justify-center text-center text-xs text-destructive",
+			role: "alert",
+			children: e
+		});
+	}
+	return i ? /* @__PURE__ */ U(R, {
+		viz: r.viz,
+		result: i,
+		query: r.query
+	}) : null;
+}
+//#endregion
+//#region src/admin/pages/dashboard/index.tsx
+var se = 12, $ = 56;
+function ce() {
+	let [e, t] = z.useState(null), [n, r] = z.useState(0);
+	return z.useEffect(() => {
+		if (!e) return;
+		let t = new ResizeObserver((e) => {
+			r(Math.round(e[0].contentRect.width));
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [e]), {
+		containerRef: t,
+		width: n,
+		mounted: n > 0
+	};
+}
+function le(e, t) {
+	let n = new Map(t.map((e) => [e.i, e.y * 1e3 + e.x]));
+	return [...e].sort((e, t) => (n.get(e.id) ?? 0) - (n.get(t.id) ?? 0));
+}
+function ue() {
+	let e = g();
+	return e ? e.metrics ? /* @__PURE__ */ U(fe, {}) : /* @__PURE__ */ U(r, {
+		to: de(e),
+		replace: !0
+	}) : null;
+}
+function de(e) {
+	return e.admin === "read" || e.admin === "update" ? "/customers" : e.catalog === "read" || e.catalog === "update" ? "/catalog" : "/settings";
+}
+function fe() {
+	let { toastApiError: e, adminMutations: t, adminQueries: n } = i(), r = H(), a = h(), { mutate: o } = B(t.saveDashboard(r)), c = n.dashboard(), { data: l, isPending: u } = V(c), [d, f] = z.useState(null), p = d ?? l?.widgets ?? null, [g, v] = z.useState(!1), [y, b] = z.useState(null), { width: x, containerRef: S, mounted: C } = ce(), [w] = F(), T = _(), E = z.useRef(null);
+	z.useEffect(() => () => {
+		E.current && clearTimeout(E.current);
+	}, []);
+	let D = z.useCallback((t) => {
+		E.current && clearTimeout(E.current), E.current = setTimeout(() => {
+			o(t, { onError: (t) => e(t, "Save dashboard") });
+		}, 800);
+	}, [o, e]), O = z.useCallback((e) => {
+		f(e), D(e);
+	}, [D]), k = (e) => {
+		if (!p || !a) return;
+		let t = new Map(e.map((e) => [e.i, e])), n = !1, r = p.map((e) => {
+			let r = t.get(e.id);
+			return r && (r.x !== e.grid.x || r.y !== e.grid.y || r.w !== e.grid.w || r.h !== e.grid.h) ? (n = !0, {
+				...e,
+				grid: {
+					x: r.x,
+					y: r.y,
+					w: r.w,
+					h: r.h
+				}
+			}) : e;
+		});
+		n && O(r);
+	}, A = (e, t) => {
+		p && O(p.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n));
+	}, j = async (e) => {
+		p && await T({
+			title: `Remove "${e.title}"?`,
+			description: "This removes it from the merchant dashboard for everyone.",
+			confirmLabel: "Remove widget",
+			tone: "destructive"
+		}) && O(p.filter((t) => t.id !== e.id));
+	}, M = /* @__PURE__ */ W("div", {
+		className: "flex flex-wrap items-center justify-between gap-3",
+		children: [/* @__PURE__ */ U("h1", {
+			className: "text-2xl font-semibold tracking-tight",
+			children: /* @__PURE__ */ U(s, { id: "Dashboard" })
+		}), /* @__PURE__ */ U("div", {
+			className: "flex flex-wrap items-center gap-3",
+			children: /* @__PURE__ */ U(I, {})
+		})]
+	});
+	if (u && !p) return /* @__PURE__ */ W("div", {
+		className: "flex flex-col gap-4",
+		children: [M, /* @__PURE__ */ W("div", {
+			className: "grid grid-cols-1 gap-3 md:grid-cols-4",
+			children: [
+				Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ U(m, { className: "h-[124px]" }, t)),
+				/* @__PURE__ */ U(m, { className: "h-64 md:col-span-2" }),
+				/* @__PURE__ */ U(m, { className: "h-64 md:col-span-2" })
+			]
+		})]
+	});
+	if (!p) return null;
+	let N = p.map((e) => ({
+		i: e.id,
+		x: e.grid.x,
+		y: e.grid.y,
+		w: e.grid.w,
+		h: e.grid.h,
+		minW: 2,
+		minH: 2
+	}));
+	return /* @__PURE__ */ W("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			M,
+			/* @__PURE__ */ U("div", {
+				ref: S,
+				className: "min-h-0 w-full",
+				children: p.length === 0 ? /* @__PURE__ */ U("div", {
+					className: "flex h-48 flex-col items-center justify-center gap-3 rounded-xl border border-dashed",
+					children: /* @__PURE__ */ U("p", {
+						className: "text-sm text-muted-foreground",
+						children: /* @__PURE__ */ U(s, { id: "No widgets yet" })
+					})
+				}) : /* @__PURE__ */ W(te, { children: [/* @__PURE__ */ U("div", {
+					className: "grid gap-3 md:hidden",
+					children: le(p, N).map((e) => /* @__PURE__ */ U("div", {
+						className: e.viz === "stat" ? "h-[124px]" : "h-64",
+						children: /* @__PURE__ */ U(Q, {
+							widget: e,
+							range: w,
+							editable: a,
+							onEdit: () => {
+								b(e), v(!0);
+							},
+							onDelete: () => void j(e)
+						})
+					}, e.id))
+				}), /* @__PURE__ */ U("div", {
+					className: "hidden md:block",
+					children: C ? /* @__PURE__ */ U(ie, {
+						layout: N,
+						width: x,
+						gridConfig: {
+							cols: se,
+							rowHeight: $,
+							margin: [12, 12]
+						},
+						dragConfig: { handle: ".widget-drag-handle" },
+						onLayoutChange: k,
+						children: p.map((e) => /* @__PURE__ */ U("div", { children: /* @__PURE__ */ U(Q, {
+							widget: e,
+							range: w,
+							editable: a,
+							onEdit: () => {
+								b(e), v(!0);
+							},
+							onDelete: () => void j(e)
+						}) }, e.id))
+					}) : null
+				})] })
+			}),
+			g && y ? /* @__PURE__ */ U(ae, {
+				onOpenChange: v,
+				initial: y,
+				onSave: (e) => A(y.id, e)
+			}) : null
+		]
+	});
+}
+//#endregion
+export { ue as DashboardPage };
+
+//# sourceMappingURL=admin-dashboard-DqqFjOzq.js.map

package/dist/admin-dashboard-DqqFjOzq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-dashboard-DqqFjOzq.js","names":[],"sources":["../src/admin/pages/dashboard/widget-editor.tsx","../src/admin/pages/dashboard/widget-tile.tsx","../src/admin/pages/dashboard/index.tsx"],"sourcesContent":["import { AdminMessage, useAdminUI } from \"#orck/admin/ui-context\"\nimport { useAdminServices } from \"#orck/admin/context\"\n// Edit an existing widget's presentation. Its metrics query stays unchanged.\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { Loading02Icon } from \"@hugeicons/core-free-icons\"\nimport * as React from \"react\"\nimport { useQuery } from \"@tanstack/react-query\"\nimport { Button } from \"#orck/admin/components/ui/button\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"#orck/admin/components/ui/dialog\"\nimport { Input } from \"#orck/admin/components/ui/input\"\nimport { Label } from \"#orck/admin/components/ui/label\"\nimport { Switch } from \"#orck/admin/components/ui/switch\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"#orck/admin/components/ui/select\"\nimport { ApiError } from \"#orck/admin/lib/api/client\"\nimport { DIALOG_WIDE } from \"#orck/admin/lib/dialog-width\"\nimport {\n  WIDGET_VIZ,\n  type Widget,\n  type WidgetViz,\n} from \"#orck/admin/lib/api/metrics\"\n\nimport { cn } from \"#orck/admin/lib/utils\"\nimport { ownRange } from \"./lib\"\nimport { WidgetVizView } from \"./widget-viz\"\n\nconst VIZ_LABELS: Record<WidgetViz, string> = {\n  stat: \"Single number\",\n  line: \"Line chart\",\n  area: \"Area chart\",\n  bar: \"Bar chart\",\n  donut: \"Donut chart\",\n  table: \"Table\",\n}\n\nexport type WidgetDraft = Pick<Widget, \"title\" | \"viz\" | \"fixed_range\">\n\nexport function WidgetEditor({\n  onOpenChange,\n  initial,\n  onSave,\n}: {\n  onOpenChange: (open: boolean) => void\n  initial: Widget\n  onSave: (data: WidgetDraft) => void\n}) {\n  const { id: adminId, text: adminText } = useAdminUI()\n\n  const { adminQueries } = useAdminServices()\n\n  const [title, setTitle] = React.useState(initial.title)\n  const [fixedRange, setFixedRange] = React.useState(\n    initial.fixed_range ?? false\n  )\n  const [viz, setViz] = React.useState<WidgetViz>(initial.viz)\n  const { query } = initial\n  const {\n    data: preview,\n    error: previewQueryError,\n    isFetching: previewing,\n    refetch: refreshPreview,\n  } = useQuery(adminQueries.widgetMetrics(query))\n  const previewError = previewQueryError\n    ? previewQueryError instanceof ApiError\n      ? previewQueryError.message\n      : \"query failed\"\n    : null\n\n  return (\n    <Dialog open onOpenChange={onOpenChange}>\n      <DialogContent\n        className={cn(\n          \"flex max-h-[90vh] flex-col overflow-hidden\",\n          DIALOG_WIDE\n        )}\n      >\n        <DialogHeader>\n          <DialogTitle>\n            <AdminMessage id={\"Edit widget\"} />\n          </DialogTitle>\n          <DialogDescription>\n            <AdminMessage\n              id={\n                \"Change the title, chart type or date range behavior. The query stays the same.\"\n              }\n            />\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto\">\n          <div className=\"grid gap-2 sm:grid-cols-[1fr_12rem]\">\n            <div className=\"flex flex-col gap-1.5\">\n              <Label htmlFor={adminId(\"widget-title\")}>\n                <AdminMessage id={\"Title\"} />\n              </Label>\n              <Input\n                id={adminId(\"widget-title\")}\n                value={title}\n                onChange={(e) => setTitle(e.target.value)}\n                placeholder={adminText(\"Widget title\")}\n              />\n            </div>\n            <div className=\"flex flex-col gap-1.5\">\n              <Label htmlFor={adminId(\"widget-viz\")}>\n                <AdminMessage id={\"Chart type\"} />\n              </Label>\n              <Select\n                items={WIDGET_VIZ.map((value) => ({\n                  value,\n                  label: VIZ_LABELS[value],\n                }))}\n                value={viz}\n                onValueChange={(v) => setViz(v as WidgetViz)}\n              >\n                <SelectTrigger id={adminId(\"widget-viz\")} className=\"w-full\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {WIDGET_VIZ.map((v) => (\n                    <SelectItem key={v} value={v}>\n                      {VIZ_LABELS[v]}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n          <div className=\"flex items-start gap-3\">\n            <Switch\n              id={adminId(\"widget-fixed-range\")}\n              checked={fixedRange}\n              onCheckedChange={setFixedRange}\n            />\n            <div className=\"grid gap-0.5\">\n              <Label htmlFor={adminId(\"widget-fixed-range\")}>\n                <AdminMessage id={\"Keep its own range\"} />\n              </Label>\n              <p className=\"text-xs text-muted-foreground\">\n                {fixedRange\n                  ? `Always shows ${ownRange(query.range)}, whatever range the dashboard shows.`\n                  : \"Follows the range picked on the dashboard.\"}\n              </p>\n            </div>\n          </div>\n          <div className=\"flex min-h-56 flex-1 flex-col rounded-lg border bg-muted/30 p-3\">\n            <div className=\"mb-2 flex items-center justify-between\">\n              <span className=\"text-xs font-medium text-muted-foreground uppercase\">\n                <AdminMessage id={\"Preview\"} />\n              </span>\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                onClick={() => void refreshPreview()}\n                disabled={previewing}\n              >\n                {previewing ? (\n                  <HugeiconsIcon\n                    icon={Loading02Icon}\n                    className=\"size-3.5 animate-spin\"\n                  />\n                ) : null}{\" \"}\n                <AdminMessage id={\"Refresh\"} />\n              </Button>\n            </div>\n            <div className=\"min-h-0 flex-1\">\n              {previewError ? (\n                <p\n                  className=\"text-xs whitespace-pre-wrap text-destructive\"\n                  role=\"alert\"\n                >\n                  {previewError}\n                </p>\n              ) : preview ? (\n                <WidgetVizView viz={viz} result={preview} query={query} />\n              ) : (\n                <p className=\"flex h-full items-center justify-center text-xs text-muted-foreground\">\n                  {previewing ? \"Running…\" : \"No preview yet\"}\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            <AdminMessage id={\"Cancel\"} />\n          </Button>\n          <Button\n            onClick={() => {\n              onSave({ title: title.trim(), viz, fixed_range: fixedRange })\n              onOpenChange(false)\n            }}\n            disabled={!title.trim()}\n          >\n            <AdminMessage id={\"Save changes\"} />\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n","import { AdminMessage, useAdminUI } from \"#orck/admin/ui-context\"\nimport { useAdminServices } from \"#orck/admin/context\"\n// One dashboard tile: runs its saved query (POST /v1/metrics/query),\n// renders the viz, and offers refresh / edit / delete. Count widgets deep-link\n// to the matching admin list.\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport {\n  ArrowUpRight01Icon,\n  Delete02Icon,\n  DragDropVerticalIcon,\n  MoreVerticalIcon,\n  PencilIcon,\n  Refresh01Icon,\n} from \"@hugeicons/core-free-icons\"\nimport { Link } from \"#orck/admin/router\"\nimport { useQuery } from \"@tanstack/react-query\"\nimport { Button } from \"#orck/admin/components/ui/button\"\nimport { Card, CardContent } from \"#orck/admin/components/ui/card\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"#orck/admin/components/ui/dropdown-menu\"\nimport { Skeleton } from \"#orck/admin/components/ui/skeleton\"\nimport { ApiError } from \"#orck/admin/lib/api/client\"\nimport { type MetricsResult, type Widget } from \"#orck/admin/lib/api/metrics\"\n\nimport { cn } from \"#orck/admin/lib/utils\"\n\nimport { deepLinkFor } from \"./lib\"\nimport { widgetQuery, type DashboardRange } from \"./range\"\nimport { WidgetVizView } from \"./widget-viz\"\n\nexport function WidgetTile({\n  widget,\n  range,\n  editable = true,\n  onEdit,\n  onDelete,\n}: {\n  widget: Widget\n  range: DashboardRange\n  // editable shows the drag handle and the edit and remove menu.\n  editable?: boolean\n  onEdit: () => void\n  onDelete: () => void\n}) {\n  const { text: adminText } = useAdminUI()\n\n  const { adminQueries } = useAdminServices()\n\n  const query = widgetQuery(widget, range)\n  const {\n    data,\n    isPending: loading,\n    isFetching,\n    error,\n    refetch,\n  } = useQuery(adminQueries.widgetMetrics(query))\n  const link = deepLinkFor(widget.query, widget.viz)\n\n  const isStat = widget.viz === \"stat\"\n\n  return (\n    <Card className=\"group/tile relative h-full gap-2\">\n      <div className=\"absolute top-2 right-2 z-10 flex shrink-0 items-center gap-0.5 rounded-md border border-border bg-card opacity-0 shadow-sm transition-opacity group-hover/tile:opacity-100 focus-within:opacity-100\">\n        {editable && (\n          <HugeiconsIcon\n            icon={DragDropVerticalIcon}\n            aria-hidden\n            className=\"widget-drag-handle size-6 shrink-0 cursor-grab p-1.5 text-muted-foreground active:cursor-grabbing\"\n          />\n        )}\n        {link ? (\n          <Link\n            to={link}\n            className=\"flex size-6 items-center justify-center text-muted-foreground hover:text-foreground\"\n            title={adminText(\"Open matching list\")}\n            aria-label={adminText(\"Open matching list\")}\n          >\n            <HugeiconsIcon icon={ArrowUpRight01Icon} className=\"size-3.5\" />\n          </Link>\n        ) : null}\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"size-6\"\n          onClick={() => void refetch()}\n          title={adminText(\"Refresh\")}\n          aria-label={adminText(\"Refresh widget\")}\n        >\n          <HugeiconsIcon\n            icon={Refresh01Icon}\n            className={cn(\"size-3.5\", isFetching && \"animate-spin\")}\n          />\n        </Button>\n        {editable && (\n          <DropdownMenu>\n            <DropdownMenuTrigger\n              render={\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"size-6\"\n                  aria-label={adminText(\"Widget menu\")}\n                >\n                  <HugeiconsIcon icon={MoreVerticalIcon} className=\"size-3.5\" />\n                </Button>\n              }\n            />\n            <DropdownMenuContent align=\"end\">\n              <DropdownMenuItem onClick={onEdit}>\n                <HugeiconsIcon icon={PencilIcon} className=\"size-3.5\" />\n                <AdminMessage id={\" Edit widget\"} />\n              </DropdownMenuItem>\n              <DropdownMenuItem onClick={onDelete} variant=\"destructive\">\n                <HugeiconsIcon icon={Delete02Icon} className=\"size-3.5\" />{\" \"}\n                <AdminMessage id={\"Remove\"} />\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n      <CardContent className=\"flex min-h-0 flex-1 flex-col gap-2\">\n        <span\n          className={cn(\n            \"truncate\",\n            isStat\n              ? \"text-xs font-medium tracking-wider text-muted-foreground uppercase\"\n              : \"text-sm font-medium\"\n          )}\n          title={widget.title}\n        >\n          {widget.title}\n        </span>\n        <div className=\"min-h-0 flex-1\">\n          <TileBody\n            loading={loading && !data}\n            error={error}\n            widget={widget}\n            data={data ?? null}\n          />\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n\nfunction TileBody({\n  loading,\n  error,\n  widget,\n  data,\n}: {\n  loading: boolean\n  error: unknown\n  widget: Widget\n  data: MetricsResult | null\n}) {\n  if (loading) {\n    return (\n      <div className=\"flex h-full flex-col justify-center gap-2\">\n        <Skeleton className=\"h-6 w-2/3\" />\n        <Skeleton className=\"h-3 w-1/3\" />\n      </div>\n    )\n  }\n  if (error) {\n    const msg =\n      error instanceof ApiError\n        ? error.isPermissionDenied\n          ? \"your role lacks metrics access\"\n          : error.message\n        : \"query failed\"\n    return (\n      <div\n        className=\"flex h-full items-center justify-center text-center text-xs text-destructive\"\n        role=\"alert\"\n      >\n        {msg}\n      </div>\n    )\n  }\n  if (!data) return null\n  return <WidgetVizView viz={widget.viz} result={data} query={widget.query} />\n}\n","import { AdminMessage } from \"#orck/admin/ui-context\"\nimport { useAdminServices } from \"#orck/admin/context\"\n// #741 configurable dashboard: a per-merchant widget grid over the metrics\n// API. Tile registry + serialized Layout[] on react-grid-layout v2 — drag,\n// resize, edit, remove; the layout persists via PUT (debounced). First\n// load with no saved row shows the seeded default template.\nimport type { AdminAccess } from \"#orck/client/generated/wire\"\nimport { useAccess, useDashboardLayout } from \"#orck/admin/lib/capabilities\"\nimport * as React from \"react\"\nimport { Navigate } from \"#orck/admin/router\"\nimport { GridLayout, type Layout } from \"react-grid-layout\"\nimport { useMutation, useQuery, useQueryClient } from \"@tanstack/react-query\"\n\nimport \"react-grid-layout/css/styles.css\"\n\nimport { useConfirm } from \"#orck/admin/lib/confirm\"\nimport { Skeleton } from \"#orck/admin/components/ui/skeleton\"\nimport type { Widget } from \"#orck/admin/lib/api/metrics\"\n\nimport { RangePicker } from \"./range-picker\"\nimport { useDashboardRange } from \"./use-range\"\nimport { WidgetEditor, type WidgetDraft } from \"./widget-editor\"\nimport { WidgetTile } from \"./widget-tile\"\n\nconst COLS = 12\nconst ROW_HEIGHT = 56\n\n// useMeasuredWidth tracks the live content width of the grid container; the\n// ResizeObserver fires on observe and on every resize, so the grid rescales\n// with the container instead of trusting a one-shot measurement.\nfunction useMeasuredWidth() {\n  // Callback ref: the grid container mounts after loading returns early, so\n  // a one-shot ref effect would observe null and never re-attach.\n  const [el, setEl] = React.useState<HTMLDivElement | null>(null)\n  const [width, setWidth] = React.useState(0)\n  React.useEffect(() => {\n    if (!el) return\n    const observer = new ResizeObserver((entries) => {\n      setWidth(Math.round(entries[0].contentRect.width))\n    })\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [el])\n  return { containerRef: setEl, width, mounted: width > 0 }\n}\n\n// stackedWidgets orders widgets by their grid position (top-left first) for\n// the single-column mobile flow.\nfunction stackedWidgets<T extends { id: string }>(\n  widgets: T[],\n  layout: Layout\n): T[] {\n  const pos = new Map(layout.map((l) => [l.i, l.y * 1000 + l.x]))\n  return [...widgets].sort(\n    (a, b) => (pos.get(a.id) ?? 0) - (pos.get(b.id) ?? 0)\n  )\n}\n\n// DashboardPage is the console's home: the metrics dashboard for a caller\n// holding Metrics, else their first area.\nexport function DashboardPage() {\n  const access = useAccess()\n  if (!access) return null\n  if (!access.metrics) return <Navigate to={firstArea(access)} replace />\n  return <MetricsDashboard />\n}\n\n// firstArea is where a caller without metrics starts.\nfunction firstArea(access: AdminAccess): string {\n  if (access.admin === \"read\" || access.admin === \"update\") return \"/customers\"\n  if (access.catalog === \"read\" || access.catalog === \"update\")\n    return \"/catalog\"\n  return \"/settings\"\n}\n\nfunction MetricsDashboard() {\n  const { toastApiError, adminMutations, adminQueries } = useAdminServices()\n\n  const queryClient = useQueryClient()\n  // The layout is the merchant's configuration, over its metrics: editable\n  // only to a caller holding both.\n  const editable = useDashboardLayout()\n  const { mutate: saveDashboard } = useMutation(\n    adminMutations.saveDashboard(queryClient)\n  )\n  const dashboardOptions = adminQueries.dashboard()\n  const { data, isPending: loading } = useQuery(dashboardOptions)\n  const [draftWidgets, setDraftWidgets] = React.useState<Widget[] | null>(null)\n  const widgets = draftWidgets ?? data?.widgets ?? null\n  const [editorOpen, setEditorOpen] = React.useState(false)\n  const [editing, setEditing] = React.useState<Widget | null>(null)\n  const { width, containerRef, mounted } = useMeasuredWidth()\n  const [range] = useDashboardRange()\n  const confirm = useConfirm()\n  const saveTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  React.useEffect(\n    () => () => {\n      if (saveTimer.current) clearTimeout(saveTimer.current)\n    },\n    []\n  )\n\n  // Debounced persistence: drags/resizes coalesce into one PUT.\n  const persist = React.useCallback(\n    (next: Widget[]) => {\n      if (saveTimer.current) clearTimeout(saveTimer.current)\n      saveTimer.current = setTimeout(() => {\n        saveDashboard(next, {\n          onError: (err) => toastApiError(err, \"Save dashboard\"),\n        })\n      }, 800)\n    },\n    [saveDashboard, toastApiError]\n  )\n\n  const update = React.useCallback(\n    (next: Widget[]) => {\n      setDraftWidgets(next)\n      persist(next)\n    },\n    [persist]\n  )\n\n  const onLayoutChange = (layout: Layout) => {\n    if (!widgets || !editable) return\n    const byId = new Map(layout.map((l) => [l.i, l]))\n    let changed = false\n    const next = widgets.map((w) => {\n      const l = byId.get(w.id)\n      if (!l) return w\n      if (\n        l.x !== w.grid.x ||\n        l.y !== w.grid.y ||\n        l.w !== w.grid.w ||\n        l.h !== w.grid.h\n      ) {\n        changed = true\n        return { ...w, grid: { x: l.x, y: l.y, w: l.w, h: l.h } }\n      }\n      return w\n    })\n    if (changed) update(next)\n  }\n\n  const editWidget = (id: string, draft: WidgetDraft) => {\n    if (!widgets) return\n    update(widgets.map((w) => (w.id === id ? { ...w, ...draft } : w)))\n  }\n\n  const removeWidget = async (widget: Widget) => {\n    if (!widgets) return\n    const removing = await confirm({\n      title: `Remove \"${widget.title}\"?`,\n      description: \"This removes it from the merchant dashboard for everyone.\",\n      confirmLabel: \"Remove widget\",\n      tone: \"destructive\",\n    })\n    if (removing) update(widgets.filter((w) => w.id !== widget.id))\n  }\n\n  const header = (\n    <div className=\"flex flex-wrap items-center justify-between gap-3\">\n      <h1 className=\"text-2xl font-semibold tracking-tight\">\n        <AdminMessage id={\"Dashboard\"} />\n      </h1>\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <RangePicker />\n      </div>\n    </div>\n  )\n\n  if (loading && !widgets) {\n    return (\n      <div className=\"flex flex-col gap-4\">\n        {header}\n        <div className=\"grid grid-cols-1 gap-3 md:grid-cols-4\">\n          {Array.from({ length: 4 }).map((_, i) => (\n            <Skeleton key={i} className=\"h-[124px]\" />\n          ))}\n          <Skeleton className=\"h-64 md:col-span-2\" />\n          <Skeleton className=\"h-64 md:col-span-2\" />\n        </div>\n      </div>\n    )\n  }\n  if (!widgets) return null\n\n  const layout: Layout = widgets.map((w) => ({\n    i: w.id,\n    x: w.grid.x,\n    y: w.grid.y,\n    w: w.grid.w,\n    h: w.grid.h,\n    minW: 2,\n    minH: 2,\n  }))\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      {header}\n\n      <div ref={containerRef} className=\"min-h-0 w-full\">\n        {widgets.length === 0 ? (\n          <div className=\"flex h-48 flex-col items-center justify-center gap-3 rounded-xl border border-dashed\">\n            <p className=\"text-sm text-muted-foreground\">\n              <AdminMessage id={\"No widgets yet\"} />\n            </p>\n          </div>\n        ) : (\n          <>\n            <div className=\"grid gap-3 md:hidden\">\n              {stackedWidgets(widgets, layout).map((w) => (\n                <div\n                  key={w.id}\n                  className={w.viz === \"stat\" ? \"h-[124px]\" : \"h-64\"}\n                >\n                  <WidgetTile\n                    widget={w}\n                    range={range}\n                    editable={editable}\n                    onEdit={() => {\n                      setEditing(w)\n                      setEditorOpen(true)\n                    }}\n                    onDelete={() => void removeWidget(w)}\n                  />\n                </div>\n              ))}\n            </div>\n            <div className=\"hidden md:block\">\n              {mounted ? (\n                <GridLayout\n                  layout={layout}\n                  width={width}\n                  gridConfig={{\n                    cols: COLS,\n                    rowHeight: ROW_HEIGHT,\n                    margin: [12, 12],\n                  }}\n                  dragConfig={{ handle: \".widget-drag-handle\" }}\n                  onLayoutChange={onLayoutChange}\n                >\n                  {widgets.map((w) => (\n                    <div key={w.id}>\n                      <WidgetTile\n                        widget={w}\n                        range={range}\n                        editable={editable}\n                        onEdit={() => {\n                          setEditing(w)\n                          setEditorOpen(true)\n                        }}\n                        onDelete={() => void removeWidget(w)}\n                      />\n                    </div>\n                  ))}\n                </GridLayout>\n              ) : null}\n            </div>\n          </>\n        )}\n      </div>\n\n      {editorOpen && editing ? (\n        <WidgetEditor\n          onOpenChange={setEditorOpen}\n          initial={editing}\n          onSave={(draft) => editWidget(editing.id, draft)}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/admin-data-table-qfXLOFmN.js

@@ -0,0 +1,96 @@
+import { E as e, w as t } from "./admin-utils-BK4Vh1o_.js";
+import { t as n } from "./admin-button-CTL3DgOt.js";
+import { t as r } from "./admin-skeleton-DsM7crYi.js";
+import { t as i } from "./admin-dom-uMmZzRvU.js";
+import { a, n as o, o as s, r as c, s as l, t as u } from "./admin-table-CH9TrXJf.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { HugeiconsIcon as p } from "@hugeicons/react";
+import { ArrowLeft01Icon as m, ArrowRight01Icon as h } from "@hugeicons/core-free-icons";
+import { flexRender as g, getCoreRowModel as _, useReactTable as v } from "@tanstack/react-table";
+//#region src/admin/components/data-table.tsx
+function y({ columns: y, data: b, loading: x, total: S, limit: C, offset: w, onPageChange: T, onRowClick: E, emptyMessage: D = "No results." }) {
+	let { text: O } = e(), k = v({
+		data: b,
+		columns: y,
+		getCoreRowModel: _(),
+		manualPagination: !0
+	}), A = T && C !== void 0 && w !== void 0 && S !== void 0;
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-col gap-3",
+		children: [/* @__PURE__ */ d("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(s, { children: k.getHeaderGroups().map((e) => /* @__PURE__ */ d(l, {
+				className: "hover:bg-transparent",
+				children: e.headers.map((e) => /* @__PURE__ */ d(a, {
+					className: "text-muted-foreground",
+					children: e.isPlaceholder ? null : typeof e.column.columnDef.header == "string" ? O(e.column.columnDef.header) : g(e.column.columnDef.header, e.getContext())
+				}, e.id))
+			}, e.id)) }), /* @__PURE__ */ d(o, { children: x ? Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ d(l, {
+				className: "hover:bg-transparent",
+				children: y.map((e, t) => /* @__PURE__ */ d(c, {
+					className: "py-3.5",
+					children: /* @__PURE__ */ d(r, { className: "h-4 w-full max-w-28" })
+				}, t))
+			}, t)) : k.getRowModel().rows.length ? k.getRowModel().rows.map((e) => /* @__PURE__ */ d(l, {
+				tabIndex: E ? 0 : void 0,
+				role: E ? "link" : void 0,
+				onClick: E ? (t) => {
+					i(t.target) || E(e.original);
+				} : void 0,
+				onKeyDown: E ? (t) => {
+					t.key === "Enter" && (i(t.target) || E(e.original));
+				} : void 0,
+				className: E ? "cursor-pointer focus-visible:bg-muted/50 focus-visible:outline-none" : void 0,
+				children: e.getVisibleCells().map((e) => /* @__PURE__ */ d(c, {
+					className: "py-3.5",
+					children: g(e.column.columnDef.cell, e.getContext())
+				}, e.id))
+			}, e.id)) : /* @__PURE__ */ d(l, {
+				className: "hover:bg-transparent",
+				children: /* @__PURE__ */ d(c, {
+					colSpan: y.length,
+					className: "h-40 text-center text-muted-foreground",
+					children: D
+				})
+			}) })] })
+		}), A && /* @__PURE__ */ f("div", {
+			className: "flex items-center justify-between text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ f("span", {
+				className: "tabular-nums",
+				children: [
+					S === 0 ? "0" : `${w + 1}–${Math.min(w + C, S)}`,
+					" ",
+					/* @__PURE__ */ d(t, { id: "of " }),
+					S
+				]
+			}), /* @__PURE__ */ f("div", {
+				className: "flex gap-1",
+				children: [/* @__PURE__ */ d(n, {
+					variant: "ghost",
+					size: "icon",
+					"aria-label": O("Previous page"),
+					disabled: w <= 0 || x,
+					onClick: () => T(Math.max(0, w - C)),
+					children: /* @__PURE__ */ d(p, {
+						icon: m,
+						className: "size-4"
+					})
+				}), /* @__PURE__ */ d(n, {
+					variant: "ghost",
+					size: "icon",
+					"aria-label": O("Next page"),
+					disabled: w + C >= S || x,
+					onClick: () => T(w + C),
+					children: /* @__PURE__ */ d(p, {
+						icon: h,
+						className: "size-4"
+					})
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { y as t };
+
+//# sourceMappingURL=admin-data-table-qfXLOFmN.js.map

package/dist/admin-data-table-qfXLOFmN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-data-table-qfXLOFmN.js","names":[],"sources":["../src/admin/components/data-table.tsx"],"sourcesContent":["import { AdminMessage, useAdminUI } from \"#orck/admin/ui-context\"\n// Server-paginated data table on @tanstack/react-table v8 + the shadcn Table\n// primitives (shadcn Data Table pattern).\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { ArrowLeft01Icon, ArrowRight01Icon } from \"@hugeicons/core-free-icons\"\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  type ColumnDef,\n} from \"@tanstack/react-table\"\nimport { Button } from \"#orck/admin/components/ui/button\"\nimport { Skeleton } from \"#orck/admin/components/ui/skeleton\"\nimport { isInteractiveTarget } from \"#orck/admin/lib/dom\"\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"#orck/admin/components/ui/table\"\n\ninterface DataTableProps<TData> {\n  columns: ColumnDef<TData, unknown>[]\n  data: TData[]\n  loading?: boolean\n  total?: number\n  limit?: number\n  offset?: number\n  onPageChange?: (offset: number) => void\n  onRowClick?: (row: TData) => void\n  emptyMessage?: string\n}\n\nexport function DataTable<TData>({\n  columns,\n  data,\n  loading,\n  total,\n  limit,\n  offset,\n  onPageChange,\n  onRowClick,\n  emptyMessage = \"No results.\",\n}: DataTableProps<TData>) {\n  const { text: adminText } = useAdminUI()\n\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    manualPagination: true,\n  })\n\n  const paged =\n    onPageChange &&\n    limit !== undefined &&\n    offset !== undefined &&\n    total !== undefined\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"overflow-x-auto\">\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id} className=\"hover:bg-transparent\">\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id} className=\"text-muted-foreground\">\n                    {header.isPlaceholder\n                      ? null\n                      : typeof header.column.columnDef.header === \"string\"\n                        ? adminText(header.column.columnDef.header)\n                        : flexRender(\n                            header.column.columnDef.header,\n                            header.getContext()\n                          )}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {loading ? (\n              Array.from({ length: 5 }).map((_, ri) => (\n                <TableRow key={ri} className=\"hover:bg-transparent\">\n                  {columns.map((_, ci) => (\n                    <TableCell key={ci} className=\"py-3.5\">\n                      <Skeleton className=\"h-4 w-full max-w-28\" />\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : table.getRowModel().rows.length ? (\n              table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  // A clickable row takes Enter as well as a click, and ignores\n                  // both on interactive content inside its cells.\n                  tabIndex={onRowClick ? 0 : undefined}\n                  role={onRowClick ? \"link\" : undefined}\n                  onClick={\n                    onRowClick\n                      ? (event) => {\n                          if (isInteractiveTarget(event.target)) return\n                          onRowClick(row.original)\n                        }\n                      : undefined\n                  }\n                  onKeyDown={\n                    onRowClick\n                      ? (event) => {\n                          if (event.key !== \"Enter\") return\n                          if (isInteractiveTarget(event.target)) return\n                          onRowClick(row.original)\n                        }\n                      : undefined\n                  }\n                  className={\n                    onRowClick\n                      ? \"cursor-pointer focus-visible:bg-muted/50 focus-visible:outline-none\"\n                      : undefined\n                  }\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id} className=\"py-3.5\">\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow className=\"hover:bg-transparent\">\n                <TableCell\n                  colSpan={columns.length}\n                  className=\"h-40 text-center text-muted-foreground\"\n                >\n                  {emptyMessage}\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n      {paged && (\n        <div className=\"flex items-center justify-between text-sm text-muted-foreground\">\n          <span className=\"tabular-nums\">\n            {total === 0\n              ? \"0\"\n              : `${offset + 1}–${Math.min(offset + limit, total)}`}{\" \"}\n            <AdminMessage id={\"of \"} />\n            {total}\n          </span>\n          <div className=\"flex gap-1\">\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label={adminText(\"Previous page\")}\n              disabled={offset <= 0 || loading}\n              onClick={() => onPageChange(Math.max(0, offset - limit))}\n            >\n              <HugeiconsIcon icon={ArrowLeft01Icon} className=\"size-4\" />\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label={adminText(\"Next page\")}\n              disabled={offset + limit >= total || loading}\n              onClick={() => onPageChange(offset + limit)}\n            >\n              <HugeiconsIcon icon={ArrowRight01Icon} className=\"size-4\" />\n            </Button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}