feat: allow image loading and avoid CORS error

When loading with some browsers (e.g. Firefox), there is an error loading the image because it is an external image. This change is a workaround to make it work.

app.py

@@ -1,5 +1,6 @@
 import csv
 import os
+import base64
 from datetime import datetime
 from typing import Optional, Union, List
 import gradio as gr
@@ -209,12 +210,6 @@ def neuron_export(model_id: str, model_type: str, pipeline_name: str, task_or_pi
     except Exception as e:
         yield log(f"❗ An unexpected error occurred in the Gradio interface: {e}")
 
-TITLE_IMAGE = """
-<div style="display: block; margin-left: auto; margin-right: auto; width: 50%;">
-<img src="https://huggingface.co/spaces/optimum/neuron-export/resolve/main/huggingfaceXneuron.png"/>
-</div>
-"""
-
 TITLE = """
 <div style="text-align: center; max-width: 1400px; margin: 0 auto;">
 <h1 style="font-weight: 900; margin-bottom: 10px; margin-top: 10px; font-size: 2.2rem;">
@@ -309,13 +304,46 @@ LOADING_MESSAGE = """
 <div id="in_progress"><span class="loader">&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;Model export in progress...</div>
 """
 
+# Download the title image at startup and encode as base64 to avoid CORS errors
+def get_title_image_html():
+    """Download image and return HTML with base64 encoded image"""
+    image_data = None
+
+    # Download image
+    try:
+        # Use huggingface_hub to download the file (handles auth automatically)
+        from huggingface_hub import hf_hub_download
+        downloaded_path = hf_hub_download(
+            repo_id="optimum/neuron-exporter",
+            filename="huggingfaceXneuron.png",
+            repo_type="space"
+        )
+        # Read directly from downloaded path
+        with open(downloaded_path, 'rb') as f:
+            image_data = f.read()
+    except Exception as e:
+        print(f"Warning: Could not download title image: {e}")
+        return ""  # Return empty if download fails
+
+    # Encode as base64
+    if image_data:
+        encoded = base64.b64encode(image_data).decode('utf-8')
+        return f"""
+<div style="display: block; margin-left: auto; margin-right: auto; width: 50%;">
+<img src="data:image/png;base64,{encoded}"/>
+</div>
+"""
+    return ""
+
+
 with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Soft()) as demo:
     gr.Markdown("**You must be logged in to use this space**")
     gr.LoginButton(elem_id="login-button", elem_classes="center-button", min_width=250)
-    gr.HTML(TITLE_IMAGE)
+    title_image = get_title_image_html()
+    gr.HTML(title_image)
     gr.HTML(TITLE)
     gr.Markdown(DESCRIPTION)
-    
+
     with gr.Tabs():
         with gr.Tab("Export Model"):
             with gr.Group():