Upload main_app.py

main_app.py

@@ -1032,8 +1032,12 @@ def update_background(scene_manager: SceneManager, theme: str):
         # デバッグ用：使用する背景画像URLをログ出力
         selected_bg = css_dict.get(theme, css_dict['default'])
         logger.info(f"背景画像設定: {selected_bg}")
+        # 一意なIDを生成してCSSの重複を防ぐ
+        import time
+        css_id = f"bg-{int(time.time() * 1000)}"
+        
         css = f"""
-        <style>
+        <style id="{css_id}">
         /* 背景画像を確実に適用するための強力なセレクタ - 優先度を最大化 */
         .stApp.stApp.stApp {{
             {selected_bg}
@@ -1055,9 +1059,22 @@ def update_background(scene_manager: SceneManager, theme: str):
             min-height: 100vh !important;
         }}
 
-        /* bodyとhtmlは透過に */
-        html, body {{
-            background: none !important;
+        /* bodyとhtmlレベルでも背景を設定（rerun対策） */
+        html {{
+            {selected_bg}
+            background-size: cover !important;
+            background-position: center !important;
+            background-attachment: fixed !important;
+            background-repeat: no-repeat !important;
+        }}
+        
+        body {{
+            {selected_bg}
+            background-size: cover !important;
+            background-position: center !important;
+            background-attachment: fixed !important;
+            background-repeat: no-repeat !important;
+            min-height: 100vh !important;
         }}
         
         /* 他の要素は透過にして背景を見せる */
@@ -1067,6 +1084,47 @@ def update_background(scene_manager: SceneManager, theme: str):
             background: transparent !important;
         }}
         </style>
+        
+        <script>
+        // JavaScript側でも背景を強制適用（rerun対策）
+        (function() {{
+            const applyBackground = () => {{
+                const elements = [
+                    document.documentElement,
+                    document.body,
+                    document.querySelector('.stApp'),
+                    document.querySelector('[data-testid="stAppViewContainer"]')
+                ];
+                
+                elements.forEach(el => {{
+                    if (el) {{
+                        el.style.backgroundImage = '{selected_bg.split(": ")[1].replace(";", "")}';
+                        el.style.backgroundSize = 'cover';
+                        el.style.backgroundPosition = 'center';
+                        el.style.backgroundAttachment = 'fixed';
+                        el.style.backgroundRepeat = 'no-repeat';
+                        el.style.minHeight = '100vh';
+                    }}
+                }});
+            }};
+            
+            // 即座に適用
+            applyBackground();
+            
+            // DOM変更時にも再適用
+            if (window.MutationObserver) {{
+                const observer = new MutationObserver(applyBackground);
+                observer.observe(document.body, {{ childList: true, subtree: true }});
+                
+                // 5秒後に監視を停止（パフォーマンス対策）
+                setTimeout(() => observer.disconnect(), 5000);
+            }}
+            
+            // 定期的にも適用（最後の手段）
+            setTimeout(applyBackground, 100);
+            setTimeout(applyBackground, 500);
+        }})();
+        </script>
         """
         st.markdown(css, unsafe_allow_html=True)
             # Python側の状態管理は継続する
@@ -2368,6 +2426,8 @@ Streamlit情報:
     if st.session_state.get('dog_button_clicked', False):
         # フラグをクリアして重複処理を防ぐ
         st.session_state.dog_button_clicked = False
+        # 背景更新を強制
+        st.session_state.force_background_update = True
         logger.info("犬のボタン状態変更を検知しました - UI更新を実行")
         # 状態変更が反映されるよう強制的に再描画
         st.rerun()
@@ -3001,22 +3061,36 @@ def main():
     # CSSを適用
     inject_custom_css()
 
-    # CSS読み込み完了後に背景を更新（初期設定・初回のみ）
-    if not st.session_state.get('_initial_background_set', False):
-        try:
-            initial_theme = st.session_state.chat['scene_params'].get('theme', 'default')
-            logger.info(f"初期背景設定: テーマ '{initial_theme}' (初回のみ)")
+    # 背景を毎回更新（rerun時の白背景問題を解決）
+    try:
+        current_theme = st.session_state.chat['scene_params'].get('theme', 'default')
+        
+        # 背景更新が必要かチェック
+        last_theme = st.session_state.get('_last_background_theme', None)
+        force_background_update = st.session_state.get('force_background_update', False)
+        
+        if last_theme != current_theme or force_background_update or not st.session_state.get('_initial_background_set', False):
+            logger.info(f"背景更新: テーマ '{current_theme}' (前回: {last_theme})")
             
-            # 初回のみ背景を更新
-            update_background(managers['scene_manager'], initial_theme)
+            # 背景を更新
+            update_background(managers['scene_manager'], current_theme)
             st.session_state._initial_background_set = True
+            st.session_state._last_background_theme = current_theme
             st.session_state._last_rendered_tab = None  # タブ切り替え検出をリセット
+            
+            # 強制更新フラグをクリア
+            if force_background_update:
+                st.session_state.force_background_update = False
+        else:
+            # テーマが変わっていない場合でも、rerun時は背景を再適用
+            logger.debug(f"背景再適用: テーマ '{current_theme}'")
+            update_background(managers['scene_manager'], current_theme)
                 
-        except Exception as e:
-            logger.error(f"初期背景設定でエラーが発生: {e}")
-            import traceback
-            logger.error(f"初期背景設定エラーの詳細: {traceback.format_exc()}")
-            # エラーが発生してもアプリケーションは継続
+    except Exception as e:
+        logger.error(f"背景設定でエラーが発生: {e}")
+        import traceback
+        logger.error(f"背景設定エラーの詳細: {traceback.format_exc()}")
+        # エラーが発生してもアプリケーションは継続
 
     # チュートリアル機能の初期化
     tutorial_manager = managers['tutorial_manager']