Update

backend/app.py

@@ -971,6 +971,26 @@ async def generate_report(
             annotated_img_full = ''
         annotated_img = annotated_img_full
 
+        # Compute a display path for the HTML. Prefer a relative filename when the
+        # annotated image is copied into the same report folder. This makes the
+        # HTML work when opened directly from disk (or via HF file viewer).
+        annotated_img_display = annotated_img_full
+        try:
+            if annotated_img_local:
+                annotated_img_local_abs = os.path.abspath(annotated_img_local)
+                report_dir_abs = os.path.abspath(report_dir)
+                # If the annotated image resides in the report folder, reference by basename
+                if os.path.commonpath([annotated_img_local_abs, report_dir_abs]) == report_dir_abs:
+                    annotated_img_display = os.path.basename(annotated_img_local_abs)
+                else:
+                    # If annotated image is inside the outputs/reports/<report_id>/ path but not same
+                    # absolute path (edge cases), make it relative to the report dir
+                    prefix = f"/outputs/reports/{report_id}/"
+                    if isinstance(annotated_img_full, str) and annotated_img_full.startswith(prefix):
+                        annotated_img_display = annotated_img_full[len(prefix):]
+        except Exception:
+            annotated_img_display = annotated_img_full
+
         download_pdf_btn = f'<a href="{pdf_url}" download style="text-decoration:none"><button class="btn-secondary">Download PDF</button></a>' if pdf_url else ''
         
         # Format generated time
@@ -1068,7 +1088,7 @@ async def generate_report(
           </div>
         </div>
 
-        {'<div class="full"><div class="section-title">Annotated Analysis Image</div><img src="' + annotated_img_full + '" class="annotated-image" alt="Annotated Analysis Result" /></div>' if annotated_img else ''}
+    {'<div class="full"><div class="section-title">Annotated Analysis Image</div><img src="' + annotated_img_display + '" class="annotated-image" alt="Annotated Analysis Result" /></div>' if annotated_img else ''}
 
         <div class="full">
           <div class="section-title">Doctor\'s Notes</div>