Fix logo rendering using Gradio image component

app.py

@@ -2,6 +2,7 @@ import json
 import os
 import re
 from dataclasses import dataclass, field
+from pathlib import Path
 from typing import Any, Dict, List, Optional, Set, Tuple
 
 import gradio as gr
@@ -53,6 +54,7 @@ TOOL_RESPONSE_TEMPLATE = """<tool_response>
 
 SEARCH_CACHE: Dict[str, Dict[str, Any]] = {}
 VISIT_CACHE: Dict[str, Dict[str, Any]] = {}
+LOGO_PATH = str(Path(__file__).resolve().parent / "assets" / "quest-logo.png")
 
 CUSTOM_CSS = """
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
@@ -82,11 +84,18 @@ CUSTOM_CSS = """
   gap: 18px;
 }
 
-.banner-logo {
-  width: 240px;
-  max-width: 40vw;
+.banner-logo-wrap {
+  min-width: 250px;
+}
+
+.banner-logo-image img {
+  width: 100%;
+  max-width: 280px;
+  height: auto;
+  object-fit: contain;
   border-radius: 10px;
   background: #ffffff;
+  border: 1px solid #e5e7eb;
 }
 
 .banner-title {
@@ -416,17 +425,27 @@ with gr.Blocks(
         """
 <div class="banner-card">
   <div class="banner-inner">
-    <img class="banner-logo" src="/file=assets/quest-logo.png" alt="QUEST logo" />
-    <div>
-      <div class="banner-title">QUEST Deep Research Agent</div>
-      <div class="banner-subtitle">
-        Multi-turn research agent with search + visit tools. Start with free models now, switch to your own model later.
-      </div>
-    </div>
+    <div class="banner-title">QUEST Deep Research Agent</div>
+  </div>
+  <div class="banner-subtitle">
+    Multi-turn research agent with search + visit tools. Start with free models now, switch to your own model later.
   </div>
 </div>
 """
     )
+    with gr.Row(elem_classes="banner-inner"):
+        with gr.Column(scale=2, elem_classes="banner-logo-wrap"):
+            gr.Image(
+                value=LOGO_PATH,
+                show_label=False,
+                container=False,
+                interactive=False,
+                show_download_button=False,
+                show_fullscreen_button=False,
+                elem_classes="banner-logo-image",
+            )
+        with gr.Column(scale=5):
+            gr.Markdown("")
 
     with gr.Row():
         with gr.Column(scale=5):