URL-encode sprite paths so spaces in dev path don't truncate <img src>

app.py

@@ -17,6 +17,7 @@ from __future__ import annotations
 import base64
 import os
 import sys
+from urllib.parse import quote as _url_quote
 from pathlib import Path
 from typing import Optional
 
@@ -390,7 +391,12 @@ def _sprite_data_uri_app(name: str) -> str:
     # The /gradio_api/file= path works on 5+; legacy /file= works on 4.x.
     # _FILE_URL_PREFIX is computed once at module load based on
     # gr.__version__.
-    uri = f"{_FILE_URL_PREFIX}{path.as_posix()}"
+    #
+    # URL-encode the path so any spaces or special chars (e.g. the
+    # "CHAI Project" path on the dev machine) survive the trip through
+    # an HTML <img src=…> attribute. safe="/" preserves the path
+    # separators which browsers + Gradio's route both need verbatim.
+    uri = f"{_FILE_URL_PREFIX}{_url_quote(path.as_posix(), safe='/')}"
     cache[name] = uri
     return uri
 
@@ -862,7 +868,7 @@ def _banner_html(state: Optional[GameState] = None) -> str:
     # ~455 KB parallax PNG. Full mode loads the PNG via Gradio's file
     # route so the browser caches it after the first request.
     if _full_visual_mode() and _PARALLAX_PNG.exists():
-        src = f"{_FILE_URL_PREFIX}{_PARALLAX_PNG.as_posix()}"
+        src = f"{_FILE_URL_PREFIX}{_url_quote(_PARALLAX_PNG.as_posix(), safe='/')}"
         result = (
             f"<div class='oracle-banner{extra_cls}'>"
             f"<img src='{src}' alt='banner'/>"