Upload 2 files

app.py

@@ -176,19 +176,35 @@ def generate_dialogue_with_gemini(history, message, affection, stage_name, scene
     print(f"プロンプト長: {len(system_prompt)}")
 
     try:
+        # デバッグ情報を追加
+        print(f"Gemini API呼び出し開始...")
+        
         generation_config = genai.types.GenerationConfig(max_output_tokens=200, temperature=0.95)
         response = gemini_model.generate_content(system_prompt, generation_config=generation_config)
+        
+        print(f"Gemini API呼び出し完了")
+        print(f"応答候補数: {len(response.candidates) if hasattr(response, 'candidates') and response.candidates else 'なし'}")
+        
+        if hasattr(response, 'candidates') and response.candidates:
+            print(f"応答理由: {response.candidates[0].finish_reason}")
+            print(f"応答テキスト: {response.text if hasattr(response, 'text') else 'なし'}")
 
         if response.candidates and response.candidates[0].finish_reason in {1, 'STOP'}:
+            print(f"正常応答: {response.text.strip()}")
             return response.text.strip()
         else:
+            print(f"異常応答検出")
+            # エラー情報をコンソールに出力（デバッグ用）
+            finish_reason = response.candidates[0].finish_reason if hasattr(response, 'candidates') and response.candidates else 'N/A'
+            print(f"応答生成が途中で終了しました。理由: {finish_reason}")
+            print(f"Prompt Feedback: {response.prompt_feedback if hasattr(response, 'prompt_feedback') else 'なし'}")
+            
             # エラー情報をログファイルに記録（デバッグ用）
             import datetime
             with open("gemini_errors.log", "a") as f:
-                finish_reason = response.candidates[0].finish_reason if response.candidates else 'N/A'
                 f.write(f"時刻: {datetime.datetime.now().strftime('%Y-%m-%d %H:%M:%S')}\n")
                 f.write(f"応答生成が途中で終了しました。理由: {finish_reason}\n")
-                f.write(f"Prompt Feedback: {response.prompt_feedback}\n")
+                f.write(f"Prompt Feedback: {response.prompt_feedback if hasattr(response, 'prompt_feedback') else 'なし'}\n")
                 
                 if hasattr(response, 'prompt_feedback') and response.prompt_feedback:
                     for rating in response.prompt_feedback.safety_ratings:
@@ -239,17 +255,36 @@ def generate_dialogue_with_gemini(history, message, affection, stage_name, scene
                 import random
                 for key in scene_responses:
                     if key in scene:
-                        return random.choice(scene_responses[key])
+                        fallback = random.choice(scene_responses[key])
+                        print(f"シーン '{key}' に対応するフォールバック応答: {fallback}")
+                        return fallback
                 
                 # デフォルト応答
-                return f"（{scene}の様子を静かに見回して）ここか…悪くない場所かもな。"
+                fallback = f"（{scene}の様子を静かに見回して）ここか…悪くない場所かもな。"
+                print(f"デフォルトのシーンフォールバック応答: {fallback}")
+                return fallback
             else:
-                return "（……何か言おうとしたけど、言葉に詰まった）"
+                fallback = "（……何か言おうとしたけど、言葉に詰まった）"
+                print(f"一般的なフォールバック応答: {fallback}")
+                return fallback
     except Exception as e:
         print(f"応答生成エラー(Gemini): {e}")
         import traceback
         traceback.print_exc()  # スタックトレースを出力
-        return "（ごめんなさい、ちょっと考えがまとまらない……）"
+        
+        # エラー情報をログファイルに記録
+        import datetime
+        with open("gemini_errors.log", "a") as f:
+            f.write(f"時刻: {datetime.datetime.now().strftime('%Y-%m-%d %H:%M:%S')}\n")
+            f.write(f"例外発生: {e}\n")
+            f.write(f"スタックトレース:\n")
+            import traceback
+            traceback.print_exc(file=f)
+            f.write("\n")
+        
+        error_response = "（ごめんなさい、ちょっと考えがまとまらない……）"
+        print(f"例外発生時のフォールバック応答: {error_response}")
+        return error_response
 
 
 # --- 他の関数とUI部分は変更ありません ---
@@ -320,15 +355,31 @@ def respond(message, chat_history, affection, history, scene_params):
     
     theme_name = final_scene_params.get("theme", "default")
     
-    # より強力な背景更新用のHTMLを生成
+    # より強力な背景更新用のHTMLを生成（z-indexを高くして常に表示されるように）
     background_html = f'''
-    <div class="background-container">
+    <div class="background-container" id="bg-container-{theme_name}">
         <div class="chat-background {theme_name}"></div>
     </div>
     <style>
     .chat-background {{
         background-image: url({THEME_URLS.get(theme_name, THEME_URLS["default"])}) !important;
     }}
+    
+    /* 背景コンテナのスタイルを強制的に適用 */
+    #bg-container-{theme_name} {{
+        position: fixed !important;
+        top: 0 !important;
+        left: 0 !important;
+        width: 100% !important;
+        height: 100% !important;
+        z-index: -1000 !important;
+        pointer-events: none !important;
+    }}
+    
+    /* Gradioのコンテナを透明に */
+    .gradio-container, .gradio-container > div {{
+        background-color: transparent !important;
+    }}
     </style>
     '''
     
@@ -346,13 +397,15 @@ custom_theme = gr.themes.Soft(
 
 # Gradio 5.xでのテーマカスタマイズ（最小限の設定のみ）
 try:
-    # 透明度を持つ背景色を設定（Gradio 5.0で確実に動作するプロパティのみ）
-    custom_theme = gr.themes.Soft(
+    # 透明な背景色を設定（Gradio 5.0で確実に動作するプロパティのみ）
+    custom_theme = gr.themes.Base(
         primary_hue="rose",
         secondary_hue="pink",
         neutral_hue="slate",
         spacing_size="sm",
         radius_size="lg",
+        font=["Helvetica", "Arial", "sans-serif"],
+        font_mono=["Consolas", "Monaco", "monospace"],
     )
 except Exception as e:
     print(f"テーマカスタマイズエラー: {e}")

style.css

@@ -15,26 +15,26 @@ body {
   z-index: 1 !important;
 }
 
-/* Gradio 5.0のブロックスタイル */
+/* Gradio 5.0のブロックスタイル - 完全に透明に */
 .gradio-container > div > div {
-  background-color: rgba(255, 255, 255, 0.85) !important;
+  background-color: transparent !important;
   border-radius: 12px !important;
   margin-bottom: 16px !important;
   padding: 16px !important;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
+  box-shadow: none !important;
 }
 
 /* ========================
    背景画像設定
 ======================== */
-/* 背景画像コンテナ */
+/* 背景画像コンテナ - 常に表示されるように */
 .background-container {
   position: fixed !important;
   top: 0 !important;
   left: 0 !important;
   width: 100% !important;
   height: 100% !important;
-  z-index: -100 !important; /* UIの後ろに配置 */
+  z-index: -1000 !important; /* 最背面に配置 */
   pointer-events: none !important;
   overflow: hidden !important;
 }
@@ -48,8 +48,9 @@ body {
   height: 100% !important;
   background-size: cover !important;
   background-position: center !important;
-  opacity: 0.2 !important; /* 薄く表示 */
-  filter: blur(2px) !important; /* 少しぼかす */
+  opacity: 0.3 !important; /* 適度な透明度 */
+  filter: blur(1px) !important; /* 少しぼかす */
+  transition: all 0.5s ease !important; /* 背景切り替え時のアニメーション */
 }
 
 /* 背景画像の上に半透明のオーバーレイを追加 */
@@ -60,23 +61,21 @@ body {
   left: 0 !important;
   width: 100% !important;
   height: 100% !important;
-  background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)) !important;
-  z-index: -99 !important;
+  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4)) !important;
+  z-index: -999 !important;
 }
 
 /* ========================
    コンポーネント共通スタイル
 ======================== */
-/* グループ共通スタイル */
+/* グループ共通スタイル - 背景を透明に */
 .header-box, .chat-box, .input-box, .status-box, .footer-box {
-  background-color: rgba(255, 255, 255, 0.85) !important;
+  background-color: transparent !important;
   border-radius: 12px !important;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
+  box-shadow: none !important;
   padding: 15px !important;
   margin-bottom: 15px !important;
-  backdrop-filter: blur(5px) !important;
-  -webkit-backdrop-filter: blur(5px) !important;
-  border: 1px solid rgba(255, 255, 255, 0.3) !important;
+  border: none !important;
 }
 
 /* ========================
@@ -126,10 +125,30 @@ body {
   padding: 10px !important;
 }
 
-.input-box textarea {
+/* 入力欄の背景を半透明に */
+textarea, input[type="text"], input[type="number"] {
+  background-color: rgba(255, 255, 255, 0.8) !important;
   border-radius: 8px !important;
   border: 1px solid rgba(0, 0, 0, 0.1) !important;
   padding: 10px !important;
+  backdrop-filter: blur(5px) !important;
+  -webkit-backdrop-filter: blur(5px) !important;
+}
+
+/* ボタンのスタイル */
+button {
+  background-color: rgba(255, 255, 255, 0.8) !important;
+  border-radius: 8px !important;
+  border: 1px solid rgba(0, 0, 0, 0.1) !important;
+  padding: 8px 16px !important;
+  backdrop-filter: blur(5px) !important;
+  -webkit-backdrop-filter: blur(5px) !important;
+  transition: all 0.2s ease !important;
+}
+
+button:hover {
+  background-color: rgba(240, 240, 255, 0.9) !important;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
 }
 
 /* ========================
@@ -201,8 +220,26 @@ body {
 }
 
 .chatbot {
-  background-color: rgba(255, 255, 255, 0.8);
-  backdrop-filter: blur(4px);
-  border-radius: 12px;
-  padding: 10px;
+  background-color: transparent !important;
+  border-radius: 12px !important;
+  padding: 10px !important;
+}
+
+/* チャットメッセージのスタイル */
+.chatbot > div > div > div {
+  background-color: rgba(255, 255, 255, 0.8) !important;
+  border-radius: 8px !important;
+  padding: 10px !important;
+  margin-bottom: 8px !important;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
+}
+
+/* ユーザーメッセージ */
+.chatbot > div > div:nth-child(odd) > div {
+  background-color: rgba(240, 240, 255, 0.9) !important;
+}
+
+/* ボットメッセージ */
+.chatbot > div > div:nth-child(even) > div {
+  background-color: rgba(255, 240, 240, 0.9) !important;
 }