diff --git a/__pycache__/api_client.cpython-312.pyc b/__pycache__/api_client.cpython-312.pyc
index 7b4996b..d233fa1 100644
Binary files a/__pycache__/api_client.cpython-312.pyc and b/__pycache__/api_client.cpython-312.pyc differ
diff --git a/__pycache__/async_discussion.cpython-312.pyc b/__pycache__/async_discussion.cpython-312.pyc
new file mode 100644
index 0000000..c2dccc0
Binary files /dev/null and b/__pycache__/async_discussion.cpython-312.pyc differ
diff --git a/__pycache__/config.cpython-312.pyc b/__pycache__/config.cpython-312.pyc
new file mode 100644
index 0000000..1b6b50a
Binary files /dev/null and b/__pycache__/config.cpython-312.pyc differ
diff --git a/__pycache__/discussion_logic.cpython-312.pyc b/__pycache__/discussion_logic.cpython-312.pyc
index 577058e..8c8265e 100644
Binary files a/__pycache__/discussion_logic.cpython-312.pyc and b/__pycache__/discussion_logic.cpython-312.pyc differ
diff --git a/__pycache__/history_manager.cpython-312.pyc b/__pycache__/history_manager.cpython-312.pyc
new file mode 100644
index 0000000..67d6bf6
Binary files /dev/null and b/__pycache__/history_manager.cpython-312.pyc differ
diff --git a/__pycache__/judge_evaluator.cpython-312.pyc b/__pycache__/judge_evaluator.cpython-312.pyc
index 5905a85..a27b5b5 100644
Binary files a/__pycache__/judge_evaluator.cpython-312.pyc and b/__pycache__/judge_evaluator.cpython-312.pyc differ
diff --git a/__pycache__/models.cpython-312.pyc b/__pycache__/models.cpython-312.pyc
index 79269cc..a80cc79 100644
Binary files a/__pycache__/models.cpython-312.pyc and b/__pycache__/models.cpython-312.pyc differ
diff --git a/__pycache__/proposal_storage.cpython-312.pyc b/__pycache__/proposal_storage.cpython-312.pyc
index 1b59bb6..5c9ba9e 100644
Binary files a/__pycache__/proposal_storage.cpython-312.pyc and b/__pycache__/proposal_storage.cpython-312.pyc differ
diff --git a/app.log b/app.log
new file mode 100644
index 0000000..4f9aa20
--- /dev/null
+++ b/app.log
@@ -0,0 +1,76 @@
+2026-04-27 21:03:01,971 - config - INFO - 创建目录: output
+2026-04-27 21:03:01,971 - config - INFO - 环境配置检查通过
+2026-04-27 21:03:01,972 - config - INFO - 启动Web服务，调试模式: True
+2026-04-27 21:03:01,989 - werkzeug - INFO - WARNING: This is a development server. Do not use it in a production deployment. Use a production WSGI server instead.
+ * Running on all addresses (0.0.0.0)
+ * Running on http://127.0.0.1:5000
+ * Running on http://10.126.25.117:5000
+2026-04-27 21:03:01,990 - werkzeug - INFO - Press CTRL+C to quit
+2026-04-27 21:03:01,990 - werkzeug - INFO -  * Restarting with stat
+2026-04-27 21:03:03,089 - config - INFO - 环境配置检查通过
+2026-04-27 21:03:03,090 - config - INFO - 启动Web服务，调试模式: True
+2026-04-27 21:03:03,101 - werkzeug - WARNING -  * Debugger is active!
+2026-04-27 21:03:03,110 - werkzeug - INFO -  * Debugger PIN: 123-153-070
+2026-04-27 21:03:10,430 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:10] "GET / HTTP/1.1" 200 -
+2026-04-27 21:03:10,641 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:10] "GET /static/js/app.js HTTP/1.1" 200 -
+2026-04-27 21:03:10,642 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:10] "GET /static/css/style.css HTTP/1.1" 200 -
+2026-04-27 21:03:12,990 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:12] "GET /api/environment HTTP/1.1" 200 -
+2026-04-27 21:03:12,991 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:12] "GET /api/history?limit=20 HTTP/1.1" 200 -
+2026-04-27 21:03:13,052 - config - INFO - 客户端连接: UE0nb6hKT0LregjMAAAB
+2026-04-27 21:03:13,067 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:13] "GET /favicon.ico HTTP/1.1" 404 -
+2026-04-27 21:03:44,818 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:44] "POST /api/discussion/start HTTP/1.1" 200 -
+2026-04-27 21:03:44,819 - config - INFO - [Progress] session_start: {"problem": "我想要8月去上海旅游，你推荐去哪里", "max_rounds": 5, "session_file": "output/discussion_session_20260427_210344.json"}
+2026-04-27 21:03:44,819 - config - INFO - [Progress] round_start: {"round_num": 1, "phase": "initial_proposals", "message": "第一轮讨论开始：智能体A和B分别生成初始方案"}
+2026-04-27 21:03:44,820 - config - INFO - [Progress] agent_thinking: {"agent": "A", "message": "智能体A正在生成初始方案..."}
+2026-04-27 21:03:45,499 - config - INFO - [Progress] agent_response: {"agent": "A", "message": "智能体A已完成方案"}
+2026-04-27 21:03:45,500 - config - INFO - [Progress] agent_thinking: {"agent": "B", "message": "智能体B正在生成初始方案..."}
+2026-04-27 21:03:45,501 - config - INFO - [Progress] round_complete: {"round_num": 1, "phase": "initial_proposals", "proposals": {"A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)", "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"}}
+2026-04-27 21:03:45,501 - config - INFO - [Progress] round_start: {"round_num": 2, "phase": "integration", "message": "第2轮讨论开始：智能体互相整合方案"}
+2026-04-27 21:03:45,501 - config - INFO - [Progress] agent_thinking: {"agent": "A", "message": "智能体A正在整合B的方案..."}
+2026-04-27 21:03:45,960 - config - INFO - [Progress] agent_response: {"agent": "A", "message": "智能体A已完成整合"}
+2026-04-27 21:03:45,960 - config - INFO - [Progress] agent_thinking: {"agent": "B", "message": "智能体B正在整合A的方案..."}
+2026-04-27 21:03:45,960 - config - INFO - [Progress] judge_start: {"round_num": 2, "message": "裁判开始评估方案"}
+2026-04-27 21:03:46,222 - config - INFO - [Progress] judge_complete: {"round_num": 2, "a_score": 0, "b_score": 0, "best_score": 0, "reason": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)", "judge_evaluation": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)"}
+2026-04-27 21:03:46,223 - config - INFO - [Progress] round_complete: {"round_num": 2, "phase": "complete", "proposals": {"A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)", "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"}, "scores": {"A": 0, "B": 0}}
+2026-04-27 21:03:46,225 - config - INFO - [Progress] round_start: {"round_num": 3, "phase": "integration", "message": "第3轮讨论开始：智能体互相整合方案"}
+2026-04-27 21:03:46,225 - config - INFO - [Progress] agent_thinking: {"agent": "A", "message": "智能体A正在整合B的方案..."}
+2026-04-27 21:03:46,660 - config - INFO - [Progress] agent_response: {"agent": "A", "message": "智能体A已完成整合"}
+2026-04-27 21:03:46,661 - config - INFO - [Progress] agent_thinking: {"agent": "B", "message": "智能体B正在整合A的方案..."}
+2026-04-27 21:03:46,661 - config - INFO - [Progress] judge_start: {"round_num": 3, "message": "裁判开始评估方案"}
+2026-04-27 21:03:46,879 - config - INFO - [Progress] judge_complete: {"round_num": 3, "a_score": 0, "b_score": 0, "best_score": 0, "reason": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)", "judge_evaluation": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)"}
+2026-04-27 21:03:46,881 - config - INFO - [Progress] round_complete: {"round_num": 3, "phase": "complete", "proposals": {"A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)", "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"}, "scores": {"A": 0, "B": 0}}
+2026-04-27 21:03:46,882 - config - INFO - [Progress] round_start: {"round_num": 4, "phase": "integration", "message": "第4轮讨论开始：智能体互相整合方案"}
+2026-04-27 21:03:46,882 - config - INFO - [Progress] agent_thinking: {"agent": "A", "message": "智能体A正在整合B的方案..."}
+2026-04-27 21:03:47,304 - config - INFO - [Progress] agent_response: {"agent": "A", "message": "智能体A已完成整合"}
+2026-04-27 21:03:47,305 - config - INFO - [Progress] agent_thinking: {"agent": "B", "message": "智能体B正在整合A的方案..."}
+2026-04-27 21:03:47,305 - config - INFO - [Progress] judge_start: {"round_num": 4, "message": "裁判开始评估方案"}
+2026-04-27 21:03:47,520 - config - INFO - [Progress] judge_complete: {"round_num": 4, "a_score": 0, "b_score": 0, "best_score": 0, "reason": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)", "judge_evaluation": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)"}
+2026-04-27 21:03:47,521 - config - INFO - [Progress] round_complete: {"round_num": 4, "phase": "complete", "proposals": {"A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)", "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"}, "scores": {"A": 0, "B": 0}}
+2026-04-27 21:03:47,521 - config - INFO - [Progress] round_start: {"round_num": 5, "phase": "integration", "message": "第5轮讨论开始：智能体互相整合方案"}
+2026-04-27 21:03:47,521 - config - INFO - [Progress] agent_thinking: {"agent": "A", "message": "智能体A正在整合B的方案..."}
+2026-04-27 21:03:48,594 - config - INFO - [Progress] agent_response: {"agent": "A", "message": "智能体A已完成整合"}
+2026-04-27 21:03:48,594 - config - INFO - [Progress] agent_thinking: {"agent": "B", "message": "智能体B正在整合A的方案..."}
+2026-04-27 21:03:48,596 - config - INFO - [Progress] judge_start: {"round_num": 5, "message": "裁判开始评估方案"}
+2026-04-27 21:03:49,118 - config - INFO - [Progress] judge_complete: {"round_num": 5, "a_score": 0, "b_score": 0, "best_score": 0, "reason": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)", "judge_evaluation": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)"}
+2026-04-27 21:03:49,164 - config - INFO - [Progress] round_complete: {"round_num": 5, "phase": "complete", "proposals": {"A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)", "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"}, "scores": {"A": 0, "B": 0}}
+2026-04-27 21:03:49,167 - config - INFO - [Progress] selecting_best: {"message": "已达最大轮数，选择最优方案"}
+2026-04-27 21:03:49,173 - config - INFO - [Progress] discussion_complete: {"status": "completed", "problem": "我想要8月去上海旅游，你推荐去哪里", "total_rounds": 5, "best_score": 0, "best_solution": "", "session_file": "output/discussion_session_20260427_210344.json", "rounds": [{"round_num": 1, "a_score": null, "b_score": null, "has_judge": false}, {"round_num": 2, "a_score": 0, "b_score": 0, "has_judge": true}, {"round_num": 3, "a_score": 0, "b_score": 0, "has_judge": true}, {"round_num": 4, "a_score": 0, "b_score": 0, "has_judge": true}, {"round_num": 5, "a_score": 0, "b_score": 0, "has_judge": true}]}
+2026-04-27 21:03:49,192 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:49] "GET /api/history?limit=20 HTTP/1.1" 200 -
+2026-04-27 21:03:54,885 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:54] "GET /static/css/style.css HTTP/1.1" 304 -
+2026-04-27 21:03:54,899 - werkzeug - INFO - 127.0.0.1 - - [27/Apr/2026 21:03:54] "GET /.well-known/appspecific/com.chrome.devtools.json HTTP/1.1" 404 -
+2026-04-27 21:06:33,541 - werkzeug - INFO -  * Detected change in 'E:\\tests\\Multi-agent-discussion-\\config.py', reloading
+2026-04-27 21:06:33,736 - werkzeug - INFO -  * Restarting with stat
+2026-04-27 21:06:34 - root - INFO - 环境配置检查通过
+2026-04-27 21:06:34 - root - INFO - 启动Web服务，调试模式: True
+2026-04-27 21:06:34 - werkzeug - WARNING -  * Debugger is active!
+2026-04-27 21:06:34 - werkzeug - INFO -  * Debugger PIN: 123-153-070
+2026-04-27 21:06:35 - root - INFO - 客户端连接: J-zZYT0QfCI3i1KtAAAB
+2026-04-27 21:06:52 - werkzeug - INFO -  * Detected change in 'E:\\tests\\Multi-agent-discussion-\\app.py', reloading
+2026-04-27 21:06:52,202 - werkzeug - INFO -  * Restarting with stat
+2026-04-27 21:06:53 - root - INFO - 环境配置检查通过
+2026-04-27 21:06:53 - root - INFO - 启动Web服务，调试模式: True
+2026-04-27 21:06:53 - werkzeug - WARNING -  * Debugger is active!
+2026-04-27 21:06:53 - werkzeug - INFO -  * Debugger PIN: 123-153-070
+2026-04-27 21:06:53 - root - INFO - 客户端连接: 7GK83iIFs3rJXO20AAAB
+2026-04-27 21:07:22 - werkzeug - INFO -  * Detected change in 'E:\\tests\\Multi-agent-discussion-\\app.py', reloading
+2026-04-27 21:07:22,646 - werkzeug - INFO -  * Restarting with stat
diff --git a/app.py b/app.py
new file mode 100644
index 0000000..404e54e
--- /dev/null
+++ b/app.py
@@ -0,0 +1,252 @@
+# -*- coding: utf-8 -*-
+import sys
+import os
+
+if sys.platform == 'win32':
+    os.environ['PYTHONIOENCODING'] = 'utf-8'
+    import codecs
+    sys.stdout = codecs.getwriter('utf-8')(sys.stdout.buffer, errors='replace')
+    sys.stderr = codecs.getwriter('utf-8')(sys.stderr.buffer, errors='replace')
+
+from config import Config, logger
+
+import asyncio
+import json
+from threading import Thread
+from flask import Flask, render_template, jsonify, request, send_file, Response
+from flask_cors import CORS
+from flask_socketio import SocketIO, emit
+from datetime import datetime
+from async_discussion import AsyncDiscussionManager
+from history_manager import HistoryManager
+
+app = Flask(__name__, 
+            static_folder='static',
+            template_folder='templates')
+app.config.from_object(Config)
+
+CORS(app, resources={r"/api/*": {"origins": "*"}})
+socketio = SocketIO(app, cors_allowed_origins="*", async_mode='threading')
+
+discussion_manager: AsyncDiscussionManager = None
+history_manager = HistoryManager()
+
+active_discussions = {}
+
+
+def progress_callback(event_data):
+    socketio.emit('discussion_update', event_data)
+
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+
+@app.route('/api/status')
+def get_status():
+    env_status = Config.check_environment()
+    return jsonify({
+        "status": env_status["status"],
+        "environment": env_status["config"],
+        "errors": env_status["errors"],
+        "warnings": env_status["warnings"]
+    })
+
+
+@app.route('/api/environment', methods=['GET'])
+def get_environment():
+    env_status = Config.check_environment()
+    return jsonify(env_status)
+
+
+@app.route('/api/discussion/start', methods=['POST'])
+def start_discussion():
+    global discussion_manager
+    
+    data = request.get_json()
+    problem = data.get('problem', '')
+    max_rounds = data.get('max_rounds', Config.MAX_ROUNDS)
+    
+    if not problem.strip():
+        return jsonify({"error": "请输入讨论问题"}), 400
+    
+    env_status = Config.check_environment()
+    if len(env_status["errors"]) > 0:
+        return jsonify({
+            "error": "环境配置错误",
+            "details": env_status["errors"]
+        }), 400
+    
+    discussion_manager = AsyncDiscussionManager(on_progress_callback=progress_callback)
+    
+    def run_discussion():
+        try:
+            loop = asyncio.new_event_loop()
+            asyncio.set_event_loop(loop)
+            result = loop.run_until_complete(
+                discussion_manager.start_discussion(problem, max_rounds)
+            )
+            loop.close()
+        except Exception as e:
+            logger.error(f"讨论线程出错: {str(e)}", exc_info=True)
+            socketio.emit('discussion_error', {"message": str(e)})
+    
+    thread = Thread(target=run_discussion, daemon=True)
+    thread.start()
+    
+    return jsonify({
+        "status": "started",
+        "message": "讨论已开始",
+        "problem": problem,
+        "max_rounds": max_rounds
+    })
+
+
+@app.route('/api/discussion/stop', methods=['POST'])
+def stop_discussion():
+    global discussion_manager
+    
+    if not discussion_manager or not discussion_manager.is_running:
+        return jsonify({"error": "没有正在进行的讨论"}), 400
+    
+    discussion_manager.stop_discussion()
+    
+    return jsonify({
+        "status": "stopped",
+        "message": "讨论已停止"
+    })
+
+
+@app.route('/api/discussion/current')
+def get_current_discussion():
+    global discussion_manager
+    
+    if not discussion_manager:
+        return jsonify({"session": None})
+    
+    session = discussion_manager.get_current_session()
+    return jsonify({"session": session})
+
+
+@app.route('/api/history')
+def get_history():
+    limit = request.args.get('limit', type=int)
+    sessions = history_manager.list_all_sessions(limit=limit)
+    return jsonify({
+        "sessions": sessions,
+        "total": len(sessions)
+    })
+
+
+@app.route('/api/history/<filename>')
+def get_history_session(filename):
+    session = history_manager.get_session(filename)
+    if not session:
+        return jsonify({"error": "会话不存在"}), 404
+    
+    return jsonify(session)
+
+
+@app.route('/api/history/<filename>/delete', methods=['DELETE'])
+def delete_history_session(filename):
+    success = history_manager.delete_session(filename)
+    if not success:
+        return jsonify({"error": "删除失败"}), 400
+    
+    return jsonify({"status": "deleted", "message": "会话已删除"})
+
+
+@app.route('/api/history/<filename>/export')
+def export_history_session(filename):
+    markdown = history_manager.export_session_to_markdown(filename)
+    if not markdown:
+        return jsonify({"error": "导出失败"}), 400
+    
+    timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
+    export_filename = f"discussion_report_{timestamp}.md"
+    
+    return Response(
+        markdown,
+        mimetype='text/markdown',
+        headers={
+            'Content-Disposition': f'attachment; filename="{export_filename}"'
+        }
+    )
+
+
+@app.route('/api/history/<filename>/download')
+def download_history_session(filename):
+    session = history_manager.get_session(filename)
+    if not session:
+        return jsonify({"error": "文件不存在"}), 404
+    
+    filepath = os.path.join(Config.OUTPUT_DIR, filename)
+    if not os.path.exists(filepath):
+        filepath = filename
+        if not os.path.exists(filepath):
+            return jsonify({"error": "文件不存在"}), 404
+    
+    return send_file(
+        filepath,
+        mimetype='application/json',
+        as_attachment=True,
+        download_name=filename
+    )
+
+
+@app.route('/api/statistics')
+def get_statistics():
+    stats = history_manager.get_statistics()
+    return jsonify(stats)
+
+
+@socketio.on('connect')
+def handle_connect():
+    logger.info(f"客户端连接: {request.sid}")
+    emit('connected', {"status": "ok", "sid": request.sid})
+
+
+@socketio.on('disconnect')
+def handle_disconnect():
+    logger.info(f"客户端断开连接: {request.sid}")
+
+
+@socketio.on('ping')
+def handle_ping():
+    emit('pong', {"timestamp": datetime.now().isoformat()})
+
+
+def ensure_directories():
+    dirs = [
+        Config.OUTPUT_DIR,
+        'static',
+        'static/css',
+        'static/js',
+        'templates'
+    ]
+    for d in dirs:
+        if not os.path.exists(d):
+            os.makedirs(d, exist_ok=True)
+            logger.info(f"创建目录: {d}")
+
+
+if __name__ == '__main__':
+    ensure_directories()
+    
+    env_status = Config.check_environment()
+    if len(env_status["errors"]) > 0:
+        logger.warning("环境配置存在错误:")
+        for error in env_status["errors"]:
+            logger.warning(f"  - {error}")
+    else:
+        logger.info("环境配置检查通过")
+    
+    logger.info(f"启动Web服务，调试模式: {Config.DEBUG}")
+    socketio.run(
+        app,
+        host='0.0.0.0',
+        port=5000,
+        debug=Config.DEBUG,
+        allow_unsafe_werkzeug=True
+    )
diff --git a/async_discussion.py b/async_discussion.py
new file mode 100644
index 0000000..e78ab64
--- /dev/null
+++ b/async_discussion.py
@@ -0,0 +1,278 @@
+import asyncio
+import json
+from datetime import datetime
+from typing import Optional, Dict, Any, Callable
+from models import DiscussionSession, DiscussionRound, AgentConfig
+from api_client import ModelManager
+from discussion_logic import DiscussionLogic
+from proposal_storage import ProposalStorage
+from judge_evaluator import JudgeEvaluator
+from config import logger, Config
+
+
+class AsyncDiscussionManager:
+    def __init__(self, on_progress_callback: Optional[Callable] = None):
+        self.model_manager = ModelManager()
+        self.discussion_logic = DiscussionLogic(self.model_manager)
+        self.judge_evaluator = JudgeEvaluator(self.model_manager)
+        self.on_progress = on_progress_callback
+        self.session: Optional[DiscussionSession] = None
+        self.proposal_storage: Optional[ProposalStorage] = None
+        self.is_running = False
+        self._task: Optional[asyncio.Task] = None
+        
+    def _emit_progress(self, event_type: str, data: Dict[str, Any]):
+        if self.on_progress:
+            self.on_progress({
+                "type": event_type,
+                "timestamp": datetime.now().isoformat(),
+                "data": data
+            })
+        logger.info(f"[Progress] {event_type}: {json.dumps(data, ensure_ascii=False, default=str)}")
+    
+    async def start_discussion(self, problem: str, max_rounds: int = None) -> Dict[str, Any]:
+        if max_rounds is None:
+            max_rounds = Config.MAX_ROUNDS
+            
+        self.is_running = True
+        
+        try:
+            timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
+            session_file = f"{Config.OUTPUT_DIR}/discussion_session_{timestamp}.json"
+            self.proposal_storage = ProposalStorage(session_file)
+            
+            self._emit_progress("session_start", {
+                "problem": problem,
+                "max_rounds": max_rounds,
+                "session_file": session_file
+            })
+            
+            agents = list(self.model_manager.agents.values())
+            self.session = DiscussionSession(problem, agents)
+            self.session.max_rounds = max_rounds
+            
+            self._emit_progress("round_start", {
+                "round_num": 1,
+                "phase": "initial_proposals",
+                "message": "第一轮讨论开始：智能体A和B分别生成初始方案"
+            })
+            
+            first_round = await self._run_first_round(problem)
+            self.session.add_round(first_round)
+            self.proposal_storage.save_proposal(first_round)
+            
+            self._emit_progress("round_complete", {
+                "round_num": 1,
+                "phase": "initial_proposals",
+                "proposals": {
+                    "A": first_round.agents_proposals.get("A", "")[:500] + "..." if len(first_round.agents_proposals.get("A", "")) > 500 else first_round.agents_proposals.get("A", ""),
+                    "B": first_round.agents_proposals.get("B", "")[:500] + "..." if len(first_round.agents_proposals.get("B", "")) > 500 else first_round.agents_proposals.get("B", "")
+                }
+            })
+            
+            for round_num in range(2, max_rounds + 1):
+                if not self.is_running:
+                    self._emit_progress("discussion_stopped", {"message": "讨论已手动停止"})
+                    break
+                
+                self._emit_progress("round_start", {
+                    "round_num": round_num,
+                    "phase": "integration",
+                    "message": f"第{round_num}轮讨论开始：智能体互相整合方案"
+                })
+                
+                previous_round = self.session.rounds[-1]
+                current_round = await self._run_subsequent_round(previous_round)
+                
+                self._emit_progress("judge_start", {
+                    "round_num": round_num,
+                    "message": "裁判开始评估方案"
+                })
+                
+                best_solution, score, reason = self.judge_evaluator.evaluate_proposals(current_round)
+                
+                self._emit_progress("judge_complete", {
+                    "round_num": round_num,
+                    "a_score": current_round.a_score,
+                    "b_score": current_round.b_score,
+                    "best_score": score,
+                    "reason": reason,
+                    "judge_evaluation": current_round.judge_evaluation
+                })
+                
+                self.session.add_round(current_round)
+                self.proposal_storage.save_proposal(current_round)
+                
+                self._emit_progress("round_complete", {
+                    "round_num": round_num,
+                    "phase": "complete",
+                    "proposals": {
+                        "A": current_round.agents_proposals.get("A", "")[:300] + "..." if len(current_round.agents_proposals.get("A", "")) > 300 else current_round.agents_proposals.get("A", ""),
+                        "B": current_round.agents_proposals.get("B", "")[:300] + "..." if len(current_round.agents_proposals.get("B", "")) > 300 else current_round.agents_proposals.get("B", "")
+                    },
+                    "scores": {
+                        "A": current_round.a_score,
+                        "B": current_round.b_score
+                    }
+                })
+                
+                if self.judge_evaluator.is_perfect_solution(current_round.judge_evaluation):
+                    self._emit_progress("perfect_solution", {
+                        "round_num": round_num,
+                        "score": score,
+                        "message": "找到完美解决方案！"
+                    })
+                    self.session.best_solution = best_solution
+                    self.session.best_score = score
+                    self.session.save_session(self.proposal_storage.session_file)
+                    break
+            
+            if not self.session.best_solution:
+                self._emit_progress("selecting_best", {
+                    "message": "已达最大轮数，选择最优方案"
+                })
+                best_overall = await self._select_best_overall()
+                self.session.best_solution = best_overall.get("solution")
+                self.session.best_score = best_overall.get("score")
+            
+            self.session.save_session(self.proposal_storage.session_file)
+            
+            final_result = {
+                "status": "completed",
+                "problem": problem,
+                "total_rounds": len(self.session.rounds),
+                "best_score": self.session.best_score,
+                "best_solution": self.session.best_solution,
+                "session_file": self.proposal_storage.session_file,
+                "rounds": [
+                    {
+                        "round_num": r.round_num,
+                        "a_score": r.a_score,
+                        "b_score": r.b_score,
+                        "has_judge": r.judge_evaluation is not None
+                    } for r in self.session.rounds
+                ]
+            }
+            
+            self._emit_progress("discussion_complete", final_result)
+            return final_result
+            
+        except Exception as e:
+            logger.error(f"讨论出错: {str(e)}", exc_info=True)
+            self._emit_progress("error", {"message": str(e)})
+            raise
+        finally:
+            self.is_running = False
+    
+    async def _run_first_round(self, problem: str) -> DiscussionRound:
+        loop = asyncio.get_event_loop()
+        
+        self._emit_progress("agent_thinking", {
+            "agent": "A",
+            "message": "智能体A正在生成初始方案..."
+        })
+        
+        round_data = await loop.run_in_executor(
+            None, 
+            lambda: self.discussion_logic.first_round_discussion(problem)
+        )
+        
+        self._emit_progress("agent_response", {
+            "agent": "A",
+            "message": "智能体A已完成方案"
+        })
+        
+        self._emit_progress("agent_thinking", {
+            "agent": "B",
+            "message": "智能体B正在生成初始方案..."
+        })
+        
+        return round_data
+    
+    async def _run_subsequent_round(self, previous_round: DiscussionRound) -> DiscussionRound:
+        loop = asyncio.get_event_loop()
+        
+        self._emit_progress("agent_thinking", {
+            "agent": "A",
+            "message": "智能体A正在整合B的方案..."
+        })
+        
+        round_data = await loop.run_in_executor(
+            None,
+            lambda: self.discussion_logic.subsequent_round_discussion(previous_round)
+        )
+        
+        self._emit_progress("agent_response", {
+            "agent": "A",
+            "message": "智能体A已完成整合"
+        })
+        
+        self._emit_progress("agent_thinking", {
+            "agent": "B",
+            "message": "智能体B正在整合A的方案..."
+        })
+        
+        return round_data
+    
+    async def _select_best_overall(self) -> Dict[str, Any]:
+        best_score = 0
+        best_solution = ""
+        best_round = 0
+        best_agent = ""
+        
+        import re
+        for i in range(1, len(self.session.rounds)):
+            round_data = self.session.rounds[i]
+            if round_data.judge_evaluation:
+                a_score_match = re.search(r"A方案评分[：:]\s*(\d+\.?\d*)", round_data.judge_evaluation)
+                b_score_match = re.search(r"B方案评分[：:]\s*(\d+\.?\d*)", round_data.judge_evaluation)
+                
+                a_score = float(a_score_match.group(1)) if a_score_match else 0
+                b_score = float(b_score_match.group(1)) if b_score_match else 0
+                
+                current_max = max(a_score, b_score)
+                if current_max > best_score:
+                    best_score = current_max
+                    if a_score >= b_score:
+                        best_solution = round_data.agents_proposals.get("A", "")
+                        best_agent = "A"
+                    else:
+                        best_solution = round_data.agents_proposals.get("B", "")
+                        best_agent = "B"
+                    best_round = round_data.round_num
+        
+        return {
+            "solution": best_solution,
+            "score": best_score,
+            "round": best_round,
+            "agent": best_agent
+        }
+    
+    def stop_discussion(self):
+        self.is_running = False
+        if self._task:
+            self._task.cancel()
+        self._emit_progress("stopped", {"message": "讨论已停止"})
+    
+    def get_current_session(self) -> Optional[Dict]:
+        if not self.session:
+            return None
+        
+        return {
+            "problem": self.session.problem,
+            "max_rounds": self.session.max_rounds,
+            "current_round": len(self.session.rounds),
+            "best_score": self.session.best_score,
+            "rounds": [
+                {
+                    "round_num": r.round_num,
+                    "problem": r.problem,
+                    "a_proposal": r.agents_proposals.get("A", ""),
+                    "b_proposal": r.agents_proposals.get("B", ""),
+                    "a_score": r.a_score,
+                    "b_score": r.b_score,
+                    "judge_evaluation": r.judge_evaluation,
+                    "timestamp": r.timestamp.isoformat()
+                } for r in self.session.rounds
+            ]
+        }
diff --git a/config.py b/config.py
new file mode 100644
index 0000000..b34cca4
--- /dev/null
+++ b/config.py
@@ -0,0 +1,137 @@
+# -*- coding: utf-8 -*-
+import os
+import sys
+import io
+import codecs
+import logging
+from dotenv import load_dotenv
+from typing import Optional, Dict, List
+
+os.environ['PYTHONIOENCODING'] = 'utf-8'
+os.environ['PYTHONLEGACYWINDOWSSTDIO'] = '0'
+
+def setup_utf8_encoding():
+    if sys.platform == 'win32':
+        try:
+            sys.stdout.reconfigure(encoding='utf-8', errors='replace')
+            sys.stderr.reconfigure(encoding='utf-8', errors='replace')
+        except (AttributeError, io.UnsupportedOperation):
+            if hasattr(sys.stdout, 'buffer'):
+                sys.stdout = codecs.getwriter('utf-8')(sys.stdout.buffer, errors='replace')
+                sys.stderr = codecs.getwriter('utf-8')(sys.stderr.buffer, errors='replace')
+            else:
+                sys.stdout = codecs.getwriter('utf-8')(sys.stdout, errors='replace')
+                sys.stderr = codecs.getwriter('utf-8')(sys.stderr, errors='replace')
+
+setup_utf8_encoding()
+
+load_dotenv()
+
+
+class UTF8StreamHandler(logging.StreamHandler):
+    def __init__(self, stream=None):
+        if stream is None:
+            stream = sys.stdout
+        super().__init__(stream)
+    
+    def emit(self, record):
+        try:
+            msg = self.format(record)
+            stream = self.stream
+            
+            try:
+                if hasattr(stream, 'buffer'):
+                    encoded_msg = (msg + self.terminator).encode('utf-8', errors='replace')
+                    stream.buffer.write(encoded_msg)
+                else:
+                    stream.write(msg + self.terminator)
+                self.flush()
+            except (UnicodeEncodeError, TypeError):
+                safe_msg = msg.encode('ascii', errors='replace').decode('ascii')
+                stream.write(safe_msg + self.terminator)
+                self.flush()
+        except Exception:
+            self.handleError(record)
+
+
+def setup_logging():
+    logger_instance = logging.getLogger()
+    logger_instance.setLevel(logging.INFO)
+    
+    for handler in logger_instance.handlers[:]:
+        logger_instance.removeHandler(handler)
+    
+    formatter = logging.Formatter(
+        '%(asctime)s - %(name)s - %(levelname)s - %(message)s',
+        datefmt='%Y-%m-%d %H:%M:%S'
+    )
+    
+    stream_handler = UTF8StreamHandler(sys.stdout)
+    stream_handler.setLevel(logging.INFO)
+    stream_handler.setFormatter(formatter)
+    logger_instance.addHandler(stream_handler)
+    
+    file_handler = logging.FileHandler('app.log', encoding='utf-8', mode='a')
+    file_handler.setLevel(logging.INFO)
+    file_handler.setFormatter(formatter)
+    logger_instance.addHandler(file_handler)
+    
+    return logger_instance
+
+
+logger = setup_logging()
+
+
+class Config:
+    SECRET_KEY = os.getenv('SECRET_KEY', 'multi-agent-discussion-secret-key')
+    FLASK_ENV = os.getenv('FLASK_ENV', 'development')
+    DEBUG = FLASK_ENV == 'development'
+    
+    QWEN_API_KEY = os.getenv('QWEN_API_KEY', '')
+    DEEPSEEK_API_KEY = os.getenv('DEEPSEEK_API_KEY', '')
+    
+    MAX_ROUNDS = int(os.getenv('MAX_ROUNDS', '5'))
+    OUTPUT_DIR = os.getenv('OUTPUT_DIR', 'output')
+    
+    @classmethod
+    def validate_api_keys(cls) -> Dict[str, List[str]]:
+        errors = []
+        warnings = []
+        
+        if not cls.QWEN_API_KEY:
+            errors.append("QWEN_API_KEY 未配置 - 智能体A和裁判将无法工作")
+        
+        if not cls.DEEPSEEK_API_KEY:
+            errors.append("DEEPSEEK_API_KEY 未配置 - 智能体B将无法工作")
+        
+        if not os.path.exists(cls.OUTPUT_DIR):
+            try:
+                os.makedirs(cls.OUTPUT_DIR)
+                warnings.append(f"输出目录 {cls.OUTPUT_DIR} 已自动创建")
+            except Exception as e:
+                errors.append(f"无法创建输出目录 {cls.OUTPUT_DIR}: {str(e)}")
+        
+        return {
+            "errors": errors,
+            "warnings": warnings
+        }
+    
+    @classmethod
+    def check_environment(cls) -> Dict:
+        validation = cls.validate_api_keys()
+        
+        return {
+            "status": "ready" if len(validation["errors"]) == 0 else "error",
+            "errors": validation["errors"],
+            "warnings": validation["warnings"],
+            "config": {
+                "max_rounds": cls.MAX_ROUNDS,
+                "output_dir": cls.OUTPUT_DIR,
+                "debug": cls.DEBUG,
+                "agents_available": {
+                    "A": bool(cls.QWEN_API_KEY),
+                    "B": bool(cls.DEEPSEEK_API_KEY),
+                    "C": bool(cls.QWEN_API_KEY)
+                }
+            }
+        }
diff --git a/history_manager.py b/history_manager.py
new file mode 100644
index 0000000..f444190
--- /dev/null
+++ b/history_manager.py
@@ -0,0 +1,184 @@
+import os
+import json
+from datetime import datetime
+from typing import List, Dict, Optional
+from config import logger, Config
+
+
+class HistoryManager:
+    def __init__(self, history_dir: str = None):
+        self.history_dir = history_dir or Config.OUTPUT_DIR
+        
+    def _ensure_history_dir(self):
+        if not os.path.exists(self.history_dir):
+            os.makedirs(self.history_dir, exist_ok=True)
+    
+    def list_all_sessions(self, limit: int = None) -> List[Dict]:
+        self._ensure_history_dir()
+        
+        sessions = []
+        if not os.path.exists(self.history_dir):
+            return sessions
+        
+        for filename in os.listdir(self.history_dir):
+            if filename.startswith("discussion_session_") and filename.endswith(".json"):
+                filepath = os.path.join(self.history_dir, filename)
+                try:
+                    with open(filepath, 'r', encoding='utf-8') as f:
+                        data = json.load(f)
+                    
+                    session_info = {
+                        "filename": filename,
+                        "filepath": filepath,
+                        "problem": data.get("problem", ""),
+                        "max_rounds": data.get("max_rounds", 0),
+                        "total_rounds": len(data.get("rounds", [])),
+                        "best_score": data.get("best_score"),
+                        "created_at": self._extract_timestamp(filename),
+                        "file_size": os.path.getsize(filepath)
+                    }
+                    sessions.append(session_info)
+                except Exception as e:
+                    logger.error(f"读取会话文件 {filename} 出错: {str(e)}")
+        
+        sessions.sort(key=lambda x: x["created_at"] or "", reverse=True)
+        
+        if limit:
+            sessions = sessions[:limit]
+        
+        return sessions
+    
+    def get_session(self, filename: str) -> Optional[Dict]:
+        self._ensure_history_dir()
+        
+        filepath = os.path.join(self.history_dir, filename)
+        if not os.path.exists(filepath):
+            filepath = filename
+            if not os.path.exists(filepath):
+                return None
+        
+        try:
+            with open(filepath, 'r', encoding='utf-8') as f:
+                return json.load(f)
+        except Exception as e:
+            logger.error(f"读取会话文件 {filename} 出错: {str(e)}")
+            return None
+    
+    def delete_session(self, filename: str) -> bool:
+        self._ensure_history_dir()
+        
+        filepath = os.path.join(self.history_dir, filename)
+        if not os.path.exists(filepath):
+            filepath = filename
+            if not os.path.exists(filepath):
+                return False
+        
+        try:
+            os.remove(filepath)
+            logger.info(f"已删除会话文件: {filepath}")
+            return True
+        except Exception as e:
+            logger.error(f"删除会话文件 {filename} 出错: {str(e)}")
+            return False
+    
+    def export_session_to_markdown(self, filename: str) -> str:
+        session = self.get_session(filename)
+        if not session:
+            return ""
+        
+        lines = []
+        
+        lines.append(f"# 多智能体讨论报告\n")
+        lines.append(f"## 基本信息\n")
+        lines.append(f"- **讨论问题**: {session.get('problem', '未知')}")
+        lines.append(f"- **最大轮数**: {session.get('max_rounds', 0)}")
+        lines.append(f"- **实际轮数**: {len(session.get('rounds', []))}")
+        lines.append(f"- **最佳评分**: {session.get('best_score', 'N/A')}/10")
+        lines.append("\n")
+        
+        lines.append(f"## 讨论过程\n")
+        lines.append("---\n\n")
+        
+        for round_data in session.get('rounds', []):
+            round_num = round_data.get('round_num', 0)
+            lines.append(f"### 第 {round_num} 轮讨论\n\n")
+            
+            a_proposal = round_data.get('agents_proposals', {}).get('A', '')
+            if a_proposal:
+                lines.append(f"#### 智能体A的方案\n")
+                lines.append(a_proposal)
+                lines.append("\n\n")
+            
+            b_proposal = round_data.get('agents_proposals', {}).get('B', '')
+            if b_proposal:
+                lines.append(f"#### 智能体B的方案\n")
+                lines.append(b_proposal)
+                lines.append("\n\n")
+            
+            judge_eval = round_data.get('judge_evaluation')
+            if judge_eval:
+                lines.append(f"#### 裁判评价\n")
+                lines.append(judge_eval)
+                lines.append("\n\n")
+            
+            a_score = round_data.get('a_score')
+            b_score = round_data.get('b_score')
+            if a_score is not None or b_score is not None:
+                lines.append(f"**评分**: ")
+                if a_score is not None:
+                    lines.append(f"A: {a_score}/10")
+                if a_score is not None and b_score is not None:
+                    lines.append(" | ")
+                if b_score is not None:
+                    lines.append(f"B: {b_score}/10")
+                lines.append("\n\n")
+            
+            lines.append("---\n\n")
+        
+        lines.append(f"## 最终结果\n\n")
+        
+        best_solution = session.get('best_solution')
+        if best_solution:
+            lines.append(f"### 最佳解决方案\n")
+            lines.append(best_solution)
+            lines.append("\n\n")
+        
+        lines.append(f"**最佳评分**: {session.get('best_score', 'N/A')}/10\n")
+        
+        return "\n".join(lines)
+    
+    def _extract_timestamp(self, filename: str) -> Optional[str]:
+        import re
+        
+        match = re.search(r'discussion_session_(\d{8}_\d{6})\.json', filename)
+        if match:
+            timestamp_str = match.group(1)
+            try:
+                dt = datetime.strptime(timestamp_str, "%Y%m%d_%H%M%S")
+                return dt.isoformat()
+            except:
+                pass
+        
+        return None
+    
+    def get_statistics(self) -> Dict:
+        sessions = self.list_all_sessions()
+        
+        total_sessions = len(sessions)
+        total_rounds = sum(s.get("total_rounds", 0) for s in sessions)
+        
+        scores = [s.get("best_score") for s in sessions if s.get("best_score") is not None]
+        avg_score = sum(scores) / len(scores) if scores else None
+        max_score = max(scores) if scores else None
+        min_score = min(scores) if scores else None
+        
+        return {
+            "total_sessions": total_sessions,
+            "total_rounds": total_rounds,
+            "score_stats": {
+                "average": avg_score,
+                "max": max_score,
+                "min": min_score,
+                "count": len(scores)
+            }
+        }
diff --git a/output/discussion_session_20260427_210344.json b/output/discussion_session_20260427_210344.json
new file mode 100644
index 0000000..c2553b9
--- /dev/null
+++ b/output/discussion_session_20260427_210344.json
@@ -0,0 +1,68 @@
+{
+  "problem": "我想要8月去上海旅游，你推荐去哪里",
+  "max_rounds": 5,
+  "best_solution": "",
+  "best_score": 0,
+  "rounds": [
+    {
+      "round_num": 1,
+      "problem": "我想要8月去上海旅游，你推荐去哪里",
+      "agents_proposals": {
+        "A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)",
+        "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"
+      },
+      "judge_evaluation": null,
+      "a_score": null,
+      "b_score": null,
+      "timestamp": "2026-04-27T21:03:44.820532"
+    },
+    {
+      "round_num": 2,
+      "problem": "我想要8月去上海旅游，你推荐去哪里",
+      "agents_proposals": {
+        "A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)",
+        "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"
+      },
+      "judge_evaluation": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)",
+      "a_score": 0,
+      "b_score": 0,
+      "timestamp": "2026-04-27T21:03:45.502175"
+    },
+    {
+      "round_num": 3,
+      "problem": "我想要8月去上海旅游，你推荐去哪里",
+      "agents_proposals": {
+        "A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)",
+        "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"
+      },
+      "judge_evaluation": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)",
+      "a_score": 0,
+      "b_score": 0,
+      "timestamp": "2026-04-27T21:03:46.225864"
+    },
+    {
+      "round_num": 4,
+      "problem": "我想要8月去上海旅游，你推荐去哪里",
+      "agents_proposals": {
+        "A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)",
+        "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"
+      },
+      "judge_evaluation": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)",
+      "a_score": 0,
+      "b_score": 0,
+      "timestamp": "2026-04-27T21:03:46.882019"
+    },
+    {
+      "round_num": 5,
+      "problem": "我想要8月去上海旅游，你推荐去哪里",
+      "agents_proposals": {
+        "A": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)",
+        "B": "错误: 'ascii' codec can't encode characters in position 7-11: ordinal not in range(128)"
+      },
+      "judge_evaluation": "错误: 'ascii' codec can't encode characters in position 7-15: ordinal not in range(128)",
+      "a_score": 0,
+      "b_score": 0,
+      "timestamp": "2026-04-27T21:03:47.521915"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..e1e2e14
--- /dev/null
+++ b/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "multi-agent-discussion",
+  "version": "2.0.0",
+  "description": "多智能体讨论系统 - Multi-agent Discussion System with Web UI",
+  "main": "app.py",
+  "scripts": {
+    "dev": "python app.py",
+    "start": "python app.py",
+    "test": "python test_main.py"
+  },
+  "keywords": [
+    "multi-agent",
+    "ai-discussion",
+    "flask",
+    "web-ui"
+  ],
+  "author": "",
+  "license": "MIT",
+  "engines": {
+    "python": ">=3.12.0"
+  }
+}
diff --git a/requirements.txt b/requirements.txt
index 6d5d32a..d105c0c 100644
Binary files a/requirements.txt and b/requirements.txt differ
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..06d9fa1
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,905 @@
+:root {
+    --primary-color: #6366f1;
+    --primary-hover: #4f46e5;
+    --secondary-color: #64748b;
+    --danger-color: #ef4444;
+    --success-color: #22c55e;
+    --warning-color: #f59e0b;
+    --info-color: #3b82f6;
+    
+    --bg-primary: #f8fafc;
+    --bg-secondary: #ffffff;
+    --bg-tertiary: #f1f5f9;
+    
+    --border-color: #e2e8f0;
+    --text-primary: #1e293b;
+    --text-secondary: #64748b;
+    --text-muted: #94a3b8;
+    
+    --agent-a-color: #8b5cf6;
+    --agent-b-color: #06b6d4;
+    --judge-color: #f59e0b;
+    
+    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    
+    --radius-sm: 0.375rem;
+    --radius-md: 0.5rem;
+    --radius-lg: 0.75rem;
+    --radius-xl: 1rem;
+    
+    --transition-fast: 150ms ease;
+    --transition-normal: 300ms ease;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    background-color: var(--bg-primary);
+    color: var(--text-primary);
+    line-height: 1.6;
+    min-height: 100vh;
+}
+
+.app-container {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+.app-header {
+    background: linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 100%);
+    color: white;
+    padding: 1rem 1.5rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-shadow: var(--shadow-md);
+}
+
+.header-left h1 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-bottom: 0.25rem;
+}
+
+.header-left .subtitle {
+    font-size: 0.875rem;
+    opacity: 0.8;
+}
+
+.header-right {
+    display: flex;
+    gap: 1.5rem;
+    align-items: center;
+}
+
+.status-indicator,
+.env-indicator {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.875rem;
+}
+
+.status-dot {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background-color: var(--warning-color);
+    animation: pulse 2s infinite;
+}
+
+.status-dot.connected {
+    background-color: var(--success-color);
+    animation: none;
+}
+
+.status-dot.disconnected {
+    background-color: var(--danger-color);
+    animation: none;
+}
+
+@keyframes pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.5; }
+}
+
+.main-content {
+    display: flex;
+    flex: 1;
+    overflow: hidden;
+}
+
+.sidebar-left {
+    width: 360px;
+    background-color: var(--bg-secondary);
+    border-right: 1px solid var(--border-color);
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+}
+
+.sidebar-section {
+    padding: 1.25rem;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.sidebar-section:last-child {
+    border-bottom: none;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+.sidebar-section h3 {
+    font-size: 1rem;
+    font-weight: 600;
+    color: var(--text-primary);
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.status-cards {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 0.75rem;
+}
+
+.status-card {
+    background-color: var(--bg-tertiary);
+    border-radius: var(--radius-md);
+    padding: 0.75rem;
+    text-align: center;
+    transition: all var(--transition-fast);
+}
+
+.status-card:hover {
+    transform: translateY(-2px);
+    box-shadow: var(--shadow-sm);
+}
+
+.status-card.available {
+    background-color: #dcfce7;
+}
+
+.status-card.unavailable {
+    background-color: #fee2e2;
+}
+
+.card-icon {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.card-title {
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+    margin-bottom: 0.25rem;
+}
+
+.card-value {
+    font-size: 0.875rem;
+    font-weight: 600;
+}
+
+.card-value.available {
+    color: var(--success-color);
+}
+
+.card-value.unavailable {
+    color: var(--danger-color);
+}
+
+.control-panel {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.input-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.input-group label {
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: var(--text-secondary);
+}
+
+.input-group textarea {
+    width: 100%;
+    min-height: 100px;
+    padding: 0.75rem;
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-md);
+    font-size: 0.875rem;
+    resize: vertical;
+    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
+}
+
+.input-group textarea:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
+}
+
+.input-group select {
+    width: 100%;
+    padding: 0.75rem;
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-md);
+    font-size: 0.875rem;
+    background-color: var(--bg-secondary);
+    cursor: pointer;
+}
+
+.input-group select:focus {
+    outline: none;
+    border-color: var(--primary-color);
+}
+
+.action-buttons {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1rem;
+    border: none;
+    border-radius: var(--radius-md);
+    font-size: 0.875rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all var(--transition-fast);
+}
+
+.btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.btn-primary {
+    background-color: var(--primary-color);
+    color: white;
+}
+
+.btn-primary:hover:not(:disabled) {
+    background-color: var(--primary-hover);
+}
+
+.btn-danger {
+    background-color: var(--danger-color);
+    color: white;
+}
+
+.btn-danger:hover:not(:disabled) {
+    background-color: #dc2626;
+}
+
+.btn-secondary {
+    background-color: var(--bg-tertiary);
+    color: var(--text-secondary);
+    border: 1px solid var(--border-color);
+}
+
+.btn-secondary:hover:not(:disabled) {
+    background-color: var(--border-color);
+}
+
+.btn-small {
+    padding: 0.5rem 0.75rem;
+    font-size: 0.75rem;
+}
+
+.history-list {
+    flex: 1;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.history-item {
+    padding: 0.75rem;
+    background-color: var(--bg-tertiary);
+    border-radius: var(--radius-md);
+    cursor: pointer;
+    transition: all var(--transition-fast);
+}
+
+.history-item:hover {
+    background-color: var(--border-color);
+}
+
+.history-item.selected {
+    background-color: rgba(99, 102, 241, 0.1);
+    border: 1px solid var(--primary-color);
+}
+
+.history-problem {
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: var(--text-primary);
+    margin-bottom: 0.5rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.history-meta {
+    display: flex;
+    justify-content: space-between;
+    font-size: 0.75rem;
+    color: var(--text-muted);
+}
+
+.history-score {
+    font-weight: 600;
+    color: var(--success-color);
+}
+
+.loading-text {
+    text-align: center;
+    color: var(--text-muted);
+    font-size: 0.875rem;
+    padding: 2rem;
+}
+
+.main-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    background-color: var(--bg-secondary);
+}
+
+.panel-header {
+    padding: 1rem 1.5rem;
+    border-bottom: 1px solid var(--border-color);
+    background-color: var(--bg-tertiary);
+}
+
+.progress-bar-container {
+    max-width: 800px;
+}
+
+.progress-info {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 0.5rem;
+    font-size: 0.875rem;
+}
+
+#progress-text {
+    font-weight: 500;
+    color: var(--text-primary);
+}
+
+#round-indicator {
+    color: var(--text-secondary);
+}
+
+.progress-bar {
+    height: 8px;
+    background-color: var(--border-color);
+    border-radius: 4px;
+    overflow: hidden;
+}
+
+.progress-fill {
+    height: 100%;
+    background: linear-gradient(90deg, var(--primary-color), var(--agent-a-color));
+    border-radius: 4px;
+    transition: width var(--transition-normal);
+}
+
+.discussion-area {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.tabs {
+    display: flex;
+    border-bottom: 1px solid var(--border-color);
+    padding: 0 1.5rem;
+    background-color: var(--bg-secondary);
+}
+
+.tab-btn {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 1rem 1.25rem;
+    border: none;
+    background: none;
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: var(--text-secondary);
+    cursor: pointer;
+    position: relative;
+    transition: color var(--transition-fast);
+}
+
+.tab-btn:hover {
+    color: var(--text-primary);
+}
+
+.tab-btn.active {
+    color: var(--primary-color);
+}
+
+.tab-btn.active::after {
+    content: '';
+    position: absolute;
+    bottom: -1px;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background-color: var(--primary-color);
+}
+
+.tab-content {
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+}
+
+.tab-panel {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    overflow: auto;
+    display: none;
+}
+
+.tab-panel.active {
+    display: block;
+}
+
+.live-discussion {
+    height: 100%;
+    padding: 1rem;
+}
+
+.discussion-agents {
+    display: grid;
+    grid-template-columns: 1fr 280px 1fr;
+    gap: 1rem;
+    height: 100%;
+}
+
+.agent-column {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--bg-secondary);
+    border-radius: var(--radius-lg);
+    border: 1px solid var(--border-color);
+    overflow: hidden;
+    box-shadow: var(--shadow-sm);
+}
+
+.agent-column.agent-a {
+    --agent-color: var(--agent-a-color);
+}
+
+.agent-column.agent-b {
+    --agent-color: var(--agent-b-color);
+}
+
+.agent-column.judge {
+    --agent-color: var(--judge-color);
+}
+
+.agent-header {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1rem;
+    background: linear-gradient(135deg, var(--agent-color), var(--agent-color));
+    color: white;
+}
+
+.agent-icon {
+    font-size: 1.25rem;
+}
+
+.agent-name {
+    font-weight: 600;
+}
+
+.agent-model {
+    margin-left: auto;
+    font-size: 0.75rem;
+    opacity: 0.8;
+}
+
+.agent-content {
+    flex: 1;
+    padding: 1rem;
+    overflow-y: auto;
+    font-size: 0.875rem;
+    line-height: 1.7;
+}
+
+.waiting-indicator {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: var(--text-muted);
+}
+
+.loading-spinner {
+    width: 32px;
+    height: 32px;
+    border: 3px solid var(--border-color);
+    border-top-color: var(--primary-color);
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin-bottom: 1rem;
+}
+
+@keyframes spin {
+    to { transform: rotate(360deg); }
+}
+
+.proposal-content {
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+.compare-view {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.compare-header {
+    padding: 1rem 1.5rem;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.round-selector {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.round-selector label {
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: var(--text-secondary);
+}
+
+.round-selector select {
+    padding: 0.5rem 0.75rem;
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-sm);
+    font-size: 0.875rem;
+    min-width: 150px;
+}
+
+.compare-content {
+    flex: 1;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1.5rem;
+    padding: 1.5rem;
+    overflow: auto;
+}
+
+.compare-column {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--bg-secondary);
+    border-radius: var(--radius-lg);
+    border: 1px solid var(--border-color);
+    overflow: hidden;
+}
+
+.compare-agent-header {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1rem;
+    color: white;
+}
+
+.a-header {
+    background: linear-gradient(135deg, var(--agent-a-color), #7c3aed);
+}
+
+.b-header {
+    background: linear-gradient(135deg, var(--agent-b-color), #0891b2);
+}
+
+.score-badge {
+    margin-left: auto;
+    background-color: rgba(255, 255, 255, 0.2);
+    padding: 0.25rem 0.75rem;
+    border-radius: 1rem;
+    font-size: 0.875rem;
+    font-weight: 600;
+}
+
+.score-badge.high {
+    background-color: rgba(34, 197, 94, 0.8);
+}
+
+.compare-proposal {
+    flex: 1;
+    padding: 1rem;
+    overflow-y: auto;
+    font-size: 0.875rem;
+    line-height: 1.7;
+    white-space: pre-wrap;
+}
+
+.empty-text {
+    text-align: center;
+    color: var(--text-muted);
+    padding: 2rem;
+}
+
+.logs-view {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.logs-toolbar {
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.5rem;
+    padding: 0.75rem 1.5rem;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.logs-container {
+    flex: 1;
+    padding: 1rem 1.5rem;
+    overflow-y: auto;
+    font-family: 'Consolas', 'Monaco', monospace;
+    font-size: 0.8125rem;
+    background-color: #0f172a;
+}
+
+.log-entry {
+    margin-bottom: 0.5rem;
+    padding: 0.25rem 0;
+}
+
+.log-time {
+    color: #64748b;
+    margin-right: 0.5rem;
+}
+
+.log-message {
+    color: #e2e8f0;
+}
+
+.log-info .log-message {
+    color: #60a5fa;
+}
+
+.log-success .log-message {
+    color: #4ade80;
+}
+
+.log-warning .log-message {
+    color: #fbbf24;
+}
+
+.log-error .log-message {
+    color: #f87171;
+}
+
+.log-agent-a .log-message {
+    color: #a78bfa;
+}
+
+.log-agent-b .log-message {
+    color: #22d3ee;
+}
+
+.log-judge .log-message {
+    color: #fbbf24;
+}
+
+.result-view {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.result-placeholder {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: var(--text-muted);
+}
+
+.placeholder-icon {
+    font-size: 4rem;
+    margin-bottom: 1rem;
+}
+
+.result-placeholder h3 {
+    font-size: 1.25rem;
+    margin-bottom: 0.5rem;
+    color: var(--text-secondary);
+}
+
+.result-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    padding: 1.5rem;
+    overflow-y: auto;
+}
+
+.result-header {
+    margin-bottom: 1.5rem;
+    padding-bottom: 1rem;
+    border-bottom: 2px solid var(--primary-color);
+}
+
+.result-header h2 {
+    font-size: 1.5rem;
+    margin-bottom: 1rem;
+    color: var(--text-primary);
+}
+
+.result-meta {
+    display: flex;
+    gap: 1.5rem;
+}
+
+.meta-item {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 0.5rem 1rem;
+    background-color: var(--bg-tertiary);
+    border-radius: var(--radius-md);
+    font-size: 0.875rem;
+    font-weight: 500;
+}
+
+.meta-item.score-high {
+    background-color: #dcfce7;
+    color: #15803d;
+}
+
+.result-solution {
+    flex: 1;
+    padding: 1.5rem;
+    background-color: var(--bg-tertiary);
+    border-radius: var(--radius-lg);
+    font-size: 0.9375rem;
+    line-height: 1.8;
+    white-space: pre-wrap;
+    overflow-y: auto;
+}
+
+.result-actions {
+    display: flex;
+    gap: 1rem;
+    margin-top: 1.5rem;
+}
+
+.toast-container {
+    position: fixed;
+    top: 1.5rem;
+    right: 1.5rem;
+    z-index: 9999;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.toast {
+    padding: 1rem 1.5rem;
+    background-color: var(--bg-secondary);
+    border-radius: var(--radius-md);
+    box-shadow: var(--shadow-lg);
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    min-width: 300px;
+    animation: slideIn 0.3s ease;
+    border-left: 4px solid var(--primary-color);
+}
+
+.toast.success {
+    border-left-color: var(--success-color);
+}
+
+.toast.error {
+    border-left-color: var(--danger-color);
+}
+
+.toast.warning {
+    border-left-color: var(--warning-color);
+}
+
+.toast.info {
+    border-left-color: var(--info-color);
+}
+
+.toast-icon {
+    font-size: 1.25rem;
+}
+
+.toast-message {
+    flex: 1;
+    font-size: 0.875rem;
+}
+
+@keyframes slideIn {
+    from {
+        transform: translateX(100%);
+        opacity: 0;
+    }
+    to {
+        transform: translateX(0);
+        opacity: 1;
+    }
+}
+
+@media (max-width: 1400px) {
+    .discussion-agents {
+        grid-template-columns: 1fr 1fr;
+    }
+    
+    .agent-column.judge {
+        grid-column: 1 / -1;
+        max-height: 200px;
+    }
+}
+
+@media (max-width: 1024px) {
+    .sidebar-left {
+        width: 300px;
+    }
+    
+    .compare-content {
+        grid-template-columns: 1fr;
+    }
+}
+
+.highlight-best {
+    animation: pulseHighlight 1.5s ease-in-out infinite;
+}
+
+@keyframes pulseHighlight {
+    0%, 100% {
+        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);
+    }
+    50% {
+        box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
+    }
+}
diff --git a/static/js/app.js b/static/js/app.js
new file mode 100644
index 0000000..d3cc1ab
--- /dev/null
+++ b/static/js/app.js
@@ -0,0 +1,753 @@
+class MultiAgentDiscussionApp {
+    constructor() {
+        this.socket = null;
+        this.isConnected = false;
+        this.isDiscussionRunning = false;
+        this.currentSession = null;
+        this.currentRound = 0;
+        this.maxRounds = 5;
+        this.historySessions = [];
+        this.selectedHistoryFile = null;
+        this.logs = [];
+        
+        this.init();
+    }
+    
+    init() {
+        this.bindEvents();
+        this.connectSocket();
+        this.checkEnvironment();
+        this.loadHistory();
+    }
+    
+    bindEvents() {
+        document.querySelectorAll('.tab-btn').forEach(btn => {
+            btn.addEventListener('click', () => this.switchTab(btn.dataset.tab));
+        });
+        
+        document.getElementById('start-btn').addEventListener('click', () => this.startDiscussion());
+        document.getElementById('stop-btn').addEventListener('click', () => this.stopDiscussion());
+        document.getElementById('clear-btn').addEventListener('click', () => this.clearResults());
+        
+        document.getElementById('clear-logs-btn').addEventListener('click', () => this.clearLogs());
+        document.getElementById('export-logs-btn').addEventListener('click', () => this.exportLogs());
+        
+        document.getElementById('compare-round-select').addEventListener('change', (e) => this.onCompareRoundChange(e));
+        
+        document.getElementById('export-result-btn').addEventListener('click', () => this.exportResult());
+        document.getElementById('download-json-btn').addEventListener('click', () => this.downloadJson());
+    }
+    
+    connectSocket() {
+        const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+        const host = window.location.host;
+        const socketUrl = `${protocol}//${host}`;
+        
+        this.addLog('info', `正在连接到服务器: ${socketUrl}`);
+        
+        this.socket = io(socketUrl, {
+            transports: ['websocket', 'polling'],
+            reconnection: true,
+            reconnectionDelay: 1000,
+            reconnectionDelayMax: 5000
+        });
+        
+        this.socket.on('connect', () => {
+            this.isConnected = true;
+            this.updateConnectionStatus(true);
+            this.addLog('success', '已连接到服务器');
+        });
+        
+        this.socket.on('disconnect', () => {
+            this.isConnected = false;
+            this.updateConnectionStatus(false);
+            this.addLog('warning', '与服务器断开连接');
+        });
+        
+        this.socket.on('connected', (data) => {
+            this.addLog('info', `会话ID: ${data.sid}`);
+        });
+        
+        this.socket.on('pong', (data) => {
+            console.log('Pong received:', data);
+        });
+        
+        this.socket.on('discussion_update', (data) => {
+            this.handleDiscussionUpdate(data);
+        });
+        
+        this.socket.on('discussion_error', (data) => {
+            this.addLog('error', `讨论错误: ${data.message}`);
+            this.showToast('error', `讨论出错: ${data.message}`);
+        });
+    }
+    
+    updateConnectionStatus(connected) {
+        const statusEl = document.getElementById('connection-status');
+        const dotEl = statusEl.querySelector('.status-dot');
+        const textEl = statusEl.querySelector('.status-text');
+        
+        if (connected) {
+            dotEl.className = 'status-dot connected';
+            textEl.textContent = '已连接';
+            textEl.style.color = 'inherit';
+        } else {
+            dotEl.className = 'status-dot disconnected';
+            textEl.textContent = '未连接';
+            textEl.style.color = 'var(--danger-color)';
+        }
+    }
+    
+    async checkEnvironment() {
+        try {
+            const response = await fetch('/api/environment');
+            const data = await response.json();
+            
+            const envEl = document.getElementById('env-status');
+            const envText = envEl.querySelector('.env-text');
+            
+            if (data.status === 'ready') {
+                envText.textContent = '✓ 环境就绪';
+                envText.style.color = 'var(--success-color)';
+            } else {
+                envText.textContent = '⚠ 配置错误';
+                envText.style.color = 'var(--danger-color)';
+                
+                if (data.errors && data.errors.length > 0) {
+                    data.errors.forEach(err => {
+                        this.addLog('error', err);
+                    });
+                }
+            }
+            
+            this.updateAgentStatus(data.config?.agents_available);
+            
+        } catch (error) {
+            this.addLog('error', `环境检查失败: ${error.message}`);
+        }
+    }
+    
+    updateAgentStatus(agents) {
+        if (!agents) return;
+        
+        const updateStatus = (id, available, modelName) => {
+            const el = document.getElementById(id);
+            const card = el.closest('.status-card');
+            
+            if (available) {
+                el.textContent = '可用';
+                el.className = 'card-value available';
+                card.classList.add('available');
+                card.classList.remove('unavailable');
+            } else {
+                el.textContent = '未配置';
+                el.className = 'card-value unavailable';
+                card.classList.add('unavailable');
+                card.classList.remove('available');
+            }
+        };
+        
+        updateStatus('agent-a-status', agents.A, 'qwen-max');
+        updateStatus('agent-b-status', agents.B, 'deepseek-chat');
+        updateStatus('agent-c-status', agents.C, 'qwen-turbo');
+    }
+    
+    async loadHistory() {
+        try {
+            const response = await fetch('/api/history?limit=20');
+            const data = await response.json();
+            
+            this.historySessions = data.sessions || [];
+            this.renderHistoryList();
+            
+        } catch (error) {
+            this.addLog('error', `加载历史记录失败: ${error.message}`);
+            document.getElementById('history-list').innerHTML = 
+                '<div class="loading-text">加载失败</div>';
+        }
+    }
+    
+    renderHistoryList() {
+        const container = document.getElementById('history-list');
+        
+        if (this.historySessions.length === 0) {
+            container.innerHTML = '<div class="loading-text">暂无历史记录</div>';
+            return;
+        }
+        
+        container.innerHTML = this.historySessions.map((session, index) => `
+            <div class="history-item ${this.selectedHistoryFile === session.filename ? 'selected' : ''}" 
+                 data-filename="${session.filename}"
+                 data-index="${index}">
+                <div class="history-problem" title="${this.escapeHtml(session.problem)}">
+                    ${this.escapeHtml(session.problem.substring(0, 50))}${session.problem.length > 50 ? '...' : ''}
+                </div>
+                <div class="history-meta">
+                    <span>${session.total_rounds}轮</span>
+                    <span class="history-score">${session.best_score !== null ? session.best_score + '/10' : '-'}</span>
+                </div>
+            </div>
+        `).join('');
+        
+        container.querySelectorAll('.history-item').forEach(item => {
+            item.addEventListener('click', () => {
+                this.loadHistorySession(item.dataset.filename);
+            });
+        });
+    }
+    
+    async loadHistorySession(filename) {
+        try {
+            const response = await fetch(`/api/history/${encodeURIComponent(filename)}`);
+            const session = await response.json();
+            
+            if (!session) {
+                this.showToast('error', '无法加载会话');
+                return;
+            }
+            
+            this.selectedHistoryFile = filename;
+            this.currentSession = session;
+            
+            this.renderHistoryList();
+            
+            this.fillSessionToUI(session);
+            
+            this.showToast('info', '已加载历史会话');
+            this.addLog('info', `已加载历史会话: ${session.problem.substring(0, 30)}...`);
+            
+        } catch (error) {
+            this.addLog('error', `加载会话失败: ${error.message}`);
+            this.showToast('error', '加载会话失败');
+        }
+    }
+    
+    fillSessionToUI(session) {
+        document.getElementById('problem-input').value = session.problem || '';
+        
+        if (session.rounds && session.rounds.length > 0) {
+            this.currentRound = session.rounds.length;
+            this.maxRounds = session.max_rounds || 5;
+            
+            this.updateProgress(this.currentRound, this.maxRounds);
+            
+            this.updateCompareSelector(session.rounds);
+            
+            const latestRound = session.rounds[session.rounds.length - 1];
+            this.displayAgentContent('A', latestRound.agents_proposals?.A || '');
+            this.displayAgentContent('B', latestRound.agents_proposals?.B || '');
+            
+            if (latestRound.judge_evaluation) {
+                this.displayJudgeContent(latestRound.judge_evaluation);
+            }
+            
+            if (session.best_solution) {
+                this.displayResult(session);
+            }
+        }
+    }
+    
+    async startDiscussion() {
+        const problem = document.getElementById('problem-input').value.trim();
+        const maxRounds = parseInt(document.getElementById('max-rounds').value);
+        
+        if (!problem) {
+            this.showToast('warning', '请输入讨论问题');
+            return;
+        }
+        
+        this.isDiscussionRunning = true;
+        this.currentRound = 0;
+        this.maxRounds = maxRounds;
+        this.currentSession = null;
+        this.selectedHistoryFile = null;
+        
+        this.updateUILocked(true);
+        
+        this.clearAgentContents();
+        this.clearLogs();
+        
+        this.addLog('info', `开始讨论: ${problem}`);
+        this.addLog('info', `最大轮数: ${maxRounds}`);
+        
+        try {
+            const response = await fetch('/api/discussion/start', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    problem: problem,
+                    max_rounds: maxRounds
+                })
+            });
+            
+            const data = await response.json();
+            
+            if (response.ok) {
+                this.addLog('success', '讨论已启动');
+                this.showToast('success', '讨论已开始');
+            } else {
+                throw new Error(data.error || '启动讨论失败');
+            }
+            
+        } catch (error) {
+            this.addLog('error', `启动讨论失败: ${error.message}`);
+            this.showToast('error', `启动失败: ${error.message}`);
+            this.updateUILocked(false);
+            this.isDiscussionRunning = false;
+        }
+    }
+    
+    async stopDiscussion() {
+        if (!this.isDiscussionRunning) {
+            return;
+        }
+        
+        try {
+            const response = await fetch('/api/discussion/stop', {
+                method: 'POST'
+            });
+            
+            const data = await response.json();
+            
+            if (response.ok) {
+                this.addLog('warning', '讨论已停止');
+                this.showToast('warning', '讨论已停止');
+            }
+            
+        } catch (error) {
+            this.addLog('error', `停止讨论失败: ${error.message}`);
+        }
+        
+        this.updateUILocked(false);
+        this.isDiscussionRunning = false;
+    }
+    
+    clearResults() {
+        this.clearAgentContents();
+        this.clearLogs();
+        this.clearResult();
+        this.currentSession = null;
+        this.selectedHistoryFile = null;
+        this.currentRound = 0;
+        
+        document.getElementById('progress-text').textContent = '等待开始讨论...';
+        document.getElementById('round-indicator').textContent = '轮次: 0/0';
+        document.getElementById('progress-fill').style.width = '0%';
+        
+        document.getElementById('compare-round-select').innerHTML = '<option value="">暂无数据</option>';
+        
+        this.renderHistoryList();
+        
+        this.showToast('info', '结果已清空');
+    }
+    
+    handleDiscussionUpdate(event) {
+        const { type, timestamp, data } = event;
+        
+        switch (type) {
+            case 'session_start':
+                this.addLog('info', `讨论会话开始: ${data.problem}`);
+                this.maxRounds = data.max_rounds;
+                this.updateProgress(0, this.maxRounds);
+                break;
+                
+            case 'round_start':
+                this.currentRound = data.round_num;
+                this.addLog('info', `第${data.round_num}轮讨论开始: ${data.message}`);
+                this.updateProgress(this.currentRound - 1, this.maxRounds);
+                document.getElementById('progress-text').textContent = data.message;
+                break;
+                
+            case 'agent_thinking':
+                this.addLog(data.agent === 'A' ? 'agent-a' : data.agent === 'B' ? 'agent-b' : 'judge', 
+                    `${data.agent === 'A' ? '智能体A' : data.agent === 'B' ? '智能体B' : '裁判'}: ${data.message}`);
+                this.showAgentThinking(data.agent);
+                break;
+                
+            case 'agent_response':
+                this.addLog('success', `${data.agent === 'A' ? '智能体A' : '智能体B'}: ${data.message}`);
+                break;
+                
+            case 'judge_start':
+                this.addLog('judge', `裁判开始评估第${data.round_num}轮方案`);
+                document.getElementById('progress-text').textContent = data.message;
+                break;
+                
+            case 'judge_complete':
+                this.addLog('judge', `第${data.round_num}轮评估完成 - A: ${data.a_score}/10, B: ${data.b_score}/10`);
+                this.displayJudgeScore(data.a_score, data.b_score);
+                break;
+                
+            case 'round_complete':
+                this.addLog('success', `第${data.round_num}轮讨论完成`);
+                if (data.proposals) {
+                    if (data.proposals.A) this.displayAgentContent('A', data.proposals.A);
+                    if (data.proposals.B) this.displayAgentContent('B', data.proposals.B);
+                }
+                this.updateProgress(this.currentRound, this.maxRounds);
+                this.updateRoundInSelector(data.round_num);
+                break;
+                
+            case 'perfect_solution':
+                this.addLog('success', `找到完美解决方案! 轮次: ${data.round_num}, 评分: ${data.score}/10`);
+                this.showToast('success', '找到完美解决方案!');
+                break;
+                
+            case 'selecting_best':
+                this.addLog('info', data.message);
+                break;
+                
+            case 'discussion_complete':
+                this.addLog('success', '讨论已完成!');
+                this.isDiscussionRunning = false;
+                this.updateUILocked(false);
+                this.updateProgress(this.currentRound, this.maxRounds);
+                document.getElementById('progress-text').textContent = '讨论完成';
+                
+                if (data.best_solution) {
+                    this.displayResult(data);
+                }
+                
+                this.loadHistory();
+                this.showToast('success', '讨论完成!');
+                break;
+                
+            case 'discussion_stopped':
+            case 'stopped':
+                this.addLog('warning', data.message);
+                this.isDiscussionRunning = false;
+                this.updateUILocked(false);
+                break;
+                
+            case 'error':
+                this.addLog('error', `错误: ${data.message}`);
+                this.showToast('error', data.message);
+                break;
+        }
+    }
+    
+    showAgentThinking(agent) {
+        const agentId = agent === 'A' ? 'agent-a' : agent === 'B' ? 'agent-b' : 'judge';
+        const contentEl = document.getElementById(`${agentId}-content`);
+        
+        if (agent !== 'judge') {
+            contentEl.innerHTML = `
+                <div class="waiting-indicator">
+                    <div class="loading-spinner"></div>
+                    <p>智能体${agent}正在思考中...</p>
+                </div>
+            `;
+        } else {
+            contentEl.innerHTML = `
+                <div class="waiting-indicator">
+                    <div class="loading-spinner"></div>
+                    <p>裁判正在评估方案...</p>
+                </div>
+            `;
+        }
+    }
+    
+    displayAgentContent(agent, content) {
+        const agentId = agent === 'A' ? 'agent-a' : 'agent-b';
+        const contentEl = document.getElementById(`${agentId}-content`);
+        
+        contentEl.innerHTML = `<div class="proposal-content">${this.formatMarkdown(content)}</div>`;
+        contentEl.scrollTop = contentEl.scrollHeight;
+    }
+    
+    displayJudgeContent(content) {
+        const contentEl = document.getElementById('judge-content');
+        contentEl.innerHTML = `<div class="proposal-content">${this.formatMarkdown(content)}</div>`;
+        contentEl.scrollTop = contentEl.scrollHeight;
+    }
+    
+    displayJudgeScore(aScore, bScore) {
+        this.addLog('judge', `A方案评分: ${aScore}/10, B方案评分: ${bScore}/10`);
+    }
+    
+    displayResult(data) {
+        const placeholder = document.getElementById('result-placeholder');
+        const content = document.getElementById('result-content');
+        
+        placeholder.style.display = 'none';
+        content.style.display = 'flex';
+        
+        document.getElementById('result-round').textContent = `轮次: ${data.total_rounds || this.currentRound}`;
+        document.getElementById('result-score').textContent = `评分: ${data.best_score}/10`;
+        document.getElementById('result-agent').textContent = `智能体: ${data.best_agent || '-'}`;
+        
+        const scoreEl = document.getElementById('result-score');
+        if (data.best_score >= 8) {
+            scoreEl.className = 'meta-item score-high';
+        } else {
+            scoreEl.className = 'meta-item';
+        }
+        
+        document.getElementById('result-solution').innerHTML = this.formatMarkdown(data.best_solution);
+        
+        this.switchTab('result');
+    }
+    
+    formatMarkdown(text) {
+        if (!text) return '';
+        
+        let html = this.escapeHtml(text);
+        
+        html = html.replace(/^### (.+)$/gm, '<h3>$1</h3>');
+        html = html.replace(/^## (.+)$/gm, '<h2>$1</h2>');
+        html = html.replace(/^# (.+)$/gm, '<h1>$1</h1>');
+        
+        html = html.replace(/^\d+\. (.+)$/gm, '<li>$1</li>');
+        html = html.replace(/^- (.+)$/gm, '<li>$1</li>');
+        
+        html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
+        html = html.replace(/\*(.+?)\*/g, '<em>$1</em>');
+        
+        html = html.replace(/\n/g, '<br>');
+        
+        return html;
+    }
+    
+    updateUILocked(locked) {
+        document.getElementById('start-btn').disabled = locked;
+        document.getElementById('stop-btn').disabled = !locked;
+        document.getElementById('problem-input').disabled = locked;
+        document.getElementById('max-rounds').disabled = locked;
+    }
+    
+    updateProgress(current, max) {
+        const percentage = max > 0 ? (current / max) * 100 : 0;
+        document.getElementById('progress-fill').style.width = `${percentage}%`;
+        document.getElementById('round-indicator').textContent = `轮次: ${current}/${max}`;
+    }
+    
+    clearAgentContents() {
+        ['agent-a', 'agent-b', 'judge'].forEach(id => {
+            const contentEl = document.getElementById(`${id}-content`);
+            contentEl.innerHTML = `
+                <div class="waiting-indicator">
+                    <div class="loading-spinner"></div>
+                    <p>等待开始讨论...</p>
+                </div>
+            `;
+        });
+    }
+    
+    clearLogs() {
+        this.logs = [];
+        document.getElementById('logs-container').innerHTML = `
+            <div class="log-entry log-info">
+                <span class="log-time">[系统]</span>
+                <span class="log-message">日志已清空</span>
+            </div>
+        `;
+    }
+    
+    clearResult() {
+        const placeholder = document.getElementById('result-placeholder');
+        const content = document.getElementById('result-content');
+        placeholder.style.display = 'flex';
+        content.style.display = 'none';
+    }
+    
+    addLog(type, message) {
+        const timestamp = new Date().toLocaleTimeString('zh-CN', { hour12: false });
+        const logEntry = {
+            type: type,
+            timestamp: timestamp,
+            message: message
+        };
+        
+        this.logs.push(logEntry);
+        
+        const container = document.getElementById('logs-container');
+        const logEl = document.createElement('div');
+        logEl.className = `log-entry log-${type}`;
+        logEl.innerHTML = `
+            <span class="log-time">[${timestamp}]</span>
+            <span class="log-message">${this.escapeHtml(message)}</span>
+        `;
+        container.appendChild(logEl);
+        container.scrollTop = container.scrollHeight;
+    }
+    
+    exportLogs() {
+        if (this.logs.length === 0) {
+            this.showToast('warning', '没有可导出的日志');
+            return;
+        }
+        
+        const content = this.logs.map(log => 
+            `[${log.timestamp}] [${log.type.toUpperCase()}] ${log.message}`
+        ).join('\n');
+        
+        const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `discussion_logs_${this.getTimestamp()}.txt`;
+        a.click();
+        URL.revokeObjectURL(url);
+        
+        this.showToast('success', '日志已导出');
+    }
+    
+    updateCompareSelector(rounds) {
+        const select = document.getElementById('compare-round-select');
+        
+        if (!rounds || rounds.length === 0) {
+            select.innerHTML = '<option value="">暂无数据</option>';
+            return;
+        }
+        
+        select.innerHTML = rounds.map((round, index) => {
+            const hasJudge = round.judge_evaluation !== null && round.judge_evaluation !== undefined;
+            return `<option value="${index}">第 ${round.round_num} 轮 ${hasJudge ? '(已评判)' : '(初始方案)'}</option>`;
+        }).join('');
+        
+        select.value = rounds.length - 1;
+        this.onCompareRoundChange({ target: { value: rounds.length - 1 } });
+    }
+    
+    updateRoundInSelector(roundNum) {
+        if (!this.currentSession || !this.currentSession.rounds) return;
+        
+        const rounds = this.currentSession.rounds;
+        if (rounds.length >= roundNum) {
+            this.updateCompareSelector(rounds);
+        }
+    }
+    
+    onCompareRoundChange(e) {
+        const index = parseInt(e.target.value);
+        
+        if (isNaN(index) || !this.currentSession || !this.currentSession.rounds) {
+            return;
+        }
+        
+        const round = this.currentSession.rounds[index];
+        if (!round) return;
+        
+        const aContent = document.getElementById('compare-a-content');
+        const bContent = document.getElementById('compare-b-content');
+        const aScore = document.getElementById('compare-a-score');
+        const bScore = document.getElementById('compare-b-score');
+        
+        const aProposal = round.agents_proposals?.A || '';
+        const bProposal = round.agents_proposals?.B || '';
+        
+        aContent.innerHTML = this.formatMarkdown(aProposal) || '<p class="empty-text">暂无方案</p>';
+        bContent.innerHTML = this.formatMarkdown(bProposal) || '<p class="empty-text">暂无方案</p>';
+        
+        if (round.a_score !== null && round.a_score !== undefined) {
+            aScore.textContent = `${round.a_score}/10`;
+            aScore.className = `score-badge ${round.a_score >= 8 ? 'high' : ''}`;
+        } else {
+            aScore.textContent = '-';
+            aScore.className = 'score-badge';
+        }
+        
+        if (round.b_score !== null && round.b_score !== undefined) {
+            bScore.textContent = `${round.b_score}/10`;
+            bScore.className = `score-badge ${round.b_score >= 8 ? 'high' : ''}`;
+        } else {
+            bScore.textContent = '-';
+            bScore.className = 'score-badge';
+        }
+    }
+    
+    switchTab(tabName) {
+        document.querySelectorAll('.tab-btn').forEach(btn => {
+            btn.classList.toggle('active', btn.dataset.tab === tabName);
+        });
+        
+        document.querySelectorAll('.tab-panel').forEach(panel => {
+            panel.classList.toggle('active', panel.id === `tab-${tabName}`);
+        });
+    }
+    
+    async exportResult() {
+        if (!this.selectedHistoryFile && !this.currentSession) {
+            this.showToast('warning', '没有可导出的结果');
+            return;
+        }
+        
+        const filename = this.selectedHistoryFile;
+        if (!filename) {
+            this.showToast('warning', '请先保存讨论或加载历史记录');
+            return;
+        }
+        
+        try {
+            window.open(`/api/history/${encodeURIComponent(filename)}/export`, '_blank');
+            this.showToast('success', '正在导出报告...');
+        } catch (error) {
+            this.addLog('error', `导出失败: ${error.message}`);
+            this.showToast('error', '导出失败');
+        }
+    }
+    
+    async downloadJson() {
+        if (!this.selectedHistoryFile && !this.currentSession) {
+            this.showToast('warning', '没有可下载的结果');
+            return;
+        }
+        
+        const filename = this.selectedHistoryFile;
+        if (!filename) {
+            this.showToast('warning', '请先保存讨论或加载历史记录');
+            return;
+        }
+        
+        try {
+            window.open(`/api/history/${encodeURIComponent(filename)}/download`, '_blank');
+            this.showToast('success', '正在下载JSON...');
+        } catch (error) {
+            this.addLog('error', `下载失败: ${error.message}`);
+            this.showToast('error', '下载失败');
+        }
+    }
+    
+    showToast(type, message) {
+        const container = document.getElementById('toast-container');
+        
+        const icons = {
+            success: '✓',
+            error: '✗',
+            warning: '⚠',
+            info: 'ℹ'
+        };
+        
+        const toast = document.createElement('div');
+        toast.className = `toast ${type}`;
+        toast.innerHTML = `
+            <span class="toast-icon">${icons[type] || 'ℹ'}</span>
+            <span class="toast-message">${this.escapeHtml(message)}</span>
+        `;
+        
+        container.appendChild(toast);
+        
+        setTimeout(() => {
+            toast.style.opacity = '0';
+            toast.style.transform = 'translateX(100%)';
+            setTimeout(() => toast.remove(), 300);
+        }, 3000);
+    }
+    
+    escapeHtml(text) {
+        if (!text) return '';
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+    
+    getTimestamp() {
+        return new Date().toISOString().replace(/[:.]/g, '-').slice(0, -5);
+    }
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    window.app = new MultiAgentDiscussionApp();
+});
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..b926999
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,263 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>多智能体讨论系统 - Multi-agent Discussion</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script>
+</head>
+<body>
+    <div class="app-container">
+        <header class="app-header">
+            <div class="header-left">
+                <h1>🤖 多智能体讨论系统</h1>
+                <span class="subtitle">Multi-agent Discussion System</span>
+            </div>
+            <div class="header-right">
+                <div id="connection-status" class="status-indicator">
+                    <span class="status-dot"></span>
+                    <span class="status-text">连接中...</span>
+                </div>
+                <div id="env-status" class="env-indicator">
+                    <span class="env-text">环境检查中...</span>
+                </div>
+            </div>
+        </header>
+
+        <main class="main-content">
+            <aside class="sidebar-left">
+                <div class="sidebar-section">
+                    <h3>📊 系统状态</h3>
+                    <div class="status-cards">
+                        <div class="status-card">
+                            <div class="card-icon">🧠</div>
+                            <div class="card-info">
+                                <div class="card-title">智能体A</div>
+                                <div class="card-value" id="agent-a-status">检查中</div>
+                            </div>
+                        </div>
+                        <div class="status-card">
+                            <div class="card-icon">🤖</div>
+                            <div class="card-info">
+                                <div class="card-title">智能体B</div>
+                                <div class="card-value" id="agent-b-status">检查中</div>
+                            </div>
+                        </div>
+                        <div class="status-card">
+                            <div class="card-icon">⚖️</div>
+                            <div class="card-info">
+                                <div class="card-title">裁判C</div>
+                                <div class="card-value" id="agent-c-status">检查中</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="sidebar-section">
+                    <h3>📋 讨论控制</h3>
+                    <div class="control-panel">
+                        <div class="input-group">
+                            <label for="problem-input">讨论问题</label>
+                            <textarea id="problem-input" placeholder="请输入您想要讨论的问题..."></textarea>
+                        </div>
+                        <div class="input-group">
+                            <label for="max-rounds">最大讨论轮数</label>
+                            <select id="max-rounds">
+                                <option value="3">3轮</option>
+                                <option value="5" selected>5轮</option>
+                                <option value="10">10轮</option>
+                            </select>
+                        </div>
+                        <div class="action-buttons">
+                            <button id="start-btn" class="btn btn-primary">
+                                <span class="btn-icon">▶️</span> 开始讨论
+                            </button>
+                            <button id="stop-btn" class="btn btn-danger" disabled>
+                                <span class="btn-icon">⏹️</span> 停止讨论
+                            </button>
+                            <button id="clear-btn" class="btn btn-secondary">
+                                <span class="btn-icon">🗑️</span> 清空结果
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="sidebar-section">
+                    <h3>📁 历史记录</h3>
+                    <div id="history-list" class="history-list">
+                        <div class="loading-text">加载历史记录...</div>
+                    </div>
+                </div>
+            </aside>
+
+            <section class="main-panel">
+                <div class="panel-header">
+                    <div class="progress-bar-container">
+                        <div class="progress-info">
+                            <span id="progress-text">等待开始讨论...</span>
+                            <span id="round-indicator">轮次: 0/0</span>
+                        </div>
+                        <div class="progress-bar">
+                            <div id="progress-fill" class="progress-fill" style="width: 0%"></div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="discussion-area">
+                    <div class="tabs">
+                        <button class="tab-btn active" data-tab="live">
+                            <span class="tab-icon">📺</span> 实时讨论
+                        </button>
+                        <button class="tab-btn" data-tab="compare">
+                            <span class="tab-icon">📊</span> 方案对比
+                        </button>
+                        <button class="tab-btn" data-tab="logs">
+                            <span class="tab-icon">📝</span> 讨论日志
+                        </button>
+                        <button class="tab-btn" data-tab="result">
+                            <span class="tab-icon">🏆</span> 最终结果
+                        </button>
+                    </div>
+
+                    <div class="tab-content">
+                        <div id="tab-live" class="tab-panel active">
+                            <div class="live-discussion">
+                                <div class="discussion-agents">
+                                    <div class="agent-column agent-a">
+                                        <div class="agent-header">
+                                            <span class="agent-icon">🧠</span>
+                                            <span class="agent-name">智能体 A</span>
+                                            <span class="agent-model">qwen-max</span>
+                                        </div>
+                                        <div id="agent-a-content" class="agent-content">
+                                            <div class="waiting-indicator">
+                                                <div class="loading-spinner"></div>
+                                                <p>等待开始讨论...</p>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="agent-column judge">
+                                        <div class="agent-header">
+                                            <span class="agent-icon">⚖️</span>
+                                            <span class="agent-name">裁判 C</span>
+                                            <span class="agent-model">qwen-turbo</span>
+                                        </div>
+                                        <div id="judge-content" class="agent-content">
+                                            <div class="waiting-indicator">
+                                                <p>等待评判...</p>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="agent-column agent-b">
+                                        <div class="agent-header">
+                                            <span class="agent-icon">🤖</span>
+                                            <span class="agent-name">智能体 B</span>
+                                            <span class="agent-model">deepseek-chat</span>
+                                        </div>
+                                        <div id="agent-b-content" class="agent-content">
+                                            <div class="waiting-indicator">
+                                                <div class="loading-spinner"></div>
+                                                <p>等待开始讨论...</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div id="tab-compare" class="tab-panel">
+                            <div class="compare-view">
+                                <div class="compare-header">
+                                    <div class="round-selector">
+                                        <label>选择轮次:</label>
+                                        <select id="compare-round-select">
+                                            <option value="">暂无数据</option>
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class="compare-content">
+                                    <div class="compare-column">
+                                        <div class="compare-agent-header a-header">
+                                            <span class="agent-icon">🧠</span>
+                                            <span class="agent-name">智能体 A</span>
+                                            <span id="compare-a-score" class="score-badge">-</span>
+                                        </div>
+                                        <div id="compare-a-content" class="compare-proposal">
+                                            <p class="empty-text">选择轮次查看方案</p>
+                                        </div>
+                                    </div>
+                                    <div class="compare-column">
+                                        <div class="compare-agent-header b-header">
+                                            <span class="agent-icon">🤖</span>
+                                            <span class="agent-name">智能体 B</span>
+                                            <span id="compare-b-score" class="score-badge">-</span>
+                                        </div>
+                                        <div id="compare-b-content" class="compare-proposal">
+                                            <p class="empty-text">选择轮次查看方案</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div id="tab-logs" class="tab-panel">
+                            <div class="logs-view">
+                                <div class="logs-toolbar">
+                                    <button id="clear-logs-btn" class="btn btn-small btn-secondary">
+                                        清空日志
+                                    </button>
+                                    <button id="export-logs-btn" class="btn btn-small btn-primary">
+                                        导出日志
+                                    </button>
+                                </div>
+                                <div id="logs-container" class="logs-container">
+                                    <div class="log-entry log-info">
+                                        <span class="log-time">[系统]</span>
+                                        <span class="log-message">欢迎使用多智能体讨论系统</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div id="tab-result" class="tab-panel">
+                            <div class="result-view">
+                                <div id="result-placeholder" class="result-placeholder">
+                                    <div class="placeholder-icon">🏆</div>
+                                    <h3>暂无结果</h3>
+                                    <p>开始讨论后，最终结果将在此显示</p>
+                                </div>
+                                <div id="result-content" class="result-content" style="display: none;">
+                                    <div class="result-header">
+                                        <h2>最佳解决方案</h2>
+                                        <div class="result-meta">
+                                            <span id="result-round" class="meta-item">轮次: -</span>
+                                            <span id="result-score" class="meta-item score-high">评分: -/10</span>
+                                            <span id="result-agent" class="meta-item">智能体: -</span>
+                                        </div>
+                                    </div>
+                                    <div id="result-solution" class="result-solution"></div>
+                                    <div class="result-actions">
+                                        <button id="export-result-btn" class="btn btn-primary">
+                                            <span class="btn-icon">📥</span> 导出报告
+                                        </button>
+                                        <button id="download-json-btn" class="btn btn-secondary">
+                                            <span class="btn-icon">📄</span> 下载JSON
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </main>
+
+        <div id="toast-container" class="toast-container"></div>
+    </div>
+
+    <script src="{{ url_for('static', filename='js/app.js') }}"></script>
+</body>
+</html>