sorokin.oleg.edu/learnharness
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

ui: labeled conclusion sections — 'Model solution' hero, 'Verdict' below

Browse Source 
Owner round 2 (2026-10-05), Slice G: 'Solved' alone over unlabeled prose
didn't read as the model solution. The hero now carries its own 'Model
solution' section label (the quiz cards' register), and the verdict
section mirrors it — label muted, text at the same 50% register as quiz
explanations.
This commit is contained in:
amosblomqvist
2026-10-05 03:42:12 +03:00
parent e2284e723a
commit f460a90be9
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/practice-cards.tsx
+11 -4
View File
@@ -81,14 +81,21 @@ export function ConcludeCard({ part }: ArtifactPartProps) {
<div className="mb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground">
{OUTCOME_LABEL[outcome] ?? "Concluded"}
</div>
{/* LABELED SECTIONS (owner round 2, 2026-10-05): 'Solved' alone over
unlabeled prose didn't read as the model solution — the hero now
carries its own label, and the verdict section mirrors it. Same
register as the quiz cards' section labels. */}
{reveal.length > 0 && (
<div className="lh-prose text-[15px]">
<MessageResponse>{reveal}</MessageResponse>
<div>
<div className="mb-0.5 text-xs font-medium uppercase tracking-wide text-muted-foreground">Model solution</div>
<div className="lh-prose text-[15px]">
<MessageResponse>{reveal}</MessageResponse>
</div>
</div>
)}
{verdict.length > 0 && (
<div className="mt-3 rounded-lg bg-muted py-2 text-sm text-muted-foreground">
<span className="font-medium text-foreground">Verdict: </span>
<div className="mt-3 rounded-lg bg-muted py-2 text-sm text-foreground/50">
<span className="font-medium text-muted-foreground">Verdict: </span>
<MessageResponse className="inline [&_p]:inline [&_p]:m-0">{verdict}</MessageResponse>
</div>
)}