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

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 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 = \"views\" | \"comments\";\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[] = [\"views\", \"comments\"];\nconst PERIODS: readonly Period[] = [\"7d\", \"30d\", \"90d\", \"365d\", \"all\"];\nconst refused = (e?: ContentKitError) => e?.code === \"forbidden\" || e?.code === \"unauthorized\";\n\n/**\n * Content statistics for staff (root:content:view-restricted): a kind's views\n * per day (view sessions, distinct and signed-in viewers) and its content\n * ranked by views or comments over a period. Views need the signal plane;\n * without it the dashboard says so and still ranks by comments.\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>(\"views\");\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.views));\n  const total = rows.reduce((n, d) => n + d.views, 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 && (\n          <Pick label={t(\"stats.kind\")} value={kind} onChange={setKind} options={options} />\n        )}\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 label={t(\"stats.days\")} value={String(days)} onChange={(v) => setDays(Number(v))} options={DAYS.map((d) => ({ value: String(d), label: t(\"stats.lastDays\", { count: d }) }))} />\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.views\")}</th>\n                <th className=\"py-1 text-end font-medium\">{t(\"stats.viewers\")}</th>\n                <th className=\"py-1 text-end font-medium\">{t(\"stats.users\")}</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.views / most) * 100)}%` }} />\n                      {d.views}\n                    </span>\n                  </td>\n                  <td className=\"py-1.5 text-end\">{d.viewers}</td>\n                  <td className=\"py-1.5 text-end\">{d.users}</td>\n                </tr>\n              ))}\n            </tbody>\n            <tfoot>\n              <tr className=\"border-t border-border font-medium\">\n                <td className=\"py-1.5\">{t(\"stats.total\")}</td>\n                <td className=\"py-1.5\" data-ckui=\"stats-total\">\n                  {total}\n                </td>\n                <td />\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 { 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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"}

package/dist/components/content/daily-releases.js

@@ -1,119 +1,117 @@
-import { RenditionImg as e } from "../rendition-img.js";
-import { ratio as t } from "../../client/aspect.js";
-import { useMessages as n } from "../../i18n/context.js";
-import { ContentKitUiRoot as r } from "../../scope.js";
-import { ContentKitContext as i } from "../../react/context.js";
-import { useContentScope as a } from "../../react/use-resource.js";
-import { usePresets as o } from "../../react/public.js";
-import { Button as s } from "../../ui/button.js";
-import { useNearViewport as c } from "../../react/viewport.js";
-import { Skeleton as l } from "../../ui/skeleton.js";
-import { contentError as u } from "../social/parts.js";
-import { useDailyReleases as d, useExposure as f } from "../../react/discovery.js";
-import { ContentCard as p } from "./card.js";
+import { useMessages as e } from "../../i18n/context.js";
+import { ContentKitUiRoot as t } from "../../scope.js";
+import { ContentKitContext as n } from "../../react/context.js";
+import { useContentScope as r } from "../../react/use-resource.js";
+import { Button as i } from "../../ui/button.js";
+import { useNearViewport as a } from "../../react/viewport.js";
+import { Skeleton as o } from "../../ui/skeleton.js";
+import { contentError as s } from "../social/parts.js";
+import { useDailyReleases as c, useExposure as l } from "../../react/discovery.js";
+import { ContentCard as u } from "./card.js";
+import { ContentFilterDialog as d } from "./filter-dialog.js";
+import { useReleaseReveal as f } from "./release-reveal.js";
+import { ContentSummaryTile as p } from "./summary-tile.js";
 import { cardGridLayout as m } from "./grid.js";
-import { ContentFilterDialog as h } from "./filter-dialog.js";
-import { useReleaseReveal as g } from "./release-reveal.js";
-import { useCallback as _, useContext as v, useId as y, useMemo as b, useRef as x, useState as S } from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { cn as T } from "cn";
-import { ArrowDown01Icon as E, LockIcon as D, Settings01Icon as O } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as k } from "@hugeicons/react";
+import { useCallback as h, useContext as g, useId as _, useMemo as v, useRef as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { cn as C } from "cn";
+import { ArrowDown01Icon as w } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as T } from "@hugeicons/react";
 //#region src/components/content/daily-releases.tsx
-var A = (e, t) => Number.isFinite(e) ? Math.max(0, Math.floor(e)) : t;
-function j({ query: e, initialVisible: t = 30, revealStep: o = 30, collapsePremium: c = !1, summaryLabels: f, ...p }) {
-	let h = n(), { client: g, viewer: _ } = a(p.client), y = v(i), x = b(() => ({
+var E = (e, t) => Number.isFinite(e) ? Math.max(0, Math.floor(e)) : t;
+function D({ query: a, initialVisible: l = 30, revealStep: u = 30, collapsePremium: d = !1, summaryLabels: f, ...p }) {
+	let h = e(), { client: _, viewer: y } = r(p.client), w = g(n), T = v(() => ({
 		days: 10,
 		time_zone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-		...e
-	}), [e]), E = d(x, { client: p.client }), D = m(p.grid), O = JSON.stringify(x), k = b(() => ({
-		client: g,
-		viewer: _,
-		language: y?.language,
-		accessRevision: y?.accessRevision,
-		requestKey: O
+		...a
+	}), [a]), D = c(T, { client: p.client }), O = m(p.grid), A = JSON.stringify(T), j = v(() => ({
+		client: _,
+		viewer: y,
+		language: w?.language,
+		accessRevision: w?.accessRevision,
+		requestKey: A
 	}), [
-		g,
 		_,
-		y?.language,
-		y?.accessRevision,
-		O
-	]), [j, M] = S({
-		identity: k,
-		data: E.data,
+		y,
+		w?.language,
+		w?.accessRevision,
+		A
+	]), [M, N] = b({
+		identity: j,
+		data: D.data,
 		revision: 0
 	});
-	(j.identity !== k || E.data && j.data !== E.data) && M({
-		identity: k,
-		data: E.data,
-		revision: j.revision + (j.identity === k ? 0 : 1)
+	(M.identity !== j || D.data && M.data !== D.data) && N({
+		identity: j,
+		data: D.data,
+		revision: M.revision + (M.identity === j ? 0 : 1)
 	});
-	let P = E.data ?? (j.identity === k ? j.data : void 0), F = !E.data && !!P, I = b(() => P?.days.filter((e) => e.contents.length || e.filtered_count > 0).sort((e, t) => t.date.localeCompare(e.date)) ?? [], [P]), L = A(t, 30);
-	return /* @__PURE__ */ w(r, {
+	let P = D.data ?? (M.identity === j ? M.data : void 0), F = !D.data && !!P, I = v(() => P?.days.filter((e) => e.contents.length || e.filtered_count > 0).sort((e, t) => t.date.localeCompare(e.date)) ?? [], [P]), L = E(l, 30);
+	return /* @__PURE__ */ S(t, {
 		appearance: p.appearance,
-		className: T("grid gap-6 text-sm", p.className),
+		className: C("grid gap-6 text-sm", p.className),
 		"data-ckui": "daily-releases",
-		"aria-busy": E.loading,
-		children: [P && E.error && /* @__PURE__ */ w("div", {
+		"aria-busy": D.loading,
+		children: [P && D.error && /* @__PURE__ */ S("div", {
 			role: "alert",
 			className: "grid justify-items-start gap-2",
-			children: [/* @__PURE__ */ C("p", {
+			children: [/* @__PURE__ */ x("p", {
 				className: "text-destructive",
-				children: u(h, E.error)
-			}), /* @__PURE__ */ C(s, {
+				children: s(h, D.error)
+			}), /* @__PURE__ */ x(i, {
 				type: "button",
 				variant: "outline",
-				onClick: E.reload,
+				onClick: D.reload,
 				children: h.t("common.retry")
 			})]
-		}), E.loading && !P ? /* @__PURE__ */ C("div", {
-			className: D.className,
-			style: D.style,
-			children: Array.from({ length: 6 }, (e, t) => /* @__PURE__ */ C(l, {
+		}), D.loading && !P ? /* @__PURE__ */ x("div", {
+			className: O.className,
+			style: O.style,
+			children: Array.from({ length: 6 }, (e, t) => /* @__PURE__ */ x(o, {
 				className: p.aspectRatio === void 0 ? p.shape === "landscape" ? "aspect-video" : "aspect-[3/4]" : void 0,
 				style: p.aspectRatio === void 0 ? void 0 : { aspectRatio: p.aspectRatio }
 			}, t))
-		}) : E.error && !P ? /* @__PURE__ */ w("div", {
+		}) : D.error && !P ? /* @__PURE__ */ S("div", {
 			role: "alert",
 			className: "grid justify-items-start gap-2",
-			children: [/* @__PURE__ */ C("p", {
+			children: [/* @__PURE__ */ x("p", {
 				className: "text-destructive",
-				children: u(h, E.error)
-			}), /* @__PURE__ */ C(s, {
+				children: s(h, D.error)
+			}), /* @__PURE__ */ x(i, {
 				size: "sm",
 				variant: "outline",
-				onClick: E.reload,
+				onClick: D.reload,
 				children: h.t("common.retry")
 			})]
 		}) : I.length ? I.map((e) => {
 			let t = Math.min(L, e.contents.length);
-			return L -= t, /* @__PURE__ */ C(N, {
+			return L -= t, /* @__PURE__ */ x(k, {
 				day: e,
 				pending: F,
-				collapsePremium: c,
+				collapsePremium: d,
 				summaryLabels: f,
-				language: x.display_language ?? x.language,
-				kinds: x.kind ? [x.kind] : void 0,
+				language: T.display_language ?? T.language,
+				kinds: T.kind ? [T.kind] : void 0,
 				initial: t,
-				step: Math.max(1, A(o, 30)),
+				step: Math.max(1, E(u, 30)),
 				cardProps: p
 			}, JSON.stringify([
-				O,
+				A,
 				P?.from_date,
 				e.date
 			]));
-		}) : /* @__PURE__ */ C("p", {
+		}) : /* @__PURE__ */ x("p", {
 			role: "status",
 			className: "text-muted-foreground",
 			children: p.empty ?? h.t("contents.empty")
 		})]
-	}, j.revision);
+	}, M.revision);
 }
-var M = (e) => !e.access.allowed && e.access.level === "tier";
-function N({ day: e, initial: t, step: r, pending: i, cardProps: a, collapsePremium: o, summaryLabels: c, language: u, kinds: d }) {
-	let p = n(), _ = y(), [v, D] = S(t > 0 || !e.contents.length && e.filtered_count > 0), [O, A] = S(t), [j, N] = S(!1), [I, L] = S(!1), R = x(null), z = x(null), B = b(() => e.contents.slice(0, O), [e.contents, O]), V = b(() => e.contents.filter(M).length, [e.contents]), H = d?.[0], U = b(() => {
+var O = (e) => !e.access.allowed && e.access.level === "tier";
+function k({ day: t, initial: n, step: r, pending: a, cardProps: s, collapsePremium: c, summaryLabels: u, language: h, kinds: g }) {
+	let E = e(), D = _(), [k, j] = b(n > 0 || !t.contents.length && t.filtered_count > 0), [M, N] = b(n), [P, F] = b(!1), [I, L] = b(!1), R = y(null), z = y(null), B = v(() => t.contents.slice(0, M), [t.contents, M]), V = v(() => t.contents.filter(O).length, [t.contents]), H = g?.[0], U = v(() => {
 		let e = !1;
-		return B.flatMap((t, n) => !o || j || !M(t) ? [{
+		return B.flatMap((t, n) => !c || P || !O(t) ? [{
 			key: t.id,
 			card: t,
 			summary: !1,
@@ -126,187 +124,141 @@ function N({ day: e, initial: t, step: r, pending: i, cardProps: a, collapsePrem
 		}]));
 	}, [
 		B,
-		o,
-		j
-	]), W = b(() => v && !i ? U.filter((e) => !e.summary).map((e) => e.card) : [], [
-		v,
-		i,
+		c,
+		P
+	]), W = v(() => k && !a ? U.filter((e) => !e.summary).map((e) => ({
+		...e.card,
+		position: e.position
+	})) : [], [
+		k,
+		a,
 		U
-	]), G = f(W, {
-		surface: a.surface ?? "releases",
-		render: e.date,
-		client: a.client
-	}), K = m(a.grid), q = g(`${O}|${U.map((e) => e.key).join("\0")}`), J = new Intl.DateTimeFormat(p.language, {
+	]), G = l(W, {
+		surface: s.surface ?? "releases",
+		render: t.date,
+		client: s.client
+	}), K = m(s.grid), q = f(`${M}|${U.map((e) => e.key).join("\0")}`), J = new Intl.DateTimeFormat(E.language, {
 		dateStyle: "full",
 		timeZone: "UTC"
-	}).format(/* @__PURE__ */ new Date(`${e.date}T12:00:00Z`)), Y = () => {
-		!v && !O && A(Math.min(r, e.contents.length)), D(!v);
+	}).format(/* @__PURE__ */ new Date(`${t.date}T12:00:00Z`)), Y = () => {
+		!k && !M && N(Math.min(r, t.contents.length)), j(!k);
 	}, X = (e) => {
-		q.prepare(e.detail === 0), N(!0);
+		q.prepare(e.detail === 0), F(!0);
 	};
-	return /* @__PURE__ */ w("section", {
+	return /* @__PURE__ */ S("section", {
 		"data-ckui": "release-day",
-		"data-date": e.date,
+		"data-date": t.date,
 		children: [
-			/* @__PURE__ */ C("h2", { children: /* @__PURE__ */ w(s, {
+			/* @__PURE__ */ x("h2", { children: /* @__PURE__ */ S(i, {
 				ref: z,
-				id: `${_}-heading`,
+				id: `${D}-heading`,
 				type: "button",
 				variant: "ghost",
 				className: "h-auto w-full justify-start gap-3 px-0 py-3 text-start text-lg font-semibold",
-				"aria-expanded": v,
-				"aria-controls": `${_}-contents`,
+				"aria-expanded": k,
+				"aria-controls": `${D}-contents`,
 				onClick: Y,
-				children: [/* @__PURE__ */ C(k, {
-					icon: E,
+				children: [/* @__PURE__ */ x(T, {
+					icon: w,
 					strokeWidth: 2,
-					className: T("size-5 shrink-0 transition-transform duration-200 motion-reduce:transition-none", !v && "-rotate-90"),
+					className: C("size-5 shrink-0 transition-transform duration-200 motion-reduce:transition-none", !k && "-rotate-90"),
 					"aria-hidden": !0
-				}), /* @__PURE__ */ C("time", {
-					dateTime: e.date,
+				}), /* @__PURE__ */ x("time", {
+					dateTime: t.date,
 					children: J
 				})]
 			}) }),
-			v && i && /* @__PURE__ */ C(l, { className: "h-24 w-full" }),
-			/* @__PURE__ */ C("div", {
-				hidden: i,
-				style: i ? { display: "none" } : void 0,
-				id: `${_}-contents`,
+			k && a && /* @__PURE__ */ x(o, { className: "h-24 w-full" }),
+			/* @__PURE__ */ x("div", {
+				hidden: a,
+				style: a ? { display: "none" } : void 0,
+				id: `${D}-contents`,
 				role: "region",
-				"aria-labelledby": `${_}-heading`,
-				"aria-hidden": !v || i,
-				inert: !v || i,
-				className: T("grid transition-[grid-template-rows,opacity] duration-250 ease-out motion-reduce:transition-none", v ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"),
-				children: /* @__PURE__ */ w("div", {
+				"aria-labelledby": `${D}-heading`,
+				"aria-hidden": !k || a,
+				inert: !k || a,
+				className: C("grid transition-[grid-template-rows,opacity] duration-250 ease-out motion-reduce:transition-none", k ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"),
+				children: /* @__PURE__ */ S("div", {
 					className: "min-h-0 overflow-hidden",
-					children: [/* @__PURE__ */ w("ol", {
+					children: [/* @__PURE__ */ S("ol", {
 						ref: q.grid,
-						className: T(K.className, "pt-2"),
+						className: C(K.className, "pt-2"),
 						style: K.style,
-						children: [U.map((e) => e.summary ? /* @__PURE__ */ C(P, {
+						children: [U.map((e) => e.summary ? /* @__PURE__ */ x(p, {
 							tileKey: e.key,
-							contentKind: d?.[0] ?? e.card.kind,
-							open: v && !i,
+							contentKind: g?.[0] ?? e.card.kind,
+							open: k && !a,
 							preview: e.card,
-							cardProps: a,
+							cardProps: s,
 							kind: "premium",
-							label: c?.premium?.(V) ?? p.plural("releases.premiumMore", V),
+							label: u?.premium?.(V) ?? E.plural("releases.premiumMore", V),
 							onClick: X
-						}, e.key) : /* @__PURE__ */ C(F, {
+						}, e.key) : /* @__PURE__ */ x(A, {
 							card: e.card,
-							open: v && !i,
+							open: k && !a,
 							position: e.position,
 							exposure: G,
-							cardProps: a
-						}, e.key)), e.filtered_count > 0 && /* @__PURE__ */ C(P, {
+							cardProps: s
+						}, e.key)), t.filtered_count > 0 && /* @__PURE__ */ x(p, {
 							tileKey: "filtered-summary",
 							contentKind: H,
-							open: v && !i,
-							cardProps: a,
+							open: k && !a,
+							cardProps: s,
 							kind: "filtered",
-							label: c?.filtered?.(e.filtered_count) ?? p.plural("releases.filteredMore", e.filtered_count),
+							label: u?.filtered?.(t.filtered_count) ?? E.plural("releases.filteredMore", t.filtered_count),
 							onClick: (e) => {
 								R.current = e.currentTarget, L(!0);
 							}
 						})]
-					}), O < e.contents.length && /* @__PURE__ */ C("div", {
+					}), M < t.contents.length && /* @__PURE__ */ x("div", {
 						className: "flex justify-center pt-5 pb-1",
-						children: /* @__PURE__ */ C(s, {
+						children: /* @__PURE__ */ x(i, {
 							type: "button",
 							variant: "outline",
-							onClick: (t) => {
-								q.prepare(t.detail === 0), A((t) => Math.min(t + r, e.contents.length));
+							onClick: (e) => {
+								q.prepare(e.detail === 0), N((e) => Math.min(e + r, t.contents.length));
 							},
-							children: p.t("contents.showMore")
+							children: E.t("contents.showMore")
 						})
 					})]
 				})
 			}),
-			/* @__PURE__ */ C(h, {
-				returnFocus: () => !i && R.current?.isConnected ? R.current : z.current,
+			/* @__PURE__ */ x(d, {
+				returnFocus: () => !a && R.current?.isConnected ? R.current : z.current,
 				open: I,
 				onOpenChange: L,
-				client: a.client,
-				kinds: d,
-				language: u,
-				counts: e.filtered_entities ?? [],
-				description: p.t("releases.filterContext", { date: J }),
-				appearance: a.appearance
+				client: s.client,
+				kinds: g,
+				language: h,
+				counts: t.filtered_entities ?? [],
+				description: E.t("releases.filterContext", { date: J }),
+				appearance: s.appearance
 			})
 		]
 	});
 }
-function P({ tileKey: r, kind: i, contentKind: a, preview: l, open: u, label: d, onClick: f, cardProps: p }) {
-	let { t: m } = n(), [h, g] = c({
-		margin: "0px",
-		leaveMargin: "1200px 0px"
-	}), { presets: _ } = o({ client: p.client }), v = p.aspectRatio ?? t(_.find((e) => e.kind === a && e.name === "cover")?.aspect) ?? (p.shape === "landscape" ? "16 / 9" : "3 / 4");
-	return /* @__PURE__ */ w("li", {
-		ref: h,
-		"data-release-key": r,
-		children: [/* @__PURE__ */ w(s, {
-			type: "button",
-			variant: "outline",
-			"data-ckui": `${i}-release-tile`,
-			"aria-label": d,
-			"aria-expanded": i !== "premium" && void 0,
-			"aria-haspopup": i === "filtered" ? "dialog" : void 0,
-			className: "relative flex h-auto w-full flex-col justify-center overflow-hidden rounded-lg p-0 text-center whitespace-normal",
-			style: { aspectRatio: v },
-			onClick: f,
-			children: [l && u && g && /* @__PURE__ */ C(e, {
-				outputs: l.cover,
-				alt: "",
-				fit: "cover",
-				loading: "lazy",
-				className: "absolute inset-0 size-full opacity-20"
-			}), /* @__PURE__ */ w("span", {
-				className: "relative grid justify-items-center gap-3 p-4",
-				children: [
-					/* @__PURE__ */ C(k, {
-						icon: i === "premium" ? D : O,
-						strokeWidth: 2,
-						className: "size-8",
-						"aria-hidden": !0
-					}),
-					/* @__PURE__ */ C("span", {
-						className: "text-xl font-semibold",
-						children: d
-					}),
-					/* @__PURE__ */ C("span", {
-						className: "text-sm text-muted-foreground",
-						children: m(i === "premium" ? "releases.premiumHint" : "releases.manageFilters")
-					})
-				]
-			})]
-		}), l && /* @__PURE__ */ C("p", {
-			className: "mt-2 line-clamp-2 text-lg leading-snug text-muted-foreground",
-			children: l.title
-		})]
-	});
-}
-function F({ card: e, open: t, position: n, exposure: r, cardProps: i }) {
-	let [a, o] = c({
+function A({ card: e, open: t, position: n, exposure: r, cardProps: i }) {
+	let [o, s] = a({
 		margin: "0px",
 		leaveMargin: "1200px 0px"
-	}), s = b(() => r.track(e.id, n), [
+	}), c = v(() => r.track(e.id, n), [
 		r,
 		e.id,
 		n
-	]), l = _((e) => {
-		a(e), s(e);
-	}, [a, s]);
-	return /* @__PURE__ */ C("li", {
+	]), l = h((e) => {
+		o(e), c(e);
+	}, [o, c]);
+	return /* @__PURE__ */ x("li", {
 		ref: l,
 		"data-release-key": e.id,
-		children: /* @__PURE__ */ C(p, {
+		children: /* @__PURE__ */ x(u, {
 			card: e,
 			client: i.client,
 			href: i.href,
 			shape: i.shape,
 			aspectRatio: i.aspectRatio,
 			titlePosition: i.titlePosition,
-			loadMedia: t && o,
+			loadMedia: t && s,
 			groupKinds: i.groupKinds,
 			chips: i.chips,
 			filterEntity: i.filterEntity,
@@ -324,6 +276,6 @@ function F({ card: e, open: t, position: n, exposure: r, cardProps: i }) {
 	});
 }
 //#endregion
-export { j as DailyReleases };
+export { D as DailyReleases };
 
 //# sourceMappingURL=daily-releases.js.map