UI: fix default conference logo preview; make header logos clickable; adjust spacing and inset (top-right)

app.py

@@ -122,7 +122,9 @@ def _find_ui_header_logos(root: Path):
     return found
 
 def _ui_header_logos_html():
-    """Return an HTML div with base64-embedded logos to avoid broken /file routes."""
+    """Return an HTML div with base64-embedded logos to avoid broken /file routes.
+    Logos are fixed at top-right, slightly inset, with larger spacing.
+    """
     import base64
     logos = _find_ui_header_logos(ROOT)
     if not logos:
@@ -134,23 +136,48 @@ def _ui_header_logos_html():
             b64 = base64.b64encode(b).decode("utf-8")
             mime = "image/png" if p.suffix.lower() == ".png" else "image/jpeg"
             src = f"data:{mime};base64,{b64}"
-            parts.append(f"<img src='{src}' style='height:56px;width:auto;object-fit:contain'>")
+            name = p.name.lower()
+            href = None
+            if "camel" in name:
+                href = "https://www.camel-ai.org/"
+            elif "tvg" in name or "torr" in name:
+                href = "https://torrvision.com/index.html"
+            elif "waterloo" in name:
+                href = "https://uwaterloo.ca/"
+            img = f"<img src='{src}' alt='{p.stem}' style='height:44px;width:auto;object-fit:contain;display:block;cursor:pointer'>"
+            parts.append(f"<a href='{href}' target='_blank' rel='noopener'>{img}</a>" if href else img)
         except Exception:
             continue
     if not parts:
         return ""
-    # Render as a fixed-position header bar at the top-right so it doesn't push the layout down.
+    # Fixed-position header bar at top-right; moved left a bit and larger spacing
     imgs = "".join(parts)
     return (
         "<style>"
-        "#p2p-logo-bar{position:fixed;top:12px;right:16px;display:flex;gap:12px;"
+        "#p2p-logo-bar{position:fixed;top:12px;right:28px;display:flex;gap:20px;"
         "align-items:center;z-index:9999}"
-        "#p2p-logo-bar img{height:44px;width:auto;object-fit:contain;display:block}"
+        "#p2p-logo-bar a{display:block;line-height:0}"
         "@media (max-width: 768px){#p2p-logo-bar img{height:32px}}"
         "</style>"
         "<div id='p2p-logo-bar'>" + imgs + "</div>"
     )
 
+def _default_conf_logo_path():
+    """Pick a default conference logo to preview.
+    Prefer template/logos/right_logo.png, else the first of detected header logos.
+    """
+    try:
+        pref = ROOT / "template" / "logos" / "right_logo.png"
+        if pref.exists():
+            return pref
+        logos = _find_ui_header_logos(ROOT)
+        for p in logos:
+            if p and p.exists():
+                return p
+    except Exception:
+        pass
+    return None
+
 ## Removed sanitizer per request: do not mutate user-generated TeX
 
 def _on_rm_error(func, path, exc_info):
@@ -3050,8 +3077,9 @@ The framework builds upon 🐪 [CAMEL-ai](https://github.com/camel-ai/camel).
                             file_types=["image"],
                         )
                     with gr.Column():
+                        _conf_path = _default_conf_logo_path()
                         conf_preview = gr.Image(
-                            value=str(DEFAULT_RIGHT_LOGO_PATH) if DEFAULT_RIGHT_LOGO_PATH.exists() else None,
+                            value=str(_conf_path) if _conf_path else None,
                             label="Default conference logo preview",
                             interactive=False,
                         )