Improve PDF embedding compatibility for HF Spaces

frontend/components/AgentAnalysis.tsx

@@ -515,22 +515,32 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                 
                 {/* PDF Viewer for Active Selection */}
                 {activeAnimalId && pdfUrls[activeAnimalId] && (
-                  <div className="mt-6 rounded-2xl overflow-hidden border border-white/10 bg-black/40 h-80 relative group">
-                    <iframe 
-                      src={`${pdfUrls[activeAnimalId]}#toolbar=0&navpanes=0&scrollbar=0`} 
-                      className="w-full h-full border-none opacity-80 group-hover:opacity-100 transition-opacity" 
-                    />
-                    <div className="absolute inset-x-0 bottom-0 p-3 bg-gradient-to-t from-black to-transparent flex justify-between items-end">
-                      <p className="text-[9px] font-mono text-slate-400 truncate max-w-[150px]">
-                        {corral.find(a => a.id === activeAnimalId)?.file.name}
-                      </p>
+                  <div className="mt-6 rounded-2xl overflow-hidden border border-white/10 bg-black/40 h-80 relative group flex flex-col">
+                    <div className="flex-1 w-full bg-slate-900/50 flex items-center justify-center relative">
+                        <embed 
+                          src={pdfUrls[activeAnimalId]} 
+                          type="application/pdf"
+                          className="w-full h-full" 
+                        />
+                        {/* Fallback Overlay for blocked frames */}
+                        <div className="absolute inset-0 flex items-center justify-center pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity bg-black/40">
+                           <p className="text-[10px] text-white font-bold bg-purple-600 px-3 py-1 rounded-full shadow-lg">Document Preview Mode</p>
+                        </div>
+                    </div>
+                    <div className="p-3 bg-slate-950 flex justify-between items-center border-t border-white/5">
+                      <div className="flex items-center gap-2">
+                        <span className="text-xl">📄</span>
+                        <p className="text-[10px] font-mono text-slate-300 truncate max-w-[120px]">
+                          {corral.find(a => a.id === activeAnimalId)?.file.name}
+                        </p>
+                      </div>
                       <a 
                         href={pdfUrls[activeAnimalId]} 
                         target="_blank" 
                         rel="noopener noreferrer"
-                        className="text-[9px] font-bold text-cyan hover:underline"
+                        className="px-3 py-1 rounded-lg bg-cyan/10 border border-cyan/20 text-[10px] font-black text-cyan hover:bg-cyan hover:text-black transition-all"
                       >
-                        Full View ↗
+                        OPEN FULL PDF ↗
                       </a>
                     </div>
                   </div>