botmux 2.107.0 → 2.108.0

package/dist/dashboard-web/chunks/v3-page-6NFFWNUK.js

@@ -0,0 +1,94 @@
+import{a as T}from"./chunk-73EJP2MO.js";import{a as H,c as L}from"./chunk-BRTZFELS.js";import{d as S}from"./chunk-6TPODDDC.js";import{a as ne,d as V}from"./chunk-ZJING6FY.js";import{c as b}from"./chunk-XCPSHD3G.js";var c=b(ne(),1);function G(e,t){let s=t?`?${t}`:"";return`#/legacy-workflow/${encodeURIComponent(e)}${s}`}function B(e,t){return e===404&&!t}async function F(e=fetch){let t=await e("/api/v3/runs");if(!t.ok)return[];let s=await t.json();return Array.isArray(s.runs)?s.runs:[]}async function A(e,t=fetch){let s=await t(`/api/v3/runs/${encodeURIComponent(e)}`);return s.ok?{ok:!0,view:await s.json()}:{ok:!1,status:s.status}}async function O(e,t=fetch){return(await t(`/api/workflows/runs/${encodeURIComponent(e)}/snapshot`)).ok}var y={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"},_={exit:"\u2713 \u901A\u8FC7",continue:"\u21BB \u7EE7\u7EED\u8FD4\u5DE5",exhausted:"\u26D4 \u8F6E\u6570\u8017\u5C3D"},g={nodeWidth:168,plainHeight:48,loopHeight:70,columnGap:226,verticalGap:30,padding:26,maxDots:8},v={width:104,height:30,columnGap:138,rowGap:42,padding:6};function W(e){return e==="succeeded"||e==="failed"}function J(e=typeof location<"u"?location.hash:""){let t=e.match(/^#\/workflows\/([^?#]+)/);if(!t)return null;try{return decodeURIComponent(t[1])}catch{return t[1]}}function $(e,t){return e.length>t?`${e.slice(0,t-1)}\u2026`:e}function M(e){return e.isLoop?g.loopHeight:g.plainHeight}function D(e){return e.nodes.filter(t=>!t.loop)}function X(e){let t=D(e),s=oe(t),o=new Map;for(let r of t){let d=s.get(r.id)??0,p=o.get(d);p?p.push(r):o.set(d,[r])}let i=[...o.keys()].sort((r,d)=>r-d),a=[],l=new Map,u=0;for(let r of i){let d=o.get(r)??[],p=g.padding;for(let m of d){let w={node:m,x:g.padding+r*g.columnGap,y:p,width:g.nodeWidth,height:M(m)};a.push(w),l.set(m.id,w),p+=w.height+g.verticalGap}u=Math.max(u,p-g.verticalGap+g.padding)}let f=g.padding*2+(i.length===0?0:Math.max(...i)*g.columnGap+g.nodeWidth),h=new Map(t.map(r=>[r.id,r])),x=[];for(let r of t){let d=l.get(r.id);if(d)for(let p of r.depends){let m=l.get(p),w=h.get(p);if(!m||!w)continue;let N=m.x+g.nodeWidth,I=m.y+M(w)/2,R=d.x,te=d.y+M(r)/2;x.push({fromId:p,toId:r.id,x1:N,y1:I,x2:R,y2:te,mx:(N+R)/2,live:r.status==="running"})}}return{width:f,height:u,nodes:a,edges:x}}function oe(e){let t=new Map(e.map(a=>[a.id,a])),s=new Map,o=new Set;function i(a){if(s.has(a))return s.get(a);if(o.has(a))return 0;o.add(a);let u=(t.get(a)?.depends??[]).filter(h=>t.has(h)),f=u.length?1+Math.max(...u.map(i)):0;return o.delete(a),s.set(a,f),f}for(let a of e)i(a.id);return s}function j(e,t){return(e?.nodes??[]).filter(s=>s.loop?.loopId===t)}function z(e,t,s){if(s&&t){let i=e.find(a=>a.id===t);if(i)return i}let o=e.filter(i=>i.status==="running");return o[o.length-1]??e[e.length-1]??null}function U(e){let t=new Map;for(let s of e){let o=s.loop?.iteration;if(o===void 0)continue;let i=t.get(o);i?i.push(s):t.set(o,[s])}return[...t.entries()].sort((s,o)=>s[0]-o[0]).map(([s,o])=>({iteration:s,instances:o}))}function E(e){let t=e.loopState?.maxIterations;return e.loopState&&t!==void 0?t+e.loopState.granted:void 0}function q(e,t){let s=new Map(e.map(r=>[r.id,r])),o=new Map;function i(r){if(o.has(r))return o.get(r);o.set(r,0);let d=(s.get(r)?.depends??[]).filter(m=>s.has(m)),p=d.length?1+Math.max(...d.map(i)):0;return o.set(r,p),p}let a=new Map,l=0,u=[],f=new Map;for(let r of e){let d=i(r.id),p=a.get(d)??0;a.set(d,p+1),l=Math.max(l,p);let m={templateId:r.id,node:t.get(r.id),x:v.padding+d*v.columnGap,y:v.padding+p*v.rowGap,width:v.width,height:v.height};u.push(m),f.set(r.id,m)}let h=o.size?Math.max(...o.values()):0,x=[];for(let r of e){let d=f.get(r.id);if(d)for(let p of r.depends){let m=f.get(p);if(!m)continue;let w=m.x+v.width,N=m.y+v.height/2,I=d.x,R=d.y+v.height/2;x.push({fromId:p,toId:r.id,x1:w,y1:N,x2:I,y2:R,mx:(w+I)/2,live:t.get(r.id)?.status==="running"})}}return{width:v.padding*2+(e.length?h*v.columnGap+v.width:0),height:v.padding*2+l*v.rowGap+v.height,nodes:u,edges:x}}function P(e){let t=e.webTerminal;return`${t?.status??"-"}|${t?.sessionId??"-"}|${t?.webPort??"-"}|${e.hasPtyLog?"1":"0"}`}function Y(e,t,s){e.setAttribute("data-run-id",t),e.setAttribute("data-node-id",s.id),e.innerHTML=se(t,s).html}function se(e,t,s={}){let o=P(t),i=t.webTerminal;if(i?.status==="live"&&i.webPort&&i.webPort>0)return{kind:"live",signature:o,html:ie(i.webPort,i.sessionId,s.host)};if(t.hasPtyLog)return{kind:"replay",signature:o,html:ae(e,t.id,i?.status==="closed")};let a=i?.status==="live"?"\u7EC8\u7AEF\u6B63\u5728\u542F\u52A8\uFF0C\u7A0D\u540E\u5237\u65B0":"\u6682\u65E0\u7EC8\u7AEF\u8BB0\u5F55";return{kind:"empty",signature:o,html:re(a)}}function ie(e,t,s){let o=de(e,s,t);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>
+      <span class="muted">:${e}</span>
+      <a class="btn-link" href="${k(o)}" target="_blank" rel="noopener">\u65B0\u7A97\u53E3\u6253\u5F00</a>
+    </div>
+    <iframe class="wf-terminal-frame v3-terminal-frame" src="${k(o)}" title="v3 live terminal" loading="lazy"></iframe>
+  </div>`}function ae(e,t,s){let o=`/api/v3/runs/${encodeURIComponent(e)}/nodes/${encodeURIComponent(t)}/pty-log`,i=ce(o,`${e} / ${t}`);return`<div class="v3-terminal-panel">
+    <div class="v3-terminal-head">
+      <span class="v3-terminal-dot ${s?"closed":"replay"}"></span>
+      <span>${s?"\u7EC8\u7AEF\u56DE\u653E":"\u7EC8\u7AEF\u8BB0\u5F55"}</span>
+      <span class="muted">PTY log</span>
+      <a class="btn-link" href="${k(o)}" target="_blank" rel="noopener">\u4E0B\u8F7D/\u6253\u5F00\u539F\u59CB\u65E5\u5FD7</a>
+    </div>
+    <iframe class="wf-terminal-frame v3-terminal-frame" srcdoc="${k(i)}" title="v3 terminal replay" loading="lazy"></iframe>
+  </div>`}function re(e){return`<div class="v3-terminal-empty muted">${C(e)}</div>`}function de(e,t,s){return s&&typeof window<"u"&&window.location.protocol==="https:"?`${window.location.origin}/s/${encodeURIComponent(s)}`:`http://${t??le()}:${e}/`}function le(){return typeof window>"u"?"127.0.0.1":window.location.hostname||"127.0.0.1"}function ce(e,t){let s=JSON.stringify(e);return`<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.css">
+  <style>
+    html,body{margin:0;height:100%;background:#0d1117;color:#c9d1d9;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
+    #bar{height:31px;display:flex;align-items:center;gap:10px;padding:0 10px;background:#161b22;border-bottom:1px solid #30363d;box-sizing:border-box}
+    #status{margin-left:auto;color:#8b949e;white-space:nowrap}
+    #term{height:calc(100% - 31px);padding:4px;box-sizing:border-box;overflow:auto}
+    a{color:#58a6ff;text-decoration:none}
+  </style>
+</head>
+<body>
+  <div id="bar"><span>${C(t)}</span><span id="status">loading...</span></div>
+  <div id="term"></div>
+  <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/lib/xterm.js"><\/script>
+  <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0.10.0/lib/addon-fit.js"><\/script>
+  <script>
+  (function(){
+    var endpoint=${s};
+    // v3 ephemeral workers spawn their PTY at DEFAULT_RENDER_COLS (=160, see
+    // worker.ts) and never adopt, so the captured stream's TUI / box-drawing
+    // is exactly 160 cols wide.  Fitting it into a narrower (or oddly-measured)
+    // grid re-wraps those fixed-width lines into a stair-stepped mess and
+    // wastes the panel.  So we render at the capture width and let FitAddon
+    // only size the ROW count to the iframe height (cols pinned back to 160).
+    var COLS=160;
+    var status=document.getElementById('status');
+    var termEl=document.getElementById('term');
+    if(!window.Terminal){status.textContent='xterm.js failed to load';return;}
+    var term=new Terminal({
+      cols:COLS,
+      convertEol:false,
+      scrollback:100000,
+      fontSize:13,
+      disableStdin:true,
+      theme:{background:'#0d1117',foreground:'#c9d1d9',cursor:'#c9d1d9'}
+    });
+    var fit=null;
+    if(window.FitAddon){fit=new window.FitAddon.FitAddon();term.loadAddon(fit);}
+    term.open(termEl);
+    function doFit(){
+      try{if(fit)fit.fit()}catch(_){}
+      if(term.cols!==COLS)term.resize(COLS,term.rows||24);
+    }
+    doFit(); window.addEventListener('resize',doFit);
+    fetch(endpoint,{credentials:'include'}).then(function(res){
+      if(!res.ok){
+        if(res.status===401){status.textContent='\u9700\u8981\u767B\u5F55 dashboard \u540E\u67E5\u770B\u56DE\u653E';}
+        else if(res.status===404){status.textContent='\u6CA1\u6709 PTY \u65E5\u5FD7';}
+        else{status.textContent='\u52A0\u8F7D\u5931\u8D25 HTTP '+res.status;}
+        return null;
+      }
+      var total=Number(res.headers.get('x-botmux-log-bytes')||0);
+      var served=Number(res.headers.get('x-botmux-served-bytes')||0);
+      var truncated=res.headers.get('x-botmux-truncated')==='1';
+      status.textContent=truncated
+        ? 'showing tail '+formatBytes(served)+' / '+formatBytes(total)
+        : 'loaded '+formatBytes(total);
+      return res.arrayBuffer();
+    }).then(function(buf){
+      if(!buf)return;
+      term.write(new TextDecoder().decode(buf));
+      setTimeout(doFit,0);
+    }).catch(function(err){
+      status.textContent='\u52A0\u8F7D\u5931\u8D25: '+(err&&err.message?err.message:String(err));
+    });
+    function formatBytes(n){
+      if(!Number.isFinite(n)||n<=0)return '0 B';
+      var u=['B','KiB','MiB','GiB'];var i=0;
+      while(n>=1024&&i<u.length-1){n/=1024;i++;}
+      return (i===0?String(n):n.toFixed(1))+' '+u[i];
+    }
+  })();
+  <\/script>
+</body>
+</html>`}function C(e){return e.replace(/[&<>"']/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[t])}function k(e){return C(e).replace(/`/g,"&#96;")}var n=b(V(),1);function Z(){return typeof document<"u"&&document.hidden}function ue(){let[e,t]=(0,c.useState)([]);return(0,c.useEffect)(()=>{let s=!1,o=null,i=()=>{o=window.setTimeout(()=>{a()},2e3)};async function a(){if(!s){if(!Z())try{let l=await F();s||t(l)}catch{}s||i()}}return a(),()=>{s=!0,o!==null&&window.clearTimeout(o)}},[]),e}function me(e){let[t,s]=(0,c.useState)(null),[o,i]=(0,c.useState)("");return(0,c.useEffect)(()=>{let a=!1,l=null,u=!1,f=()=>{l=window.setTimeout(()=>{x()},2e3)};async function h(r){if(!B(r,u))return!1;u=!0;try{let d=await O(e);return a||!d?!1:(window.location.replace(G(e,location.hash.split("?")[1])),!0)}catch{return!1}}async function x(){if(a)return;let r=!1;if(!Z())try{let d=await A(e);if(a)return;if(d.ok)s(d.view),i(d.view.runStatus),r=W(d.view.runStatus);else{if(await h(d.status))return;i(d.status===404?"not found":`HTTP ${d.status}`)}}catch{}!a&&!r&&f()}return x(),()=>{a=!0,l!==null&&window.clearTimeout(l)}},[e]),{view:t,statusText:o}}function pe(){let e=L(),t=ue(),s=(0,n.jsxs)("div",{className:"page-heading-actions v3r-run-toolbar",children:[(0,n.jsx)("span",{className:"v3r-run-count",children:t.length}),(0,n.jsx)(T,{active:"v3"})]});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:e("nav.workflows")}),(0,n.jsx)("h1",{children:e("nav.workflows")})]}),s]}),(0,n.jsx)("section",{className:"overview-block v3r-runs-section",children:(0,n.jsx)("div",{className:"v3r-run-list",children:t.length?t.map(o=>(0,n.jsxs)("a",{className:"v3r-run-card",href:`#/workflows/${encodeURIComponent(o.runId)}`,children:[(0,n.jsxs)("span",{className:"v3r-run-main",children:[(0,n.jsx)("code",{className:"v3r-runid",children:o.runId}),(0,n.jsxs)("small",{children:["\u8282\u70B9 ",o.nodeCount]})]}),(0,n.jsx)("span",{className:`v3r-pill rs-${o.runStatus}`,children:o.runStatus})]},o.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 ge(e){let t=L(),{view:s,statusText:o}=me(e.runId),[i,a]=(0,c.useState)(null),[l,u]=(0,c.useState)(null),[f,h]=(0,c.useState)(!1);(0,c.useEffect)(()=>{a(null),u(null),h(!1)},[e.runId]),(0,c.useEffect)(()=>{s&&a(m=>m&&s.nodes.some(w=>w.id===m)?m:D(s)[0]?.id??s.nodes[0]?.id??null)},[s]);let x=(0,c.useCallback)(m=>{a(m),u(null),h(!1)},[]),r=(0,c.useCallback)(m=>{u(m),h(!0)},[]),d=s?.nodes.find(m=>m.id===i)??null,p=s?`v3r-pill rs-${s.runStatus}`:"v3r-pill";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:t("nav.workflows")}),(0,n.jsxs)("a",{href:"#/workflows",className:"btn-link v3r-back-link",children:["\u2190 ",t("nav.workflows")]}),(0,n.jsx)("h1",{children:e.runId}),(0,n.jsx)("span",{className:`${p} v3r-run-status-pill`,children:o})]}),(0,n.jsx)("div",{className:"page-heading-actions",children:(0,n.jsx)(T,{active:"v3"})})]}),(0,n.jsxs)("div",{className:"v3r-wrap",children:[(0,n.jsxs)("section",{className:"overview-block v3r-graph-section",children:[(0,n.jsx)(S,{title:"\u8FD0\u884C\u62D3\u6251",hint:s?`${s.nodes.length} \u4E2A\u8282\u70B9`:o}),(0,n.jsxs)("div",{className:"v3r-graph-card",children:[(0,n.jsx)(ve,{view:s,selectedId:i,onSelect:x}),(0,n.jsx)(fe,{})]})]}),(0,n.jsxs)("section",{className:"overview-block v3r-node-section",children:[(0,n.jsx)(S,{title:"\u8282\u70B9\u8BE6\u60C5",hint:d?(0,n.jsxs)("span",{className:`v3r-pill v3r-node-status-pill st-${d.status}`,children:[(0,n.jsx)("i",{className:"dot"}),y[d.status]]}):"\u9009\u62E9\u4E00\u4E2A\u8282\u70B9"}),(0,n.jsx)(ye,{runId:e.runId,view:s,node:d,instanceId:l,instancePinned:f,onInstanceSelect:r})]})]})]})}function fe(){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 ve(e){let t=(0,c.useMemo)(()=>e.view?X(e.view):null,[e.view]),s=t?`${t.width}:${t.height}:${t.nodes.map(i=>i.node.id).join("\0")}`:"",o=(0,c.useRef)(null);return(0,c.useLayoutEffect)(()=>{let i=o.current;if(!i||!s)return;let a=0,l=()=>{a=0,i.scrollLeft=Math.max(0,(i.scrollWidth-i.clientWidth)/2),i.scrollTop=Math.max(0,(i.scrollHeight-i.clientHeight)/2)},u=()=>{a&&window.cancelAnimationFrame(a),a=window.requestAnimationFrame(l)};u();let f=typeof ResizeObserver>"u"?null:new ResizeObserver(u);f?.observe(i);let h=i.querySelector(".v3r-graph-stage");return h&&f?.observe(h),()=>{a&&window.cancelAnimationFrame(a),f?.disconnect()}},[s]),(0,n.jsx)("div",{id:"v3-graph",className:"v3r-graph",ref:o,children:t?(0,n.jsx)("div",{className:"v3r-graph-stage",children:(0,n.jsxs)("svg",{width:t.width,height:t.height,viewBox:`0 0 ${t.width} ${t.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)"})})}),t.edges.map(i=>(0,n.jsx)("path",{className:`v3r-edge${i.live?" live":""}`,d:`M${i.x1},${i.y1} C${i.mx},${i.y1} ${i.mx},${i.y2} ${i.x2},${i.y2}`,markerEnd:"url(#v3arrow)"},`${i.fromId}->${i.toId}`)),t.nodes.map(i=>(0,n.jsx)(he,{box:i,selected:i.node.id===e.selectedId,onSelect:e.onSelect},i.node.id))]})}):null})}function he(e){let{box:t,selected:s}=e,o=t.node;return o.isLoop?(0,n.jsx)(we,{box:t,selected:s,onSelect:e.onSelect}):(0,n.jsxs)("g",{className:`v3r-node st-${o.status}${s?" sel":""}`,"data-node":o.id,onClick:()=>e.onSelect(o.id),children:[(0,n.jsx)("rect",{className:"v3r-box",x:t.x,y:t.y,width:g.nodeWidth,height:g.plainHeight,rx:"10"}),(0,n.jsx)("text",{className:"v3r-nid",x:t.x+14,y:t.y+20,children:$(o.id,18)}),(0,n.jsx)("text",{className:"v3r-nstatus",x:t.x+14,y:t.y+37,children:y[o.status]})]})}function we(e){let{box:t,selected:s}=e,o=t.node,i=o.loopState,a=E(o),l=i?`${y[o.status]} \xB7 \u7B2C${i.iteration}${a!==void 0?`/${a}`:""}\u8F6E`:`${y[o.status]} \xB7 loop`,u=i?.maxIterations;return(0,n.jsxs)("g",{className:`v3r-node v3r-loopnode st-${o.status}${s?" sel":""}`,"data-node":o.id,onClick:()=>e.onSelect(o.id),children:[(0,n.jsx)("rect",{className:"v3r-cap",x:t.x-4,y:t.y-4,width:g.nodeWidth+8,height:g.loopHeight+8,rx:"14"}),(0,n.jsx)("rect",{className:"v3r-box",x:t.x,y:t.y,width:g.nodeWidth,height:g.loopHeight,rx:"10"}),(0,n.jsx)("text",{className:"v3r-spin",x:t.x+14,y:t.y+21,children:"\u27F3"}),(0,n.jsx)("text",{className:"v3r-nid",x:t.x+30,y:t.y+21,children:$(o.id,16)}),(0,n.jsx)("text",{className:"v3r-nstatus",x:t.x+14,y:t.y+39,children:l}),i&&a!==void 0&&a<=g.maxDots?(0,n.jsx)(xe,{node:o,x:t.x,y:t.y,budget:a,maxIterations:u}):null]})}function xe(e){let t=e.node.loopState,s=e.y+g.loopHeight-13,o=Array.from({length:e.budget},(i,a)=>a+1);return(0,n.jsxs)(n.Fragment,{children:[o.map(i=>{let a=i<t.iteration?"v3r-dot done":i===t.iteration?`v3r-dot cur${e.node.status==="running"?" live":""}`:"v3r-dot todo",l=e.maxIterations!==void 0&&i>e.maxIterations?" grant":"";return(0,n.jsx)("circle",{className:`${a}${l}`,cx:e.x+14+(i-1)*15,cy:s,r:"3.6"},i)}),t.lastDecision==="exit"?(0,n.jsx)("text",{className:"v3r-dots-verdict ok",x:e.x+14+e.budget*15+4,y:s+4,children:"\u2713"}):null,t.lastDecision==="exhausted"&&e.node.status==="blocked"?(0,n.jsx)("text",{className:"v3r-dots-verdict warn",x:e.x+14+e.budget*15+4,y:s+4,children:"\u26A0"}):null]})}function ye(e){let t=e.node,s=(0,c.useMemo)(()=>t?.isLoop?j(e.view,t.id):[],[t,e.view]),o=t?.isLoop?z(s,e.instanceId,e.instancePinned):t,i=t?.isLoop?o?.id??null:null;return t?(0,n.jsxs)("div",{id:"v3-node-panel",className:"v3r-panel",children:[(0,n.jsxs)("div",{id:"v3-node-meta",children:[t.goal?(0,n.jsx)("p",{className:"v3r-goal",children:t.goal}):null,t.depends.length?(0,n.jsxs)("p",{className:"v3r-deps",children:[(0,n.jsx)("span",{children:"\u4F9D\u8D56"}),t.depends.map(a=>(0,n.jsx)("span",{className:"v3r-dep",children:a},a))]}):null,t.errorClass?(0,n.jsx)(be,{node:t}):null,t.isLoop?(0,n.jsx)(Ie,{runId:e.runId,node:t,instances:s,activeInstanceId:i,onInstanceSelect:e.onInstanceSelect}):null]}),(0,n.jsx)("div",{id:"v3-inst-strip",children:t.isLoop&&o?(0,n.jsx)(Ne,{node:o,auto:!e.instancePinned}):null}),(0,n.jsx)(Ve,{runId:e.runId,node:o})]}):(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 be(e){let t=e.node;return(0,n.jsxs)("p",{className:"v3r-err",children:["\u539F\u56E0\uFF1A",t.errorClass,t.errorCode?` (${t.errorCode})`:"",t.status==="blocked"&&!t.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 Ne(e){let t=e.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:e.node.id}),(0,n.jsxs)("span",{className:`v3r-pill st-${e.node.status}`,children:[(0,n.jsx)("i",{className:"dot"}),y[e.node.status]]}),(0,n.jsxs)("span",{className:"muted",children:["\u7B2C ",t.iteration," \u8F6E \xB7 ",t.bodyNodeId,e.auto?" \xB7 \u81EA\u52A8\u8DDF\u968F":""]})]})}function Ie(e){let t=e.node.loopState;if(!t)return(0,n.jsx)("p",{className:"muted",children:"loop \u672A\u5F00\u59CB"});let s=E(e.node),o=new Map(t.decisions.map(a=>[a.iteration,a.decision])),i=U(e.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:t.iteration}),s!==void 0?(0,n.jsxs)(n.Fragment,{children:[" / ",(0,n.jsx)("b",{children:s})]}):null," \u8F6E"]}),t.granted>0?(0,n.jsxs)("span",{className:"v3r-granted-tag",children:["\u542B\u4EBA\u5DE5\u8FFD\u52A0 +",t.granted]}):null,t.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:i.map(a=>{let l=o.get(a.iteration),u=a.iteration===t.iteration,f=t.maxIterations!==void 0&&a.iteration>t.maxIterations;return(0,n.jsxs)("div",{className:`v3r-round${u?" cur":""}${l?` vd-${l}`:""}`,children:[(0,n.jsxs)("div",{className:"v3r-round-head",children:[(0,n.jsxs)("span",{className:"rn",children:["R",a.iteration]}),f?(0,n.jsx)("span",{className:"v3r-granted-tag",children:"\u2795 \u8FFD\u52A0\u8F6E"}):null,l?(0,n.jsx)("span",{className:`v3r-verdict vd-${l}`,children:_[l]}):u&&e.node.status==="running"?(0,n.jsx)("span",{className:"v3r-verdict vd-live",children:"\u25B6 \u8FDB\u884C\u4E2D"}):null]}),(0,n.jsx)(Re,{template:t.bodyTemplate,instances:a.instances,activeInstanceId:e.activeInstanceId,onInstanceSelect:e.onInstanceSelect})]},a.iteration)})}),e.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 ",e.runId]})]}):null]})}function Re(e){let t=(0,c.useMemo)(()=>new Map(e.instances.map(o=>[o.loop.bodyNodeId,o])),[e.instances]),s=(0,c.useMemo)(()=>q(e.template,t),[e.template,t]);return(0,n.jsxs)("svg",{className:"v3r-mini-svg",width:s.width,height:s.height,viewBox:`0 0 ${s.width} ${s.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)"})})}),s.edges.map(o=>(0,n.jsx)("path",{className:`v3r-edge${o.live?" live":""}`,d:`M${o.x1},${o.y1} C${o.mx},${o.y1} ${o.mx},${o.y2} ${o.x2},${o.y2}`,markerEnd:"url(#v3arrow-mini)"},`${o.fromId}->${o.toId}`)),s.nodes.map(o=>{let i=o.node,a=i?.status??"pending",l=i?.id===e.activeInstanceId;return(0,n.jsxs)("g",{className:`v3r-node v3r-mini st-${a}${l?" sel":""}${i?"":" ghost"}`,"data-sel":i?.id,style:i?{cursor:"pointer"}:void 0,onClick:u=>{i&&(u.stopPropagation(),e.onInstanceSelect(i.id))},children:[(0,n.jsx)("rect",{className:"v3r-box",x:o.x,y:o.y,width:o.width,height:o.height,rx:"8"}),(0,n.jsx)("circle",{className:"v3r-mini-dot",cx:o.x+13,cy:o.y+o.height/2,r:"3.4"}),(0,n.jsx)("text",{className:"v3r-nid",x:o.x+24,y:o.y+o.height/2+4,children:$(o.templateId,12)})]},o.templateId)})]})}function Ve(e){let t=(0,c.useRef)(null),s=(0,c.useRef)(null),o=e.node?`${e.runId}|${e.node.id}|${P(e.node)}`:null;return(0,c.useEffect)(()=>{let i=t.current;if(i){if(!e.node||!o){i.innerHTML="",s.current=null;return}s.current!==o&&(Y(i,e.runId,e.node),s.current=o)}},[e.runId,e.node,o]),(0,n.jsx)("div",{id:"v3-term-slot",className:"v3r-term-slot",ref:t})}function Q(){let e=J();return(0,n.jsx)("section",{className:"page workflows-page v3-page",children:e?(0,n.jsx)(ge,{runId:e}):(0,n.jsx)(pe,{})})}var ee=b(V(),1);function Ae(e){return H(e,(0,ee.jsx)(Q,{}))}export{Ae as renderV3RunsPage};

package/dist/dashboard-web/chunks/whiteboards-page-FBRUK2AS.js

@@ -0,0 +1 @@
+import{a as W,c as B}from"./chunk-BRTZFELS.js";import{c as T,j as C}from"./chunk-6TPODDDC.js";import{a as O,d as P}from"./chunk-ZJING6FY.js";import{c as R}from"./chunk-XCPSHD3G.js";var r=R(O(),1);var e=R(P(),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)(T,{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 W(t,(0,e.jsx)(Y,{}))}export{ae as renderWhiteboardsPage};

package/dist/dashboard-web/index.html

@@ -4,78 +4,14 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>botmux dashboard</title>
-  <link rel="icon" type="image/png" href="/assets/favicon.png">
-  <link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
+  <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">
   <link rel="stylesheet" href="/assets/style.css">
 </head>
 <body>
-  <!-- 深空极光底（纯装饰，dark 主题可见） -->
-  <div class="aurora" aria-hidden="true"><i class="a1"></i><i class="a2"></i><i class="a3"></i></div>
-  <div class="app-shell">
-    <aside class="sidebar">
-      <a class="brand" href="#/">
-        <span class="brand-mark" aria-hidden="true"></span>
-        <span>
-          <strong data-i18n="app.name">botmux</strong>
-          <small data-i18n="app.subtitle">飞书 AI CLI 控制台</small>
-        </span>
-      </a>
-      <nav class="sidebar-nav" aria-label="Dashboard">
-        <a href="#/" data-route="overview"><svg viewBox="0 0 16 16" aria-hidden="true"><rect x="1.5" y="1.5" width="5.4" height="5.4" rx="1.5"/><rect x="9.1" y="1.5" width="5.4" height="5.4" rx="1.5"/><rect x="1.5" y="9.1" width="5.4" height="5.4" rx="1.5"/><rect x="9.1" y="9.1" width="5.4" height="5.4" rx="1.5"/></svg><span data-i18n="nav.overview">总览</span></a>
-        <a href="#/monitoring" data-route="monitoring"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M2 11.5h12M3.4 11.5V6.8M6.5 11.5V4.5M9.5 11.5V8M12.6 11.5V3.2"/></svg><span data-i18n="nav.monitoring">监控</span></a>
-        <a href="#/sessions" data-route="sessions"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M2 3.5h12v7H6l-3 3v-3H2z"/></svg><span data-i18n="nav.sessions">会话</span></a>
-        <a href="#/insights" data-route="insights"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M2 2v12h12M5 11V7M8.5 11V4.5M12 11V8.5"/></svg><span data-i18n="nav.insights">洞察</span></a>
-        <a href="#/workflows" data-route="workflows"><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="3.4" cy="3.6" r="1.9"/><circle cx="3.4" cy="12.4" r="1.9"/><circle cx="12.6" cy="8" r="1.9"/><path d="M5.2 4.4l5.6 2.8M5.2 11.6l5.6-2.8"/></svg><span data-i18n="nav.workflows">工作流</span></a>
-        <a href="#/groups" data-route="groups"><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="5.6" cy="5.8" r="2.4"/><circle cx="11" cy="6.8" r="1.9"/><path d="M1.8 13.2c.5-2.4 2-3.6 3.8-3.6s3.3 1.2 3.8 3.6M9.8 12.6c.4-1.7 1.5-2.6 2.8-2.6 1 0 1.9.5 2.4 1.6"/></svg><span data-i18n="nav.groups">群组</span></a>
-        <a href="#/schedules" data-route="schedules"><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="6.2"/><path d="M8 4.5V8l2.4 1.6"/></svg><span data-i18n="nav.schedules">定时</span></a>
-        <a href="#/whiteboards" data-route="whiteboards"><svg viewBox="0 0 16 16" aria-hidden="true"><rect x="2.2" y="2.2" width="11.6" height="11.6" rx="2"/><path d="M4.8 5.2h6.4M4.8 8h6.4M4.8 10.8h4"/></svg><span>白板</span></a>
-        <a href="#/roles" data-route="roles"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 1.8l5.2 2v3.4c0 3.4-2.2 5.9-5.2 7-3-1.1-5.2-3.6-5.2-7V3.8z"/><path d="M5.8 8l1.6 1.6 2.8-3"/></svg><span data-i18n="nav.roles">角色管理</span></a>
-        <a href="#/bot-defaults" data-route="bot-defaults"><svg viewBox="0 0 16 16" aria-hidden="true"><rect x="2.5" y="5" width="11" height="8" rx="2"/><circle cx="5.8" cy="9" r="1"/><circle cx="10.2" cy="9" r="1"/><path d="M8 5V2.5M5.5 13v1.2M10.5 13v1.2"/></svg><span data-i18n="nav.botDefaults">Bot 配置</span></a>
-        <a href="#/skills" data-route="skills"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M3 2.5h10v3H3zM3 7h10v6.5H3z"/><path d="M5.4 9.2h5.2M5.4 11.2h3.8"/></svg><span data-i18n="nav.skills">Skills</span></a>
-        <a href="#/team" data-route="team"><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="6.2"/><path d="M1.8 8h12.4M8 1.8c-2 1.8-2 10.6 0 12.4 2-1.8 2-10.6 0-12.4z"/></svg><span>团队</span></a>
-        <a href="#/connectors" data-route="connectors"><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M5.5 6.5v-3a2.5 2.5 0 0 1 5 0v3"/><rect x="3.5" y="6.5" width="9" height="7" rx="2"/></svg><span>Webhook</span></a>
-        <a href="#/office" data-route="office"><svg viewBox="0 0 16 16" aria-hidden="true"><rect x="3" y="4" width="10" height="7" rx="2"/><circle cx="6" cy="7.5" r="1"/><circle cx="10" cy="7.5" r="1"/><path d="M8 4V2M4.5 11v2M11.5 11v2"/></svg><span>办公室</span></a>
-        <a href="#/settings" data-route="settings"><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="2.2"/><path d="M8 1.8v2M8 12.2v2M3.6 3.6L5 5M11 11l1.4 1.4M1.8 8h2M12.2 8h2M3.6 12.4L5 11M11 5l1.4-1.4"/></svg><span data-i18n="nav.settings">设置</span></a>
-      </nav>
-      <div class="sidebar-foot">
-        <span id="status" class="connection-status"></span>
-        <button type="button" id="sidebar-toggle" class="sidebar-toggle" aria-label="Toggle sidebar">
-          <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M9.8 3.5 5.3 8l4.5 4.5"/></svg>
-        </button>
-      </div>
-    </aside>
-    <div class="workspace">
-      <header class="topbar">
-        <div class="topbar-title">
-          <strong data-i18n="app.name">botmux</strong>
-          <span data-i18n="app.subtitle">飞书 AI CLI 控制台</span>
-        </div>
-        <div class="topbar-actions">
-          <button type="button" id="create-session-btn" class="primary topbar-create-session">＋ <span data-i18n="sessions.create.button">创建会话</span></button>
-          <button type="button" id="add-bot-btn" class="primary topbar-add-bot" data-i18n="botOnboarding.add">添加机器人</button>
-          <div class="segmented" aria-label="Language">
-            <button type="button" data-locale="zh">中</button>
-            <button type="button" data-locale="en">EN</button>
-          </div>
-          <div class="theme-menu" id="theme-menu">
-            <button type="button" class="theme-menu-btn" id="theme-menu-btn"
-                    aria-haspopup="listbox" aria-expanded="false" aria-label="Theme"></button>
-            <div class="theme-menu-pop" id="theme-menu-pop" role="listbox" hidden></div>
-          </div>
-          <a class="topbar-docs-link" href="https://bytedance.aiforce.cloud/app/app_4k9smq6rdxher"
-             target="_blank" rel="noopener noreferrer" title="botmux 文档">
-            <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M2.5 2.5h5.5a1.5 1.5 0 0 1 1.5 1.5v9M13.5 2.5H8a1.5 1.5 0 0 0-1.5 1.5v9M2.5 2.5v9.5a1 1 0 0 0 1 1H7M13.5 2.5v9.5a1 1 0 0 1-1 1H9"/></svg>
-            <span data-i18n="nav.docs">文档</span>
-          </a>
-        </div>
-      </header>
-      <!-- 全局创建会话弹窗：按钮已提到顶栏，弹窗随之全局化，任意页面均可拉起 -->
-      <dialog id="create-session-modal" class="create-session-modal"></dialog>
-      <!-- 全局 attention strip：待处理事项在任何页面都一眼可见 -->
-      <div id="attention-strip" class="attention-strip" hidden></div>
-      <main id="root"></main>
-    </div>
-  </div>
+  <div id="app-root"></div>
   <script type="module" src="/assets/app.js"></script>
 </body>
 </html>