Merge pull request 'fix(case-ui): drafts cards in mockup order — files → final → feedback (18h)' (#384) from worktree-drafts-card-order into main
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 42s
G12 Leak-Guard / leak-guard (push) Successful in 4s
Lint — undefined names / undefined-names (push) Successful in 10s

This commit was merged in pull request #384.
This commit is contained in:
2026-06-30 19:41:21 +00:00

View File

@@ -233,10 +233,12 @@ export function DraftsPanel({
} }
return ( return (
<div className="space-y-6"> // flex + per-card `order` so the visual order matches mockup 18h
// (drafts → final+learning → feedback) without reordering the JSX.
<div className="flex flex-col gap-6">
{/* ── Banner ── */} {/* ── Banner ── */}
{isDraftReady && ( {isDraftReady && (
<div className="flex items-center gap-3 rounded-lg border border-gold/40 bg-gold-wash px-4 py-3"> <div className="order-1 flex items-center gap-3 rounded-lg border border-gold/40 bg-gold-wash px-4 py-3">
<FileText className="w-5 h-5 text-gold-deep shrink-0" /> <FileText className="w-5 h-5 text-gold-deep shrink-0" />
<span className="text-sm font-medium text-gold-deep"> <span className="text-sm font-medium text-gold-deep">
{draftLabel} {draftLabel}
@@ -260,7 +262,7 @@ export function DraftsPanel({
{/* ── Active-draft badge — the DOCX that is the current source of truth ── */} {/* ── Active-draft badge — the DOCX that is the current source of truth ── */}
{activeDraft?.filename && ( {activeDraft?.filename && (
<div className="flex items-center gap-2 text-xs text-ink-muted"> <div className="order-2 flex items-center gap-2 text-xs text-ink-muted">
<span>מקור האמת:</span> <span>מקור האמת:</span>
<Badge variant="outline" className="bg-surface"> <Badge variant="outline" className="bg-surface">
{activeDraft.filename} {activeDraft.filename}
@@ -269,7 +271,7 @@ export function DraftsPanel({
)} )}
{/* ── Chair's signed final decision — clean upload + staged learning pipeline ── */} {/* ── Chair's signed final decision — clean upload + staged learning pipeline ── */}
<section className="rounded-lg border border-gold/40 bg-gold-wash/40 p-4 space-y-3"> <section className="order-4 rounded-lg border border-gold/40 bg-gold-wash/40 p-4 space-y-3">
<input <input
ref={finalFileRef} ref={finalFileRef}
type="file" type="file"
@@ -353,7 +355,7 @@ export function DraftsPanel({
</section> </section>
{/* ── Card: draft files (mockup 18h) ── */} {/* ── Card: draft files (mockup 18h) ── */}
<section className="rounded-lg border border-rule bg-surface p-4"> <section className="order-3 rounded-lg border border-rule bg-surface p-4">
<div className="flex items-center justify-between mb-3"> <div className="flex items-center justify-between mb-3">
<h3 className="text-navy text-base">קבצי טיוטה</h3> <h3 className="text-navy text-base">קבצי טיוטה</h3>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@@ -522,7 +524,7 @@ export function DraftsPanel({
</section> </section>
{/* ── Card: chair feedback (mockup 18h) ── */} {/* ── Card: chair feedback (mockup 18h) ── */}
<section className="rounded-lg border border-rule bg-surface p-4"> <section className="order-5 rounded-lg border border-rule bg-surface p-4">
<div className="flex items-center justify-between mb-3"> <div className="flex items-center justify-between mb-3">
<h3 className="text-navy text-base"> <h3 className="text-navy text-base">
הערות יו״ר הערות יו״ר