ezer-mishpati/legal-ai
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(case-ui): drafts cards in mockup order — files → final → feedback (18h) #384

Merged
chaim merged 1 commits from worktree-drafts-card-order into main 2026-06-30 19:41:22 +00:00
Conversation 0 Commits 1 Files Changed 1 +8 -6
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web-ui/src/components/cases/drafts-panel.tsx
View File

@@ -233,10 +233,12 @@ export function DraftsPanel({
}
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 ── */}
{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" />
<span className="text-sm font-medium text-gold-deep">
{draftLabel}
@@ -260,7 +262,7 @@ export function DraftsPanel({
{/* ── Active-draft badge — the DOCX that is the current source of truth ── */}
{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>
<Badge variant="outline" className="bg-surface">
{activeDraft.filename}
@@ -269,7 +271,7 @@ export function DraftsPanel({
)}
{/* ── 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
ref={finalFileRef}
type="file"
@@ -353,7 +355,7 @@ export function DraftsPanel({
</section>
{/* ── 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">
<h3 className="text-navy text-base">קבצי טיוטה</h3>
<div className="flex items-center gap-2">
@@ -522,7 +524,7 @@ export function DraftsPanel({
</section>
{/* ── 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">
<h3 className="text-navy text-base">
הערות יו״ר