@tom2012/cc-web 1.5.89 → 1.5.90

package/frontend/dist/assets/PlanPanel-6D-KtTiV.js

@@ -1,13 +0,0 @@
-import{c as e,r as s,j as t,b3 as a,b4 as n,b5 as l,t as r,b6 as i,b7 as o,b8 as c,b9 as d,ba as h,B as x}from"./index-DommEtbo.js";import{Z as u,a as m,L as f,P as y,A as g}from"./ProjectPage-CNZLsKfo.js";import{M as b}from"./maximize-2-DwXtOiRB.js";import"./save-sAn1Pu5b.js";import"./download-Bi_5y42J.js";import"./chevron-down-DN5-GmAC.js";import"./bot-D_7Qr78H.js";import"./user-hwSxpRKM.js";
-/**
- * @license lucide-react v0.309.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const p=e("CheckCircle",[["path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14",key:"g774vq"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]),j=e("Pause",[["rect",{width:"4",height:"16",x:"6",y:"4",key:"iffhe4"}],["rect",{width:"4",height:"16",x:"14",y:"4",key:"sjin7j"}]]),k=e("RotateCcw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]]),v=e("Square",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]]),w=140,N=36,C={pending:{fill:"#71717a20",stroke:"#71717a"},running:{fill:"#3b82f633",stroke:"#3b82f6"},success:{fill:"#22c55e26",stroke:"#22c55e"},failed:{fill:"#ef444426",stroke:"#ef4444"},blocked:{fill:"#eab30826",stroke:"#eab308"},skipped:{fill:"#71717a14",stroke:"#71717a"}},M={fill:"#71717a15",stroke:"#52525b"};
-/**
- * @license lucide-react v0.309.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */function _({tree:e,currentLine:a}){const n=s.useRef(null),[l,r]=s.useState(1),[i,o]=s.useState({x:0,y:0}),[c,d]=s.useState(!1),[h,x]=s.useState({x:0,y:0}),[f,y]=s.useState(null),{layoutNodes:g,edges:p,bounds:j}=s.useMemo(()=>{const s=[],t=[];const a=function e(a,n,l,r){const i=[];let o=l;for(const c of a){const a=40+160*r,n={id:c.id,x:a,y:o,w:w,h:N,type:c.type,label:c.label,status:c.status,node_id:c.node_id,line:c.line,children:[]};if(c.children.length>0){const s=e(c.children,a,o+N+16,r+1);n.children=s.nodes,o=Math.max(o+N+16,o+N+16+s.height);for(const e of s.nodes)t.push({x1:n.x+70,y1:n.y+N,x2:e.x+70,y2:e.y,dashed:"call"===c.type})}else o+=52;i.push(n),s.push(n)}return{nodes:i,height:o-l}}(e,0,20,0);for(let e=1;e<a.nodes.length;e++){const s=a.nodes[e-1],n=a.nodes[e];if(s.x===n.x){const e=z(s);t.push({x1:s.x+70,y1:e,x2:n.x+70,y2:n.y})}}let n=1/0,l=1/0,r=-1/0,i=-1/0;for(const e of s)n=Math.min(n,e.x),l=Math.min(l,e.y),r=Math.max(r,e.x+e.w),i=Math.max(i,e.y+e.h);return{layoutNodes:s,edges:t,bounds:{minX:n,minY:l,maxX:r+40,maxY:i+20}}},[e]),k=s.useCallback(()=>{if(!n.current||0===g.length)return;const e=n.current.getBoundingClientRect(),s=j.maxX-j.minX,t=j.maxY-j.minY;if(0===s||0===t)return;const a=.9*Math.min(e.width/s,e.height/t,2);r(a),o({x:(e.width-s*a)/2-j.minX*a,y:(e.height-t*a)/2-j.minY*a})},[g,j]);s.useEffect(()=>{k()},[e,k]),s.useEffect(()=>{if(null===a)return;const e=g.find(e=>e.line===a);if(!e||!n.current)return;const s=n.current.getBoundingClientRect(),t=e.x+70,r=e.y+18;o({x:s.width/2-t*l,y:s.height/2-r*l})},[a,g,l]);const v=s.useCallback(e=>{e.preventDefault(),r(s=>Math.max(.2,Math.min(3,s+(e.deltaY>0?-.1:.1))))},[]),_=s.useCallback(e=>{0===e.button&&(d(!0),x({x:e.clientX-i.x,y:e.clientY-i.y}))},[i]),S=s.useCallback(e=>{c&&o({x:e.clientX-h.x,y:e.clientY-h.y})},[c,h]),P=s.useCallback(()=>d(!1),[]);return t.jsxs("div",{className:"relative w-full h-full",children:[t.jsxs("div",{className:"absolute top-1 right-1 z-10 flex gap-0.5",children:[t.jsx("button",{className:"p-1 rounded bg-muted/50 hover:bg-muted",onClick:()=>r(e=>Math.min(3,e+.2)),children:t.jsx(u,{className:"h-3 w-3"})}),t.jsx("button",{className:"p-1 rounded bg-muted/50 hover:bg-muted",onClick:()=>r(e=>Math.max(.2,e-.2)),children:t.jsx(m,{className:"h-3 w-3"})}),t.jsx("button",{className:"p-1 rounded bg-muted/50 hover:bg-muted",onClick:k,children:t.jsx(b,{className:"h-3 w-3"})})]}),t.jsxs("svg",{ref:n,className:"w-full h-full",onWheel:v,onMouseDown:_,onMouseMove:S,onMouseUp:P,onMouseLeave:P,style:{cursor:c?"grabbing":"grab"},children:[t.jsx("defs",{children:t.jsx("marker",{id:"arrow",viewBox:"0 0 10 10",refX:"10",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:t.jsx("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:"#71717a"})})}),t.jsxs("g",{transform:`translate(${i.x},${i.y}) scale(${l})`,children:[p.map((e,s)=>t.jsx("line",{x1:e.x1,y1:e.y1,x2:e.x2,y2:e.y2,stroke:"#71717a",strokeWidth:1,strokeDasharray:e.dashed?"4,2":void 0,markerEnd:"url(#arrow)"},`e${s}`)),g.map(e=>{const s=C[e.status??""]??M,n=a===e.line;return t.jsxs("g",{onClick:()=>y(e),style:{cursor:"pointer"},children:[t.jsx("rect",{x:e.x,y:e.y,width:e.w,height:e.h,rx:6,fill:s.fill,stroke:n?"#60a5fa":s.stroke,strokeWidth:n?2:1,strokeDasharray:"skipped"===e.status?"4,2":void 0}),"running"===e.status&&t.jsx("rect",{x:e.x,y:e.y,width:e.w,height:e.h,rx:6,fill:"none",stroke:"#3b82f6",strokeWidth:2,opacity:.5,children:t.jsx("animate",{attributeName:"opacity",values:"0.5;0;0.5",dur:"2s",repeatCount:"indefinite"})}),t.jsx("text",{x:e.x+6,y:e.y+13,fontSize:9,fill:"#a1a1aa",fontFamily:"monospace",children:e.type}),t.jsx("text",{x:e.x+6,y:e.y+26,fontSize:10,fill:"#e4e4e7",clipPath:"inset(0 0 0 0)",children:e.label.length>16?e.label.slice(0,16)+"…":e.label}),e.node_id&&t.jsxs("text",{x:e.x+e.w-4,y:e.y+10,fontSize:7,fill:"#71717a",textAnchor:"end",children:["#",e.node_id]})]},e.id)})]})]}),f&&t.jsxs("div",{className:"absolute bottom-2 left-2 right-2 bg-background/95 border border-border rounded-lg p-3 text-xs shadow-lg z-20",onClick:e=>e.stopPropagation(),children:[t.jsxs("div",{className:"flex justify-between items-start mb-1",children:[t.jsxs("span",{className:"font-mono text-muted-foreground",children:[f.type," L",f.line]}),t.jsx("button",{className:"text-muted-foreground hover:text-foreground",onClick:()=>y(null),children:"✕"})]}),t.jsx("div",{className:"text-foreground mb-1",children:f.label}),f.status&&t.jsxs("div",{className:"text-muted-foreground",children:["状态: ",f.status]}),f.node_id&&t.jsxs("div",{className:"text-muted-foreground",children:["节点 ID: #",f.node_id]})]})]})}function z(e){return 0===e.children.length?e.y+e.h:Math.max(e.y+e.h,...e.children.map(z))}function S({projectId:e,planStatus:u,planNodeUpdate:m,planReplan:b}){const[w,N]=s.useState(null),[C,M]=s.useState(null),[z,S]=s.useState(null),[L,Y]=s.useState(!1);s.useEffect(()=>{let s=!1;return(async()=>{try{const t=await a(e);if(s||N(t),t.hasMainPc){const t=await n(e);s||S(t.tree)}}catch{}})(),()=>{s=!0}},[e]),s.useEffect(()=>{m&&S(e=>e?P(e,m.node_id,m.status):e)},[m]),s.useEffect(()=>{u&&N(e=>e?{...e,state:e.state?{...e.state,...u}:{status:u.status,current_line:u.current_line,executed_tasks:u.executed_tasks,estimated_tasks:u.estimated_tasks}}:e)},[u]),s.useEffect(()=>{b&&n(e).then(e=>S(e.tree)).catch(()=>{})},[b,e]);const X=s.useCallback(async()=>{Y(!0);try{await l(e);const s=await a(e);N(s),r.success("Plan Control 已初始化")}catch(s){r.error(s.message)}finally{Y(!1)}},[e]),E=s.useCallback(async()=>{Y(!0);try{const s=await i(e);if(M(s),s.valid){r.success("语法检查通过");const s=await n(e);S(s.tree)}else r.error(`${s.errors.length} 个语法错误`)}catch(s){r.error(s.message)}finally{Y(!1)}},[e]),D=s.useCallback(async()=>{try{await o(e);const s=await a(e);N(s)}catch(s){r.error(s.message)}},[e]),R=s.useCallback(async()=>{try{await c(e)}catch(s){r.error(s.message)}},[e]),W=s.useCallback(async()=>{try{await d(e);const s=await a(e);N(s)}catch(s){r.error(s.message)}},[e]),$=s.useCallback(async()=>{try{await h(e)}catch(s){r.error(s.message)}},[e]),B=null==w?void 0:w.state,q=(null==B?void 0:B.status)??((null==w?void 0:w.hasMainPc)?"ready":(null==w?void 0:w.initialized)?"editing":"none");return t.jsxs("div",{className:"h-full flex flex-col",children:[t.jsxs("div",{className:"flex-none h-8 flex items-center gap-1 px-2 border-b border-border text-xs",children:["none"===q&&t.jsxs(x,{size:"sm",variant:"ghost",className:"h-6 text-xs",onClick:X,disabled:L,children:[L?t.jsx(f,{className:"h-3 w-3 animate-spin mr-1"}):null,"初始化"]}),("editing"===q||"ready"===q)&&t.jsxs(t.Fragment,{children:[t.jsxs(x,{size:"sm",variant:"ghost",className:"h-6 text-xs",onClick:E,disabled:L,children:[L?t.jsx(f,{className:"h-3 w-3 animate-spin mr-1"}):t.jsx(p,{className:"h-3 w-3 mr-1"}),"检查"]}),(null==C?void 0:C.valid)&&t.jsxs(x,{size:"sm",variant:"ghost",className:"h-6 text-xs",onClick:D,children:[t.jsx(y,{className:"h-3 w-3 mr-1"}),"启动"]})]}),("running"===q||"waiting"===q)&&t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:"text-muted-foreground",children:["已完成 ",(null==B?void 0:B.executed_tasks)??0,"（≥",(null==B?void 0:B.estimated_tasks)??0,"）"]}),t.jsx("div",{className:"flex-1"}),t.jsx(x,{size:"sm",variant:"ghost",className:"h-6 text-xs",onClick:R,children:t.jsx(j,{className:"h-3 w-3"})}),t.jsx(x,{size:"sm",variant:"ghost",className:"h-6 text-xs",onClick:$,children:t.jsx(v,{className:"h-3 w-3"})})]}),("paused"===q||"stopped"===q)&&t.jsxs(x,{size:"sm",variant:"ghost",className:"h-6 text-xs",onClick:W,children:[t.jsx(k,{className:"h-3 w-3 mr-1"}),"继续"]}),"completed"===q&&t.jsxs("span",{className:"text-green-500 flex items-center gap-1",children:[t.jsx(p,{className:"h-3 w-3"})," 已完成"]})]}),C&&!C.valid&&t.jsx("div",{className:"flex-none max-h-24 overflow-y-auto px-2 py-1 border-b border-border bg-red-500/5",children:C.errors.map((e,s)=>t.jsxs("div",{className:"text-[10px] text-red-400 flex gap-1",children:[t.jsx(g,{className:"h-3 w-3 flex-shrink-0 mt-0.5"}),t.jsxs("span",{children:["第",e.line,"行: ",e.message]})]},s))}),t.jsx("div",{className:"flex-1 min-h-0 overflow-hidden",children:z?t.jsx(_,{tree:z,currentLine:(null==B?void 0:B.current_line)??null}):t.jsx("div",{className:"flex items-center justify-center h-full text-xs text-muted-foreground",children:(null==w?void 0:w.initialized)?(null==w?void 0:w.hasMainPc)?'点击"检查"查看任务树':"等待 AI 编写计划...":'点击"初始化"开始'})})]})}function P(e,s,t){return e.map(e=>e.node_id===s?{...e,status:t}:e.children.length>0?{...e,children:P(e.children,s,t)}:e)}export{S as PlanPanel};