Skip to content

add a buncha metrics #341

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
aaravjhamb merged 1 commit into from
Jun 15, 2026
Merged

add a buncha metrics #341

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 41 additions & 0 deletions app/controllers/admin/metrics_controller.rb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,36 @@ def index
hours_range_total = daily_hours.sum { |d| d[:hours] }
avg_hours_per_day = daily_hours.size.positive? ? (hours_range_total / daily_hours.size).round(1) : 0

builders_in_range = Devlog
.joins(:project)
.where(projects: { shadow_banned: false })
.where(devlogs: { created_at: start_date.beginning_of_day..today.end_of_day })
.distinct.count(:user_id)
avg_hours_per_person = builders_in_range.positive? ? (hours_range_total / builders_in_range).round(1) : 0

approved_hours_range = Devlog
.joins(:project)
.where(projects: { shadow_banned: false })
.approved
.where(devlogs: { reviewed_at: start_date.beginning_of_day..today.end_of_day })
.sum(Arel.sql("COALESCE(devlogs.approved_hours, devlogs.time_hours)")).to_f.round(1)

hours_goal_target = 20_000
total_hours_logged = Devlog
.joins(:project)
.where(projects: { shadow_banned: false })
.sum(:time_hours).to_f.round(1)
hours_goal_remaining = (hours_goal_target - total_hours_logged).round(1)
hours_goal_percent = hours_goal_target.positive? ? ((total_hours_logged / hours_goal_target) * 100).round(1) : 0

baseline_hours = (total_hours_logged - hours_range_total).round(1)
running_hours = baseline_hours
goal_progression = daily_hours.map do |d|
running_hours = (running_hours + d[:hours]).round(1)
{ date: d[:date], label: d[:label], cumulative: running_hours }
end
days_to_goal = hours_goal_remaining > 0 && avg_hours_per_day.positive? ? (hours_goal_remaining / avg_hours_per_day).ceil : 0

streaks = UserActivityDay.joins(:user).where(active_on: (today - 1)..today).distinct.pluck(:user_id).map do |uid|
User.find(uid).current_streak
end
Expand Down Expand Up @@ -154,10 +184,21 @@ def index
hours_today: hours_today,
hours_range_total: hours_range_total.round(1),
avg_hours_per_day: avg_hours_per_day,
avg_hours_per_person: avg_hours_per_person,
approved_hours_range: approved_hours_range,
pending_queue_hours: pending_queue_hours
},
daily: daily,
daily_hours: daily_hours,
hours_goal: {
target: hours_goal_target,
total_logged: total_hours_logged,
remaining: hours_goal_remaining,
percent: hours_goal_percent,
avg_per_day: avg_hours_per_day,
days_to_goal: days_to_goal,
progression: goal_progression
},
streak_buckets: streak_buckets,
referrals: {
total: referrals_total,
Expand Down
129 changes: 128 additions & 1 deletion app/javascript/pages/Admin/Metrics/Index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,22 @@ interface DailyHoursPoint {
hours: number
}

interface GoalPoint {
date: string
label: string
cumulative: number
}

interface HoursGoal {
target: number
total_logged: number
remaining: number
percent: number
avg_per_day: number
days_to_goal: number
progression: GoalPoint[]
}

interface Summary {
total_users: number
active_in_range: number
Expand All @@ -24,6 +40,8 @@ interface Summary {
hours_today: number
hours_range_total: number
avg_hours_per_day: number
avg_hours_per_person: number
approved_hours_range: number
pending_queue_hours: number
}

Expand Down Expand Up @@ -179,6 +197,7 @@ export default function AdminMetricsIndex({
summary,
daily,
daily_hours,
hours_goal,
streak_buckets,
referrals,
payouts,
Expand All @@ -195,6 +214,7 @@ export default function AdminMetricsIndex({
summary: Summary
daily: DailyPoint[]
daily_hours: DailyHoursPoint[]
hours_goal: HoursGoal
streak_buckets: Record<string, number>
referrals: Referrals
payouts: Payouts
Expand All @@ -211,6 +231,7 @@ export default function AdminMetricsIndex({
const maxHours = Math.max(1, ...daily_hours.map((d) => d.hours))
const ranges = [7, 30, 60, 90, 180]
const bucketMax = Math.max(1, ...Object.values(streak_buckets))
const rateMax = Math.max(1, ...tier_breakdown.map((t) => Math.max(t.base_rate, t.effective_rate)))

return (
<div className="max-w-7xl mx-auto space-y-6">
Expand Down Expand Up @@ -244,7 +265,7 @@ export default function AdminMetricsIndex({
<Stat label="Total users" value={summary.total_users} hint="all signups" />
</div>

<div className="grid grid-cols-2 md:grid-cols-4 gap-3">
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3">
<Stat label="Hours logged today" value={`${summary.hours_today}h`} hint="builder devlog time today" accent />
<Stat
label="Hours in pending queue"
Expand All @@ -256,7 +277,17 @@ export default function AdminMetricsIndex({
value={`${summary.hours_range_total}h`}
hint="total devlog time in range"
/>
<Stat
label={`Hours approved in ${range_days}d`}
value={`${summary.approved_hours_range}h`}
hint="reviewer-approved devlog time"
/>
<Stat label="Avg/day" value={`${summary.avg_hours_per_day}h`} hint={`mean across ${range_days} days`} />
<Stat
label="Avg/person"
value={`${summary.avg_hours_per_person}h`}
hint={`per builder active in ${range_days}d`}
/>
</div>

<Card>
Expand Down Expand Up @@ -291,6 +322,66 @@ export default function AdminMetricsIndex({
</CardContent>
</Card>

<Card>
<CardHeader>
<CardTitle>Hours goal — {hours_goal.target.toLocaleString()}h logged</CardTitle>
</CardHeader>
<CardContent>
<div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-5">
<Stat
label="Logged so far"
value={`${hours_goal.total_logged.toLocaleString()}h`}
hint={`${hours_goal.percent}% of goal`}
accent
/>
<Stat label="Remaining" value={`${hours_goal.remaining.toLocaleString()}h`} hint="to reach goal" />
<Stat label="Current pace" value={`${hours_goal.avg_per_day}h`} hint={`avg/day over ${range_days}d`} />
<Stat
label="Est. to goal"
value={hours_goal.days_to_goal > 0 ? `${hours_goal.days_to_goal}d` : '—'}
hint={hours_goal.days_to_goal > 0 ? 'at current pace' : 'goal reached or no pace'}
/>
</div>

<div className="mb-1 flex justify-between text-[11px] text-muted-foreground font-mono">
<span>{hours_goal.percent}%</span>
<span>{hours_goal.target.toLocaleString()}h</span>
</div>
<div className="bg-muted h-3 overflow-hidden rounded mb-6">
<div className="h-full bg-emerald-500 rounded" style={{ width: `${Math.min(100, hours_goal.percent)}%` }} />
</div>

<p className="text-xs text-muted-foreground mb-3">
Cumulative hours logged over the last {range_days} days, scaled to the {hours_goal.target.toLocaleString()}h
goal.
</p>
<div className="flex items-end gap-1 h-48">
{hours_goal.progression.map((d) => {
const pct = Math.min(100, (d.cumulative / hours_goal.target) * 100)
return (
<div
key={d.date}
className="flex-1 h-full flex flex-col justify-end items-center group relative min-w-0"
title={`${d.label}: ${d.cumulative.toLocaleString()}h (${((d.cumulative / hours_goal.target) * 100).toFixed(1)}%)`}
>
<span className="invisible group-hover:visible absolute -top-6 text-[10px] font-mono bg-background border border-border rounded px-1 z-10 whitespace-nowrap">
{d.cumulative.toLocaleString()}h
</span>
<div
className="w-full rounded-t-sm bg-emerald-500/60 group-hover:bg-emerald-500 transition-colors min-h-[1px]"
style={{ height: `${pct}%` }}
/>
</div>
)
})}
</div>
<div className="flex justify-between text-[10px] text-muted-foreground mt-2 font-mono">
<span>{hours_goal.progression[0]?.label}</span>
<span>{hours_goal.progression[hours_goal.progression.length - 1]?.label}</span>
</div>
</CardContent>
</Card>

<Card>
<CardHeader>
<CardTitle>Daily Active Users — last {range_days} days</CardTitle>
Expand Down Expand Up @@ -489,6 +580,42 @@ export default function AdminMetricsIndex({
</CardContent>
</Card>

<Card>
<CardHeader>
<CardTitle>Coin rate by tier</CardTitle>
</CardHeader>
<CardContent>
<p className="text-xs text-muted-foreground mb-3">
Effective coins per hour earned (bar) against the base rate (marker) for each tier.
</p>
<div className="space-y-2">
{tier_breakdown.map((t) => {
const pct = (t.effective_rate / rateMax) * 100
const basePct = (t.base_rate / rateMax) * 100
return (
<div key={t.tier} className="flex items-center gap-3">
<span className="text-xs font-mono w-28 shrink-0 truncate" title={t.tier}>
{t.tier}
</span>
<div className="flex-1 bg-muted h-4 overflow-hidden rounded relative">
<div className="h-full bg-amber-500/70 rounded" style={{ width: `${pct}%` }} />
<div
className="absolute top-0 h-full w-0.5 bg-foreground/50"
style={{ left: `${basePct}%` }}
title={`base ${t.base_rate}`}
/>
</div>
<span className="text-xs font-medium w-12 text-right tabular-nums">{t.effective_rate}</span>
<span className="text-[10px] text-muted-foreground w-16 text-right tabular-nums">
base {t.base_rate}
</span>
</div>
)
})}
</div>
</CardContent>
</Card>

<Card>
<CardHeader>
<CardTitle>Location distribution</CardTitle>
Expand Down
Loading