澶氭ā鍨嬪ご鑴戦鏆村钩鍙?/title> <style> *{margin:0;padding:0;box-sizing:border-box} body{font-family:-apple-system,sans-serif;background:#f5f7fa;color:#333;font-size:15px} .header{background:#1a1a2e;color:#fff;padding:18px 30px}.header h1{font-size:20px}.header h1 span{font-size:13px;opacity:0.7;margin-left:10px;font-weight:400} .ct{max-width:1080px;margin:auto;padding:20px 24px} .box{background:#fff;border-radius:10px;padding:24px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.06)} .box h3{font-size:15px;font-weight:600;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #eee} .tip{background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;padding:14px;margin-bottom:16px;font-size:13px;line-height:1.8} label{display:block;margin-bottom:6px;font-weight:500;color:#444} input,textarea,select{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;outline:none;margin-bottom:12px} textarea{resize:vertical;min-height:80px} .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px} .btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;cursor:pointer;display:inline-block} .btn-primary{background:#409eff;color:#fff}.btn-success{background:#67c23a;color:#fff}.btn-danger{background:#f56c6c;color:#fff} .hidden{display:none}.mt12{margin-top:12px}.mb12{margin-bottom:12px}.gray{color:#999;font-size:13px} .tag{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;background:#e6f7ff;color:#1890ff} .tag.orange{background:#fff7e6;color:#fa8c16}.tag.green{background:#f6ffed;color:#52c41a}.tag.red{background:#fff0f0;color:#f56c6c} .msg{border-left:4px solid #409eff;background:#f9f9fc;padding:14px;border-radius:8px;margin-bottom:10px} .msg .mt{font-size:12px;color:#999;margin-bottom:6px}.msg .mc{font-size:14px;line-height:1.7;white-space:pre-wrap} .rp{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:20px;max-height:500px;overflow-y:auto;font-size:14px;line-height:1.7;white-space:pre-wrap} @media(max-width:700px){.row2{grid-template-columns:1fr}} </style></head> <body> <div class="header"><h1>馃 澶氭ā鍨嬪ご鑴戦鏆村钩鍙?span>DeepSeek 璺?闃块噷鍗冮棶璺?鐏北璞嗗寘璺?GPT-5.5 璺?Gemini</span></h1></div> <div class="ct"> <div class="steps" id="steps" style="display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap"></div> <div id="createView"> <div class="box"><h3>馃攽 API Key 闁板秶鐤?<span class="tag red">棣栨浣跨敤蹇呰</span></h3> <div class="tip"><strong>鍏堝幓鍚勫钩鍙拌幏鍙?API Key 骞跺～鍏?.env 鏂囦欢鍚庨噸鍚細</strong><br>璺?DeepSeek 鈫抪latform.deepseek.com<br>璺?闃块噷鍗冮棶鈫?闃块噷浜戠櫨鐐?br>璺?鐏北璞嗗寘鈫掔伀灞卞紩鎿庢帶鍒跺彴<br>璺?GPT-5.5 & Gemini 鈫抋piyi.com<br>璺?鍥剧墖/璇煶璇嗗埆鈫掍娇鐢ㄩ樋閲屼簯鐧剧偧鍚屼竴涓?Key</div></div> <div class="box"> <h3>馃殌寮€濮嬫柊璁ㄨ</h3> <label>璁ㄨ涓婚<<</label><input id="inputTopic" placeholder="娓氬锛氫緥濡備綍鍦ㄤ笢鍗椾簹鎺ㄥ箍AI鐢熷浘缃戠珯"> <label>鑳屾櫙璧勬枡<<</label><textarea id="inputTextInfo" placeholder="椤圭洰鑳屾櫙銆侀亣鍒扮殑闂绛夛紙鍙€夛級"></textarea> <label>涓婁紶鏂囦欢锛堝彲澶氶€夛紝宸叉敮鎸?HTML锛夛細<</label> <input type="file" id="fileUpload" multiple accept=".jpg,.jpeg,.png,.gif,.webp,.bmp,.mp3,.wav,.m4a,.pdf,.doc,.docx,.xls,.xlsx,.txt,.html,.htm,.py,.js,.css,.json,.xml,.ts,.tsx,.jsx,.yaml,.yml" style="display:none"> <div id="fileDropZone" style="border:2px dashed #dcdfe6;border-radius:8px;padding:24px;text-align:center;cursor:pointer;margin-bottom:12px" onclick="document.getElementById('fileUpload').click()"> <p style="font-size:14px;color:#666">馃搧鐐瑰嚮閫夋嫨鏂囦欢</p> <p style="font-size:12px;color:#999;margin-top:4px">JPG/PNG/GIF/WebP 路 MP3/WAV/M4A 路 PDF/DOC/XLS/TXT/HTML</p></div> <div id="fileList"></div> <div class="row2"> <div><label>浼氳涓绘寔<<</label><select id="selectModerator"><option value="gemini">Gemini</option><option value="deepseek">DeepSeek</option><option value="gpt5_5">GPT-5.5</option><option value="qwen">闃块噷鍗冮棶</option><option value="doubao">鐏北璞嗗寘</option></select><div class="gray mt12">涓绘寔妯″瀷鍒嗘瀽鐠у嫭鏋￠妴浣稿瀻鎴ｆ０妯糕偓浣烘晸閹存劖濮ら崨?/div></div> <div><label>杈撳嚭鏍煎紡<<</label><select id="selectFormat"><option value="word">Word锛堥粯璁わ級</option><option value="markdown">Markdown</option><option value="pdf">PDF</option></select></div></div> <div class="mt12"><button class="btn btn-primary" id="btnStart">寮€濮嬪ご鑴戦鏆撮埆</button><div style='margin-top:12px;padding:12px;background:#f0f9eb;border:1px solid #e1f3d8;border-radius:8px;font-size:13px'><p><strong>馃摬鏈湴娌欑鐜鎻愮ず锛?/strong>鐢变簬褰撳墠鐜鏃犳硶璁块棶澶栭儴 API锛?/p><p>璇峰厛浣跨敤 Mock 妯″紡娴嬭瘯娴佺▼锛岄儴缃插埌闃块噷浜戝悗浼氳嚜鍔ㄨ皟鐢ㄧ湡瀹炴ā鍨嬨€?/p><button class='btn' style='background:#909399;color:#fff;margin-top:8px' onclick='startMock()'>馃И 浣跨敤 Mock 妯″紡鍒嗘瀽</button></div><span id="statusMsg" style="margin-left:12px;color:#999;font-size:13px"></span></div></div> <div class="box" id="roleConfigs"></div></div> <div id="discussView" class="hidden"> <div class="row2"><div><div class="box"><h3>馃摰 <span id="topicTitle"></span></h3><div style="font-size:13px;color:#666;line-height:1.8">閻樿埖鈧? <span id="statusBadge"></span><br>闃舵: <span id="phaseText"></span> 璺?鏉? <span id="roundText"></span><br>涓绘寔: <span id="moderatorText"></span></div><div class="mt12"><span id="envDisplay">本地环境</span></div></div></div> <div><div id="actionPanel" class="box"></div></div></div> <div class="box" id="discussionLog"></div></div></div> <script> var state={sessionId:null,topic:"",status:"",phase:0,round:0,moderator:"gemini",analysisReport:null,discussion:[],actionPlan:null,steps:["闇€姹傚垎鏋?"缁楃鏉炲絺鐟封偓","浜ゅ弶璐ㄧ枒","鍚勮嚜鎬荤粨","鎶ュ憡鐢熸垚"]}; var pollTimer=null;var roleConfig={}; document.getElementById("btnStart").onclick=startSession; loadConfigs(); document.getElementById("fileUpload").onchange=function(){var oldFiles=this._prevFiles||[];var dt=new DataTransfer();for(var i=0;i<oldFiles.length;i++)dt.items.add(oldFiles[i]);for(var i=0;i<this.files.length;i++){var exists=false;for(var j=0;j<dt.files.length;j++){if(dt.files[j].name===this.files[i].name&&dt.files[j].size===this.files[i].size){exists=true;break}}if(!exists)dt.items.add(this.files[i])}this.files=dt.files;this._prevFiles=[];for(var i=0;i<this.files.length;i++)this._prevFiles.push(this.files[i]); var list=document.getElementById("fileList"),zone=document.getElementById("fileDropZone"); list.innerHTML="";zone.style.display=this.files.length>0?"none":"block"; for(var i=0;i<this.files.length;i++){var f=this.files[i],d=document.createElement("div"); d.style.cssText="display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #ebeef5;border-radius:6px;margin-bottom:6px;font-size:13px"; d.innerHTML="<span>"+f.name+" ("+Math.round(f.size/1024)+"KB)</span><button class='btn btn-danger' style='padding:4px 12px;font-size:12px' onclick='removeFile("+i+")'>鍒犻櫎</button>";list.appendChild(d);}}; function startMock(){if(!state.sessionId){alert('璇峰厛鐐瑰嚮寮€濮嬪ご鑴戦鏆村垱寤轰細璇?;return}fetch('/api/session/'+state.sessionId+'/mock-analyze',{method:'POST'}).then(function(r){return r.json()}).then(function(d){if(d.success){document.getElementById('statusMsg').textContent='Mock鍒嗘瀽瀹屾垚'}else alert('Mock澶辫触: '+d.error)}).catch(function(e){alert('Mock澶辫触: '+e.message)})}function removeFile(idx){var inp=document.getElementById("fileUpload"),dt=new DataTransfer();for(var i=0;i<inp.files.length;i++){if(i!==idx)dt.items.add(inp.files[i])}inp.files=dt.files;inp.onchange()} async function loadConfigs(){try{var d=await fetch("/api/models").then(r=>r.json());if(!d.success)return;var tr=await fetch("/api/role-templates").then(r=>r.json());var h="<h3>馃幁妯″瀷韬唤瀹氫綅锛堝彲鑷畾涔夛級</h3><p class=gray>姣忎釜妯″瀷鐨勮韩浠藉喅瀹氳璁鸿瑙掞紝浠庢ā鏉块€夋嫨鍚庡彲鑷敱寰皟銆?/p>";for(var m of d.models){var t=tr.success&&tr.templates[m.key]?tr.templates[m.key]:null;roleConfig[m.key]=t?t.prompt:"";var tc=m.key==="gemini"?"orange":m.key==="deepseek"?"green":"";var tt=m.key==="gemini"?"涓绘寔":m.key==="deepseek"?"涓婁笅鏂囧帇缂?鍙備細";h+="<div style='border:1px solid #ebeef5;border-radius:8px;padding:12px;margin-bottom:10px'><div style='display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap'><strong>"+m.name+"</strong><span class='tag"+(tc?" "+tc:"")+"'>"+tt+"</span>";if(t)h+="<span style='font-size:12px;color:#999'>"+t.title+"</span>";h+="</div><select id='tmpl_"+m.key+"' style='width:220px;margin-bottom:6px'><option value='custom'>鑷畾涔?/option>";if(tr.success)for(var k in tr.templates)h+="<option value='"+k+"'"+(k===m.key?" selected":"")+">"+tr.templates[k].title+"</option>";h+="</select><textarea id='role_"+m.key+"' style='width:100%;min-height:50px;font-size:13px;border:1px solid #dcdfe6;border-radius:6px;padding:8px;resize:vertical'>"+(t?t.prompt:"")+"</textarea></div>"}document.getElementById("roleConfigs").innerHTML=h;for(var m of d.models){var s=document.getElementById("tmpl_"+m.key);if(s)s.onchange=function(){var k=this.id.replace("tmpl_",""),v=this.value,ta=document.getElementById("role_"+k);if(v!=="custom"&&ta){fetch("/api/role-templates").then(r=>r.json()).then(function(d){if(d.success&&d.templates[v]){ta.value=d.templates[v].prompt;roleConfig[k]=d.templates[v].prompt}})}}}}catch(e){}} async function startSession(){var topic=document.getElementById("inputTopic").value.trim();if(!topic){alert("璇峰～鍐欒璁轰富棰?;return}var textInfo=document.getElementById("inputTextInfo").value.trim();var moderator=document.getElementById("selectModerator").value;var format=document.getElementById("selectFormat").value;var rc={};for(var k in roleConfig){var ta=document.getElementById("role_"+k);rc[k]={template:k,prompt:ta?ta.value:roleConfig[k]}}document.getElementById("btnStart").disabled=true;document.getElementById("statusMsg").textContent="鍒涘缓浼氳瘽涓?..";try{var d=await fetch("/api/session/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({topic,textInfo,moderator,roleConfigs:rc,options:{outputFormat:format}})}).then(r=>r.json());if(d.success){state.sessionId=d.session.id;state.topic=topic;state.moderator=moderator;document.getElementById("createView").classList.add("hidden");document.getElementById("discussView").classList.remove("hidden");document.getElementById("topicTitle").textContent=topic;startPolling();if(textInfo)await fetch("/api/session/"+state.sessionId+"/analyze",{method:"POST"});var fi=document.getElementById("fileUpload");if(fi.files.length>0){var fd=new FormData();for(var j=0;j<fi.files.length;j++)fd.append("files",fi.files[j]);await fetch("/api/session/"+state.sessionId+"/upload",{method:"POST",body:fd})}}else alert("鍒涘缓澶辫触: "+d.error)}catch(e){alert("鍒涘缓澶辫触: "+e.message)}document.getElementById("btnStart").disabled=false;document.getElementById("statusMsg").textContent=""} function startPolling(){if(pollTimer)clearInterval(pollTimer);pollTimer=setInterval(async()=>{try{var d=await fetch("/api/session/"+state.sessionId+"/status").then(r=>r.json());if(d.success){Object.assign(state,d);updateUI();if(["completed","error"].includes(d.status)){clearInterval(pollTimer);pollTimer=null}}}catch(e){}},2000);updateUI()} function updateUI(){var cur=state.phase>=5?4:state.phase>=4?3:state.phase>=3?2:state.phase>=2?1:state.phase>=1?0:-1;var sh="";for(var i=0;i<state.steps.length;i++){if(i>0)sh+="<span style='color:#ccc;margin:0 2px'>鈫?span>";sh+="<span style='padding:6px 14px;border-radius:20px;font-size:13px;background:#f0f2f5;color:#999'"+(cur===i?" style='padding:6px 14px;border-radius:20px;font-size:13px;background:#409eff;color:#fff'":"")+(cur>i?" style='padding:6px 14px;border-radius:20px;font-size:13px;background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff'":"")+">"+state.steps[i]+"</span>"}document.getElementById("steps").innerHTML=sh;var sm={created:"绛夊緟寮€濮?analyzing:"鍒嗘瀽璧勬枡涓?....",awaiting_confirmation:"绛夊緟纭",first_round:"绗竴杞彂瑷€涓?....",cross_examine:"浜ゅ弶璐ㄧ枒涓?....",summarizing:"鎬荤粨涓?....",generating_report:"鐢熸垚鎶ュ憡涓?....",awaiting_user:"绛夊緟鎿嶄綔",completed:"宸插畬鎴?error:"鍑洪敊"};var stm={created:"",analyzing:"orange",awaiting_confirmation:"orange",first_round:"orange",cross_examine:"orange",summarizing:"orange",generating_report:"orange",awaiting_user:"green",completed:"green",error:"red"};document.getElementById("statusBadge").innerHTML="<span class='tag"+(stm[state.status]?" "+stm[state.status]:"")+"'>"+(sm[state.status]||state.status)+"</span>";document.getElementById("phaseText").textContent=state.phase+"/5";document.getElementById("roundText").textContent=state.round;document.getElementById("moderatorText").textContent=state.moderator;var ap=document.getElementById("actionPanel");if(state.status==="awaiting_confirmation"&&state.analysisReport){ap.innerHTML="<h3>馃摰闇€姹傚垎鏋愮畝鎶?- 璇风‘璁?/h3><div class=rp>"+esc(state.analysisReport)+"</div><div class=mt12><button class='btn btn-primary' onclick=confirmAnalysis()>閴?绾紝杩涘叆绗偓鏉炲絺鐟封偓</button></div>"}else if(state.status==="awaiting_user"&&state.phase===2){ap.innerHTML="<h3>馃挰绗竴杞彂瑷€宸插畬鎴?h3><button class='btn btn-primary' onclick=startCrossExamine()>閴冣槄绗?杩涘叆浜ゅ弶璐ㄧ枒鐜妭</button>"}else if(state.status==="awaiting_user"&&state.phase===3){ap.innerHTML="<h3>馃挰浜ゅ弶璐ㄧ枒宸插畬鎴愶紙绗?state.round+"鏉炵礆</h3><button class='btn btn-primary' onclick=anotherCrossExamine() style='margin-right:8px'>馃攧鍐嶆潵涓€杞?/button><button class='btn btn-success' onclick=startSummary()>閴?杩涘叆鎬荤粨</button>"}else if(["analyzing","first_round","cross_examine","summarizing","generating_report"].includes(state.status)){ap.innerHTML="<h3>閳?"+(sm[state.status]||state.status)+"</h3>"}else if(state.status==="completed"&&state.actionPlan){ap.innerHTML="<h3>馃摣琛屽姩璁″垝宸茬敓鎴?h3><div class=mb12><button class='btn btn-primary' onclick=downloadReport(\"word\") style='margin-right:8px'>馃搻 Word</button><button class='btn btn-success' onclick=downloadReport(\"markdown\") style='margin-right:8px'>馃搻 Markdown</button><button class=btn onclick=downloadReport(\"pdf\") style='background:#909399;color:#fff'>馃搻 PDF</button></div><div class=rp>"+esc(state.actionPlan)+"</div>"}else{ap.innerHTML="<h3>閳?绛夊緟涓?..</h3>"}var dl=document.getElementById("discussionLog");if(state.discussion&&state.discussion.length>0){var dh="<h3>馃挰鍏ㄩ儴璁ㄨ璁板綍</h3>";var pl={first_round:"鍒濊疆鍙戣█",cross_examine:"浜ゅ弶璐ㄧ枒",summary:"鎬荤粨"};for(var i=0;i<state.discussion.length;i++){var m=state.discussion[i];dh+="<div class=msg><div class=mt><strong>"+m.modelKey+"</strong> 璺?绗?m.round+"杞?"+(pl[m.phase]||m.phase)+"</div><div class=mc>"+esc(m.content)+"</div></div>"}dl.innerHTML=dh}} function esc(s){return s?s.replace(/</g,"<").replace(/>/g,">"):""} async function confirmAnalysis(){await fetch("/api/session/"+state.sessionId+"/confirm-analysis",{method:"POST"})} async function startCrossExamine(){await fetch("/api/session/"+state.sessionId+"/start-cross-examine",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({round:2})})} async function anotherCrossExamine(){await fetch("/api/session/"+state.sessionId+"/start-cross-examine",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({round:(state.round||2)+1})})} async function startSummary(){await fetch("/api/session/"+state.sessionId+"/start-summary",{method:"POST"})} async function downloadReport(f){var r=await fetch("/api/session/"+state.sessionId+"/download?format="+f);if(!r.ok){alert("涓嬭浇澶辫触");return}var b=await r.blob();var u=URL.createObjectURL(b);var a=document.createElement("a");a.href=u;a.download="琛屽姩鏂规."+({word:"docx",markdown:"md",pdf:"pdf"}[f]||"docx");a.click()} </script> </body> </html>