diff --git a/frontend/src/App.css b/frontend/src/App.css index 9de3aa1..147cbdc 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -5142,11 +5142,23 @@ a.app-footer__about:hover, font-size: 1.5rem; } -.admin-page__count { +.admin-page__stats { + display: flex; + align-items: baseline; + gap: 0.5rem; +} + +.admin-page__stat { color: var(--color-text-muted); font-size: 0.9rem; } +.admin-page__stat-sep { + color: var(--color-text-muted); + font-size: 0.9rem; + opacity: 0.5; +} + .admin-page__description { color: var(--color-text-muted); font-size: 0.85rem; diff --git a/frontend/src/pages/AdminTechniquePages.tsx b/frontend/src/pages/AdminTechniquePages.tsx index ae1e49d..d014312 100644 --- a/frontend/src/pages/AdminTechniquePages.tsx +++ b/frontend/src/pages/AdminTechniquePages.tsx @@ -97,11 +97,18 @@ export default function AdminTechniquePages() { [expandedSlug], ); + // Derived stats + const uniqueCreators = new Set(items.map((i) => i.creator_slug)).size; + return (

Technique Pages

- {total} pages +
+ {total} articles + ยท + {uniqueCreators} creators +

Browse all synthesized technique pages. Filter by creator or multi-source status.