Update app.py

app.py

@@ -1,6 +1,6 @@
-import gradio as gr
-import os
+# app.py
 from typing import List, Dict, Tuple, Optional
+import gradio as gr
 
 from config import (
     DEFAULT_MODEL,
@@ -27,10 +27,9 @@ from rag_engine import (
 from syllabus_utils import extract_course_topics_from_file
 
 # ================== Assets (图片路径配置) ==================
-# 根据你的截图，文件名大小写必须严格一致
 HANBRIDGE_LOGO_PATH = "hanbridge_logo.png"
-CLARE_LOGO_PATH = "clare_mascot.png" 
-CLARE_RUN_PATH = "Clare_Run.png"      # 注意：你的截图里这个文件首字母是大写的
+CLARE_LOGO_PATH = "clare_mascot.png"
+CLARE_RUN_PATH = "Clare_Run.png"  # 已取消注释
 
 # ================== CSS (样式调整) ==================
 CUSTOM_CSS = """
@@ -44,7 +43,6 @@ CUSTOM_CSS = """
     border-bottom: 2px solid #f3f4f6;
     margin-bottom: 15px;
 }
-
 /* User Guide 链接样式 */
 #user-guide-links button {
     background: transparent !important; border: none !important; box-shadow: none !important;
@@ -52,14 +50,13 @@ CUSTOM_CSS = """
     color: #004a99 !important; text-decoration: underline; font-size: 0.8rem;
 }
 #user-guide-links button:hover { color: #002b66 !important; }
-
 /* Memory Line 区域样式 */
 .memory-line-box {
     border: 1px solid #e5e7eb;
     padding: 12px;
     border-radius: 8px;
     background-color: #f9fafb;
-    height: 100%; 
+    height: 100%; /* 填满高度 */
 }
 """
 
@@ -82,7 +79,6 @@ def get_user_guide_section(section_key: str) -> str:
 
 # ================== Gradio App ==================
 
-# 【重要修正】：这里不要放 allowed_paths，否则会报错
 with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS) as demo:
     
     # 状态变量
@@ -92,11 +88,12 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
     rag_chunks_state = gr.State([]) 
 
     # ============ 1. 顶部 Header (全宽布局) ============
+    # 包含 CLARE_LOGO_PATH (左) 和 HANBRIDGE_LOGO_PATH (右)
     gr.HTML(
         f"""
         <div class="header-container">
             <div style="display:flex; align-items:center; gap: 20px;">
-                <img src="/file/{CLARE_LOGO_PATH}" style="height: 75px; object-fit: contain;">
+                <img src="file={CLARE_LOGO_PATH}" style="height: 75px; object-fit: contain;">
                 <div style="display:flex; flex-direction:column;">
                     <div style="font-size: 32px; font-weight: 800; line-height: 1.1; color: #000;">
                         Clare
@@ -107,9 +104,8 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
                     </div>
                 </div>
             </div>
-
             <div style="text-align: right;">
-                <img src="/file/{HANBRIDGE_LOGO_PATH}" style="height: 55px; object-fit: contain; margin-bottom: 5px;">
+                <img src="file/{HANBRIDGE_LOGO_PATH}" style="height: 55px; object-fit: contain; margin-bottom: 5px;">
                 <div style="font-size: 12px; color: #666;">
                     🎓 (Student Name) (Student Email/ID)
                 </div>
@@ -123,6 +119,7 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
         
         # ============ [左侧] 控制面板 Sidebar ============
         with gr.Column(scale=1, min_width=200):
+            # Reset 按钮
             clear_btn = gr.Button("Reset Conversation", variant="stop")
             
             gr.Markdown("### Model Settings")
@@ -173,7 +170,7 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
                 
                 # --- Memory Line (包含 CLARE_RUN_PATH) ---
                 with gr.Column(scale=1):
-                    # 使用 HTML 渲染带图片的进度条，src="/file/..." 是关键
+                    # 使用 HTML 渲染带图片的进度条
                     gr.HTML(
                         f"""
                         <div class="memory-line-box">
@@ -184,9 +181,8 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
                             <div style="position: relative; height: 35px; margin-top: 15px; margin-bottom: 5px;">
                                 <div style="position: absolute; bottom: 5px; left: 0; width: 100%; height: 8px; background-color: #e5e7eb; border-radius: 4px;"></div>
                                 <div style="position: absolute; bottom: 5px; left: 0; width: 40%; height: 8px; background-color: #8B1A1A; border-radius: 4px 0 0 4px;"></div>
-                                <img src="/file/{CLARE_RUN_PATH}" style="position: absolute; left: 36%; bottom: 8px; height: 35px; z-index: 10;">
+                                <img src="file/{CLARE_RUN_PATH}" style="position: absolute; left: 36%; bottom: 8px; height: 35px; z-index: 10;">
                             </div>
-
                             <div style="display:flex; justify-content:space-between; align-items:center; margin-top:8px;">
                                 <div style="font-size: 12px; color: #666;">Next Review: T+7</div>
                                 <div style="font-size: 12px; color: #004a99; text-decoration:underline; cursor:pointer;">
@@ -196,8 +192,10 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
                         </div>
                         """
                     )
-                    # Review 按钮放在 HTML 下方
+                    # 真实的 Review 按钮放在 HTML 下方
                     review_btn = gr.Button("Review Now", size="sm", variant="primary")
+                    
+                    # 隐藏的 Session Status 用于逻辑传递
                     session_status = gr.Markdown(visible=False)
 
             # --- Chat Interface ---
@@ -213,7 +211,7 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
             chatbot = gr.Chatbot(
                 label="",
                 height=450,
-                avatar_images=(None, CLARE_LOGO_PATH), 
+                avatar_images=(None, CLARE_LOGO_PATH), # 聊天框内的头像
                 show_label=False,
                 bubble_full_width=False
             )
@@ -229,6 +227,7 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
         # ============ [右侧] 功能栏 Right Sidebar ============
         with gr.Column(scale=1, min_width=180):
             gr.Markdown("### Actions")
+            
             export_btn = gr.Button("Export Conversation", size="sm")
             quiz_btn = gr.Button("Let's Try (Micro-Quiz)", size="sm")
             summary_btn = gr.Button("Summarization", size="sm")
@@ -243,6 +242,7 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
 
     # ================== Logic Bindings ==================
 
+    # 1. File Upload Logic
     def update_course_and_rag(file, doc_type_val):
         topics = extract_course_topics_from_file(file, doc_type_val)
         rag_chunks = build_rag_chunks_from_file(file, doc_type_val)
@@ -255,6 +255,7 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
         outputs=[course_outline_state, rag_chunks_state, session_status],
     )
 
+    # 2. Chat Logic
     def respond(message, chat_history, course_outline, weaknesses, cognitive_state, rag_chunks, model, lang, mode, doc_type_val):
         resolved_lang = detect_language(message or "", lang)
         
@@ -287,6 +288,7 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
         [user_input, chatbot, weakness_state, cognitive_state_state, session_status]
     )
 
+    # 3. Action Buttons Logic
     def on_export(chat_history, course_outline, mode, weaknesses, cognitive_state):
         return export_conversation(chat_history, course_outline, mode, weaknesses, cognitive_state)
 
@@ -314,6 +316,7 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
         [result_display]
     )
 
+    # 4. Reset Logic
     def clear_all():
         empty_state = {"confusion": 0, "mastery": 0}
         default_status = render_session_status("Concept Explainer", [], empty_state)
@@ -326,6 +329,7 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
         queue=False
     )
     
+    # 5. User Guide Logic
     def show_guide(section):
         return get_user_guide_section(section)
 
@@ -335,5 +339,4 @@ with gr.Blocks(title="Clare – Hanbridge AI Teaching Assistant", css=CUSTOM_CSS
     ug_memory_line.click(lambda: show_guide("memory_line"), outputs=result_display)
 
 if __name__ == "__main__":
-    # 【修正完成】：allowed_paths 必须放在这里
-    demo.launch(allowed_paths=["."])
+    demo.launch()