update

backend/app/main.py

@@ -188,7 +188,7 @@ async def get_asset_status(asset_id: int, db: Session = Depends(get_db)):
             try:
                 cursor = conn.cursor()
                 cursor.execute("""
-                    SELECT id, name, analysis_status, analyzed_at 
+                    SELECT id, name, analysis_status, analyzed_at, extracted_content
                     FROM assets 
                     WHERE id = %s
                 """, (asset_id,))
@@ -200,7 +200,8 @@ async def get_asset_status(asset_id: int, db: Session = Depends(get_db)):
                         "asset_id": row[0],
                         "name": row[1],
                         "status": row[2] or "pending",
-                        "analyzed_at": row[3].isoformat() if row[3] else None
+                        "analyzed_at": row[3].isoformat() if row[3] else None,
+                        "extracted_content": row[4] if len(row) > 4 else None  # Include extracted JSON
                     }
             except Exception as e:
                 if conn:

frontend/src/pages/Repository.jsx

@@ -19,7 +19,8 @@ import {
   Plus,
   X,
   Check,
-  File
+  File,
+  Copy
 } from 'lucide-react';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
@@ -231,10 +232,14 @@ export default function Repository() {
         const data = await response.json();
         setPdfPages(data);
       } else {
-        console.error('Failed to load PDF pages');
+        const errorData = await response.json().catch(() => ({ detail: 'Failed to load PDF' }));
+        console.error('Failed to load PDF pages:', errorData);
+        // Store error message for display
+        setPdfPages({ error: errorData.detail || 'Failed to load PDF preview' });
       }
     } catch (error) {
       console.error('Error loading PDF pages:', error);
+      setPdfPages({ error: error.message || 'Failed to load PDF preview' });
     } finally {
       setIsLoadingPdf(false);
     }
@@ -284,7 +289,8 @@ export default function Repository() {
             ...prev,
             [fileName]: {
               status: status.status,
-              message: getStatusMessage(status.status)
+              message: getStatusMessage(status.status),
+              extractedContent: status.extracted_content || null  // Store extracted JSON
             }
           }));
           
@@ -541,6 +547,33 @@ export default function Repository() {
                                       style={{ width: `${getProgressValue()}%` }}
                                     />
                                   </div>
+                                  {/* JSON Output Display */}
+                                  {progress?.status === 'completed' && progress?.extractedContent && (
+                                    <div className="mt-3 p-3 bg-slate-50 rounded-lg border border-slate-200">
+                                      <div className="flex items-center justify-between mb-2">
+                                        <p className="text-xs font-medium text-slate-700">Extracted JSON Output:</p>
+                                        <Button
+                                          variant="ghost"
+                                          size="sm"
+                                          className="h-6 px-2 text-xs"
+                                          onClick={() => {
+                                            const jsonStr = JSON.stringify(progress.extractedContent, null, 2);
+                                            navigator.clipboard.writeText(jsonStr).then(() => {
+                                              alert('JSON copied to clipboard!');
+                                            }).catch(() => {
+                                              alert('Failed to copy JSON');
+                                            });
+                                          }}
+                                        >
+                                          <Copy className="w-3 h-3 mr-1" />
+                                          Copy
+                                        </Button>
+                                      </div>
+                                      <pre className="text-xs text-slate-600 bg-white p-2 rounded border border-slate-200 max-h-40 overflow-auto font-mono">
+                                        {JSON.stringify(progress.extractedContent, null, 2)}
+                                      </pre>
+                                    </div>
+                                  )}
                                 </div>
                               )}
                             </div>
@@ -998,6 +1031,23 @@ export default function Repository() {
                         <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mb-4"></div>
                         <p className="text-slate-600">Converting PDF pages to images...</p>
                       </div>
+                    ) : pdfPages && pdfPages.error ? (
+                      <div className="flex flex-col items-center justify-center p-12 bg-red-50 rounded-lg border border-red-200">
+                        <FileText className="w-16 h-16 text-red-400 mb-4" />
+                        <p className="text-red-600 font-medium mb-2">Failed to load PDF preview</p>
+                        <p className="text-red-500 text-sm mb-4 text-center max-w-md">{pdfPages.error}</p>
+                        <p className="text-slate-600 text-xs mb-4 text-center max-w-md">
+                          This might be because poppler-utils is not installed. PDFs can still be downloaded.
+                        </p>
+                        <Button 
+                          onClick={() => window.open(`/api/assets/${previewAsset.id}/download`, '_blank')}
+                          variant="outline"
+                          className="border-red-200 text-red-600 hover:bg-red-100"
+                        >
+                          <Download className="w-4 h-4 mr-2" />
+                          Download PDF
+                        </Button>
+                      </div>
                     ) : pdfPages && pdfPages.pages ? (
                       <div className="space-y-6">
                         <div className="text-sm text-slate-600 bg-blue-50 p-3 rounded-lg">