Commit
eyebrow section labels and serif question in debate console
commit
7f2c17f
1 changed file with +6 and −4
modified src/components/debate/debate-console.tsx +6 −4
| @@ -38,7 +38,9 @@export function DebateConsole({ view, showActions = true }: { view: DebateView; | ||
| 38 | 38 | {view.config?.convergenceThreshold ?? '-'} |
| 39 | 39 | </span> |
| 40 | 40 | </div> |
| 41 | - <h1 className="text-balance text-xl font-semibold leading-snug">{view.question}</h1> | |
| 41 | + <h1 className="text-balance font-display text-2xl font-medium leading-snug tracking-tight"> | |
| 42 | + {view.question} | |
| 43 | + </h1> | |
| 42 | 44 | </div> |
| 43 | 45 | <div className="flex items-center gap-2"> |
| 44 | 46 | <CostMeter view={view} /> |
| @@ -103,7 +105,7 @@export function DebateConsole({ view, showActions = true }: { view: DebateView; | ||
| 103 | 105 | |
| 104 | 106 | {/* Council panels */} |
| 105 | 107 | <section id="section-council" className="space-y-3"> |
| 106 | - <h2 className="text-sm font-semibold text-muted-foreground">Council answers</h2> | |
| 108 | + <h2 className="font-mono text-xs uppercase tracking-[0.22em] text-muted-foreground">Council answers</h2> | |
| 107 | 109 | <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3"> |
| 108 | 110 | {view.participants.map((p, i) => ( |
| 109 | 111 | <ModelPanel |
| @@ -133,7 +135,7 @@export function DebateConsole({ view, showActions = true }: { view: DebateView; | ||
| 133 | 135 | {/* Pressure response */} |
| 134 | 136 | {view.rounds.some((r) => r.revisions.length > 0) && ( |
| 135 | 137 | <section id="section-spine" className="space-y-3"> |
| 136 | - <h2 className="text-sm font-semibold text-muted-foreground">Under pressure</h2> | |
| 138 | + <h2 className="font-mono text-xs uppercase tracking-[0.22em] text-muted-foreground">Under pressure</h2> | |
| 137 | 139 | <div className="rounded-xl border bg-card p-4"> |
| 138 | 140 | <SpinePanel participants={view.participants} rounds={view.rounds} /> |
| 139 | 141 | </div> |
| @@ -144,7 +146,7 @@export function DebateConsole({ view, showActions = true }: { view: DebateView; | ||
| 144 | 146 | {/* Cost breakdown */} |
| 145 | 147 | {finished && ( |
| 146 | 148 | <section id="section-cost" className="space-y-3"> |
| 147 | - <h2 className="text-sm font-semibold text-muted-foreground">Cost breakdown</h2> | |
| 149 | + <h2 className="font-mono text-xs uppercase tracking-[0.22em] text-muted-foreground">Cost breakdown</h2> | |
| 148 | 150 | <div className="rounded-xl border bg-card p-4"> |
| 149 | 151 | <CostBreakdown view={view} /> |
| 150 | 152 | </div> |