botmux 3.14.0 → 3.16.0

package/dist/dashboard-web/chunks/{v3-page-HQXRL65L.js → v3-page-GBR5JWPE.js}

@@ -1,4 +1,4 @@
-import{c as $}from"./chunk-2WQDS65D.js";import{d as E}from"./chunk-5CJMHTT4.js";import"./chunk-G5XGBCM6.js";import{r as F}from"./chunk-Q2MT4VWH.js";import{a as O}from"./chunk-SYC6D5XU.js";import{a as ae,d as V}from"./chunk-5THX4DI2.js";import{c as S}from"./chunk-7SZRL6FY.js";var l=S(ae(),1);async function _(t=fetch){let e=await t("/api/v3/runs");if(!e.ok)return[];let o=await e.json();return Array.isArray(o.runs)?o.runs:[]}async function j(t,e=fetch){let o=await e(`/api/v3/runs/${encodeURIComponent(t)}`);return o.ok?{ok:!0,view:await o.json()}:{ok:!1,status:o.status}}async function J(t,e=fetch){let o=await e(`/api/v3/runs/${encodeURIComponent(t)}/cancel`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({})}),s={};try{let r=await o.json();r&&typeof r=="object"&&!Array.isArray(r)&&(s=r)}catch{}if(!o.ok||s.ok===!1)return{ok:!1,status:o.status,error:typeof s.error=="string"?s.error:`http_${o.status}`};let a=s.status;return{ok:!0,...typeof s.runId=="string"?{runId:s.runId}:{},...re(a)?{runStatus:a}:{},...s.alreadyTerminal===!0?{alreadyTerminal:!0}:{}}}function re(t){return t==="running"||t==="cancelling"||t==="cancelled"||t==="succeeded"||t==="failed"||t==="blocked"}var I={pending:"\u5F85\u673A",gateWaiting:"\u7B49\u5BA1\u6279",running:"\u8FD0\u884C\u4E2D",done:"\u5B8C\u6210",skipped:"\u5DF2\u8DF3\u8FC7",cancelled:"\u5DF2\u53D6\u6D88",blocked:"\u53D7\u963B",superseded:"\u5DF2\u5237\u65B0",failed:"\u5931\u8D25"},X={exit:"\u2713 \u901A\u8FC7",continue:"\u21BB \u7EE7\u7EED\u8FD4\u5DE5",exhausted:"\u26D4 \u8F6E\u6570\u8017\u5C3D"},p={nodeWidth:168,plainHeight:48,loopHeight:70,columnGap:226,verticalGap:30,padding:26,maxDots:8},x={width:104,height:30,columnGap:138,rowGap:42,padding:6};function k(t){return t==="succeeded"||t==="failed"||t==="cancelled"}function W(t=typeof location<"u"?location.hash:""){let e=t.match(/^#\/workflows\/([^?#]+)/);if(!e)return null;try{return decodeURIComponent(e[1])}catch{return e[1]}}function L(t,e){return t.length>e?`${t.slice(0,e-1)}\u2026`:t}function D(t){return t.isLoop?p.loopHeight:p.plainHeight}function C(t){return t.nodes.filter(e=>!e.loop)}function z(t){let e=C(t),o=ie(e),s=new Map;for(let i of e){let m=o.get(i.id)??0,c=s.get(m);c?c.push(i):s.set(m,[i])}let a=[...s.keys()].sort((i,m)=>i-m),r=[],d=new Map,u=0;for(let i of a){let m=s.get(i)??[],c=p.padding;for(let g of m){let v={node:g,x:p.padding+i*p.columnGap,y:c,width:p.nodeWidth,height:D(g)};r.push(v),d.set(g.id,v),c+=v.height+p.verticalGap}u=Math.max(u,c-p.verticalGap+p.padding)}let f=p.padding*2+(a.length===0?0:Math.max(...a)*p.columnGap+p.nodeWidth),w=new Map(e.map(i=>[i.id,i])),y=[];for(let i of e){let m=d.get(i.id);if(m)for(let c of i.depends){let g=d.get(c),v=w.get(c);if(!g||!v)continue;let N=g.x+p.nodeWidth,R=g.y+D(v)/2,b=m.x,M=m.y+D(i)/2;y.push({fromId:c,toId:i.id,x1:N,y1:R,x2:b,y2:M,mx:(N+b)/2,live:i.status==="running"})}}return{width:f,height:u,nodes:r,edges:y}}function ie(t){let e=new Map(t.map(r=>[r.id,r])),o=new Map,s=new Set;function a(r){if(o.has(r))return o.get(r);if(s.has(r))return 0;s.add(r);let u=(e.get(r)?.depends??[]).filter(w=>e.has(w)),f=u.length?1+Math.max(...u.map(a)):0;return s.delete(r),o.set(r,f),f}for(let r of t)a(r.id);return o}function U(t,e){return(t?.nodes??[]).filter(o=>o.loop?.loopId===e)}function q(t,e,o){if(o&&e){let a=t.find(r=>r.id===e);if(a)return a}let s=t.filter(a=>a.status==="running");return s[s.length-1]??t[t.length-1]??null}function Y(t){let e=new Map;for(let o of t){let s=o.loop?.iteration;if(s===void 0)continue;let a=e.get(s);a?a.push(o):e.set(s,[o])}return[...e.entries()].sort((o,s)=>o[0]-s[0]).map(([o,s])=>({iteration:o,instances:s}))}function P(t){let e=t.loopState?.maxIterations;return t.loopState&&e!==void 0?e+t.loopState.granted:void 0}function K(t,e){let o=new Map(t.map(i=>[i.id,i])),s=new Map;function a(i){if(s.has(i))return s.get(i);s.set(i,0);let m=(o.get(i)?.depends??[]).filter(g=>o.has(g)),c=m.length?1+Math.max(...m.map(a)):0;return s.set(i,c),c}let r=new Map,d=0,u=[],f=new Map;for(let i of t){let m=a(i.id),c=r.get(m)??0;r.set(m,c+1),d=Math.max(d,c);let g={templateId:i.id,node:e.get(i.id),x:x.padding+m*x.columnGap,y:x.padding+c*x.rowGap,width:x.width,height:x.height};u.push(g),f.set(i.id,g)}let w=s.size?Math.max(...s.values()):0,y=[];for(let i of t){let m=f.get(i.id);if(m)for(let c of i.depends){let g=f.get(c);if(!g)continue;let v=g.x+x.width,N=g.y+x.height/2,R=m.x,b=m.y+x.height/2;y.push({fromId:c,toId:i.id,x1:v,y1:N,x2:R,y2:b,mx:(v+R)/2,live:e.get(i.id)?.status==="running"})}}return{width:x.padding*2+(t.length?w*x.columnGap+x.width:0),height:x.padding*2+d*x.rowGap+x.height,nodes:u,edges:y}}function H(t){let e=t.webTerminal;return`${e?.status??"-"}|${e?.sessionId??"-"}|${e?.webPort??"-"}|${t.hasPtyLog?"1":"0"}`}function Q(t,e,o){t.setAttribute("data-run-id",e),t.setAttribute("data-node-id",o.id),t.innerHTML=le(e,o).html}function le(t,e,o={}){let s=H(e),a=e.webTerminal;if(a?.status==="live"&&a.webPort&&a.webPort>0)return{kind:"live",signature:s,html:de(a.webPort,a.sessionId,o.host)};if(e.hasPtyLog)return{kind:"replay",signature:s,html:ce(t,e.id,a?.status==="closed")};let r=a?.status==="live"?"\u7EC8\u7AEF\u6B63\u5728\u542F\u52A8\uFF0C\u7A0D\u540E\u5237\u65B0":"\u6682\u65E0\u7EC8\u7AEF\u8BB0\u5F55";return{kind:"empty",signature:s,html:ue(r)}}function de(t,e,o){let s=me(t,o,e);return`<div class="v3-terminal-panel">
+import{d as E}from"./chunk-5CJMHTT4.js";import{d as V}from"./chunk-FXW3V4JR.js";import"./chunk-24ONYQMR.js";import{w as F}from"./chunk-F6KNPF4R.js";import{a as O}from"./chunk-SYC6D5XU.js";import{a as ae,d as $}from"./chunk-5THX4DI2.js";import{c as S}from"./chunk-7SZRL6FY.js";var l=S(ae(),1);async function _(t=fetch){let e=await t("/api/v3/runs");if(!e.ok)return[];let o=await e.json();return Array.isArray(o.runs)?o.runs:[]}async function j(t,e=fetch){let o=await e(`/api/v3/runs/${encodeURIComponent(t)}`);return o.ok?{ok:!0,view:await o.json()}:{ok:!1,status:o.status}}async function J(t,e=fetch){let o=await e(`/api/v3/runs/${encodeURIComponent(t)}/cancel`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({})}),s={};try{let r=await o.json();r&&typeof r=="object"&&!Array.isArray(r)&&(s=r)}catch{}if(!o.ok||s.ok===!1)return{ok:!1,status:o.status,error:typeof s.error=="string"?s.error:`http_${o.status}`};let a=s.status;return{ok:!0,...typeof s.runId=="string"?{runId:s.runId}:{},...re(a)?{runStatus:a}:{},...s.alreadyTerminal===!0?{alreadyTerminal:!0}:{}}}function re(t){return t==="running"||t==="cancelling"||t==="cancelled"||t==="succeeded"||t==="failed"||t==="blocked"}var I={pending:"\u5F85\u673A",gateWaiting:"\u7B49\u5BA1\u6279",running:"\u8FD0\u884C\u4E2D",done:"\u5B8C\u6210",skipped:"\u5DF2\u8DF3\u8FC7",cancelled:"\u5DF2\u53D6\u6D88",blocked:"\u53D7\u963B",superseded:"\u5DF2\u5237\u65B0",failed:"\u5931\u8D25"},X={exit:"\u2713 \u901A\u8FC7",continue:"\u21BB \u7EE7\u7EED\u8FD4\u5DE5",exhausted:"\u26D4 \u8F6E\u6570\u8017\u5C3D"},p={nodeWidth:168,plainHeight:48,loopHeight:70,columnGap:226,verticalGap:30,padding:26,maxDots:8},x={width:104,height:30,columnGap:138,rowGap:42,padding:6};function k(t){return t==="succeeded"||t==="failed"||t==="cancelled"}function W(t=typeof location<"u"?location.hash:""){let e=t.match(/^#\/workflows\/([^?#]+)/);if(!e)return null;try{return decodeURIComponent(e[1])}catch{return e[1]}}function L(t,e){return t.length>e?`${t.slice(0,e-1)}\u2026`:t}function D(t){return t.isLoop?p.loopHeight:p.plainHeight}function C(t){return t.nodes.filter(e=>!e.loop)}function z(t){let e=C(t),o=ie(e),s=new Map;for(let i of e){let m=o.get(i.id)??0,c=s.get(m);c?c.push(i):s.set(m,[i])}let a=[...s.keys()].sort((i,m)=>i-m),r=[],d=new Map,u=0;for(let i of a){let m=s.get(i)??[],c=p.padding;for(let g of m){let v={node:g,x:p.padding+i*p.columnGap,y:c,width:p.nodeWidth,height:D(g)};r.push(v),d.set(g.id,v),c+=v.height+p.verticalGap}u=Math.max(u,c-p.verticalGap+p.padding)}let f=p.padding*2+(a.length===0?0:Math.max(...a)*p.columnGap+p.nodeWidth),w=new Map(e.map(i=>[i.id,i])),y=[];for(let i of e){let m=d.get(i.id);if(m)for(let c of i.depends){let g=d.get(c),v=w.get(c);if(!g||!v)continue;let N=g.x+p.nodeWidth,R=g.y+D(v)/2,b=m.x,M=m.y+D(i)/2;y.push({fromId:c,toId:i.id,x1:N,y1:R,x2:b,y2:M,mx:(N+b)/2,live:i.status==="running"})}}return{width:f,height:u,nodes:r,edges:y}}function ie(t){let e=new Map(t.map(r=>[r.id,r])),o=new Map,s=new Set;function a(r){if(o.has(r))return o.get(r);if(s.has(r))return 0;s.add(r);let u=(e.get(r)?.depends??[]).filter(w=>e.has(w)),f=u.length?1+Math.max(...u.map(a)):0;return s.delete(r),o.set(r,f),f}for(let r of t)a(r.id);return o}function U(t,e){return(t?.nodes??[]).filter(o=>o.loop?.loopId===e)}function q(t,e,o){if(o&&e){let a=t.find(r=>r.id===e);if(a)return a}let s=t.filter(a=>a.status==="running");return s[s.length-1]??t[t.length-1]??null}function Y(t){let e=new Map;for(let o of t){let s=o.loop?.iteration;if(s===void 0)continue;let a=e.get(s);a?a.push(o):e.set(s,[o])}return[...e.entries()].sort((o,s)=>o[0]-s[0]).map(([o,s])=>({iteration:o,instances:s}))}function P(t){let e=t.loopState?.maxIterations;return t.loopState&&e!==void 0?e+t.loopState.granted:void 0}function K(t,e){let o=new Map(t.map(i=>[i.id,i])),s=new Map;function a(i){if(s.has(i))return s.get(i);s.set(i,0);let m=(o.get(i)?.depends??[]).filter(g=>o.has(g)),c=m.length?1+Math.max(...m.map(a)):0;return s.set(i,c),c}let r=new Map,d=0,u=[],f=new Map;for(let i of t){let m=a(i.id),c=r.get(m)??0;r.set(m,c+1),d=Math.max(d,c);let g={templateId:i.id,node:e.get(i.id),x:x.padding+m*x.columnGap,y:x.padding+c*x.rowGap,width:x.width,height:x.height};u.push(g),f.set(i.id,g)}let w=s.size?Math.max(...s.values()):0,y=[];for(let i of t){let m=f.get(i.id);if(m)for(let c of i.depends){let g=f.get(c);if(!g)continue;let v=g.x+x.width,N=g.y+x.height/2,R=m.x,b=m.y+x.height/2;y.push({fromId:c,toId:i.id,x1:v,y1:N,x2:R,y2:b,mx:(v+R)/2,live:e.get(i.id)?.status==="running"})}}return{width:x.padding*2+(t.length?w*x.columnGap+x.width:0),height:x.padding*2+d*x.rowGap+x.height,nodes:u,edges:y}}function H(t){let e=t.webTerminal;return`${e?.status??"-"}|${e?.sessionId??"-"}|${e?.webPort??"-"}|${t.hasPtyLog?"1":"0"}`}function Q(t,e,o){t.setAttribute("data-run-id",e),t.setAttribute("data-node-id",o.id),t.innerHTML=le(e,o).html}function le(t,e,o={}){let s=H(e),a=e.webTerminal;if(a?.status==="live"&&a.webPort&&a.webPort>0)return{kind:"live",signature:s,html:de(a.webPort,a.sessionId,o.host)};if(e.hasPtyLog)return{kind:"replay",signature:s,html:ce(t,e.id,a?.status==="closed")};let r=a?.status==="live"?"\u7EC8\u7AEF\u6B63\u5728\u542F\u52A8\uFF0C\u7A0D\u540E\u5237\u65B0":"\u6682\u65E0\u7EC8\u7AEF\u8BB0\u5F55";return{kind:"empty",signature:s,html:ue(r)}}function de(t,e,o){let s=me(t,o,e);return`<div class="v3-terminal-panel">
     <div class="v3-terminal-head">
       <span class="v3-terminal-dot live"></span>
       <span>\u5B9E\u65F6\u7EC8\u7AEF\uFF08\u53EA\u8BFB\uFF09</span>
@@ -91,4 +91,4 @@ import{c as $}from"./chunk-2WQDS65D.js";import{d as E}from"./chunk-5CJMHTT4.js";
   })();
   <\/script>
 </body>
-</html>`}function G(t){return t.replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}function T(t){return G(t).replace(/`/g,"&#96;")}var n=S(V(),1);function ee(){return typeof document<"u"&&document.hidden}function ge(){let[t,e]=(0,l.useState)([]);return(0,l.useEffect)(()=>{let o=!1,s=null,a=()=>{s=window.setTimeout(()=>{r()},2e3)};async function r(){if(!o){if(!ee())try{let d=await _();o||e(d)}catch{}o||a()}}return r(),()=>{o=!0,s!==null&&window.clearTimeout(s)}},[]),t}function ve(t){let[e,o]=(0,l.useState)(null),[s,a]=(0,l.useState)("");return(0,l.useEffect)(()=>{let r=!1,d=null,u=()=>{d=window.setTimeout(()=>{f()},2e3)};async function f(){if(r)return;let w=!1;if(!ee())try{let y=await j(t);if(r)return;y.ok?(o(y.view),a(y.view.runStatus),w=k(y.view.runStatus)):a(y.status===404?"not found":`HTTP ${y.status}`)}catch{}!r&&!w&&u()}return f(),()=>{r=!0,d!==null&&window.clearTimeout(d)}},[t]),{view:e,statusText:s}}function he(){let t=$(),e=ge(),o=(0,n.jsx)("div",{className:"page-heading-actions v3r-run-toolbar",children:(0,n.jsx)("span",{className:"v3r-run-count",children:e.length})});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"page-heading",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"eyebrow",children:t("nav.workflows")}),(0,n.jsx)("h1",{children:t("nav.workflows")})]}),o]}),(0,n.jsx)("section",{className:"overview-block v3r-runs-section",children:(0,n.jsx)("div",{className:"v3r-run-list",children:e.length?e.map(s=>(0,n.jsxs)("a",{className:"v3r-run-card",href:`#/workflows/${encodeURIComponent(s.runId)}`,children:[(0,n.jsxs)("span",{className:"v3r-run-main",children:[(0,n.jsx)("code",{className:"v3r-runid",children:s.runId}),(0,n.jsxs)("small",{children:["\u8282\u70B9 ",s.nodeCount]})]}),(0,n.jsx)("span",{className:`v3r-pill rs-${s.runStatus}`,children:s.runStatus})]},s.runId)):(0,n.jsxs)("div",{className:"empty v3r-empty",children:["\u6682\u65E0\u5DE5\u4F5C\u6D41\u8FD0\u884C\uFF08\u7528 ",(0,n.jsx)("code",{children:"/workflow new"})," \u53D1\u8D77\u4E00\u4E2A\uFF09"]})})})]})}function we(t){let e=$(),{view:o,statusText:s}=ve(t.runId),[a,r]=(0,l.useState)(null),[d,u]=(0,l.useState)(null),[f,w]=(0,l.useState)(!1),[y,i]=(0,l.useState)(!1),[m,c]=(0,l.useState)(!1),[g,v]=(0,l.useState)(null);(0,l.useEffect)(()=>{r(null),u(null),w(!1),i(!1),c(!1),v(null)},[t.runId]),(0,l.useEffect)(()=>{o?.runStatus==="cancelling"?(c(!0),v(e("workflow.v3.cancelPending"))):o?.runStatus==="cancelled"?(c(!1),v(e("workflow.v3.cancelled"))):k(o?.runStatus)&&c(!1)},[e,o?.runStatus]),(0,l.useEffect)(()=>{o&&r(h=>h&&o.nodes.some(oe=>oe.id===h)?h:C(o)[0]?.id??o.nodes[0]?.id??null)},[o]);let N=(0,l.useCallback)(h=>{r(h),u(null),w(!1)},[]),R=(0,l.useCallback)(h=>{u(h),w(!0)},[]),b=o?.nodes.find(h=>h.id===a)??null,M=o?`v3r-pill rs-${o.runStatus}`:"v3r-pill",A=k(o?.runStatus),B=y||m||o?.runStatus==="cancelling",se=(0,l.useCallback)(async()=>{if(!(!o||A||B)&&window.confirm(e("workflow.v3.cancelConfirm",{runId:t.runId}))){i(!0),v(null);try{let h=await J(t.runId);if(!h.ok){v(h.status===401?e("workflow.v3.cancelAuthRequired"):e("workflow.v3.cancelFailed",{error:h.error}));return}v(h.runStatus==="cancelled"?e("workflow.v3.cancelled"):h.alreadyTerminal?e("workflow.v3.cancelAlreadyTerminal"):e("workflow.v3.cancelPending")),c(h.runStatus!=="cancelled"&&h.alreadyTerminal!==!0)}catch{v(e("workflow.v3.cancelFailed",{error:"network_error"}))}finally{i(!1)}}},[B,t.runId,A,e,o]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"page-heading v3r-detail-heading",children:[(0,n.jsxs)("div",{className:"v3r-title-row",children:[(0,n.jsx)("p",{className:"eyebrow",children:e("nav.workflows")}),(0,n.jsxs)("a",{href:"#/workflows",className:"btn-link v3r-back-link",children:["\u2190 ",e("nav.workflows")]}),(0,n.jsx)("h1",{children:t.runId}),(0,n.jsx)("span",{className:`${M} v3r-run-status-pill`,children:s})]}),(0,n.jsx)("div",{className:"page-heading-actions",children:(0,n.jsx)(ye,{runStatus:o?.runStatus,busy:y||m,onCancel:()=>{se()}})})]}),g?(0,n.jsx)("div",{className:`v3r-cancel-notice${o?.runStatus==="cancelled"?" done":""}`,role:"status",children:g}):null,(0,n.jsxs)("div",{className:"v3r-wrap",children:[(0,n.jsxs)("section",{className:"overview-block v3r-graph-section",children:[(0,n.jsx)(E,{title:"\u8FD0\u884C\u62D3\u6251",hint:o?`${o.nodes.length} \u4E2A\u8282\u70B9`:s}),(0,n.jsxs)("div",{className:"v3r-graph-card",children:[(0,n.jsx)(be,{view:o,selectedId:a,onSelect:N}),(0,n.jsx)(xe,{})]})]}),(0,n.jsxs)("section",{className:"overview-block v3r-node-section",children:[(0,n.jsx)(E,{title:"\u8282\u70B9\u8BE6\u60C5",hint:b?(0,n.jsxs)("span",{className:`v3r-pill v3r-node-status-pill st-${b.status}`,children:[(0,n.jsx)("i",{className:"dot"}),I[b.status]]}):"\u9009\u62E9\u4E00\u4E2A\u8282\u70B9"}),(0,n.jsx)(Se,{runId:t.runId,view:o,node:b,instanceId:d,instancePinned:f,onInstanceSelect:R})]})]})]})}function ye(t){let e=$();if(!F.authed)return null;let o=k(t.runStatus),s=t.busy||t.runStatus==="cancelling";return(0,n.jsx)("button",{type:"button",className:"danger v3r-cancel-button",disabled:!t.runStatus||o||s,title:e(o?"workflow.v3.cancelTerminal":"workflow.v3.cancelTitle"),onClick:t.onCancel,children:e(s?"workflow.v3.cancelling":o?"workflow.v3.cancelTerminal":"workflow.v3.cancel")})}function xe(){return(0,n.jsxs)("div",{className:"v3r-legend",children:[(0,n.jsx)("span",{className:"lg st-pending",children:"\u5F85\u673A"}),(0,n.jsx)("span",{className:"lg st-running",children:"\u8FD0\u884C\u4E2D"}),(0,n.jsx)("span",{className:"lg st-gateWaiting",children:"\u7B49\u5BA1\u6279"}),(0,n.jsx)("span",{className:"lg st-done",children:"\u5B8C\u6210"}),(0,n.jsx)("span",{className:"lg st-skipped",children:"\u5DF2\u8DF3\u8FC7"}),(0,n.jsx)("span",{className:"lg st-cancelled",children:"\u5DF2\u53D6\u6D88"}),(0,n.jsx)("span",{className:"lg st-blocked",children:"\u53D7\u963B"}),(0,n.jsx)("span",{className:"lg st-failed",children:"\u5931\u8D25"}),(0,n.jsx)("span",{className:"lg lg-loop",children:"\u27F3 \u5FAA\u73AF\u5BB9\u5668"})]})}function be(t){let e=(0,l.useMemo)(()=>t.view?z(t.view):null,[t.view]),o=e?`${e.width}:${e.height}:${e.nodes.map(a=>a.node.id).join("\0")}`:"",s=(0,l.useRef)(null);return(0,l.useLayoutEffect)(()=>{let a=s.current;if(!a||!o)return;let r=0,d=()=>{r=0,a.scrollLeft=Math.max(0,(a.scrollWidth-a.clientWidth)/2),a.scrollTop=Math.max(0,(a.scrollHeight-a.clientHeight)/2)},u=()=>{r&&window.cancelAnimationFrame(r),r=window.requestAnimationFrame(d)};u();let f=typeof ResizeObserver>"u"?null:new ResizeObserver(u);f?.observe(a);let w=a.querySelector(".v3r-graph-stage");return w&&f?.observe(w),()=>{r&&window.cancelAnimationFrame(r),f?.disconnect()}},[o]),(0,n.jsx)("div",{id:"v3-graph",className:"v3r-graph",ref:s,children:e?(0,n.jsx)("div",{className:"v3r-graph-stage",children:(0,n.jsxs)("svg",{width:e.width,height:e.height,viewBox:`0 0 ${e.width} ${e.height}`,children:[(0,n.jsx)("defs",{children:(0,n.jsx)("marker",{id:"v3arrow",viewBox:"0 0 10 10",refX:"9",refY:"5",markerWidth:"7",markerHeight:"7",orient:"auto-start-reverse",children:(0,n.jsx)("path",{d:"M0,0 L10,5 L0,10 z",fill:"var(--faint, #8b98aa)"})})}),e.edges.map(a=>(0,n.jsx)("path",{className:`v3r-edge${a.live?" live":""}`,d:`M${a.x1},${a.y1} C${a.mx},${a.y1} ${a.mx},${a.y2} ${a.x2},${a.y2}`,markerEnd:"url(#v3arrow)"},`${a.fromId}->${a.toId}`)),e.nodes.map(a=>(0,n.jsx)(Ne,{box:a,selected:a.node.id===t.selectedId,onSelect:t.onSelect},a.node.id))]})}):null})}function Ne(t){let{box:e,selected:o}=t,s=e.node;return s.isLoop?(0,n.jsx)(Re,{box:e,selected:o,onSelect:t.onSelect}):(0,n.jsxs)("g",{className:`v3r-node st-${s.status}${o?" sel":""}`,"data-node":s.id,onClick:()=>t.onSelect(s.id),children:[(0,n.jsx)("rect",{className:"v3r-box",x:e.x,y:e.y,width:p.nodeWidth,height:p.plainHeight,rx:"10"}),(0,n.jsx)("text",{className:"v3r-nid",x:e.x+14,y:e.y+20,children:L(s.id,18)}),(0,n.jsx)("text",{className:"v3r-nstatus",x:e.x+14,y:e.y+37,children:I[s.status]})]})}function Re(t){let{box:e,selected:o}=t,s=e.node,a=s.loopState,r=P(s),d=a?`${I[s.status]} \xB7 \u7B2C${a.iteration}${r!==void 0?`/${r}`:""}\u8F6E`:`${I[s.status]} \xB7 loop`,u=a?.maxIterations;return(0,n.jsxs)("g",{className:`v3r-node v3r-loopnode st-${s.status}${o?" sel":""}`,"data-node":s.id,onClick:()=>t.onSelect(s.id),children:[(0,n.jsx)("rect",{className:"v3r-cap",x:e.x-4,y:e.y-4,width:p.nodeWidth+8,height:p.loopHeight+8,rx:"14"}),(0,n.jsx)("rect",{className:"v3r-box",x:e.x,y:e.y,width:p.nodeWidth,height:p.loopHeight,rx:"10"}),(0,n.jsx)("text",{className:"v3r-spin",x:e.x+14,y:e.y+21,children:"\u27F3"}),(0,n.jsx)("text",{className:"v3r-nid",x:e.x+30,y:e.y+21,children:L(s.id,16)}),(0,n.jsx)("text",{className:"v3r-nstatus",x:e.x+14,y:e.y+39,children:d}),a&&r!==void 0&&r<=p.maxDots?(0,n.jsx)(Ie,{node:s,x:e.x,y:e.y,budget:r,maxIterations:u}):null]})}function Ie(t){let e=t.node.loopState,o=t.y+p.loopHeight-13,s=Array.from({length:t.budget},(a,r)=>r+1);return(0,n.jsxs)(n.Fragment,{children:[s.map(a=>{let r=a<e.iteration?"v3r-dot done":a===e.iteration?`v3r-dot cur${t.node.status==="running"?" live":""}`:"v3r-dot todo",d=t.maxIterations!==void 0&&a>t.maxIterations?" grant":"";return(0,n.jsx)("circle",{className:`${r}${d}`,cx:t.x+14+(a-1)*15,cy:o,r:"3.6"},a)}),e.lastDecision==="exit"?(0,n.jsx)("text",{className:"v3r-dots-verdict ok",x:t.x+14+t.budget*15+4,y:o+4,children:"\u2713"}):null,e.lastDecision==="exhausted"&&t.node.status==="blocked"?(0,n.jsx)("text",{className:"v3r-dots-verdict warn",x:t.x+14+t.budget*15+4,y:o+4,children:"\u26A0"}):null]})}function Se(t){let e=t.node,o=(0,l.useMemo)(()=>e?.isLoop?U(t.view,e.id):[],[e,t.view]),s=e?.isLoop?q(o,t.instanceId,t.instancePinned):e,a=e?.isLoop?s?.id??null:null;return e?(0,n.jsxs)("div",{id:"v3-node-panel",className:"v3r-panel",children:[(0,n.jsxs)("div",{id:"v3-node-meta",children:[e.goal?(0,n.jsx)("p",{className:"v3r-goal",children:e.goal}):null,e.depends.length?(0,n.jsxs)("p",{className:"v3r-deps",children:[(0,n.jsx)("span",{children:"\u4F9D\u8D56"}),e.depends.map(r=>(0,n.jsx)("span",{className:"v3r-dep",children:r},r))]}):null,e.errorClass?(0,n.jsx)(ke,{node:e}):null,e.isLoop?(0,n.jsx)($e,{runId:t.runId,node:e,instances:o,activeInstanceId:a,onInstanceSelect:t.onInstanceSelect}):null]}),(0,n.jsx)("div",{id:"v3-inst-strip",children:e.isLoop&&s?(0,n.jsx)(Ve,{node:s,auto:!t.instancePinned}):null}),(0,n.jsx)(Te,{runId:t.runId,node:s})]}):(0,n.jsx)("div",{id:"v3-node-panel",className:"v3r-panel",children:(0,n.jsx)("p",{className:"muted",children:"\u70B9\u4E00\u4E2A\u8282\u70B9\u770B\u8BE6\u60C5\u4E0E\u7EC8\u7AEF"})})}function ke(t){let e=t.node;return(0,n.jsxs)("p",{className:"v3r-err",children:["\u539F\u56E0\uFF1A",e.errorClass,e.errorCode?` (${e.errorCode})`:"",e.status==="blocked"&&!e.isLoop?(0,n.jsxs)(n.Fragment,{children:[" \u2014 \u98DE\u4E66\u5361\u7247\u6216 ",(0,n.jsx)("code",{children:"botmux workflow retry"})," \u53EF\u91CD\u8BD5"]}):null]})}function Ve(t){let e=t.node.loop;return(0,n.jsxs)("div",{className:"v3r-inst-strip",children:[(0,n.jsx)("span",{className:"lbl",children:"\u5B9E\u4F8B\u7EC8\u7AEF"}),(0,n.jsx)("span",{className:"v3r-nodeid sm",children:t.node.id}),(0,n.jsxs)("span",{className:`v3r-pill st-${t.node.status}`,children:[(0,n.jsx)("i",{className:"dot"}),I[t.node.status]]}),(0,n.jsxs)("span",{className:"muted",children:["\u7B2C ",e.iteration," \u8F6E \xB7 ",e.bodyNodeId,t.auto?" \xB7 \u81EA\u52A8\u8DDF\u968F":""]})]})}function $e(t){let e=t.node.loopState;if(!e)return(0,n.jsx)("p",{className:"muted",children:"loop \u672A\u5F00\u59CB"});let o=P(t.node),s=new Map(e.decisions.map(r=>[r.iteration,r.decision])),a=Y(t.instances);return(0,n.jsxs)("div",{className:"v3r-loop-sec",children:[(0,n.jsxs)("div",{className:"v3r-loop-meter",children:[(0,n.jsxs)("span",{className:"num",children:["\u7B2C ",(0,n.jsx)("b",{children:e.iteration}),o!==void 0?(0,n.jsxs)(n.Fragment,{children:[" / ",(0,n.jsx)("b",{children:o})]}):null," \u8F6E"]}),e.granted>0?(0,n.jsxs)("span",{className:"v3r-granted-tag",children:["\u542B\u4EBA\u5DE5\u8FFD\u52A0 +",e.granted]}):null,e.lastDecision==="exit"?(0,n.jsx)("span",{className:"v3r-verdict vd-exit",children:"\u2713 \u5DF2\u6536\u655B"}):null]}),(0,n.jsx)("div",{className:"v3r-rounds",children:a.map(r=>{let d=s.get(r.iteration),u=r.iteration===e.iteration,f=e.maxIterations!==void 0&&r.iteration>e.maxIterations;return(0,n.jsxs)("div",{className:`v3r-round${u?" cur":""}${d?` vd-${d}`:""}`,children:[(0,n.jsxs)("div",{className:"v3r-round-head",children:[(0,n.jsxs)("span",{className:"rn",children:["R",r.iteration]}),f?(0,n.jsx)("span",{className:"v3r-granted-tag",children:"\u2795 \u8FFD\u52A0\u8F6E"}):null,d?(0,n.jsx)("span",{className:`v3r-verdict vd-${d}`,children:X[d]}):u&&t.node.status==="running"?(0,n.jsx)("span",{className:"v3r-verdict vd-live",children:"\u25B6 \u8FDB\u884C\u4E2D"}):null]}),(0,n.jsx)(Le,{template:e.bodyTemplate,instances:r.instances,activeInstanceId:t.activeInstanceId,onInstanceSelect:t.onInstanceSelect})]},r.iteration)})}),t.node.status==="blocked"?(0,n.jsxs)("div",{className:"v3r-cta",children:["\u26A0 \u8F6E\u6570\u8017\u5C3D\uFF0C\u7B49\u4EBA\u8FFD\u52A0 \u2014 \u98DE\u4E66\u5361\u7247\u70B9\u300C\u2795 \u8FFD\u52A0 1 \u8F6E\u300D\uFF0C\u6216 ",(0,n.jsxs)("code",{children:["botmux workflow grant ",t.runId]})]}):null]})}function Le(t){let e=(0,l.useMemo)(()=>new Map(t.instances.map(s=>[s.loop.bodyNodeId,s])),[t.instances]),o=(0,l.useMemo)(()=>K(t.template,e),[t.template,e]);return(0,n.jsxs)("svg",{className:"v3r-mini-svg",width:o.width,height:o.height,viewBox:`0 0 ${o.width} ${o.height}`,children:[(0,n.jsx)("defs",{children:(0,n.jsx)("marker",{id:"v3arrow-mini",viewBox:"0 0 10 10",refX:"9",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:(0,n.jsx)("path",{d:"M0,0 L10,5 L0,10 z",fill:"var(--faint, #8b98aa)"})})}),o.edges.map(s=>(0,n.jsx)("path",{className:`v3r-edge${s.live?" live":""}`,d:`M${s.x1},${s.y1} C${s.mx},${s.y1} ${s.mx},${s.y2} ${s.x2},${s.y2}`,markerEnd:"url(#v3arrow-mini)"},`${s.fromId}->${s.toId}`)),o.nodes.map(s=>{let a=s.node,r=a?.status??"pending",d=a?.id===t.activeInstanceId;return(0,n.jsxs)("g",{className:`v3r-node v3r-mini st-${r}${d?" sel":""}${a?"":" ghost"}`,"data-sel":a?.id,style:a?{cursor:"pointer"}:void 0,onClick:u=>{a&&(u.stopPropagation(),t.onInstanceSelect(a.id))},children:[(0,n.jsx)("rect",{className:"v3r-box",x:s.x,y:s.y,width:s.width,height:s.height,rx:"8"}),(0,n.jsx)("circle",{className:"v3r-mini-dot",cx:s.x+13,cy:s.y+s.height/2,r:"3.4"}),(0,n.jsx)("text",{className:"v3r-nid",x:s.x+24,y:s.y+s.height/2+4,children:L(s.templateId,12)})]},s.templateId)})]})}function Te(t){let e=(0,l.useRef)(null),o=(0,l.useRef)(null),s=t.node?`${t.runId}|${t.node.id}|${H(t.node)}`:null;return(0,l.useEffect)(()=>{let a=e.current;if(a){if(!t.node||!s){a.innerHTML="",o.current=null;return}o.current!==s&&(Q(a,t.runId,t.node),o.current=s)}},[t.runId,t.node,s]),(0,n.jsx)("div",{id:"v3-term-slot",className:"v3r-term-slot",ref:e})}function te(){let t=W();return(0,n.jsx)("section",{className:"page workflows-page v3-page",children:t?(0,n.jsx)(we,{runId:t}):(0,n.jsx)(he,{})})}var ne=S(V(),1);function je(t){return O(t,(0,ne.jsx)(te,{}))}export{je as renderV3RunsPage};
+</html>`}function G(t){return t.replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}function T(t){return G(t).replace(/`/g,"&#96;")}var n=S($(),1);function ee(){return typeof document<"u"&&document.hidden}function ge(){let[t,e]=(0,l.useState)([]);return(0,l.useEffect)(()=>{let o=!1,s=null,a=()=>{s=window.setTimeout(()=>{r()},2e3)};async function r(){if(!o){if(!ee())try{let d=await _();o||e(d)}catch{}o||a()}}return r(),()=>{o=!0,s!==null&&window.clearTimeout(s)}},[]),t}function ve(t){let[e,o]=(0,l.useState)(null),[s,a]=(0,l.useState)("");return(0,l.useEffect)(()=>{let r=!1,d=null,u=()=>{d=window.setTimeout(()=>{f()},2e3)};async function f(){if(r)return;let w=!1;if(!ee())try{let y=await j(t);if(r)return;y.ok?(o(y.view),a(y.view.runStatus),w=k(y.view.runStatus)):a(y.status===404?"not found":`HTTP ${y.status}`)}catch{}!r&&!w&&u()}return f(),()=>{r=!0,d!==null&&window.clearTimeout(d)}},[t]),{view:e,statusText:s}}function he(){let t=V(),e=ge(),o=(0,n.jsx)("div",{className:"page-heading-actions v3r-run-toolbar",children:(0,n.jsx)("span",{className:"v3r-run-count",children:e.length})});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"page-heading",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"eyebrow",children:t("nav.workflows")}),(0,n.jsx)("h1",{children:t("nav.workflows")})]}),o]}),(0,n.jsx)("section",{className:"overview-block v3r-runs-section",children:(0,n.jsx)("div",{className:"v3r-run-list",children:e.length?e.map(s=>(0,n.jsxs)("a",{className:"v3r-run-card",href:`#/workflows/${encodeURIComponent(s.runId)}`,children:[(0,n.jsxs)("span",{className:"v3r-run-main",children:[(0,n.jsx)("code",{className:"v3r-runid",children:s.runId}),(0,n.jsxs)("small",{children:["\u8282\u70B9 ",s.nodeCount]})]}),(0,n.jsx)("span",{className:`v3r-pill rs-${s.runStatus}`,children:s.runStatus})]},s.runId)):(0,n.jsxs)("div",{className:"empty v3r-empty",children:["\u6682\u65E0\u5DE5\u4F5C\u6D41\u8FD0\u884C\uFF08\u7528 ",(0,n.jsx)("code",{children:"/workflow new"})," \u53D1\u8D77\u4E00\u4E2A\uFF09"]})})})]})}function we(t){let e=V(),{view:o,statusText:s}=ve(t.runId),[a,r]=(0,l.useState)(null),[d,u]=(0,l.useState)(null),[f,w]=(0,l.useState)(!1),[y,i]=(0,l.useState)(!1),[m,c]=(0,l.useState)(!1),[g,v]=(0,l.useState)(null);(0,l.useEffect)(()=>{r(null),u(null),w(!1),i(!1),c(!1),v(null)},[t.runId]),(0,l.useEffect)(()=>{o?.runStatus==="cancelling"?(c(!0),v(e("workflow.v3.cancelPending"))):o?.runStatus==="cancelled"?(c(!1),v(e("workflow.v3.cancelled"))):k(o?.runStatus)&&c(!1)},[e,o?.runStatus]),(0,l.useEffect)(()=>{o&&r(h=>h&&o.nodes.some(oe=>oe.id===h)?h:C(o)[0]?.id??o.nodes[0]?.id??null)},[o]);let N=(0,l.useCallback)(h=>{r(h),u(null),w(!1)},[]),R=(0,l.useCallback)(h=>{u(h),w(!0)},[]),b=o?.nodes.find(h=>h.id===a)??null,M=o?`v3r-pill rs-${o.runStatus}`:"v3r-pill",A=k(o?.runStatus),B=y||m||o?.runStatus==="cancelling",se=(0,l.useCallback)(async()=>{if(!(!o||A||B)&&window.confirm(e("workflow.v3.cancelConfirm",{runId:t.runId}))){i(!0),v(null);try{let h=await J(t.runId);if(!h.ok){v(h.status===401?e("workflow.v3.cancelAuthRequired"):e("workflow.v3.cancelFailed",{error:h.error}));return}v(h.runStatus==="cancelled"?e("workflow.v3.cancelled"):h.alreadyTerminal?e("workflow.v3.cancelAlreadyTerminal"):e("workflow.v3.cancelPending")),c(h.runStatus!=="cancelled"&&h.alreadyTerminal!==!0)}catch{v(e("workflow.v3.cancelFailed",{error:"network_error"}))}finally{i(!1)}}},[B,t.runId,A,e,o]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"page-heading v3r-detail-heading",children:[(0,n.jsxs)("div",{className:"v3r-title-row",children:[(0,n.jsx)("p",{className:"eyebrow",children:e("nav.workflows")}),(0,n.jsxs)("a",{href:"#/workflows",className:"btn-link v3r-back-link",children:["\u2190 ",e("nav.workflows")]}),(0,n.jsx)("h1",{children:t.runId}),(0,n.jsx)("span",{className:`${M} v3r-run-status-pill`,children:s})]}),(0,n.jsx)("div",{className:"page-heading-actions",children:(0,n.jsx)(ye,{runStatus:o?.runStatus,busy:y||m,onCancel:()=>{se()}})})]}),g?(0,n.jsx)("div",{className:`v3r-cancel-notice${o?.runStatus==="cancelled"?" done":""}`,role:"status",children:g}):null,(0,n.jsxs)("div",{className:"v3r-wrap",children:[(0,n.jsxs)("section",{className:"overview-block v3r-graph-section",children:[(0,n.jsx)(E,{title:"\u8FD0\u884C\u62D3\u6251",hint:o?`${o.nodes.length} \u4E2A\u8282\u70B9`:s}),(0,n.jsxs)("div",{className:"v3r-graph-card",children:[(0,n.jsx)(be,{view:o,selectedId:a,onSelect:N}),(0,n.jsx)(xe,{})]})]}),(0,n.jsxs)("section",{className:"overview-block v3r-node-section",children:[(0,n.jsx)(E,{title:"\u8282\u70B9\u8BE6\u60C5",hint:b?(0,n.jsxs)("span",{className:`v3r-pill v3r-node-status-pill st-${b.status}`,children:[(0,n.jsx)("i",{className:"dot"}),I[b.status]]}):"\u9009\u62E9\u4E00\u4E2A\u8282\u70B9"}),(0,n.jsx)(Se,{runId:t.runId,view:o,node:b,instanceId:d,instancePinned:f,onInstanceSelect:R})]})]})]})}function ye(t){let e=V();if(!F.authed)return null;let o=k(t.runStatus),s=t.busy||t.runStatus==="cancelling";return(0,n.jsx)("button",{type:"button",className:"danger v3r-cancel-button",disabled:!t.runStatus||o||s,title:e(o?"workflow.v3.cancelTerminal":"workflow.v3.cancelTitle"),onClick:t.onCancel,children:e(s?"workflow.v3.cancelling":o?"workflow.v3.cancelTerminal":"workflow.v3.cancel")})}function xe(){return(0,n.jsxs)("div",{className:"v3r-legend",children:[(0,n.jsx)("span",{className:"lg st-pending",children:"\u5F85\u673A"}),(0,n.jsx)("span",{className:"lg st-running",children:"\u8FD0\u884C\u4E2D"}),(0,n.jsx)("span",{className:"lg st-gateWaiting",children:"\u7B49\u5BA1\u6279"}),(0,n.jsx)("span",{className:"lg st-done",children:"\u5B8C\u6210"}),(0,n.jsx)("span",{className:"lg st-skipped",children:"\u5DF2\u8DF3\u8FC7"}),(0,n.jsx)("span",{className:"lg st-cancelled",children:"\u5DF2\u53D6\u6D88"}),(0,n.jsx)("span",{className:"lg st-blocked",children:"\u53D7\u963B"}),(0,n.jsx)("span",{className:"lg st-failed",children:"\u5931\u8D25"}),(0,n.jsx)("span",{className:"lg lg-loop",children:"\u27F3 \u5FAA\u73AF\u5BB9\u5668"})]})}function be(t){let e=(0,l.useMemo)(()=>t.view?z(t.view):null,[t.view]),o=e?`${e.width}:${e.height}:${e.nodes.map(a=>a.node.id).join("\0")}`:"",s=(0,l.useRef)(null);return(0,l.useLayoutEffect)(()=>{let a=s.current;if(!a||!o)return;let r=0,d=()=>{r=0,a.scrollLeft=Math.max(0,(a.scrollWidth-a.clientWidth)/2),a.scrollTop=Math.max(0,(a.scrollHeight-a.clientHeight)/2)},u=()=>{r&&window.cancelAnimationFrame(r),r=window.requestAnimationFrame(d)};u();let f=typeof ResizeObserver>"u"?null:new ResizeObserver(u);f?.observe(a);let w=a.querySelector(".v3r-graph-stage");return w&&f?.observe(w),()=>{r&&window.cancelAnimationFrame(r),f?.disconnect()}},[o]),(0,n.jsx)("div",{id:"v3-graph",className:"v3r-graph",ref:s,children:e?(0,n.jsx)("div",{className:"v3r-graph-stage",children:(0,n.jsxs)("svg",{width:e.width,height:e.height,viewBox:`0 0 ${e.width} ${e.height}`,children:[(0,n.jsx)("defs",{children:(0,n.jsx)("marker",{id:"v3arrow",viewBox:"0 0 10 10",refX:"9",refY:"5",markerWidth:"7",markerHeight:"7",orient:"auto-start-reverse",children:(0,n.jsx)("path",{d:"M0,0 L10,5 L0,10 z",fill:"var(--faint, #8b98aa)"})})}),e.edges.map(a=>(0,n.jsx)("path",{className:`v3r-edge${a.live?" live":""}`,d:`M${a.x1},${a.y1} C${a.mx},${a.y1} ${a.mx},${a.y2} ${a.x2},${a.y2}`,markerEnd:"url(#v3arrow)"},`${a.fromId}->${a.toId}`)),e.nodes.map(a=>(0,n.jsx)(Ne,{box:a,selected:a.node.id===t.selectedId,onSelect:t.onSelect},a.node.id))]})}):null})}function Ne(t){let{box:e,selected:o}=t,s=e.node;return s.isLoop?(0,n.jsx)(Re,{box:e,selected:o,onSelect:t.onSelect}):(0,n.jsxs)("g",{className:`v3r-node st-${s.status}${o?" sel":""}`,"data-node":s.id,onClick:()=>t.onSelect(s.id),children:[(0,n.jsx)("rect",{className:"v3r-box",x:e.x,y:e.y,width:p.nodeWidth,height:p.plainHeight,rx:"10"}),(0,n.jsx)("text",{className:"v3r-nid",x:e.x+14,y:e.y+20,children:L(s.id,18)}),(0,n.jsx)("text",{className:"v3r-nstatus",x:e.x+14,y:e.y+37,children:I[s.status]})]})}function Re(t){let{box:e,selected:o}=t,s=e.node,a=s.loopState,r=P(s),d=a?`${I[s.status]} \xB7 \u7B2C${a.iteration}${r!==void 0?`/${r}`:""}\u8F6E`:`${I[s.status]} \xB7 loop`,u=a?.maxIterations;return(0,n.jsxs)("g",{className:`v3r-node v3r-loopnode st-${s.status}${o?" sel":""}`,"data-node":s.id,onClick:()=>t.onSelect(s.id),children:[(0,n.jsx)("rect",{className:"v3r-cap",x:e.x-4,y:e.y-4,width:p.nodeWidth+8,height:p.loopHeight+8,rx:"14"}),(0,n.jsx)("rect",{className:"v3r-box",x:e.x,y:e.y,width:p.nodeWidth,height:p.loopHeight,rx:"10"}),(0,n.jsx)("text",{className:"v3r-spin",x:e.x+14,y:e.y+21,children:"\u27F3"}),(0,n.jsx)("text",{className:"v3r-nid",x:e.x+30,y:e.y+21,children:L(s.id,16)}),(0,n.jsx)("text",{className:"v3r-nstatus",x:e.x+14,y:e.y+39,children:d}),a&&r!==void 0&&r<=p.maxDots?(0,n.jsx)(Ie,{node:s,x:e.x,y:e.y,budget:r,maxIterations:u}):null]})}function Ie(t){let e=t.node.loopState,o=t.y+p.loopHeight-13,s=Array.from({length:t.budget},(a,r)=>r+1);return(0,n.jsxs)(n.Fragment,{children:[s.map(a=>{let r=a<e.iteration?"v3r-dot done":a===e.iteration?`v3r-dot cur${t.node.status==="running"?" live":""}`:"v3r-dot todo",d=t.maxIterations!==void 0&&a>t.maxIterations?" grant":"";return(0,n.jsx)("circle",{className:`${r}${d}`,cx:t.x+14+(a-1)*15,cy:o,r:"3.6"},a)}),e.lastDecision==="exit"?(0,n.jsx)("text",{className:"v3r-dots-verdict ok",x:t.x+14+t.budget*15+4,y:o+4,children:"\u2713"}):null,e.lastDecision==="exhausted"&&t.node.status==="blocked"?(0,n.jsx)("text",{className:"v3r-dots-verdict warn",x:t.x+14+t.budget*15+4,y:o+4,children:"\u26A0"}):null]})}function Se(t){let e=t.node,o=(0,l.useMemo)(()=>e?.isLoop?U(t.view,e.id):[],[e,t.view]),s=e?.isLoop?q(o,t.instanceId,t.instancePinned):e,a=e?.isLoop?s?.id??null:null;return e?(0,n.jsxs)("div",{id:"v3-node-panel",className:"v3r-panel",children:[(0,n.jsxs)("div",{id:"v3-node-meta",children:[e.goal?(0,n.jsx)("p",{className:"v3r-goal",children:e.goal}):null,e.depends.length?(0,n.jsxs)("p",{className:"v3r-deps",children:[(0,n.jsx)("span",{children:"\u4F9D\u8D56"}),e.depends.map(r=>(0,n.jsx)("span",{className:"v3r-dep",children:r},r))]}):null,e.errorClass?(0,n.jsx)(ke,{node:e}):null,e.isLoop?(0,n.jsx)($e,{runId:t.runId,node:e,instances:o,activeInstanceId:a,onInstanceSelect:t.onInstanceSelect}):null]}),(0,n.jsx)("div",{id:"v3-inst-strip",children:e.isLoop&&s?(0,n.jsx)(Ve,{node:s,auto:!t.instancePinned}):null}),(0,n.jsx)(Te,{runId:t.runId,node:s})]}):(0,n.jsx)("div",{id:"v3-node-panel",className:"v3r-panel",children:(0,n.jsx)("p",{className:"muted",children:"\u70B9\u4E00\u4E2A\u8282\u70B9\u770B\u8BE6\u60C5\u4E0E\u7EC8\u7AEF"})})}function ke(t){let e=t.node;return(0,n.jsxs)("p",{className:"v3r-err",children:["\u539F\u56E0\uFF1A",e.errorClass,e.errorCode?` (${e.errorCode})`:"",e.status==="blocked"&&!e.isLoop?(0,n.jsxs)(n.Fragment,{children:[" \u2014 \u98DE\u4E66\u5361\u7247\u6216 ",(0,n.jsx)("code",{children:"botmux workflow retry"})," \u53EF\u91CD\u8BD5"]}):null]})}function Ve(t){let e=t.node.loop;return(0,n.jsxs)("div",{className:"v3r-inst-strip",children:[(0,n.jsx)("span",{className:"lbl",children:"\u5B9E\u4F8B\u7EC8\u7AEF"}),(0,n.jsx)("span",{className:"v3r-nodeid sm",children:t.node.id}),(0,n.jsxs)("span",{className:`v3r-pill st-${t.node.status}`,children:[(0,n.jsx)("i",{className:"dot"}),I[t.node.status]]}),(0,n.jsxs)("span",{className:"muted",children:["\u7B2C ",e.iteration," \u8F6E \xB7 ",e.bodyNodeId,t.auto?" \xB7 \u81EA\u52A8\u8DDF\u968F":""]})]})}function $e(t){let e=t.node.loopState;if(!e)return(0,n.jsx)("p",{className:"muted",children:"loop \u672A\u5F00\u59CB"});let o=P(t.node),s=new Map(e.decisions.map(r=>[r.iteration,r.decision])),a=Y(t.instances);return(0,n.jsxs)("div",{className:"v3r-loop-sec",children:[(0,n.jsxs)("div",{className:"v3r-loop-meter",children:[(0,n.jsxs)("span",{className:"num",children:["\u7B2C ",(0,n.jsx)("b",{children:e.iteration}),o!==void 0?(0,n.jsxs)(n.Fragment,{children:[" / ",(0,n.jsx)("b",{children:o})]}):null," \u8F6E"]}),e.granted>0?(0,n.jsxs)("span",{className:"v3r-granted-tag",children:["\u542B\u4EBA\u5DE5\u8FFD\u52A0 +",e.granted]}):null,e.lastDecision==="exit"?(0,n.jsx)("span",{className:"v3r-verdict vd-exit",children:"\u2713 \u5DF2\u6536\u655B"}):null]}),(0,n.jsx)("div",{className:"v3r-rounds",children:a.map(r=>{let d=s.get(r.iteration),u=r.iteration===e.iteration,f=e.maxIterations!==void 0&&r.iteration>e.maxIterations;return(0,n.jsxs)("div",{className:`v3r-round${u?" cur":""}${d?` vd-${d}`:""}`,children:[(0,n.jsxs)("div",{className:"v3r-round-head",children:[(0,n.jsxs)("span",{className:"rn",children:["R",r.iteration]}),f?(0,n.jsx)("span",{className:"v3r-granted-tag",children:"\u2795 \u8FFD\u52A0\u8F6E"}):null,d?(0,n.jsx)("span",{className:`v3r-verdict vd-${d}`,children:X[d]}):u&&t.node.status==="running"?(0,n.jsx)("span",{className:"v3r-verdict vd-live",children:"\u25B6 \u8FDB\u884C\u4E2D"}):null]}),(0,n.jsx)(Le,{template:e.bodyTemplate,instances:r.instances,activeInstanceId:t.activeInstanceId,onInstanceSelect:t.onInstanceSelect})]},r.iteration)})}),t.node.status==="blocked"?(0,n.jsxs)("div",{className:"v3r-cta",children:["\u26A0 \u8F6E\u6570\u8017\u5C3D\uFF0C\u7B49\u4EBA\u8FFD\u52A0 \u2014 \u98DE\u4E66\u5361\u7247\u70B9\u300C\u2795 \u8FFD\u52A0 1 \u8F6E\u300D\uFF0C\u6216 ",(0,n.jsxs)("code",{children:["botmux workflow grant ",t.runId]})]}):null]})}function Le(t){let e=(0,l.useMemo)(()=>new Map(t.instances.map(s=>[s.loop.bodyNodeId,s])),[t.instances]),o=(0,l.useMemo)(()=>K(t.template,e),[t.template,e]);return(0,n.jsxs)("svg",{className:"v3r-mini-svg",width:o.width,height:o.height,viewBox:`0 0 ${o.width} ${o.height}`,children:[(0,n.jsx)("defs",{children:(0,n.jsx)("marker",{id:"v3arrow-mini",viewBox:"0 0 10 10",refX:"9",refY:"5",markerWidth:"6",markerHeight:"6",orient:"auto-start-reverse",children:(0,n.jsx)("path",{d:"M0,0 L10,5 L0,10 z",fill:"var(--faint, #8b98aa)"})})}),o.edges.map(s=>(0,n.jsx)("path",{className:`v3r-edge${s.live?" live":""}`,d:`M${s.x1},${s.y1} C${s.mx},${s.y1} ${s.mx},${s.y2} ${s.x2},${s.y2}`,markerEnd:"url(#v3arrow-mini)"},`${s.fromId}->${s.toId}`)),o.nodes.map(s=>{let a=s.node,r=a?.status??"pending",d=a?.id===t.activeInstanceId;return(0,n.jsxs)("g",{className:`v3r-node v3r-mini st-${r}${d?" sel":""}${a?"":" ghost"}`,"data-sel":a?.id,style:a?{cursor:"pointer"}:void 0,onClick:u=>{a&&(u.stopPropagation(),t.onInstanceSelect(a.id))},children:[(0,n.jsx)("rect",{className:"v3r-box",x:s.x,y:s.y,width:s.width,height:s.height,rx:"8"}),(0,n.jsx)("circle",{className:"v3r-mini-dot",cx:s.x+13,cy:s.y+s.height/2,r:"3.4"}),(0,n.jsx)("text",{className:"v3r-nid",x:s.x+24,y:s.y+s.height/2+4,children:L(s.templateId,12)})]},s.templateId)})]})}function Te(t){let e=(0,l.useRef)(null),o=(0,l.useRef)(null),s=t.node?`${t.runId}|${t.node.id}|${H(t.node)}`:null;return(0,l.useEffect)(()=>{let a=e.current;if(a){if(!t.node||!s){a.innerHTML="",o.current=null;return}o.current!==s&&(Q(a,t.runId,t.node),o.current=s)}},[t.runId,t.node,s]),(0,n.jsx)("div",{id:"v3-term-slot",className:"v3r-term-slot",ref:e})}function te(){let t=W();return(0,n.jsx)("section",{className:"page workflows-page v3-page",children:t?(0,n.jsx)(we,{runId:t}):(0,n.jsx)(he,{})})}var ne=S($(),1);function je(t){return O(t,(0,ne.jsx)(te,{}))}export{je as renderV3RunsPage};

package/dist/dashboard-web/chunks/{whiteboards-page-LQKC4TAZ.js → whiteboards-page-QAZM4BN3.js}

@@ -1 +1 @@
-import{c as B}from"./chunk-2WQDS65D.js";import{c as W,k as C}from"./chunk-5CJMHTT4.js";import"./chunk-G5XGBCM6.js";import"./chunk-Q2MT4VWH.js";import{a as P}from"./chunk-SYC6D5XU.js";import{a as O,d as T}from"./chunk-5THX4DI2.js";import{c as R}from"./chunk-7SZRL6FY.js";var r=R(O(),1);var e=R(T(),1);function x(t){let a=Date.parse(t);if(!a)return t||"-";let o=Math.max(0,Math.floor((Date.now()-a)/1e3));if(o<60)return`${o}s ago`;let i=Math.floor(o/60);if(i<60)return`${i}m ago`;let n=Math.floor(i/60);return n<24?`${n}h ago`:`${Math.floor(n/24)}d ago`}function F(t){return t.chatId?.trim()||"__local__"}function G(t,a){if(t==="__local__")return"\u672A\u7ED1\u5B9A\u7FA4 / \u672C\u5730\u767D\u677F";let o=a.get(t);return o&&o!==t?`${o} (${t})`:t}function K(t,a){let o=new Map;for(let i of t){let n=F(i),c=o.get(n)??[];c.push(i),o.set(n,c)}return[...o.entries()].map(([i,n])=>({chatId:i,label:G(i,a),rows:[...n].sort((c,b)=>b.updatedAt.localeCompare(c.updatedAt))})).sort((i,n)=>i.label.localeCompare(n.label))}function z(){return decodeURIComponent((location.hash.match(/^#\/whiteboards\/([^/]+)/)?.[1]??"").trim())}async function E(t,a){let o=await fetch(`/api/whiteboards/${encodeURIComponent(t)}`),i=await o.json().catch(()=>({}));if(o.ok)return{id:t,content:String(i.content??""),row:a.find(n=>n.id===t)}}async function J(t){let a=new Map;if(!t?.ok)return a;let o=await t.json().catch(()=>({})),i=Array.isArray(o.chats)?o.chats:[];for(let n of i)n.chatId&&a.set(String(n.chatId),String(n.name||n.chatId));return a}function Q(t){let a=t.row,o=a.title||a.id;return(0,e.jsxs)("a",{className:`wb-item${t.active?" active":""}`,"data-whiteboard-id":a.id,href:`#/whiteboards/${encodeURIComponent(a.id)}`,onClick:i=>{i.preventDefault(),t.onSelect(a.id)},children:[(0,e.jsx)("div",{className:"wb-item-head",children:(0,e.jsxs)("div",{className:"wb-item-main",children:[(0,e.jsx)("strong",{children:(0,e.jsx)(C,{text:o,textClassName:"wb-title-scroll"})}),(0,e.jsx)("span",{className:"wb-id-text",title:a.id,children:a.id})]})}),(0,e.jsxs)("div",{className:"wb-item-foot",children:[(0,e.jsxs)("div",{className:"wb-item-meta",children:[(0,e.jsx)("span",{children:x(a.updatedAt)}),(0,e.jsx)("span",{children:"\xB7"}),(0,e.jsxs)("span",{children:["log ",a.logCount]})]}),(0,e.jsx)("span",{className:"wb-scope",title:a.scope,children:a.scope})]})]})}function p(t){let a=t.value||"-";return(0,e.jsxs)("div",{className:"wb-meta-card",title:a,children:[(0,e.jsx)("span",{children:t.label}),(0,e.jsx)("strong",{children:a})]})}function V(t){let a=t.selected;if(!a)return(0,e.jsx)("p",{className:"empty",children:"\u9009\u62E9\u5DE6\u4FA7\u767D\u677F\u67E5\u770B meta \u548C board.md\u3002"});let o=a.row,i=o?.chatId?G(o.chatId,t.groupNames):"\u672A\u7ED1\u5B9A\u7FA4 / \u672C\u5730\u767D\u677F",n=o?.title||a.id;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"wb-detail-head",children:[(0,e.jsxs)("div",{className:"wb-detail-title",children:[(0,e.jsx)("p",{className:"eyebrow",children:"WHITEBOARD"}),(0,e.jsx)("h2",{title:n,children:n}),(0,e.jsx)("code",{title:a.id,children:a.id})]}),(0,e.jsx)("button",{type:"button",className:"danger","data-delete-whiteboard":!0,onClick:t.onDelete,children:"\u5220\u9664\u767D\u677F"})]}),(0,e.jsxs)("div",{className:"wb-meta-grid",children:[(0,e.jsx)(p,{label:"\u6240\u5C5E\u7FA4",value:i}),(0,e.jsx)(p,{label:"\u8303\u56F4",value:o?.scope??"-"}),(0,e.jsx)(p,{label:"\u6700\u8FD1\u66F4\u65B0",value:o?.updatedAt?x(o.updatedAt):"-"}),(0,e.jsx)(p,{label:"\u6765\u6E90\u76EE\u5F55",value:o?.workingDir??"-"})]}),(0,e.jsxs)("details",{className:"wb-admin-info",children:[(0,e.jsx)("summary",{children:"\u7BA1\u7406\u4FE1\u606F / \u6587\u4EF6\u8DEF\u5F84"}),(0,e.jsx)("code",{children:o?.path??""})]}),(0,e.jsxs)("section",{className:"wb-board-panel",children:[(0,e.jsxs)("div",{className:"wb-board-panel-head",children:[(0,e.jsx)("strong",{children:"board.md"}),(0,e.jsx)("span",{children:"\u53EA\u8BFB\u9884\u89C8"})]}),(0,e.jsx)("pre",{children:a.content||"\uFF08\u6682\u65E0\u5185\u5BB9\uFF09"})]})]})}function X(t){let a=t.selected.row?.title||t.selected.id;return(0,e.jsx)("div",{className:"wb-delete-backdrop","data-delete-modal":!0,onClick:o=>{o.target===o.currentTarget&&t.onCancel()},children:(0,e.jsxs)("div",{className:"wb-delete-dialog",role:"dialog","aria-modal":"true","aria-labelledby":"wb-delete-title",children:[(0,e.jsxs)("div",{className:"wb-delete-body",children:[(0,e.jsx)("div",{className:"wb-delete-mark","aria-hidden":"true",children:"!"}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{id:"wb-delete-title",children:"\u5220\u9664\u767D\u677F\uFF1F"}),(0,e.jsxs)("p",{children:["\u5C06\u5220\u9664 ",(0,e.jsx)("strong",{children:a}),"\uFF08",(0,e.jsx)("code",{children:t.selected.id}),"\uFF09\u7684 board\u3001log\u3001meta\uFF0C\u5E76\u6E05\u7406\u9ED8\u8BA4\u7ED1\u5B9A\u548C\u4F1A\u8BDD\u5F15\u7528\u3002\u6B64\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\u3002"]})]})]}),(0,e.jsxs)("div",{className:"actions wb-delete-actions",children:[(0,e.jsx)("button",{type:"button","data-delete-cancel":!0,onClick:t.onCancel,disabled:t.deleting,children:"\u53D6\u6D88"}),(0,e.jsx)("button",{type:"button",className:"danger","data-delete-confirm":!0,onClick:t.onConfirm,disabled:t.deleting,children:t.deleting?"\u5220\u9664\u4E2D...":"\u786E\u8BA4\u5220\u9664"})]})]})})}function Y(){let t=B(),a=(0,r.useRef)(!1),o=(0,r.useRef)(0),[i,n]=(0,r.useState)(!1),[c,b]=(0,r.useState)([]),[g,_]=(0,r.useState)(()=>new Map),[m,f]=(0,r.useState)(),[H,S]=(0,r.useState)(!0),[k,M]=(0,r.useState)(null),[u,h]=(0,r.useState)(null),[L,D]=(0,r.useState)(!1),I=(0,r.useMemo)(()=>K(c,g),[c,g]);(0,r.useEffect)(()=>{a.current=!0;let s=z();async function d(){S(!0);try{let[l,y]=await Promise.all([fetch("/api/whiteboards"),fetch("/api/groups").catch(()=>null)]),w=await l.json().catch(()=>({}));if(!l.ok)throw new Error(w?.error??`HTTP ${l.status}`);let q=await J(y),$=Array.isArray(w.whiteboards)?w.whiteboards:[],A;if(s&&(A=await E(s,$)),!a.current)return;n(w.enabled===!0),b($),_(q),f(A),M(null)}catch(l){a.current&&M(l instanceof Error?l.message:String(l))}finally{a.current&&S(!1)}}return d(),()=>{a.current=!1,o.current+=1}},[]);async function U(s){let d=o.current+1;o.current=d;let l=await E(s,c);!a.current||o.current!==d||!l||(f(l),window.history.replaceState(null,"",`#/whiteboards/${encodeURIComponent(s)}`))}async function j(){if(u){D(!0);try{let s=await fetch(`/api/whiteboards/${encodeURIComponent(u.id)}`,{method:"DELETE"}),d=await s.json().catch(()=>({}));if(!s.ok||d.ok===!1)throw new Error(d?.error??`HTTP ${s.status}`);if(!a.current)return;b(l=>l.filter(y=>y.id!==u.id)),m?.id===u.id&&(f(void 0),window.history.replaceState(null,"","#/whiteboards")),h(null)}catch(s){a.current&&window.alert(`\u5220\u9664\u5931\u8D25\uFF1A${s instanceof Error?s.message:String(s)}`)}finally{a.current&&D(!1)}}}let v="\u767D\u677F\u80FD\u529B\u5F53\u524D\u5173\u95ED\uFF1A\u4E0D\u4F1A\u81EA\u52A8\u521B\u5EFA/\u7ED1\u5B9A\u767D\u677F\uFF0C\u4E5F\u4E0D\u4F1A\u6CE8\u5165\u5230 agent prompt\u3002\u5386\u53F2\u767D\u677F\u4EC5\u5728 dashboard \u4E2D\u53EA\u8BFB\u53EF\u89C1\uFF0C\u53EF\u5728\u6B64\u6E05\u7406\u3002",N=(s=!1)=>(0,e.jsx)("div",{className:"page-heading",children:(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"eyebrow",children:t("nav.whiteboards")}),(0,e.jsx)("h1",{children:t("nav.whiteboards")}),s?(0,e.jsx)("span",{className:"wb-disabled-pill",title:v,"aria-label":v,children:v}):null]})});return k?(0,e.jsxs)("section",{className:"page whiteboards-page",children:[N(),(0,e.jsxs)("p",{className:"hint-warn",children:["\u52A0\u8F7D\u767D\u677F\u5931\u8D25\uFF1A",k]})]}):H?(0,e.jsxs)("section",{className:"page whiteboards-page","data-whiteboards-host":!0,children:[N(),(0,e.jsx)(W,{label:t("common.loading")})]}):(0,e.jsxs)("section",{className:"page whiteboards-page",children:[N(!i),(0,e.jsxs)("div",{className:"wb-split",children:[(0,e.jsx)("section",{className:"overview-block wb-list-block",children:(0,e.jsx)("div",{className:"wb-list-panel",children:I.length===0?(0,e.jsx)("p",{className:"empty wb-empty",children:"\u6682\u65E0\u767D\u677F\u3002\u6253\u5F00\u80FD\u529B\u540E\uFF0C\u6BCF\u4E2A\u7FA4\u9996\u6B21\u9700\u8981\u767D\u677F\u65F6\u624D\u4F1A\u521B\u5EFA\u9ED8\u8BA4\u767D\u677F\u3002"}):I.map(s=>(0,e.jsxs)("details",{className:"wb-group",open:!0,children:[(0,e.jsxs)("summary",{children:[(0,e.jsx)("span",{className:"wb-group-title",children:(0,e.jsx)(C,{text:s.label,textClassName:"wb-group-title-scroll"})}),(0,e.jsx)("small",{children:s.rows.length})]}),(0,e.jsx)("div",{className:"wb-group-items",children:s.rows.map(d=>(0,e.jsx)(Q,{row:d,active:m?.id===d.id,onSelect:l=>{U(l)}},d.id))})]},s.chatId))})}),(0,e.jsx)("section",{className:"overview-block wb-detail-block",children:(0,e.jsx)("div",{className:"wb-detail-panel",id:"whiteboard-detail",children:(0,e.jsx)(V,{selected:m,groupNames:g,onDelete:()=>{m&&h(m)}})})})]}),u?(0,e.jsx)(X,{selected:u,deleting:L,onCancel:()=>h(null),onConfirm:()=>{j()}}):null]})}function ae(t){return P(t,(0,e.jsx)(Y,{}))}export{ae as renderWhiteboardsPage};
+import{c as B,k as C}from"./chunk-5CJMHTT4.js";import{d as T}from"./chunk-FXW3V4JR.js";import"./chunk-24ONYQMR.js";import"./chunk-F6KNPF4R.js";import{a as P}from"./chunk-SYC6D5XU.js";import{a as O,d as W}from"./chunk-5THX4DI2.js";import{c as R}from"./chunk-7SZRL6FY.js";var r=R(O(),1);var e=R(W(),1);function x(t){let a=Date.parse(t);if(!a)return t||"-";let o=Math.max(0,Math.floor((Date.now()-a)/1e3));if(o<60)return`${o}s ago`;let i=Math.floor(o/60);if(i<60)return`${i}m ago`;let n=Math.floor(i/60);return n<24?`${n}h ago`:`${Math.floor(n/24)}d ago`}function F(t){return t.chatId?.trim()||"__local__"}function G(t,a){if(t==="__local__")return"\u672A\u7ED1\u5B9A\u7FA4 / \u672C\u5730\u767D\u677F";let o=a.get(t);return o&&o!==t?`${o} (${t})`:t}function K(t,a){let o=new Map;for(let i of t){let n=F(i),c=o.get(n)??[];c.push(i),o.set(n,c)}return[...o.entries()].map(([i,n])=>({chatId:i,label:G(i,a),rows:[...n].sort((c,b)=>b.updatedAt.localeCompare(c.updatedAt))})).sort((i,n)=>i.label.localeCompare(n.label))}function z(){return decodeURIComponent((location.hash.match(/^#\/whiteboards\/([^/]+)/)?.[1]??"").trim())}async function E(t,a){let o=await fetch(`/api/whiteboards/${encodeURIComponent(t)}`),i=await o.json().catch(()=>({}));if(o.ok)return{id:t,content:String(i.content??""),row:a.find(n=>n.id===t)}}async function J(t){let a=new Map;if(!t?.ok)return a;let o=await t.json().catch(()=>({})),i=Array.isArray(o.chats)?o.chats:[];for(let n of i)n.chatId&&a.set(String(n.chatId),String(n.name||n.chatId));return a}function Q(t){let a=t.row,o=a.title||a.id;return(0,e.jsxs)("a",{className:`wb-item${t.active?" active":""}`,"data-whiteboard-id":a.id,href:`#/whiteboards/${encodeURIComponent(a.id)}`,onClick:i=>{i.preventDefault(),t.onSelect(a.id)},children:[(0,e.jsx)("div",{className:"wb-item-head",children:(0,e.jsxs)("div",{className:"wb-item-main",children:[(0,e.jsx)("strong",{children:(0,e.jsx)(C,{text:o,textClassName:"wb-title-scroll"})}),(0,e.jsx)("span",{className:"wb-id-text",title:a.id,children:a.id})]})}),(0,e.jsxs)("div",{className:"wb-item-foot",children:[(0,e.jsxs)("div",{className:"wb-item-meta",children:[(0,e.jsx)("span",{children:x(a.updatedAt)}),(0,e.jsx)("span",{children:"\xB7"}),(0,e.jsxs)("span",{children:["log ",a.logCount]})]}),(0,e.jsx)("span",{className:"wb-scope",title:a.scope,children:a.scope})]})]})}function p(t){let a=t.value||"-";return(0,e.jsxs)("div",{className:"wb-meta-card",title:a,children:[(0,e.jsx)("span",{children:t.label}),(0,e.jsx)("strong",{children:a})]})}function V(t){let a=t.selected;if(!a)return(0,e.jsx)("p",{className:"empty",children:"\u9009\u62E9\u5DE6\u4FA7\u767D\u677F\u67E5\u770B meta \u548C board.md\u3002"});let o=a.row,i=o?.chatId?G(o.chatId,t.groupNames):"\u672A\u7ED1\u5B9A\u7FA4 / \u672C\u5730\u767D\u677F",n=o?.title||a.id;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"wb-detail-head",children:[(0,e.jsxs)("div",{className:"wb-detail-title",children:[(0,e.jsx)("p",{className:"eyebrow",children:"WHITEBOARD"}),(0,e.jsx)("h2",{title:n,children:n}),(0,e.jsx)("code",{title:a.id,children:a.id})]}),(0,e.jsx)("button",{type:"button",className:"danger","data-delete-whiteboard":!0,onClick:t.onDelete,children:"\u5220\u9664\u767D\u677F"})]}),(0,e.jsxs)("div",{className:"wb-meta-grid",children:[(0,e.jsx)(p,{label:"\u6240\u5C5E\u7FA4",value:i}),(0,e.jsx)(p,{label:"\u8303\u56F4",value:o?.scope??"-"}),(0,e.jsx)(p,{label:"\u6700\u8FD1\u66F4\u65B0",value:o?.updatedAt?x(o.updatedAt):"-"}),(0,e.jsx)(p,{label:"\u6765\u6E90\u76EE\u5F55",value:o?.workingDir??"-"})]}),(0,e.jsxs)("details",{className:"wb-admin-info",children:[(0,e.jsx)("summary",{children:"\u7BA1\u7406\u4FE1\u606F / \u6587\u4EF6\u8DEF\u5F84"}),(0,e.jsx)("code",{children:o?.path??""})]}),(0,e.jsxs)("section",{className:"wb-board-panel",children:[(0,e.jsxs)("div",{className:"wb-board-panel-head",children:[(0,e.jsx)("strong",{children:"board.md"}),(0,e.jsx)("span",{children:"\u53EA\u8BFB\u9884\u89C8"})]}),(0,e.jsx)("pre",{children:a.content||"\uFF08\u6682\u65E0\u5185\u5BB9\uFF09"})]})]})}function X(t){let a=t.selected.row?.title||t.selected.id;return(0,e.jsx)("div",{className:"wb-delete-backdrop","data-delete-modal":!0,onClick:o=>{o.target===o.currentTarget&&t.onCancel()},children:(0,e.jsxs)("div",{className:"wb-delete-dialog",role:"dialog","aria-modal":"true","aria-labelledby":"wb-delete-title",children:[(0,e.jsxs)("div",{className:"wb-delete-body",children:[(0,e.jsx)("div",{className:"wb-delete-mark","aria-hidden":"true",children:"!"}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{id:"wb-delete-title",children:"\u5220\u9664\u767D\u677F\uFF1F"}),(0,e.jsxs)("p",{children:["\u5C06\u5220\u9664 ",(0,e.jsx)("strong",{children:a}),"\uFF08",(0,e.jsx)("code",{children:t.selected.id}),"\uFF09\u7684 board\u3001log\u3001meta\uFF0C\u5E76\u6E05\u7406\u9ED8\u8BA4\u7ED1\u5B9A\u548C\u4F1A\u8BDD\u5F15\u7528\u3002\u6B64\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\u3002"]})]})]}),(0,e.jsxs)("div",{className:"actions wb-delete-actions",children:[(0,e.jsx)("button",{type:"button","data-delete-cancel":!0,onClick:t.onCancel,disabled:t.deleting,children:"\u53D6\u6D88"}),(0,e.jsx)("button",{type:"button",className:"danger","data-delete-confirm":!0,onClick:t.onConfirm,disabled:t.deleting,children:t.deleting?"\u5220\u9664\u4E2D...":"\u786E\u8BA4\u5220\u9664"})]})]})})}function Y(){let t=T(),a=(0,r.useRef)(!1),o=(0,r.useRef)(0),[i,n]=(0,r.useState)(!1),[c,b]=(0,r.useState)([]),[g,_]=(0,r.useState)(()=>new Map),[m,f]=(0,r.useState)(),[H,S]=(0,r.useState)(!0),[k,M]=(0,r.useState)(null),[u,h]=(0,r.useState)(null),[L,D]=(0,r.useState)(!1),I=(0,r.useMemo)(()=>K(c,g),[c,g]);(0,r.useEffect)(()=>{a.current=!0;let s=z();async function d(){S(!0);try{let[l,y]=await Promise.all([fetch("/api/whiteboards"),fetch("/api/groups").catch(()=>null)]),w=await l.json().catch(()=>({}));if(!l.ok)throw new Error(w?.error??`HTTP ${l.status}`);let q=await J(y),$=Array.isArray(w.whiteboards)?w.whiteboards:[],A;if(s&&(A=await E(s,$)),!a.current)return;n(w.enabled===!0),b($),_(q),f(A),M(null)}catch(l){a.current&&M(l instanceof Error?l.message:String(l))}finally{a.current&&S(!1)}}return d(),()=>{a.current=!1,o.current+=1}},[]);async function U(s){let d=o.current+1;o.current=d;let l=await E(s,c);!a.current||o.current!==d||!l||(f(l),window.history.replaceState(null,"",`#/whiteboards/${encodeURIComponent(s)}`))}async function j(){if(u){D(!0);try{let s=await fetch(`/api/whiteboards/${encodeURIComponent(u.id)}`,{method:"DELETE"}),d=await s.json().catch(()=>({}));if(!s.ok||d.ok===!1)throw new Error(d?.error??`HTTP ${s.status}`);if(!a.current)return;b(l=>l.filter(y=>y.id!==u.id)),m?.id===u.id&&(f(void 0),window.history.replaceState(null,"","#/whiteboards")),h(null)}catch(s){a.current&&window.alert(`\u5220\u9664\u5931\u8D25\uFF1A${s instanceof Error?s.message:String(s)}`)}finally{a.current&&D(!1)}}}let v="\u767D\u677F\u80FD\u529B\u5F53\u524D\u5173\u95ED\uFF1A\u4E0D\u4F1A\u81EA\u52A8\u521B\u5EFA/\u7ED1\u5B9A\u767D\u677F\uFF0C\u4E5F\u4E0D\u4F1A\u6CE8\u5165\u5230 agent prompt\u3002\u5386\u53F2\u767D\u677F\u4EC5\u5728 dashboard \u4E2D\u53EA\u8BFB\u53EF\u89C1\uFF0C\u53EF\u5728\u6B64\u6E05\u7406\u3002",N=(s=!1)=>(0,e.jsx)("div",{className:"page-heading",children:(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"eyebrow",children:t("nav.whiteboards")}),(0,e.jsx)("h1",{children:t("nav.whiteboards")}),s?(0,e.jsx)("span",{className:"wb-disabled-pill",title:v,"aria-label":v,children:v}):null]})});return k?(0,e.jsxs)("section",{className:"page whiteboards-page",children:[N(),(0,e.jsxs)("p",{className:"hint-warn",children:["\u52A0\u8F7D\u767D\u677F\u5931\u8D25\uFF1A",k]})]}):H?(0,e.jsxs)("section",{className:"page whiteboards-page","data-whiteboards-host":!0,children:[N(),(0,e.jsx)(B,{label:t("common.loading")})]}):(0,e.jsxs)("section",{className:"page whiteboards-page",children:[N(!i),(0,e.jsxs)("div",{className:"wb-split",children:[(0,e.jsx)("section",{className:"overview-block wb-list-block",children:(0,e.jsx)("div",{className:"wb-list-panel",children:I.length===0?(0,e.jsx)("p",{className:"empty wb-empty",children:"\u6682\u65E0\u767D\u677F\u3002\u6253\u5F00\u80FD\u529B\u540E\uFF0C\u6BCF\u4E2A\u7FA4\u9996\u6B21\u9700\u8981\u767D\u677F\u65F6\u624D\u4F1A\u521B\u5EFA\u9ED8\u8BA4\u767D\u677F\u3002"}):I.map(s=>(0,e.jsxs)("details",{className:"wb-group",open:!0,children:[(0,e.jsxs)("summary",{children:[(0,e.jsx)("span",{className:"wb-group-title",children:(0,e.jsx)(C,{text:s.label,textClassName:"wb-group-title-scroll"})}),(0,e.jsx)("small",{children:s.rows.length})]}),(0,e.jsx)("div",{className:"wb-group-items",children:s.rows.map(d=>(0,e.jsx)(Q,{row:d,active:m?.id===d.id,onSelect:l=>{U(l)}},d.id))})]},s.chatId))})}),(0,e.jsx)("section",{className:"overview-block wb-detail-block",children:(0,e.jsx)("div",{className:"wb-detail-panel",id:"whiteboard-detail",children:(0,e.jsx)(V,{selected:m,groupNames:g,onDelete:()=>{m&&h(m)}})})})]}),u?(0,e.jsx)(X,{selected:u,deleting:L,onCancel:()=>h(null),onConfirm:()=>{j()}}):null]})}function ae(t){return P(t,(0,e.jsx)(Y,{}))}export{ae as renderWhiteboardsPage};

package/dist/dashboard-web/index.html

@@ -3,11 +3,18 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>botmux dashboard</title>
+  <title>Botmux</title>
   <link rel="preload" as="image" href="/assets/brand-logo.png" fetchpriority="high">
   <link rel="icon" type="image/png" sizes="512x512" href="/favicon.ico?v=20260708">
   <link rel="shortcut icon" type="image/png" href="/favicon.ico?v=20260708">
   <link rel="apple-touch-icon" href="/apple-touch-icon.png?v=20260708">
+  <!-- Lets the Workbench be added to a phone's home screen and launch without
+       browser chrome — the nearest equivalent to a pinned tab, which Feishu
+       itself does not offer for custom apps on mobile. -->
+  <link rel="manifest" href="/workbench.webmanifest">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="apple-mobile-web-app-title" content="Workbench">
   <link rel="stylesheet" href="/assets/style.css">
 </head>
 <body>