Update web/src/components/ChatArea.tsx

web/src/components/ChatArea.tsx

@@ -173,9 +173,36 @@ function FileViewerContent({ file }: { file: File }) {
   }
 
   if (isPdfFile(file.name)) {
+    // 强制给 pdf MIME，避免 file.type 为空导致 Chrome 拦截
+    const pdfBlob = new Blob([file], { type: "application/pdf" });
+    const pdfUrl = URL.createObjectURL(pdfBlob);
+  
     return (
       <div className="w-full h-[70vh] border rounded-lg overflow-hidden">
-        <iframe title={file.name} src={url} className="w-full h-full" />
+        <object data={pdfUrl} type="application/pdf" className="w-full h-full">
+          <div className="p-3 space-y-2">
+            <div className="text-sm text-muted-foreground">
+              PDF preview is blocked by your browser. Please open it in a new tab or download.
+            </div>
+            <div className="flex gap-2">
+              <a
+                href={pdfUrl}
+                target="_blank"
+                rel="noreferrer"
+                className="inline-flex items-center justify-center h-9 px-3 rounded-md border hover:bg-muted"
+              >
+                Open in new tab
+              </a>
+              <a
+                href={pdfUrl}
+                download={file.name}
+                className="inline-flex items-center justify-center h-9 px-3 rounded-md border hover:bg-muted"
+              >
+                Download
+              </a>
+            </div>
+          </div>
+        </object>
       </div>
     );
   }