feat(stats): add episodes completed and anime completed to tracking snapshot

- Query watched videos count and anime with all episodes watched
- Display in overview tracking snapshot
- Remove efficiency section from trends
This commit is contained in:
2026-03-14 22:31:17 -07:00
parent 249a7cada8
commit ff2d9141bc
6 changed files with 39 additions and 6 deletions

View File

@@ -40,7 +40,7 @@ export function OverviewTab() {
No tracked card-add events in the current immersion DB yet. New cards mined after this fix will show here.
</div>
)}
<div className="grid grid-cols-2 sm:grid-cols-5 gap-3 text-sm">
<div className="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-7 gap-3 text-sm">
<div className="rounded-lg bg-ctp-surface1/60 p-3">
<div className="text-xs uppercase tracking-wide text-ctp-overlay2">Total Sessions</div>
<div className="mt-1 text-xl font-semibold text-ctp-lavender">
@@ -71,6 +71,18 @@ export function OverviewTab() {
{formatNumber(summary.totalTrackedCards)}
</div>
</div>
<div className="rounded-lg bg-ctp-surface1/60 p-3">
<div className="text-xs uppercase tracking-wide text-ctp-overlay2">Episodes Completed</div>
<div className="mt-1 text-xl font-semibold text-ctp-blue">
{formatNumber(summary.totalEpisodesWatched)}
</div>
</div>
<div className="rounded-lg bg-ctp-surface1/60 p-3">
<div className="text-xs uppercase tracking-wide text-ctp-overlay2">Anime Completed</div>
<div className="mt-1 text-xl font-semibold text-ctp-sapphire">
{formatNumber(summary.totalAnimeCompleted)}
</div>
</div>
</div>
</div>

View File

@@ -141,9 +141,6 @@ export function TrendsTab() {
type="line"
/>
<SectionHeader>Efficiency</SectionHeader>
<TrendChart title="Cards per Hour" data={dashboard.cardsPerHour} color="#f5a97f" type="line" />
<SectionHeader>Anime</SectionHeader>
<StackedTrendChart title="Anime Progress (episodes)" data={animeProgress} />
<StackedTrendChart title="Watch Time per Anime (min)" data={watchTimePerAnime} />