Dashboard layout overhaul + fix Tremor chart colors and tooltips
All checks were successful
Build and Push Docker Image / build (push) Successful in 8m55s

- Restructure dashboard: score distribution + recently reviewed stacked in left column,
  full-width map at bottom, activity feed in middle row
- Show all jurors in scrollable workload list (not just top 5)
- Filter recently reviewed to exclude rejected/not-reviewed projects
- Filter transition audit logs from activity feed
- Remove completion progress bar from stat tile for equal card heights
- Fix all Tremor charts: switch hex colors to named palette (cyan/teal/emerald/amber/rose)
  to fix black bar rendering
- Fix transparent chart tooltips with global CSS overrides
- Remove tilted text labels from cross-round comparison charts

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-20 23:09:06 +01:00
parent 213efdba87
commit 9f7b76b3cb
12 changed files with 223 additions and 186 deletions

View File

@@ -2,7 +2,6 @@
import { AreaChart } from '@tremor/react'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { BRAND_DARK_BLUE, BRAND_TEAL } from './chart-theme'
interface TimelineDataPoint {
date: string
@@ -44,7 +43,7 @@ export function EvaluationTimelineChart({ data }: EvaluationTimelineProps) {
data={chartData}
index="date"
categories={['Cumulative', 'Daily']}
colors={[BRAND_DARK_BLUE, BRAND_TEAL] as string[]}
colors={['cyan', 'teal']}
curveType="monotone"
showGradient={true}
yAxisWidth={50}