Update app.py

app.py

@@ -704,35 +704,16 @@ def render_assessment_page():
             padding-top: 0 !important; 
         }
         
-        /* 额外保险：检查列布局的父容器 */
         .stColumns {
             gap: 0 !important;
         }
-
-        .sidebar-title {
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            margin-bottom: 1rem;
-        }
-        .centered-content {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-        }
-        .stButton > button {
-            width: 100%;
-            margin-top: 0.5rem;
-        }
         </style>
     """, unsafe_allow_html=True)
     
     chat_manager = ChatManager()
     chat_manager.initialize_state()
-    chat_manager.update_progress()  # 别忘了加这句，否则不会调用 API/更新 UI
+    chat_manager.update_progress() 
     
-    # 自动刷新（如果还有消息未显示）
     if st.session_state.chat_step < len(st.session_state.chat_history):
         st_autorefresh(interval=1500, key="chat_autorefresh")
     
@@ -749,49 +730,22 @@ def render_assessment_page():
         if key not in st.session_state:
             st.session_state[key] = default
 
-    # if st.session_state.show_sidebar:
-    #     with st.sidebar:
-    #         st.markdown("### 📂 Select a sample knee image")
-    #         PREDEFINED_IMAGES = {
-    #             "Knee Image A": "images/knee_sample_1.png",
-    #         }
-    #         for idx, (label, path) in enumerate(PREDEFINED_IMAGES.items()):
-    #             col1, col2, col3 = st.columns([1, 2, 1])
-    #             with col2:
-    #                 st.image(path, width=150, caption=label)
-    #                 if st.button("✅ Select", key=f"select_{idx}"):
-    #                     st.session_state.selected_image_path = path
-    #                     st.session_state.selected_image_label = label
-    #                     st.session_state.show_sidebar = False
-    #                     st.rerun()
     if st.session_state.show_sidebar:
         with st.sidebar:
-            # 使用自定义CSS类防止标题换行
-            st.markdown('<h3 class="sidebar-title">📂 Select a sample image</h3>', unsafe_allow_html=True)
-            
+            st.markdown("### 📂 Select a sample image")
             PREDEFINED_IMAGES = {
                 "Knee Image A": "images/knee_sample_1.png",
             }
-            
             for idx, (label, path) in enumerate(PREDEFINED_IMAGES.items()):
-                # 使用居中容器包裹内容
-                st.markdown('<div class="centered-content">', unsafe_allow_html=True)
-                
-                # 显示图像并居中
-                st.image(path, width=150, caption=label)
-                
-                # 选择按钮，通过CSS设置宽度为100%实现居中效果
-                if st.button("✅ Select", key=f"select_{idx}"):
-                    st.session_state.selected_image_path = path
-                    st.session_state.selected_image_label = label
-                    st.session_state.show_sidebar = False
-                    st.rerun()
-                    
-                st.markdown('</div>', unsafe_allow_html=True)
-                
-                # 图片之间添加间距
-                if idx != len(PREDEFINED_IMAGES) - 1:
-                    st.markdown("<br>", unsafe_allow_html=True)
+                col1, col2, col3 = st.columns([1, 2, 1])
+                with col2:
+                    st.image(path, width=150, caption=label)
+                    if st.button("✅ Select", key=f"select_{idx}"):
+                        st.session_state.selected_image_path = path
+                        st.session_state.selected_image_label = label
+                        st.session_state.show_sidebar = False
+                        st.rerun()
+    
 
     st.markdown('<p class="chat-note">Demo chat interface (display only).</p>', unsafe_allow_html=True)