From c068106679018018b1d7df694f1352ae4d29f68f Mon Sep 17 00:00:00 2001
From: Satyam Rastogi <satyamrastogi302@gmail.com>
Date: Fri, 29 May 2026 17:49:58 +0530
Subject: [PATCH] feat(projects): claimed-vs-verified scope-variance badge

---
 src/pages/owner/OwnerProjectDetail.jsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/pages/owner/OwnerProjectDetail.jsx b/src/pages/owner/OwnerProjectDetail.jsx
index 7351047..bc7446a 100644
--- a/src/pages/owner/OwnerProjectDetail.jsx
+++ b/src/pages/owner/OwnerProjectDetail.jsx
@@ -512,6 +512,16 @@ const OwnerProjectDetail = () => {
                                 {project.projectType}
                             </h1>
                             <p className="text-zinc-500 dark:text-zinc-400 mt-1 text-sm">{project.address}</p>
+                            {project.scopeVariance && project.reportedScope && project.verifiedScope && (
+                                <div className="mt-3 inline-flex items-start gap-2 px-3 py-2 rounded-lg bg-amber-50 dark:bg-amber-500/10 border border-amber-200 dark:border-amber-500/30 text-amber-700 dark:text-amber-400 max-w-xl">
+                                    <AlertCircle size={14} className="mt-0.5 shrink-0" />
+                                    <span className="text-xs font-semibold leading-snug">
+                                        Scope variance — Reported ~{formatCurrency(project.reportedScope.estTotal)} / {project.reportedScope.estDays}d
+                                        {' → '}Verified {formatCurrency(project.verifiedScope.estTotal)} / {project.verifiedScope.estDays}d
+                                        <span className="block font-normal text-amber-600/80 dark:text-amber-400/70 mt-0.5">{project.verifiedScope.summary}</span>
+                                    </span>
+                                </div>
+                            )}
                         </div>
                         <span className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-bold uppercase tracking-wide ${cfg.color}`}>
                             <StatusIcon size={14} /> {cfg.label}