hi

app.py

@@ -12,7 +12,7 @@ import random
 from datetime import datetime
 from typing import Dict, List, Optional, Tuple
 from game_system import game_state, ACHIEVEMENTS, SCENARIO_DIFFICULTY, PERSONA_COMPLEXITY
-from game_ui_helper import update_game_display, format_achievement_popup
+from game_ui_helper import update_game_display
 
 OPENROUTER_API_KEY = os.environ.get("OPENROUTER_API_KEY")
 if not OPENROUTER_API_KEY:
@@ -180,11 +180,14 @@ def analyze_risk(teacher_input: str, persona: str, scenario: str) -> tuple[str,
         # 嘗試從回應中提取 JSON
         json_match = re.search(r'\{.*\}', response, re.DOTALL)
         if json_match:
+            extracted = json_match.group(0)
+            # 清理未轉義的新行
+            extracted = re.sub(r'(?<!\\)\n', r'\\n', extracted)
             try:
-                data = json.loads(json_match.group(0))
-                print("DEBUG: Extracted JSON successfully")
+                data = json.loads(extracted)
+                print("DEBUG: Extracted and cleaned JSON successfully")
             except Exception as e2:
-                print(f"DEBUG: Extracted JSON parsing failed: {e2}")
+                print(f"DEBUG: Extracted and cleaned JSON parsing failed: {e2}")
 
     if data:
         risk_score = data.get("risk_score", 50)
@@ -275,16 +278,11 @@ def start_conversation(persona: str, scenario: str, challenge_mode: str):
     level_html, score_html, ach_html, stats_html, progress_html, challenge_html = update_game_display(
         level_info, ach_summary, stats_summary, challenge_info)
     
-    popup_html = format_achievement_popup(new_achievements)
-    popup_visible = len(new_achievements) > 0
-    print(f"DEBUG: Popup shown in start_conversation, visible={popup_visible}, achievements={len(new_achievements)}")
-
     return (
         new_chat,
         risk_html,
         gr.update(value=""),  # 清空輸入框
-        level_html, score_html, ach_html, stats_html, progress_html, challenge_html,
-        gr.update(value=popup_html, visible=popup_visible)
+        level_html, score_html, ach_html, stats_html, progress_html, challenge_html
     )
 
 def continue_conversation(persona: str, scenario: str, chat_history: list, teacher_input: str):
@@ -324,10 +322,6 @@ def continue_conversation(persona: str, scenario: str, chat_history: list, teach
     level_html, score_html, ach_html, stats_html, progress_html, challenge_html = update_game_display(
         level_info, ach_summary, stats_summary, challenge_info)
     
-    popup_html = format_achievement_popup(new_achievements)
-    popup_visible = len(new_achievements) > 0
-    print(f"DEBUG: Popup shown in continue_conversation, visible={popup_visible}, achievements={len(new_achievements)}")
-
     # 挑戰完成檢查
     challenge_complete = game_state.check_challenge_complete() if game_state.current_challenge_mode else False
 
@@ -339,8 +333,7 @@ def continue_conversation(persona: str, scenario: str, chat_history: list, teach
         new_chat,
         risk_html,
         teacher_update,
-        level_html, score_html, ach_html, stats_html, progress_html, challenge_html,
-        gr.update(value=popup_html, visible=popup_visible)
+        level_html, score_html, ach_html, stats_html, progress_html, challenge_html
     )
 
 def reset_conversation():
@@ -353,13 +346,11 @@ def reset_conversation():
     level_html, score_html, ach_html, stats_html, progress_html, challenge_html = update_game_display(
         level_info, ach_summary, stats_summary, challenge_info)
     
-    print("DEBUG: Popup hidden in reset_conversation")
     return (
         [],
         "💬 請先選擇人格與情境，然後點「開始對話」",
         gr.update(value=""),
-        level_html, score_html, ach_html, stats_html, progress_html, challenge_html,
-        gr.update(value="", visible=False)
+        level_html, score_html, ach_html, stats_html, progress_html, challenge_html
     )
 
 # =============== CSS ===============
@@ -394,31 +385,6 @@ CUSTOM_CSS = """
     transition: width 0.3s ease;
 }
 
-.achievement-popup {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white;
-    padding: 24px;
-    border-radius: 12px;
-    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
-    z-index: 1000;
-    text-align: center;
-    animation: popup 0.3s ease;
-}
-
-@keyframes popup {
-    from {
-        opacity: 0;
-        transform: translate(-50%, -50%) scale(0.8);
-    }
-    to {
-        opacity: 1;
-        transform: translate(-50%, -50%) scale(1);
-    }
-}
 """
 
 # =============== Gradio UI ===============
@@ -437,7 +403,7 @@ with gr.Blocks(css=CUSTOM_CSS) as demo:
             stats_display = gr.HTML()
         with gr.Accordion("📅 每日挑戰", open=False):
             challenge_display = gr.HTML()
-        achievement_popup = gr.HTML("", visible=False)
+
     
     # 選擇區
     with gr.Row():
@@ -477,8 +443,7 @@ with gr.Blocks(css=CUSTOM_CSS) as demo:
     
     # 事件綁定
     common_outputs = [chatbot, risk_output, teacher_input, level_display, score_display, 
-                     achievements_display, stats_display, progress_bar, challenge_display, 
-                     achievement_popup]
+                     achievements_display, stats_display, progress_bar, challenge_display]
     
     start_btn.click(
         start_conversation,
@@ -504,8 +469,7 @@ with gr.Blocks(css=CUSTOM_CSS) as demo:
     demo.load(
         reset_conversation,
         outputs=[chatbot, risk_output, teacher_input, level_display, score_display,
-                 achievements_display, stats_display, progress_bar, challenge_display,
-                 achievement_popup]
+                 achievements_display, stats_display, progress_bar, challenge_display]
     )
 
 if __name__ == "__main__":

game_ui_helper.py

@@ -240,42 +240,6 @@ def format_daily_challenge_display(challenge_info: Dict) -> str:
 """
 
 
-def format_achievement_popup(achievements: List[Dict]) -> str:
-    """格式化成就解鎖彈窗"""
-    if not achievements:
-        return ""
-
-    html = '<div class="achievement-popup" style="opacity: 1; transition: opacity 0.5s ease-out;">'
-    html += '<div style="font-size: 2em; margin-bottom: 8px;">🎉</div>'
-    html += '<div style="font-size: 1.2em; font-weight: bold; margin-bottom: 8px;">新成就解鎖！</div>'
-
-    for achievement in achievements:
-        icon = achievement.get("icon", "🏆")
-        name = achievement.get("name", "未知成就")
-        points = achievement.get("points", 0)
-        html += f'<div style="margin: 4px 0;">{icon} {name} (+{points} 分)</div>'
-
-    html += '</div>'
-    html += '''<script>
-(function() {
-    var popup = document.querySelector('.achievement-popup');
-    if (popup) {
-        function dismiss() {
-            if (popup) {
-                popup.style.opacity = '0';
-                popup.addEventListener('transitionend', function() {
-                    if (popup) {
-                        popup.style.display = 'none';
-                    }
-                }, { once: true });
-            }
-        }
-        setTimeout(dismiss, 2000);
-    }
-})();
-</script>'''
-    return html
-
 
 def update_game_display(level_info: Dict, achievements_summary: Dict, stats_summary: Dict, challenge_info: Dict = None) -> tuple:
     """更新遊戲顯示（所有元素）"""