botmux 2.98.4-canary.2 → 2.99.0

package/dist/dashboard/web/dashboard-routes.js

@@ -0,0 +1,176 @@
+export const dashboardRoutes = [
+    {
+        id: 'legacy-workflow',
+        routePrefix: '#/legacy-workflow',
+        load: async () => {
+            const mod = await import('./workflows.js');
+            return root => mod.renderWorkflowsPage(root);
+        },
+    },
+    {
+        id: 'workflows',
+        routePrefix: '#/workflows',
+        rerenderOnUiChange: false,
+        load: async () => {
+            const mod = await import('./v3-page.js');
+            return root => mod.renderV3RunsPage(root);
+        },
+    },
+    {
+        id: 'groups',
+        routePrefix: '#/groups',
+        // Groups is currently a render-once React scaffold around the existing
+        // imperative matrix/dialog controller, so locale/theme changes full-remount
+        // it until those controller-owned subtrees become React components.
+        rerenderOnUiChange: true,
+        load: async () => {
+            const mod = await import('./groups-page.js');
+            return root => mod.renderGroupsPage(root);
+        },
+    },
+    {
+        id: 'settings',
+        routePrefix: '#/settings',
+        rerenderOnUiChange: false,
+        load: async () => {
+            const mod = await import('./settings-page.js');
+            return root => mod.renderSettingsPage(root);
+        },
+    },
+    {
+        id: 'bot-defaults',
+        routePrefix: '#/bot-defaults',
+        // Bot defaults is currently a render-once React scaffold around the
+        // imperative settings controller, so ui changes still full-remount it to
+        // refresh translations without partial React renders fighting innerHTML.
+        rerenderOnUiChange: true,
+        load: async () => {
+            const mod = await import('./bot-defaults-page.js');
+            return root => mod.renderBotDefaultsPage(root);
+        },
+    },
+    {
+        id: 'skills',
+        routePrefix: '#/skills',
+        rerenderOnUiChange: false,
+        load: async () => {
+            const mod = await import('./skills-page.js');
+            return root => mod.renderSkillsPage(root);
+        },
+    },
+    {
+        id: 'connectors',
+        routePrefix: '#/connectors',
+        rerenderOnUiChange: false,
+        load: async () => {
+            const mod = await import('./connectors.js');
+            return root => mod.renderConnectorsPage(root);
+        },
+    },
+    {
+        id: 'team-manage',
+        routePrefix: '#/team/manage',
+        // Team pages are render-once React scaffolds around the existing
+        // federation controller, so ui changes full-remount translated subtrees.
+        rerenderOnUiChange: true,
+        load: async () => {
+            const mod = await import('./team-federation-page.js');
+            return root => mod.renderTeamManagePage(root);
+        },
+    },
+    {
+        id: 'team',
+        routePrefix: '#/team',
+        // Team pages are render-once React scaffolds around the existing
+        // federation controller, so ui changes full-remount translated subtrees.
+        rerenderOnUiChange: true,
+        load: async () => {
+            const mod = await import('./team-federation-page.js');
+            return root => mod.renderTeamFederationPage(root);
+        },
+    },
+    {
+        id: 'roles-profile',
+        routePrefix: '#/roles/profile',
+        // Roles still uses a render-once React scaffold around the imperative
+        // editor/profile controller, so ui changes full-remount it until the
+        // controller-owned subtrees become reactive components.
+        rerenderOnUiChange: true,
+        load: async () => {
+            const mod = await import('./roles-page.js');
+            return root => mod.renderRoleProfilesPage(root);
+        },
+    },
+    {
+        id: 'roles',
+        routePrefix: '#/roles',
+        // Roles still uses a render-once React scaffold around the imperative
+        // editor/profile controller, so ui changes full-remount it until the
+        // controller-owned subtrees become reactive components.
+        rerenderOnUiChange: true,
+        load: async () => {
+            const mod = await import('./roles-page.js');
+            return root => mod.renderRolesPage(root);
+        },
+    },
+    {
+        id: 'schedules',
+        routePrefix: '#/schedules',
+        rerenderOnUiChange: false,
+        load: async () => {
+            const mod = await import('./schedules.js');
+            return root => mod.renderSchedulesPage(root);
+        },
+    },
+    {
+        id: 'whiteboards',
+        routePrefix: '#/whiteboards',
+        rerenderOnUiChange: false,
+        load: async () => {
+            const mod = await import('./whiteboards-page.js');
+            return root => mod.renderWhiteboardsPage(root);
+        },
+    },
+    {
+        id: 'sessions',
+        routePrefix: '#/sessions',
+        // Sessions is a render-once React scaffold around the legacy imperative
+        // controller. Keep full remounts on locale/theme changes until the
+        // controller is split into reactive components, so translated scaffold text
+        // and command-owned DOM stay in sync without partial React re-renders.
+        rerenderOnUiChange: true,
+        load: async () => {
+            const mod = await import('./sessions-page.js');
+            return root => mod.renderSessionsPage(root);
+        },
+    },
+    {
+        id: 'office',
+        routePrefix: '#/office',
+        rerenderOnUiChange: false,
+        load: async () => {
+            const mod = await import('./office-page.js');
+            return root => mod.renderOfficePage(root);
+        },
+    },
+    {
+        id: 'insights',
+        routePrefix: '#/insights',
+        // Insights is a render-once React scaffold around a large imperative
+        // workbench controller; remount on ui changes until that controller is
+        // split into reactive components.
+        rerenderOnUiChange: true,
+        load: async () => {
+            const mod = await import('./insights-page.js');
+            return root => mod.renderInsightsPage(root);
+        },
+    },
+];
+export function findDashboardRoute(hash) {
+    return dashboardRoutes.find(route => route.exact ? hash === route.routePrefix : hash.startsWith(route.routePrefix));
+}
+export async function loadOverviewPage() {
+    const mod = await import('./overview-page.js');
+    return root => mod.renderOverviewPage(root);
+}
+//# sourceMappingURL=dashboard-routes.js.map

package/dist/dashboard/web/dashboard-routes.js.map

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

package/dist/dashboard/web/groups-page.d.ts

@@ -0,0 +1,3 @@
+import { type PageDisposer } from './react-mount.js';
+export declare function renderGroupsPage(root: HTMLElement): PageDisposer;
+//# sourceMappingURL=groups-page.d.ts.map

package/dist/dashboard/web/groups-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groups-page.d.ts","sourceRoot":"","sources":["../../../src/dashboard/web/groups-page.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA8CrE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,YAAY,CAEhE"}

package/dist/dashboard/web/groups-page.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { loadingHtml } from './ui.js';
+import { useT } from './react-hooks.js';
+import { mountReactPage } from './react-mount.js';
+import { wireGroupsPage } from './groups.js';
+function Html(props) {
+    return _jsx("span", { style: { display: 'contents' }, dangerouslySetInnerHTML: { __html: props.html } });
+}
+// Render-once scaffold: React owns the translated route shell, while
+// wireGroupsPage owns the matrix and dialog flows until those controllers are
+// split into reactive components. Keep ui-change rerenders as full remounts.
+function GroupsPage() {
+    const tr = useT();
+    const rootRef = useRef(null);
+    useEffect(() => {
+        if (!rootRef.current)
+            return undefined;
+        return wireGroupsPage(rootRef.current);
+    }, []);
+    return (_jsxs("section", { className: "page", ref: rootRef, children: [_jsx("div", { className: "page-heading", children: _jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: tr('nav.groups') }), _jsx("h1", { children: tr('groups.title') }), _jsx("p", { children: tr('groups.subtitle') })] }) }), _jsxs("form", { id: "g-filters", className: "filters", children: [_jsx("input", { type: "search", name: "q", placeholder: tr('groups.search') }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", name: "missing" }), " ", tr('groups.missingOnly')] }), _jsx("button", { type: "button", id: "g-refresh", children: tr('groups.refresh') }), _jsx("button", { type: "button", id: "g-create", className: "primary", children: tr('groups.create') })] }), _jsx("div", { id: "g-loading", children: _jsx(Html, { html: loadingHtml() }) }), _jsx("div", { className: "table-scroll matrix-scroll", id: "g-table-wrap", hidden: true, children: _jsxs("table", { children: [_jsx("thead", { id: "g-head" }), _jsx("tbody", { id: "g-body" })] }) }), _jsx("dialog", { id: "g-drawer" })] }));
+}
+export function renderGroupsPage(root) {
+    return mountReactPage(root, _jsx(GroupsPage, {}));
+}
+//# sourceMappingURL=groups-page.js.map

package/dist/dashboard/web/groups-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groups-page.js","sourceRoot":"","sources":["../../../src/dashboard/web/groups-page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAqB,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,SAAS,IAAI,CAAC,KAAuB;IACnC,OAAO,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,GAAI,CAAC;AACnG,CAAC;AAED,qEAAqE;AACrE,8EAA8E;AAC9E,6EAA6E;AAC7E,SAAS,UAAU;IACjB,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;IAClB,MAAM,OAAO,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO,SAAS,CAAC;QACvC,OAAO,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,mBAAS,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,OAAO,aACpC,cAAK,SAAS,EAAC,cAAc,YAC3B,0BACE,YAAG,SAAS,EAAC,SAAS,YAAE,EAAE,CAAC,YAAY,CAAC,GAAK,EAC7C,uBAAK,EAAE,CAAC,cAAc,CAAC,GAAM,EAC7B,sBAAI,EAAE,CAAC,iBAAiB,CAAC,GAAK,IAC1B,GACF,EACN,gBAAM,EAAE,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,aACtC,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,WAAW,EAAE,EAAE,CAAC,eAAe,CAAC,GAAI,EAClE,4BAAO,gBAAO,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG,OAAE,EAAE,CAAC,oBAAoB,CAAC,IAAS,EAClF,iBAAQ,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,WAAW,YAAE,EAAE,CAAC,gBAAgB,CAAC,GAAU,EACpE,iBAAQ,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,YAAE,EAAE,CAAC,eAAe,CAAC,GAAU,IACjF,EACP,cAAK,EAAE,EAAC,WAAW,YAAC,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,GAAI,GAAM,EACvD,cAAK,SAAS,EAAC,4BAA4B,EAAC,EAAE,EAAC,cAAc,EAAC,MAAM,kBAClE,4BACE,gBAAO,EAAE,EAAC,QAAQ,GAAG,EACrB,gBAAO,EAAE,EAAC,QAAQ,GAAG,IACf,GACJ,EACN,iBAAQ,EAAE,EAAC,UAAU,GAAG,IAChB,CACX,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAiB;IAChD,OAAO,cAAc,CAAC,IAAI,EAAE,KAAC,UAAU,KAAG,CAAC,CAAC;AAC9C,CAAC"}

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

@@ -20,6 +20,6 @@ export declare function renderBotCheckboxes(bots: Array<{
 }>, excludeIds?: Set<string>): string;
 export declare function renderRoleProfileBootstrapSummary(profileId: string, messageId?: unknown, error?: unknown): string;
 export declare function renderAddBotsResultSummary(result: GroupAddBotResult[]): string;
-export declare function renderGroupsPage(root: HTMLElement): Promise<void>;
+export declare function wireGroupsPage(root: HTMLElement): () => void;
 export {};
 //# sourceMappingURL=groups.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../src/dashboard/web/groups.ts"],"names":[],"mappings":"AA4BA,KAAK,iBAAiB,GAAG;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAMF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQlE;AA0FD;;;kEAGkE;AAClE,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO,CAOhF;AAED;;;;iDAIiD;AACjD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,KAAK,CAAC;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,EACpD,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACvB,MAAM,CASR;AAED,wBAAgB,iCAAiC,CAC/C,SAAS,EAAE,MAAM,EACjB,SAAS,CAAC,EAAE,OAAO,EACnB,KAAK,CAAC,EAAE,OAAO,GACd,MAAM,CAoBR;AAED,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAkB9E;AAED,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,WAAW,iBA+4BvD"}
+{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../src/dashboard/web/groups.ts"],"names":[],"mappings":"AA4BA,KAAK,iBAAiB,GAAG;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAMF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQlE;AAgED;;;kEAGkE;AAClE,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO,CAOhF;AAED;;;;iDAIiD;AACjD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,KAAK,CAAC;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,EACpD,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACvB,MAAM,CASR;AAED,wBAAgB,iCAAiC,CAC/C,SAAS,EAAE,MAAM,EACjB,SAAS,CAAC,EAAE,OAAO,EACnB,KAAK,CAAC,EAAE,OAAO,GACd,MAAM,CAoBR;AAED,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAkB9E;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,IAAI,CAq9B5D"}

package/dist/dashboard/web/groups.js

@@ -2,7 +2,7 @@
 // The aggregator at /api/groups fans out to all online daemons and merges chats
 // by chatId; the dashboard displays this as a matrix where each cell shows
 // whether a bot is a member of a given chat.
-import { chatAvatarHtml, escapeHtml, loadingHtml, t } from './ui.js';
+import { chatAvatarHtml, escapeHtml, t } from './ui.js';
 import { hasExplicitChatRole, summarizeGroupProfileMatches, } from './role-profile-match.js';
 let cache = { chats: [], bots: [] };
 const PROFILE_ID_RE = /^[A-Za-z0-9._-]{1,64}$/;
@@ -23,31 +23,6 @@ export function suggestRoleProfileIdFromChat(value) {
         .slice(0, 64);
     return isValidProfileId(cleaned) ? cleaned : 'profile';
 }
-function pageHtml() {
-    return `<section class="page">
-<div class="page-heading">
-  <div>
-    <p class="eyebrow">${t('nav.groups')}</p>
-    <h1>${t('groups.title')}</h1>
-    <p>${t('groups.subtitle')}</p>
-  </div>
-</div>
-<form id="g-filters" class="filters">
-  <input type="search" name="q" placeholder="${t('groups.search')}" />
-  <label><input type="checkbox" name="missing"> ${t('groups.missingOnly')}</label>
-  <button type="button" id="g-refresh">${t('groups.refresh')}</button>
-  <button type="button" id="g-create" class="primary">${t('groups.create')}</button>
-</form>
-<div id="g-loading">${loadingHtml()}</div>
-<div class="table-scroll matrix-scroll" id="g-table-wrap" hidden>
-  <table>
-    <thead id="g-head"></thead>
-    <tbody id="g-body"></tbody>
-  </table>
-</div>
-<dialog id="g-drawer"></dialog>
-</section>`;
-}
 async function loadGroups() {
     const r = await fetch('/api/groups');
     cache = await r.json();
@@ -171,8 +146,28 @@ export function renderAddBotsResultSummary(result) {
     <ul>${items}</ul>
   </div>`;
 }
-export async function renderGroupsPage(root) {
-    root.innerHTML = pageHtml();
+export function wireGroupsPage(root) {
+    let disposed = false;
+    const timers = new Set();
+    const delayResolvers = new Map();
+    const setTimer = (fn, ms) => {
+        const id = window.setTimeout(() => {
+            timers.delete(id);
+            if (!disposed)
+                fn();
+        }, ms);
+        timers.add(id);
+        return id;
+    };
+    const delay = (ms) => new Promise(resolve => {
+        const id = window.setTimeout(() => {
+            timers.delete(id);
+            delayResolvers.delete(id);
+            resolve();
+        }, ms);
+        timers.add(id);
+        delayResolvers.set(id, resolve);
+    });
     const head = root.querySelector('#g-head');
     const body = root.querySelector('#g-body');
     const form = root.querySelector('#g-filters');
@@ -182,11 +177,14 @@ export async function renderGroupsPage(root) {
         refreshBtn.disabled = true;
         try {
             await loadGroups();
+            if (disposed)
+                return;
             rerender();
             void refreshRoleProfileContext();
         }
         finally {
-            refreshBtn.disabled = false;
+            if (!disposed)
+                refreshBtn.disabled = false;
         }
     };
     const createBtn = root.querySelector('#g-create');
@@ -194,13 +192,19 @@ export async function renderGroupsPage(root) {
     // /api/groups 要扇出到所有 daemon、逐群查成员，慢——先亮 loading，回来再换表格。
     const loadingEl = root.querySelector('#g-loading');
     const tableWrap = root.querySelector('#g-table-wrap');
-    try {
-        await loadGroups();
-    }
-    finally {
-        loadingEl.remove();
-        tableWrap.hidden = false;
-    }
+    void (async () => {
+        try {
+            await loadGroups();
+        }
+        finally {
+            if (disposed)
+                return;
+            loadingEl.remove();
+            tableWrap.hidden = false;
+            rerender();
+            void refreshRoleProfileContext();
+        }
+    })();
     async function refreshRoleProfileContext() {
         try {
             await loadGroupRoleProfileContext();
@@ -211,6 +215,8 @@ export async function renderGroupsPage(root) {
             groupRoleContentByBot = new Map();
         }
         finally {
+            if (disposed)
+                return;
             roleProfileContextLoaded = true;
             rerender();
         }
@@ -240,6 +246,8 @@ export async function renderGroupsPage(root) {
             roleProfiles = data.profiles ?? [];
         }
         catch { /* profile selector is optional */ }
+        if (disposed)
+            return;
         drawer.innerHTML = `
       <article>
         <header><h3>${t('groups.createTitle')}</h3></header>
@@ -305,6 +313,8 @@ export async function renderGroupsPage(root) {
                     }),
                 });
                 const respBody = await r.json();
+                if (disposed)
+                    return;
                 if (respBody.ok && respBody.chatId) {
                     renderCreateSuccess(respBody);
                     // Lark's chat.list has eventual consistency: the chat we just
@@ -370,7 +380,9 @@ export async function renderGroupsPage(root) {
             // Refresh will reconcile.
             const delays = [600, 1200, 1200, 1200, 1200, 1200];
             for (const d of delays) {
-                await new Promise(r => setTimeout(r, d));
+                await delay(d);
+                if (disposed)
+                    return;
                 let next;
                 try {
                     next = await fetchGroups();
@@ -378,6 +390,8 @@ export async function renderGroupsPage(root) {
                 catch {
                     continue;
                 }
+                if (disposed)
+                    return;
                 const row = (next.chats ?? []).find((c) => c.chatId === chatId);
                 if (row && allExpectedInChat(row, expectedBotIds)) {
                     cache = next;
@@ -455,7 +469,7 @@ export async function renderGroupsPage(root) {
             b.onclick = () => {
                 navigator.clipboard.writeText(b.dataset.copy ?? '');
                 b.textContent = t('sessions.copied');
-                setTimeout(() => { b.textContent = t('sessions.copy'); }, 800);
+                setTimer(() => { b.textContent = t('sessions.copy'); }, 800);
             };
         });
         drawer.querySelector('#g-create-close').onclick = () => drawer.close();
@@ -532,9 +546,7 @@ export async function renderGroupsPage(root) {
       </td>
     </tr>`).join('');
     }
-    rerender();
-    void refreshRoleProfileContext();
-    body.addEventListener('click', async (e) => {
+    const onAddBotsClick = async (e) => {
         const btn = e.target.closest('button.add-bots');
         if (!btn)
             return;
@@ -589,6 +601,8 @@ export async function renderGroupsPage(root) {
                     body: JSON.stringify({ larkAppIds: ids }),
                 });
                 const respBody = await r.json();
+                if (disposed)
+                    return;
                 if (respBody.error === 'no_proxy_bot') {
                     setDialogStatus(statusEl, renderDialogError('无法添加 bot', '当前群里没有可代理操作的 bot。请先在飞书里手动拉入一个 bot，然后重试。'));
                 }
@@ -597,11 +611,15 @@ export async function renderGroupsPage(root) {
                     setDialogStatus(statusEl, resultHtml);
                     try {
                         await loadGroups();
+                        if (disposed)
+                            return;
                         rerender();
                         void refreshRoleProfileContext();
                     }
                     catch (e) {
-                        setDialogStatus(statusEl, `${resultHtml}${renderDialogError('刷新失败', `添加结果已返回，但刷新群组列表失败：${e}`)}`);
+                        if (!disposed) {
+                            setDialogStatus(statusEl, `${resultHtml}${renderDialogError('刷新失败', `添加结果已返回，但刷新群组列表失败：${e}`)}`);
+                        }
                     }
                 }
                 else {
@@ -612,11 +630,13 @@ export async function renderGroupsPage(root) {
                 setDialogStatus(statusEl, renderDialogError('网络错误', e));
             }
             finally {
-                restoreSubmit(submitBtn, t('groups.addBots'));
+                if (!disposed)
+                    restoreSubmit(submitBtn, t('groups.addBots'));
             }
         };
-    });
-    body.addEventListener('click', async (e) => {
+    };
+    body.addEventListener('click', onAddBotsClick);
+    const onSaveProfileClick = async (e) => {
         const btn = e.target.closest('button.save-profile');
         if (!btn)
             return;
@@ -626,7 +646,8 @@ export async function renderGroupsPage(root) {
         if (!chat)
             return;
         await saveGroupRolesAsProfile(chat, btn);
-    });
+    };
+    body.addEventListener('click', onSaveProfileClick);
     async function saveGroupRolesAsProfile(chat, btn) {
         const suggestedByName = suggestRoleProfileIdFromChat(chat.name ?? '');
         const suggested = suggestedByName === 'profile'
@@ -640,11 +661,15 @@ export async function renderGroupsPage(root) {
                 collectGroupProfileEntries(chat),
                 fetchRoleProfileSummaries(),
             ]);
+            if (disposed)
+                return;
             openSaveProfileDialog(chat, suggested, entries, profiles);
         }
         finally {
-            btn.disabled = false;
-            btn.textContent = originalText;
+            if (!disposed) {
+                btn.disabled = false;
+                btn.textContent = originalText;
+            }
         }
     }
     async function collectGroupProfileEntries(chat) {
@@ -851,6 +876,8 @@ export async function renderGroupsPage(root) {
                     });
                     return r.ok;
                 }));
+                if (disposed)
+                    return;
                 const saved = results.filter(Boolean).length;
                 if (saved !== entries.length) {
                     statusEl.textContent = t('groups.saveProfileFailed', { saved, total: entries.length });
@@ -864,7 +891,9 @@ export async function renderGroupsPage(root) {
                 statusEl.textContent = t('groups.saveProfileDone', { name: profileId, count: saved });
                 statusEl.className = 'g-save-profile-status ok';
                 await refreshRoleProfileContext();
-                setTimeout(() => drawer.close(), 700);
+                if (disposed)
+                    return;
+                setTimer(() => drawer.close(), 700);
             }
             catch (err) {
                 statusEl.textContent = String(err);
@@ -876,7 +905,7 @@ export async function renderGroupsPage(root) {
             }
         };
     }
-    body.addEventListener('click', async (e) => {
+    const onManageChatClick = async (e) => {
         const btn = e.target.closest('button.manage-chat');
         if (!btn)
             return;
@@ -886,7 +915,8 @@ export async function renderGroupsPage(root) {
         if (!chat)
             return;
         openManageDrawer(chat);
-    });
+    };
+    body.addEventListener('click', onManageChatClick);
     function openManageDrawer(chat) {
         const inChat = chat.memberBots.filter((m) => m.inChat);
         // Lark `owner_id` returns app_id format for bot owners (string match works).
@@ -978,6 +1008,8 @@ export async function renderGroupsPage(root) {
                         })
                         : await fetch(url, { method: 'DELETE' });
                     const body = await r.json().catch(() => ({}));
+                    if (disposed)
+                        return;
                     if (r.ok && body.ok) {
                         statusEl.textContent = want
                             ? `✓ 已绑定 → ${body.resolvedPath ?? wd}`
@@ -987,6 +1019,8 @@ export async function renderGroupsPage(root) {
                         // (current row reflects the just-saved values).
                         try {
                             await loadGroups();
+                            if (disposed)
+                                return;
                             rerender();
                             void refreshRoleProfileContext();
                         }
@@ -1022,6 +1056,8 @@ export async function renderGroupsPage(root) {
                     body: JSON.stringify({ larkAppIds: checked }),
                 });
                 const respBody = await r.json();
+                if (disposed)
+                    return;
                 const lines = (respBody.result ?? []).map((x) => {
                     if (!x.ok)
                         return `${x.larkAppId}: 失败 (${x.error ?? 'unknown'})`;
@@ -1035,6 +1071,8 @@ export async function renderGroupsPage(root) {
                 }).join('\n');
                 alert(lines || `Unexpected: ${JSON.stringify(respBody)}`);
                 await loadGroups();
+                if (disposed)
+                    return;
                 rerender();
                 void refreshRoleProfileContext();
             }
@@ -1042,7 +1080,8 @@ export async function renderGroupsPage(root) {
                 alert('Network error: ' + e);
             }
             finally {
-                drawer.close();
+                if (!disposed)
+                    drawer.close();
             }
         };
         drawer.querySelector('#g-disband-btn').onclick = async () => {
@@ -1063,6 +1102,8 @@ export async function renderGroupsPage(root) {
                         body: JSON.stringify({ larkAppId: m.larkAppId }),
                     });
                     const respBody = await r.json();
+                    if (disposed)
+                        return;
                     if (respBody.ok) {
                         const closed = (respBody.closedSessions ?? []);
                         const failed = closed.filter(c => !c.ok).length;
@@ -1072,6 +1113,8 @@ export async function renderGroupsPage(root) {
                             : failed === 0 ? `\n关闭了 ${ok} 个会话。` : `\n关闭了 ${ok} 个会话，${failed} 个会话关闭失败。`;
                         alert(`已解散（由 ${m.botName ?? m.larkAppId} 执行）${closedNote}`);
                         await loadGroups();
+                        if (disposed)
+                            return;
                         rerender();
                         void refreshRoleProfileContext();
                         drawer.close();
@@ -1087,5 +1130,23 @@ export async function renderGroupsPage(root) {
         };
     }
     form.addEventListener('input', rerender);
+    return () => {
+        disposed = true;
+        for (const id of timers)
+            window.clearTimeout(id);
+        timers.clear();
+        for (const resolve of delayResolvers.values())
+            resolve();
+        delayResolvers.clear();
+        refreshBtn.onclick = null;
+        createBtn.onclick = null;
+        form.removeEventListener('input', rerender);
+        body.removeEventListener('click', onAddBotsClick);
+        body.removeEventListener('click', onSaveProfileClick);
+        body.removeEventListener('click', onManageChatClick);
+        if (drawer.open)
+            drawer.close();
+        drawer.replaceChildren();
+    };
 }
 //# sourceMappingURL=groups.js.map