v4.1: Dashboard — admin quick access, no upgrade CTA for admin, role badge, v4 descriptions

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

@@ -2,7 +2,8 @@ import { createClient } from "@/lib/supabase/server";
 import Link from "next/link";
 import {
   ScanText, ShieldCheck, Tag, AlertTriangle, ClipboardList,
-  GitCompare, Cpu, Layers, Clock
+  GitCompare, Cpu, Layers, Clock, Crown, PenTool, MessageSquare,
+  ScanLine, Settings
 } from "lucide-react";
 
 export default async function DashboardPage() {
@@ -17,8 +18,10 @@ export default async function DashboardPage() {
     .order("created_at", { ascending: false }).limit(10);
 
   const plan = profile?.plan || "free";
+  const role = profile?.role || "user";
+  const isAdmin = role === "admin";
   const usedThisMonth = profile?.analyses_this_month || 0;
-  const limit = plan === "free" ? 10 : "Unlimited";
+  const limit = isAdmin ? "∞" : plan === "free" ? 10 : "∞";
 
   const avgRisk = analyses && analyses.length > 0
     ? Math.round(analyses.reduce((s: number, a: any) => s + a.risk_score, 0) / analyses.length)
@@ -36,22 +39,35 @@ export default async function DashboardPage() {
             <h1 className="text-xl sm:text-2xl font-bold text-gray-900 flex items-center gap-2">
               <ShieldCheck className="w-5 h-5 sm:w-6 sm:h-6 text-indigo-500" />
               Dashboard
+              {isAdmin && (
+                <span className="text-xs bg-amber-50 text-amber-700 border border-amber-200 px-2 py-0.5 rounded-full flex items-center gap-1">
+                  <Crown className="w-3 h-3" /> Admin
+                </span>
+              )}
             </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-5 sm:px-6 py-2.5 sm:py-3 rounded-xl font-semibold hover:bg-indigo-700 transition text-sm whitespace-nowrap">
-            + New Scan
-          </Link>
+          <div className="flex gap-2">
+            {isAdmin && (
+              <Link href="/admin"
+                className="bg-amber-50 text-amber-700 border border-amber-200 px-4 py-2.5 rounded-xl font-semibold hover:bg-amber-100 transition text-sm whitespace-nowrap flex items-center gap-2">
+                <Crown className="w-4 h-4" /> Admin Panel
+              </Link>
+            )}
+            <Link href="/dashboard-pages/analyze"
+              className="bg-indigo-600 text-white px-5 sm:px-6 py-2.5 rounded-xl font-semibold hover:bg-indigo-700 transition text-sm whitespace-nowrap">
+              + New Scan
+            </Link>
+          </div>
         </div>
 
         {/* Primary Stats */}
         <div className="grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-6 mb-8 sm:mb-10">
           {[
-            { label: "Plan", value: plan, capitalize: true },
+            { label: "Plan", value: isAdmin ? "Admin" : plan, capitalize: true },
             { label: "Scans This Month", value: `${usedThisMonth} / ${limit}` },
             { label: "Total Scans", value: String(count || 0) },
-            { label: "Avg Risk Score", value: avgRisk !== null ? String(avgRisk) : "\u2014" },
+            { label: "Avg Risk Score", value: avgRisk !== null ? String(avgRisk) : "—" },
           ].map((s) => (
             <div key={s.label} className="bg-white rounded-xl p-4 sm:p-6 border border-gray-200">
               <p className="text-xs sm:text-sm text-gray-500">{s.label}</p>
@@ -81,24 +97,33 @@ export default async function DashboardPage() {
         </div>
 
         {/* Quick Actions */}
-        <div className="grid sm:grid-cols-2 gap-3 sm:gap-6 mb-8 sm:mb-10">
-          <Link href="/dashboard-pages/analyze" className="bg-white rounded-xl p-5 sm:p-6 border border-gray-200 hover:border-indigo-200 hover:shadow-sm transition-all group">
+        <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4 mb-8 sm:mb-10">
+          <Link href="/dashboard-pages/analyze" className="bg-white rounded-xl p-5 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 className="w-9 h-9 rounded-lg bg-indigo-50 flex items-center justify-center group-hover:bg-indigo-100 transition-colors">
+                <ScanText className="w-4.5 h-4.5 text-indigo-600" />
               </div>
-              <h3 className="font-semibold text-gray-900">Analyze Contract</h3>
+              <h3 className="font-semibold text-gray-900 text-sm">Analyze Contract</h3>
             </div>
-            <p className="text-sm text-gray-500">Scan with 3 ML models: clause classifier, Legal NER, and NLI contradiction detection.</p>
+            <p className="text-xs text-gray-500">6 ML models: classifier, NER, NLI, embeddings, OCR, LLM.</p>
           </Link>
-          <Link href="/dashboard-pages/compare" className="bg-white rounded-xl p-5 sm:p-6 border border-gray-200 hover:border-indigo-200 hover:shadow-sm transition-all group">
+          <Link href="/dashboard-pages/compare" className="bg-white rounded-xl p-5 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 className="w-9 h-9 rounded-lg bg-indigo-50 flex items-center justify-center group-hover:bg-indigo-100 transition-colors">
+                <GitCompare className="w-4.5 h-4.5 text-indigo-600" />
               </div>
-              <h3 className="font-semibold text-gray-900">Compare Contracts</h3>
+              <h3 className="font-semibold text-gray-900 text-sm">Compare Contracts</h3>
             </div>
-            <p className="text-sm text-gray-500">Side-by-side diff with semantic similarity scoring and risk delta.</p>
+            <p className="text-xs text-gray-500">Side-by-side diff with semantic similarity and risk delta.</p>
+          </Link>
+          <Link href="/dashboard-pages/settings" className="bg-white rounded-xl p-5 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-9 h-9 rounded-lg bg-zinc-100 flex items-center justify-center group-hover:bg-zinc-200 transition-colors">
+                <Settings className="w-4.5 h-4.5 text-zinc-600" />
+              </div>
+              <h3 className="font-semibold text-gray-900 text-sm">Settings</h3>
+            </div>
+            <p className="text-xs text-gray-500">Account, subscription, API keys, team management.</p>
           </Link>
         </div>
 
@@ -132,11 +157,6 @@ export default async function DashboardPage() {
                           <ClipboardList className="w-2.5 h-2.5" />{a.obligations.length}
                         </span>
                       )}
-                      {a.model && a.model !== "regex" && (
-                        <span className="inline-flex items-center gap-1 text-[10px] bg-indigo-50 text-indigo-600 px-1.5 py-0.5 rounded border border-indigo-100">
-                          <Cpu className="w-2.5 h-2.5" />ML
-                        </span>
-                      )}
                     </div>
                   </div>
                   <span className={`self-start sm:self-auto text-sm font-bold px-3 py-1 rounded-full whitespace-nowrap ${
@@ -158,12 +178,12 @@ export default async function DashboardPage() {
           )}
         </div>
 
-        {/* Upgrade CTA */}
-        {plan === "free" && (
+        {/* Upgrade CTA — only for non-admin free users */}
+        {plan === "free" && !isAdmin && (
           <div className="mt-8 bg-indigo-50 border border-indigo-200 rounded-xl p-5 sm:p-6 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
             <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, obligation tracking, and team features.</p>
+              <p className="text-sm text-indigo-700 mt-1">Unlimited scans, file uploads, contract comparison, PDF exports, Q&A chatbot, and LLM-powered redlining.</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 whitespace-nowrap">
               View Plans