diff --git a/cloud/console-react/src/api/paths.ts b/cloud/console-react/src/api/paths.ts index 60e7ed2..e66cba5 100644 --- a/cloud/console-react/src/api/paths.ts +++ b/cloud/console-react/src/api/paths.ts @@ -56,6 +56,10 @@ export const paths = { taskThreads: (id: string) => "/tasks/" + enc(id) + "/threads", taskThreadAction: (id: string, kind: string) => "/tasks/" + enc(id) + "/thread/" + kind, taskCost: (id: string) => "/tasks/" + enc(id) + "/cost", + taskBrowserState: (id: string) => "/tasks/" + enc(id) + "/browser/state", + taskBrowserStream: (id: string) => "/tasks/" + enc(id) + "/browser/stream", + taskBrowserInput: (id: string) => "/tasks/" + enc(id) + "/browser/input", + taskBrowserControl: (id: string) => "/tasks/" + enc(id) + "/browser/control", uploads: "/uploads", adminQuotas: "/admin/quotas", adminQuotaUser: (uid: string) => "/admin/quotas?user_id=" + enc(uid), diff --git a/cloud/console-react/src/sections/TaskDetailPanel.tsx b/cloud/console-react/src/sections/TaskDetailPanel.tsx index 90a17b2..c5b2bc3 100644 --- a/cloud/console-react/src/sections/TaskDetailPanel.tsx +++ b/cloud/console-react/src/sections/TaskDetailPanel.tsx @@ -5,6 +5,7 @@ import { shortId, fmt } from "../api/client"; import { STATUS_EXPLAIN } from "../api/types"; import { firstChar, durationOf, tokenOf, fmtCostUsd } from "../api/taskMeta"; import DetailActions from "./detail/DetailActions"; +import BrowserPanel from "./detail/BrowserPanel"; import ReviewPanel from "./detail/ReviewPanel"; import { CoordPanel, AgentsPanel, ApprovalPanel, PeerPanel, ThreadPanel } from "./detail/DetailLists"; @@ -19,9 +20,9 @@ import { CoordPanel, AgentsPanel, ApprovalPanel, PeerPanel, ThreadPanel } from " // 线程：线程管理 // Data, actions and sub-sections are unchanged; only grouping // and visibility changed. -type DetailTab = "overview" | "collab" | "review" | "threads"; +type DetailTab = "overview" | "collab" | "review" | "threads" | "browser"; const DETAIL_TABS: Array<[DetailTab, string]> = [ - ["overview", "概览"], ["collab", "协作"], ["review", "评审与审批"], ["threads", "线程"], + ["overview", "概览"], ["collab", "协作"], ["review", "评审与审批"], ["threads", "线程"], ["browser", "浏览器"], ]; export default function TaskDetailPanel() { const ctx = useConsole(); @@ -104,6 +105,8 @@ export default function TaskDetailPanel() { ) : tab === "review" ? (<> + ) : tab === "browser" ? (<> + ) : (<> )} diff --git a/cloud/console-react/src/sections/detail/BrowserPanel.tsx b/cloud/console-react/src/sections/detail/BrowserPanel.tsx new file mode 100644 index 0000000..343e7a8 --- /dev/null +++ b/cloud/console-react/src/sections/detail/BrowserPanel.tsx @@ -0,0 +1,223 @@ +import { useCallback, useEffect, useRef, useState } from "react"; +import { useConsole } from "../../context"; +import { api, getKey } from "../../api/client"; +import { paths } from "../../api/paths"; + +// Browser remote view: watches the agent's Chromium live and, after +// takeover, forwards the user's clicks/keys to it. +// +// Transport note: EventSource cannot send the X-API-Key header, so +// the SSE stream is read with fetch + a ReadableStream reader. +// The stream carries base64 jpeg frames; the image element shows +// the latest frame. Click coordinates are scaled from the displayed +// size back to the 1280x800 viewport the tools use. +type BrowserState = { + url?: string; + title?: string; + holder?: string; + started?: boolean; + streaming?: boolean; +}; + +export default function BrowserPanel() { + const ctx = useConsole(); + const t = ctx.currentTask; + const [img, setImg] = useState(""); + const [state, setState] = useState(null); + const [status, setStatus] = useState("未开始"); + const [err, setErr] = useState(""); + const [watching, setWatching] = useState(false); + const abortRef = useRef(null); + const imgRef = useRef(null); + + const refreshState = useCallback(async () => { + if (!t) return; + try { + const s = await api(paths.taskBrowserState(t.id)); + setState(s); + setErr(""); + } catch (e) { + const msg = e instanceof Error ? e.message : String(e); + if (msg.includes("503")) setState(null); + else setErr(msg); + } + }, [t]); + + useEffect(() => { + setImg(""); + setState(null); + setStatus("未开始"); + setErr(""); + setWatching(false); + abortRef.current?.abort(); + if (!t) return; + void refreshState(); + const timer = setInterval(() => void refreshState(), 5000); + return () => { + clearInterval(timer); + abortRef.current?.abort(); + }; + }, [t, refreshState]); + + const startWatch = useCallback(async () => { + if (!t) return; + abortRef.current?.abort(); + const ctrl = new AbortController(); + abortRef.current = ctrl; + setWatching(true); + setStatus("连接中…"); + setErr(""); + try { + const r = await fetch(paths.taskBrowserStream(t.id), { + headers: { "X-API-Key": getKey() }, + signal: ctrl.signal, + }); + if (!r.ok || !r.body) { + const d = await r.json().catch(() => null) as { error?: string } | null; + throw new Error((d && d.error) || "HTTP " + r.status); + } + setStatus("直播中"); + const reader = r.body.getReader(); + const decoder = new TextDecoder(); + let buf = ""; + for (;;) { + const { done, value } = await reader.read(); + if (done) break; + buf += decoder.decode(value, { stream: true }); + let idx = buf.indexOf("\n\n"); + while (idx >= 0) { + const block = buf.slice(0, idx); + buf = buf.slice(idx + 2); + for (const line of block.split("\n")) { + if (!line.startsWith("data: ")) continue; + try { + const payload = JSON.parse(line.slice(6)) as { + image?: string; + holder?: string; + }; + if (payload.image) { + setImg("data:image/jpeg;base64," + payload.image); + } + if (payload.holder) { + setState((s) => ({ ...(s || {}), holder: payload.holder })); + } + } catch { + // ignore a torn frame line + } + } + idx = buf.indexOf("\n\n"); + } + } + setStatus("流已断开"); + } catch (e) { + if ((e as Error).name === "AbortError") return; + setErr(e instanceof Error ? e.message : String(e)); + setStatus("未开始"); + } finally { + setWatching(false); + } + }, [t]); + + const stopWatch = useCallback(() => { + abortRef.current?.abort(); + setWatching(false); + setStatus("已停止"); + }, []); + + const takeover = useCallback(async (holder: "user" | "agent") => { + if (!t) return; + try { + const s = await api( + paths.taskBrowserControl(t.id), "POST", { holder }); + setState(s); + setErr(""); + } catch (e) { + setErr(e instanceof Error ? e.message : String(e)); + } + }, [t]); + + const clickImage = useCallback(async (e: React.MouseEvent) => { + if (!t || state?.holder !== "user" || !imgRef.current) return; + const rect = imgRef.current.getBoundingClientRect(); + const x = Math.round(((e.clientX - rect.left) / rect.width) * 1280); + const y = Math.round(((e.clientY - rect.top) / rect.height) * 800); + try { + await api(paths.taskBrowserInput(t.id), "POST", { + type: "mouse_click", x, y, + }); + } catch (err) { + setErr(err instanceof Error ? err.message : String(err)); + } + }, [t, state]); + + const keyDown = useCallback(async (e: React.KeyboardEvent) => { + if (!t || state?.holder !== "user") return; + e.preventDefault(); + try { + if (e.key.length === 1) { + await api(paths.taskBrowserInput(t.id), "POST", { + type: "type", text: e.key, + }); + } else { + await api(paths.taskBrowserInput(t.id), "POST", { + type: "key", key: e.key, + }); + } + } catch (err) { + setErr(err instanceof Error ? err.message : String(err)); + } + }, [t, state]); + + if (!t) return
点任务行查看详情
; + const holder = state?.holder || "—"; + const active = state !== null; + return ( +
+
+ 状态 {status} + 会话 {active ? "活跃" : "未激活（轮次结束即消失）"} + 控制权 {holder} + {state?.url ? {state.url.slice(0, 80)} : null} +
+
+ {!watching + ? + : } + + {holder !== "user" + ? + : } +
+ {err ?
{err}
: null} + {holder === "user" ? ( +
+ 你已接管：点画面即点击，键盘输入直达页面。交还后 Agent 续跑前会先快照确认你的改动。 +
+ ) : null} +
+ {img ? ( + 浏览器实时画面 void clickImage(e)} + onKeyDown={(e) => void keyDown(e)} + style={{ + width: "100%", + maxWidth: 1280, + cursor: holder === "user" ? "crosshair" : "default", + border: "1px solid var(--border, #ccc)", + }} + /> + ) : ( +
+ {active + ? "点“开始观看”接入画面流（接管后点画面即点击）" + : "浏览器会话未激活：任务本轮未开浏览器，或轮次已结束。"} +
+ )} +
+
+ ); +} diff --git a/cloud/console.html b/cloud/console.html index 4fb4f3e..bf2a4fa 100644 --- a/cloud/console.html +++ b/cloud/console.html @@ -4,7 +4,7 @@ Codex 命令台 - +`),N(W||"（暂无 result/error 输出）")}catch{}te(w.id),Pe(w.id),qe(w.id),_l(w.id),da(w),rl(w.id),ol(w.id),Ft(w.id),Ul(w.id),Dl(w.id)}},[te,Pe,qe,_l,da,rl,ol,Ft,Ul,Dl]),ma=d.useCallback(async w=>{const U=se.current;if(!U)return;const W={cancel:"确定取消该任务吗？",merge:"确定把 completed 任务标为 merged 吗？",pr:"确定为该任务提 PR 吗？（会在仓库真实建 PR）"};if(!(W[w]&&!window.confirm(W[w])))try{const tt=await I(Z.taskAction(U.id,w),"POST",{});p(w+" 已提交："+JSON.stringify(tt).slice(0,300)),r(),await Se(U.id)}catch(tt){p(w+" 失败："+tt.message)}},[Se,r]),su=d.useCallback(async()=>{const w=se.current;if(w)try{const U=await I(Z.taskCost(w.id));j(JSON.stringify(U,null,2).slice(0,4e3))}catch(U){j("查成本失败："+U.message)}},[]),ru=d.useCallback(async w=>{const U=se.current;if(U){if(!w.trim()){vt("分支消息必填");return}if(!uu.includes(U.status)){vt("仅终态任务可分支");return}try{const W=await I(Z.taskFork(U.id),"POST",{message:w.trim()});vt("分支任务已建："+W.id.slice(0,8)),r()}catch(W){vt("分支失败："+W.message)}}},[r]),Fl=d.useCallback(async w=>{const U=se.current;if(U)try{await I(Z.taskReviews(U.id),"POST",w),Nt("评审已登记（requested）"),await qe(U.id)}catch(W){Nt("登记评审需求失败："+W.message)}},[qe]),Ae=d.useCallback(w=>{const U=se.current;if(!U)return;const W=window.prompt("输入该条评审的 findings（将写回记录并标为 completed）：");W!==null&&I(Z.taskReviewFindings(U.id,w),"POST",{findings:W}).then(()=>void qe(U.id)).catch(tt=>Nt("写 findings 失败："+tt.message))},[qe]),fl=d.useCallback((w,U)=>{const W=se.current;if(!W)return;const tt=U==="approved"?"approve":"deny";I(Z.taskApprovalDecision(W.id,w,tt),"POST",{}).then(()=>{xt("已记录"+(U==="approved"?"允许":"拒绝")+"（当前版本只留回执，不拦截实时行为）"),_l(W.id)}).catch(M=>xt("决定失败："+M.message))},[_l]),Oe=d.useCallback(async(w,U,W)=>{const tt=se.current;if(tt){if(!U.trim()){ce("目标任务 id 不能为空");return}if(!W.trim()){ce("消息正文不能为空");return}try{const M=await I(Z.taskMessagesTo(U.trim()),"POST",{from_task_id:tt.id,body:W.trim(),mode:w});ce("已发送（"+M.delivery+"）"),await ol(tt.id)}catch(M){ce("发送失败："+M.message)}}},[ol]),ou=d.useCallback((w,U)=>{const W=se.current;if(!W)return;if(!["completed","failed","interrupted"].includes(W.status)){he("仅 completed/failed/interrupted 任务可操作线程（merged/merge-failed 不可改，服务端同样 409）");return}const tt={};if(w==="rename"){if(!U.trim()){he("新线程名不能为空");return}tt.name=U.trim()}I(Z.taskThreadAction(W.id,w),"POST",tt).then(M=>{he(w+" 已提交："+JSON.stringify(M).slice(0,300)),Ft(W.id),Ul(W.id)}).catch(M=>he(w+" 失败："+M.message))},[Ft,Ul]),fu=d.useCallback(async w=>{const U=se.current;if(!U)return;const W=w.trim();if(!W){Ve("消息不能为空");return}try{uu.includes(U.status)&&U.status!=="merged"?(await I(Z.taskContinue(U.id),"POST",{message:W}),Ve("已重新排队，同一会话继续"),r(),await Se(U.id)):["queued","running"].includes(U.status)?(await I(Z.taskFollowups(U.id),"POST",{body:W,mode:"direct"}),Ve("已直接发送"),await te(U.id),await Pe(U.id)):Ve("merged/merge-failed 任务不可继续，也不可发后续消息")}catch(tt){Ve("发送失败："+tt.message)}},[Se,r,te,Pe]),du=d.useCallback(async()=>{const w=se.current;if(!w){Ce("先选一个任务");return}try{const U=await I(Z.taskTrace(w.id)),W=new Blob([JSON.stringify({task_id:w.id,status:U.status,note:U.note||"",count:(U.entries||[]).length,entries:U.entries||[]},null,2)],{type:"application/json"}),tt=document.createElement("a");tt.href=URL.createObjectURL(W),tt.download="trace-"+w.id.slice(0,8)+".json",document.body.appendChild(tt),tt.click(),tt.remove(),setTimeout(()=>URL.revokeObjectURL(tt.href),1e3),Ce("已下载完整链路 "+(U.entries||[]).length+" 条")}catch(U){Ce("下载失败："+U.message)}},[]);return d.useEffect(()=>()=>re(),[re]),{currentTask:h,detailBody:S,actionMsg:C,actionReasons:H,costBox:Y,costSummary:k,forkVisible:L,setForkVisible:lt,forkMsg:X,coordChildren:bt,agents:J,agentsNote:ot,reviews:ut,reviewMsg:Qt,reviewError:kt,traceEntries:rt,traceNote:q,traceDone:it,traceKind:yt,setTraceKind:ge,traceMsg:we,followups:y,approvals:nt,approvalMsg:Tt,peerMessages:Ot,peerMsg:dt,threadText:Ga,threadGateNote:Le,threadMsg:Yt,threadList:Kl,chatMsg:fa,chatHistory:zl,showDetail:Se,refreshDetailLists:Xa,doAction:ma,taskCost:su,forkTask:ru,postReview:Fl,submitFindings:Ae,decideApproval:fl,postPeer:Oe,threadAction:ou,sendChatMessage:fu,downloadTrace:du,refreshReviews:()=>void qe(),refreshApprovals:()=>void _l()}}function ng(i){const[r,h]=d.useState([]),[f,S]=d.useState(""),[N,C]=d.useState(null),[p,H]=d.useState(""),O=d.useCallback(async K=>{const L=K!==void 0?K:i();if(!L){h([]);return}try{const lt=await I(Z.projectAutomations(L));h(lt.automations||[])}catch(lt){S("自动化加载失败："+lt.message)}},[i]),Y=d.useCallback(async(K,L,lt,X)=>{const vt=i();if(!vt){S("先选项目");return}if(!K.trim()){S("自动化名称必填");return}if(!L.trim()){S("定时任务内容必填");return}const bt={name:K.trim(),prompt:L.trim()};lt.trim()&&(bt.interval_seconds=parseInt(lt.trim(),10)),X.trim()&&(bt.repo_url=X.trim());try{await I(Z.projectAutomations(vt),"POST",bt),S("自动化已创建(登记定义，到期后由执行器认领)"),await O(vt)}catch(zt){S("创建失败："+zt.message)}},[i,O]),j=d.useCallback(K=>{const L=i();L&&I(Z.projectAutomationCancel(L,K),"POST",{}).then(()=>{S("自动化已取消"),O(L)}).catch(lt=>S("取消失败："+lt.message))},[i,O]),k=d.useCallback(async K=>{const L=K!==void 0?K:i();if(!L){C(null);return}try{const lt=await I(Z.projectTriage(L));C(lt),H("")}catch(lt){H("分诊加载失败："+lt.message)}},[i]);return{automations:r,autoMsg:f,triage:N,triageError:p,refreshAutomations:O,createAutomation:Y,cancelAutomation:j,refreshTriage:k}}function ug(i,r){const h=d.useRef(i);h.current=i,d.useEffect(()=>{const f=setInterval(()=>{const S=document.activeElement;h.current(S?S.tagName==="SELECT":!1)},r);return()=>clearInterval(f)},[r])}function ig(i,r){const h=d.useRef(i);h.current=i,d.useEffect(()=>{const f=setInterval(()=>h.current(),r);return()=>clearInterval(f)},[r])}function cg(i){const r=h=>String(h).padStart(2,"0");return r(i.getHours())+":"+r(i.getMinutes())+":"+r(i.getSeconds())}function sg(){var lt;const i=eg(),r=lg(),h=d.useRef("");h.current=i.projectId;const f=d.useCallback(()=>h.current,[]),S=ng(f),N=d.useCallback(X=>{const vt=i.projects.find(bt=>bt.id===X);return vt&&vt.my_role||null},[i.projects]),C=d.useCallback(()=>{r.refreshTasks(void 0,h.current)},[r]),p=ag(N,C),[H,O]=d.useState("--:--:--"),Y=d.useCallback(X=>{i.setProjectId(X),h.current=X,r.refreshTasksFirstPage(X),i.refreshEnvs(X),i.refreshMembers(X),i.refreshSkills(X),S.refreshAutomations(X),S.refreshTriage(X)},[i,r,S]),j=(lt=i.projects[0])==null?void 0:lt.id;d.useEffect(()=>{!i.projectId&&j&&Y(j)},[i.projectId,j,Y]);const k=d.useCallback(X=>{i.saveKeyInput(X),X.trim()&&(i.refreshHealth(),i.refreshProjects(),i.refreshWorkers(),h.current&&(r.refreshTasks(h.current),i.refreshEnvs(h.current),i.refreshMembers(h.current)),i.loadRelayModels(),i.loadQuota(),i.loadGithubRepos(),i.probeAdmin())},[i,r]),K=d.useCallback(X=>{if(O(cg(new Date)),!sl()){i.refreshHealth();return}r.refreshTasks(void 0,h.current),i.refreshHealth(),i.loadQuota(),i.refreshWorkers(),i.refreshMembers(),i.refreshSkills(),S.refreshAutomations(),S.refreshTriage(),p.refreshDetailLists(),X||(i.refreshProjects(),i.refreshEnvs())},[i,r,S,p]),L=d.useCallback(()=>{sl()&&(i.loadRelayModels(),i.loadGithubRepos())},[i]);return d.useEffect(()=>{i.refreshHealth(),i.refreshProjects(),i.refreshWorkers(),i.loadQuota(),i.loadGithubRepos(),sl()&&i.loadRelayModels(),i.probeAdmin()},[]),{keySaved:i.keySaved,keyState:i.keyState,saveKeyInput:k,clearKeyInput:i.clearKeyInput,quotaText:i.quotaText,healthText:i.healthText,refreshHealth:i.refreshHealth,adminGate:i.adminGate,adminBody:i.adminBody,adminResult:i.adminResult,adminUserId:i.adminUserId,setAdminUserId:i.setAdminUserId,adminQuota:i.adminQuota,adminSweep:i.adminSweep,adminBackup:i.adminBackup,projects:i.projects,projectId:i.projectId,projectMsg:i.projectMsg,selectProject:Y,refreshProjects:i.refreshProjects,createProject:i.createProject,githubRepos:i.githubRepos,workers:i.workers,workersSummary:i.workersSummary,workersError:i.workersError,refreshWorkers:i.refreshWorkers,members:i.members,memberMsg:i.memberMsg,memberError:i.memberError,refreshMembers:()=>void i.refreshMembers(),inviteMember:i.inviteMember,changeMemberRole:i.changeMemberRole,skills:i.skills,apps:i.apps,mcpServers:i.mcpServers,skillMsg:i.skillMsg,skillError:i.skillError,mcpMsg:i.mcpMsg,mcpOauthMsg:i.mcpOauthMsg,mcpOauthBox:i.mcpOauthBox,refreshSkills:()=>void i.refreshSkills(),reloadMcp:i.reloadMcp,mcpOauth:i.mcpOauth,envs:i.envs,envCount:i.envCount,envMsg:i.envMsg,envRepoLine:i.envRepoLine,envRepoBar:i.envRepoBar,envRepoMsg:i.envRepoMsg,envSelect:i.envSelect,setEnvSelect:i.setEnvSelect,refreshEnvs:()=>void i.refreshEnvs(),createEnv:i.createEnv,archiveEnv:i.archiveEnv,saveEnvRepo:i.saveEnvRepo,models:i.models,modelCustomVisible:i.modelCustomVisible,tasks:r.tasks,taskCountText:r.taskCountText,taskError:r.taskError,refreshTasks:()=>void r.refreshTasks(void 0,h.current),statusFilter:r.statusFilter,setStatusFilter:r.setStatusFilter,executorFilter:r.executorFilter,setExecutorFilter:r.setExecutorFilter,searchText:r.searchText,setSearchText:r.setSearchText,filteredTasks:r.filteredTasks,taskPage:r.page,taskTotalPages:r.totalPages,taskTotal:r.taskTotal,taskStatusCounts:r.taskStatusCounts,goToTaskPage:r.goToPage,currentTask:p.currentTask,detailBody:p.detailBody,actionMsg:p.actionMsg,actionReasons:p.actionReasons,showDetail:X=>void p.showDetail(X),doAction:p.doAction,taskCost:p.taskCost,costBox:p.costBox,costSummary:p.costSummary,forkVisible:p.forkVisible,setForkVisible:p.setForkVisible,forkTask:p.forkTask,forkMsg:p.forkMsg,coordChildren:p.coordChildren,coordText:"",agents:p.agents,agentsNote:p.agentsNote,reviews:p.reviews,reviewMsg:p.reviewMsg,reviewError:p.reviewError,refreshReviews:p.refreshReviews,postReview:p.postReview,submitFindings:p.submitFindings,traceEntries:p.traceEntries,traceNote:p.traceNote,traceDone:p.traceDone,traceKind:p.traceKind,setTraceKind:p.setTraceKind,downloadTrace:p.downloadTrace,traceMsg:p.traceMsg,sendChatMessage:p.sendChatMessage,chatMsg:p.chatMsg,chatHistory:p.chatHistory,followups:p.followups,approvals:p.approvals,approvalMsg:p.approvalMsg,refreshApprovals:p.refreshApprovals,decideApproval:p.decideApproval,peerMessages:p.peerMessages,peerMsg:p.peerMsg,postPeer:p.postPeer,automations:S.automations,autoMsg:S.autoMsg,refreshAutomations:()=>void S.refreshAutomations(),createAutomation:S.createAutomation,cancelAutomation:S.cancelAutomation,triage:S.triage,triageError:S.triageError,refreshTriage:()=>void S.refreshTriage(),threadText:p.threadText,threadGateNote:p.threadGateNote,threadMsg:p.threadMsg,threadList:p.threadList,threadAction:p.threadAction,dispatch:async(X,vt)=>{const bt=await r.dispatch(X,vt);return r.refreshTasksFirstPage(h.current),bt},dispatchMsg:"",refreshAll:K,refreshSlow:L,refreshStamp:H}}function nu({label:i,value:r,sub:h}){return c.jsxs("div",{className:"dash-card data-card",children:[c.jsx("div",{className:"dash-card-label",children:i}),c.jsx("div",{className:"dash-card-value",children:r}),c.jsx("div",{className:"muted",children:h})]})}function rg(){const i=Zt(),r=i.healthText==="未加载"?"未加载":i.healthText.includes("worker_ok=true")?"正常":i.healthText.includes("worker_ok=false")?"异常":i.healthText.includes("加载失败")?"加载失败":"未知",h=i.quotaText.match(/剩余 \$([0-9.]+)/),f=i.quotaText.includes("加载失败")?"加载失败":i.quotaText.includes("未填 key")||i.quotaText==="未加载"?"未加载":h?"$"+h[1]:"配额",S=["running","completed","failed","queued","merged","interrupted"].map(j=>j+" "+(i.taskStatusCounts[j]||0)).join(" ｜ "),N=i.projects.find(j=>j.id===i.projectId),C=i.taskError?{value:"加载失败",sub:i.taskError}:i.projectId?{value:String(i.taskTotal),sub:i.taskCountText+" ｜ "+S+(N?" ｜ "+N.name:"")}:{value:"先选项目",sub:i.projectMsg||"项目加载后自动选第一个"};let p;if(i.workersError)p={value:"加载失败",sub:i.workersError};else if(i.workers===null)p={value:i.workersSummary||"未加载",sub:"完整 worker 清单仅全局管理员可见"};else{const j=i.workers.filter(k=>{if(k.alive!==void 0&&k.alive!==null)return!!k.alive;const K=Jh(k).age;return K!==null&&K<=120}).length;p={value:j+" 在线 / "+i.workers.length,sub:i.workers.length-j+" 离线"}}const H=i.projectMsg.includes("加载失败")?{value:"加载失败",sub:i.projectMsg}:{value:i.projects.length+" 个",sub:N?"当前项目："+N.name:"未选项目（加载后自动选第一个）"},O=[i.envMsg,i.memberError,i.skillError].filter(j=>j&&j.includes("失败")),Y=i.projectId?O.length?{value:"部分加载失败",sub:O.join(" ｜ ")}:{value:i.envs.length+" 个环境",sub:i.members.length+" 成员 ｜ "+i.skills.length+" 技能 ｜ "+i.apps.length+" 应用 ｜ "+i.mcpServers.length+" MCP"}:{value:"先选项目",sub:"选项目后显示环境 / 成员 / 技能计数"};return c.jsxs("section",{className:"dash-cards","aria-label":"数据卡片",children:[c.jsx(nu,{label:"健康",value:r,sub:i.healthText}),c.jsx(nu,{label:"配额",value:f,sub:i.quotaText}),c.jsx(nu,{label:"任务",value:C.value,sub:C.sub}),c.jsx(nu,{label:"Workers",value:p.value,sub:p.sub}),c.jsx(nu,{label:"项目",value:H.value,sub:H.sub}),c.jsx(nu,{label:"项目数据",value:Y.value,sub:Y.sub})]})}function It({id:i,className:r,title:h,children:f}){return c.jsxs("section",{id:i,className:"card"+(r?" "+r:""),children:[h?c.jsx("h2",{children:h}):null,f]})}function wt({children:i}){return c.jsx("div",{className:"bar",children:i})}function xl({items:i,empty:r}){return i.length?c.jsx("ul",{className:"data-list",children:i.map((h,f)=>c.jsx("li",{children:h},f))}):c.jsx("div",{className:"muted",children:r||"（暂无）"})}function cu({children:i}){return c.jsx("ul",{className:"data-list",children:i})}function og(){const i=Zt(),[r,h]=d.useState(""),[f,S]=d.useState(""),[N,C]=d.useState(!1),[p,H]=d.useState(!1),[O,Y]=d.useState(!1),[j,k]=d.useState("docker"),[K,L]=d.useState(""),[lt,X]=d.useState(""),[vt,bt]=d.useState(""),[zt,J]=d.useState(""),[Rt,ot]=d.useState(""),[Q,ut]=d.useState(""),[Ut,Qt]=d.useState(""),Nt=d.useRef(null),kt=d.useRef(null),B=d.useRef(null),[rt,st]=d.useState("");async function q(){var we,Ce,y;if(st(""),!i.projectId){st("先选项目");return}if(!r.trim()){st("prompt 必填");return}const A={project_id:i.projectId,prompt:r.trim()};i.envSelect&&(A.environment_id=i.envSelect),j&&(A.executor=j);const it=lt.trim()||K;it&&(A.model=it),vt&&(A.effort=vt);const St=Q.trim()||Rt;if(St&&(A.child_model=St),Ut&&(A.child_effort=Ut),zt&&(A.approval=zt),O){if(zt==="full"){st("计划模式不能与完全访问同用");return}if(N||p){st("计划模式不能与 goal 模式同用");return}A.plan=1}p?(A.goal_mode=1,A.no_time_limit=1):N&&(A.goal_mode=1);const yt=f.trim();if(yt){try{A.coordinator_parts=JSON.parse(yt)}catch{st("协调员子任务 JSON 解析失败");return}if(!Array.isArray(A.coordinator_parts)){st("协调员子任务必须是数组");return}if(N||p||O){st("协调员任务不能与 goal/计划模式同用：协调员任务本身不跑模型回合，请取消 goal/计划勾选，或清空协调员 JSON");return}}const ge=tg(((we=Nt.current)==null?void 0:we.files)||null,((Ce=kt.current)==null?void 0:Ce.files)||null,((y=B.current)==null?void 0:y.files)||null);try{const D=await i.dispatch(A,ge);st(D),h(""),S(""),Nt.current&&(Nt.current.value=""),kt.current&&(kt.current.value=""),B.current&&(B.current.value="")}catch(D){st("提交失败："+((D==null?void 0:D.message)||String(D)))}}return c.jsxs(It,{id:"nav-newtask",className:"composer",title:"新建任务",children:[c.jsxs(wt,{children:[c.jsxs("select",{"aria-label":"环境",value:i.envSelect,onChange:A=>i.setEnvSelect(A.target.value),children:[c.jsx("option",{value:"",children:"环境：不指定（走项目仓库）"}),i.envs.map(A=>c.jsxs("option",{value:A.id,disabled:A.status!=="ready",children:[A.name,"（",A.status,"）"]},A.id))]}),c.jsxs("select",{"aria-label":"执行器",value:j,onChange:A=>k(A.target.value),children:[c.jsx("option",{value:"docker",children:"docker（默认，多用户下隔离最强）"}),c.jsx("option",{value:"local",children:"local"}),c.jsx("option",{value:"cloud",children:"cloud"})]}),c.jsxs("label",{children:[c.jsx("input",{type:"checkbox",checked:N,onChange:A=>C(A.target.checked)})," goal 模式"]}),c.jsxs("label",{children:[c.jsx("input",{type:"checkbox",checked:p,onChange:A=>H(A.target.checked)})," goal 模式无敌版"]}),c.jsxs("label",{children:[c.jsx("input",{type:"checkbox",checked:O,onChange:A=>Y(A.target.checked)})," 计划模式（只读）"]})]}),c.jsx("textarea",{className:"prompt stacked",placeholder:"任务 prompt（必填）",value:r,onChange:A=>h(A.target.value)}),c.jsx("textarea",{className:"coord stacked",placeholder:"协调员子任务 JSON（可选），留空为普通任务",value:f,onChange:A=>S(A.target.value)}),c.jsxs("div",{className:"muted",children:["协调员格式：[","{",'"name":"后端","prompt":"做后端"',"}",",","{",'"name":"前端","prompt":"做前端"',"}","]；提交后 worker 并行建子任务、等齐、合流汇总。不能与 goal/计划模式同用。协调员与 goal/计划互斥：勾了 goal 或计划模式时不要填协调员 JSON，提交前会校验并拦截。子任务费用记父任务创建人账；父任务创建时按分工数预留配额，余额不足时整个父任务被挡下。"]}),c.jsxs(wt,{children:[c.jsxs("select",{"aria-label":"模型",value:K,onChange:A=>L(A.target.value),children:[c.jsx("option",{value:"",children:"模型：默认（跟随配置）"}),i.models.map(A=>c.jsx("option",{value:A,children:A},A))]}),i.modelCustomVisible?c.jsx("input",{type:"text",placeholder:"手动输入模型（中转列表取不到时用）",value:lt,onChange:A=>X(A.target.value)}):null,c.jsxs("select",{"aria-label":"推理强度",value:vt,onChange:A=>bt(A.target.value),children:[c.jsx("option",{value:"",children:"推理强度：默认（跟随配置）"}),Qh.map(A=>c.jsx("option",{value:A,children:A},A))]}),c.jsxs("select",{"aria-label":"权限",value:zt,onChange:A=>J(A.target.value),children:[c.jsx("option",{value:"",children:"权限：默认（跟随配置）"}),c.jsx("option",{value:"ask",children:"请求批准"}),c.jsx("option",{value:"auto",children:"帮我批准"}),c.jsx("option",{value:"full",children:"完全访问"})]})]}),c.jsxs(wt,{children:[c.jsxs("select",{"aria-label":"子任务模型",value:Rt,onChange:A=>ot(A.target.value),children:[c.jsx("option",{value:"",children:"子任务模型：跟随本任务模型"}),i.models.map(A=>c.jsx("option",{value:A,children:A},A))]}),c.jsx("input",{type:"text",placeholder:"子任务模型手动输入（中转列表里没有时填，如 gpt-6-luna；留空=跟随本任务模型）",value:Q,onChange:A=>ut(A.target.value)}),c.jsxs("select",{"aria-label":"子任务强度",value:Ut,onChange:A=>Qt(A.target.value),children:[c.jsx("option",{value:"",children:"子任务强度：跟随本任务强度"}),Qh.map(A=>c.jsx("option",{value:A,children:A},A))]})]}),c.jsx("div",{className:"muted",children:"子任务模型/强度是派生默认：本任务用 marker task-create 或协调员分工派生的子任务，未显式写模型/强度时用它；块/分工里显式写了则覆盖它。也可以不在这里填、直接在 prompt 里写“子任务用 gpt-6-luna max”，建任务时服务端会解析成同一对字段（任务详情里可核对）。"}),N?c.jsx("div",{className:"muted",children:"goal 模式：输入框内容即目标，不需要专用 prompt 与验收命令；不限轮次，模型确认达成后在回复末尾输出“目标已达成”即结束，未达成会一直运行，可用取消停止。"}):null,p?c.jsx("div",{className:"muted",children:"goal 模式无敌版：goal 模式 + 任务不限时（去掉 worker/docker 总超时；单轮 600 秒护栏还在，不限的是任务总时长与总轮次）。服务端默认的自动续跑与断点镜像同时生效。"}):null,c.jsxs(wt,{children:[c.jsx("span",{className:"muted",children:"附件（放进任务工作区，图片与普通文件不区分）："}),c.jsx("input",{ref:Nt,type:"file",multiple:!0,title:"文件"}),c.jsx("input",{ref:kt,type:"file",multiple:!0,title:"文件夹",webkitdirectory:""}),c.jsx("input",{ref:B,type:"file",accept:"image/*",multiple:!0,title:"图片"})]}),c.jsxs(wt,{children:[c.jsx("button",{className:"seal",onClick:q,children:"提交任务"}),c.jsx("span",{className:"muted",children:rt||i.dispatchMsg})]})]})}function Fh(i){const r=(i.prompt||"").trim();return r?[...r][0]:i.id?[...i.id][0]:"?"}function zc(i){const r=Math.max(0,Math.floor(i));if(r<60)return r+"秒";if(r<3600){const S=Math.floor(r/60),N=r%60;return N?S+"分"+N+"秒":S+"分"}if(r<86400){const S=Math.floor(r/3600),N=Math.floor(r%3600/60);return N?S+"小时"+N+"分":S+"小时"}const h=Math.floor(r/86400),f=Math.floor(r%86400/3600);return f?h+"天"+f+"小时":h+"天"}function iu(i){if(i==null)return null;const r=Number(i);return Number.isFinite(r)?r:null}function Wh(i){const r=Date.now()/1e3,h=iu(i.started_at),f=iu(i.finished_at),S=iu(i.created_at);return h!==null&&f!==null&&f>=h?[zc(f-h),"总耗时：开始→结束（末次认领的执行时长）"]:h!==null&&i.status==="running"?["进行中 "+zc(r-h),"总耗时：进行中，已用时长从开始算起，随刷新更新"]:S!==null&&f!==null&&f>=S?[zc(f-S),"总耗时：创建→完成（含排队等待；无开始时间时的兜底口径）"]:S!==null&&(i.status==="queued"||i.status==="running")?[(i.status==="queued"?"排队中 ":"进行中 ")+zc(r-S),"总耗时：从创建算起的已用时长（无开始时间时的兜底口径）"]:["—","总耗时：无可用时间戳"]}function fg(i){if(i==null||!Number.isFinite(Number(i)))return"—";const r=Number(i)/1e6;return"$"+(r>0&&r<.01?r.toFixed(4):r.toFixed(2))}function $h(i){const r=iu(i.total_tokens);if(r!==null)return[r.toLocaleString()+" token","token：服务端 total_tokens"];const h=iu(i.actual_tokens),f=iu(i.estimated_tokens);return h!==null||f!==null?[((h||0)+(f||0)).toLocaleString()+" token","token：actual + estimated 分项加总"]:["token —","token：本任务对象未带 token 字段；单任务真数在详情的成本里可查，不逐个调成本接口、不编造"]}function dg({onNew:i}){const r=Zt();return c.jsxs("div",{children:[c.jsxs("div",{className:"search-box",children:[c.jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round","aria-hidden":"true",children:[c.jsx("circle",{cx:"11",cy:"11",r:"7"}),c.jsx("path",{d:"M21 21l-4.3-4.3"})]}),c.jsx("input",{type:"text",placeholder:"搜索","aria-label":"搜索任务",value:r.searchText,onChange:h=>r.setSearchText(h.target.value)})]}),c.jsx("div",{className:"bar",children:c.jsxs("select",{"aria-label":"项目",value:r.projectId,onChange:h=>r.selectProject(h.target.value),children:[r.projects.length===0?c.jsx("option",{value:"",children:"（先加载项目）"}):null,r.projects.map(h=>c.jsxs("option",{value:h.id,children:[h.name," (",Ne(h.id),")"]},h.id))]})}),c.jsxs("div",{className:"list-section-head",children:[c.jsx("span",{children:"主要聊天"}),c.jsx("button",{type:"button","aria-label":"派发新任务",title:"派发新任务",onClick:i,children:"＋"})]}),c.jsxs("div",{className:"bar",children:[c.jsxs("select",{"aria-label":"状态筛选",value:r.statusFilter,onChange:h=>r.setStatusFilter(h.target.value),children:[c.jsx("option",{value:"",children:"状态：全部"}),["queued","running","completed","failed","interrupted","merged","merge-failed"].map(h=>c.jsx("option",{value:h,children:h},h))]}),c.jsxs("select",{"aria-label":"执行器筛选",value:r.executorFilter,onChange:h=>r.setExecutorFilter(h.target.value),children:[c.jsx("option",{value:"",children:"执行器：全部"}),c.jsx("option",{value:"local",children:"local"}),c.jsx("option",{value:"docker",children:"docker"}),c.jsx("option",{value:"cloud",children:"cloud"})]})]}),c.jsxs("div",{className:"bar",children:[c.jsx("button",{onClick:r.refreshTasks,children:"刷新"}),c.jsx("span",{className:"muted",children:r.taskCountText})]}),c.jsxs("div",{className:"bar",children:[c.jsx("button",{disabled:r.taskPage<=0,onClick:()=>r.goToTaskPage(r.taskPage-1),children:"上一页"}),c.jsxs("span",{className:"muted",children:["第 ",r.taskPage+1," / ",r.taskTotalPages," 页（每页 20 条，最新在前）"]}),c.jsx("button",{disabled:r.taskPage+1>=r.taskTotalPages,onClick:()=>r.goToTaskPage(r.taskPage+1),children:"下一页"})]}),r.taskError?c.jsx("div",{className:"err",children:r.taskError}):r.projectId?r.filteredTasks.length===0?c.jsx("div",{className:"muted",children:r.taskTotal?"没有符合筛选条件的任务":"该项目暂无任务"}):c.jsx("ul",{className:"issue-list",children:r.filteredTasks.map(h=>{var H;const[f,S]=Wh(h),[N,C]=$h(h),p=Fh(h);return c.jsxs("li",{className:"issue-item"+(((H=r.currentTask)==null?void 0:H.id)===h.id?" selected":""),onClick:()=>r.showDetail(h.id),children:[c.jsx("span",{className:"issue-state st-"+h.status,"aria-hidden":"true"}),c.jsx("span",{className:"issue-first",title:"任务首字："+p,"aria-hidden":"true",children:p}),c.jsxs("span",{style:{flex:1,minWidth:0},children:[c.jsxs("div",{className:"issue-title",children:[h.plan?"[计划] ":"",h.forked_from?"[分支] ":"",h.coordinator_parts?"[协调] ":"",h.parent_task_id?"[协调子任务] ":"",String(h.prompt||Ne(h.id)).slice(0,60)]}),c.jsxs("div",{className:"issue-meta",children:[Ne(h.id)," · ",c.jsx("span",{className:"st-"+h.status,children:h.status})," · ",h.executor||"",h.updated_at?" · "+new Date(h.updated_at*1e3).toLocaleString():""," · ",c.jsxs("span",{title:S,children:["耗时 ",f]})," · ",c.jsx("span",{title:C,children:N})]})]})]},h.id)})}):c.jsx("div",{className:"muted",children:"先选项目"})]})}function mg(i){const r=d.useRef(null),[h,f]=d.useState(!0),S=d.useRef(!0),N=()=>{const C=r.current;if(!C)return;const p=C.scrollHeight-C.scrollTop-C.clientHeight<80;S.current=p,f(p)};return d.useEffect(()=>{S.current&&r.current&&(r.current.scrollTop=r.current.scrollHeight)},[i]),{ref:r,following:h,onScroll:N}}function hg({msg:i}){if(i.role==="status")return c.jsx("div",{className:"chat-status",children:i.text});const r=i.label||(i.role==="user"?"用户":i.role==="assistant"?"助手":"工具");return c.jsxs("div",{className:"gh-comment "+i.role,children:[c.jsx("div",{className:"gh-comment-header",children:c.jsx("span",{className:"gh-comment-author",children:r})}),c.jsx("div",{className:"gh-comment-body",children:i.text})]})}function vg({messages:i,empty:r}){const{ref:h,following:f,onScroll:S}=mg(i.length);return c.jsxs("div",{className:"chat-list",ref:h,onScroll:S,children:[i.length===0?c.jsx("div",{className:"muted",children:r||"（暂无消息）"}):i.map(N=>c.jsx(hg,{msg:N},N.id)),!f&&i.length>0?c.jsx("button",{className:"chat-follow",onClick:()=>{h.current&&(h.current.scrollTop=h.current.scrollHeight)},children:"回到最新 ↓"}):null]})}function yg({onSend:i,disabled:r,placeholder:h}){const[f,S]=d.useState(""),N=()=>{const C=f.trim();!C||r||(i(C),S(""))};return c.jsxs("div",{className:"gh-comment-box",children:[c.jsx("textarea",{"aria-label":"会话输入",rows:3,placeholder:h||"消息",value:f,disabled:r,onChange:C=>S(C.target.value),onKeyDown:C=>{C.key==="Enter"&&!C.shiftKey&&(C.preventDefault(),N())}}),c.jsx("div",{className:"gh-comment-footer",children:c.jsx("button",{type:"button",className:"primary","aria-label":"发送",disabled:r||!f.trim(),onClick:N,children:"发送"})})]})}function Xh(i,r){const h=i.id||"trace-"+r;if(i.kind==="message"){const f=(i.phase?"["+i.phase+"] ":"")+(i.text||"");return{id:h,role:"assistant",kind:i.kind,text:i.truncated?f+` +（链路摘要已截断至 300 字，完整回复见右侧任务结果）`:f,label:"助手"}}if(i.kind==="exec"||i.kind==="file"||i.kind==="tool"||i.kind==="call"){const f=i.kind==="exec"?"命令":i.kind==="file"?"文件":i.kind==="tool"?"工具":"调用";return{id:h,role:"tool",kind:i.kind,text:vo(i),label:f}}return i.kind==="plan"?{id:h,role:"status",kind:i.kind,text:i.text||""}:i.kind==="reasoning"?{id:h,role:"status",kind:i.kind,text:"思考："+(i.summary||"")}:i.kind==="agent-start"?{id:h,role:"status",kind:i.kind,text:"子代理开始："+(i.name||"")+(i.prompt?"（"+i.prompt+"）":"")}:i.kind==="agent-done"?{id:h,role:"status",kind:i.kind,text:"子代理结束："+(i.name||"")+" "+(i.status||"")}:{id:h,role:"status",kind:i.kind,text:vo(i)}}function gg(){const i=Zt(),r=i.currentTask,h=d.useMemo(()=>{if(!r)return[];let H;if(i.chatHistory){H=i.chatHistory.messages.map(L=>({id:L.id,role:L.role,text:L.text,label:L.label,kind:L.kind}));const k=new Set(H.map(L=>L.id)),K=i.traceEntries.filter(L=>L.id&&!k.has(L.id)&&!String(L.id).startsWith("fu-")).map((L,lt)=>Xh(L,lt));H=[...H,...K]}else{const k=r.prompt?[{id:"task-prompt",role:"user",text:r.prompt}]:[],K=i.traceEntries.filter(lt=>!String(lt.id||"").startsWith("fu-")).map((lt,X)=>Xh(lt,X)),L=i.followups.map((lt,X)=>({id:"followup-"+X,role:"user",text:String(lt.body||""),label:"后续消息"}));H=[...k,...K,...L]}const O=i.traceKind,Y=O?H.filter(k=>k.role==="user"||!k.kind||k.kind===O):H,j=i.traceDone?[{id:"trace-done",role:"status",text:"链路已结束（"+i.traceDone+"）"}]:[];return[...Y,...j]},[r,i.chatHistory,i.traceEntries,i.followups,i.traceKind,i.traceDone]);if(!r)return c.jsx("div",{className:"muted",children:"点任务行查看详情后，这里显示继续会话"});const f=uu.includes(r.status),S=["queued","running"].includes(r.status),N=f||S,C=f?"终态任务：发送走继续接口（同一会话再跑一轮）":S?"运行中/排队中：发送走后续消息直接发送（跑完当前轮后优先执行）":"merged/merge-failed 任务不可继续，也不可发后续消息",p=i.chatHistory?i.chatHistory.legacy_continue_count??null:null;return c.jsxs("div",{className:"chat-column",children:[c.jsx("div",{className:"muted",children:"实时对话"}),c.jsxs(wt,{children:[c.jsxs("select",{"aria-label":"链路类型",value:i.traceKind,onChange:H=>i.setTraceKind(H.target.value),children:[c.jsx("option",{value:"",children:"链路类型：全部"}),["exec","file","call","tool","message","reasoning","plan","agent-start","agent-done"].map(H=>c.jsx("option",{value:H,children:H==="exec"?"命令":H==="file"?"文件":H==="call"?"调用":H==="tool"?"工具":H==="message"?"消息":H==="reasoning"?"思考":H==="plan"?"计划":"子代理"},H))]}),c.jsx("button",{onClick:i.downloadTrace,children:"下载完整链路"}),c.jsx("span",{className:"muted",children:i.traceMsg})]}),i.traceNote?c.jsx("div",{children:c.jsx("span",{className:"err",children:i.traceNote})}):null,p!==null&&p>0?c.jsxs("div",{className:"muted",children:["此前有 ",p," 条继续消息发生在持久化之前，未入库，上面历史不完整；部署后新发的继续消息会正常显示。"]}):null,i.chatHistory&&i.chatHistory.trace_note?c.jsx("div",{className:"muted",children:i.chatHistory.trace_note}):null,c.jsx(vg,{messages:h,empty:"（暂无会话消息）"}),c.jsx(yg,{disabled:!N,placeholder:"消息",onSend:H=>void i.sendChatMessage(H)}),c.jsxs("div",{className:"muted",children:[C,"。",i.chatMsg]}),c.jsx("div",{className:"muted",children:"对话时间线：首条是本任务 prompt（用户）；助手回复、命令/文件/工具/调用、计划/思考/子代理开始结束都在同一列里，不再另起一份链路名单。流式进行中时新条目实时追加；你在底部时自动跟随，往上翻时暂停跟随，点“回到最新”恢复。"})]})}function pg(){return Zt().currentTask?c.jsx("div",{className:"conversation",children:c.jsx(gg,{})}):c.jsx("div",{className:"conversation",children:c.jsx("div",{className:"muted",children:"在任务列表里点一条任务，对话和详情就切到该任务；也可以在上面派发一个新任务。"})})}function Sg(){const i=Zt(),r=i.currentTask,[h,f]=d.useState("");if(!r)return null;const S=uu.includes(r.status),N=["failed","interrupted","merge-failed"].includes(r.status);return c.jsxs(c.Fragment,{children:[c.jsxs(wt,{children:[c.jsx("button",{disabled:!N,title:N?"":"仅 failed/interrupted/merge-failed 可重试",onClick:()=>i.doAction("retry"),children:"重试"}),c.jsx("button",{className:"danger",disabled:S,title:S?"终态任务不可取消":"",onClick:()=>i.doAction("cancel"),children:"取消"}),c.jsx("button",{disabled:r.status!=="completed",title:r.status!=="completed"?"仅 completed 可合并":"",onClick:()=>i.doAction("merge"),children:"合并（completed → merged）"}),c.jsx("button",{disabled:r.status!=="merged",title:r.status!=="merged"?"仅 merged 可提 PR":"",onClick:()=>i.doAction("pr"),children:"提 PR（须 merged）"}),S?c.jsx("button",{onClick:()=>i.setForkVisible(!0),children:"分支"}):null,c.jsx("button",{onClick:i.taskCost,children:"查成本"}),c.jsxs("span",{className:"muted",children:[i.actionMsg," ",i.actionReasons]})]}),i.forkVisible?c.jsxs("div",{children:[c.jsx("input",{type:"text",placeholder:"分支首轮消息（必填，带历史的新会话）",style:{width:"100%",boxSizing:"border-box",margin:"6px 0"},value:h,onChange:C=>f(C.target.value)}),c.jsxs(wt,{children:[c.jsx("button",{className:"seal",onClick:async()=>{await i.forkTask(h),f("")},children:"创建分支任务"}),c.jsx("span",{className:"muted",children:i.forkMsg})]})]}):null]})}function bg(){const r=Zt().currentTask,[h,f]=d.useState(""),[S,N]=d.useState(null),[C,p]=d.useState("未开始"),[H,O]=d.useState(""),[Y,j]=d.useState(!1),k=d.useRef(null),K=d.useRef(null),L=d.useCallback(async()=>{if(r)try{const ot=await I(Z.taskBrowserState(r.id));N(ot),O("")}catch(ot){const Q=ot instanceof Error?ot.message:String(ot);Q.includes("503")?N(null):O(Q)}},[r]);d.useEffect(()=>{var Q;if(f(""),N(null),p("未开始"),O(""),j(!1),(Q=k.current)==null||Q.abort(),!r)return;L();const ot=setInterval(()=>void L(),5e3);return()=>{var ut;clearInterval(ot),(ut=k.current)==null||ut.abort()}},[r,L]);const lt=d.useCallback(async()=>{var Q;if(!r)return;(Q=k.current)==null||Q.abort();const ot=new AbortController;k.current=ot,j(!0),p("连接中…"),O("");try{const ut=await fetch(Z.taskBrowserStream(r.id),{headers:{"X-API-Key":sl()},signal:ot.signal});if(!ut.ok||!ut.body){const kt=await ut.json().catch(()=>null);throw new Error(kt&&kt.error||"HTTP "+ut.status)}p("直播中");const Ut=ut.body.getReader(),Qt=new TextDecoder;let Nt="";for(;;){const{done:kt,value:B}=await Ut.read();if(kt)break;Nt+=Qt.decode(B,{stream:!0});let rt=Nt.indexOf(` + +`);for(;rt>=0;){const st=Nt.slice(0,rt);Nt=Nt.slice(rt+2);for(const q of st.split(` +`))if(q.startsWith("data: "))try{const A=JSON.parse(q.slice(6));A.image&&f("data:image/jpeg;base64,"+A.image),A.holder&&N(it=>({...it||{},holder:A.holder}))}catch{}rt=Nt.indexOf(` + +`)}}p("流已断开")}catch(ut){if(ut.name==="AbortError")return;O(ut instanceof Error?ut.message:String(ut)),p("未开始")}finally{j(!1)}},[r]),X=d.useCallback(()=>{var ot;(ot=k.current)==null||ot.abort(),j(!1),p("已停止")},[]),vt=d.useCallback(async ot=>{if(r)try{const Q=await I(Z.taskBrowserControl(r.id),"POST",{holder:ot});N(Q),O("")}catch(Q){O(Q instanceof Error?Q.message:String(Q))}},[r]),bt=d.useCallback(async ot=>{if(!r||(S==null?void 0:S.holder)!=="user"||!K.current)return;const Q=K.current.getBoundingClientRect(),ut=Math.round((ot.clientX-Q.left)/Q.width*1280),Ut=Math.round((ot.clientY-Q.top)/Q.height*800);try{await I(Z.taskBrowserInput(r.id),"POST",{type:"mouse_click",x:ut,y:Ut})}catch(Qt){O(Qt instanceof Error?Qt.message:String(Qt))}},[r,S]),zt=d.useCallback(async ot=>{if(!(!r||(S==null?void 0:S.holder)!=="user")){ot.preventDefault();try{ot.key.length===1?await I(Z.taskBrowserInput(r.id),"POST",{type:"type",text:ot.key}):await I(Z.taskBrowserInput(r.id),"POST",{type:"key",key:ot.key})}catch(Q){O(Q instanceof Error?Q.message:String(Q))}}},[r,S]);if(!r)return c.jsx("div",{className:"muted",children:"点任务行查看详情"});const J=(S==null?void 0:S.holder)||"—",Rt=S!==null;return c.jsxs("div",{children:[c.jsxs("div",{style:{display:"flex",gap:8,flexWrap:"wrap",alignItems:"center"},children:[c.jsxs("span",{children:["状态 ",c.jsx("b",{children:C})]}),c.jsxs("span",{className:"muted",children:["会话 ",Rt?"活跃":"未激活（轮次结束即消失）"]}),c.jsxs("span",{className:"muted",children:["控制权 ",J]}),S!=null&&S.url?c.jsx("span",{className:"muted",title:S.url,children:S.url.slice(0,80)}):null]}),c.jsxs("div",{style:{display:"flex",gap:8,flexWrap:"wrap",marginTop:8},children:[Y?c.jsx("button",{type:"button",onClick:X,children:"停止观看"}):c.jsx("button",{type:"button",onClick:()=>void lt(),children:"开始观看"}),c.jsx("button",{type:"button",onClick:()=>void L(),children:"刷新状态"}),J!=="user"?c.jsx("button",{type:"button",onClick:()=>void vt("user"),disabled:!Rt,children:"接管"}):c.jsx("button",{type:"button",onClick:()=>void vt("agent"),children:"交还给 Agent"})]}),H?c.jsx("div",{className:"muted",style:{marginTop:8},children:H}):null,J==="user"?c.jsx("div",{className:"muted",style:{marginTop:8},children:"你已接管：点画面即点击，键盘输入直达页面。交还后 Agent 续跑前会先快照确认你的改动。"}):null,c.jsx("div",{style:{marginTop:8},children:h?c.jsx("img",{ref:K,src:h,alt:"浏览器实时画面",tabIndex:0,onClick:ot=>void bt(ot),onKeyDown:ot=>void zt(ot),style:{width:"100%",maxWidth:1280,cursor:J==="user"?"crosshair":"default",border:"1px solid var(--border, #ccc)"}}):c.jsx("div",{className:"muted",children:Rt?"点“开始观看”接入画面流（接管后点画面即点击）":"浏览器会话未激活：任务本轮未开浏览器，或轮次已结束。"})})]})}function xg(){const i=Zt(),[r,h]=d.useState("uncommittedChanges"),[f,S]=d.useState(""),[N,C]=d.useState(""),[p,H]=d.useState("");return c.jsxs(c.Fragment,{children:[c.jsx("h3",{children:"评审队列"}),c.jsxs("select",{"aria-label":"评审目标",value:r,onChange:O=>h(O.target.value),children:[c.jsx("option",{value:"uncommittedChanges",children:"未提交改动（工作区）"}),c.jsx("option",{value:"baseBranch",children:"与分支的差异"}),c.jsx("option",{value:"commit",children:"指定提交"}),c.jsx("option",{value:"custom",children:"自定义评审指令"})]}),c.jsx("input",{className:"stacked",placeholder:"与分支的差异用：分支名（如 main）",style:{width:"100%"},value:f,onChange:O=>S(O.target.value)}),c.jsx("input",{className:"stacked",placeholder:"指定提交用：提交 sha",style:{width:"100%"},value:N,onChange:O=>C(O.target.value)}),c.jsx("textarea",{placeholder:"自定义评审指令用：评审指令正文",value:p,onChange:O=>H(O.target.value)}),c.jsxs(wt,{children:[c.jsx("button",{className:"primary",onClick:()=>void i.postReview({target_type:r,branch:f.trim()||void 0,sha:N.trim()||void 0,instructions:p.trim()||void 0}),children:"登记评审需求"}),c.jsx("button",{onClick:i.refreshReviews,children:"刷新队列"}),c.jsx("span",{className:"muted",children:i.reviewMsg})]}),c.jsx("div",{className:"muted",children:"本基线只登记评审需求（requested），不自动跑评审；评审是否执行、结果如何，以评审队列里的记录为准。"}),i.reviewError?c.jsx("div",{className:"muted",children:i.reviewError}):i.reviews.length===0?c.jsx("div",{className:"muted",children:"点任务行查看详情后，点“刷新队列”查看评审记录"}):c.jsx(cu,{children:i.reviews.map(O=>{let Y=O.target_type||"";return O.branch&&(Y+="："+O.branch),O.sha&&(Y+="："+String(O.sha).slice(0,12)),O.instructions&&(Y+="："+String(O.instructions).slice(0,80)),c.jsxs("li",{children:[c.jsxs("span",{className:"row-main",children:[c.jsx("b",{children:"评审"})," ",Ne(O.id)," ｜ ",Y," ｜ ",c.jsx("span",{className:"st-"+(O.status||""),children:O.status}),O.created_at?" ｜ "+Ya(O.created_at):"",c.jsx("br",{}),O.findings?String(O.findings).slice(0,1e3):c.jsx("span",{className:"muted",children:"（暂无 findings：评审尚未执行或尚未写回）"})]}),c.jsx("button",{onClick:()=>i.submitFindings(O.id),children:"写 findings"})]},O.id)})})]})}function jg(){const i=Zt();return i.currentTask?i.currentTask.coordinator_parts?i.coordChildren.length===0?c.jsx("div",{className:"muted",children:"（子任务尚未创建）"}):c.jsx(cu,{children:i.coordChildren.map(r=>c.jsx("li",{children:c.jsxs("span",{className:"row-main",children:["分工 ",c.jsx("b",{children:r.coordinator_part||""})," ｜ 状态 ",c.jsx("span",{className:"st-"+r.status,children:r.status})," ｜ ",Ne(r.id)," ｜ ",String(r.prompt||"").slice(0,60)]})},r.id))}):c.jsx("div",{className:"muted",children:"（非协调员任务）"}):c.jsx("div",{className:"muted",children:"点任务行查看详情后，这里显示协调员的子任务"})}function Tg(){const i=Zt();if(!i.currentTask)return c.jsx("div",{className:"muted",children:"点任务行查看详情后，这里显示子代理链路"});if(i.agents.length===0)return c.jsxs("div",{className:"muted",children:["（暂无子代理）",i.agentsNote?c.jsx("span",{className:"err",children:i.agentsNote}):null]});const r={main:"主任务",delegate:"委派子任务",model:"模型子代理"},h={running:"进行中",completed:"已完成",failed:"失败",interrupted:"已中断",unknown:"未知"};return c.jsx(cu,{children:i.agents.map((f,S)=>c.jsx("li",{children:c.jsxs("span",{className:"row-main",children:[c.jsxs("b",{children:[r[f.kind||""]||f.kind||"","："]}),f.name||""," ",c.jsx("span",{className:"st-"+(f.status||""),children:h[f.status||""]||f.status||"?"})," ｜ 过程调用 "+(f.calls?f.calls.length:0)+" 条",f.updated_ts?" ｜ 最近活动 "+Ya(f.updated_ts/1e3):"",f.prompt?c.jsxs(c.Fragment,{children:[c.jsx("br",{}),c.jsxs("span",{className:"muted",children:["任务：",f.prompt]})]}):null,f.calls&&f.calls.length?c.jsxs(c.Fragment,{children:[c.jsx("br",{}),f.calls.slice(-50).map((N,C)=>c.jsx("div",{children:vo(N)},C))]}):c.jsxs(c.Fragment,{children:[c.jsx("br",{}),c.jsx("span",{className:"muted",children:"（暂无过程调用）"})]})]})},S))})}function _g(){const i=Zt();return c.jsxs(c.Fragment,{children:[c.jsxs(wt,{children:[c.jsx("button",{onClick:i.refreshApprovals,children:"刷新审批队列"}),c.jsx("span",{className:"muted",children:i.approvalMsg})]}),c.jsx("div",{className:"muted",children:"待审批项需人工点记录允许或记录拒绝；超时默认拒绝。当前版本只留回执，不拦截实时行为（实时请求的事前拦截待 host 接入后生效，在此之前实时行为不变）。"}),c.jsx(xl,{empty:"（暂无审批项）",items:i.approvals.map(r=>c.jsxs("span",{className:"row-main",children:["[",r.kind,"｜",r.status,"] ",r.summary,["approved","denied","expired"].includes(r.status||"")?"｜回执："+(r.decision||r.status)+" by "+String(r.decided_by||"").slice(0,8)+" "+Ya(r.decided_at):"",r.status==="pending"?c.jsxs(c.Fragment,{children:[" ",c.jsx("button",{onClick:()=>i.decideApproval(r.id,"approved"),children:"记录允许"})," ",c.jsx("button",{onClick:()=>i.decideApproval(r.id,"denied"),children:"记录拒绝"})]}):null]},r.id))})]})}function Eg(){const i=Zt(),[r,h]=d.useState(""),[f,S]=d.useState("");return c.jsxs(c.Fragment,{children:[c.jsx("input",{placeholder:"目标任务 id（与本任务同项目；对方运行中排队执行、已终态则续跑复活，绝不打断当前轮）",style:{width:"100%"},value:r,onChange:N=>h(N.target.value)}),c.jsx("textarea",{placeholder:"消息正文（以本任务名义发出；对方 agent 会看到发送方任务 id，可照此回消息）",value:f,onChange:N=>S(N.target.value)}),c.jsxs(wt,{children:[c.jsx("button",{onClick:async()=>{await i.postPeer("queued",r,f),S("")},children:"排队发给对方"}),c.jsx("button",{className:"primary",onClick:async()=>{await i.postPeer("direct",r,f),S("")},children:"直接发送"}),c.jsx("span",{className:"muted",children:i.peerMsg})]}),c.jsx(xl,{empty:"（本任务尚未发出任务间消息）",items:i.peerMessages.map((N,C)=>c.jsxs("span",{className:"row-main",children:["[发给 ",String(N.task_id).slice(0,8),"｜",N.mode,"｜",N.status,"] ",String(N.body||"").slice(0,120)]},C))})]})}function Ng(){const i=Zt(),[r,h]=d.useState(""),f=i.currentTask?["completed","failed","interrupted"].includes(i.currentTask.status):!1;return c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"muted",children:i.threadText||"点任务行查看详情后，这里显示线程元数据"}),c.jsxs(wt,{children:[c.jsx("input",{type:"text",placeholder:"新线程名",value:r,onChange:S=>h(S.target.value)}),c.jsx("button",{disabled:!f,onClick:()=>i.threadAction("rename",r),children:"重命名"}),c.jsx("button",{disabled:!f,onClick:()=>i.threadAction("archive",""),children:"归档"}),c.jsx("button",{disabled:!f,onClick:()=>i.threadAction("unarchive",""),children:"取消归档"}),c.jsx("button",{disabled:!f,onClick:()=>i.threadAction("compact",""),children:"压缩"}),c.jsx("span",{className:"muted",children:i.threadGateNote}),c.jsx("span",{className:"muted",children:i.threadMsg})]}),c.jsx(xl,{empty:"暂无其他线程",items:i.threadList.map((S,N)=>c.jsxs("span",{className:"row-main",children:[S.name||S.thread_name||S.id||""," [",S.id||"","]",S.archived?" [已归档]":"",S.cwd?" "+S.cwd:""]},N))}),c.jsx("div",{className:"muted",children:"限制：Docker/异机任务线程操作一律 409；merged/merge-failed 不可改；turn/steer 与 review/start 不在本批。"})]})}const Cg=[["overview","概览"],["collab","协作"],["review","评审与审批"],["threads","线程"],["browser","浏览器"]];function Ag(){const i=Zt(),r=i.currentTask,[h,f]=d.useState("overview");if(!r)return c.jsx(It,{id:"nav-detail",title:"任务详情",children:c.jsx("div",{className:"muted",children:"点任务行查看详情"})});const[S,N]=Wh(r),[C,p]=$h(r),H=Fh(r),O=i.costSummary,Y=r.plan?"计划模式（只读）":r.goal_mode?r.no_time_limit?"goal 模式无敌版（不限时）":"goal 模式（不限轮次，模型宣告完成）":r.verify_command?"goal 模式（旧语义，验收命令）":null;return c.jsxs("div",{className:"detail-stack",id:"nav-detail",children:[c.jsx("nav",{className:"detail-tabs","aria-label":"任务详情页签",children:Cg.map(([j,k])=>c.jsx("button",{type:"button",className:h===j?"active":"",onClick:()=>f(j),children:k},j))}),h==="overview"?c.jsxs(c.Fragment,{children:[c.jsxs(It,{title:"任务详情",children:[c.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap"},children:[c.jsx("span",{className:"issue-first",title:"任务首字："+H,"aria-hidden":"true",children:H}),c.jsxs("span",{children:["状态 ",c.jsx("b",{className:"st-"+r.status,children:r.status}),"（",Fy[r.status]||"未知状态","）"]}),c.jsxs("span",{className:"muted",children:["更新 ",Ya(r.updated_at)]})]}),c.jsxs("div",{className:"detail-cards",children:[c.jsxs("div",{className:"detail-card",title:N,children:[c.jsx("div",{className:"detail-card-label",children:"耗时"}),c.jsx("div",{className:"detail-card-value",children:S})]}),c.jsxs("div",{className:"detail-card",title:p,children:[c.jsx("div",{className:"detail-card-label",children:"token"}),c.jsx("div",{className:"detail-card-value",children:C})]}),c.jsxs("div",{className:"detail-card",title:"成本明细：GET /tasks/{id}/cost 聚合；美元只计有价行，无价 token 单列；缓存是输入 token 的子集，不另计",children:[c.jsx("div",{className:"detail-card-label",children:"成本"}),c.jsx("div",{className:"detail-card-value",children:O===void 0?"加载中…":O===null?"—":fg(O.usd_micros)}),O===void 0?c.jsx("div",{className:"muted",children:"成本加载中…"}):O===null?c.jsx("div",{className:"muted",children:"成本明细加载失败（“查成本”按钮仍可手动拉取原始 JSON）"}):c.jsxs("div",{className:"muted",children:["token ",(O.total_tokens??0).toLocaleString(),"（实际 ",(O.actual_tokens??0).toLocaleString()," / 估算 ",(O.estimated_tokens??0).toLocaleString(),"，缓存 ",(O.cached_input_tokens??0).toLocaleString(),"，无价 ",(O.unpriced_actual_tokens??0).toLocaleString(),"）｜ 轮数 ",O.turns??0," ｜ fallback ",O.fallback_count??0]})]})]})]}),c.jsx(It,{title:"基本信息",children:c.jsxs("dl",{className:"detail-kv",children:[c.jsxs("div",{children:[c.jsx("dt",{children:"任务"}),c.jsx("dd",{children:r.id})]}),c.jsxs("div",{children:[c.jsx("dt",{children:"turn"}),c.jsx("dd",{children:Ne(r.turn_id)})]}),c.jsxs("div",{children:[c.jsx("dt",{children:"root turn"}),c.jsx("dd",{children:Ne(r.root_turn_id)})]}),c.jsxs("div",{children:[c.jsx("dt",{children:"executor"}),c.jsx("dd",{children:r.executor||""})]}),c.jsxs("div",{children:[c.jsx("dt",{children:"主机"}),c.jsx("dd",{children:r.worktree_host||""})]}),c.jsxs("div",{children:[c.jsx("dt",{children:"模型"}),c.jsx("dd",{children:r.model||"默认"})]}),c.jsxs("div",{children:[c.jsx("dt",{children:"强度"}),c.jsx("dd",{children:r.effort||"默认"})]}),r.child_model||r.child_effort?c.jsxs("div",{children:[c.jsx("dt",{children:"子任务默认"}),c.jsx("dd",{children:(r.child_model||"跟随本任务")+" / "+(r.child_effort||"跟随本任务")})]}):null,c.jsxs("div",{children:[c.jsx("dt",{children:"权限"}),c.jsx("dd",{children:r.approval||"默认"})]}),c.jsxs("div",{children:[c.jsx("dt",{children:"项目"}),c.jsx("dd",{children:Ne(r.project_id)})]}),Y?c.jsxs("div",{children:[c.jsx("dt",{children:"模式"}),c.jsx("dd",{children:Y})]}):null,r.forked_from?c.jsxs("div",{children:[c.jsx("dt",{children:"分支自"}),c.jsx("dd",{children:Ne(r.forked_from)})]}):null,r.coordinator_parts?c.jsxs("div",{children:[c.jsx("dt",{children:"协调员"}),c.jsxs("dd",{children:[r.coordinator_parts.length," 个子任务（",r.coordinator_parts.map(j=>j.name).join("、"),"）"]})]}):null,r.parent_task_id?c.jsxs("div",{children:[c.jsx("dt",{children:"协调子任务"}),c.jsxs("dd",{children:["父任务 ",Ne(r.parent_task_id),r.coordinator_part?"（"+r.coordinator_part+"）":""]})]}):null,r.attachments&&r.attachments.length?c.jsxs("div",{children:[c.jsx("dt",{children:"附件"}),c.jsx("dd",{children:r.attachments.join("、")})]}):null,r.pr_url?c.jsxs("div",{children:[c.jsx("dt",{children:"PR"}),c.jsx("dd",{children:c.jsxs("a",{href:r.pr_url,target:"_blank",rel:"noopener noreferrer",children:["PR #",r.pr_number]})})]}):null]})}),c.jsx(It,{title:"prompt",children:c.jsx("div",{style:{whiteSpace:"pre-wrap",overflowWrap:"anywhere"},children:r.prompt||"（无 prompt）"})}),c.jsxs(It,{title:"操作与结果",children:[c.jsx(Sg,{}),c.jsx("pre",{children:i.detailBody||"（暂无 result/error 输出）"}),i.costBox?c.jsx("pre",{children:i.costBox}):null]})]}):h==="collab"?c.jsxs(c.Fragment,{children:[c.jsx(It,{title:"协调子任务",children:c.jsx(jg,{})}),c.jsx(It,{title:"子代理链路",children:c.jsx(Tg,{})}),c.jsx(It,{title:"给其他任务发消息",children:c.jsx(Eg,{})})]}):h==="review"?c.jsxs(c.Fragment,{children:[c.jsx(It,{title:"评审队列",children:c.jsx(xg,{})}),c.jsx(It,{title:"运行时审批队列",children:c.jsx(_g,{})})]}):h==="browser"?c.jsx(c.Fragment,{children:c.jsx(It,{title:"浏览器远控",children:c.jsx(bg,{})})}):c.jsx(c.Fragment,{children:c.jsx(It,{title:"线程",children:c.jsx(Ng,{})})})]})}function Og(){const i=Zt(),[r,h]=d.useState(""),[f,S]=d.useState(""),[N,C]=d.useState([]),[p,H]=d.useState(null),[O,Y]=d.useState(!1),[j,k]=d.useState(""),[K,L]=d.useState(""),lt=d.useCallback(async()=>{if(!i.keySaved){C([]);return}try{const J=await I(Z.userKeys);C(J.keys||[]),L("")}catch(J){L(J instanceof Error?J.message:"加载 key 列表失败")}},[i.keySaved]);d.useEffect(()=>{lt()},[lt]);const X=async()=>{k(""),L(""),Y(!1);try{const J=await I(Z.userKeys,"POST",{label:f.trim()||"api-key"});H(J),S(""),k("新 key 已生成，只显示一次：复制后请妥善保存。"),await lt()}catch(J){L(J instanceof Error?J.message:"生成 key 失败")}},vt=async()=>{if(p)try{await navigator.clipboard.writeText(p.api_key),Y(!0)}catch{L("复制失败：请手动选中上方 key 文本复制")}},bt=()=>{p&&(i.saveKeyInput(p.api_key),H(null),k("已存为当前浏览器 key（原有 key 未被撤销，需要时可单独撤销）。"))},zt=async J=>{const Rt=(()=>{try{return sl().slice(-4)}catch{return""}})(),ot=J.id==="legacy"?"（主 key：撤销后当前浏览器保存的 key 也可能随之失效，需重新登录拿新 key）":J.hint&&J.hint===Rt?"（这就是本浏览器当前在用的 key，撤销后本页会立刻未连接）":"";if(window.confirm(`撤销 key「${J.label}」（后 4 位 ${J.hint||"无"}）吗？${ot}撤销不可恢复。`)){k(""),L("");try{await I(Z.userKey(J.id),"DELETE"),k(`已撤销 key「${J.label}」。`),await lt()}catch(Q){L(Q instanceof Error?Q.message:"撤销失败")}}};return c.jsxs(It,{id:"nav-key",title:"API Key",children:[c.jsxs(wt,{children:[c.jsx("input",{type:"password",placeholder:"粘贴你的 X-API-Key（与调 API 用的同一个）",autoComplete:"off",value:r,onChange:J=>h(J.target.value)}),c.jsx("button",{className:"primary",onClick:()=>{i.saveKeyInput(r),h("")},children:"保存到本浏览器"}),c.jsx("button",{onClick:i.clearKeyInput,children:"清除"}),c.jsx("span",{className:"muted",children:i.keyState})]}),c.jsx("div",{children:c.jsx("span",{className:"muted",children:i.quotaText})}),!i.keySaved&&c.jsx("div",{children:c.jsx("span",{className:"muted",children:"先粘贴并保存已有 key，再生成或管理 key（生成接口本身也要用已有 key 鉴权）。"})}),i.keySaved&&c.jsxs(c.Fragment,{children:[c.jsxs(wt,{children:[c.jsx("input",{placeholder:"新 key 备注（可选，默认 api-key，如 harness2-temp）",autoComplete:"off",value:f,onChange:J=>S(J.target.value)}),c.jsx("button",{className:"primary",onClick:()=>void X(),children:"生成新 key"}),c.jsx("button",{onClick:()=>void lt(),children:"刷新列表"})]}),p&&c.jsxs("div",{children:[c.jsx("div",{children:c.jsxs("span",{className:"muted",children:["新 key（",p.label,"，后 4 位 ",p.hint,"）：只显示一次，关闭后无法再查看。"]})}),c.jsxs(wt,{children:[c.jsx("input",{type:"text",readOnly:!0,value:p.api_key,onFocus:J=>J.target.select()}),c.jsx("button",{className:"primary",onClick:()=>void vt(),children:O?"已复制":"复制"}),c.jsx("button",{onClick:bt,children:"存为当前浏览器 key"}),c.jsx("button",{onClick:()=>H(null),children:"关闭（不再显示）"})]})]}),j&&c.jsx("div",{children:c.jsx("span",{className:"muted",children:j})}),K&&c.jsx("div",{children:c.jsx("span",{children:K})}),c.jsxs("div",{className:"api-key-list",children:[N.length===0&&c.jsx("span",{className:"muted",children:"暂无 key（或列表加载失败，见上方报错）。"}),N.map(J=>c.jsxs("div",{children:[c.jsx("span",{children:J.label})," ",c.jsxs("span",{className:"muted",children:["后 4 位 ",J.hint||"无"," · 创建 ",Ya(J.created_at)," · 最近使用 ",J.last_used_at?Ya(J.last_used_at):"未使用过"]})," ",J.revoked_at?c.jsxs("span",{className:"muted",children:["已撤销（",Ya(J.revoked_at),"）"]}):c.jsx("button",{onClick:()=>void zt(J),children:"撤销"})]},J.id))]})]})]})}function Mg(){const i=Zt();return c.jsxs(It,{id:"adminCard",title:c.jsxs(c.Fragment,{children:["管理区 ",c.jsx("span",{className:"muted",children:"（仅全局管理员）"})]}),children:[c.jsx("div",{className:"muted",children:i.adminGate}),i.adminBody?c.jsxs(c.Fragment,{children:[c.jsxs(wt,{children:[c.jsx("input",{type:"text",placeholder:"要查配额的用户 id",value:i.adminUserId,onChange:r=>i.setAdminUserId(r.target.value)}),c.jsx("button",{onClick:i.adminQuota,children:"查该用户配额"})]}),c.jsxs(wt,{children:[c.jsx("button",{onClick:i.adminSweep,children:"手动触发 sweep（清理陈旧 running 任务）"}),c.jsx("button",{onClick:i.adminBackup,children:"手动触发备份"})]}),c.jsx("div",{className:"muted",children:i.adminResult})]}):null]})}function zg(){const i=Zt(),[r,h]=d.useState(""),[f,S]=d.useState(""),[N,C]=d.useState("");return c.jsxs(It,{id:"nav-projects",title:"项目",children:[c.jsxs(wt,{children:[c.jsxs("select",{"aria-label":"项目",value:i.projectId,onChange:p=>i.selectProject(p.target.value),children:[i.projects.length===0?c.jsx("option",{value:"",children:"（先加载项目）"}):null,i.projects.map(p=>c.jsxs("option",{value:p.id,children:[p.name," (",Ne(p.id),")"]},p.id))]}),c.jsx("button",{onClick:i.refreshProjects,children:"刷新"})]}),c.jsxs(wt,{children:[c.jsx("input",{type:"text",placeholder:"新项目名",value:r,onChange:p=>h(p.target.value)}),c.jsxs("select",{"aria-label":"从 GitHub 仓库选",value:f,onChange:p=>{S(p.target.value),p.target.value&&C(p.target.value)},children:[c.jsx("option",{value:"",children:"（从 GitHub App 安装仓库里选，或手动输入）"}),i.githubRepos.map(p=>c.jsx("option",{value:p.clone_url,children:p.repo_full_name},p.clone_url))]}),c.jsx("input",{type:"text",placeholder:"repo_url（可选）",value:N,onChange:p=>C(p.target.value)}),c.jsx("button",{onClick:async()=>{await i.createProject(r,N),h(""),C(""),S("")},children:"新建项目"})]}),c.jsx("span",{className:"muted",children:i.projectMsg})]})}function Rg(){const i=Zt(),[r,h]=d.useState(""),[f,S]=d.useState("contributor"),N=i.projects.find(C=>C.id===i.projectId);return c.jsxs(It,{title:"项目成员",children:[N?c.jsxs("div",{className:"muted",children:[N.name," ｜ ",N.id," ｜ 仓库 ",N.repo_url||"未绑定"," ｜ 我的角色 ",N.my_role||"未知"]}):c.jsx("div",{className:"muted",children:"先选项目"}),c.jsxs(wt,{children:[c.jsx("input",{type:"text",placeholder:"成员 user_id 或用户名",value:r,onChange:C=>h(C.target.value)}),c.jsxs("select",{"aria-label":"邀请角色",value:f,onChange:C=>S(C.target.value),children:[c.jsx("option",{value:"viewer",children:"viewer（只读）"}),c.jsx("option",{value:"contributor",children:"contributor（可建任务）"}),c.jsx("option",{value:"maintainer",children:"maintainer（可批合并）"}),c.jsx("option",{value:"owner",children:"owner（可管项目）"})]}),c.jsx("button",{onClick:async()=>{await i.inviteMember(r,f),h("")},children:"邀请成员"}),c.jsx("button",{onClick:i.refreshMembers,children:"刷新成员"})]}),i.memberError?c.jsx("div",{className:"muted",children:i.memberError}):i.members.length===0?c.jsx("div",{className:"muted",children:"先选项目"}):c.jsx(cu,{children:i.members.map(C=>{const p=(C.username||"")+(C.username?"（"+String(C.user_id).slice(0,8)+"）":String(C.user_id).slice(0,8));return c.jsxs("li",{children:[c.jsx("span",{className:"row-main",children:p}),c.jsx("select",{"aria-label":"成员角色",value:C.role||"viewer",onChange:H=>void i.changeMemberRole(C.user_id,H.target.value),children:Wy.map(H=>c.jsx("option",{value:H,children:H},H))})]},C.user_id)})}),c.jsx("span",{className:"muted",children:i.memberMsg})]})}function Dg(){const i=Zt(),[r,h]=d.useState(""),[f,S]=d.useState(""),[N,C]=d.useState("");return c.jsxs(It,{id:"nav-env",title:c.jsxs(c.Fragment,{children:["环境 ",c.jsx("span",{className:"muted",children:"（选、建、管：当前项目的基准检出）"})]}),children:[c.jsxs(wt,{children:[c.jsx("button",{onClick:i.refreshEnvs,children:"刷新"}),c.jsx("span",{className:"muted",children:i.envCount})]}),i.envs.length===0?c.jsx("div",{className:"muted",children:"先选项目"}):c.jsx(cu,{children:i.envs.map(p=>c.jsxs("li",{children:[c.jsxs("span",{className:"row-main",children:[p.name,"（",Ne(p.id),"） / 分支 ",p.branch||"默认分支"," / 执行器 ",p.executor||"不限"," / 状态 ",p.status,p.status==="failed"&&p.error_text?" / 失败原因："+p.error_text:""]}),p.status==="archived"?null:c.jsx("button",{onClick:()=>void i.archiveEnv(p.id),children:"归档"})]},p.id))}),c.jsxs(wt,{children:[c.jsx("input",{type:"text",placeholder:"新环境名",value:r,onChange:p=>h(p.target.value)}),c.jsx("input",{type:"text",placeholder:"分支（可选，空=默认分支）",value:f,onChange:p=>S(p.target.value)}),c.jsxs("select",{"aria-label":"新环境执行器",value:N,onChange:p=>C(p.target.value),children:[c.jsx("option",{value:"",children:"执行器：不限"}),c.jsx("option",{value:"local",children:"local"}),c.jsx("option",{value:"docker",children:"docker"})]}),c.jsx("button",{onClick:async()=>{await i.createEnv(r,f,N),h(""),S("")},children:"新建环境"})]}),c.jsx("span",{className:"muted",children:i.envMsg})]})}function Ug(){const i=Zt(),[r,h]=d.useState("");return c.jsxs(It,{title:"仓库与环境上下文",children:[c.jsx("div",{className:"muted",children:i.envRepoLine||"先选项目"}),c.jsx("div",{className:"muted",children:i.envCount}),i.envRepoBar?c.jsxs(wt,{children:[c.jsxs("select",{"aria-label":"补仓库",value:r,onChange:f=>h(f.target.value),children:[c.jsx("option",{value:"",children:"（从 GitHub App 安装仓库里选）"}),i.githubRepos.map(f=>c.jsx("option",{value:f.clone_url,children:f.repo_full_name},f.clone_url))]}),c.jsx("button",{onClick:()=>void i.saveEnvRepo(r),children:"保存仓库"})]}):null,c.jsx("span",{className:"muted",children:i.envRepoMsg})]})}function Hg(){const i=Zt();return c.jsxs(It,{id:"nav-workers",title:"Workers",children:[c.jsx(wt,{children:c.jsx("button",{onClick:i.refreshWorkers,children:"刷新"})}),i.workersError?c.jsx("div",{className:"muted",children:i.workersError}):i.workers===null?c.jsx("div",{className:"muted",children:i.workersSummary||"未加载"}):i.workers.length===0?c.jsx("div",{className:"muted",children:"无 worker 注册"}):c.jsx(cu,{children:i.workers.map((r,h)=>{const f=r.running===void 0||r.running===null?"?":r.running,S=r.capacity===void 0||r.capacity===null?"?":r.capacity,N=Jh(r),C=r.alive!==void 0&&r.alive!==null?!!r.alive:N.age!==null&&N.age<=120,p=C?" / 在线":" / 离线（占用为上次上报值）";return c.jsx("li",{className:C?"is-online":"is-offline",children:c.jsxs("span",{className:"row-main",children:[r.worker_id||r.id||"?"," / ",r.executor||""," / 占用 ",f,"/",S,p," / 最后心跳 ",N.text]})},h)})})]})}function wg(){const i=Zt();return c.jsxs(It,{title:"健康与配额",children:[c.jsxs(wt,{children:[c.jsx("span",{className:"muted",children:i.healthText}),c.jsx("button",{onClick:i.refreshHealth,children:"刷新"})]}),c.jsx("div",{children:c.jsx("span",{className:"muted",children:i.quotaText})}),c.jsx("div",{className:"muted",children:i.workersSummary})]})}function kg(){const i=Zt();return c.jsxs(It,{id:"nav-skills",title:"技能与 MCP",children:[c.jsx("div",{className:"muted",children:"反映宿主租户 home，容器内 home 可能不同；重载只在 schema 枚举里，当前 pin 的二进制拒绝时原样 502；OAuth 只发起登录，不代表登录完成。"}),c.jsxs(wt,{children:[c.jsx("button",{onClick:i.refreshSkills,children:"刷新"}),c.jsx("span",{className:"muted",children:i.skillMsg})]}),c.jsx("h3",{children:"技能"}),i.skillError?c.jsx("div",{className:"muted",children:i.skillError}):c.jsx(xl,{empty:"暂无技能",items:i.skills.map((r,h)=>c.jsxs("span",{className:"row-main",children:[r.name||r.id||"",r.description?" - "+r.description:"",r.detail?" - "+r.detail:""]},h))}),c.jsx("h3",{children:"应用"}),c.jsx(xl,{empty:"暂无应用",items:i.apps.map((r,h)=>c.jsxs("span",{className:"row-main",children:[r.name||r.id||"",r.description?" - "+r.description:""]},h))}),c.jsx("h3",{children:"MCP 服务"}),c.jsx(xl,{empty:"暂无 MCP 服务",items:i.mcpServers.map((r,h)=>{const f=r.detail||r.details||r.state||"";return c.jsxs("span",{className:"row-main",children:[r.name||r.id||""," | 状态 ",r.status||"",f?" | "+f:""]},h)})})]})}function Bg(){const i=Zt(),[r,h]=d.useState("");return c.jsxs(It,{title:"MCP 操作",children:[c.jsxs(wt,{children:[c.jsx("button",{onClick:i.reloadMcp,children:"重载配置"}),c.jsx("span",{className:"muted",children:i.mcpMsg})]}),c.jsxs(wt,{children:[c.jsx("input",{type:"text",placeholder:"MCP 服务名",value:r,onChange:f=>h(f.target.value)}),c.jsx("button",{onClick:()=>void i.mcpOauth(r),children:"发起 OAuth 登录"}),c.jsx("span",{className:"muted",children:i.mcpOauthMsg})]}),i.mcpOauthBox?c.jsx("pre",{children:i.mcpOauthBox}):null]})}function qg(){const i=Zt(),[r,h]=d.useState(""),[f,S]=d.useState(""),[N,C]=d.useState(""),[p,H]=d.useState("");return c.jsxs(c.Fragment,{children:[c.jsx("input",{placeholder:"自动化名称(同项目内启用中的名称唯一)",style:{width:"100%"},value:r,onChange:O=>h(O.target.value)}),c.jsx("textarea",{placeholder:"定时任务内容(创建只登记定义与到期状态；执行由后续执行器经 claim 抢单后建任务，不另起调度器)",value:f,onChange:O=>S(O.target.value)}),c.jsxs(wt,{children:[c.jsx("input",{placeholder:"间隔秒数(默认 86400，最小 60)",style:{width:"40%"},value:N,onChange:O=>C(O.target.value)}),c.jsx("input",{placeholder:"仓库(可选)",style:{width:"40%"},value:p,onChange:O=>H(O.target.value)}),c.jsx("button",{className:"primary",onClick:async()=>{await i.createAutomation(r,f,N,p),h(""),S(""),C(""),H("")},children:"创建自动化"}),c.jsx("button",{onClick:i.refreshAutomations,children:"刷新自动化"}),c.jsx("span",{className:"muted",children:i.autoMsg})]}),c.jsx(xl,{empty:"(暂无自动化)",items:i.automations.map(O=>c.jsxs("span",{className:"row-main",children:["[",O.status,O.due?"｜到期":"","] ",O.name,"｜每 ",O.interval_seconds," 秒｜下次 ",Ya(O.next_run_at),O.status==="active"?c.jsxs(c.Fragment,{children:[" ",c.jsx("button",{onClick:()=>i.cancelAutomation(O.id),children:"取消"})]}):null]},O.id))})]})}function Yg(){var h,f,S,N;const i=Zt(),r=i.triage;return i.triageError?c.jsx("div",{className:"muted",children:i.triageError}):r?c.jsxs(c.Fragment,{children:[c.jsxs("div",{className:"data-group",children:[c.jsxs("b",{children:["到期自动化(",((h=r.counts)==null?void 0:h.automations_due)||0,")"]}),c.jsx(xl,{empty:"(无)",items:(r.automations_due||[]).map((C,p)=>c.jsxs("span",{className:"row-main",children:[C.name,"｜每 ",C.interval_seconds," 秒"]},p))})]}),c.jsxs("div",{className:"data-group",children:[c.jsxs("b",{children:["失败/中断任务(",((f=r.counts)==null?void 0:f.failed_tasks)||0,")"]}),c.jsx(xl,{empty:"(无)",items:(r.failed_tasks||[]).map((C,p)=>c.jsxs("span",{className:"row-main",children:[Ne(C.id),"｜",C.status,"｜",String(C.prompt||"").slice(0,80)]},p))})]}),c.jsxs("div",{className:"data-group",children:[c.jsxs("b",{children:["待处理后续消息(",((S=r.counts)==null?void 0:S.pending_followups)||0,")"]}),c.jsx(xl,{empty:"(无)",items:(r.pending_followups||[]).map((C,p)=>c.jsxs("span",{className:"row-main",children:["任务 ",Ne(C.task_id),"｜",String(C.body||"").slice(0,80)]},p))})]}),c.jsxs("div",{className:"data-group",children:[c.jsxs("b",{children:["最近自动化产出(",((N=r.counts)==null?void 0:N.recent_runs)||0,")"]}),c.jsx(xl,{empty:"(无)",items:(r.recent_runs||[]).map((C,p)=>c.jsxs("span",{className:"row-main",children:[Ne(C.automation_id),"｜",C.status,C.task_id?"｜任务 "+Ne(C.task_id):"",C.task_status?"｜"+C.task_status:""]},p))})]})]}):c.jsx("div",{className:"muted",children:"(先选项目)"})}function Gg(){return c.jsx(It,{id:"nav-automations",title:"自动化",children:c.jsx(qg,{})})}function Qg(){const i=Zt();return c.jsxs(It,{id:"nav-triage",title:"分诊收件箱",children:[c.jsx(wt,{children:c.jsx("button",{onClick:i.refreshTriage,children:"刷新分诊"})}),c.jsx(Yg,{})]})}const ho=["pending","in_progress","blocked","completed","cancelled"],Rc={pending:"待办",in_progress:"进行中",blocked:"受阻",completed:"已完成",cancelled:"已取消"},Xg=["low","medium","high"],Lh={low:"低",medium:"中",high:"高"};function Lg(i){return i?new Date(i*1e3).toLocaleString():""}function Vg(){const i=Zt(),[r,h]=d.useState([]),[f,S]=d.useState({}),[N,C]=d.useState(0),[p,H]=d.useState(""),[O,Y]=d.useState(""),[j,k]=d.useState(""),[K,L]=d.useState(""),[lt,X]=d.useState(""),[vt,bt]=d.useState(""),[zt,J]=d.useState("medium"),[Rt,ot]=d.useState(""),[Q,ut]=d.useState(""),Ut=d.useCallback(async()=>{if(!i.projectId){h([]),S({}),C(0);return}try{let B=Z.projectTodos(i.projectId);const rt=new URLSearchParams;j&&rt.set("status",j),K.trim()&&rt.set("q",K.trim());const st=rt.toString();st&&(B+="?"+st);const q=await I(B);h(q.todos||[]),S(q.counts||{}),C(q.total||0),Y("")}catch(B){Y("待办加载失败："+((B==null?void 0:B.message)||String(B)))}},[i.projectId,j,K]);d.useEffect(()=>{Ut()},[Ut]);const Qt=async()=>{if(!i.projectId){H("先选项目");return}if(!lt.trim()){H("标题必填");return}H("");try{const B={title:lt.trim(),description:vt,priority:zt};Rt.trim()&&(B.task_id=Rt.trim()),Q&&(B.due_at=Math.floor(new Date(Q).getTime()/1e3)),await I(Z.projectTodos(i.projectId),"POST",B),X(""),bt(""),ot(""),ut(""),H("已创建"),await Ut()}catch(B){H("创建失败："+((B==null?void 0:B.message)||String(B)))}},Nt=async(B,rt)=>{if(i.projectId)try{await I(Z.projectTodo(i.projectId,B.id),"PATCH",rt),await Ut()}catch(st){Y("待办更新失败："+((st==null?void 0:st.message)||String(st)))}},kt=async B=>{if(i.projectId&&window.confirm("删除待办“"+B.title+"”？删除后不可恢复（取消请改状态为已取消）。"))try{await I(Z.projectTodo(i.projectId,B.id),"DELETE"),await Ut()}catch(rt){Y("待办删除失败："+((rt==null?void 0:rt.message)||String(rt)))}};return c.jsxs(It,{id:"nav-todos",title:"项目待办",children:[c.jsx("div",{className:"muted",children:i.projectId?"共 "+N+" 项 ｜ "+ho.map(B=>Rc[B]+" "+(f[B]||0)).join(" ｜ "):"先选项目"}),O?c.jsx("div",{className:"err",children:O}):null,c.jsxs(wt,{children:[c.jsxs("select",{"aria-label":"状态筛选",value:j,onChange:B=>k(B.target.value),children:[c.jsx("option",{value:"",children:"状态：全部"}),ho.map(B=>c.jsx("option",{value:B,children:Rc[B]},B))]}),c.jsx("input",{type:"text",placeholder:"搜索标题/说明",value:K,onChange:B=>L(B.target.value)}),c.jsx("button",{onClick:()=>void Ut(),children:"刷新"})]}),c.jsx("input",{type:"text",placeholder:"待办标题（必填）",style:{width:"100%"},value:lt,onChange:B=>X(B.target.value)}),c.jsx("textarea",{placeholder:"说明（可选）",value:vt,onChange:B=>bt(B.target.value)}),c.jsxs(wt,{children:[c.jsx("select",{"aria-label":"优先级",value:zt,onChange:B=>J(B.target.value),children:Xg.map(B=>c.jsxs("option",{value:B,children:["优先级：",Lh[B]]},B))}),c.jsx("input",{type:"text",placeholder:"关联任务 id（可选）",value:Rt,onChange:B=>ot(B.target.value)}),c.jsx("input",{type:"datetime-local","aria-label":"截止时间",value:Q,onChange:B=>ut(B.target.value)}),c.jsx("button",{className:"primary",onClick:()=>void Qt(),children:"新建待办"}),c.jsx("span",{className:"muted",children:p})]}),c.jsx(xl,{empty:i.projectId?"（暂无待办）":"（先选项目）",items:r.map(B=>c.jsxs("span",{className:"row-main",children:[c.jsx("b",{children:B.title})," ｜ ",c.jsx("span",{className:"st-"+B.status,children:Rc[B.status]||B.status})," ｜ 优先级 "+(Lh[B.priority]||B.priority),B.task_id?" ｜ 任务 "+Ne(B.task_id):"",B.due_at?" ｜ 截止 "+Lg(B.due_at):"",B.completed_at?" ｜ 完成于 "+new Date(B.completed_at*1e3).toLocaleString():"",B.description?c.jsxs(c.Fragment,{children:[c.jsx("br",{}),c.jsx("span",{className:"muted",children:B.description})]}):null,c.jsx("br",{}),c.jsx("select",{"aria-label":"改状态",value:B.status,onChange:rt=>void Nt(B,{status:rt.target.value}),children:ho.map(rt=>c.jsx("option",{value:rt,children:Rc[rt]},rt))})," ",c.jsx("button",{onClick:()=>void Nt(B,{status:"completed"}),children:"完成"})," ",c.jsx("button",{onClick:()=>void kt(B),children:"删除"})]},B.id))}),c.jsx("div",{className:"muted",children:"状态与 Muse 待办同款五态；完成时服务端记完成时间，改回其它状态时清掉；已取消是软关闭，删除才是硬删除。"})]})}const po=[["tasks","任务工作台","任务"],["todos","项目待办","任务"],["projects","项目与成员","管理"],["resources","环境与 Workers","管理"],["automation","技能与自动化","管理"],["admin","系统与 Key","管理"]],Zg=Object.fromEntries(po.map(([i,r])=>[i,r]));function Vh(){const i=window.location.hash.replace("#view-","");return po.some(([r])=>r===i)?i:"tasks"}function Kg({view:i,setView:r}){return c.jsxs("aside",{className:"shell-side",children:[c.jsx("div",{className:"shell-brand",children:"Codex 命令台"}),c.jsx("nav",{className:"shell-nav","aria-label":"导航",children:["任务","管理"].map(h=>c.jsxs("div",{className:"shell-nav-group",children:[c.jsx("div",{className:"shell-nav-group-label",children:h}),po.filter(([,,f])=>f===h).map(([f,S])=>c.jsx("button",{type:"button",className:i===f?"active":"",onClick:()=>r(f),children:S},f))]},h))}),c.jsxs("div",{className:"shell-stats",children:[c.jsx("div",{className:"shell-stats-label",children:"概览"}),c.jsx(rg,{})]})]})}function Jg(){const i=Zt();return c.jsx("span",{className:i.keySaved?"dash-status ok":"dash-status off",children:i.keySaved?"● 已连接":"○ 未连接"})}function Fg(){const i=sg();ug(p=>i.refreshAll(p),1e4),ig(()=>i.refreshSlow(),6e4);const[r,h]=d.useState(()=>Vh()),[f,S]=d.useState(!0),N=p=>{h(p);try{window.history.replaceState(null,"","#view-"+p)}catch{}};d.useEffect(()=>{const p=()=>h(Vh());return window.addEventListener("hashchange",p),()=>window.removeEventListener("hashchange",p)},[]);const C=()=>{N("tasks"),S(!0),setTimeout(()=>{var p;return(p=document.getElementById("sec-dispatch"))==null?void 0:p.scrollIntoView({behavior:"smooth"})},0)};return c.jsx(Kh.Provider,{value:i,children:c.jsxs("div",{className:"shell",children:[c.jsx(Kg,{view:r,setView:N}),c.jsxs("div",{className:"shell-main",children:[c.jsxs("header",{className:"shell-header",children:[c.jsx("h1",{children:Zg[r]}),c.jsx(Jg,{}),c.jsx("span",{className:"muted shell-hide-sm",children:i.healthText}),c.jsx("span",{className:"muted shell-hide-sm",children:i.quotaText}),c.jsxs("span",{className:"muted shell-stamp",children:["自动刷新 · 每 10 秒 · 已刷新 ",i.refreshStamp]})]}),r==="tasks"?c.jsxs("div",{className:"workspace",children:[c.jsxs("section",{className:"workspace-rail","aria-label":"任务列表",children:[c.jsx("h2",{children:"任务列表"}),c.jsx(dg,{onNew:C})]}),c.jsxs("section",{className:"workspace-center",children:[c.jsx("div",{className:"composer-toggle",children:c.jsx("button",{type:"button",onClick:()=>S(!f),children:f?"收起新建任务":"新建任务"})}),f?c.jsx("section",{id:"sec-dispatch",children:c.jsx(og,{})}):null,c.jsxs("section",{className:"card workspace-conv",children:[c.jsx("h2",{children:"对话"}),c.jsx(pg,{})]})]}),c.jsx("section",{className:"workspace-inspector","aria-label":"任务详情",children:c.jsx(Ag,{})})]}):c.jsx("main",{className:"page",children:r==="todos"?c.jsx(c.Fragment,{children:c.jsx(Vg,{})}):r==="projects"?c.jsxs(c.Fragment,{children:[c.jsx(zg,{}),c.jsx(Rg,{})]}):r==="resources"?c.jsxs(c.Fragment,{children:[c.jsx(Dg,{}),c.jsx(Ug,{}),c.jsx(Hg,{}),c.jsx(wg,{})]}):r==="automation"?c.jsxs(c.Fragment,{children:[c.jsx(kg,{}),c.jsx(Bg,{}),c.jsx(Gg,{}),c.jsx(Qg,{})]}):c.jsxs(c.Fragment,{children:[c.jsx(Mg,{}),c.jsx(Og,{})]})})]})]})})}Ky.createRoot(document.getElementById("root")).render(c.jsx(qy.StrictMode,{children:c.jsx(Fg,{})}));