Upload web/app/dashboard-pages/dashboard/page.tsx

web/app/dashboard-pages/dashboard/page.tsx

@@ -1,5 +1,9 @@
 import { createClient } from "@/lib/supabase/server";
 import Link from "next/link";
+import {
+  ScanText, ShieldCheck, TriangleAlert, Tag, AlertTriangle,
+  ClipboardList, FileCompare, TrendingUp, Clock
+} from "lucide-react";
 
 export default async function DashboardPage() {
   const supabase = await createClient();
@@ -22,6 +26,15 @@ export default async function DashboardPage() {
   const usedThisMonth = profile?.analyses_this_month || 0;
   const limit = plan === "free" ? 10 : "∞";
 
+  // Calculate stats
+  const avgRisk = analyses && analyses.length > 0
+    ? Math.round(analyses.reduce((s, a) => s + a.risk_score, 0) / analyses.length)
+    : null;
+
+  const totalEntities = analyses?.reduce((s, a) => s + (a.entities?.length || 0), 0) || 0;
+  const totalContradictions = analyses?.reduce((s, a) => s + (a.contradictions?.length || 0), 0) || 0;
+  const totalObligations = analyses?.reduce((s, a) => s + (a.obligations?.length || 0), 0) || 0;
+
   return (
     <div className="min-h-screen bg-gray-50">
       <div className="max-w-6xl mx-auto px-6 py-12">
@@ -42,7 +55,7 @@ export default async function DashboardPage() {
         </div>
 
         {/* Stats */}
-        <div className="grid md:grid-cols-4 gap-6 mb-10">
+        <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-10">
           <div className="bg-white rounded-xl p-6 border border-gray-200">
             <p className="text-sm text-gray-500">Plan</p>
             <p className="text-2xl font-bold text-gray-900 capitalize mt-1">{plan}</p>
@@ -57,14 +70,63 @@ export default async function DashboardPage() {
           </div>
           <div className="bg-white rounded-xl p-6 border border-gray-200">
             <p className="text-sm text-gray-500">Avg Risk Score</p>
-            <p className="text-2xl font-bold text-gray-900 mt-1">
-              {analyses && analyses.length > 0
-                ? Math.round(analyses.reduce((s, a) => s + a.risk_score, 0) / analyses.length)
-                : "—"}
-            </p>
+            <p className="text-2xl font-bold text-gray-900 mt-1">{avgRisk !== null ? avgRisk : "—"}</p>
+          </div>
+        </div>
+
+        {/* Extended Stats v2 */}
+        <div className="grid md:grid-cols-3 gap-6 mb-10">
+          <div className="bg-white rounded-xl p-6 border border-gray-200 flex items-center gap-4">
+            <div className="w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center">
+              <Tag className="w-5 h-5 text-blue-600" />
+            </div>
+            <div>
+              <p className="text-sm text-gray-500">Entities Extracted</p>
+              <p className="text-xl font-bold text-gray-900">{totalEntities}</p>
+            </div>
+          </div>
+          <div className="bg-white rounded-xl p-6 border border-gray-200 flex items-center gap-4">
+            <div className="w-10 h-10 rounded-lg bg-amber-50 flex items-center justify-center">
+              <AlertTriangle className="w-5 h-5 text-amber-600" />
+            </div>
+            <div>
+              <p className="text-sm text-gray-500">Contradictions Found</p>
+              <p className="text-xl font-bold text-gray-900">{totalContradictions}</p>
+            </div>
+          </div>
+          <div className="bg-white rounded-xl p-6 border border-gray-200 flex items-center gap-4">
+            <div className="w-10 h-10 rounded-lg bg-emerald-50 flex items-center justify-center">
+              <ClipboardList className="w-5 h-5 text-emerald-600" />
+            </div>
+            <div>
+              <p className="text-sm text-gray-500">Obligations Tracked</p>
+              <p className="text-xl font-bold text-gray-900">{totalObligations}</p>
+            </div>
           </div>
         </div>
 
+        {/* Quick Actions */}
+        <div className="grid md:grid-cols-2 gap-6 mb-10">
+          <Link href="/dashboard-pages/analyze" className="bg-white rounded-xl p-6 border border-gray-200 hover:border-indigo-200 hover:shadow-sm transition-all group">
+            <div className="flex items-center gap-3 mb-2">
+              <div className="w-10 h-10 rounded-lg bg-indigo-50 flex items-center justify-center group-hover:bg-indigo-100 transition-colors">
+                <ScanText className="w-5 h-5 text-indigo-600" />
+              </div>
+              <h3 className="font-semibold text-gray-900">Analyze Contract</h3>
+            </div>
+            <p className="text-sm text-gray-500">Scan a contract for 41 clause types, risk scoring, NER, and compliance.</p>
+          </Link>
+          <Link href="/dashboard-pages/compare" className="bg-white rounded-xl p-6 border border-gray-200 hover:border-indigo-200 hover:shadow-sm transition-all group">
+            <div className="flex items-center gap-3 mb-2">
+              <div className="w-10 h-10 rounded-lg bg-indigo-50 flex items-center justify-center group-hover:bg-indigo-100 transition-colors">
+                <FileCompare className="w-5 h-5 text-indigo-600" />
+              </div>
+              <h3 className="font-semibold text-gray-900">Compare Contracts</h3>
+            </div>
+            <p className="text-sm text-gray-500">Side-by-side diff with alignment scoring and risk delta analysis.</p>
+          </Link>
+        </div>
+
         {/* Recent Scans */}
         <div className="bg-white rounded-xl border border-gray-200 overflow-hidden">
           <div className="px-6 py-4 border-b border-gray-100">
@@ -78,9 +140,17 @@ export default async function DashboardPage() {
                     <p className="text-sm font-medium text-gray-900 truncate">
                       {a.source_url || "Manual scan"}
                     </p>
-                    <p className="text-xs text-gray-500 mt-1">
-                      {new Date(a.created_at).toLocaleDateString()} · {a.total_clauses} clauses · {a.flagged_count} flagged
-                    </p>
+                    <div className="flex items-center gap-3 mt-1">
+                      <p className="text-xs text-gray-500">
+                        {new Date(a.created_at).toLocaleDateString()} · {a.total_clauses} clauses · {a.flagged_count} flagged
+                      </p>
+                      {a.entities && a.entities.length > 0 && (
+                        <span className="text-[10px] bg-blue-50 text-blue-600 px-1.5 py-0.5 rounded">{a.entities.length} entities</span>
+                      )}
+                      {a.contradictions && a.contradictions.length > 0 && (
+                        <span className="text-[10px] bg-amber-50 text-amber-600 px-1.5 py-0.5 rounded">{a.contradictions.length} issues</span>
+                      )}
+                    </div>
                   </div>
                   <div className="flex items-center gap-3">
                     <span className={`text-sm font-bold px-3 py-1 rounded-full ${
@@ -108,7 +178,7 @@ export default async function DashboardPage() {
           <div className="mt-8 bg-indigo-50 border border-indigo-200 rounded-xl p-6 flex items-center justify-between">
             <div>
               <p className="font-semibold text-indigo-900">Upgrade to Pro</p>
-              <p className="text-sm text-indigo-700 mt-1">Unlimited scans, AI explanations, PDF exports, and more.</p>
+              <p className="text-sm text-indigo-700 mt-1">Unlimited scans, contract comparison, PDF exports, and team features.</p>
             </div>
             <Link
               href="/#pricing"