);
}
/** Kompaktni analytics summary za sidebar — sve ključne metrike + chart. */
function AnalyticsSummaryCard({ summary }: { summary: EntityAnalyticsSummary }) {
const last14Views = summary.viewTimeline?.slice(-14) ?? [];
const maxViews = Math.max(1, ...last14Views.map((d) => d.count));
const last14ViewsTotal = last14Views.reduce((sum, d) => sum + d.count, 0);
// All-time totals iz summary-ja (NE samo 14d) — daju pravu sliku
// popularnosti članka kroz ceo život na sajtu.
const totalAllTimeViews = summary.totals?.VIEW ?? 0;
const totalUniqueReaders = summary.totalUniqueVisitors ?? 0;
const last30DaysTotal = summary.last30DaysTotal ?? 0;
const last30DaysUniques = summary.last30DaysUniqueVisitors ?? 0;
// actionRows je top-level CTA breakdown — uzimamo top 4 po total
const topActions = (summary.actionRows ?? []).slice(0, 4);
const totalActions = topActions.reduce((sum, a) => sum + a.total, 0);
const ctr =
totalAllTimeViews > 0 ? Math.round((totalActions / totalAllTimeViews) * 100) : 0;
// Reading time metrika iz ReadingSession agregata.
const reading = summary.reading ?? {
totalSec: 0,
totalSessions: 0,
averageSec: 0,
averageScrollDepthPct: 0,
last30DaysTotalSec: 0,
last30DaysSessions: 0,
};
// Formatiraj sekunde → human-readable: 12h 34m, 3m 24s, 45s
const formatDuration = (sec: number) => {
if (sec < 60) return `${sec}s`;
if (sec < 3600) {
const m = Math.floor(sec / 60);
const s = sec % 60;
return s > 0 ? `${m}m ${s}s` : `${m}m`;
}
const h = Math.floor(sec / 3600);
const m = Math.floor((sec % 3600) / 60);
return m > 0 ? `${h}h ${m}m` : `${h}h`;
};
return (
{/* Glavne metrike — pregled svih vremena + 30 dana */}
{/* ── Reading time metrics ──────────────────────────────────────
Vidljivo samo ako ima makar 1 sesija (ReadingTracker je počeo
da skuplja podatke). Inače blok se preskače. */}
{reading.totalSessions > 0 ? (