botmux 2.12.2 → 2.13.0

package/dist/dashboard/web/store.d.ts

@@ -0,0 +1,23 @@
+type Session = Record<string, any> & {
+    sessionId: string;
+    status: string;
+};
+type Schedule = Record<string, any> & {
+    id: string;
+};
+declare class Store {
+    sessions: Map<string, Session>;
+    schedules: Map<string, Schedule>;
+    online: boolean;
+    private listeners;
+    upsertSessions(rows: Session[]): void;
+    upsertSchedules(rows: Schedule[]): void;
+    applySse(type: string, body: any): void;
+    setOnline(v: boolean): void;
+    on(fn: () => void): () => boolean;
+    private emit;
+}
+export declare const store: Store;
+export declare function bootstrap(): Promise<void>;
+export {};
+//# sourceMappingURL=store.d.ts.map

package/dist/dashboard/web/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/dashboard/web/store.ts"],"names":[],"mappings":"AACA,KAAK,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAC3E,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,cAAM,KAAK;IACT,QAAQ,uBAA8B;IACtC,SAAS,wBAA+B;IACxC,MAAM,UAAQ;IACd,OAAO,CAAC,SAAS,CAAyB;IAE1C,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE;IAI9B,eAAe,CAAC,IAAI,EAAE,QAAQ,EAAE;IAIhC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG;IAqBhC,SAAS,CAAC,CAAC,EAAE,OAAO;IAGpB,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI;IACjB,OAAO,CAAC,IAAI;CACb;AAED,eAAO,MAAM,KAAK,OAAc,CAAC;AAEjC,wBAAsB,SAAS,kBAwB9B"}

package/dist/dashboard/web/store.js

@@ -0,0 +1,82 @@
+class Store {
+    sessions = new Map();
+    schedules = new Map();
+    online = true;
+    listeners = new Set();
+    upsertSessions(rows) {
+        for (const r of rows)
+            this.sessions.set(r.sessionId, r);
+        this.emit();
+    }
+    upsertSchedules(rows) {
+        for (const r of rows)
+            this.schedules.set(r.id, r);
+        this.emit();
+    }
+    applySse(type, body) {
+        if (type === 'session.spawned') {
+            this.sessions.set(body.session.sessionId, body.session);
+        }
+        else if (type === 'session.update') {
+            const cur = this.sessions.get(body.sessionId);
+            if (cur)
+                this.sessions.set(body.sessionId, { ...cur, ...body.patch });
+        }
+        else if (type === 'session.exited') {
+            const cur = this.sessions.get(body.sessionId);
+            if (cur)
+                this.sessions.set(body.sessionId, { ...cur, status: 'closed' });
+        }
+        else if (type === 'schedule.created') {
+            this.schedules.set(body.schedule.id, body.schedule);
+        }
+        else if (type === 'schedule.updated') {
+            const cur = this.schedules.get(body.id);
+            if (cur)
+                this.schedules.set(body.id, { ...cur, ...body.patch });
+        }
+        else if (type === 'schedule.deleted') {
+            this.schedules.delete(body.id);
+        }
+        else {
+            return; // heartbeat / schedule.fired — no cache mutation
+        }
+        this.emit();
+    }
+    setOnline(v) {
+        if (this.online !== v) {
+            this.online = v;
+            this.emit();
+        }
+    }
+    on(fn) { this.listeners.add(fn); return () => this.listeners.delete(fn); }
+    emit() { for (const fn of this.listeners)
+        fn(); }
+}
+export const store = new Store();
+export async function bootstrap() {
+    const [s, sch] = await Promise.all([
+        fetch('/api/sessions').then(r => r.json()),
+        fetch('/api/schedules').then(r => r.json()),
+    ]);
+    store.upsertSessions(s.sessions ?? []);
+    store.upsertSchedules(sch.schedules ?? []);
+    const es = new EventSource('/events');
+    const types = [
+        'session.spawned', 'session.update', 'session.exited',
+        'schedule.created', 'schedule.updated', 'schedule.deleted',
+        'schedule.fired', 'heartbeat',
+    ];
+    for (const t of types) {
+        es.addEventListener(t, e => {
+            try {
+                const data = JSON.parse(e.data);
+                store.applySse(t, data.body ?? data);
+            }
+            catch { /* skip malformed */ }
+        });
+    }
+    es.onerror = () => store.setOnline(false);
+    es.onopen = () => store.setOnline(true);
+}
+//# sourceMappingURL=store.js.map

package/dist/dashboard/web/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/dashboard/web/store.ts"],"names":[],"mappings":"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"}

package/dist/dashboard-web/app.js

@@ -0,0 +1,129 @@
+"use strict";(()=>{var E=class{sessions=new Map;schedules=new Map;online=!0;listeners=new Set;upsertSessions(e){for(let a of e)this.sessions.set(a.sessionId,a);this.emit()}upsertSchedules(e){for(let a of e)this.schedules.set(a.id,a);this.emit()}applySse(e,a){if(e==="session.spawned")this.sessions.set(a.session.sessionId,a.session);else if(e==="session.update"){let c=this.sessions.get(a.sessionId);c&&this.sessions.set(a.sessionId,{...c,...a.patch})}else if(e==="session.exited"){let c=this.sessions.get(a.sessionId);c&&this.sessions.set(a.sessionId,{...c,status:"closed"})}else if(e==="schedule.created")this.schedules.set(a.schedule.id,a.schedule);else if(e==="schedule.updated"){let c=this.schedules.get(a.id);c&&this.schedules.set(a.id,{...c,...a.patch})}else if(e==="schedule.deleted")this.schedules.delete(a.id);else return;this.emit()}setOnline(e){this.online!==e&&(this.online=e,this.emit())}on(e){return this.listeners.add(e),()=>this.listeners.delete(e)}emit(){for(let e of this.listeners)e()}},h=new E;async function x(){let[n,e]=await Promise.all([fetch("/api/sessions").then(f=>f.json()),fetch("/api/schedules").then(f=>f.json())]);h.upsertSessions(n.sessions??[]),h.upsertSchedules(e.schedules??[]);let a=new EventSource("/events"),c=["session.spawned","session.update","session.exited","schedule.created","schedule.updated","schedule.deleted","schedule.fired","heartbeat"];for(let f of c)a.addEventListener(f,i=>{try{let p=JSON.parse(i.data);h.applySse(f,p.body??p)}catch{}});a.onerror=()=>h.setOnline(!1),a.onopen=()=>h.setOnline(!0)}var O=`
+<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>
+<table id="sessions-table">
+  <thead><tr>
+    <th>bot</th><th>cli</th><th>status</th><th>title</th><th>workingDir</th>
+    <th>spawned</th><th>last</th><th>adopt</th><th></th>
+  </tr></thead>
+  <tbody></tbody>
+</table>
+<dialog id="drawer"></dialog>
+`;function C(n){if(!n)return"-";let e=Date.now()-n;return e<6e4?"now":e<36e5?Math.floor(e/6e4)+"m":e<864e5?Math.floor(e/36e5)+"h":Math.floor(e/864e5)+"d"}function u(n){return n.replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}var B="\u{1FA9E}",y="\u{1F4CD}",F="\u{1F5A5}\uFE0F";function A(n){n.innerHTML=O;let e=n.querySelector("#sessions-table tbody"),a=n.querySelector("#filters"),c=n.querySelector("#drawer");function f(t){return`<tr data-id="${u(t.sessionId)}">
+      <td>${u(t.botName??"")}</td>
+      <td><span class="badge cli-${u(t.cliId??"unknown")}">${u(t.cliId??"unknown")}</span></td>
+      <td><span class="status status-${u(t.status)}">${u(t.status)}</span></td>
+      <td>${u((t.title??"").slice(0,40))}</td>
+      <td title="${u(t.workingDir??"")}">${u((t.workingDir??"").slice(-30))}</td>
+      <td>${C(t.spawnedAt)}</td>
+      <td>${C(t.lastMessageAt)}</td>
+      <td>${t.adopt?B:""}</td>
+      <td><button class="open">\u22EF</button></td>
+    </tr>`}function i(){let t=new FormData(a),r=(t.get("q")??"").toLowerCase(),l=t.getAll("cli"),d=t.get("status"),s=t.get("adopt"),b=!!t.get("active");return[...h.sessions.values()].filter(o=>!l.length||l.includes(o.cliId??"unknown")).filter(o=>!d||o.status===d).filter(o=>!s||s==="yes"==!!o.adopt).filter(o=>!b||o.status!=="closed").filter(o=>!r||JSON.stringify(o).toLowerCase().includes(r)).sort((o,w)=>(w.lastMessageAt??0)-(o.lastMessageAt??0))}function p(){e.innerHTML=i().map(f).join("")}function m(t){let r=t.status==="closed";c.innerHTML=`
+      <article>
+        <header>
+          <h3>${u(t.title??t.sessionId)}</h3>
+          <code>${u(t.sessionId)}</code> <button data-copy="${u(t.sessionId)}">copy</button>
+        </header>
+        <p><b>bot:</b> ${u(t.botName??"-")} \xB7 <b>cli:</b> ${u(t.cliId??"?")} \xB7 <b>status:</b> ${u(t.status)}</p>
+        <p><b>chatId:</b> <code>${u(t.chatId)}</code> <button data-copy="${u(t.chatId)}">copy</button></p>
+        <p><b>rootMessageId:</b> <code>${u(t.rootMessageId??"")}</code> <button data-copy="${u(t.rootMessageId??"")}">copy</button></p>
+        ${t.threadId?`<p><b>threadId:</b> <code>${u(t.threadId)}</code></p>`:""}
+        <p><b>workingDir:</b> ${u(t.workingDir??"-")}</p>
+        <div class="actions">
+          <button id="locate-btn" type="button">${y} \u5B9A\u4F4D\u5230\u98DE\u4E66\u8BDD\u9898</button>
+          ${t.webPort?`<a class="btn-link" href="http://${u(location.hostname)}:${t.webPort}" target="_blank">${F} \u6253\u5F00 xterm</a>`:""}
+          ${r?"":'<button id="close-btn" type="button" class="contrast">\u5173\u95ED\u4F1A\u8BDD</button>'}
+        </div>
+        <form method="dialog"><button>\u5173\u95ED</button></form>
+      </article>`,c.querySelectorAll("[data-copy]").forEach(s=>{s.onclick=()=>{navigator.clipboard.writeText(s.dataset.copy??""),s.textContent="copied",setTimeout(()=>{s.textContent="copy"},800)}});let l=c.querySelector("#locate-btn");l&&(l.onclick=async()=>{l.disabled=!0,l.textContent=`${y} \u53D1\u9001\u4E2D...`;try{let s=await fetch(`/api/sessions/${encodeURIComponent(t.sessionId)}/locate`,{method:"POST"}),b=await s.json();if(b.ok){window.open(t.feishuChatLink,"_blank");let o=30;l.textContent=`${y} (\u51B7\u5374 ${o}s)`;let w=setInterval(()=>{o-=1,o<=0?(clearInterval(w),l.disabled=!1,l.textContent=`${y} \u5B9A\u4F4D\u5230\u98DE\u4E66\u8BDD\u9898`):l.textContent=`${y} (\u51B7\u5374 ${o}s)`},1e3)}else{let o=b.error??s.status;alert("Locate failed: "+o),l.disabled=!1,l.textContent=`${y} \u5B9A\u4F4D\u5230\u98DE\u4E66\u8BDD\u9898`}}catch(s){alert("Locate error: "+s),l.disabled=!1,l.textContent=`${y} \u5B9A\u4F4D\u5230\u98DE\u4E66\u8BDD\u9898`}});let d=c.querySelector("#close-btn");d&&(d.onclick=async()=>{if(confirm("\u5173\u95ED\u8FD9\u4E2A\u4F1A\u8BDD?")){d.disabled=!0;try{await fetch(`/api/sessions/${encodeURIComponent(t.sessionId)}/close`,{method:"POST"})}finally{c.close()}}}),c.showModal()}e.addEventListener("click",t=>{let r=t.target.closest("tr[data-id]");if(!r)return;let l=r.dataset.id,d=h.sessions.get(l);d&&m(d)}),a.addEventListener("input",p),h.on(p),p()}var j=`
+<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 M(n){return n.replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}function q(n){if(!n)return"\u2014";try{return new Date(n).toLocaleString()}catch{return n}}function N(n){n.innerHTML=j;let e=n.querySelector("#schedules-tbody"),a=n.querySelector("#sched-filters");function c(){let i=new FormData(a),p=(i.get("q")??"").toLowerCase(),m=i.get("kind"),t=!!i.get("enabled");return[...h.schedules.values()].filter(r=>!m||r.parsed?.kind===m).filter(r=>!t||r.enabled).filter(r=>!p||JSON.stringify(r).toLowerCase().includes(p)).sort((r,l)=>{if(r.enabled!==l.enabled)return r.enabled?-1:1;let d=r.nextRunAt?Date.parse(r.nextRunAt):1/0,s=l.nextRunAt?Date.parse(l.nextRunAt):1/0;return d-s})}function f(){e.innerHTML=c().map(i=>`<tr data-id="${M(i.id)}">
+      <td>${M(i.name??i.id)}</td>
+      <td>${M(i.botName??i.larkAppId??"-")}</td>
+      <td><code>${M(i.parsed?.display??"?")}</code></td>
+      <td>${q(i.nextRunAt)}</td>
+      <td>${q(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>'}e.addEventListener("click",async i=>{let p=i.target.closest("button[data-op]");if(!p)return;let m=p.closest("tr[data-id]");if(!m)return;let t=m.dataset.id,r=p.dataset.op;p.disabled=!0;let l=p.textContent;p.textContent="...";try{let d=await fetch(`/api/schedules/${encodeURIComponent(t)}/${r}`,{method:"POST"}),s=await d.json().catch(()=>({}));(!d.ok||s.ok===!1)&&alert(`Failed: ${d.status} ${s?.error??""}`.trim())}catch(d){alert("Network error: "+d)}finally{p.disabled=!1,p.textContent=l}}),a.addEventListener("input",f),h.on(f),f()}var $={chats:[],bots:[]},G=`
+<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>
+</form>
+<table>
+  <thead id="g-head"></thead>
+  <tbody id="g-body"></tbody>
+</table>
+<dialog id="g-drawer"></dialog>
+`;function g(n){return n.replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}async function S(){$=await(await fetch("/api/groups")).json()}async function R(n){n.innerHTML=G;let e=n.querySelector("#g-head"),a=n.querySelector("#g-body"),c=n.querySelector("#g-filters"),f=n.querySelector("#g-refresh"),i=n.querySelector("#g-drawer");f.onclick=async()=>{f.disabled=!0;try{await S(),m()}finally{f.disabled=!1}},await S();function p(){e.innerHTML=`<tr>
+      <th>chat</th>
+      ${$.bots.map(t=>`<th>${g(t.botName??t.larkAppId)}</th>`).join("")}
+      <th>actions</th>
+    </tr>`}function m(){p();let t=new FormData(c),r=(t.get("q")??"").toLowerCase(),l=!!t.get("missing"),d=$.chats.filter(s=>!r||(s.name??"").toLowerCase().includes(r)||s.chatId.toLowerCase().includes(r)||(s.ownerId??"").toLowerCase().includes(r)).filter(s=>!l||s.memberBots.some(b=>!b.inChat));if(d.length===0){a.innerHTML=`<tr><td colspan="${$.bots.length+2}" class="empty">No chats match the filter.</td></tr>`;return}a.innerHTML=d.map(s=>`<tr data-chat="${g(s.chatId)}">
+      <td>
+        <strong>${g(s.name??s.chatId)}</strong><br>
+        <small><code>${g(s.chatId)}</code></small>
+      </td>
+      ${$.bots.map(b=>{let o=s.memberBots.find(L=>L.larkAppId===b.larkAppId),w=o?o.error?"!":o.inChat?"\u2713":"\u2717":"?";return`<td class="${o?o.error?"cell-error":o.inChat?"cell-in":"cell-out":"cell-unknown"}" title="${g(o?.error??"")}">${w}</td>`}).join("")}
+      <td><button class="add-bots" type="button">Add bots</button></td>
+    </tr>`).join("")}m(),a.addEventListener("click",async t=>{let r=t.target.closest("button.add-bots");if(!r)return;let d=r.closest("tr[data-chat]").dataset.chat,s=$.chats.find(o=>o.chatId===d);if(!s)return;let b=s.memberBots.filter(o=>!o.inChat);if(!b.length){alert("All configured bots are already in this chat.");return}i.innerHTML=`
+      <article>
+        <header><h3>Add bots to ${g(s.name??s.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">
+          ${b.map(o=>`
+            <label class="checkbox-row">
+              <input type="checkbox" name="bot" value="${g(o.larkAppId)}">
+              ${g(o.botName??o.larkAppId)} <small>(${g(o.larkAppId)})</small>
+            </label>
+          `).join("")}
+          <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 o=>{o.preventDefault();let k=new FormData(o.target).getAll("bot");if(k.length===0){alert("Pick at least one bot.");return}try{let I=await(await fetch(`/api/groups/${encodeURIComponent(d)}/add-bots`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({larkAppIds:k})})).json();if(I.error==="no_proxy_bot")alert("No bot is currently in this chat \u2014 add one manually in Feishu first, then retry.");else if(I.result){let _=I.result.map(T=>`${T.id}: ${T.ok?"OK":`failed (${T.error??"unknown"})`}`).join(`
+`);alert(_),await S(),m()}else alert(`Unexpected response: ${JSON.stringify(I)}`)}catch(L){alert("Network error: "+L)}finally{i.close()}}}),c.addEventListener("input",m)}var v=document.getElementById("root");function D(){let n=location.hash||"#/";n.startsWith("#/groups")?R(v):n.startsWith("#/schedules")?N(v):A(v);for(let e of document.querySelectorAll("header nav a"))e.classList.toggle("active",e.getAttribute("href")===(n||"#/")||n==="#/"&&e.dataset.route==="sessions")}var H=document.getElementById("status");function P(){H&&(H.textContent=h.online?"\u25CF live":"\u25CF disconnected",H.className="status "+(h.online?"online":"offline"))}h.on(P);P();(async()=>{try{await x()}catch(n){console.error("botmux dashboard bootstrap failed",n),h.setOnline(!1)}window.addEventListener("hashchange",D),D()})();})();

package/dist/dashboard-web/index.html

@@ -0,0 +1,22 @@
+<!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>
+    </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,50 @@
+: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; }
+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; }
+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; }

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":""}