Upload app.py

app.py

@@ -15,7 +15,7 @@ if not GEMINI_API_KEY or not GROQ_API_KEY:
     raise ValueError("GEMINI_API_KEY と GROQ_API_KEY をSecretsに設定してください。")
 
 genai.configure(api_key=GEMINI_API_KEY)
-gemini_model = genai.GenerativeModel('gemini-2.5-flash-lite')
+gemini_model = genai.GenerativeModel('gemini-1.5-flash-latest')
 groq_client = Groq(api_key=GROQ_API_KEY)
 
 print("日本語感情分析モデルをロード中...")
@@ -123,12 +123,8 @@ def generate_dialogue_with_gemini(history, message, affection, stage_name, scene
 """
     print(f"Geminiに応答生成をリクエストします (モード: {'シーン遷移' if instruction else '通常会話'})")
     try:
-        # ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
-        # ★★★★★★★★★★★★★ 修正の中心部分 ① ★★★★★★★★★★★★★★
-        # ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
-        # 応答が長くなりすぎないように、トークン数の上限を設定
         generation_config = genai.types.GenerationConfig(
-            max_output_tokens=200, # セリフとして適切な長さに制限
+            max_output_tokens=200,
             temperature=0.95
         )
         response = gemini_model.generate_content(
@@ -152,7 +148,8 @@ def update_affection(message, affection):
         result = sentiment_analyzer(message)[0]
         if result['label'] == 'positive': return min(100, affection + 5)
         if result['label'] == 'negative': return max(0, affection - 5)
-    except Exception: return affection
+    except Exception:
+        return affection
     return affection
 
 # --- 3. メインの応答処理とUI構築 ---
@@ -178,29 +175,31 @@ def respond(message, chat_history, affection, history, scene_params):
     new_history = history + [(message, bot_message)]
     chat_history.append((message, bot_message))
     theme_name = final_scene_params.get("theme", "default")
-    
     background_url = THEME_URLS.get(theme_name, THEME_URLS["default"])
-    style_override = f"""
-    <style>
-        :root {{
-            --body-background-fill: url('{background_url}') !important;
-            --body-background-fill-dark: url('{background_url}') !important;
-            --body-background-fill-transition: background-image 1s ease-in-out !important;
-        }}
-        body {{
-             background-size: cover !important;
-             background-position: center !important;
+
+    # JSで背景を動的に差し替えるスクリプト
+    js_script = f"""
+    <script>
+    setTimeout(() => {{
+        const root = document.querySelector('.gradio-container');
+        if (root) {{
+            console.log("背景画像を変更: {background_url}");
+            root.style.backgroundImage = "url('{background_url}')";
+            root.style.backgroundSize = "cover";
+            root.style.backgroundPosition = "center";
+            root.style.transition = "background-image 1s ease-in-out";
         }}
-    </style>
+    }}, 100);
+    </script>
     """
-    
-    return "", chat_history, new_affection, stage_name, new_affection, new_history, final_scene_params, style_override
+
+    return "", chat_history, new_affection, stage_name, new_affection, new_history, final_scene_params, js_script
 
 with gr.Blocks(css="style.css", theme=gr.themes.Soft(primary_hue="rose", secondary_hue="pink")) as demo:
     scene_state = gr.State(DEFAULT_SCENE_PARAMS)
-    affection_state = gr.State(30) # 内部状態の初期値
+    affection_state = gr.State(30)
     history_state = gr.State([])
-    
+
     gr.Markdown("# 麻理チャット")
     with gr.Row():
         with gr.Column(scale=2):
@@ -208,18 +207,14 @@ with gr.Blocks(css="style.css", theme=gr.themes.Soft(primary_hue="rose", seconda
             msg_input = gr.Textbox(label="あなたのメッセージ", placeholder="「水族館はどう？」と聞いた後、「いいね、行こう！」のように返してみてください", scale=5)
         with gr.Column(scale=1):
             stage_display = gr.Textbox(label="現在の関係ステージ", interactive=False)
-            # ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
-            # ★★★★★★★★★★★★★ 修正の中心部分 ② ★★★★★★★★★★★★★★
-            # ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
-            # UIコンポーネントの初期値を内部状態と一致させる
             affection_gauge = gr.Slider(minimum=0, maximum=100, label="麻理の好感度", value=30, interactive=False)
-            css_injector = gr.HTML(visible=False)
+            js_injector = gr.HTML(elem_classes="hidden")
 
     msg_input.submit(
-        respond, 
-        [msg_input, chatbot, affection_state, history_state, scene_state], 
-        [msg_input, chatbot, affection_gauge, stage_display, affection_state, history_state, scene_state, css_injector]
+        respond,
+        [msg_input, chatbot, affection_state, history_state, scene_state],
+        [msg_input, chatbot, affection_gauge, stage_display, affection_state, history_state, scene_state, js_injector]
     )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()