Update app.py

app.py

@@ -299,10 +299,9 @@ with gr.Blocks(
     # 用户状态（登录）
     user_name_state = gr.State("")
     user_id_state = gr.State("")
-
     # --- Header ---
     with gr.Row(elem_classes="header-container"):
-        with gr.Column(scale=2):
+        with gr.Column(scale=3):
             gr.HTML(
                 f"""
                 <div style="display:flex; align-items:center; gap: 20px;">
@@ -320,15 +319,6 @@ with gr.Blocks(
                 """
             )
 
-        with gr.Column(scale=1):
-            gr.HTML(
-                f"""
-                <div style="display:flex; justify-content:flex-end; margin-bottom: 5px;">
-                    <img src="{image_to_base64(HANBRIDGE_LOGO_PATH)}" style="height: 55px; object-fit: contain;">
-                </div>
-                """
-            )
-
     # --- Main Layout ---
     with gr.Row():
 
@@ -435,7 +425,34 @@ with gr.Blocks(
         # === Center Main ===
         with gr.Column(scale=3):
 
-            # --- Top Control Row ---
+            # 1) Instruction + Chat
+            gr.Markdown(
+                """
+                <div style="background-color:#f9fafb; padding:10px; border-radius:5px; margin-top:10px; font-size:0.9em; color:#555;">
+                ✦ <b>Instruction:</b> This prototype is <b>pre-loaded</b> with <b>Module 10 – Responsible AI (Alto, 2024, Chapter 12)</b>.<br>
+                ✦ You do <b>not</b> need to upload files (uploads are optional).<br>
+                ✦ Please log in on the right before chatting with Clare.
+                </div>
+                """
+            )
+
+            chatbot = gr.Chatbot(
+                label="",
+                height=450,
+                avatar_images=(None, CLARE_LOGO_PATH),
+                show_label=False,
+                bubble_full_width=False,
+            )
+            user_input = gr.Textbox(
+                label="Your Input",
+                placeholder="Please log in on the right before asking Clare anything...",
+                show_label=False,
+                container=True,
+                autofocus=False,
+                interactive=False,
+            )
+
+            # 2) Upload / File type / Memory Line（从原来的 Top Control Row 拿下来放在 chat 下面）
             with gr.Row():
                 with gr.Column(scale=2):
                     syllabus_file = gr.File(
@@ -480,6 +497,8 @@ with gr.Blocks(
                         )
                         session_status = gr.Markdown(visible=False)
 
+
+
             # Chat instruction（主聊天框上方提示 Module10 已预加载）
             gr.Markdown(
                 """