fix: web/app/dashboard-pages/analyze/page.tsx — NOT_APPLICABLE regulation rendering

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

@@ -20,7 +20,7 @@ interface Entity { text: string; type: string; score?: number; source?: string;
 interface Contradiction { type: string; explanation: string; severity: string; confidence?: number; source?: string; }
 interface Obligation { type: string; party: string; description: string; deadline: string; priority?: number; }
 interface ComplianceCheck { requirement: string; description: string; severity: string; status: string; matched_keywords: string[]; context?: string[]; }
-interface ComplianceReg { description: string; compliance_rate: number; checks: ComplianceCheck[]; overall_status: string; negated_count?: number; ambiguous_count?: number; }
+interface ComplianceReg { description: string; compliance_rate: number; checks: ComplianceCheck[]; overall_status: string; negated_count?: number; ambiguous_count?: number; note?: string; }
 interface Redline {
   original_text: string;
   clause_label: string;
@@ -101,6 +101,7 @@ const COMPLIANCE_STATUS: Record<string, { bg: string; text: string; border: stri
   PARTIAL: { bg: "bg-amber-50", text: "text-amber-700", border: "border-amber-200" },
   "NON-COMPLIANT": { bg: "bg-red-50", text: "text-red-700", border: "border-red-200" },
   WARNING: { bg: "bg-orange-50", text: "text-orange-700", border: "border-orange-200" },
+  NOT_APPLICABLE: { bg: "bg-zinc-50", text: "text-zinc-400", border: "border-zinc-200" },
 };
 
 function SourceBadge({ isML, confidence }: { isML: boolean; confidence?: number | null }) {
@@ -659,8 +660,9 @@ export default function AnalyzePage() {
                         </div>
                       ) : Object.entries(results.compliance).map(([regName, reg]) => {
                         const status = COMPLIANCE_STATUS[reg.overall_status] || COMPLIANCE_STATUS.PARTIAL;
+                        const isNA = reg.overall_status === "NOT_APPLICABLE";
                         return (
-                          <div key={regName} className="bg-white border border-zinc-200 rounded-xl overflow-hidden">
+                          <div key={regName} className={`bg-white border border-zinc-200 rounded-xl overflow-hidden ${isNA ? "opacity-60" : ""}`}>
                             <div className={`flex flex-col sm:flex-row sm:items-center justify-between p-4 border-b ${status.bg} ${status.border}`}>
                               <div>
                                 <div className="flex items-center gap-2 flex-wrap">
@@ -679,10 +681,15 @@ export default function AnalyzePage() {
                                 <p className="text-[11px] text-zinc-500 mt-0.5">{reg.description}</p>
                               </div>
                               <div className="text-left sm:text-right mt-2 sm:mt-0">
-                                <span className={`text-lg font-bold ${status.text}`}>{reg.compliance_rate}%</span>
+                                <span className={`text-lg font-bold ${status.text}`}>{isNA ? "N/A" : `${reg.compliance_rate}%`}</span>
                                 <span className={`text-[11px] font-medium block ${status.text}`}>{reg.overall_status}</span>
                               </div>
                             </div>
+                            {isNA ? (
+                              <div className="p-3 text-xs text-zinc-400 italic">
+                                {reg.note || `${regName} does not appear applicable to this contract type.`}
+                              </div>
+                            ) : (
                             <div className="p-3 space-y-0.5">
                               {reg.checks.map((check, i) => {
                                 const sev = SEV_CONFIG[check.severity] || SEV_CONFIG.MEDIUM;
@@ -709,6 +716,7 @@ export default function AnalyzePage() {
                                 );
                               })}
                             </div>
+                            )}
                           </div>
                         );
                       })}