botmux 3.7.1 → 3.8.0

package/dist/dashboard/web/bot-defaults-page.js

@@ -5,8 +5,141 @@ import { agentSelectionKey, cliIdOf, createRefreshGate, displayCliId, fallbackCl
 import { mountReactPage } from './react-mount.js';
 import { useT } from './react-hooks.js';
 import { store } from './store.js';
-import { CreateActionButton, DropdownMenu, Html, InfoTip as BaseInfoTip, LoadingState, RefreshIconButton, dropdownLabel, } from './dashboard-components.js';
+import { CreateActionButton, DropdownMenu, Html, InfoTip as BaseInfoTip, LoadingState, OverflowText, RefreshIconButton, dropdownLabel, } from './dashboard-components.js';
 import { botAvatarHtml, loadNameMaps, overrideBotAvatar, ui } from './ui.js';
+export const BOT_DEFAULTS_TABS = [
+    'common',
+    'sessions',
+    'security',
+    'cards',
+    'advanced',
+];
+export function BotDefaultsTabs(props) {
+    const tr = useT();
+    const tabRefs = useRef([]);
+    const labels = {
+        common: tr('botDefaults.tabCommon'),
+        sessions: tr('botDefaults.tabSessions'),
+        security: tr('botDefaults.tabSecurity'),
+        cards: tr('botDefaults.tabCards'),
+        advanced: tr('botDefaults.tabAdvanced'),
+    };
+    function selectAt(index) {
+        const nextIndex = (index + BOT_DEFAULTS_TABS.length) % BOT_DEFAULTS_TABS.length;
+        const next = BOT_DEFAULTS_TABS[nextIndex];
+        props.onChange(next);
+        tabRefs.current[nextIndex]?.focus();
+    }
+    return (_jsxs("nav", { className: "bd-tab-bar", "aria-label": tr('botDefaults.tabNavigation'), children: [_jsx("div", { className: "bd-tabs", role: "tablist", children: BOT_DEFAULTS_TABS.map((tab, index) => (_jsx("button", { ref: node => { tabRefs.current[index] = node; }, id: `bd-tab-${tab}`, type: "button", role: "tab", className: `bd-tab${props.active === tab ? ' active' : ''}`, "aria-selected": props.active === tab, "aria-controls": `bd-panel-${tab}`, tabIndex: props.active === tab ? 0 : -1, "data-bd-tab": tab, onClick: () => props.onChange(tab), onKeyDown: event => {
+                        if (event.key === 'ArrowRight') {
+                            event.preventDefault();
+                            selectAt(index + 1);
+                        }
+                        else if (event.key === 'ArrowLeft') {
+                            event.preventDefault();
+                            selectAt(index - 1);
+                        }
+                        else if (event.key === 'Home') {
+                            event.preventDefault();
+                            selectAt(0);
+                        }
+                        else if (event.key === 'End') {
+                            event.preventDefault();
+                            selectAt(BOT_DEFAULTS_TABS.length - 1);
+                        }
+                    }, children: labels[tab] }, tab))) }), _jsx("small", { className: "bd-tab-hint", children: tr('botDefaults.tabHint') })] }));
+}
+// Two-column waterfall (masonry) for the task panels. A plain row-major grid
+// locks each row to its tallest tile, stranding a short tile beside a tall one
+// with a dead gap below. This lays tiles out by greedily dropping each into the
+// currently shortest column and writing back an inline grid-column /
+// grid-row-start over the CSS 1px row track. Tiles stay direct grid children —
+// never reparented into per-column wrappers — so their unsaved form drafts
+// (the whole point of the focused editor) never remount. Degrades to the plain
+// auto-fill grid when there is only one column (mobile / narrow) or before the
+// first measure.
+const BD_GRID_ROW_PX = 1; // must match grid-auto-rows in style.css
+const BD_GRID_GAP_PX = 14; // must match .bd-tab-grid gap
+export function BdTabGrid(props) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const grid = ref.current;
+        if (!grid || typeof window === 'undefined')
+            return undefined;
+        const clearPlacement = (tiles) => {
+            for (const tile of tiles) {
+                tile.style.gridColumn = '';
+                tile.style.gridRowStart = '';
+                tile.style.gridRowEnd = '';
+            }
+        };
+        const layout = () => {
+            const tiles = Array.from(grid.children).filter((n) => n instanceof HTMLElement);
+            if (!tiles.length)
+                return;
+            // A hidden panel (display:none) reports 0 width — skip; the ResizeObserver
+            // re-fires with real geometry the moment the tab becomes visible.
+            const gridWidth = grid.clientWidth;
+            if (gridWidth <= 0)
+                return;
+            // Decide the column count from the SAME width the CSS @container rule keys
+            // off (the .bd-detail container), instead of parsing
+            // getComputedStyle().gridTemplateColumns — that value contains spaces
+            // inside minmax(...) and, once we write an inline grid-column, can report a
+            // stale/implicit extra track, which previously produced a rogue 3rd column.
+            // Reading the container keeps JS placement and the CSS track count in lockstep.
+            const container = grid.closest('.bd-detail');
+            const decideWidth = container?.clientWidth ?? gridWidth;
+            const columns = decideWidth >= 1024 ? 2 : 1;
+            // Single column (mobile / narrow): normal flow already stacks with no gap.
+            if (columns < 2) {
+                clearPlacement(tiles);
+                return;
+            }
+            const rowStep = BD_GRID_ROW_PX + BD_GRID_GAP_PX;
+            const colBottom = new Array(columns).fill(0); // running bottom, row units
+            for (const tile of tiles) {
+                const spanRows = Math.max(1, Math.ceil((tile.getBoundingClientRect().height + BD_GRID_GAP_PX) / rowStep));
+                if (tile.classList.contains('bd-tile-wide')) {
+                    // full-width tile: start below the tallest column, then level every
+                    // column to its bottom so following tiles pack beneath it evenly.
+                    const start = Math.max(...colBottom);
+                    tile.style.gridColumn = '1 / -1';
+                    tile.style.gridRowStart = String(start + 1);
+                    tile.style.gridRowEnd = String(start + 1 + spanRows);
+                    colBottom.fill(start + spanRows);
+                    continue;
+                }
+                // drop into the currently shortest column (true waterfall)
+                let target = 0;
+                for (let c = 1; c < columns; c++)
+                    if (colBottom[c] < colBottom[target])
+                        target = c;
+                const start = colBottom[target];
+                tile.style.gridColumn = String(target + 1);
+                tile.style.gridRowStart = String(start + 1);
+                tile.style.gridRowEnd = String(start + 1 + spanRows);
+                colBottom[target] = start + spanRows;
+            }
+        };
+        // Measure after paint; re-run on any tile resize (content toggles, textarea
+        // growth, async loads, tab becoming visible) and on viewport resize.
+        const raf = window.requestAnimationFrame(layout);
+        const ro = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(() => layout()) : null;
+        if (ro) {
+            ro.observe(grid);
+            for (const child of Array.from(grid.children))
+                ro.observe(child);
+        }
+        window.addEventListener('resize', layout);
+        return () => {
+            window.cancelAnimationFrame(raf);
+            ro?.disconnect();
+            window.removeEventListener('resize', layout);
+        };
+    });
+    return (_jsx("div", { ref: ref, className: props.className ? `bd-tab-grid ${props.className}` : 'bd-tab-grid', children: props.children }));
+}
 function statusClass(status, extra = '') {
     const suffix = status ? ` ${status.ok ? 'hint-ok' : 'hint-warn-inline'}` : '';
     return `oncall-status${extra ? ` ${extra}` : ''}${suffix}`;
@@ -118,6 +251,7 @@ function sessionCapStateLabel(cap, tr) {
 function patchCardPrefsFromBody(bot, body) {
     return {
         ...bot,
+        usageDisplay: body.usageDisplay,
         disableStreamingCard: body.disableStreamingCard,
         silentTurnReactions: body.silentTurnReactions,
         codexAppCleanInput: body.codexAppCleanInput,
@@ -149,6 +283,7 @@ export function BotDefaultsPage() {
     const [profileRoleVersion, setProfileRoleVersion] = useState(0);
     const [, setAvatarVersion] = useState(0);
     const [onboardingBusy, setOnboardingBusy] = useState(false);
+    const [activeTab, setActiveTab] = useState('common');
     const refresh = useCallback(async (clearProfileRoles = false) => {
         if (clearProfileRoles)
             setProfileRoleVersion(version => version + 1);
@@ -236,7 +371,7 @@ export function BotDefaultsPage() {
         detail = _jsx("p", { className: "empty", children: tr('botDefaults.empty') });
     }
     else if (selectedBot) {
-        detail = (_jsx(BotDefaultsCard, { bot: selectedBot, cliState: cliState, patchBot: patchBot }, `${selectedBot.larkAppId}:${profileRoleVersion}`));
+        detail = (_jsx(BotDefaultsCard, { bot: selectedBot, cliState: cliState, patchBot: patchBot, activeTab: activeTab, onTabChange: setActiveTab }, `${selectedBot.larkAppId}:${profileRoleVersion}`));
     }
     else {
         detail = null;
@@ -244,7 +379,7 @@ export function BotDefaultsPage() {
     return (_jsxs("section", { className: "page bot-defaults-page", children: [_jsxs("div", { className: "page-heading", children: [_jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: tr('nav.botDefaults') }), _jsx("h1", { children: tr('botDefaults.title') })] }), _jsxs("div", { className: "page-heading-actions", children: [_jsx(RefreshIconButton, { id: "bd-refresh", label: tr('botDefaults.refresh'), busy: refreshing, disabled: refreshing, onClick: () => void reload() }), ui.authed ? (_jsx(CreateActionButton, { className: "page-primary-action add-bot-btn", disabled: onboardingBusy, onClick: () => {
                                     setOnboardingBusy(true);
                                     void openBotOnboarding().finally(() => setOnboardingBusy(false));
-                                }, children: tr('botOnboarding.add') })) : null] })] }), _jsxs("div", { className: "bd-layout", children: [_jsxs("aside", { id: "bd-roster", className: "bd-roster", children: [_jsx("form", { id: "bd-filters", className: "filters dashboard-toolbar", onSubmit: event => event.preventDefault(), children: _jsx("input", { type: "search", name: "q", placeholder: tr('botDefaults.search'), value: query, onChange: event => setQuery(event.currentTarget.value) }) }), _jsx("div", { className: "bd-roster-list", children: !loadError && filtered.map(bot => (_jsx(RosterItem, { bot: bot, selected: bot.larkAppId === selectedAppId, onSelect: () => setSelectedAppId(bot.larkAppId) }, bot.larkAppId))) })] }), _jsx("div", { id: "bd-list", className: "bd-detail", children: detail })] })] }));
+                                }, children: tr('botOnboarding.add') })) : null] })] }), _jsxs("div", { className: "bd-layout", children: [_jsxs("aside", { id: "bd-roster", className: "bd-roster", children: [_jsx("form", { id: "bd-filters", className: "filters dashboard-toolbar", onSubmit: event => event.preventDefault(), children: _jsx("input", { type: "search", name: "q", placeholder: tr('botDefaults.search'), value: query, onChange: event => setQuery(event.currentTarget.value) }) }), _jsxs("div", { className: "bd-roster-meta", children: [_jsx("span", { children: tr('botDefaults.rosterCount', { count: filtered.length }) }), query.trim() && filtered.length !== bots.length ? (_jsx("span", { children: tr('botDefaults.rosterFiltered', { total: bots.length }) })) : null] }), _jsx("div", { className: "bd-roster-list", children: !loadError && filtered.map(bot => (_jsx(RosterItem, { bot: bot, selected: bot.larkAppId === selectedAppId, onSelect: () => setSelectedAppId(bot.larkAppId) }, bot.larkAppId))) })] }), _jsx("div", { id: "bd-list", className: "bd-detail", children: detail })] })] }));
 }
 function RosterItem(props) {
     const { bot } = props;
@@ -255,7 +390,7 @@ function RosterItem(props) {
                 event.preventDefault();
                 props.onSelect();
             }
-        }, children: [_jsx(Html, { html: botAvatarHtml({ name, larkAppId: bot.larkAppId, size: 'sm' }) }), _jsxs("div", { className: "bd-roster-tx", children: [_jsx("b", { children: name }), _jsx("span", { children: cli || bot.larkAppId.slice(0, 14) })] }), bot.defaultOncall?.enabled ? _jsx("span", { className: "bd-roster-flag", children: "oncall" }) : null] }));
+        }, children: [_jsx(Html, { html: botAvatarHtml({ name, larkAppId: bot.larkAppId, size: 'sm' }) }), _jsxs("div", { className: "bd-roster-tx", children: [_jsx("b", { children: _jsx(OverflowText, { text: name, showPopover: false, textClassName: "bd-roster-name" }) }), _jsx("span", { children: cli || bot.larkAppId.slice(0, 14) })] }), bot.defaultOncall?.enabled ? _jsx("span", { className: "bd-roster-flag", children: "oncall" }) : null] }));
 }
 function BotDefaultsCard(props) {
     const tr = useT();
@@ -273,11 +408,11 @@ function BotDefaultsCard(props) {
         return (_jsxs("article", { className: "bd-card bd-profile", "data-appid": bot.larkAppId, children: [_jsxs("header", { className: "bd-profile-head", children: [_jsx(Html, { html: botAvatarHtml({ name, larkAppId: bot.larkAppId }) }), _jsxs("div", { className: "bd-profile-id", children: [_jsx("strong", { children: name }), _jsx("code", { children: bot.larkAppId })] })] }), _jsxs("p", { className: "hint-warn-inline", children: ["\u67E5\u8BE2\u5931\u8D25\uFF1A", bot.error] })] }));
     }
     const def = bot.defaultOncall ?? { enabled: false, workingDir: '', since: 0 };
-    return (_jsxs("article", { className: "bd-card bd-profile", "data-appid": bot.larkAppId, children: [_jsxs("header", { className: "bd-profile-head", children: [_jsx(BotAvatarControl, { bot: bot, name: name, patchBot: patchBot }), _jsx("div", { className: "bd-profile-main", children: _jsx(BotProfileIdentity, { bot: bot, cli: cli, patchBot: patchBot, meta: (_jsxs(_Fragment, { children: [_jsxs("small", { className: "bd-meta-ok", children: ["\u25CF ", tr('botDefaults.metaOnline')] }), _jsxs("small", { "data-oncall-since": true, children: [tr('botDefaults.lastEnabled'), ": ", fmtSince(def.since ?? 0)] }), _jsx("small", { children: tr('botDefaults.autobound', { count: bot.autoboundChatCount ?? 0 }) })] })) }) })] }), _jsxs("div", { className: "bd-body bd-grid", children: [_jsxs("div", { className: "bd-column", children: [_jsxs("section", { className: "bd-tile", children: [_jsx(BotAgentSection, { bot: bot, sessionFallback: cli, cliState: cliState, patchBot: patchBot }), _jsx(WorkingDirSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }), bot.cliId !== 'riff' && _jsx(SandboxSection, { bot: bot, patchBot: patchBot }), bot.cliId !== 'riff' && bot.sandbox === true && _jsx(SandboxPathsSection, { bot: bot, patchBot: patchBot }), bot.cliId !== 'riff' && _jsx(BackendTypeSection, { bot: bot, patchBot: patchBot })] }), _jsx("section", { className: "bd-tile", children: _jsx(RuntimeEnvironmentSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(GrantSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(SlashCommandPermissionsSection, { bot: bot, patchBot: patchBot }) })] }), _jsxs("div", { className: "bd-column", children: [_jsxs("section", { className: "bd-tile", children: [_jsx(SessionModeSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }), _jsx(SubstituteModeSection, { bot: bot, patchBot: patchBot }), _jsx(CrossBotSection, { bot: bot, putCardPref: putCardPref }), _jsx(SessionCapSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref })] }), _jsxs("section", { className: "bd-tile", children: [_jsx(CardBehaviorSection, { bot: bot, putCardPref: putCardPref }), _jsx(CodexAppDisplaySection, { bot: bot, putCardPref: putCardPref }), _jsx(SummaryTriggerSection, { bot: bot, patchBot: patchBot }), _jsx(BrandSection, { bot: bot, patchBot: patchBot })] }), _jsx("section", { className: "bd-tile", children: _jsx(RoleSection, { bot: bot, patchBot: patchBot }) })] })] })] }));
+    return (_jsxs("article", { className: "bd-card bd-profile", "data-appid": bot.larkAppId, children: [_jsxs("div", { className: "bd-profile-chrome", children: [_jsxs("header", { className: "bd-profile-head", children: [_jsx(BotAvatarControl, { bot: bot, name: name, patchBot: patchBot }), _jsx("div", { className: "bd-profile-main", children: _jsx(BotProfileIdentity, { bot: bot, cli: cli, patchBot: patchBot, meta: (_jsxs(_Fragment, { children: [_jsxs("small", { className: "bd-meta-ok", children: ["\u25CF ", tr('botDefaults.metaOnline')] }), (def.since ?? 0) > 0 ? _jsxs("small", { "data-oncall-since": true, children: [tr('botDefaults.lastEnabled'), ": ", fmtSince(def.since ?? 0)] }) : null, (bot.autoboundChatCount ?? 0) > 0 ? _jsx("small", { children: tr('botDefaults.autobound', { count: bot.autoboundChatCount ?? 0 }) }) : null] })) }) })] }), _jsx(BotDefaultsTabs, { active: props.activeTab, onChange: props.onTabChange })] }), _jsxs("div", { className: "bd-body bd-tab-panels", children: [_jsx("div", { id: "bd-panel-common", role: "tabpanel", "aria-labelledby": "bd-tab-common", className: "bd-tab-panel", hidden: props.activeTab !== 'common', children: _jsxs(BdTabGrid, { children: [_jsx("section", { className: "bd-tile", children: _jsx(BotAgentSection, { bot: bot, sessionFallback: cli, cliState: cliState, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(WorkingDirSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(RoleSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-sessions", role: "tabpanel", "aria-labelledby": "bd-tab-sessions", className: "bd-tab-panel", hidden: props.activeTab !== 'sessions', children: _jsxs(BdTabGrid, { children: [_jsx("section", { className: "bd-tile", children: _jsx(SessionModeSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(SubstituteModeSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(CrossBotSection, { bot: bot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(SessionCapSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(StartupCommandsSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(SummaryTriggerSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-security", role: "tabpanel", "aria-labelledby": "bd-tab-security", className: "bd-tab-panel", hidden: props.activeTab !== 'security', children: _jsxs(BdTabGrid, { children: [bot.cliId !== 'riff' ? (_jsx("section", { className: "bd-tile", children: _jsx(SandboxSection, { bot: bot, patchBot: patchBot }) })) : null, bot.cliId !== 'riff' && bot.sandbox === true ? (_jsx("section", { className: "bd-tile bd-tile-wide", children: _jsx(SandboxPathsSection, { bot: bot, patchBot: patchBot }) })) : null, _jsx("section", { className: "bd-tile", children: _jsx(GrantSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(SlashCommandPermissionsSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-cards", role: "tabpanel", "aria-labelledby": "bd-tab-cards", className: "bd-tab-panel", hidden: props.activeTab !== 'cards', children: _jsxs(BdTabGrid, { children: [_jsx("section", { className: "bd-tile", children: _jsx(CardBehaviorSection, { bot: bot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(BrandSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-advanced", role: "tabpanel", "aria-labelledby": "bd-tab-advanced", className: "bd-tab-panel", hidden: props.activeTab !== 'advanced', children: _jsxs(BdTabGrid, { children: [bot.cliId !== 'riff' ? (_jsx("section", { className: "bd-tile", children: _jsx(BackendTypeSection, { bot: bot, patchBot: patchBot }) })) : null, bot.cliId === 'codex-app' ? (_jsx("section", { className: "bd-tile", children: _jsx(CodexAppDisplaySection, { bot: bot, putCardPref: putCardPref }) })) : null, _jsx("section", { className: "bd-tile", children: _jsx(RuntimeEnvironmentSection, { bot: bot, patchBot: patchBot }) })] }) })] })] }));
 }
 function RuntimeEnvironmentSection(props) {
     const tr = useT();
-    return (_jsxs("section", { className: "bd-section bd-runtime-env", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionRuntimeEnv') }), _jsx(StartupCommandsSection, { bot: props.bot, patchBot: props.patchBot }), _jsx(LaunchShellSection, { bot: props.bot, patchBot: props.patchBot }), _jsx(EnvSection, { bot: props.bot, patchBot: props.patchBot })] }));
+    return (_jsxs("section", { className: "bd-section bd-runtime-env", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionRuntimeEnv') }), _jsx(LaunchShellSection, { bot: props.bot, patchBot: props.patchBot }), _jsx(EnvSection, { bot: props.bot, patchBot: props.patchBot })] }));
 }
 /** console 头像上传只实测过 512×512 PNG，前端统一归一化成这一形态再上传。 */
 const AVATAR_UPLOAD_SIDE = 512;
@@ -370,16 +505,16 @@ function BotAvatarControl(props) {
         pendingRef.current = dataUrl;
         await upload(dataUrl);
     }
-    return (_jsxs("div", { className: "bd-profile-avatar bd-avatar-editable", "data-avatar-control": true, children: [_jsxs("button", { type: "button", className: "bd-avatar-btn", "data-action": "edit-bot-avatar", title: tr('botDefaults.avatarTitle'), "aria-label": tr('botDefaults.avatarTitle'), disabled: busy, onClick: () => inputRef.current?.click(), children: [_jsx(Html, { html: botAvatarHtml({ name, larkAppId: bot.larkAppId, dot: 'ok' }) }), _jsx("span", { className: "bd-avatar-edit-badge", "aria-hidden": "true", children: busy ? '⏳' : '✎' })] }), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", hidden: true, "data-input": "botAvatarFile", onChange: event => {
-                    const file = event.currentTarget.files?.[0];
-                    event.currentTarget.value = ''; // 允许再次选择同一文件
-                    void handleFile(file);
-                } }), status ? (_jsxs("small", { className: statusClass(status, 'bd-avatar-status'), "data-avatar-status": true, children: [status.text, loginVisible ? (_jsx("button", { type: "button", className: "bd-feishu-login", "data-action": "feishu-login-avatar", onClick: () => setLoginOpen(true), children: tr('feishuLogin.entry') })) : null] })) : null, loginOpen ? (_jsx(FeishuLoginModal, { onClose: () => setLoginOpen(false), onSuccess: () => {
-                    setLoginVisible(false);
-                    setLoginOpen(false);
-                    if (pendingRef.current)
-                        void upload(pendingRef.current);
-                } })) : null] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "bd-profile-avatar bd-avatar-editable", "data-avatar-control": true, children: [_jsxs("button", { type: "button", className: "bd-avatar-btn", "data-action": "edit-bot-avatar", title: tr('botDefaults.avatarTitle'), "aria-label": tr('botDefaults.avatarTitle'), disabled: busy, onClick: () => inputRef.current?.click(), children: [_jsx(Html, { html: botAvatarHtml({ name, larkAppId: bot.larkAppId, dot: 'ok' }) }), _jsx("span", { className: "bd-avatar-edit-badge", "aria-hidden": "true", children: busy ? '⏳' : '✎' })] }), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", hidden: true, "data-input": "botAvatarFile", onChange: event => {
+                            const file = event.currentTarget.files?.[0];
+                            event.currentTarget.value = ''; // 允许再次选择同一文件
+                            void handleFile(file);
+                        } }), loginOpen ? (_jsx(FeishuLoginModal, { onClose: () => setLoginOpen(false), onSuccess: () => {
+                            setLoginVisible(false);
+                            setLoginOpen(false);
+                            if (pendingRef.current)
+                                void upload(pendingRef.current);
+                        } })) : null] }), status ? (_jsxs("small", { className: statusClass(status, 'bd-avatar-status'), "data-avatar-status": true, children: [status.text, loginVisible ? (_jsx("button", { type: "button", className: "bd-feishu-login", "data-action": "feishu-login-avatar", onClick: () => setLoginOpen(true), children: tr('feishuLogin.entry') })) : null] })) : null] }));
 }
 function BotProfileIdentity(props) {
     const tr = useT();
@@ -449,7 +584,7 @@ function BotProfileIdentity(props) {
             setBusy(false);
         }
     }, [bot.larkAppId, draft, patchBot, tr]);
-    return (_jsxs("div", { className: "bd-profile-id", children: [!editing ? (_jsxs("div", { className: "bd-profile-title-row", "data-name-row": true, children: [_jsxs("div", { className: "bd-profile-title-content", children: [_jsx("strong", { "data-bot-name": true, children: name }), cli ? _jsx("span", { className: "mate-role bd-profile-cli-tag", children: cli }) : null, props.meta ? _jsx("span", { className: "bd-profile-meta bd-meta", children: props.meta }) : null] }), _jsx("button", { type: "button", className: "bd-name-edit", "data-action": "edit-bot-name", title: tr('botDefaults.renameTitle'), "aria-label": tr('botDefaults.renameTitle'), onClick: () => setEditMode(true), children: tr('botDefaults.renameAction') })] })) : (_jsxs("span", { className: "bd-name-editor", "data-name-editor": true, children: [_jsx("input", { type: "text", className: "bd-name-input", "data-input": "botRename", maxLength: 64, value: draft, disabled: busy, autoFocus: true, onChange: event => setDraft(event.currentTarget.value), onKeyDown: event => {
+    return (_jsxs("div", { className: "bd-profile-id", children: [!editing ? (_jsxs("div", { className: "bd-profile-title-row", "data-name-row": true, children: [_jsxs("div", { className: "bd-profile-title-content", children: [_jsx("strong", { "data-bot-name": true, children: name }), cli ? _jsx("span", { className: "mate-role bd-profile-cli-tag", children: cli }) : null, props.meta ? _jsx("span", { className: "bd-profile-meta bd-meta", children: props.meta }) : null] }), _jsx("button", { type: "button", className: "bd-name-edit", "data-action": "edit-bot-name", title: tr('botDefaults.renameTitle'), "aria-label": tr('botDefaults.renameTitle'), onClick: () => setEditMode(true), children: _jsx("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M11.5 2.5l2 2L6 12l-2.5.5L4 10z" }) }) })] })) : (_jsxs("span", { className: "bd-name-editor", "data-name-editor": true, children: [_jsx("input", { type: "text", className: "bd-name-input", "data-input": "botRename", maxLength: 64, value: draft, disabled: busy, autoFocus: true, onChange: event => setDraft(event.currentTarget.value), onKeyDown: event => {
                             if (event.key === 'Enter') {
                                 event.preventDefault();
                                 void submitRename();
@@ -1036,6 +1171,7 @@ const BACKEND_TYPE_OPTIONS = [
     { value: 'tmux', labelKey: 'botDefaults.backendTmux' },
     { value: 'herdr', labelKey: 'botDefaults.backendHerdr' },
     { value: 'zellij', labelKey: 'botDefaults.backendZellij' },
+    { value: 'zmx', labelKey: 'botDefaults.backendZmx' },
     { value: 'pty', labelKey: 'botDefaults.backendPty' },
 ];
 function BackendTypeSection(props) {
@@ -1077,6 +1213,7 @@ function RoleSection(props) {
     const { bot, patchBot } = props;
     const [loaded, setLoaded] = useState(typeof bot.teamRole === 'string');
     const [role, setRole] = useState(typeof bot.teamRole === 'string' ? bot.teamRole : '');
+    const [injectMode, setInjectMode] = useState('every');
     const [status, setStatus] = useState(null);
     const [busy, setBusy] = useState(false);
     useEffect(() => {
@@ -1102,6 +1239,7 @@ function RoleSection(props) {
                 if (r.ok && body.ok) {
                     const next = body.role ?? '';
                     setRole(next);
+                    setInjectMode(body.injectMode === 'once' ? 'once' : 'every');
                     setLoaded(true);
                     patchBot(bot.larkAppId, { teamRole: next });
                 }
@@ -1116,16 +1254,35 @@ function RoleSection(props) {
         })();
         return () => { active = false; };
     }, [bot.larkAppId, bot.teamRole, patchBot, tr]);
-    async function putRole(nextRole, deleted) {
+    // injectMode isn't cached on the bot row, so when the team role is already
+    // resolved (cache hit above skips the GET) fetch just the mode once per bot.
+    useEffect(() => {
+        let active = true;
+        if (typeof bot.teamRole !== 'string')
+            return () => { active = false; };
+        void (async () => {
+            try {
+                const r = await fetch(`/api/team/local-bots/${encodeURIComponent(bot.larkAppId)}/role`);
+                const body = await r.json().catch(() => ({}));
+                if (active && r.ok && body.ok)
+                    setInjectMode(body.injectMode === 'once' ? 'once' : 'every');
+            }
+            catch { /* keep default 'every' */ }
+        })();
+        return () => { active = false; };
+    }, [bot.larkAppId]);
+    async function putRole(nextRole, deleted, mode = injectMode) {
         if (!loaded)
             return;
         setStatus(null);
         setBusy(true);
         try {
-            const res = await sendJson('PUT', `/api/team/local-bots/${encodeURIComponent(bot.larkAppId)}/role`, { role: nextRole });
+            const res = await sendJson('PUT', `/api/team/local-bots/${encodeURIComponent(bot.larkAppId)}/role`, { role: nextRole, injectMode: mode });
             if (res.ok && res.body.ok) {
                 const stored = nextRole.trim();
                 setRole(stored);
+                if (res.body.injectMode === 'once' || res.body.injectMode === 'every')
+                    setInjectMode(res.body.injectMode);
                 patchBot(bot.larkAppId, { teamRole: stored });
                 setStatus({ text: `✓ ${deleted ? tr('botDefaults.roleDeleted') : tr('botDefaults.roleSaved')}`, ok: true });
             }
@@ -1140,7 +1297,11 @@ function RoleSection(props) {
             setBusy(false);
         }
     }
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: _jsx(FieldTitle, { help: tr('botDefaults.roleHelp'), children: tr('botDefaults.sectionRole') }) }), _jsx("textarea", { "data-input": "teamRole", rows: 6, placeholder: tr('botDefaults.rolePlaceholder'), disabled: !loaded || busy, value: role, onChange: event => setRole(event.currentTarget.value) }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-role", disabled: !loaded || busy, onClick: () => void putRole(role, role.trim() === ''), children: tr('botDefaults.roleSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-role-status': '' } })] }), _jsx(ProfileRoles, { appId: bot.larkAppId })] }));
+    const injectOptions = [
+        { value: 'every', label: tr('roles.injectModeEvery') },
+        { value: 'once', label: tr('roles.injectModeOnce') },
+    ];
+    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: _jsx(FieldTitle, { help: tr('botDefaults.roleHelp'), children: tr('botDefaults.sectionRole') }) }), _jsx("textarea", { "data-input": "teamRole", rows: 6, placeholder: tr('botDefaults.rolePlaceholder'), disabled: !loaded || busy, value: role, onChange: event => setRole(event.currentTarget.value) }), _jsxs("div", { className: "bd-role-inject", children: [_jsx("span", { className: "bd-subsection-title", children: _jsx(FieldTitle, { help: tr('roles.injectModeHint'), children: tr('roles.injectModeLabel') }) }), _jsx(DropdownMenu, { id: `bd-role-inject-${bot.larkAppId}`, className: "bd-role-inject-menu", ariaLabel: tr('roles.injectModeLabel'), disabled: !loaded || busy, label: dropdownLabel(injectOptions, injectMode), value: injectMode, options: injectOptions, onChange: mode => { const next = mode === 'once' ? 'once' : 'every'; setInjectMode(next); void putRole(role, role.trim() === '', next); } })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-role", disabled: !loaded || busy, onClick: () => void putRole(role, role.trim() === ''), children: tr('botDefaults.roleSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-role-status': '' } })] }), _jsx(ProfileRoles, { appId: bot.larkAppId })] }));
 }
 function ProfileRoles(props) {
     const tr = useT();
@@ -1215,9 +1376,10 @@ function ProfileRoles(props) {
     }
     return (_jsxs("div", { className: "bd-profile-roles", "data-profile-roles": true, children: [_jsx("h4", { className: "bd-subsection-title", children: _jsx(FieldTitle, { help: tr('botDefaults.profileRolesHelp'), children: tr('botDefaults.profileRoles') }) }), _jsx("div", { className: "bd-profile-role-list", "data-profile-role-list": true, children: body })] }));
 }
-function CardBehaviorSection(props) {
+export function CardBehaviorSection(props) {
     const tr = useT();
     const { bot, putCardPref } = props;
+    const [usageDisplay, setUsageDisplay] = useState(bot.usageDisplay ?? 'streaming');
     const [disableStreaming, setDisableStreaming] = useState(bot.disableStreamingCard === true);
     const [silentReactions, setSilentReactions] = useState(bot.silentTurnReactions === true);
     const [writableLink, setWritableLink] = useState(bot.writableTerminalLinkInCard === true);
@@ -1225,26 +1387,43 @@ function CardBehaviorSection(props) {
     const [status, setStatus] = useState(null);
     const [busy, setBusy] = useState(null);
     useEffect(() => {
+        setUsageDisplay(bot.usageDisplay ?? 'streaming');
         setDisableStreaming(bot.disableStreamingCard === true);
         setSilentReactions(bot.silentTurnReactions === true);
         setWritableLink(bot.writableTerminalLinkInCard === true);
         setPrivateCard(bot.privateCard === true);
-    }, [bot.disableStreamingCard, bot.privateCard, bot.silentTurnReactions, bot.writableTerminalLinkInCard]);
-    async function savePatch(patch, key) {
+    }, [bot.disableStreamingCard, bot.privateCard, bot.usageDisplay, bot.silentTurnReactions, bot.writableTerminalLinkInCard]);
+    async function savePatch(patch, key, rollback) {
         setBusy(key);
         setStatus(null);
         try {
             const res = await putCardPref(patch);
-            setStatus(res.ok ? { text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true } : { text: `✗ ${responseErrorText(res)}` });
+            if (res.ok) {
+                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
+            }
+            else {
+                rollback?.();
+                setStatus({ text: `✗ ${responseErrorText(res)}` });
+            }
         }
         catch (e) {
+            rollback?.();
             setStatus({ text: `✗ ${caughtErrorText(e)}` });
         }
         finally {
             setBusy(null);
         }
     }
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionCard') }), _jsxs("div", { className: "bd-toggle-grid bd-card-behavior-grid", children: [_jsx(ToggleRow, { checked: disableStreaming, disabled: busy === 'streaming', dataAction: "toggle-disable-streaming", title: tr('botDefaults.disableStreaming'), help: tr('botDefaults.disableStreamingHelp'), onChange: checked => {
+    const usageDisplayOptions = [
+        { value: 'streaming', label: tr('botDefaults.usageDisplayStreaming') },
+        { value: 'footer', label: tr('botDefaults.usageDisplayFooter') },
+        { value: 'off', label: tr('botDefaults.usageDisplayOff') },
+    ];
+    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionCard') }), bot.usageSupported === true && (_jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.usageDisplayHelp'), children: tr('botDefaults.usageDisplay') }), _jsx(DropdownField, { dataInput: "usageDisplay", ariaLabel: tr('botDefaults.usageDisplay'), value: usageDisplay, disabled: busy === 'usage', options: usageDisplayOptions, onChange: next => {
+                                const previous = usageDisplay;
+                                setUsageDisplay(next);
+                                void savePatch({ usageDisplay: next }, 'usage', () => setUsageDisplay(previous));
+                            } })] }) })), _jsxs("div", { className: "bd-toggle-grid bd-card-behavior-grid", children: [_jsx(ToggleRow, { checked: disableStreaming, disabled: busy === 'streaming', dataAction: "toggle-disable-streaming", title: tr('botDefaults.disableStreaming'), help: tr('botDefaults.disableStreamingHelp'), onChange: checked => {
                             setDisableStreaming(checked);
                             void savePatch({ disableStreamingCard: checked }, 'streaming');
                         } }), _jsx(ToggleRow, { checked: silentReactions, disabled: !disableStreaming || busy === 'silent', dataAction: "toggle-silent-reactions", title: tr('botDefaults.silentTurnReactions'), help: tr('botDefaults.silentTurnReactionsHelp'), onChange: checked => {
@@ -1472,6 +1651,7 @@ function SubstituteModeSection(props) {
     const [replyMode, setReplyMode] = useState(initial?.replyMode === 'quote' ? 'quote' : 'thread');
     const [controlCard, setControlCard] = useState(initial?.disableControlCard !== true);
     const [chatsText, setChatsText] = useState(() => formatSubstituteChats(initial?.chats));
+    const [excludedChatsText, setExcludedChatsText] = useState(() => formatSubstituteChats(initial?.excludedChats));
     // 话题群相关开关缺省开：只有显式 false 才是关（与 normalize 语义一致）。
     const [topicGroups, setTopicGroups] = useState(initial?.topicGroups !== false);
     const [topicActiveSessionTrigger, setTopicActiveSessionTrigger] = useState(initial?.topicActiveSessionTrigger !== false);
@@ -1570,6 +1750,7 @@ function SubstituteModeSection(props) {
         setReplyMode(next?.replyMode === 'quote' ? 'quote' : 'thread');
         setControlCard(next?.disableControlCard !== true);
         setChatsText(formatSubstituteChats(next?.chats));
+        setExcludedChatsText(formatSubstituteChats(next?.excludedChats));
         setTopicGroups(next?.topicGroups !== false);
         setTopicActiveSessionTrigger(next?.topicActiveSessionTrigger !== false);
         const targets = next?.targets ?? [];
@@ -1596,6 +1777,7 @@ function SubstituteModeSection(props) {
                 setReplyMode(next?.replyMode === 'quote' ? 'quote' : 'thread');
                 setControlCard(next?.disableControlCard !== true);
                 setChatsText(formatSubstituteChats(next?.chats));
+                setExcludedChatsText(formatSubstituteChats(next?.excludedChats));
                 setTopicGroups(next?.topicGroups !== false);
                 setTopicActiveSessionTrigger(next?.topicActiveSessionTrigger !== false);
                 if (resolution.length) {
@@ -1675,7 +1857,7 @@ function SubstituteModeSection(props) {
             setStatus({ text: `✗ ${tr('botDefaults.substituteTargetsInvalid')}` });
             return;
         }
-        void save({ enabled, targets, disclosure, chats: parseSubstituteChats(chatsText), replyMode, disableControlCard: !controlCard, topicGroups, topicActiveSessionTrigger });
+        void save({ enabled, targets, disclosure, chats: parseSubstituteChats(chatsText), excludedChats: parseSubstituteChats(excludedChatsText), replyMode, disableControlCard: !controlCard, topicGroups, topicActiveSessionTrigger });
     }
     const disclosureOptions = [
         { value: 'prefix', label: tr('botDefaults.substituteDisclosurePrefix') },
@@ -1685,7 +1867,7 @@ function SubstituteModeSection(props) {
         { value: 'thread', label: tr('botDefaults.substituteReplyModeThread') },
         { value: 'quote', label: tr('botDefaults.substituteReplyModeQuote') },
     ];
-    return (_jsxs("section", { className: "bd-section bd-substitute-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionSubstitute') }), _jsx(ToggleRow, { checked: enabled, disabled: busy, dataAction: "toggle-substitute-mode", title: tr('botDefaults.substituteEnabled'), help: tr('botDefaults.substituteHelp'), onChange: setEnabled }), _jsx(ToggleRow, { checked: topicGroups, disabled: busy, dataAction: "toggle-substitute-topic-groups", title: tr('botDefaults.substituteTopicGroups'), help: tr('botDefaults.substituteTopicGroupsHelp'), onChange: setTopicGroups }), _jsx(ToggleRow, { checked: topicActiveSessionTrigger, disabled: busy || !topicGroups, dataAction: "toggle-substitute-topic-active", title: tr('botDefaults.substituteTopicActive'), help: tr('botDefaults.substituteTopicActiveHelp'), onChange: setTopicActiveSessionTrigger }), _jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { children: tr('botDefaults.substituteDisclosure') }), _jsx(DropdownField, { dataInput: "substituteDisclosure", ariaLabel: tr('botDefaults.substituteDisclosure'), value: disclosure, disabled: busy, options: disclosureOptions, onChange: value => setDisclosure(value) })] }) }), _jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.substituteReplyModeHelp'), children: tr('botDefaults.substituteReplyMode') }), _jsx(DropdownField, { dataInput: "substituteReplyMode", ariaLabel: tr('botDefaults.substituteReplyMode'), value: replyMode, disabled: busy, options: replyModeOptions, onChange: value => setReplyMode(value) })] }) }), _jsx(ToggleRow, { checked: controlCard, disabled: busy, dataAction: "toggle-substitute-control-card", title: tr('botDefaults.substituteControlCard'), help: tr('botDefaults.substituteControlCardHelp'), onChange: setControlCard }), _jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.substituteChatsHelp'), children: tr('botDefaults.substituteChats') }), _jsx("textarea", { "data-input": "substituteChats", rows: 3, placeholder: tr('botDefaults.substituteChatsPlaceholder'), value: chatsText, disabled: busy, onChange: event => setChatsText(event.currentTarget.value) })] }) }), _jsxs("div", { className: "bd-row bd-substitute-targets", children: [_jsx(FieldTitle, { help: tr('botDefaults.substituteTargetsHelp'), children: tr('botDefaults.substituteTargets') }), _jsxs("div", { className: "bd-substitute-target-list", "data-input": "substituteTargets", children: [targetRows.map((target, index) => (_jsxs("div", { className: "bd-substitute-target-row", children: [_jsx(DropdownField, { dataInput: `substituteTargetType-${target.key}`, className: "bd-substitute-target-type", ariaLabel: `${tr('botDefaults.substituteTargetType')} ${index + 1}`, value: target.idField, disabled: busy, options: substituteTargetIdFields.map(value => ({
+    return (_jsxs("section", { className: "bd-section bd-substitute-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionSubstitute') }), _jsx(ToggleRow, { checked: enabled, disabled: busy, dataAction: "toggle-substitute-mode", title: tr('botDefaults.substituteEnabled'), help: tr('botDefaults.substituteHelp'), onChange: setEnabled }), _jsx(ToggleRow, { checked: topicGroups, disabled: busy, dataAction: "toggle-substitute-topic-groups", title: tr('botDefaults.substituteTopicGroups'), help: tr('botDefaults.substituteTopicGroupsHelp'), onChange: setTopicGroups }), _jsx(ToggleRow, { checked: topicActiveSessionTrigger, disabled: busy || !topicGroups, dataAction: "toggle-substitute-topic-active", title: tr('botDefaults.substituteTopicActive'), help: tr('botDefaults.substituteTopicActiveHelp'), onChange: setTopicActiveSessionTrigger }), _jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { children: tr('botDefaults.substituteDisclosure') }), _jsx(DropdownField, { dataInput: "substituteDisclosure", ariaLabel: tr('botDefaults.substituteDisclosure'), value: disclosure, disabled: busy, options: disclosureOptions, onChange: value => setDisclosure(value) })] }) }), _jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.substituteReplyModeHelp'), children: tr('botDefaults.substituteReplyMode') }), _jsx(DropdownField, { dataInput: "substituteReplyMode", ariaLabel: tr('botDefaults.substituteReplyMode'), value: replyMode, disabled: busy, options: replyModeOptions, onChange: value => setReplyMode(value) })] }) }), _jsx(ToggleRow, { checked: controlCard, disabled: busy, dataAction: "toggle-substitute-control-card", title: tr('botDefaults.substituteControlCard'), help: tr('botDefaults.substituteControlCardHelp'), onChange: setControlCard }), _jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.substituteChatsHelp'), children: tr('botDefaults.substituteChats') }), _jsx("textarea", { "data-input": "substituteChats", rows: 3, placeholder: tr('botDefaults.substituteChatsPlaceholder'), value: chatsText, disabled: busy, onChange: event => setChatsText(event.currentTarget.value) })] }) }), _jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.substituteExcludedChatsHelp'), children: tr('botDefaults.substituteExcludedChats') }), _jsx("textarea", { "data-input": "substituteExcludedChats", rows: 3, placeholder: tr('botDefaults.substituteExcludedChatsPlaceholder'), value: excludedChatsText, disabled: busy, onChange: event => setExcludedChatsText(event.currentTarget.value) })] }) }), _jsxs("div", { className: "bd-row bd-substitute-targets", children: [_jsx(FieldTitle, { help: tr('botDefaults.substituteTargetsHelp'), children: tr('botDefaults.substituteTargets') }), _jsxs("div", { className: "bd-substitute-target-list", "data-input": "substituteTargets", children: [targetRows.map((target, index) => (_jsxs("div", { className: "bd-substitute-target-row", children: [_jsx(DropdownField, { dataInput: `substituteTargetType-${target.key}`, className: "bd-substitute-target-type", ariaLabel: `${tr('botDefaults.substituteTargetType')} ${index + 1}`, value: target.idField, disabled: busy, options: substituteTargetIdFields.map(value => ({
                                             value,
                                             label: tr(`botDefaults.substituteTarget${value[0].toUpperCase()}${value.slice(1)}`),
                                         })), onChange: idField => {
@@ -1729,39 +1911,11 @@ function SessionCapSection(props) {
     const [input, setInput] = useState(initial == null ? '' : String(initial));
     const [status, setStatus] = useState(null);
     const [busy, setBusy] = useState(false);
-    const [overloadAlert, setOverloadAlert] = useState(props.bot.overloadAlert === true);
-    const [overloadBusy, setOverloadBusy] = useState(false);
     useEffect(() => {
         const next = typeof props.bot.maxLiveWorkers === 'number' ? props.bot.maxLiveWorkers : null;
         setCap(next);
         setInput(next == null ? '' : String(next));
     }, [props.bot.maxLiveWorkers]);
-    useEffect(() => {
-        setOverloadAlert(props.bot.overloadAlert === true);
-    }, [props.bot.overloadAlert]);
-    async function saveOverloadAlert(next) {
-        setOverloadBusy(true);
-        setStatus(null);
-        setOverloadAlert(next); // optimistic
-        try {
-            const res = await props.putCardPref({ overloadAlert: next });
-            if (res.ok && res.body.ok) {
-                props.patchBot(props.bot.larkAppId, { overloadAlert: next });
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setOverloadAlert(!next); // revert
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setOverloadAlert(!next); // revert
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setOverloadBusy(false);
-        }
-    }
     async function save(value) {
         setStatus(null);
         setBusy(true);
@@ -1793,12 +1947,12 @@ function SessionCapSection(props) {
         }
         void save(parsed);
     }
-    return (_jsxs("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: tr('botDefaults.sectionSessionCap') }), _jsxs("div", { className: "bd-row bd-quota", children: [_jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.maxLiveWorkersHelp'), children: tr('botDefaults.maxLiveWorkers') }), _jsx("input", { type: "number", min: 1, step: 1, "data-input": "maxLiveWorkers", placeholder: tr('botDefaults.maxLiveWorkersPlaceholder'), value: input, disabled: busy, onChange: event => setInput(event.currentTarget.value) })] }), _jsx("small", { "data-session-cap-state": true, children: sessionCapStateLabel(cap, tr) }), _jsx("small", { className: "bd-help bd-session-residency", children: tr('botDefaults.maxLiveWorkersUsage', {
+    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionSessionCap') }), _jsxs("div", { className: "bd-row bd-quota", children: [_jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.maxLiveWorkersHelp'), children: tr('botDefaults.maxLiveWorkers') }), _jsx("input", { type: "number", min: 1, step: 1, "data-input": "maxLiveWorkers", placeholder: tr('botDefaults.maxLiveWorkersPlaceholder'), value: input, disabled: busy, onChange: event => setInput(event.currentTarget.value) })] }), _jsx("small", { "data-session-cap-state": true, children: sessionCapStateLabel(cap, tr) }), _jsx("small", { className: "bd-help bd-session-residency", children: tr('botDefaults.maxLiveWorkersUsage', {
                             resident,
                             cap: effectiveCap,
                             dormant,
                             logical,
-                        }) })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-session-cap", disabled: busy, onClick: saveInput, children: tr('botDefaults.maxLiveWorkersSave') }), _jsx("button", { type: "button", "data-action": "off-session-cap", disabled: busy, onClick: () => { setInput(''); void save(null); }, children: tr('botDefaults.maxLiveWorkersOff') }), _jsx(StatusSpan, { status: status, attr: { 'data-session-cap-status': '' } })] }), _jsx(ToggleRow, { checked: overloadAlert, disabled: overloadBusy, dataAction: "toggle-overload-alert", title: tr('botDefaults.overloadAlert'), help: tr('botDefaults.overloadAlertHelp'), onChange: checked => void saveOverloadAlert(checked) })] }));
+                        }) })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-session-cap", disabled: busy, onClick: saveInput, children: tr('botDefaults.maxLiveWorkersSave') }), _jsx("button", { type: "button", "data-action": "off-session-cap", disabled: busy, onClick: () => { setInput(''); void save(null); }, children: tr('botDefaults.maxLiveWorkersOff') }), _jsx(StatusSpan, { status: status, attr: { 'data-session-cap-status': '' } })] })] }));
 }
 function StartupCommandsSection(props) {
     const tr = useT();
@@ -1828,7 +1982,7 @@ function StartupCommandsSection(props) {
             setBusy(false);
         }
     }
-    return (_jsxs("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: _jsx(FieldTitle, { help: tr('botDefaults.startupCommandsHelp'), children: tr('botDefaults.sectionStartupCommands') }) }), _jsx("textarea", { "data-input": "startupCommands", rows: 3, placeholder: tr('botDefaults.startupCommandsPlaceholder'), value: value, disabled: busy, onChange: event => setValue(event.currentTarget.value) }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-startup-commands", disabled: busy, onClick: () => void save(), children: tr('botDefaults.startupCommandsSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-startup-commands-status': '' } })] })] }));
+    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: _jsx(FieldTitle, { help: tr('botDefaults.startupCommandsHelp'), children: tr('botDefaults.sectionStartupCommands') }) }), _jsx("textarea", { "data-input": "startupCommands", rows: 3, placeholder: tr('botDefaults.startupCommandsPlaceholder'), value: value, disabled: busy, onChange: event => setValue(event.currentTarget.value) }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-startup-commands", disabled: busy, onClick: () => void save(), children: tr('botDefaults.startupCommandsSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-startup-commands-status': '' } })] })] }));
 }
 // Slash 命令权限：把 /botconfig 的 customPassthroughCommands（透传给 CLI）与
 // canTalkDaemonCommands（daemon 命令降到 canTalk）搬到 Dashboard 可视化编辑。