Update components/PrintReport.tsx

components/PrintReport.tsx

@@ -1,230 +1,282 @@
 import React from 'react';
 import { PatientProfile, ClinicalVitals, RiskAnalysisResult, ChatMessage, Medication } from '../types';
-import { Activity, Pill, AlertTriangle, CheckCircle, MessageSquare, ClipboardList, User, ShieldCheck } from 'lucide-react';
+import { Activity, Pill, CheckCircle, ShieldCheck, Zap, Server } from 'lucide-react';
 
 interface PrintReportProps {
-profile: PatientProfile;
-vitals: ClinicalVitals;
-riskResult: RiskAnalysisResult | null;
-chatHistory: ChatMessage[];
-chatSummary: string;
-medications?: Medication[];
+  profile: PatientProfile;
+  vitals: ClinicalVitals;
+  riskResult: RiskAnalysisResult | null;
+  chatHistory: ChatMessage[];
+  chatSummary: string;
+  medications?: Medication[];
 }
 
 const PrintReport: React.FC<PrintReportProps> = ({
-profile,
-vitals,
-riskResult,
-chatHistory,
-chatSummary,
-medications = []
+  profile,
+  vitals,
+  riskResult,
+  chatSummary,
+  medications = []
 }) => {
-
-return (
-<div className="p-8 max-w-[210mm] mx-auto bg-white text-black font-sans leading-normal">
-<header className="mb-8 border-b-4 border-gray-900 pb-4 flex justify-between items-start break-inside-avoid">
-<div className="max-w-[70%]">
-<h1 className="text-3xl font-black text-gray-900 uppercase tracking-widest flex items-center gap-3">
-<Activity size={28} className="text-green-600" />
-SomAI Health Report
-</h1>
-<p className="text-sm text-gray-600 mt-2">Generated on: {new Date().toLocaleDateString()}</p>
-</div>
-<div className="text-right text-xs pt-1">
-<p className="font-bold text-gray-900">Patient: {profile.name}</p>
-<p className="text-gray-600">{profile.age} | {profile.gender}</p>
-<p className="text-red-700 font-bold mt-1">Primary Condition: {profile.condition}</p>
-</div>
-</header>
-{/* Patient Profile & Vitals Grid */}
-<section className="mb-8 break-inside-avoid">
-<h2 className="flex items-center gap-2 text-sm font-black uppercase tracking-wider text-black border-b border-gray-200 pb-2 mb-4">
-<User size={16} /> Patient Snapshot
-</h2>
-<div className="grid grid-cols-3 gap-6 text-sm">
-<div className="bg-gray-50 p-4 rounded-lg border border-gray-200">
-<h3 className="text-xs font-bold text-gray-500 uppercase mb-2">Demographics</h3>
-<p><span className="font-medium">Blood:</span> {profile.bloodGroup}</p>
-<p><span className="font-medium">Diet:</span> {profile.diet}</p>
-<p><span className="font-medium">Exercise:</span> {profile.exerciseFrequency}</p>
-</div>
-<div className="bg-gray-50 p-4 rounded-lg border border-gray-200">
-<h3 className="text-xs font-bold text-gray-500 uppercase mb-2">Vitals Summary</h3>
-<p><span className="font-medium">Avg BP (Sys):</span> {vitals.systolicBp} mmHg</p>
-<p><span className="font-medium">Glucose:</span> {vitals.glucose} mg/dL</p>
-<p><span className="font-medium">Heart Rate:</span> {vitals.heartRate} bpm</p>
-</div>
-<div className="bg-gray-50 p-4 rounded-lg border border-gray-200">
-<h3 className="text-xs font-bold text-gray-500 uppercase mb-2">Lifestyle Risks</h3>
-<p><span className="font-medium">Smoking:</span> {profile.smokingStatus}</p>
-<p><span className="font-medium">Alcohol:</span> {profile.alcoholConsumption}</p>
-<p><span className="font-medium">Allergies:</span> {profile.allergies || 'None'}</p>
-</div>
-</div>
-</section>
-{/* AI Analysis */}
-<section className="mb-8 break-inside-avoid">
-<h2 className="flex items-center gap-2 text-sm font-black uppercase tracking-wider text-black border-b border-gray-200 pb-2 mb-4">
-<AlertTriangle size={16} /> AI Clinical Analysis
-</h2>
-{riskResult ? (
-<div className="bg-blue-50/50 rounded-xl border border-blue-100 p-6">
-<div className="mb-6">
-<h3 className="text-xs font-bold text-blue-800 uppercase tracking-wide mb-2">Clinical Summary</h3>
-<p className="text-sm text-blue-950 leading-relaxed font-medium">{riskResult.summary}</p>
-</div>
-<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+  return (
+    <div className="w-full max-w-[210mm] mx-auto bg-white text-black font-sans leading-normal print:p-0">
+      
+      {/* PAGE 1: DEMOGRAPHICS & VITALS */}
+      <div className="min-h-[297mm] p-10 relative flex flex-col">
+          {/* Header */}
+          <header className="flex justify-between items-start mb-12 border-b-4 border-black pb-6">
             <div>
-               <h3 className="text-xs font-bold text-gray-500 uppercase tracking-wide mb-3">Action Items</h3>
-               <ul className="space-y-2">
-                  {riskResult.actionItems.map((item, i) => (
-                    <li key={i} className="flex items-start gap-2 text-sm text-gray-800">
-                       <CheckCircle size={14} className="text-green-600 mt-0.5 flex-shrink-0" />
-                       {item}
-                    </li>
-                  ))}
-               </ul>
+              <h1 className="text-4xl font-black text-gray-900 tracking-tight flex items-center gap-3">
+                 <Activity className="text-black" size={32} strokeWidth={2.5} />
+                 SomAI <span className="text-gray-400 font-light">Report</span>
+              </h1>
+              <p className="text-gray-500 text-xs mt-1 font-bold tracking-[0.2em] uppercase">Patient Education & Clinical Risk Assessment</p>
+            </div>
+            <div className="text-right">
+              <div className="inline-block bg-black text-white px-3 py-1 text-[10px] font-bold uppercase tracking-widest mb-2">Confidential</div>
+              <p className="text-gray-900 font-mono text-sm font-bold">{new Date().toLocaleDateString()}</p>
+              <p className="text-gray-400 text-xs font-mono">{new Date().toLocaleTimeString()}</p>
             </div>
-            {/* Medical Coding Table */}
-            <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
-               <div className="bg-gray-50 px-3 py-2 border-b border-gray-200 text-xs font-bold text-gray-500 uppercase flex items-center gap-2">
-                  <ShieldCheck size={14} /> Coding Pipeline
-               </div>
-               <table className="w-full text-xs text-left">
-                 <thead>
-                   <tr className="bg-gray-50 text-gray-400">
-                     <th className="px-3 py-1 font-medium">Type</th>
-                     <th className="px-3 py-1 font-medium">Code</th>
-                     <th className="px-3 py-1 font-medium">Desc</th>
-                   </tr>
+          </header>
+
+          <div className="grid grid-cols-12 gap-10 flex-1">
+             {/* LEFT COL: DEMOGRAPHICS */}
+             <div className="col-span-5">
+                <h2 className="flex items-center gap-2 text-xs font-black uppercase tracking-widest text-black border-b border-gray-200 pb-2 mb-6">
+                    <span className="w-4 h-4 rounded-full border border-black flex items-center justify-center text-[8px]">1</span> 
+                    Patient Demographics
+                </h2>
+                
+                <div className="bg-gray-50 p-6 rounded-sm border border-gray-100 space-y-6">
+                    <div>
+                        <span className="text-gray-400 text-[10px] uppercase font-bold tracking-wider block mb-1">Name</span>
+                        <span className="text-gray-900 font-bold text-lg leading-tight block">{profile.name}</span>
+                    </div>
+                    <div>
+                        <span className="text-gray-400 text-[10px] uppercase font-bold tracking-wider block mb-1">Age</span>
+                        <span className="text-gray-900 font-bold text-lg block">{profile.age} years</span>
+                    </div>
+                    <div>
+                        <span className="text-gray-400 text-[10px] uppercase font-bold tracking-wider block mb-1">Condition</span>
+                        <span className="text-gray-900 font-bold leading-tight block">{profile.condition}</span>
+                    </div>
+                    {profile.allergies && profile.allergies !== 'None' && (
+                        <div>
+                            <span className="text-gray-400 text-[10px] uppercase font-bold tracking-wider block mb-1">Allergies</span>
+                            <span className="text-red-600 font-bold block bg-red-50 px-2 py-1 rounded w-fit">{profile.allergies}</span>
+                        </div>
+                    )}
+                    <div className="pt-4 border-t border-gray-200">
+                        <span className="text-gray-400 text-[10px] uppercase font-bold tracking-wider block mb-2">History</span>
+                        <p className="text-sm text-gray-600 leading-relaxed text-justify">{profile.history}</p>
+                    </div>
+                </div>
+             </div>
+
+             {/* RIGHT COL: VITALS */}
+             <div className="col-span-7">
+                <h2 className="flex items-center gap-2 text-xs font-black uppercase tracking-widest text-black border-b border-gray-200 pb-2 mb-6">
+                    <span className="w-4 h-4 rounded-full border border-black flex items-center justify-center text-[8px]">2</span> 
+                    Clinical Vitals
+                </h2>
+                
+                <div className="grid grid-cols-2 gap-4">
+                    <div className="aspect-square bg-gray-50 rounded-xl border border-gray-100 flex flex-col items-center justify-center text-center p-4">
+                        <span className="text-[10px] font-bold text-gray-400 uppercase tracking-wider mb-2">Systolic BP</span>
+                        <span className={`text-4xl font-black ${vitals.systolicBp > 140 ? 'text-red-600' : 'text-gray-900'}`}>{vitals.systolicBp}</span>
+                        <span className="text-[10px] text-gray-400 mt-1">mmHg</span>
+                    </div>
+                    <div className="aspect-square bg-gray-50 rounded-xl border border-gray-100 flex flex-col items-center justify-center text-center p-4">
+                        <span className="text-[10px] font-bold text-gray-400 uppercase tracking-wider mb-2">Glucose</span>
+                        <span className={`text-4xl font-black ${vitals.glucose > 180 ? 'text-red-600' : 'text-gray-900'}`}>{vitals.glucose}</span>
+                        <span className="text-[10px] text-gray-400 mt-1">mg/dL</span>
+                    </div>
+                    <div className="aspect-square bg-gray-50 rounded-xl border border-gray-100 flex flex-col items-center justify-center text-center p-4">
+                        <span className="text-[10px] font-bold text-gray-400 uppercase tracking-wider mb-2">SpO2</span>
+                        <span className={`text-4xl font-black ${vitals.spo2 < 95 ? 'text-red-600' : 'text-green-600'}`}>{vitals.spo2}%</span>
+                        <span className="text-[10px] text-gray-400 mt-1">Saturation</span>
+                    </div>
+                    <div className="aspect-square bg-gray-50 rounded-xl border border-gray-100 flex flex-col items-center justify-center text-center p-4">
+                        <span className="text-[10px] font-bold text-gray-400 uppercase tracking-wider mb-2">Risk Score</span>
+                        <span className={`text-4xl font-black ${riskResult && riskResult.numericScore > 60 ? 'text-red-600' : 'text-green-600'}`}>
+                            {riskResult ? riskResult.numericScore : '--'}
+                        </span>
+                        <span className="text-[10px] text-gray-400 mt-1">/100</span>
+                    </div>
+                </div>
+             </div>
+          </div>
+      </div>
+
+      {/* PAGE 2: CLINICAL ANALYSIS */}
+      <div className="min-h-[297mm] p-10 relative flex flex-col break-before-page">
+         <header className="flex justify-between items-center mb-8 border-b border-gray-200 pb-4">
+             <h2 className="flex items-center gap-2 text-sm font-black uppercase tracking-widest text-black">
+                <span className="w-5 h-5 bg-black text-white flex items-center justify-center text-[10px]">3</span>
+                AI Clinical Analysis
+             </h2>
+             {riskResult?.source && (
+                 <span className="text-[10px] font-mono uppercase bg-gray-100 px-2 py-1 rounded text-gray-500 font-bold border border-gray-200">
+                    {riskResult.source.toUpperCase()}
+                 </span>
+             )}
+         </header>
+
+         {riskResult ? (
+             <div className="space-y-8">
+                 {/* Summary */}
+                 <div>
+                    <h3 className="text-xs font-bold text-blue-600 uppercase tracking-wide mb-3">Clinical Summary</h3>
+                    <p className="text-base text-gray-800 leading-relaxed font-medium bg-blue-50/50 p-6 rounded-lg border border-blue-100 text-justify">
+                        {riskResult.summary}
+                    </p>
+                 </div>
+
+                 {/* Action Items */}
+                 <div>
+                    <h3 className="text-xs font-bold text-gray-400 uppercase tracking-wide mb-3">Action Items</h3>
+                    <div className="space-y-3">
+                        {riskResult.actionItems.map((item, i) => (
+                            <div key={i} className="flex gap-4 items-start p-3 bg-gray-50 rounded-lg border border-gray-100">
+                                <CheckCircle size={18} className="text-green-600 mt-0.5 flex-shrink-0" />
+                                <p className="text-sm text-gray-800 font-medium">{item}</p>
+                            </div>
+                        ))}
+                    </div>
+                 </div>
+
+                 {/* Coding Pipeline */}
+                 <div>
+                    <h3 className="text-xs font-bold text-gray-400 uppercase tracking-wide mb-3 flex items-center gap-2"><ShieldCheck size={14}/> Coding Pipeline</h3>
+                    <div className="border border-gray-200 rounded-lg overflow-hidden">
+                        <table className="w-full text-sm text-left">
+                             <thead className="bg-gray-50 text-gray-400 font-medium text-xs">
+                                 <tr>
+                                     <th className="px-4 py-2 w-24">Type</th>
+                                     <th className="px-4 py-2 w-24">Code</th>
+                                     <th className="px-4 py-2">Desc</th>
+                                 </tr>
+                             </thead>
+                             <tbody className="divide-y divide-gray-100">
+                                 {riskResult.codingPipeline?.map((code, i) => (
+                                     <tr key={i}>
+                                         <td className="px-4 py-2.5 text-gray-500 text-xs">{code.type}</td>
+                                         <td className="px-4 py-2.5 font-bold font-mono text-blue-600">{code.code}</td>
+                                         <td className="px-4 py-2.5 text-gray-800">{code.description}</td>
+                                     </tr>
+                                 ))}
+                             </tbody>
+                        </table>
+                    </div>
+                 </div>
+
+                 {/* Insurance Note */}
+                 {riskResult.insuranceNote && (
+                     <div className="mt-6">
+                        <span className="text-[10px] font-bold text-gray-400 uppercase block mb-1">Insurance Note</span>
+                        <p className="text-sm text-gray-500 italic border-l-2 border-gray-300 pl-4 py-1">
+                            "{riskResult.insuranceNote}"
+                        </p>
+                     </div>
+                 )}
+             </div>
+         ) : (
+             <div className="flex items-center justify-center h-64 border-2 border-dashed border-gray-200 rounded-xl">
+                 <p className="text-gray-400 italic">Analysis data not available.</p>
+             </div>
+         )}
+      </div>
+
+      {/* PAGE 3: MEDICATION */}
+      <div className="min-h-[297mm] p-10 relative flex flex-col break-before-page">
+         <header className="flex justify-between items-center mb-8 border-b border-gray-200 pb-4">
+             <h2 className="flex items-center gap-2 text-sm font-black uppercase tracking-widest text-black">
+                <span className="w-5 h-5 bg-black text-white flex items-center justify-center text-[10px]">4</span>
+                Medication Schedule
+             </h2>
+         </header>
+
+         <div className="border-t border-b border-gray-200">
+             <table className="w-full text-sm text-left">
+                 <thead className="text-gray-400 font-bold text-[10px] uppercase tracking-wider">
+                     <tr>
+                         <th className="py-4">Medication</th>
+                         <th className="py-4">Dosage</th>
+                         <th className="py-4">Time</th>
+                         <th className="py-4">Duration</th>
+                         <th className="py-4 text-right">Status</th>
+                     </tr>
                  </thead>
                  <tbody className="divide-y divide-gray-100">
-                   {riskResult.codingPipeline?.map((code, i) => (
-                     <tr key={i}>
-                       <td className="px-3 py-1.5 text-gray-500">{code.type}</td>
-                       <td className="px-3 py-1.5 font-bold font-mono text-blue-600">{code.code}</td>
-                       <td className="px-3 py-1.5 text-gray-800">{code.description}</td>
-                     </tr>
-                   ))}
-                   {(!riskResult.codingPipeline || riskResult.codingPipeline.length === 0) && (
-                     <tr><td colSpan={3} className="px-3 py-2 text-gray-400 italic">No codes generated.</td></tr>
-                   )}
+                     {medications.length > 0 ? medications.map((med) => (
+                         <tr key={med.id}>
+                             <td className="py-4 font-bold text-gray-900">{med.name}</td>
+                             <td className="py-4 text-gray-600">{med.dosage}</td>
+                             <td className="py-4 font-mono text-gray-600">{med.time}</td>
+                             <td className="py-4 text-gray-500 text-xs">{med.startDate ? `${med.startDate} → ${med.endDate || 'Ongoing'}` : 'Ongoing'}</td>
+                             <td className="py-4 text-right">
+                                 <span className={`inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-wider px-2 py-1 rounded ${med.taken ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-500'}`}>
+                                     {med.taken ? <CheckCircle size={10}/> : null} {med.taken ? 'Taken' : 'Pending'}
+                                 </span>
+                             </td>
+                         </tr>
+                     )) : (
+                         <tr><td colSpan={5} className="py-8 text-center text-gray-400 italic">No medications recorded.</td></tr>
+                     )}
                  </tbody>
-               </table>
-               {riskResult.insuranceNote && (
-                 <div className="p-3 bg-gray-50 border-t border-gray-200">
-                   <p className="text-[10px] text-gray-400 font-bold uppercase mb-0.5">Insurance Note</p>
-                   <p className="text-xs text-gray-600 italic">"{riskResult.insuranceNote}"</p>
-                 </div>
-               )}
-            </div>
+             </table>
          </div>
+         
+         {medications.length > 0 && (
+             <div className="mt-4 flex justify-end items-center gap-3">
+                 <span className="text-xs font-bold text-gray-400 uppercase tracking-wider">Current Streak</span>
+                 <span className="text-2xl font-black text-gray-900">{profile.streak} <span className="text-sm font-medium text-gray-500">Days</span></span>
+             </div>
+         )}
       </div>
-    ) : (
-      <div className="bg-gray-100 p-6 rounded-lg border-2 border-dashed border-gray-300 text-center">
-         <p className="text-gray-600 font-bold text-sm">Analysis Not Run</p>
-         <p className="text-gray-500 text-xs">Run analysis in dashboard before printing.</p>
-      </div>
-    )}
-  </section>
-  {/* Medication Adherence */}
-  <section className="mb-8 break-inside-avoid">
-    <h2 className="flex items-center gap-2 text-sm font-black uppercase tracking-wider text-black border-b border-gray-200 pb-2 mb-4">
-      <Pill size={16} /> Medication Schedule
-    </h2>
-    <div className="bg-white border border-gray-200 rounded-xl overflow-hidden">
-      <table className="w-full text-sm text-left">
-        <thead className="bg-gray-50 text-gray-500 font-bold text-xs uppercase">
-          <tr>
-            <th className="px-4 py-3">Medication</th>
-            <th className="px-4 py-3">Dosage</th>
-            <th className="px-4 py-3">Time</th>
-            <th className="px-4 py-3">Duration</th>
-            <th className="px-4 py-3 text-right">Status</th>
-          </tr>
-        </thead>
-        <tbody className="divide-y divide-gray-100">
-           {medications.length > 0 ? medications.map(med => (
-             <tr key={med.id}>
-               <td className="px-4 py-3 font-bold text-gray-900">{med.name}</td>
-               <td className="px-4 py-3 text-gray-600">{med.dosage}</td>
-               <td className="px-4 py-3 font-mono text-gray-600">{med.time}</td>
-               <td className="px-4 py-3 text-gray-500 text-xs">
-                 {med.startDate ? `${med.startDate} → ${med.endDate || 'Ongoing'}` : 'Continuous'}
-               </td>
-               <td className="px-4 py-3 text-right">
-                 {med.taken ? (
-                   <span className="inline-flex items-center gap-1 text-xs font-bold text-green-700 bg-green-50 px-2 py-1 rounded-full">
-                     <CheckCircle size={10} /> Taken
-                   </span>
-                 ) : (
-                   <span className="inline-flex items-center gap-1 text-xs font-bold text-gray-500 bg-gray-100 px-2 py-1 rounded-full">
-                     Pending
-                   </span>
-                 )}
-               </td>
-             </tr>
-           )) : (
-             <tr>
-               <td colSpan={5} className="px-4 py-6 text-center text-gray-500 italic">No medications recorded.</td>
-             </tr>
-           )}
-        </tbody>
-      </table>
-      {medications.length > 0 && (
-         <div className="bg-gray-50 px-4 py-3 border-t border-gray-200 flex justify-end items-center gap-3">
-            <span className="text-xs font-bold text-gray-500 uppercase">Current Streak</span>
-            <span className="text-lg font-black text-gray-900">{profile.streak} Days</span>
+
+      {/* PAGE 4-5: CONSULTATION BRIEF (Replaces Transcript) */}
+      <div className="min-h-[297mm] p-10 relative flex flex-col break-before-page">
+         <header className="flex justify-between items-center mb-8 border-b border-gray-200 pb-4">
+             <h2 className="flex items-center gap-2 text-sm font-black uppercase tracking-widest text-black">
+                <span className="w-5 h-5 bg-black text-white flex items-center justify-center text-[10px]">5</span>
+                Consultation Brief
+             </h2>
+         </header>
+
+         {chatSummary ? (
+             <div className="bg-yellow-50/30 p-8 rounded-xl border border-yellow-100 min-h-[500px]">
+                 <div className="prose prose-sm max-w-none text-gray-800 leading-relaxed whitespace-pre-wrap font-medium">
+                     {chatSummary}
+                 </div>
+             </div>
+         ) : (
+             <div className="flex items-center justify-center h-64 border-2 border-dashed border-gray-200 rounded-xl">
+                 <p className="text-gray-400 italic">Consultation brief not generated.</p>
+             </div>
+         )}
+
+         {/* FOOTER - BOTTOM OF FINAL PAGE */}
+         <div className="mt-auto pt-12 border-t-4 border-black">
+             <div className="flex justify-between items-end">
+                 <div className="max-w-md">
+                     <p className="font-black text-gray-900 text-xs uppercase tracking-widest mb-2">Disclaimer</p>
+                     <p className="text-[10px] text-gray-500 leading-normal text-justify">
+                         This report is generated by an AI assistant for educational purposes only. It is not a medical device. 
+                         Always consult a qualified healthcare provider for diagnosis and treatment. The information provided 
+                         is based on the inputs provided during the session and may not cover all clinical aspects.
+                     </p>
+                 </div>
+                 <div className="text-right">
+                     <p className="font-black text-gray-900 text-lg">SomAI</p>
+                     <p className="text-[10px] font-bold text-gray-400 uppercase tracking-wider">Powered by Google Gemini</p>
+                 </div>
+             </div>
          </div>
-      )}
-    </div>
-  </section>
-  {/* Chat Summary */}
-  <section className="mb-8 break-inside-avoid">
-     <h2 className="flex items-center gap-2 text-sm font-black uppercase tracking-wider text-black border-b border-gray-200 pb-2 mb-4">
-       <ClipboardList size={16} /> Consultation Brief
-     </h2>
-     <div className="bg-yellow-50/50 p-6 rounded-xl border border-yellow-100">
-       {chatSummary ? (
-         <p className="text-sm text-gray-800 leading-relaxed whitespace-pre-wrap font-medium">{chatSummary}</p>
-       ) : (
-         <p className="text-gray-500 italic text-sm">No session summary available.</p>
-       )}
-     </div>
-  </section>
-  {/* Full Transcript */}
-  <section>
-     <h2 className="flex items-center gap-2 text-sm font-black uppercase tracking-wider text-black border-b border-gray-200 pb-2 mb-4">
-       <MessageSquare size={16} /> Conversation Transcript
-     </h2>
-     <div className="space-y-1">
-        {chatHistory.map((m) => (
-           <div key={m.id} className="grid grid-cols-12 gap-4 py-2 border-b border-gray-100 break-inside-avoid text-xs">
-              <div className="col-span-2 font-bold text-gray-500 uppercase tracking-wider pt-1">
-                {m.role === 'user' ? 'Patient' : 'SomAI'}
-              </div>
-              <div className="col-span-10 text-gray-800 leading-relaxed">
-                {m.image && <div className="text-[10px] text-blue-600 mb-1 font-bold">[Image Attachment]</div>}
-                {m.text}
-              </div>
-           </div>
-        ))}
-        {chatHistory.length === 0 && <p className="text-gray-400 italic text-xs">No messages logged.</p>}
-     </div>
-  </section>
-  {/* Footer */}
-  <footer className="mt-12 pt-6 border-t-2 border-gray-900 flex justify-between items-center text-[10px] text-gray-500 break-inside-avoid">
-    <div className="max-w-[60%]">
-      <p className="font-bold text-gray-900 mb-1 uppercase tracking-wider">Disclaimer</p>
-      <p>This report is generated by an AI assistant for educational purposes only. It is not a medical device. Always consult a qualified healthcare provider for diagnosis and treatment.</p>
-    </div>
-    <div className="text-right">
-      <p className="font-bold text-gray-900">SomAI</p>
-      <p>Powered by Google Gemini</p>
+      </div>
+
     </div>
-  </footer>
-</div>
-);
+  );
 };
 
 export default PrintReport;