botmux 2.12.3 → 2.13.1

package/dist/dashboard/web/sessions.js

@@ -0,0 +1,187 @@
+// Sessions page: filter bar, table, detail drawer with locate (30s cooldown) + close.
+import { store } from './store.js';
+const PAGE_HTML = `
+<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 relTime(ms) {
+    if (!ms)
+        return '-';
+    const diff = Date.now() - ms;
+    if (diff < 60_000)
+        return 'now';
+    if (diff < 3_600_000)
+        return Math.floor(diff / 60_000) + 'm';
+    if (diff < 86_400_000)
+        return Math.floor(diff / 3_600_000) + 'h';
+    return Math.floor(diff / 86_400_000) + 'd';
+}
+function escapeHtml(s) {
+    return s.replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
+}
+const ICON_MIRROR = '\u{1FA9E}';
+const ICON_PIN = '\u{1F4CD}';
+const ICON_SCREEN = '\u{1F5A5}️';
+export function renderSessionsPage(root) {
+    root.innerHTML = PAGE_HTML;
+    const tbody = root.querySelector('#sessions-table tbody');
+    const filtersForm = root.querySelector('#filters');
+    const drawer = root.querySelector('#drawer');
+    function rowHtml(s) {
+        return `<tr data-id="${escapeHtml(s.sessionId)}">
+      <td>${escapeHtml(s.botName ?? '')}</td>
+      <td><span class="badge cli-${escapeHtml(s.cliId ?? 'unknown')}">${escapeHtml(s.cliId ?? 'unknown')}</span></td>
+      <td><span class="status status-${escapeHtml(s.status)}">${escapeHtml(s.status)}</span></td>
+      <td>${escapeHtml((s.title ?? '').slice(0, 40))}</td>
+      <td title="${escapeHtml(s.workingDir ?? '')}">${escapeHtml((s.workingDir ?? '').slice(-30))}</td>
+      <td>${relTime(s.spawnedAt)}</td>
+      <td>${relTime(s.lastMessageAt)}</td>
+      <td>${s.adopt ? ICON_MIRROR : ''}</td>
+      <td><button class="open">⋯</button></td>
+    </tr>`;
+    }
+    function filtered() {
+        const f = new FormData(filtersForm);
+        const q = (f.get('q') ?? '').toLowerCase();
+        const cli = f.getAll('cli');
+        const status = f.get('status');
+        const adopt = f.get('adopt');
+        const active = !!f.get('active');
+        return [...store.sessions.values()]
+            .filter(s => !cli.length || cli.includes(s.cliId ?? 'unknown'))
+            .filter(s => !status || s.status === status)
+            .filter(s => !adopt || (adopt === 'yes') === !!s.adopt)
+            .filter(s => !active || s.status !== 'closed')
+            .filter(s => !q || JSON.stringify(s).toLowerCase().includes(q))
+            .sort((a, b) => (b.lastMessageAt ?? 0) - (a.lastMessageAt ?? 0));
+    }
+    function rerender() {
+        tbody.innerHTML = filtered().map(rowHtml).join('');
+    }
+    function openDrawer(s) {
+        const closed = s.status === 'closed';
+        drawer.innerHTML = `
+      <article>
+        <header>
+          <h3>${escapeHtml(s.title ?? s.sessionId)}</h3>
+          <code>${escapeHtml(s.sessionId)}</code> <button data-copy="${escapeHtml(s.sessionId)}">copy</button>
+        </header>
+        <p><b>bot:</b> ${escapeHtml(s.botName ?? '-')} · <b>cli:</b> ${escapeHtml(s.cliId ?? '?')} · <b>status:</b> ${escapeHtml(s.status)}</p>
+        <p><b>chatId:</b> <code>${escapeHtml(s.chatId)}</code> <button data-copy="${escapeHtml(s.chatId)}">copy</button></p>
+        <p><b>rootMessageId:</b> <code>${escapeHtml(s.rootMessageId ?? '')}</code> <button data-copy="${escapeHtml(s.rootMessageId ?? '')}">copy</button></p>
+        ${s.threadId ? `<p><b>threadId:</b> <code>${escapeHtml(s.threadId)}</code></p>` : ''}
+        <p><b>workingDir:</b> ${escapeHtml(s.workingDir ?? '-')}</p>
+        <div class="actions">
+          <button id="locate-btn" type="button">${ICON_PIN} 定位到飞书话题</button>
+          ${s.webPort ? `<a class="btn-link" href="http://${escapeHtml(location.hostname)}:${s.webPort}" target="_blank">${ICON_SCREEN} 打开 xterm</a>` : ''}
+          ${!closed ? `<button id="close-btn" type="button" class="contrast">关闭会话</button>` : ''}
+        </div>
+        <form method="dialog"><button>关闭</button></form>
+      </article>`;
+        drawer.querySelectorAll('[data-copy]').forEach(b => {
+            b.onclick = () => {
+                navigator.clipboard.writeText(b.dataset.copy ?? '');
+                b.textContent = 'copied';
+                setTimeout(() => { b.textContent = 'copy'; }, 800);
+            };
+        });
+        const locateBtn = drawer.querySelector('#locate-btn');
+        if (locateBtn) {
+            locateBtn.onclick = async () => {
+                locateBtn.disabled = true;
+                locateBtn.textContent = `${ICON_PIN} 发送中...`;
+                try {
+                    const r = await fetch(`/api/sessions/${encodeURIComponent(s.sessionId)}/locate`, { method: 'POST' });
+                    const body = await r.json();
+                    if (body.ok) {
+                        // Daemon posted the @mention into the original thread. The
+                        // notification is what the user navigates from — no AppLink
+                        // redirect (the previous "open chat in new tab" behavior was
+                        // explicitly removed by the user as intrusive).
+                        let left = 30;
+                        locateBtn.textContent = `${ICON_PIN} (冷却 ${left}s)`;
+                        const tick = setInterval(() => {
+                            left -= 1;
+                            if (left <= 0) {
+                                clearInterval(tick);
+                                locateBtn.disabled = false;
+                                locateBtn.textContent = `${ICON_PIN} 定位到飞书话题`;
+                            }
+                            else {
+                                locateBtn.textContent = `${ICON_PIN} (冷却 ${left}s)`;
+                            }
+                        }, 1000);
+                    }
+                    else {
+                        const reason = body.error ?? r.status;
+                        alert('Locate failed: ' + reason);
+                        locateBtn.disabled = false;
+                        locateBtn.textContent = `${ICON_PIN} 定位到飞书话题`;
+                    }
+                }
+                catch (e) {
+                    alert('Locate error: ' + e);
+                    locateBtn.disabled = false;
+                    locateBtn.textContent = `${ICON_PIN} 定位到飞书话题`;
+                }
+            };
+        }
+        const closeBtn = drawer.querySelector('#close-btn');
+        if (closeBtn) {
+            closeBtn.onclick = async () => {
+                if (!confirm('关闭这个会话?'))
+                    return;
+                closeBtn.disabled = true;
+                try {
+                    await fetch(`/api/sessions/${encodeURIComponent(s.sessionId)}/close`, { method: 'POST' });
+                }
+                finally {
+                    drawer.close();
+                }
+            };
+        }
+        drawer.showModal();
+    }
+    tbody.addEventListener('click', e => {
+        const tr = e.target.closest('tr[data-id]');
+        if (!tr)
+            return;
+        const sid = tr.dataset.id;
+        const s = store.sessions.get(sid);
+        if (s)
+            openDrawer(s);
+    });
+    filtersForm.addEventListener('input', rerender);
+    store.on(rerender);
+    rerender();
+}
+//# sourceMappingURL=sessions.js.map

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

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

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

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,57 @@
+: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; }
+.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; }

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