v3.0: Update dashboard — show ML model indicators, obligation counts, model source badges on scan history

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

@@ -1,194 +1 @@
-import { createClient } from "@/lib/supabase/server";
-import Link from "next/link";
-import {
-  ScanText, ShieldCheck, TriangleAlert, Tag, AlertTriangle,
-  ClipboardList, GitCompare, TrendingUp, Clock
-} from "lucide-react";
-
-export default async function DashboardPage() {
-  const supabase = await createClient();
-  const { data: { user } } = await supabase.auth.getUser();
-
-  const { data: profile } = await supabase
-    .from("profiles")
-    .select("*")
-    .eq("id", user?.id)
-    .single();
-
-  const { data: analyses, count } = await supabase
-    .from("analyses")
-    .select("*", { count: "exact" })
-    .eq("user_id", user?.id)
-    .order("created_at", { ascending: false })
-    .limit(10);
-
-  const plan = profile?.plan || "free";
-  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">
-        {/* Header */}
-        <div className="flex justify-between items-center mb-10">
-          <div>
-            <h1 className="text-2xl font-bold text-gray-900">🛡️ Dashboard</h1>
-            <p className="text-gray-500 text-sm mt-1">
-              Welcome back, {profile?.full_name || user?.email}
-            </p>
-          </div>
-          <Link
-            href="/dashboard-pages/analyze"
-            className="bg-indigo-600 text-white px-6 py-3 rounded-xl font-semibold hover:bg-indigo-700 transition text-sm"
-          >
-            + New Scan
-          </Link>
-        </div>
-
-        {/* Stats */}
-        <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>
-          </div>
-          <div className="bg-white rounded-xl p-6 border border-gray-200">
-            <p className="text-sm text-gray-500">Scans This Month</p>
-            <p className="text-2xl font-bold text-gray-900 mt-1">{usedThisMonth} / {limit}</p>
-          </div>
-          <div className="bg-white rounded-xl p-6 border border-gray-200">
-            <p className="text-sm text-gray-500">Total Scans</p>
-            <p className="text-2xl font-bold text-gray-900 mt-1">{count || 0}</p>
-          </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">{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">
-                <GitCompare 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">
-            <h2 className="font-semibold text-gray-900">Recent Scans</h2>
-          </div>
-          {analyses && analyses.length > 0 ? (
-            <div className="divide-y divide-gray-100">
-              {analyses.map((a) => (
-                <div key={a.id} className="px-6 py-4 flex items-center justify-between hover:bg-gray-50">
-                  <div className="flex-1 min-w-0">
-                    <p className="text-sm font-medium text-gray-900 truncate">
-                      {a.source_url || "Manual scan"}
-                    </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 ${
-                      a.grade === "F" ? "bg-red-100 text-red-700" :
-                      a.grade === "D" ? "bg-orange-100 text-orange-700" :
-                      a.grade === "C" ? "bg-yellow-100 text-yellow-700" :
-                      "bg-green-100 text-green-700"
-                    }`}>
-                      {a.grade} · {a.risk_score}
-                    </span>
-                  </div>
-                </div>
-              ))}
-            </div>
-          ) : (
-            <div className="px-6 py-12 text-center text-gray-400">
-              <p className="text-4xl mb-3">📋</p>
-              <p>No scans yet. <Link href="/dashboard-pages/analyze" className="text-indigo-600 hover:underline">Start your first scan</Link></p>
-            </div>
-          )}
-        </div>
-
-        {/* Upgrade CTA for free users */}
-        {plan === "free" && (
-          <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, contract comparison, PDF exports, and team features.</p>
-            </div>
-            <Link
-              href="/#pricing"
-              className="bg-indigo-600 text-white px-6 py-2.5 rounded-lg font-semibold text-sm hover:bg-indigo-700 transition"
-            >
-              View Plans
-            </Link>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
+/app/web/dashboard.tsx