Update app.py

app.py

@@ -209,47 +209,104 @@ with gr.Blocks(
                 file_status = gr.Markdown("📁 文件状态：未上传", elem_classes="hint")
 
         # 右侧：聊天区
+        # 右侧：聊天区（改为手动事件绑定，彻底规避 ChatInterface 的样式/版本差异）
         with gr.Column(scale=2, min_width=MIN_WIDTH_RIGHT):
             with gr.Group(elem_classes="table"):
-                # 单独定义 Chatbot（新版使用 messages 格式）
+                # 聊天消息采用新格式 messages
                 chatbot = gr.Chatbot(
                     height=CHATBOT_HEIGHT,
-                    type="messages",                 # ✅ 新格式，避免弃用警告
+                    type="messages",
                     elem_classes="custom-chatbot",
-                    avatar_images=("landlord.png", "bot.png")
+                    avatar_images=("landlord.png", "bot.png"),
                 )
+                # 用一个 State 保存 messages 历史，便于多处复用
+                chat_state = gr.State([])  # list[dict]: [{"role":"user","content":...}, {"role":"assistant","content":...}, ...]
 
+                # 输入框（支持 Shift+Enter 换行；回车提交我们手动绑定）
                 user_input = gr.Textbox(
                     placeholder="例如：设计一个适合3-5人的派对风格扑克游戏（请写清目标人群/时长/创新点）…",
                     show_label=False,
                     max_lines=5,
                     lines=3,
-                    show_copy_button=True
+                    show_copy_button=True,
+                    autofocus=True,
                 )
 
-                # ChatInterface：去掉已移除的 retry_btn/undo_btn/clear_btn
-                chat = gr.ChatInterface(
-                    fn=chat_fn_adapter,
-                    chatbot=chatbot,
-                    textbox=user_input,
-                    additional_inputs=[file_uploader, custom_prompt_box, prompt_mode],
-                    type="messages",                # ✅ 与 Chatbot 保持一致
-                    submit_btn="发送",
-                    stop_btn=True,
-                    description=(
-                        "**使用方式**  \n"
-                        "左侧上传 GDL 与（可选）自定义 Prompt，然后在这里输入需求。"
-                        "我会遵循上传的规范，并结合你的目标人群/复杂度/时长做设计。"
-                    ),
+                # 显式“发送”按钮（大按钮）
+                with gr.Row():
+                    send_btn = gr.Button("发送", variant="primary")
+                    stop_info = gr.Markdown("", visible=False)  # 预留：如需做流式/停止提示
+
+                # —— 提交处理：把 messages 历史交给你的 design_poker_game，返回助手回复并更新 UI ——
+                def _messages_to_tuples(history_msgs):
+                    """[{role,content}] -> [(user, bot)] 供现有 design_poker_game 使用"""
+                    pairs, last_user = [], None
+                    for m in history_msgs or []:
+                        r, c = m.get("role"), m.get("content", "")
+                        if r == "user":
+                            last_user = c
+                        elif r == "assistant":
+                            pairs.append((last_user or "", c))
+                            last_user = None
+                    return pairs
+
+                def on_submit(user_text, history_msgs, files, custom_prompt, mode):
+                    user_text = (user_text or "").strip()
+                    # 空文本不提交（与 Gradio 5 的默认交互一致）
+                    if not user_text:
+                        return gr.update(), gr.update(), history_msgs
+
+                    # 1) 先把用户消息写入 messages（前端立即看到气泡）
+                    history_msgs = list(history_msgs or [])
+                    history_msgs.append({"role": "user", "content": user_text})
+
+                    # 2) 调用你的核心函数（传入 tuple 历史以兼容）
+                    tuples_hist = _messages_to_tuples(history_msgs)
+                    try:
+                        bot_reply = design_poker_game(user_text, tuples_hist, files, custom_prompt, mode)
+                    except Exception as e:
+                        bot_reply = f"（出错）{type(e).__name__}: {e}"
+
+                    # 3) 追加助手回复
+                    history_msgs.append({"role": "assistant", "content": str(bot_reply)})
+
+                    # 4) 更新 Chatbot 与清空输入框，同时回写 state
+                    return history_msgs, "", history_msgs
+
+                # 绑定：回车提交（Enter=提交；Shift+Enter=换行由浏览器原生处理）
+                user_input.submit(
+                    fn=on_submit,
+                    inputs=[user_input, chat_state, file_uploader, custom_prompt_box, prompt_mode],
+                    outputs=[chatbot, user_input, chat_state],
+                    preprocess=True,
+                )
+
+                # 绑定：点击“发送”按钮提交（与回车完全等价）
+                send_btn.click(
+                    fn=on_submit,
+                    inputs=[user_input, chat_state, file_uploader, custom_prompt_box, prompt_mode],
+                    outputs=[chatbot, user_input, chat_state],
+                    preprocess=True,
                 )
 
+                # 导出对话（直接读取 Chatbot 的 messages 值）
                 with gr.Row():
                     export_btn = gr.Button("导出对话（Markdown）", variant="secondary")
                     export_file = gr.File(label="点击下载导出文件", interactive=False)
 
-                # 在这里补上“清空对话”按钮（等同于你以前的 clear_btn）
+                # 清空对话（同时清空 Chatbot + 输入 + state）
                 with gr.Row():
-                    clear_dialog_btn = gr.ClearButton([chatbot, user_input], value="清空对话", variant="secondary")
+                    clear_dialog_btn = gr.Button("清空对话", variant="secondary")
+
+                def _clear_chat():
+                    return [], "", []
+
+                clear_dialog_btn.click(
+                    fn=_clear_chat,
+                    inputs=None,
+                    outputs=[chatbot, user_input, chat_state],
+                )
+
 
     # ==================== 事件绑定 ====================
     # 清空缓存按钮