@openrails/contentkit-ui 0.104.0-rc.1 → 0.104.0-rc.3

package/dist/components/admin/stats-dashboard.js

@@ -3,253 +3,351 @@ import { formatDuration as t } from "../../client/gallery.js";
 import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../ui/select.js";
 import { AdminRoot as s, LoadFailed as c, NoAccess as l, Rows as u } from "./shell.js";
 import { useFlowClient as d } from "../../react/admin.js";
-import { useActivity as f, useTopContents as p } from "../../react/stats.js";
-import { useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useActivity as f } from "../../react/stats.js";
+import { useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { cn as _ } from "cn";
 //#region src/components/admin/stats-dashboard.tsx
 var v = (e) => e.map((e) => typeof e == "string" ? {
 	value: e,
 	label: e
 } : e), y = [
-	7,
+	10,
 	30,
 	90
-], b = ["readers", "comments"], x = [
-	"7d",
-	"30d",
-	"90d",
-	"365d",
-	"all"
-], S = (e) => e?.code === "forbidden" || e?.code === "unauthorized";
-function C({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: c, ...l }) {
+], b = (e) => e?.code === "forbidden" || e?.code === "unauthorized", x = [
+	{
+		key: "anon",
+		fill: "bg-[#2a78d6] dark:bg-[#3987e5]"
+	},
+	{
+		key: "free",
+		fill: "bg-[#eb6834] dark:bg-[#d95926]"
+	},
+	{
+		key: "premium",
+		fill: "bg-[#1baf7a] dark:bg-[#199e70]"
+	}
+];
+function S({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: c, ...l }) {
 	let u = d({
 		client: e,
 		baseUrl: t,
 		auth: n
 	});
-	return /* @__PURE__ */ g(s, {
+	return /* @__PURE__ */ h(s, {
 		flow: "stats-dashboard",
 		appearance: i,
 		className: a,
 		language: o,
 		messages: c,
 		guard: r,
-		children: /* @__PURE__ */ g(w, {
+		children: /* @__PURE__ */ h(C, {
 			...l,
 			client: u
 		})
 	});
 }
-function w({ kinds: n, contentHref: r, limit: i = 10, client: a }) {
-	let { t: o } = e(), s = v(n), [d, C] = m(s[0]?.value ?? ""), [w, E] = m(7), [D, O] = m("readers"), [k, A] = m("30d"), j = f(d ? {
-		kind: d,
-		days: w
-	} : null, { client: a }), M = p(d ? {
-		kind: d,
-		metric: D,
-		period: k,
-		limit: i
-	} : null, { client: a });
-	if (S(j.error) || S(M.error)) return /* @__PURE__ */ g(l, { children: o("stats.noAccess") });
-	let N = j.data?.days ?? [], P = Math.max(1, ...N.map((e) => e.readers)), F = N.reduce((e, t) => e + t.active_ms, 0);
-	return /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ _("div", {
+function C({ kinds: t, client: n }) {
+	let { t: r } = e(), i = v(t), [a, o] = p(i[0]?.value ?? ""), [s, d] = p(y[0]), _ = f(a ? {
+		kind: a,
+		days: s
+	} : null, { client: n });
+	if (b(_.error)) return /* @__PURE__ */ h(l, { children: r("stats.noAccess") });
+	let x = [..._.data?.days ?? []].reverse();
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+		className: "flex flex-wrap items-center justify-between gap-2",
+		children: [/* @__PURE__ */ h("h2", {
+			className: "text-base font-semibold",
+			children: r("stats.title")
+		}), i.length > 1 && /* @__PURE__ */ h(D, {
+			label: r("stats.kind"),
+			value: a,
+			onChange: o,
+			options: i
+		})]
+	}), /* @__PURE__ */ g("section", {
+		className: "grid gap-3",
+		"data-ckui": "stats-activity",
+		children: [/* @__PURE__ */ g("div", {
 			className: "flex flex-wrap items-center justify-between gap-2",
-			children: [/* @__PURE__ */ g("h2", {
-				className: "text-base font-semibold",
-				children: o("stats.title")
-			}), s.length > 1 && /* @__PURE__ */ g(T, {
-				label: o("stats.kind"),
-				value: d,
-				onChange: C,
-				options: s
-			})]
-		}),
-		/* @__PURE__ */ _("section", {
-			className: "grid gap-3",
-			"data-ckui": "stats-activity",
-			children: [/* @__PURE__ */ _("div", {
-				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ g("h3", {
+			children: [/* @__PURE__ */ g("div", {
+				className: "grid gap-0.5",
+				children: [/* @__PURE__ */ h("h3", {
 					className: "font-medium",
-					children: o("stats.activity")
-				}), /* @__PURE__ */ g(T, {
-					label: o("stats.days"),
-					value: String(w),
-					onChange: (e) => E(Number(e)),
-					options: y.map((e) => ({
-						value: String(e),
-						label: o("stats.lastDays", { count: e })
-					}))
+					children: r("stats.activity")
+				}), /* @__PURE__ */ h("p", {
+					className: "text-xs text-muted-foreground",
+					children: r("stats.visitorsNote")
 				})]
-			}), j.unavailable ? /* @__PURE__ */ g("p", {
-				className: "text-muted-foreground",
-				role: "status",
-				children: o("stats.unavailable")
-			}) : j.error ? /* @__PURE__ */ g(c, {
-				error: j.error,
-				message: o("stats.loadFailed"),
-				retry: j.reload
-			}) : j.loading && !j.data ? /* @__PURE__ */ g(u, { count: 2 }) : N.length ? /* @__PURE__ */ _("table", {
-				className: "w-full text-left tabular-nums",
-				"aria-busy": j.loading,
+			}), /* @__PURE__ */ h(D, {
+				label: r("stats.days"),
+				value: String(s),
+				onChange: (e) => d(Number(e)),
+				options: y.map((e) => ({
+					value: String(e),
+					label: r("stats.lastDays", { count: e })
+				}))
+			})]
+		}), _.unavailable ? /* @__PURE__ */ h("p", {
+			className: "text-muted-foreground",
+			role: "status",
+			children: r("stats.unavailable")
+		}) : _.error ? /* @__PURE__ */ h(c, {
+			error: _.error,
+			message: r("stats.loadFailed"),
+			retry: _.reload
+		}) : _.loading && !_.data ? /* @__PURE__ */ h(u, { count: 3 }) : /* @__PURE__ */ g("div", {
+			className: "grid gap-4",
+			"aria-busy": _.loading,
+			children: [
+				/* @__PURE__ */ h(w, { day: x.at(-1) }),
+				/* @__PURE__ */ h(T, { rows: x }),
+				/* @__PURE__ */ h(E, { rows: x })
+			]
+		})]
+	})] });
+}
+function w({ day: n }) {
+	let { t: r } = e(), i = [{
+		label: r("stats.visitors"),
+		value: n?.readers ?? 0,
+		fill: void 0
+	}, ...x.map((e) => ({
+		label: r(`stats.${e.key}`),
+		value: n?.[e.key] ?? 0,
+		fill: e.fill
+	}))];
+	return /* @__PURE__ */ g("div", {
+		className: "grid gap-2",
+		"data-ckui": "stats-today",
+		children: [/* @__PURE__ */ g("p", {
+			className: "text-xs font-medium text-muted-foreground",
+			children: [r("stats.today"), n && n.active_ms > 0 && /* @__PURE__ */ g("span", {
+				className: "font-normal",
 				children: [
-					/* @__PURE__ */ g("thead", {
-						className: "text-xs text-muted-foreground",
-						children: /* @__PURE__ */ _("tr", { children: [
-							/* @__PURE__ */ g("th", {
-								className: "py-1 font-medium",
-								children: o("stats.date")
-							}),
-							/* @__PURE__ */ g("th", {
-								className: "py-1 font-medium",
-								children: o("stats.readers")
-							}),
-							/* @__PURE__ */ g("th", {
-								className: "py-1 text-end font-medium",
-								children: o("stats.users")
-							}),
-							/* @__PURE__ */ g("th", {
-								className: "py-1 text-end font-medium",
-								children: o("stats.activeTime")
-							})
-						] })
-					}),
-					/* @__PURE__ */ g("tbody", { children: N.map((e) => /* @__PURE__ */ _("tr", {
-						className: "border-t border-border",
-						"data-ckui": "stats-day",
-						children: [
-							/* @__PURE__ */ g("td", {
-								className: "py-1.5 pe-3 whitespace-nowrap",
-								children: e.date
-							}),
-							/* @__PURE__ */ g("td", {
-								className: "w-1/2 py-1.5 pe-3",
-								children: /* @__PURE__ */ _("span", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ g("span", {
-										"aria-hidden": !0,
-										className: "h-2 rounded-full bg-primary",
-										style: { width: `${Math.max(2, e.readers / P * 100)}%` }
-									}), e.readers]
-								})
-							}),
-							/* @__PURE__ */ g("td", {
-								className: "py-1.5 text-end",
-								children: e.users
-							}),
-							/* @__PURE__ */ g("td", {
-								className: "py-1.5 text-end",
-								children: t(Math.floor(e.active_ms / 1e3))
-							})
-						]
-					}, e.date)) }),
-					/* @__PURE__ */ g("tfoot", { children: /* @__PURE__ */ _("tr", {
-						className: "border-t border-border font-medium",
-						children: [/* @__PURE__ */ g("th", {
-							scope: "row",
-							colSpan: 3,
-							className: "py-1.5 font-medium",
-							children: o("stats.totalActiveTime")
-						}), /* @__PURE__ */ g("td", {
-							className: "py-1.5 text-end",
-							"data-ckui": "stats-active-total",
-							children: t(Math.floor(F / 1e3))
-						})]
-					}) })
+					" · ",
+					r("stats.activeTime"),
+					" ",
+					t(Math.floor(n.active_ms / 1e3))
 				]
-			}) : /* @__PURE__ */ g("p", {
-				className: "text-muted-foreground",
-				children: o("stats.noActivity")
 			})]
-		}),
-		/* @__PURE__ */ _("section", {
-			className: "grid gap-3",
-			"data-ckui": "stats-top",
-			children: [/* @__PURE__ */ _("div", {
-				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ g("h3", {
-					className: "font-medium",
-					children: o("stats.top")
-				}), /* @__PURE__ */ _("div", {
-					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ g(T, {
-						label: o("stats.metric"),
-						value: D,
-						onChange: (e) => O(e),
-						options: b.map((e) => ({
-							value: e,
-							label: o(`stats.metric_${e}`)
-						}))
-					}), /* @__PURE__ */ g(T, {
-						label: o("stats.period"),
-						value: k,
-						onChange: (e) => A(e),
-						options: x.map((e) => ({
-							value: e,
-							label: o(`stats.period_${e}`)
-						}))
-					})]
+		}), /* @__PURE__ */ h("dl", {
+			className: "grid grid-cols-2 gap-2 sm:grid-cols-4",
+			children: i.map((e) => /* @__PURE__ */ g("div", {
+				className: "grid gap-0.5 rounded-lg border border-border p-3",
+				children: [/* @__PURE__ */ g("dt", {
+					className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+					children: [e.fill && /* @__PURE__ */ h("span", {
+						"aria-hidden": !0,
+						className: _("size-2.5 rounded-sm", e.fill)
+					}), e.label]
+				}), /* @__PURE__ */ h("dd", {
+					className: "text-xl font-semibold tabular-nums",
+					children: e.value
 				})]
-			}), M.unavailable ? /* @__PURE__ */ g("p", {
-				className: "text-muted-foreground",
-				role: "status",
-				children: o("stats.unavailable")
-			}) : M.error ? /* @__PURE__ */ g(c, {
-				error: M.error,
-				message: o("stats.loadFailed"),
-				retry: M.reload
-			}) : M.loading && !M.data ? /* @__PURE__ */ g(u, { count: 3 }) : M.data?.contents.length ? /* @__PURE__ */ g("ol", {
-				className: "grid divide-y divide-border rounded-lg border border-border",
-				"aria-busy": M.loading,
-				children: M.data.contents.map((e, t) => {
-					let n = r ? r(e) : e.path;
-					return /* @__PURE__ */ _("li", {
-						className: "flex items-center gap-3 p-2.5",
-						"data-ckui": "stats-ranked",
+			}, e.label))
+		})]
+	});
+}
+function T({ rows: t }) {
+	let n = e(), { t: r } = n, [i, a] = p(null), o = Math.max(0, ...t.map((e) => e.readers)), s = o || 1, c = Math.ceil(t.length / 10), l = new Intl.DateTimeFormat(n.language, {
+		month: "short",
+		day: "numeric",
+		timeZone: "UTC"
+	}), u = new Intl.DateTimeFormat(n.language, {
+		dateStyle: "medium",
+		timeZone: "UTC"
+	}), d = (e) => /* @__PURE__ */ new Date(`${e}T00:00:00Z`), f = i === null ? void 0 : t[i];
+	return /* @__PURE__ */ g("figure", {
+		className: "grid gap-2",
+		"data-ckui": "stats-chart",
+		children: [
+			/* @__PURE__ */ g("figcaption", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground",
+				children: [x.map((e) => /* @__PURE__ */ g("span", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ h("span", {
+						"aria-hidden": !0,
+						className: _("size-2.5 rounded-sm", e.fill)
+					}), r(`stats.${e.key}`)]
+				}, e.key)), /* @__PURE__ */ h("span", {
+					className: "ms-auto tabular-nums",
+					children: r("stats.peak", { count: o })
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "relative",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "pointer-events-none absolute inset-x-0 top-0 border-t border-dashed border-border",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "pointer-events-none absolute inset-x-0 top-1/2 border-t border-dashed border-border/60",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ h("ol", {
+						className: "relative flex h-48 items-end gap-1 border-b border-border",
+						onMouseLeave: () => a(null),
+						children: t.map((e, t) => /* @__PURE__ */ h("li", {
+							tabIndex: 0,
+							"data-ckui": "stats-day",
+							"aria-label": `${u.format(d(e.date))}: ${r("stats.visitors")} ${e.readers}, ${r("stats.anon")} ${e.anon}, ${r("stats.free")} ${e.free}, ${r("stats.premium")} ${e.premium}`,
+							className: "flex h-full min-w-0 flex-1 cursor-default flex-col justify-end rounded-sm outline-none hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:ring-1 focus-visible:ring-ring",
+							onMouseEnter: () => a(t),
+							onFocus: () => a(t),
+							onBlur: () => a(null),
+							children: /* @__PURE__ */ h("span", {
+								className: "mx-auto flex w-full max-w-10 flex-col-reverse gap-[2px]",
+								style: { height: `${e.readers / s * 100}%` },
+								children: x.map((t, n) => {
+									let r = e[t.key];
+									if (!r) return null;
+									let i = x.slice(n + 1).every((t) => !e[t.key]);
+									return /* @__PURE__ */ h("span", {
+										className: _("min-h-[2px] w-full", t.fill, i && "rounded-t-[4px]"),
+										style: {
+											flexGrow: r,
+											flexBasis: 0
+										}
+									}, t.key);
+								})
+							})
+						}, e.date))
+					}),
+					f && i !== null && /* @__PURE__ */ g("div", {
+						role: "tooltip",
+						className: "pointer-events-none absolute -top-2 z-10 grid min-w-36 -translate-y-full gap-1 rounded-md border border-border bg-popover p-2 text-xs text-popover-foreground shadow-md",
+						style: { left: `clamp(0%, ${(i + .5) / t.length * 100}% - 4.5rem, calc(100% - 9rem))` },
 						children: [
-							/* @__PURE__ */ g("span", {
-								className: "w-6 text-end text-muted-foreground tabular-nums",
-								children: t + 1
+							/* @__PURE__ */ h("p", {
+								className: "font-medium",
+								children: u.format(d(f.date))
 							}),
-							n ? /* @__PURE__ */ g("a", {
-								className: "min-w-0 flex-1 break-words hover:underline",
-								href: n,
-								children: e.title
-							}) : /* @__PURE__ */ g("span", {
-								className: "min-w-0 flex-1 break-words",
-								children: e.title
+							/* @__PURE__ */ g("p", {
+								className: "flex justify-between gap-3 tabular-nums",
+								children: [/* @__PURE__ */ h("span", { children: r("stats.visitors") }), /* @__PURE__ */ h("span", {
+									className: "font-semibold",
+									children: f.readers
+								})]
 							}),
-							/* @__PURE__ */ g("span", {
-								className: "tabular-nums",
-								"data-ckui": "stats-value",
-								children: e.value
-							})
+							[...x].reverse().map((e) => /* @__PURE__ */ g("p", {
+								className: "flex items-center justify-between gap-3 tabular-nums text-muted-foreground",
+								children: [/* @__PURE__ */ g("span", {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ h("span", {
+										"aria-hidden": !0,
+										className: _("size-2 rounded-sm", e.fill)
+									}), r(`stats.${e.key}`)]
+								}), /* @__PURE__ */ h("span", {
+									className: "text-popover-foreground",
+									children: f[e.key]
+								})]
+							}, e.key))
 						]
-					}, e.id);
-				})
-			}) : /* @__PURE__ */ g("p", {
+					})
+				]
+			}),
+			/* @__PURE__ */ h("ol", {
+				"aria-hidden": !0,
+				className: "flex gap-1 text-[11px] text-muted-foreground tabular-nums",
+				children: t.map((e, n) => /* @__PURE__ */ h("li", {
+					className: "min-w-0 flex-1 overflow-visible text-center whitespace-nowrap",
+					children: (t.length - 1 - n) % c == 0 ? l.format(d(e.date)) : ""
+				}, e.date))
+			}),
+			o === 0 && /* @__PURE__ */ h("p", {
 				className: "text-muted-foreground",
-				children: o("stats.noTop")
-			})]
-		})
-	] });
+				children: r("stats.noActivity")
+			})
+		]
+	});
+}
+function E({ rows: n }) {
+	let { t: r } = e();
+	return /* @__PURE__ */ g("details", {
+		className: "text-sm",
+		children: [/* @__PURE__ */ h("summary", {
+			className: "cursor-pointer text-xs text-muted-foreground",
+			children: r("stats.showTable")
+		}), /* @__PURE__ */ g("table", {
+			className: "mt-2 w-full text-left tabular-nums",
+			children: [/* @__PURE__ */ h("thead", {
+				className: "text-xs text-muted-foreground",
+				children: /* @__PURE__ */ g("tr", { children: [
+					/* @__PURE__ */ h("th", {
+						className: "py-1 font-medium",
+						children: r("stats.date")
+					}),
+					/* @__PURE__ */ h("th", {
+						className: "py-1 text-end font-medium",
+						children: r("stats.visitors")
+					}),
+					/* @__PURE__ */ h("th", {
+						className: "py-1 text-end font-medium",
+						children: r("stats.anon")
+					}),
+					/* @__PURE__ */ h("th", {
+						className: "py-1 text-end font-medium",
+						children: r("stats.free")
+					}),
+					/* @__PURE__ */ h("th", {
+						className: "py-1 text-end font-medium",
+						children: r("stats.premium")
+					}),
+					/* @__PURE__ */ h("th", {
+						className: "py-1 text-end font-medium",
+						children: r("stats.activeTime")
+					})
+				] })
+			}), /* @__PURE__ */ h("tbody", { children: [...n].reverse().map((e) => /* @__PURE__ */ g("tr", {
+				className: "border-t border-border",
+				children: [
+					/* @__PURE__ */ h("td", {
+						className: "py-1.5 pe-3 whitespace-nowrap",
+						children: e.date
+					}),
+					/* @__PURE__ */ h("td", {
+						className: "py-1.5 text-end",
+						children: e.readers
+					}),
+					/* @__PURE__ */ h("td", {
+						className: "py-1.5 text-end",
+						children: e.anon
+					}),
+					/* @__PURE__ */ h("td", {
+						className: "py-1.5 text-end",
+						children: e.free
+					}),
+					/* @__PURE__ */ h("td", {
+						className: "py-1.5 text-end",
+						children: e.premium
+					}),
+					/* @__PURE__ */ h("td", {
+						className: "py-1.5 text-end",
+						children: t(Math.floor(e.active_ms / 1e3))
+					})
+				]
+			}, e.date)) })]
+		})]
+	});
 }
-function T({ label: e, value: t, onChange: s, options: c }) {
-	return /* @__PURE__ */ _(n, {
+function D({ label: e, value: t, onChange: s, options: c }) {
+	return /* @__PURE__ */ g(n, {
 		value: t,
 		onValueChange: (e) => s(String(e)),
-		children: [/* @__PURE__ */ g(a, {
+		children: [/* @__PURE__ */ h(a, {
 			size: "sm",
 			"aria-label": e,
-			children: /* @__PURE__ */ g(o, { children: (e) => c.find((t) => t.value === e)?.label ?? e })
-		}), /* @__PURE__ */ g(r, { children: c.map((e) => /* @__PURE__ */ g(i, {
+			children: /* @__PURE__ */ h(o, { children: (e) => c.find((t) => t.value === e)?.label ?? e })
+		}), /* @__PURE__ */ h(r, { children: c.map((e) => /* @__PURE__ */ h(i, {
 			value: e.value,
 			children: e.label
 		}, e.value)) })]
 	});
 }
 //#endregion
-export { C as StatsDashboard };
+export { S as StatsDashboard };
 
 //# sourceMappingURL=stats-dashboard.js.map

package/dist/components/admin/stats-dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"stats-dashboard.js","names":[],"sources":["../../../src/components/admin/stats-dashboard.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { ContentKitError } from \"../../client/errors.js\";\nimport type { Period } from \"../../client/discovery.js\";\nimport { formatDuration } from \"../../client/gallery.js\";\nimport type { TopQuery } from \"../../client/stats.js\";\nimport type { RankedContent } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useFlowClient } from \"../../react/admin.js\";\nimport { useActivity, useTopContents } from \"../../react/stats.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { AdminRoot, LoadFailed, NoAccess, Rows, type AdminFlowProps } from \"./shell.js\";\n\ntype Choice = string | { value: string; label: string };\ntype Metric = NonNullable<TopQuery[\"metric\"]>;\n\nexport interface StatsDashboardProps extends AdminFlowProps {\n  /** Content kinds offered: codes, or codes with labels; the first shows first. */\n  kinds: readonly Choice[];\n  /** A ranked item's link; default its path. */\n  contentHref?: (content: RankedContent) => string | undefined;\n  /** Rows in the ranking. Default 10. */\n  limit?: number;\n}\n\nconst choices = (list: readonly Choice[]) => list.map((c) => (typeof c === \"string\" ? { value: c, label: c } : c));\nconst DAYS = [7, 30, 90] as const;\nconst METRICS: readonly Metric[] = [\"readers\", \"comments\"];\nconst PERIODS: readonly Period[] = [\"7d\", \"30d\", \"90d\", \"365d\", \"all\"];\nconst refused = (e?: ContentKitError) => e?.code === \"forbidden\" || e?.code === \"unauthorized\";\n\n/**\n * Staff statistics from measured attention: daily distinct people and focused\n * active time, plus content ranked by distinct engaged people or comments.\n * Daily people are never summed into a misleading period-unique total.\n * Comments remain available without the signal plane.\n */\nexport function StatsDashboard({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: StatsDashboardProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"stats-dashboard\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Dashboard {...p} client={client} />\n    </AdminRoot>\n  );\n}\n\ntype Inner = Omit<StatsDashboardProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\"> & { client: ContentKitClient };\n\nfunction Dashboard({ kinds, contentHref, limit = 10, client }: Inner) {\n  const { t } = useMessages();\n  const options = choices(kinds);\n  const [kind, setKind] = useState(options[0]?.value ?? \"\");\n  const [days, setDays] = useState<number>(7);\n  const [metric, setMetric] = useState<Metric>(\"readers\");\n  const [period, setPeriod] = useState<Period>(\"30d\");\n  const activity = useActivity(kind ? { kind, days } : null, { client });\n  const top = useTopContents(kind ? { kind, metric, period, limit } : null, { client });\n  if (refused(activity.error) || refused(top.error)) return <NoAccess>{t(\"stats.noAccess\")}</NoAccess>;\n  const rows = activity.data?.days ?? [];\n  const most = Math.max(1, ...rows.map((d) => d.readers));\n  const totalActiveMS = rows.reduce((n, d) => n + d.active_ms, 0);\n  return (\n    <>\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h2 className=\"text-base font-semibold\">{t(\"stats.title\")}</h2>\n        {options.length > 1 && <Pick label={t(\"stats.kind\")} value={kind} onChange={setKind} options={options} />}\n      </div>\n\n      <section className=\"grid gap-3\" data-ckui=\"stats-activity\">\n        <div className=\"flex flex-wrap items-center justify-between gap-2\">\n          <h3 className=\"font-medium\">{t(\"stats.activity\")}</h3>\n          <Pick\n            label={t(\"stats.days\")}\n            value={String(days)}\n            onChange={(v) => setDays(Number(v))}\n            options={DAYS.map((d) => ({ value: String(d), label: t(\"stats.lastDays\", { count: d }) }))}\n          />\n        </div>\n        {activity.unavailable ? (\n          <p className=\"text-muted-foreground\" role=\"status\">\n            {t(\"stats.unavailable\")}\n          </p>\n        ) : activity.error ? (\n          <LoadFailed error={activity.error} message={t(\"stats.loadFailed\")} retry={activity.reload} />\n        ) : activity.loading && !activity.data ? (\n          <Rows count={2} />\n        ) : !rows.length ? (\n          <p className=\"text-muted-foreground\">{t(\"stats.noActivity\")}</p>\n        ) : (\n          <table className=\"w-full text-left tabular-nums\" aria-busy={activity.loading}>\n            <thead className=\"text-xs text-muted-foreground\">\n              <tr>\n                <th className=\"py-1 font-medium\">{t(\"stats.date\")}</th>\n                <th className=\"py-1 font-medium\">{t(\"stats.readers\")}</th>\n                <th className=\"py-1 text-end font-medium\">{t(\"stats.users\")}</th>\n                <th className=\"py-1 text-end font-medium\">{t(\"stats.activeTime\")}</th>\n              </tr>\n            </thead>\n            <tbody>\n              {rows.map((d) => (\n                <tr key={d.date} className=\"border-t border-border\" data-ckui=\"stats-day\">\n                  <td className=\"py-1.5 pe-3 whitespace-nowrap\">{d.date}</td>\n                  <td className=\"w-1/2 py-1.5 pe-3\">\n                    <span className=\"flex items-center gap-2\">\n                      <span aria-hidden className=\"h-2 rounded-full bg-primary\" style={{ width: `${Math.max(2, (d.readers / most) * 100)}%` }} />\n                      {d.readers}\n                    </span>\n                  </td>\n                  <td className=\"py-1.5 text-end\">{d.users}</td>\n                  <td className=\"py-1.5 text-end\">{formatDuration(Math.floor(d.active_ms / 1000))}</td>\n                </tr>\n              ))}\n            </tbody>\n            <tfoot>\n              <tr className=\"border-t border-border font-medium\">\n                <th scope=\"row\" colSpan={3} className=\"py-1.5 font-medium\">\n                  {t(\"stats.totalActiveTime\")}\n                </th>\n                <td className=\"py-1.5 text-end\" data-ckui=\"stats-active-total\">\n                  {formatDuration(Math.floor(totalActiveMS / 1000))}\n                </td>\n              </tr>\n            </tfoot>\n          </table>\n        )}\n      </section>\n\n      <section className=\"grid gap-3\" data-ckui=\"stats-top\">\n        <div className=\"flex flex-wrap items-center justify-between gap-2\">\n          <h3 className=\"font-medium\">{t(\"stats.top\")}</h3>\n          <div className=\"flex flex-wrap gap-2\">\n            <Pick label={t(\"stats.metric\")} value={metric} onChange={(v) => setMetric(v as Metric)} options={METRICS.map((x) => ({ value: x, label: t(`stats.metric_${x}`) }))} />\n            <Pick label={t(\"stats.period\")} value={period} onChange={(v) => setPeriod(v as Period)} options={PERIODS.map((x) => ({ value: x, label: t(`stats.period_${x}`) }))} />\n          </div>\n        </div>\n        {top.unavailable ? (\n          <p className=\"text-muted-foreground\" role=\"status\">\n            {t(\"stats.unavailable\")}\n          </p>\n        ) : top.error ? (\n          <LoadFailed error={top.error} message={t(\"stats.loadFailed\")} retry={top.reload} />\n        ) : top.loading && !top.data ? (\n          <Rows count={3} />\n        ) : !top.data?.contents.length ? (\n          <p className=\"text-muted-foreground\">{t(\"stats.noTop\")}</p>\n        ) : (\n          <ol className=\"grid divide-y divide-border rounded-lg border border-border\" aria-busy={top.loading}>\n            {top.data.contents.map((c, i) => {\n              const href = contentHref ? contentHref(c) : c.path;\n              return (\n                <li key={c.id} className=\"flex items-center gap-3 p-2.5\" data-ckui=\"stats-ranked\">\n                  <span className=\"w-6 text-end text-muted-foreground tabular-nums\">{i + 1}</span>\n                  {href ? (\n                    <a className=\"min-w-0 flex-1 break-words hover:underline\" href={href}>\n                      {c.title}\n                    </a>\n                  ) : (\n                    <span className=\"min-w-0 flex-1 break-words\">{c.title}</span>\n                  )}\n                  <span className=\"tabular-nums\" data-ckui=\"stats-value\">\n                    {c.value}\n                  </span>\n                </li>\n              );\n            })}\n          </ol>\n        )}\n      </section>\n    </>\n  );\n}\n\nfunction Pick({ label, value, onChange, options }: { label: string; value: string; onChange: (v: string) => void; options: { value: string; label: string }[] }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(String(v))}>\n      <SelectTrigger size=\"sm\" aria-label={label}>\n        <SelectValue>{(v: string) => options.find((o) => o.value === v)?.label ?? v}</SelectValue>\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((o) => (\n          <SelectItem key={o.value} value={o.value}>\n            {o.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"stats-dashboard.js","names":[],"sources":["../../../src/components/admin/stats-dashboard.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { ContentKitError } from \"../../client/errors.js\";\nimport { formatDuration } from \"../../client/gallery.js\";\nimport type { ActivityDay } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useFlowClient } from \"../../react/admin.js\";\nimport { useActivity } from \"../../react/stats.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { AdminRoot, LoadFailed, NoAccess, Rows, type AdminFlowProps } from \"./shell.js\";\n\ntype Choice = string | { value: string; label: string };\n\nexport interface StatsDashboardProps extends AdminFlowProps {\n  /** Content kinds offered: codes, or codes with labels; the first shows first. */\n  kinds: readonly Choice[];\n}\n\nconst choices = (list: readonly Choice[]) => list.map((c) => (typeof c === \"string\" ? { value: c, label: c } : c));\nconst DAYS = [10, 30, 90] as const;\nconst refused = (e?: ContentKitError) => e?.code === \"forbidden\" || e?.code === \"unauthorized\";\n\n// Validated categorical slots (light / dark steps), stacked bottom to top.\nconst AUDIENCES = [\n  { key: \"anon\", fill: \"bg-[#2a78d6] dark:bg-[#3987e5]\" },\n  { key: \"free\", fill: \"bg-[#eb6834] dark:bg-[#d95926]\" },\n  { key: \"premium\", fill: \"bg-[#1baf7a] dark:bg-[#199e70]\" },\n] as const;\n\n/**\n * Staff statistics from measured attention: distinct people per UTC day who\n * read or played at least one item, by audience (anonymous, free, premium).\n * People are distinct within a day only, so days are never summed into a\n * period-unique total.\n */\nexport function StatsDashboard({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: StatsDashboardProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"stats-dashboard\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Dashboard {...p} client={client} />\n    </AdminRoot>\n  );\n}\n\ntype Inner = Omit<StatsDashboardProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\"> & { client: ContentKitClient };\n\nfunction Dashboard({ kinds, client }: Inner) {\n  const { t } = useMessages();\n  const options = choices(kinds);\n  const [kind, setKind] = useState(options[0]?.value ?? \"\");\n  const [days, setDays] = useState<number>(DAYS[0]);\n  const activity = useActivity(kind ? { kind, days } : null, { client });\n  if (refused(activity.error)) return <NoAccess>{t(\"stats.noAccess\")}</NoAccess>;\n  // Newest first from the server; the chart reads oldest to newest.\n  const rows = [...(activity.data?.days ?? [])].reverse();\n  return (\n    <>\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h2 className=\"text-base font-semibold\">{t(\"stats.title\")}</h2>\n        {options.length > 1 && <Pick label={t(\"stats.kind\")} value={kind} onChange={setKind} options={options} />}\n      </div>\n\n      <section className=\"grid gap-3\" data-ckui=\"stats-activity\">\n        <div className=\"flex flex-wrap items-center justify-between gap-2\">\n          <div className=\"grid gap-0.5\">\n            <h3 className=\"font-medium\">{t(\"stats.activity\")}</h3>\n            <p className=\"text-xs text-muted-foreground\">{t(\"stats.visitorsNote\")}</p>\n          </div>\n          <Pick\n            label={t(\"stats.days\")}\n            value={String(days)}\n            onChange={(v) => setDays(Number(v))}\n            options={DAYS.map((d) => ({ value: String(d), label: t(\"stats.lastDays\", { count: d }) }))}\n          />\n        </div>\n        {activity.unavailable ? (\n          <p className=\"text-muted-foreground\" role=\"status\">\n            {t(\"stats.unavailable\")}\n          </p>\n        ) : activity.error ? (\n          <LoadFailed error={activity.error} message={t(\"stats.loadFailed\")} retry={activity.reload} />\n        ) : activity.loading && !activity.data ? (\n          <Rows count={3} />\n        ) : (\n          <div className=\"grid gap-4\" aria-busy={activity.loading}>\n            <Today day={rows.at(-1)} />\n            <Chart rows={rows} />\n            <DayTable rows={rows} />\n          </div>\n        )}\n      </section>\n    </>\n  );\n}\n\nfunction Today({ day }: { day?: ActivityDay }) {\n  const { t } = useMessages();\n  const tiles = [\n    { label: t(\"stats.visitors\"), value: day?.readers ?? 0, fill: undefined },\n    ...AUDIENCES.map((a) => ({ label: t(`stats.${a.key}`), value: day?.[a.key] ?? 0, fill: a.fill })),\n  ];\n  return (\n    <div className=\"grid gap-2\" data-ckui=\"stats-today\">\n      <p className=\"text-xs font-medium text-muted-foreground\">\n        {t(\"stats.today\")}\n        {day && day.active_ms > 0 && (\n          <span className=\"font-normal\">\n            {\" · \"}\n            {t(\"stats.activeTime\")} {formatDuration(Math.floor(day.active_ms / 1000))}\n          </span>\n        )}\n      </p>\n      <dl className=\"grid grid-cols-2 gap-2 sm:grid-cols-4\">\n        {tiles.map((tile) => (\n          <div key={tile.label} className=\"grid gap-0.5 rounded-lg border border-border p-3\">\n            <dt className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n              {tile.fill && <span aria-hidden className={cn(\"size-2.5 rounded-sm\", tile.fill)} />}\n              {tile.label}\n            </dt>\n            <dd className=\"text-xl font-semibold tabular-nums\">{tile.value}</dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n\nfunction Chart({ rows }: { rows: ActivityDay[] }) {\n  const m = useMessages();\n  const { t } = m;\n  const [active, setActive] = useState<number | null>(null);\n  const most = Math.max(0, ...rows.map((d) => d.readers));\n  const scale = most || 1;\n  const every = Math.ceil(rows.length / 10);\n  const short = new Intl.DateTimeFormat(m.language, { month: \"short\", day: \"numeric\", timeZone: \"UTC\" });\n  const long = new Intl.DateTimeFormat(m.language, { dateStyle: \"medium\", timeZone: \"UTC\" });\n  const at = (date: string) => new Date(`${date}T00:00:00Z`);\n  const shown = active === null ? undefined : rows[active];\n  return (\n    <figure className=\"grid gap-2\" data-ckui=\"stats-chart\">\n      <figcaption className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n        {AUDIENCES.map((a) => (\n          <span key={a.key} className=\"flex items-center gap-1.5\">\n            <span aria-hidden className={cn(\"size-2.5 rounded-sm\", a.fill)} />\n            {t(`stats.${a.key}`)}\n          </span>\n        ))}\n        <span className=\"ms-auto tabular-nums\">{t(\"stats.peak\", { count: most })}</span>\n      </figcaption>\n      <div className=\"relative\">\n        <div className=\"pointer-events-none absolute inset-x-0 top-0 border-t border-dashed border-border\" aria-hidden />\n        <div className=\"pointer-events-none absolute inset-x-0 top-1/2 border-t border-dashed border-border/60\" aria-hidden />\n        <ol className=\"relative flex h-48 items-end gap-1 border-b border-border\" onMouseLeave={() => setActive(null)}>\n          {rows.map((d, i) => (\n            <li\n              key={d.date}\n              tabIndex={0}\n              data-ckui=\"stats-day\"\n              aria-label={`${long.format(at(d.date))}: ${t(\"stats.visitors\")} ${d.readers}, ${t(\"stats.anon\")} ${d.anon}, ${t(\"stats.free\")} ${d.free}, ${t(\"stats.premium\")} ${d.premium}`}\n              className=\"flex h-full min-w-0 flex-1 cursor-default flex-col justify-end rounded-sm outline-none hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:ring-1 focus-visible:ring-ring\"\n              onMouseEnter={() => setActive(i)}\n              onFocus={() => setActive(i)}\n              onBlur={() => setActive(null)}\n            >\n              {/* 2px surface gaps between segments; the top segment carries the 4px rounded end. */}\n              <span className=\"mx-auto flex w-full max-w-10 flex-col-reverse gap-[2px]\" style={{ height: `${(d.readers / scale) * 100}%` }}>\n                {AUDIENCES.map((a, j) => {\n                  const value = d[a.key];\n                  if (!value) return null;\n                  const top = AUDIENCES.slice(j + 1).every((b) => !d[b.key]);\n                  return <span key={a.key} className={cn(\"min-h-[2px] w-full\", a.fill, top && \"rounded-t-[4px]\")} style={{ flexGrow: value, flexBasis: 0 }} />;\n                })}\n              </span>\n            </li>\n          ))}\n        </ol>\n        {shown && active !== null && (\n          <div\n            role=\"tooltip\"\n            className=\"pointer-events-none absolute -top-2 z-10 grid min-w-36 -translate-y-full gap-1 rounded-md border border-border bg-popover p-2 text-xs text-popover-foreground shadow-md\"\n            style={{ left: `clamp(0%, ${((active + 0.5) / rows.length) * 100}% - 4.5rem, calc(100% - 9rem))` }}\n          >\n            <p className=\"font-medium\">{long.format(at(shown.date))}</p>\n            <p className=\"flex justify-between gap-3 tabular-nums\">\n              <span>{t(\"stats.visitors\")}</span>\n              <span className=\"font-semibold\">{shown.readers}</span>\n            </p>\n            {[...AUDIENCES].reverse().map((a) => (\n              <p key={a.key} className=\"flex items-center justify-between gap-3 tabular-nums text-muted-foreground\">\n                <span className=\"flex items-center gap-1.5\">\n                  <span aria-hidden className={cn(\"size-2 rounded-sm\", a.fill)} />\n                  {t(`stats.${a.key}`)}\n                </span>\n                <span className=\"text-popover-foreground\">{shown[a.key]}</span>\n              </p>\n            ))}\n          </div>\n        )}\n      </div>\n      <ol aria-hidden className=\"flex gap-1 text-[11px] text-muted-foreground tabular-nums\">\n        {rows.map((d, i) => (\n          <li key={d.date} className=\"min-w-0 flex-1 overflow-visible text-center whitespace-nowrap\">\n            {(rows.length - 1 - i) % every === 0 ? short.format(at(d.date)) : \"\"}\n          </li>\n        ))}\n      </ol>\n      {most === 0 && <p className=\"text-muted-foreground\">{t(\"stats.noActivity\")}</p>}\n    </figure>\n  );\n}\n\nfunction DayTable({ rows }: { rows: ActivityDay[] }) {\n  const { t } = useMessages();\n  return (\n    <details className=\"text-sm\">\n      <summary className=\"cursor-pointer text-xs text-muted-foreground\">{t(\"stats.showTable\")}</summary>\n      <table className=\"mt-2 w-full text-left tabular-nums\">\n        <thead className=\"text-xs text-muted-foreground\">\n          <tr>\n            <th className=\"py-1 font-medium\">{t(\"stats.date\")}</th>\n            <th className=\"py-1 text-end font-medium\">{t(\"stats.visitors\")}</th>\n            <th className=\"py-1 text-end font-medium\">{t(\"stats.anon\")}</th>\n            <th className=\"py-1 text-end font-medium\">{t(\"stats.free\")}</th>\n            <th className=\"py-1 text-end font-medium\">{t(\"stats.premium\")}</th>\n            <th className=\"py-1 text-end font-medium\">{t(\"stats.activeTime\")}</th>\n          </tr>\n        </thead>\n        <tbody>\n          {[...rows].reverse().map((d) => (\n            <tr key={d.date} className=\"border-t border-border\">\n              <td className=\"py-1.5 pe-3 whitespace-nowrap\">{d.date}</td>\n              <td className=\"py-1.5 text-end\">{d.readers}</td>\n              <td className=\"py-1.5 text-end\">{d.anon}</td>\n              <td className=\"py-1.5 text-end\">{d.free}</td>\n              <td className=\"py-1.5 text-end\">{d.premium}</td>\n              <td className=\"py-1.5 text-end\">{formatDuration(Math.floor(d.active_ms / 1000))}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </details>\n  );\n}\n\nfunction Pick({ label, value, onChange, options }: { label: string; value: string; onChange: (v: string) => void; options: { value: string; label: string }[] }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(String(v))}>\n      <SelectTrigger size=\"sm\" aria-label={label}>\n        <SelectValue>{(v: string) => options.find((o) => o.value === v)?.label ?? v}</SelectValue>\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((o) => (\n          <SelectItem key={o.value} value={o.value}>\n            {o.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":"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"}