Update app.py

app.py

@@ -532,28 +532,43 @@ with gr.Blocks(
                 """
             )
 
+
             chatbot = gr.Chatbot(
                 label="",
                 height=450,
                 avatar_images=(None, CLARE_LOGO_PATH),
                 show_label=False,
-                bubble_full_width=False,
-                type="tuples",
+                type="tuples",      # 你现在的 history 是 list[ [user, assistant], ... ]，保留 tuples 就行
+                likeable=True,      # 新版本才支持
+            )
+            
+            def handle_like(data, history, user_id, mode_val, model_name_val, lang_pref):
+                """
+                data 里一般会带：
+                  - data["index"]  被点的是第几条对话
+                  - data["value"]  是 "like" / "dislike"
+                你可以用这个信息去调用 LangSmith 的 feedback API
+                """
+                idx = data.get("index", -1)
+                value = data.get("value", "")
+                if idx < 0 or idx >= len(history):
+                    return
+            
+                question, answer = history[idx]
+            
+                # 在这里把 question/answer + value 发到 LangSmith
+                # （用你之前已经写好的 record_feedback / client.create_feedback 那一套）
+                # record_langsmith_feedback(question, answer, value, user_id, mode_val, model_name_val, lang_pref)
+            
+                print(f"[LIKE EVENT] idx={idx}, value={value}")
+            
+            chatbot.like(
+                fn=handle_like,
+                inputs=[chatbot, user_id_state, learning_mode, model_name, language_preference],
+                outputs=[],
             )
 
-            # === Feedback on last answer ===
-            gr.Markdown("#### Rate Clare’s last answer")
-            with gr.Row():
-                thumb_up_btn = gr.Button(
-                    "👍 Helpful", size="sm", interactive=False
-                )
-                thumb_down_btn = gr.Button(
-                    "👎 Not helpful", size="sm", interactive=False
-                )
 
-            feedback_toggle_btn = gr.Button(
-                "Give detailed feedback", size="sm", variant="secondary", interactive=False
-            )
             feedback_text = gr.Textbox(
                 label="What worked well or what was wrong?",
                 placeholder="Optional: describe what you liked / what was confusing or incorrect.",