Fix static spinner graphic and favicon

app.py

@@ -13,7 +13,9 @@ def main(opened=False):
     st.set_page_config(
         page_title="Wrdler",
         layout="wide",
-        initial_sidebar_state="expanded" if opened else "collapsed"
+        #initial_sidebar_state="expanded" if opened else "collapsed",
+        initial_sidebar_state=None,
+        page_icon="/app/static/favicon.ico"
     )
 
     st.markdown(

wrdler/ui_helpers.py

@@ -641,16 +641,16 @@ def _render_footer(current_page: str = "play"):
 def show_spinner(message: str = "Loading..."):
     """
     Show a full-page overlay with a wrdler.gif spinner and optional message.
-    Expects wrdler/assets/wrdler.gif to exist.
+    Expects static/wrdler.gif to exist.
     """
-    gif_path = os.path.join(os.path.dirname(__file__), "assets", "wrdler.gif")
-    gif_data = None
-    if os.path.exists(gif_path):
-        with open(gif_path, "rb") as f:
-            gif_data = base64.b64encode(f.read()).decode("utf-8")
-        img_tag = f'<img src="data:image/gif;base64,{gif_data}" alt="Loading..." width="80" height="80" />'
-    else:
-        img_tag = '<div style="width:80px;height:80px;background:#eee;border-radius:16px;"></div>'
+    # gif_path = os.path.join(os.path.dirname(__file__), "assets", "wrdler.gif")
+    # gif_data = None
+    # if os.path.exists(gif_path):
+    #     with open(gif_path, "rb") as f:
+    #         gif_data = base64.b64encode(f.read()).decode("utf-8")
+    #     img_tag = f'<img src="data:image/gif;base64,{gif_data}" alt="Loading..." width="192" height="192" />'
+    # else:
+    #     img_tag = '<div style="width:80px;height:80px;background:#eee;border-radius:16px;"></div>'
 
     st.markdown(
         f'''
@@ -675,7 +675,7 @@ def show_spinner(message: str = "Loading..."):
         </style>
         <div class="bw-spinner-overlay">
             <div class="modal-spinner-inner" style="display:flex; flex-direction:column; align-items:center;">
-                <div class="bw-spinner-img stImage">{img_tag}</div>
+                <div class="bw-spinner-img stImage"><img src="/app/static/wrdler.gif" alt="Loading..." width="192" height="192" /></div>
                 <div class="bw-spinner-msg">{message}</div>
             </div>
         </div>