botmux 2.9.0 → 2.9.2

package/dist/dashboard-web/app.js

@@ -0,0 +1,263 @@
+"use strict";(()=>{var F=class{sessions=new Map;schedules=new Map;online=!0;listeners=new Set;upsertSessions(n){for(let d of n)this.sessions.set(d.sessionId,d);this.emit()}upsertSchedules(n){for(let d of n)this.schedules.set(d.id,d);this.emit()}applySse(n,d){if(n==="session.spawned")this.sessions.set(d.session.sessionId,d.session);else if(n==="session.update"){let k=this.sessions.get(d.sessionId);k&&this.sessions.set(d.sessionId,{...k,...d.patch})}else if(n==="session.exited"){let k=this.sessions.get(d.sessionId);k&&this.sessions.set(d.sessionId,{...k,status:"closed"})}else if(n==="schedule.created")this.schedules.set(d.schedule.id,d.schedule);else if(n==="schedule.updated"){let k=this.schedules.get(d.id);k&&this.schedules.set(d.id,{...k,...d.patch})}else if(n==="schedule.deleted")this.schedules.delete(d.id);else return;this.emit()}setOnline(n){this.online!==n&&(this.online=n,this.emit())}on(n){return this.listeners.add(n),()=>this.listeners.delete(n)}emit(){for(let n of this.listeners)n()}},C=new F;async function J(){let[e,n]=await Promise.all([fetch("/api/sessions").then(w=>w.json()),fetch("/api/schedules").then(w=>w.json())]);C.upsertSessions(e.sessions??[]),C.upsertSchedules(n.schedules??[]);let d=new EventSource("/events"),k=["session.spawned","session.update","session.exited","schedule.created","schedule.updated","schedule.deleted","schedule.fired","heartbeat"];for(let w of k)d.addEventListener(w,i=>{try{let T=JSON.parse(i.data);C.applySse(w,T.body??T)}catch{}});d.onerror=()=>C.setOnline(!1),d.onopen=()=>C.setOnline(!0)}var st=`
+<form id="filters" class="filters">
+  <input type="search" name="q" placeholder="search workingDir / title / ids" />
+  <select name="cli" multiple size="4">
+    <option value="claude-code">claude-code</option>
+    <option value="codex">codex</option>
+    <option value="gemini">gemini</option>
+    <option value="opencode">opencode</option>
+    <option value="aiden">aiden</option>
+    <option value="coco">coco</option>
+    <option value="unknown">unknown</option>
+  </select>
+  <select name="status">
+    <option value="">any status</option>
+    <option>starting</option><option>working</option>
+    <option>idle</option><option>analyzing</option><option>closed</option>
+  </select>
+  <select name="adopt">
+    <option value="">adopt: any</option>
+    <option value="yes">adopt: yes</option>
+    <option value="no">adopt: no</option>
+  </select>
+  <label><input type="checkbox" name="active" checked> active only</label>
+</form>
+<div id="bulk-bar" class="bulk-bar" hidden>
+  <span id="bulk-count"></span>
+  <button type="button" id="bulk-close" class="contrast">\u5173\u95ED\u9009\u4E2D</button>
+  <button type="button" id="bulk-clear">\u53D6\u6D88</button>
+</div>
+<table id="sessions-table">
+  <thead><tr>
+    <th><input type="checkbox" id="select-all" title="\u5168\u9009\u5F53\u524D\u8FC7\u6EE4\u7ED3\u679C"></th>
+    <th data-sort="botName">bot</th><th data-sort="cliId">cli</th><th data-sort="status">status</th><th data-sort="title">title</th><th data-sort="workingDir">workingDir</th>
+    <th data-sort="spawnedAt">created</th><th data-sort="lastMessageAt">last</th><th data-sort="adopt">adopt</th><th></th>
+  </tr></thead>
+  <tbody></tbody>
+</table>
+<dialog id="drawer"></dialog>
+`;function G(e){if(!e)return"-";let n=Date.now()-e;return n<6e4?"now":n<36e5?Math.floor(n/6e4)+"m":n<864e5?Math.floor(n/36e5)+"h":Math.floor(n/864e5)+"d"}function L(e){return e.replace(/[&<>"']/g,n=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[n])}var ot="\u{1FA9E}",N="\u{1F4CD}",at="\u{1F5A5}\uFE0F";function z(e){e.innerHTML=st;let n=e.querySelector("#sessions-table tbody"),d=e.querySelector("#filters"),k=e.querySelector("#drawer"),w=e.querySelector("#select-all"),i=e.querySelector("#bulk-bar"),T=e.querySelector("#bulk-count"),m=e.querySelector("#bulk-close"),v=e.querySelector("#bulk-clear"),$=e.querySelector("#sessions-table"),g=new Set,M="lastMessageAt",a="desc";function y(t){let s=t.status==="closed",o=g.has(t.sessionId)?"checked":"";return`<tr data-id="${L(t.sessionId)}">
+      <td><input type="checkbox" class="row-select" ${o} ${s?"disabled":""}></td>
+      <td>${L(t.botName??"")}</td>
+      <td><span class="badge cli-${L(t.cliId??"unknown")}">${L(t.cliId??"unknown")}</span></td>
+      <td><span class="status status-${L(t.status)}">${L(t.status)}</span></td>
+      <td>${L((t.title??"").slice(0,40))}</td>
+      <td title="${L(t.workingDir??"")}">${L((t.workingDir??"").slice(-30))}</td>
+      <td>${G(t.spawnedAt)}</td>
+      <td>${G(t.lastMessageAt)}</td>
+      <td>${t.adopt?ot:""}</td>
+      <td><button class="open">\u22EF</button></td>
+    </tr>`}function S(){let t=new FormData(d),s=(t.get("q")??"").toLowerCase(),o=t.getAll("cli"),f=t.get("status"),c=t.get("adopt"),x=!!t.get("active"),H=[...C.sessions.values()].filter(E=>!o.length||o.includes(E.cliId??"unknown")).filter(E=>!f||E.status===f).filter(E=>!c||c==="yes"==!!E.adopt).filter(E=>!x||E.status!=="closed").filter(E=>!s||JSON.stringify(E).toLowerCase().includes(s));return H.sort(l),H}function r(t,s){return s==="spawnedAt"||s==="lastMessageAt"?Number(t[s]??0):s==="adopt"?!!t.adopt:String(t[s]??"").toLowerCase()}function l(t,s){let o=r(t,M),f=r(s,M),c=0;return typeof o=="number"&&typeof f=="number"?c=o-f:typeof o=="boolean"&&typeof f=="boolean"?c=Number(o)-Number(f):c=String(o).localeCompare(String(f)),c===0&&(c=Number(t.lastMessageAt??0)-Number(s.lastMessageAt??0)),a==="asc"?c:-c}function h(){$.querySelectorAll("th[data-sort]").forEach(t=>{let s=t.dataset.sort===M;t.classList.toggle("sorted",s),t.setAttribute("aria-sort",s?a==="asc"?"ascending":"descending":"none");let o=t.textContent?.replace(/ [▲▼]$/,"").trim()??"";t.textContent=s?`${o} ${a==="asc"?"\u25B2":"\u25BC"}`:o})}function p(){let t=S();for(let s of[...g]){let o=C.sessions.get(s);(!o||o.status==="closed")&&g.delete(s)}n.innerHTML=t.map(y).join(""),h(),u(t)}function u(t){let s=g.size;i.hidden=s===0,T.textContent=`\u5DF2\u9009 ${s} \u4E2A\u4F1A\u8BDD`;let o=t.filter(c=>c.status!=="closed");if(o.length===0){w.checked=!1,w.indeterminate=!1,w.disabled=!0;return}w.disabled=!1;let f=o.filter(c=>g.has(c.sessionId)).length;w.checked=f===o.length,w.indeterminate=f>0&&f<o.length}function b(t){let s=t.status==="closed";k.innerHTML=`
+      <article>
+        <header>
+          <h3>${L(t.title??t.sessionId)}</h3>
+          <code>${L(t.sessionId)}</code> <button data-copy="${L(t.sessionId)}">copy</button>
+        </header>
+        <p><b>bot:</b> ${L(t.botName??"-")} \xB7 <b>cli:</b> ${L(t.cliId??"?")} \xB7 <b>status:</b> ${L(t.status)}</p>
+        <p><b>chatId:</b> <code>${L(t.chatId)}</code> <button data-copy="${L(t.chatId)}">copy</button></p>
+        <p><b>rootMessageId:</b> <code>${L(t.rootMessageId??"")}</code> <button data-copy="${L(t.rootMessageId??"")}">copy</button></p>
+        ${t.threadId?`<p><b>threadId:</b> <code>${L(t.threadId)}</code></p>`:""}
+        <p><b>workingDir:</b> ${L(t.workingDir??"-")}</p>
+        <div class="actions">
+          <button id="locate-btn" type="button">${N} \u5B9A\u4F4D\u5230\u98DE\u4E66\u8BDD\u9898</button>
+          ${t.webPort?`<a class="btn-link" href="http://${L(location.hostname)}:${t.webPort}" target="_blank">${at} \u6253\u5F00 xterm</a>`:""}
+          ${s?"":'<button id="close-btn" type="button" class="contrast">\u5173\u95ED\u4F1A\u8BDD</button>'}
+        </div>
+        <form method="dialog"><button>\u5173\u95ED</button></form>
+      </article>`,k.querySelectorAll("[data-copy]").forEach(c=>{c.onclick=()=>{navigator.clipboard.writeText(c.dataset.copy??""),c.textContent="copied",setTimeout(()=>{c.textContent="copy"},800)}});let o=k.querySelector("#locate-btn");o&&(o.onclick=async()=>{o.disabled=!0,o.textContent=`${N} \u53D1\u9001\u4E2D...`;try{let c=await fetch(`/api/sessions/${encodeURIComponent(t.sessionId)}/locate`,{method:"POST"}),x=await c.json();if(x.ok){let H=30;o.textContent=`${N} (\u51B7\u5374 ${H}s)`;let E=setInterval(()=>{H-=1,H<=0?(clearInterval(E),o.disabled=!1,o.textContent=`${N} \u5B9A\u4F4D\u5230\u98DE\u4E66\u8BDD\u9898`):o.textContent=`${N} (\u51B7\u5374 ${H}s)`},1e3)}else{let H=x.error??c.status;alert("Locate failed: "+H),o.disabled=!1,o.textContent=`${N} \u5B9A\u4F4D\u5230\u98DE\u4E66\u8BDD\u9898`}}catch(c){alert("Locate error: "+c),o.disabled=!1,o.textContent=`${N} \u5B9A\u4F4D\u5230\u98DE\u4E66\u8BDD\u9898`}});let f=k.querySelector("#close-btn");f&&(f.onclick=async()=>{if(confirm("\u5173\u95ED\u8FD9\u4E2A\u4F1A\u8BDD?")){f.disabled=!0;try{await fetch(`/api/sessions/${encodeURIComponent(t.sessionId)}/close`,{method:"POST"})}finally{k.close()}}}),k.showModal()}n.addEventListener("click",t=>{let s=t.target;if(s.classList.contains("row-select")){let H=s.closest("tr[data-id]");if(!H)return;let E=H.dataset.id;s.checked?g.add(E):g.delete(E),u(S());return}let o=s.closest("td");if(o&&o.querySelector(".row-select"))return;let f=s.closest("tr[data-id]");if(!f)return;let c=f.dataset.id,x=C.sessions.get(c);x&&b(x)}),w.addEventListener("change",()=>{let t=S().filter(s=>s.status!=="closed");if(w.checked)for(let s of t)g.add(s.sessionId);else for(let s of t)g.delete(s.sessionId);p()}),v.addEventListener("click",()=>{g.clear(),p()}),m.addEventListener("click",async()=>{let t=[...g];if(t.length===0||!confirm(`\u5173\u95ED\u9009\u4E2D\u7684 ${t.length} \u4E2A\u4F1A\u8BDD\uFF1F`))return;m.disabled=!0,v.disabled=!0;let s=m.textContent,o=0,f=0,c=[];m.textContent=`\u5173\u95ED\u4E2D 0/${t.length}...`;let x=[...t];async function H(){for(;x.length;){let E=x.shift();try{let B=await fetch(`/api/sessions/${encodeURIComponent(E)}/close`,{method:"POST"}),_=null;try{_=await B.json()}catch{}if(!B.ok||_?.ok===!1){f+=1;let nt=_?.error??`HTTP ${B.status}`;c.push(`${E.slice(0,12)}\u2026: ${nt}`)}}catch(B){f+=1,c.push(`${E.slice(0,12)}\u2026: ${B?.message??B}`)}finally{o+=1,m.textContent=`\u5173\u95ED\u4E2D ${o}/${t.length}...`}}}if(await Promise.all(Array.from({length:Math.min(6,t.length)},()=>H())),m.textContent=s,m.disabled=!1,v.disabled=!1,g.clear(),p(),f>0){let E=c.slice(0,3).join(`
+`),B=c.length>3?`
+... +${c.length-3} \u4E2A`:"";alert(`\u5173\u95ED\u5B8C\u6210\uFF1A\u6210\u529F ${t.length-f} / \u5931\u8D25 ${f}
+${E}${B}`)}}),$.querySelectorAll("th[data-sort]").forEach(t=>{t.addEventListener("click",()=>{let s=t.dataset.sort;M===s?a=a==="asc"?"desc":"asc":(M=s,a=s==="spawnedAt"||s==="lastMessageAt"?"desc":"asc"),p()})}),d.addEventListener("input",p),C.on(p),p()}var rt=`
+<form id="sched-filters" class="filters">
+  <input type="search" name="q" placeholder="search name / prompt / workingDir" />
+  <select name="kind">
+    <option value="">any kind</option>
+    <option>cron</option>
+    <option>interval</option>
+    <option>once</option>
+  </select>
+  <label><input type="checkbox" name="enabled"> enabled only</label>
+</form>
+<table>
+  <thead><tr>
+    <th>name</th><th>bot</th><th>schedule</th><th>next</th><th>last</th>
+    <th>repeat</th><th>enabled</th><th>actions</th>
+  </tr></thead>
+  <tbody id="schedules-tbody"></tbody>
+</table>
+`;function j(e){return e.replace(/[&<>"']/g,n=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[n])}function K(e){if(!e)return"\u2014";try{return new Date(e).toLocaleString()}catch{return e}}function W(e){e.innerHTML=rt;let n=e.querySelector("#schedules-tbody"),d=e.querySelector("#sched-filters");function k(){let i=new FormData(d),T=(i.get("q")??"").toLowerCase(),m=i.get("kind"),v=!!i.get("enabled");return[...C.schedules.values()].filter($=>!m||$.parsed?.kind===m).filter($=>!v||$.enabled).filter($=>!T||JSON.stringify($).toLowerCase().includes(T)).sort(($,g)=>{if($.enabled!==g.enabled)return $.enabled?-1:1;let M=$.nextRunAt?Date.parse($.nextRunAt):1/0,a=g.nextRunAt?Date.parse(g.nextRunAt):1/0;return M-a})}function w(){n.innerHTML=k().map(i=>`<tr data-id="${j(i.id)}">
+      <td>${j(i.name??i.id)}</td>
+      <td>${j(i.botName??i.larkAppId??"-")}</td>
+      <td><code>${j(i.parsed?.display??"?")}</code></td>
+      <td>${K(i.nextRunAt)}</td>
+      <td>${K(i.lastRunAt)} ${i.lastStatus==="error"?"\u26A0\uFE0F":""}</td>
+      <td>${i.repeat?`${i.repeat.completed}/${i.repeat.times??"\u221E"}`:"\u2014"}</td>
+      <td>${i.enabled?"\u2713":"\u2717"}</td>
+      <td class="actions-cell">
+        <button data-op="run" type="button">Run now</button>
+        ${i.enabled?'<button data-op="pause" type="button">Pause</button>':'<button data-op="resume" type="button">Resume</button>'}
+      </td>
+    </tr>`).join("")||'<tr><td colspan="8" class="empty">No schedules.</td></tr>'}n.addEventListener("click",async i=>{let T=i.target.closest("button[data-op]");if(!T)return;let m=T.closest("tr[data-id]");if(!m)return;let v=m.dataset.id,$=T.dataset.op;T.disabled=!0;let g=T.textContent;T.textContent="...";try{let M=await fetch(`/api/schedules/${encodeURIComponent(v)}/${$}`,{method:"POST"}),a=await M.json().catch(()=>({}));(!M.ok||a.ok===!1)&&alert(`Failed: ${M.status} ${a?.error??""}`.trim())}catch(M){alert("Network error: "+M)}finally{T.disabled=!1,T.textContent=g}}),d.addEventListener("input",w),C.on(w),w()}var A={chats:[],bots:[]},lt=`
+<form id="g-filters" class="filters">
+  <input type="search" name="q" placeholder="search chat name / id / owner" />
+  <label><input type="checkbox" name="missing"> missing-bot only</label>
+  <button type="button" id="g-refresh">Refresh</button>
+  <button type="button" id="g-create">+ Create new group</button>
+</form>
+<table>
+  <thead id="g-head"></thead>
+  <tbody id="g-body"></tbody>
+</table>
+<dialog id="g-drawer"></dialog>
+`;function I(e){return e.replace(/[&<>"']/g,n=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[n])}async function P(){A=await(await fetch("/api/groups")).json()}async function it(){return(await fetch("/api/groups")).json()}function ct(e,n){if(n.size===0)return!0;let d=e?.memberBots??[];for(let k of n)if(!d.some(w=>w.larkAppId===k&&w.inChat))return!1;return!0}function V(e,n){return e.filter(d=>!n||!n.has(d.larkAppId)).map(d=>`
+      <label class="checkbox-row">
+        <input type="checkbox" name="bot" value="${I(d.larkAppId)}">
+        ${I(d.botName??d.larkAppId)} <small>(${I(d.larkAppId)})</small>
+      </label>
+    `).join("")}async function Q(e){e.innerHTML=lt;let n=e.querySelector("#g-head"),d=e.querySelector("#g-body"),k=e.querySelector("#g-filters"),w=e.querySelector("#g-refresh"),i=e.querySelector("#g-drawer");w.onclick=async()=>{w.disabled=!0;try{await P(),g()}finally{w.disabled=!1}};let T=e.querySelector("#g-create");T.onclick=()=>m(),await P();function m(){let a=A.bots;if(a.length===0){alert("No bots online. Restart the daemon first.");return}i.innerHTML=`
+      <article>
+        <header><h3>Create new group</h3></header>
+        <p>Pick bots to invite. The dashboard auto-selects an online daemon as the chat creator/owner; the rest are added as members in the same call.</p>
+        <form id="g-createform">
+          <label class="form-row">
+            <span>Group name <small>(optional)</small></span>
+            <input type="text" name="name" placeholder="e.g. AI ChangeLog" maxlength="60">
+          </label>
+          <fieldset>
+            <legend>Bots</legend>
+            ${V(a)}
+          </fieldset>
+          <div class="actions">
+            <button type="submit">Create</button>
+            <button type="button" id="g-create-cancel">Cancel</button>
+          </div>
+        </form>
+      </article>`,i.showModal(),i.querySelector("#g-create-cancel").onclick=()=>i.close(),i.querySelector("#g-createform").onsubmit=async r=>{r.preventDefault();let l=new FormData(r.target),h=(l.get("name")??"").trim(),p=l.getAll("bot");if(p.length===0){alert("Pick at least one bot.");return}let u=r.target.querySelector("button[type=submit]");u&&(u.disabled=!0,u.textContent="Creating...");try{let b=await fetch("/api/groups/create",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({name:h||void 0,larkAppIds:p})}),t=await b.json();if(t.ok&&t.chatId){v(t);let s=Array.isArray(t.invalidBotIds)?t.invalidBotIds:[],o=p.filter(c=>!s.includes(c)),f=new Set(o);typeof t.creator=="string"&&t.creator&&f.add(t.creator),y(t.chatId,h||t.chatId,o,t.creator),g(),S(t.chatId,f).catch(()=>{})}else alert(`Failed: ${t.error??b.status}`),i.close()}catch(b){alert("Network error: "+b),i.close()}};function y(r,l,h,p){let u=new Set(h);p&&u.add(p);let b=A.bots.map(s=>({larkAppId:s.larkAppId,botName:s.botName,inChat:u.has(s.larkAppId),oncallChat:null})),t={chatId:r,name:l,ownerId:p??null,memberBots:b};A.chats=[t,...A.chats.filter(s=>s.chatId!==r)]}async function S(r,l){let h=[600,1200,1200,1200,1200,1200];for(let p of h){await new Promise(t=>setTimeout(t,p));let u;try{u=await it()}catch{continue}let b=(u.chats??[]).find(t=>t.chatId===r);if(b&&ct(b,l)){A=u,g();return}}}}function v(a){let y=String(a.chatId),S=`https://applink.feishu.cn/client/chat/open?openChatId=${encodeURIComponent(y)}`,r=a.invalidBotIds??[],l=a.invalidUserIds??[],h=a.autoInvitedOpenId,p=!!a.autoInviteRejected,u=a.ownerTransferredTo,b=a.transferError,t=a.notifyMessageId,s=a.notifyError,o;if(h){let c=u?"<br><small>\u7FA4\u4E3B\u5DF2\u4ECE\u673A\u5668\u4EBA\u8F6C\u8BA9\u7ED9\u4F60\u3002</small>":b?`<br><small class="hint-warn-inline">\u26A0 \u81EA\u52A8\u8F6C\u8BA9\u7FA4\u4E3B\u5931\u8D25\uFF08${I(b)}\uFF09\uFF0C\u4F60\u73B0\u5728\u662F\u6210\u5458\u4F46\u7FA4\u4E3B\u4ECD\u662F\u673A\u5668\u4EBA\u3002</small>`:"",x=t?`<br><small>\u673A\u5668\u4EBA\u5DF2\u5728\u7FA4\u91CC @ \u4E86\u4F60\uFF08\u6D88\u606F id <code>${I(t)}</code>\uFF09\uFF0C\u770B\u98DE\u4E66\u901A\u77E5\u5C31\u80FD\u8FDB\u7FA4\u3002</small>`:s?`<br><small class="hint-warn-inline">\u26A0 \u81EA\u52A8 @ \u901A\u77E5\u5931\u8D25\uFF08${I(s)}\uFF09\uFF0C\u65B0\u7FA4\u53EF\u80FD\u4E0D\u4F1A\u4E3B\u52A8\u51FA\u73B0\u5728\u4F60\u4FA7\u8FB9\u680F\uFF0C\u5EFA\u8BAE\u4ECE\u4E0B\u9762\u6309\u94AE\u8DF3\u8FDB\u53BB\u3002</small>`:"";o=`<p class="hint-ok">\u5DF2\u81EA\u52A8\u9080\u8BF7\u4F60\uFF08<code>${I(h)}</code>\uFF09\u4F5C\u4E3A\u6210\u5458\u3002${c}${x}</p>`}else p?o='<p class="hint-warn">\u98DE\u4E66\u62D2\u7EDD\u4E86\u81EA\u52A8\u9080\u8BF7\uFF08\u4F60\u7684 open_id \u5728\u521B\u5EFA\u8005 bot \u7684 scope \u4E0B\u4E0D\u53EF\u7528\uFF09\u3002<strong>\u4F60\u76EE\u524D\u4E0D\u662F\u65B0\u7FA4\u6210\u5458</strong>\uFF0C\u9700\u8981\u8BA9\u7FA4\u91CC\u7684\u67D0\u4E2A\u673A\u5668\u4EBA\u624B\u52A8\u628A\u4F60\u52A0\u8FDB\u6765\u3002</p>':o='<p class="hint-warn">\u6CA1\u5728 dashboard \u7F13\u5B58\u91CC\u627E\u5230 ownerOpenId\uFF0C<strong>\u6CA1\u6709\u81EA\u52A8\u9080\u8BF7\u4F60</strong>\u3002\u70B9\u5F00\u4E0B\u9762\u94FE\u63A5\u524D\uFF0C\u5148\u8BA9\u7FA4\u91CC\u4EFB\u4E00\u673A\u5668\u4EBA\u624B\u52A8\u628A\u4F60\u52A0\u8FDB\u53BB\u3002</p>';let f=[r.length?`<li>\u65E0\u6548 bot id: <code>${r.map(I).join(", ")}</code></li>`:"",l.length?`<li>\u65E0\u6548\u7528\u6237 open_id: <code>${l.map(I).join(", ")}</code></li>`:""].filter(Boolean).join("");i.innerHTML=`
+      <article>
+        <header><h3>\u7FA4\u521B\u5EFA\u6210\u529F</h3></header>
+        <p><b>chatId:</b> <code>${I(y)}</code> <button type="button" data-copy="${I(y)}">copy</button></p>
+        <p><b>\u521B\u5EFA\u8005:</b> <code>${I(a.creator??"?")}</code></p>
+        ${o}
+        ${f?`<ul>${f}</ul>`:""}
+        <div class="actions">
+          <a class="btn-link primary" href="${S}" target="_blank" rel="noopener">\u2197 \u6253\u5F00\u65B0\u7FA4</a>
+          <button type="button" id="g-create-close">\u5173\u95ED</button>
+        </div>
+      </article>`,i.querySelectorAll("[data-copy]").forEach(c=>{c.onclick=()=>{navigator.clipboard.writeText(c.dataset.copy??""),c.textContent="copied",setTimeout(()=>{c.textContent="copy"},800)}}),i.querySelector("#g-create-close").onclick=()=>i.close()}function $(){n.innerHTML=`<tr>
+      <th>chat</th>
+      ${A.bots.map(a=>`<th>${I(a.botName??a.larkAppId)}</th>`).join("")}
+      <th>actions</th>
+    </tr>`}function g(){$();let a=new FormData(k),y=(a.get("q")??"").toLowerCase(),S=!!a.get("missing"),r=A.chats.filter(l=>!y||(l.name??"").toLowerCase().includes(y)||l.chatId.toLowerCase().includes(y)||(l.ownerId??"").toLowerCase().includes(y)).filter(l=>!S||l.memberBots.some(h=>!h.inChat));if(r.length===0){d.innerHTML=`<tr><td colspan="${A.bots.length+2}" class="empty">No chats match the filter.</td></tr>`;return}d.innerHTML=r.map(l=>`<tr data-chat="${I(l.chatId)}">
+      <td>
+        <strong>${I(l.name??l.chatId)}</strong><br>
+        <small><code>${I(l.chatId)}</code></small>
+      </td>
+      ${A.bots.map(h=>{let p=l.memberBots.find(t=>t.larkAppId===h.larkAppId),u=p?p.error?"!":p.inChat?"\u2713":"\u2717":"?";return`<td class="${p?p.error?"cell-error":p.inChat?"cell-in":"cell-out":"cell-unknown"}" title="${I(p?.error??"")}">${u}</td>`}).join("")}
+      <td>
+        <button class="add-bots" type="button">Add bots</button>
+        <button class="manage-chat" type="button">Manage</button>
+      </td>
+    </tr>`).join("")}g(),d.addEventListener("click",async a=>{let y=a.target.closest("button.add-bots");if(!y)return;let r=y.closest("tr[data-chat]").dataset.chat,l=A.chats.find(u=>u.chatId===r);if(!l)return;let h=new Set(l.memberBots.filter(u=>u.inChat).map(u=>u.larkAppId));if(!A.bots.filter(u=>!h.has(u.larkAppId)).length){alert("All configured bots are already in this chat.");return}i.innerHTML=`
+      <article>
+        <header><h3>Add bots to ${I(l.name??l.chatId)}</h3></header>
+        <p>Select bots to add. The dashboard will pick a bot that's already in the chat as the proxy.</p>
+        <form id="g-addform">
+          ${V(A.bots,h)}
+          <div class="actions">
+            <button type="submit">Confirm add</button>
+            <button type="button" id="g-cancel">Cancel</button>
+          </div>
+        </form>
+      </article>`,i.showModal(),i.querySelector("#g-cancel").onclick=()=>i.close(),i.querySelector("#g-addform").onsubmit=async u=>{u.preventDefault();let t=new FormData(u.target).getAll("bot");if(t.length===0){alert("Pick at least one bot.");return}try{let o=await(await fetch(`/api/groups/${encodeURIComponent(r)}/add-bots`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({larkAppIds:t})})).json();if(o.error==="no_proxy_bot")alert("No bot is currently in this chat \u2014 add one manually in Feishu first, then retry.");else if(o.result){let f=o.result.map(c=>`${c.id}: ${c.ok?"OK":`failed (${c.error??"unknown"})`}`).join(`
+`);alert(f),await P(),g()}else alert(`Unexpected response: ${JSON.stringify(o)}`)}catch(s){alert("Network error: "+s)}finally{i.close()}}}),d.addEventListener("click",async a=>{let y=a.target.closest("button.manage-chat");if(!y)return;let r=y.closest("tr[data-chat]").dataset.chat,l=A.chats.find(h=>h.chatId===r);l&&M(l)});function M(a){let y=a.memberBots.filter(r=>r.inChat),S=typeof a.ownerId=="string"?a.ownerId:"";i.innerHTML=`
+      <article>
+        <header><h3>Manage ${I(a.name??a.chatId)}</h3></header>
+        <p><b>chatId:</b> <code>${I(a.chatId)}</code></p>
+        <p><b>owner:</b> <code>${I(a.ownerId??"(unknown)")}</code></p>
+
+        <fieldset>
+          <legend>Oncall \u6A21\u5F0F</legend>
+          <p><small>\u5F00\u542F\u540E\uFF1A\u7FA4\u5185\u4EFB\u4F55\u6210\u5458\u90FD\u80FD @ \u673A\u5668\u4EBA\u63D0\u95EE\uFF0C\u65B0\u8BDD\u9898\u76F4\u63A5\u7528\u7ED1\u5B9A\u76EE\u5F55\u542F\u52A8 CLI\uFF1B\u4EC5 allowedUsers \u4ECD\u53EF\u6267\u884C /cd /restart \u7B49\u547D\u4EE4\u3002</small></p>
+          ${y.length===0?'<p class="empty">\u6CA1\u6709\u673A\u5668\u4EBA\u5728\u7FA4\u91CC</p>':y.map(r=>{let l=!!r.oncallChat,h=r.oncallChat?.workingDir??"";return`
+                <div class="oncall-row" data-bot="${I(r.larkAppId)}">
+                  <label class="checkbox-row">
+                    <input type="checkbox" data-action="toggle" ${l?"checked":""}>
+                    <strong>${I(r.botName??r.larkAppId)}</strong>
+                    <small>(${I(r.larkAppId)})</small>
+                  </label>
+                  <div class="oncall-row-body">
+                    <input type="text" data-input="workingDir" placeholder="e.g. /root/iserver/botmux"
+                           value="${I(h)}" ${l?"":"disabled"}>
+                    <button type="button" data-action="save">Save</button>
+                    <span class="oncall-status" data-status></span>
+                  </div>
+                </div>
+              `}).join("")}
+        </fieldset>
+
+        <fieldset>
+          <legend>\u9009\u62E9\u673A\u5668\u4EBA\u9000\u51FA\u7FA4\u804A</legend>
+          ${y.length===0?'<p class="empty">\u6CA1\u6709\u673A\u5668\u4EBA\u5728\u7FA4\u91CC</p>':y.map(r=>`
+              <label class="checkbox-row">
+                <input type="checkbox" name="leave-bot" value="${I(r.larkAppId)}">
+                ${I(r.botName??r.larkAppId)}
+                <small>${r.larkAppId===S?"\xB7 \u7FA4\u4E3B":""}</small>
+              </label>
+            `).join("")}
+        </fieldset>
+
+        <div class="actions">
+          <button id="g-leave-btn" type="button" ${y.length===0?"disabled":""}>\u9009\u4E2D\u673A\u5668\u4EBA\u9000\u51FA\u7FA4\u804A</button>
+          <button id="g-disband-btn" type="button" class="contrast" ${y.length===0?"disabled":""}>\u89E3\u6563\u7FA4\u804A</button>
+        </div>
+        <p class="hint-warn"><small>\u89E3\u6563\u7FA4\u804A\u4EC5\u5F53\u67D0\u4E2A\u5728\u7FA4\u673A\u5668\u4EBA\u662F\u7FA4\u4E3B\u65F6\u624D\u4F1A\u6210\u529F\u3002\u5426\u5219\u98DE\u4E66\u4F1A\u8FD4\u56DE\u9519\u8BEF\uFF0C\u5EFA\u8BAE\u6539\u7528\u300C\u9000\u51FA\u7FA4\u804A\u300D\u3002</small></p>
+        <form method="dialog"><button>\u5173\u95ED</button></form>
+      </article>`,i.showModal(),i.querySelectorAll(".oncall-row").forEach(r=>{let l=r.dataset.bot,h=r.querySelector("input[data-action=toggle]"),p=r.querySelector("input[data-input=workingDir]"),u=r.querySelector("button[data-action=save]"),b=r.querySelector("[data-status]");h.addEventListener("change",()=>{p.disabled=!h.checked,h.checked&&p.focus()}),u.addEventListener("click",async()=>{b.textContent="",b.className="oncall-status";let t=h.checked,s=p.value.trim();if(t&&!s){b.textContent="\u8BF7\u586B\u5DE5\u4F5C\u76EE\u5F55",b.classList.add("hint-warn-inline");return}u.disabled=!0;try{let o=`/api/groups/${encodeURIComponent(a.chatId)}/oncall/${encodeURIComponent(l)}`,f=t?await fetch(o,{method:"PUT",headers:{"content-type":"application/json"},body:JSON.stringify({workingDir:s})}):await fetch(o,{method:"DELETE"}),c=await f.json().catch(()=>({}));if(f.ok&&c.ok){b.textContent=t?`\u2713 \u5DF2\u7ED1\u5B9A \u2192 ${c.resolvedPath??s}`:"\u2713 \u5DF2\u89E3\u7ED1",b.classList.add("hint-ok");try{await P(),g()}catch{}}else b.textContent=`\u2717 ${c.error??f.status}`,b.classList.add("hint-warn-inline")}catch(o){b.textContent=`\u2717 ${o?.message??o}`,b.classList.add("hint-warn-inline")}finally{u.disabled=!1}})}),i.querySelector("#g-leave-btn").onclick=async()=>{let r=[...i.querySelectorAll("input[name=leave-bot]:checked")].map(l=>l.value);if(r.length===0){alert("\u81F3\u5C11\u9009\u4E00\u4E2A\u673A\u5668\u4EBA");return}if(confirm(`\u786E\u5B9A\u8BA9 ${r.length} \u4E2A\u673A\u5668\u4EBA\u9000\u51FA\u7FA4\u804A\uFF1F\u8BE5 bot \u5728\u6B64\u7FA4\u7684\u4F1A\u8BDD\u4F1A\u4E00\u5E76\u5173\u95ED\u3002`))try{let h=await(await fetch(`/api/groups/${encodeURIComponent(a.chatId)}/leave`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({larkAppIds:r})})).json(),p=(h.result??[]).map(u=>{if(!u.ok)return`${u.larkAppId}: \u5931\u8D25 (${u.error??"unknown"})`;let b=u.closedSessions??[],t=b.filter(f=>!f.ok).length,s=b.length-t,o=b.length===0?"":t===0?`\uFF08\u5173\u95ED ${s} \u4E2A\u4F1A\u8BDD\uFF09`:`\uFF08\u5173\u95ED ${s} \u4E2A\uFF0C${t} \u4E2A\u5931\u8D25\uFF09`;return`${u.larkAppId}: OK${o}`}).join(`
+`);alert(p||`Unexpected: ${JSON.stringify(h)}`),await P(),g()}catch(l){alert("Network error: "+l)}finally{i.close()}},i.querySelector("#g-disband-btn").onclick=async()=>{if(y.length===0||!confirm(`\u786E\u5B9A\u89E3\u6563\u7FA4\u804A\u300C${a.name??a.chatId}\u300D\uFF1F\u6B64\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\uFF0C\u672C\u7FA4\u6240\u6709\u673A\u5668\u4EBA\u4F1A\u8BDD\u4E5F\u4F1A\u4E00\u5E76\u5173\u95ED\u3002`))return;let r=[...y].sort((h,p)=>(p.larkAppId===S?1:0)-(h.larkAppId===S?1:0)),l=[];for(let h of r)try{let p=await fetch(`/api/groups/${encodeURIComponent(a.chatId)}/disband`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({larkAppId:h.larkAppId})}),u=await p.json();if(u.ok){let b=u.closedSessions??[],t=b.filter(f=>!f.ok).length,s=b.length-t,o=b.length===0?"":t===0?`
+\u5173\u95ED\u4E86 ${s} \u4E2A\u4F1A\u8BDD\u3002`:`
+\u5173\u95ED\u4E86 ${s} \u4E2A\u4F1A\u8BDD\uFF0C${t} \u4E2A\u4F1A\u8BDD\u5173\u95ED\u5931\u8D25\u3002`;alert(`\u5DF2\u89E3\u6563\uFF08\u7531 ${h.botName??h.larkAppId} \u6267\u884C\uFF09${o}`),await P(),g(),i.close();return}l.push(`${h.botName??h.larkAppId}: ${u.error??p.status}`)}catch(p){l.push(`${h.botName??h.larkAppId}: ${p}`)}alert(`\u6240\u6709\u5728\u7FA4\u673A\u5668\u4EBA\u5747\u65E0\u6CD5\u89E3\u6563\uFF1A
+${l.join(`
+`)}
+
+\u5EFA\u8BAE\u6539\u7528\u300C\u9000\u51FA\u7FA4\u804A\u300D\u3002`)}}k.addEventListener("input",g)}var D={bots:[]},O=null,dt=`
+<form id="bd-filters" class="filters">
+  <input type="search" name="q" placeholder="search bot name / app id" />
+  <button type="button" id="bd-refresh">Refresh</button>
+</form>
+<p class="hint-warn" style="max-width:760px">
+  \u5F00\u5173 ON \u540E\uFF0C<strong>\u6240\u6709\u6CA1\u6709 oncall binding \u7684\u7FA4</strong>\uFF08\u5305\u62EC\u8001\u7FA4\uFF09\u4E0B\u4E00\u6B21\u5F00\u65B0\u8BDD\u9898\u4F1A\u81EA\u52A8\u7ED1\u5230\u4E0B\u9762\u586B\u7684\u76EE\u5F55\uFF1B
+  Groups &amp; Bots \u91CC\u5DF2\u7ECF\u624B\u52A8\u7ED1\u8FC7\u7684\u7FA4\u4E0D\u52A8\uFF1B\u901A\u8FC7 <code>/oncall unbind</code> \u89E3\u8FC7\u7ED1\u7684\u7FA4\u6C38\u8FDC\u4E0D\u518D\u88AB\u81EA\u52A8\u8986\u76D6\u3002
+</p>
+<div id="bd-list"></div>
+`;function q(e){return e.replace(/[&<>"']/g,n=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[n])}async function X(){try{let e=await fetch("/api/bots"),n=await e.json().catch(()=>({}));if(!e.ok){O=n?.error?`HTTP ${e.status}: ${n.error}${n.path?` (${n.path})`:""}`:`HTTP ${e.status}`,D={bots:[]};return}if(!n||!Array.isArray(n.bots)){O="unexpected response shape (no `bots` array)",D={bots:[]};return}O=null,D=n}catch(e){O=e?.message??String(e),D={bots:[]}}}function Y(e){if(!e)return"\u2014";let n=new Date(e);return Number.isNaN(n.getTime())?"\u2014":n.toLocaleString()}async function Z(e){e.innerHTML=dt;let n=e.querySelector("#bd-list"),d=e.querySelector("#bd-filters"),k=e.querySelector("#bd-refresh");k.onclick=async()=>{k.disabled=!0;try{await X(),w()}finally{k.disabled=!1}},await X();function w(){let v=(new FormData(d).get("q")??"").toLowerCase(),$=D.bots.filter(g=>!v||(g.botName??"").toLowerCase().includes(v)||(g.larkAppId??"").toLowerCase().includes(v));if(O){n.innerHTML=`<p class="hint-warn">\u65E0\u6CD5\u52A0\u8F7D bot \u5217\u8868\uFF1A${q(O)}<br>\u5E38\u89C1\u539F\u56E0\uFF1Adashboard / daemon \u8FDB\u7A0B\u8FD8\u5728\u8DD1\u65E7\u4EE3\u7801\uFF0C\u6267\u884C <code>botmux restart</code> \u540E\u5237\u65B0\u3002</p>`;return}if($.length===0){n.innerHTML='<p class="empty">\u6CA1\u6709\u5728\u7EBF\u7684 bot\u3002\u5148 `botmux restart` \u8BA9 daemon \u4E0A\u7EBF\u3002</p>';return}n.innerHTML=$.map(i).join(""),T()}function i(m){if(m.error)return`<article class="bd-card" data-appid="${q(m.larkAppId)}">
+        <header><strong>${q(m.botName??m.larkAppId)}</strong>
+        <small>${q(m.larkAppId)}</small></header>
+        <p class="hint-warn-inline">\u67E5\u8BE2\u5931\u8D25\uFF1A${q(m.error)}</p>
+      </article>`;let v=m.defaultOncall??{enabled:!1,workingDir:"",since:0},$=!!v.enabled;return`<article class="bd-card" data-appid="${q(m.larkAppId)}">
+      <header>
+        <strong>${q(m.botName??m.larkAppId)}</strong>
+        <small>${q(m.larkAppId)}</small>
+      </header>
+      <div class="bd-body">
+        <label class="checkbox-row">
+          <input type="checkbox" data-action="toggle" ${$?"checked":""}>
+          <strong>\u9ED8\u8BA4\u8FDB oncall \u6A21\u5F0F</strong>
+          <small>\uFF08\u6240\u6709\u672A\u7ED1\u5B9A\u7684\u7FA4\u4E0B\u6B21\u5F00\u8BDD\u9898\u81EA\u52A8\u7ED1\uFF09</small>
+        </label>
+        <div class="bd-row">
+          <label>
+            <span>\u9ED8\u8BA4\u5DE5\u4F5C\u76EE\u5F55</span>
+            <input type="text" data-input="workingDir" placeholder="e.g. /root/iserver/botmux"
+              value="${q(v.workingDir??"")}" ${$?"":"disabled"}>
+          </label>
+        </div>
+        <div class="bd-meta">
+          <small>\u4E0A\u6B21\u542F\u7528\u65F6\u95F4\uFF1A${q(Y(v.since??0))}</small>
+          <small>\u5DF2\u81EA\u52A8\u7ED1\u5B9A ${m.autoboundChatCount??0} \u4E2A\u7FA4</small>
+        </div>
+        <div class="actions">
+          <button type="button" data-action="save">Save</button>
+          <span class="oncall-status" data-status></span>
+        </div>
+      </div>
+    </article>`}function T(){n.querySelectorAll(".bd-card").forEach(m=>{let v=m.dataset.appid,$=m.querySelector("input[data-action=toggle]"),g=m.querySelector("input[data-input=workingDir]"),M=m.querySelector("button[data-action=save]"),a=m.querySelector("[data-status]");!$||!g||!M||!a||($.addEventListener("change",()=>{g.disabled=!$.checked,$.checked&&g.focus()}),M.addEventListener("click",async()=>{a.textContent="",a.className="oncall-status";let y=$.checked,S=g.value.trim();if(y&&!S){a.textContent="\u5F00\u542F\u65F6\u5FC5\u987B\u586B\u5DE5\u4F5C\u76EE\u5F55",a.classList.add("hint-warn-inline");return}M.disabled=!0;try{let r=await fetch(`/api/bots/${encodeURIComponent(v)}/default-oncall`,{method:"PUT",headers:{"content-type":"application/json"},body:JSON.stringify({enabled:y,workingDir:S})}),l=await r.json().catch(()=>({}));if(r.ok&&l.ok){let h=l.resolvedPath?` \u2192 ${l.resolvedPath}`:"";a.textContent=y?`\u2713 \u5DF2\u5F00\u542F${h}\uFF08\u672A\u7ED1\u5B9A\u7684\u7FA4\u4E0B\u6B21\u5F00\u8BDD\u9898\u81EA\u52A8 oncall\uFF09`:"\u2713 \u5DF2\u5173\u95ED\uFF08\u5DF2\u7ED1\u5B9A\u7684\u7FA4\u4E0D\u52A8\uFF09",a.classList.add("hint-ok");let p=D.bots.find(b=>b.larkAppId===v);p&&l.defaultOncall&&(p.defaultOncall=l.defaultOncall);let u=m.querySelector(".bd-meta small:first-child");u&&l.defaultOncall?.since!=null&&(u.textContent=`\u4E0A\u6B21\u542F\u7528\u65F6\u95F4\uFF1A${Y(l.defaultOncall.since)}`)}else a.textContent=`\u2717 ${l.error??r.status}`,a.classList.add("hint-warn-inline")}catch(r){a.textContent=`\u2717 ${r?.message??r}`,a.classList.add("hint-warn-inline")}finally{M.disabled=!1}}))})}w(),d.addEventListener("input",w)}var R=document.getElementById("root");function tt(){let e=location.hash||"#/";e.startsWith("#/groups")?Q(R):e.startsWith("#/bot-defaults")?Z(R):e.startsWith("#/schedules")?W(R):z(R);for(let n of document.querySelectorAll("header nav a"))n.classList.toggle("active",n.getAttribute("href")===(e||"#/")||e==="#/"&&n.dataset.route==="sessions")}var U=document.getElementById("status");function et(){U&&(U.textContent=C.online?"\u25CF live":"\u25CF disconnected",U.className="status "+(C.online?"online":"offline"))}C.on(et);et();(async()=>{try{await J()}catch(e){console.error("botmux dashboard bootstrap failed",e),C.setOnline(!1)}window.addEventListener("hashchange",tt),tt()})();})();

package/dist/dashboard-web/index.html

@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>botmux dashboard</title>
+  <link rel="stylesheet" href="/assets/style.css">
+</head>
+<body>
+  <header class="topbar">
+    <strong>botmux</strong>
+    <nav>
+      <a href="#/" data-route="sessions">Sessions</a>
+      <a href="#/schedules" data-route="schedules">Schedules</a>
+      <a href="#/groups" data-route="groups">Groups &amp; Bots</a>
+      <a href="#/bot-defaults" data-route="bot-defaults">Bot Defaults</a>
+    </nav>
+    <span id="status" class="status"></span>
+  </header>
+  <main id="root"></main>
+  <script src="/assets/app.js"></script>
+</body>
+</html>

package/dist/dashboard-web/style.css

@@ -0,0 +1,93 @@
+:root {
+  --fg: #1f2328;
+  --muted: #57606a;
+  --border: #d0d7de;
+  --bg: #ffffff;
+  --header-bg: #f6f8fa;
+}
+* { box-sizing: border-box; }
+body { margin: 0; font: 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--fg); background: var(--bg); }
+.topbar { display: flex; align-items: center; gap: 1.5rem; padding: 0.6rem 1rem; background: var(--header-bg); border-bottom: 1px solid var(--border); }
+.topbar nav a { margin-right: 0.6rem; color: var(--muted); text-decoration: none; }
+.topbar nav a.active { color: var(--fg); font-weight: 600; }
+.status { margin-left: auto; font-size: 12px; color: var(--muted); }
+.status.online { color: #1a7f37; }
+.status.offline { color: #cf222e; }
+main { padding: 1rem; }
+.filters { display: flex; gap: 0.6rem; margin-bottom: 0.8rem; flex-wrap: wrap; align-items: center; }
+.filters input[type=search] { min-width: 240px; padding: 0.3rem 0.5rem; border: 1px solid var(--border); border-radius: 4px; }
+.filters select { padding: 0.2rem; border: 1px solid var(--border); border-radius: 4px; }
+table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
+th, td { padding: 0.4rem 0.6rem; text-align: left; border-bottom: 1px solid var(--border); white-space: nowrap; }
+th { background: var(--header-bg); font-weight: 600; }
+th[data-sort] { cursor: pointer; user-select: none; }
+th[data-sort]:hover, th.sorted { background: #eef2f6; }
+tr[data-id]:hover { background: #f6f8fa; cursor: pointer; }
+button { padding: 0.25rem 0.6rem; border: 1px solid var(--border); background: white; border-radius: 4px; cursor: pointer;
+  /* iOS Safari renders default <button> with -webkit-appearance: button which
+     can hide our text under a system gradient on small screens. Reset to
+     normalize so "Create" / "Cancel" / etc. render reliably across mobile. */
+  color: var(--fg); font-family: inherit; font-size: inherit; line-height: 1.2;
+  -webkit-appearance: none; appearance: none; }
+button:disabled { opacity: 0.5; cursor: default; }
+button.contrast { background: #cf222e; color: white; border-color: #cf222e; }
+.btn-link { display: inline-block; padding: 0.25rem 0.6rem; border: 1px solid var(--border); border-radius: 4px; text-decoration: none; color: var(--fg); }
+.badge { padding: 0.05rem 0.4rem; border-radius: 999px; font-size: 11px; font-variant: small-caps; }
+.cli-claude-code { background: #d6e4ff; }
+.cli-codex       { background: #ffe5cc; }
+.cli-gemini      { background: #ffd6e7; }
+.cli-opencode    { background: #d4f4dd; }
+.cli-aiden       { background: #fff3a8; }
+.cli-coco        { background: #c8e6c9; }
+.cli-unknown     { background: #eee; color: var(--muted); }
+.status-working   { color: #0969da; font-weight: 600; }
+.status-idle      { color: var(--muted); }
+.status-closed    { color: #999; text-decoration: line-through; }
+.status-analyzing { color: #bf8700; }
+.status-starting  { color: #8250df; }
+dialog#drawer { border: none; border-radius: 8px; padding: 0; max-width: 600px; }
+dialog#drawer article { padding: 1rem 1.5rem; }
+dialog#drawer code { background: var(--header-bg); padding: 0.05rem 0.3rem; border-radius: 3px; font-size: 12px; }
+.actions { display: flex; gap: 0.5rem; flex-wrap: wrap; margin: 0.8rem 0; }
+.cell-in       { color: #1a7f37; text-align: center; }
+.cell-out      { color: #999;    text-align: center; }
+.cell-error    { color: #cf222e; text-align: center; }
+.cell-unknown  { color: #bf8700; text-align: center; }
+.checkbox-row  { display: block; padding: 0.3rem 0; }
+.empty         { color: var(--muted); padding: 1rem; text-align: center; }
+.form-row      { display: block; margin: 0.5rem 0; }
+.form-row span { display: block; margin-bottom: 0.2rem; color: var(--muted); font-size: 12px; }
+.form-row input[type=text] { width: 100%; padding: 0.3rem 0.5rem; border: 1px solid var(--border); border-radius: 4px; }
+dialog#g-drawer { border: none; border-radius: 8px; padding: 0; max-width: 600px; }
+dialog#g-drawer article { padding: 1rem 1.5rem; }
+dialog#g-drawer fieldset { margin: 0.5rem 0; padding: 0.4rem 0.8rem; border: 1px solid var(--border); border-radius: 4px; }
+dialog#g-drawer fieldset legend { padding: 0 0.3rem; color: var(--muted); font-size: 12px; }
+.hint-ok       { background: #ddf4e4; border-left: 3px solid #1a7f37; padding: 0.4rem 0.6rem; border-radius: 3px; margin: 0.5rem 0; font-size: 13px; }
+.hint-warn     { background: #fff8c5; border-left: 3px solid #bf8700; padding: 0.4rem 0.6rem; border-radius: 3px; margin: 0.5rem 0; font-size: 13px; }
+.btn-link.primary { background: #1f6feb; color: white; border-color: #1f6feb; font-weight: 600; }
+.hint-warn-inline { color: #9a6700; }
+.bulk-bar { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; margin-bottom: 0.5rem; background: #fff8c5; border: 1px solid #d4a72c; border-radius: 4px; position: sticky; top: 0; z-index: 5; }
+.bulk-bar[hidden] { display: none; }
+.bulk-bar #bulk-count { font-weight: 600; margin-right: 0.5rem; }
+input.row-select { cursor: pointer; }
+#select-all { cursor: pointer; }
+
+.oncall-row { padding: 0.4rem 0; border-top: 1px dashed var(--border); }
+.oncall-row:first-of-type { border-top: none; }
+.oncall-row-body { display: flex; gap: 0.4rem; align-items: center; margin-top: 0.3rem; padding-left: 1.6rem; flex-wrap: wrap; }
+.oncall-row-body input[type=text] { flex: 1; min-width: 220px; padding: 0.25rem 0.5rem; border: 1px solid var(--border); border-radius: 4px; font-family: ui-monospace, SFMono-Regular, monospace; font-size: 12px; }
+.oncall-row-body input[type=text]:disabled { background: #f6f8fa; color: var(--muted); }
+.oncall-status { font-size: 12px; color: var(--muted); }
+
+/* Bot Defaults tab */
+.bd-card { border: 1px solid var(--border); border-radius: 6px; padding: 0.8rem 1rem; margin-bottom: 0.8rem; max-width: 760px; }
+.bd-card header { display: flex; align-items: baseline; gap: 0.6rem; margin-bottom: 0.4rem; }
+.bd-card header strong { font-size: 15px; }
+.bd-card header small { color: var(--muted); font-family: ui-monospace, SFMono-Regular, monospace; font-size: 11px; }
+.bd-body .bd-row { margin: 0.5rem 0 0.3rem; }
+.bd-body .bd-row label { display: block; }
+.bd-body .bd-row span { display: block; margin-bottom: 0.2rem; color: var(--muted); font-size: 12px; }
+.bd-body .bd-row input[type=text] { width: 100%; padding: 0.3rem 0.5rem; border: 1px solid var(--border); border-radius: 4px; font-family: ui-monospace, SFMono-Regular, monospace; font-size: 12px; }
+.bd-body .bd-row input[type=text]:disabled { background: #f6f8fa; color: var(--muted); }
+.bd-meta { display: flex; gap: 1rem; flex-wrap: wrap; color: var(--muted); font-size: 12px; margin: 0.3rem 0; }
+.oncall-status.hint-ok { background: transparent; border: none; padding: 0; margin: 0; color: #1a7f37; }

package/dist/dashboard.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":""}