botmux 3.10.0 → 3.23.1

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

@@ -1,2486 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { openBotOnboarding } from './bot-onboarding.js';
-import { agentSelectionKey, cliIdOf, createRefreshGate, displayCliId, fallbackCliOptionsState, fetchBotDefaults, fetchCliOptions, fmtSince, modelSuggestionsForOption, resolveSubstituteTarget, selectedCliOption, } from './bot-defaults.js';
-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, OverflowText, RefreshIconButton, dropdownLabel, } from './dashboard-components.js';
-import { botAvatarHtml, loadNameMaps, overrideBotAvatar, ui } from './ui.js';
-function runtimeDraftFromBot(bot) {
-    const runtime = bot.cliRuntime;
-    if (!runtime || typeof runtime !== 'object') {
-        const legacyPath = typeof bot.cliPathOverride === 'string' ? bot.cliPathOverride.trim() : '';
-        return {
-            mode: legacyPath ? 'legacy' : 'official',
-            id: '',
-            displayName: '',
-            // Carry the path into the custom form so migrating a legacy entry does
-            // not require retyping it; the legacy state itself remains read-only.
-            executable: legacyPath,
-            legacyPath,
-            updateProvider: 'auto',
-            packageName: '',
-        };
-    }
-    const provider = runtime.update?.provider;
-    const updateProvider = provider === 'self' || provider === 'npm' || provider === 'none'
-        ? provider
-        : 'auto';
-    return {
-        mode: 'custom',
-        id: typeof runtime.id === 'string' ? runtime.id : '',
-        displayName: typeof runtime.displayName === 'string' ? runtime.displayName : '',
-        executable: typeof runtime.executable === 'string' ? runtime.executable : '',
-        legacyPath: '',
-        updateProvider,
-        packageName: runtime.update?.provider === 'npm' && typeof runtime.update.packageName === 'string'
-            ? runtime.update.packageName
-            : '',
-    };
-}
-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}`;
-}
-function StatusSpan(props) {
-    return _jsx("span", { className: statusClass(props.status), ...(props.attr ?? {}), children: props.status?.text ?? '' });
-}
-function InfoTip(props) {
-    const ariaLabel = typeof props.children === 'string' ? props.children : undefined;
-    return _jsx(BaseInfoTip, { className: "bd-info-tip", label: ariaLabel, children: props.children });
-}
-function FieldTitle(props) {
-    return (_jsxs("span", { className: "bd-field-title", children: [_jsx("span", { className: "bd-field-title-text", children: props.children }), props.help ? _jsx(InfoTip, { children: props.help }) : null] }));
-}
-function DropdownField(props) {
-    const tr = useT();
-    return (_jsxs(_Fragment, { children: [_jsx(DropdownMenu, { id: `bd-menu-${props.dataInput}`, className: ['bd-field-menu', props.className].filter(Boolean).join(' '), ariaLabel: props.ariaLabel, disabled: props.disabled, label: dropdownLabel(props.options, props.value), value: props.value, options: props.options, searchable: props.searchable, searchPlaceholder: props.searchable ? tr('common.dropdownSearch') : undefined, searchEmptyLabel: props.searchable ? tr('common.dropdownSearchEmpty') : undefined, onChange: props.onChange }), _jsx("input", { type: "hidden", "data-input": props.dataInput, value: props.value, readOnly: true })] }));
-}
-function ToggleRow(props) {
-    return (_jsxs("label", { className: "toggle-row", children: [_jsx("input", { type: "checkbox", "data-action": props.dataAction, checked: props.checked, disabled: props.disabled, onChange: event => props.onChange(event.currentTarget.checked) }), _jsx("span", { className: "switch", "aria-hidden": "true" }), _jsx("span", { className: "toggle-tx", children: _jsx("strong", { children: _jsx(FieldTitle, { help: props.help, children: props.title }) }) })] }));
-}
-async function sendJson(method, url, body) {
-    const r = await fetch(url, {
-        method,
-        headers: { 'content-type': 'application/json' },
-        body: body === undefined ? undefined : JSON.stringify(body),
-    });
-    const parsed = await r.json().catch(() => ({}));
-    return { ok: r.ok && parsed?.ok !== false, status: r.status, body: parsed };
-}
-function responseErrorText(res) {
-    const reason = typeof res.body?.reason === 'string' ? res.body.reason : '';
-    const manual = typeof res.body?.manualCommand === 'string' ? res.body.manualCommand : '';
-    if (reason && manual)
-        return `${reason}（${manual}）`;
-    return String(reason || res.body?.error || res.status);
-}
-function caughtErrorText(e) {
-    return e?.message ?? String(e);
-}
-function positiveIntegerOrNull(raw) {
-    const value = raw.trim();
-    if (!value)
-        return null;
-    if (!/^[1-9]\d*$/.test(value))
-        return 'invalid';
-    return Number(value);
-}
-function nonNegativeInteger(raw, fallback) {
-    const value = raw.trim();
-    if (value === '')
-        return fallback;
-    if (!/^(0|[1-9]\d*)$/.test(value))
-        return null;
-    return Number(value);
-}
-const substituteTargetIdFields = ['email', 'openId', 'userId', 'unionId'];
-function parseSubstituteChats(text) {
-    const values = text.split(/[\r\n,，;；]+/).map(s => s.trim()).filter(Boolean);
-    return [...new Set(values)];
-}
-function formatSubstituteChats(chats) {
-    return (chats ?? []).join('\n');
-}
-function substituteTargetIdField(target) {
-    return substituteTargetIdFields.find(field => target?.[field]?.trim()) ?? 'email';
-}
-/**
- * Build the substitute target to PUT for one edited row. Returns null when the id value is
- * blank. When the id value/field was edited, every carried-over resolved id is dropped so the
- * server re-resolves the new value — otherwise `persisted` keeps a previously-resolved openId
- * alongside the email and the server (which prefers openId) would substitute the stale person.
- * An unchanged row keeps its resolved ids so the stable id is preserved.
- */
-export function buildSubstituteTarget(row) {
-    const idValue = row.idValue.trim();
-    if (!idValue)
-        return null;
-    const target = { ...row.persisted };
-    const idEdited = row.persisted[row.idField] !== idValue
-        || (row.originalIdField != null && row.originalIdField !== row.idField);
-    if (idEdited) {
-        for (const field of substituteTargetIdFields)
-            delete target[field];
-    }
-    target[row.idField] = idValue;
-    const name = row.name.trim();
-    if (name)
-        target.name = name;
-    else
-        delete target.name;
-    return target;
-}
-function brandStateLabel(brand, tr) {
-    if (brand == null)
-        return tr('botDefaults.brandStateDefault');
-    return brand.trim() === '' ? tr('botDefaults.brandStateOff') : tr('botDefaults.brandStateCustom');
-}
-function quotaStateLabel(quota, tr) {
-    return quota == null
-        ? tr('botDefaults.quotaStateOff')
-        : tr('botDefaults.quotaStateOn', { count: quota });
-}
-function sessionCapStateLabel(cap, tr) {
-    return cap == null
-        ? tr('botDefaults.maxLiveWorkersStateDefault')
-        : tr('botDefaults.maxLiveWorkersStateOn', { count: cap });
-}
-function patchCardPrefsFromBody(bot, body) {
-    return {
-        ...bot,
-        usageDisplay: body.usageDisplay,
-        disableStreamingCard: body.disableStreamingCard,
-        silentTurnReactions: body.silentTurnReactions,
-        codexAppCleanInput: body.codexAppCleanInput,
-        writableTerminalLinkInCard: body.writableTerminalLinkInCard,
-        privateCard: body.privateCard,
-        summaryMemory: body.summaryMemory,
-        summaryMemoryPath: body.summaryMemoryPath,
-        botToBotSameDir: body.botToBotSameDir,
-        autoStartOnGroupJoin: body.autoStartOnGroupJoin,
-        autoStartOnGroupJoinPrompt: body.autoStartOnGroupJoinPrompt,
-        autoStartOnNewTopic: body.autoStartOnNewTopic,
-        regularGroupReplyMode: body.regularGroupReplyMode,
-        regularGroupMentionMode: body.regularGroupMentionMode,
-        docSubscribeDefaultMode: body.docSubscribeDefaultMode,
-    };
-}
-export function BotDefaultsPage() {
-    const tr = useT();
-    const mountedRef = useRef(true);
-    // Latest-wins guard: mount's first refresh() and bots.changed-triggered
-    // refresh()es can overlap, so a slow earlier response must not clobber a
-    // newer roster ("后发先回"). Only the latest in-flight request commits.
-    const refreshGateRef = useRef(createRefreshGate());
-    const [bots, setBots] = useState([]);
-    const [cliState, setCliState] = useState(fallbackCliOptionsState);
-    const [loadError, setLoadError] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [refreshing, setRefreshing] = useState(false);
-    const [query, setQuery] = useState('');
-    const [selectedAppId, setSelectedAppId] = useState(null);
-    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);
-        const req = refreshGateRef.current.begin();
-        setLoading(true);
-        try {
-            const [nextBots, nextCli] = await Promise.all([fetchBotDefaults(), fetchCliOptions()]);
-            // Drop a stale response: a newer refresh() started after us (e.g. a
-            // bots.changed fired while this request was in flight) — committing here
-            // would overwrite the fresher roster and re-hide the new bot.
-            if (!mountedRef.current || !req.commit())
-                return;
-            setBots(nextBots.bots);
-            setLoadError(nextBots.error);
-            setCliState(nextCli);
-        }
-        finally {
-            // Only the latest request owns the loading flag — an out-of-order earlier
-            // response must not flip loading off while the newest is still pending.
-            if (mountedRef.current && req.commit())
-                setLoading(false);
-        }
-    }, []);
-    useEffect(() => {
-        mountedRef.current = true;
-        void refresh();
-        void loadNameMaps().then(() => {
-            if (mountedRef.current)
-                setAvatarVersion(value => value + 1);
-        });
-        // Auto-refresh the roster when a bot is added / removed / renamed on the
-        // daemon side (SSE bots.changed), so the list stays live without a manual
-        // reload. The bot rows carry their own botName/cliId from /api/bots, so a
-        // plain refresh() is enough to surface a freshly-added bot.
-        const offBots = store.onBotsChanged(() => {
-            if (mountedRef.current)
-                void refresh();
-        });
-        return () => { mountedRef.current = false; offBots(); };
-    }, [refresh]);
-    const filtered = useMemo(() => {
-        const q = query.trim().toLowerCase();
-        return bots.filter(bot => !q ||
-            (bot.botName ?? '').toLowerCase().includes(q) ||
-            (bot.larkAppId ?? '').toLowerCase().includes(q));
-    }, [bots, query]);
-    useEffect(() => {
-        if (loadError || loading)
-            return;
-        if (filtered.length === 0) {
-            if (selectedAppId !== null)
-                setSelectedAppId(null);
-            return;
-        }
-        if (!selectedAppId || !filtered.some(bot => bot.larkAppId === selectedAppId)) {
-            setSelectedAppId(filtered[0].larkAppId);
-        }
-    }, [filtered, loadError, loading, selectedAppId]);
-    const selectedBot = selectedAppId ? filtered.find(bot => bot.larkAppId === selectedAppId) ?? null : null;
-    const patchBot = useCallback((appId, patch) => {
-        setBots(rows => rows.map(bot => {
-            if (bot.larkAppId !== appId)
-                return bot;
-            return typeof patch === 'function' ? patch(bot) : { ...bot, ...patch };
-        }));
-    }, []);
-    const reload = async () => {
-        setRefreshing(true);
-        try {
-            await refresh(true);
-        }
-        finally {
-            if (mountedRef.current)
-                setRefreshing(false);
-        }
-    };
-    let detail;
-    if (loading) {
-        detail = _jsx(LoadingState, { label: tr('common.loading') });
-    }
-    else if (loadError) {
-        detail = (_jsxs("p", { className: "hint-warn", children: ["\u65E0\u6CD5\u52A0\u8F7D bot \u5217\u8868\uFF1A", loadError, _jsx("br", {}), "\u5E38\u89C1\u539F\u56E0\uFF1Adashboard / daemon \u8FDB\u7A0B\u8FD8\u5728\u8DD1\u65E7\u4EE3\u7801\uFF0C\u6267\u884C ", _jsx("code", { children: "botmux restart" }), " \u540E\u5237\u65B0\u3002"] }));
-    }
-    else if (filtered.length === 0) {
-        detail = _jsx("p", { className: "empty", children: tr('botDefaults.empty') });
-    }
-    else if (selectedBot) {
-        detail = (_jsx(BotDefaultsCard, { bot: selectedBot, cliState: cliState, patchBot: patchBot, activeTab: activeTab, onTabChange: setActiveTab }, `${selectedBot.larkAppId}:${profileRoleVersion}`));
-    }
-    else {
-        detail = null;
-    }
-    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) }) }), _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;
-    const name = bot.botName ?? bot.larkAppId;
-    const cli = displayCliId(bot, cliIdOf(bot.larkAppId));
-    return (_jsxs("div", { className: `bd-roster-item${props.selected ? ' on' : ''}`, "data-appid": bot.larkAppId, role: "button", tabIndex: 0, onClick: props.onSelect, onKeyDown: event => {
-            if (event.key === 'Enter' || event.key === ' ') {
-                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: _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();
-    const { bot, cliState, patchBot } = props;
-    const name = bot.botName ?? bot.larkAppId;
-    const cli = displayCliId(bot, cliIdOf(bot.larkAppId));
-    const putCardPref = useCallback(async (patch) => {
-        const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/card-prefs`, patch);
-        if (res.ok) {
-            patchBot(bot.larkAppId, current => patchCardPrefsFromBody(current, res.body));
-        }
-        return res;
-    }, [bot.larkAppId, patchBot]);
-    if (bot.error) {
-        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("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, putCardPref: putCardPref }) })] }) }), _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(LaunchShellSection, { bot: props.bot, patchBot: props.patchBot }), _jsx(EnvSection, { bot: props.bot, patchBot: props.patchBot })] }));
-}
-/** console 头像上传只实测过 512×512 PNG，前端统一归一化成这一形态再上传。 */
-const AVATAR_UPLOAD_SIDE = 512;
-/** 任意用户图片 → 512×512 PNG dataURL（短边 cover 裁剪居中）。 */
-async function normalizeAvatarImage(file) {
-    const bitmap = await createImageBitmap(file);
-    try {
-        const side = Math.min(bitmap.width, bitmap.height);
-        if (!side)
-            throw new Error('empty image');
-        const canvas = document.createElement('canvas');
-        canvas.width = AVATAR_UPLOAD_SIDE;
-        canvas.height = AVATAR_UPLOAD_SIDE;
-        const ctx = canvas.getContext('2d');
-        if (!ctx)
-            throw new Error('canvas unavailable');
-        const sx = (bitmap.width - side) / 2;
-        const sy = (bitmap.height - side) / 2;
-        ctx.drawImage(bitmap, sx, sy, side, side, 0, 0, AVATAR_UPLOAD_SIDE, AVATAR_UPLOAD_SIDE);
-        return canvas.toDataURL('image/png');
-    }
-    finally {
-        bitmap.close();
-    }
-}
-/** 档案头头像：点击选图 → 归一化 → 走开放平台自动化真改飞书应用头像并发版。
- *  与改名同款失败语义：缺飞书 Web 登录态时给扫码入口，登录成功自动重试。 */
-function BotAvatarControl(props) {
-    const tr = useT();
-    const { bot, name, patchBot } = props;
-    const inputRef = useRef(null);
-    const [busy, setBusy] = useState(false);
-    const [status, setStatus] = useState(null);
-    const [loginVisible, setLoginVisible] = useState(false);
-    const [loginOpen, setLoginOpen] = useState(false);
-    // 待上传图片留到登录成功后重试；成功/明确失败时清掉。
-    const pendingRef = useRef(null);
-    function avatarFailText(error, message) {
-        const known = ['no_session', 'session_expired', 'no_access', 'unsupported_brand'];
-        const detail = known.includes(error) ? tr(`botDefaults.avatarWarn.${error}`) : (message || error);
-        return tr('botDefaults.avatarFailed', { error: detail });
-    }
-    const upload = useCallback(async (imageBase64) => {
-        setBusy(true);
-        setStatus({ text: `⏳ ${tr('botDefaults.avatarUploading')}`, ok: true });
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/avatar`, { imageBase64 });
-            if (res.ok && res.body.ok) {
-                const url = typeof res.body.avatarUrl === 'string' ? res.body.avatarUrl : '';
-                if (url)
-                    overrideBotAvatar(bot.larkAppId, name, url);
-                // 行内容不变，触发一次重绘让 orb 读到覆写后的头像映射。
-                patchBot(bot.larkAppId, current => ({ ...current }));
-                pendingRef.current = null;
-                setLoginVisible(false);
-                setStatus({ text: `✓ ${tr('botDefaults.avatarOkFeishu')}`, ok: true });
-            }
-            else {
-                const err = String(res.body?.error ?? '');
-                const message = typeof res.body?.message === 'string' ? res.body.message : undefined;
-                setStatus({ text: `✗ ${avatarFailText(err, message ?? responseErrorText(res))}` });
-                const needLogin = err === 'no_session' || err === 'session_expired';
-                setLoginVisible(needLogin);
-                if (!needLogin)
-                    pendingRef.current = null;
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${tr('botDefaults.avatarFailed', { error: caughtErrorText(e) })}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }, [bot.larkAppId, name, patchBot, tr]);
-    async function handleFile(file) {
-        if (!file || busy)
-            return;
-        // 归一化阶段就置 busy：canvas 解码大图有可感知耗时，这个窗口里不该还能
-        // 再开一次选图/触发并发提交（服务端另有 per-app 串行队列兜底）。
-        setBusy(true);
-        let dataUrl;
-        try {
-            dataUrl = await normalizeAvatarImage(file);
-        }
-        catch {
-            setBusy(false);
-            setStatus({ text: `✗ ${tr('botDefaults.avatarBadImage')}` });
-            return;
-        }
-        pendingRef.current = dataUrl;
-        await upload(dataUrl);
-    }
-    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();
-    const { bot, cli, patchBot } = props;
-    const name = bot.botName ?? bot.larkAppId;
-    const [editing, setEditing] = useState(false);
-    const [draft, setDraft] = useState(name);
-    const [busy, setBusy] = useState(false);
-    const [status, setStatus] = useState(null);
-    const [loginVisible, setLoginVisible] = useState(false);
-    const [loginOpen, setLoginOpen] = useState(false);
-    useEffect(() => {
-        if (!editing)
-            setDraft(name);
-    }, [editing, name]);
-    function setEditMode(on) {
-        setEditing(on);
-        if (on) {
-            setDraft(name);
-            setStatus(null);
-            setLoginVisible(false);
-        }
-    }
-    function renameWarningText(warning, message) {
-        const known = ['no_session', 'session_expired', 'no_access', 'unsupported_brand'];
-        const detail = known.includes(warning)
-            ? tr(`botDefaults.renameWarn.${warning}`)
-            : (message || warning);
-        return tr('botDefaults.renameLocalOnly', { reason: detail });
-    }
-    const submitRename = useCallback(async () => {
-        const nextName = draft.trim();
-        if (!nextName) {
-            setStatus({ text: `✗ ${tr('botDefaults.renameEmpty')}` });
-            return;
-        }
-        setBusy(true);
-        setStatus({ text: `⏳ ${tr('botDefaults.renaming')}`, ok: true });
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/rename`, { name: nextName });
-            if (res.ok && res.body.ok) {
-                const effective = typeof res.body.botName === 'string' && res.body.botName ? res.body.botName : nextName;
-                patchBot(bot.larkAppId, current => ({
-                    ...current,
-                    botName: effective,
-                    larkBotName: res.body.mode === 'feishu' ? nextName : current.larkBotName,
-                    displayName: res.body.mode === 'feishu' ? null : nextName,
-                }));
-                setEditMode(false);
-                if (res.body.mode === 'feishu') {
-                    setStatus({ text: `✓ ${tr('botDefaults.renameOkFeishu')}`, ok: true });
-                    setLoginVisible(false);
-                }
-                else {
-                    setStatus({ text: `⚠ ${renameWarningText(String(res.body.warning ?? ''), res.body.message)}` });
-                    setLoginVisible(res.body.warning === 'no_session' || res.body.warning === 'session_expired');
-                }
-            }
-            else {
-                setStatus({ text: `✗ ${tr('botDefaults.renameFailed', { error: responseErrorText(res) })}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${tr('botDefaults.renameFailed', { error: caughtErrorText(e) })}` });
-        }
-        finally {
-            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: _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();
-                            }
-                            else if (event.key === 'Escape') {
-                                setEditMode(false);
-                            }
-                        } }), _jsx("button", { type: "button", className: "primary", "data-action": "save-bot-name", disabled: busy, onClick: () => void submitRename(), children: tr('botDefaults.renameSave') }), _jsx("button", { type: "button", "data-action": "cancel-bot-name", disabled: busy, onClick: () => setEditMode(false), children: tr('botDefaults.renameCancel') })] })), _jsx("code", { children: bot.larkAppId }), _jsx("small", { className: statusClass(status, 'bd-name-status'), "data-name-status": true, children: status?.text ?? '' }), _jsx("button", { type: "button", className: "bd-feishu-login", "data-action": "feishu-login", hidden: !loginVisible, onClick: () => setLoginOpen(true), children: tr('feishuLogin.entry') }), loginOpen ? (_jsx(FeishuLoginModal, { onClose: () => setLoginOpen(false), onSuccess: () => {
-                    setLoginVisible(false);
-                    setLoginOpen(false);
-                    void submitRename();
-                } })) : null] }));
-}
-function FeishuLoginModal(props) {
-    const tr = useT();
-    const { onClose, onSuccess } = props;
-    const timerRef = useRef(null);
-    const successTimerRef = useRef(null);
-    const [hint, setHint] = useState(tr('feishuLogin.starting'));
-    const [qrDataUrl, setQrDataUrl] = useState(null);
-    const [retry, setRetry] = useState(false);
-    const stopTimer = useCallback(() => {
-        if (timerRef.current !== null) {
-            window.clearInterval(timerRef.current);
-            timerRef.current = null;
-        }
-    }, []);
-    const renderLogin = useCallback((login) => {
-        if (!login)
-            return 'active';
-        if (login.status === 'awaiting_scan' && login.qrDataUrl) {
-            setQrDataUrl(login.qrDataUrl);
-            setHint(login.message || tr('feishuLogin.scanHint'));
-            setRetry(false);
-            return 'active';
-        }
-        if (login.status === 'starting') {
-            setHint(login.message || tr('feishuLogin.starting'));
-            setQrDataUrl(null);
-            setRetry(false);
-            return 'active';
-        }
-        if (login.status === 'success') {
-            stopTimer();
-            setQrDataUrl(null);
-            setRetry(false);
-            setHint(tr('feishuLogin.success'));
-            successTimerRef.current = window.setTimeout(() => onSuccess(), 900);
-            return 'done';
-        }
-        stopTimer();
-        setQrDataUrl(null);
-        setHint(tr('feishuLogin.failed', { reason: login.message || login.reason || '' }));
-        setRetry(true);
-        return 'done';
-    }, [onSuccess, stopTimer, tr]);
-    const poll = useCallback(async () => {
-        try {
-            const r = await fetch('/api/feishu-login/status');
-            const body = await r.json().catch(() => ({}));
-            renderLogin(body.login);
-        }
-        catch {
-            // transient; keep polling
-        }
-    }, [renderLogin]);
-    const begin = useCallback(async () => {
-        stopTimer();
-        setHint(tr('feishuLogin.starting'));
-        setQrDataUrl(null);
-        setRetry(false);
-        let phase = 'active';
-        try {
-            const r = await fetch('/api/feishu-login/start', { method: 'POST' });
-            const body = await r.json().catch(() => ({}));
-            phase = renderLogin(body.login);
-        }
-        catch (e) {
-            setHint(tr('feishuLogin.failed', { reason: caughtErrorText(e) }));
-            setRetry(true);
-            return;
-        }
-        if (phase === 'active' && timerRef.current === null) {
-            timerRef.current = window.setInterval(() => void poll(), 1500);
-        }
-    }, [poll, renderLogin, stopTimer, tr]);
-    useEffect(() => {
-        void begin();
-        return () => {
-            stopTimer();
-            if (successTimerRef.current !== null)
-                window.clearTimeout(successTimerRef.current);
-        };
-    }, [begin, stopTimer]);
-    return (_jsx("div", { className: "feishu-login-overlay", onClick: event => {
-            if (event.currentTarget === event.target)
-                onClose();
-        }, children: _jsxs("div", { className: "feishu-login-modal", role: "dialog", "aria-modal": "true", children: [_jsx("button", { type: "button", className: "feishu-login-close", "data-close": true, "aria-label": tr('feishuLogin.close'), onClick: onClose, children: "x" }), _jsx("h3", { className: "feishu-login-title", children: tr('feishuLogin.title') }), _jsx("p", { className: "feishu-login-hint", "data-hint": true, children: hint }), _jsx("div", { className: "feishu-login-qr", "data-qr": true, children: qrDataUrl ? _jsx("img", { className: "qr-image", src: qrDataUrl, alt: tr('feishuLogin.qrAlt') }) : null }), _jsx("div", { className: "feishu-login-actions", children: _jsx("button", { type: "button", className: "primary", "data-retry": true, hidden: !retry, onClick: () => void begin(), children: tr('feishuLogin.retry') }) })] }) }));
-}
-export function BotAgentSection(props) {
-    const tr = useT();
-    const { bot, cliState, patchBot } = props;
-    const initialKey = agentSelectionKey(bot, props.sessionFallback);
-    const runtimeConfigKey = JSON.stringify([bot.cliRuntime ?? null, bot.cliPathOverride ?? null]);
-    const [cliKey, setCliKey] = useState(initialKey);
-    const [cliSelectionTouched, setCliSelectionTouched] = useState(false);
-    const [model, setModel] = useState(typeof bot.model === 'string' ? bot.model : '');
-    const [runtimeDraft, setRuntimeDraft] = useState(() => runtimeDraftFromBot(bot));
-    const [runtimeTouched, setRuntimeTouched] = useState(false);
-    const [runtimeStatus, setRuntimeStatus] = useState(null);
-    const [agentStatus, setAgentStatus] = useState(null);
-    const [agentBusy, setAgentBusy] = useState(false);
-    const [skillValue, setSkillValue] = useState(skillInjectionResolved(bot));
-    const [skillStatus, setSkillStatus] = useState(null);
-    const [skillBusy, setSkillBusy] = useState(false);
-    useEffect(() => {
-        setCliKey(agentSelectionKey(bot, props.sessionFallback));
-        setCliSelectionTouched(false);
-        setModel(typeof bot.model === 'string' ? bot.model : '');
-        setRuntimeDraft(runtimeDraftFromBot(bot));
-        setRuntimeTouched(false);
-        setSkillValue(skillInjectionResolved(bot));
-    }, [
-        bot.agentSelectionKey,
-        bot.cliId,
-        bot.larkAppId,
-        bot.model,
-        runtimeConfigKey,
-        bot.wrapperCli,
-        bot.skillInjection,
-        bot.skillInjectionDefault,
-        props.sessionFallback,
-    ]);
-    const option = selectedCliOption(cliState.options, cliKey);
-    const suggestions = modelSuggestionsForOption(option, cliState);
-    const modelDisabledByCli = option?.gateway === 'ttadk' && option.acceptsModel === false;
-    const modelPlaceholder = modelDisabledByCli
-        ? tr('botOnboarding.modelTtadkCocoPlaceholder')
-        : option?.gateway === 'ttadk'
-            ? tr('botOnboarding.modelTtadkPlaceholder').replace('{model}', cliState.ttadkModelDefault)
-            : tr('botDefaults.agentModelPlaceholder');
-    function updateCli(nextKey) {
-        const previousKey = cliKey;
-        setCliKey(nextKey);
-        setCliSelectionTouched(true);
-        if (nextKey !== previousKey && (nextKey !== 'codex' || previousKey !== 'codex')) {
-            setRuntimeDraft(runtimeDraftFromBot({ cliRuntime: null, cliPathOverride: null }));
-            // If the user leaves Codex and comes back before saving, the visible
-            // Official state is intentional and must clear the old runtime/path.
-            setRuntimeTouched(true);
-            setRuntimeStatus(null);
-        }
-        const nextOption = selectedCliOption(cliState.options, nextKey);
-        const isTtadk = nextOption?.gateway === 'ttadk';
-        const acceptsModel = isTtadk && nextOption.acceptsModel !== false;
-        if (isTtadk && !acceptsModel) {
-            setModel('');
-        }
-        else if (acceptsModel) {
-            setModel(current => current.trim() ? current : cliState.ttadkModelDefault);
-        }
-        else {
-            setModel(current => current.trim() === cliState.ttadkModelDefault ? '' : current);
-        }
-    }
-    function updateRuntimeMode(mode) {
-        setRuntimeDraft(current => ({ ...current, mode }));
-        setRuntimeTouched(true);
-        setRuntimeStatus(null);
-        setAgentStatus(null);
-    }
-    function updateRuntimeDraft(patch) {
-        setRuntimeDraft(current => ({ ...current, ...patch }));
-        setRuntimeTouched(true);
-        setRuntimeStatus(null);
-        setAgentStatus(null);
-    }
-    async function saveAgent() {
-        setAgentStatus(null);
-        setRuntimeStatus(null);
-        let cliRuntime;
-        if (runtimeTouched)
-            cliRuntime = null;
-        if (runtimeTouched && cliKey === 'codex' && runtimeDraft.mode === 'custom') {
-            const id = runtimeDraft.id.trim();
-            const executable = runtimeDraft.executable.trim();
-            const displayName = runtimeDraft.displayName.trim();
-            const packageName = runtimeDraft.packageName.trim();
-            if (!id || !executable) {
-                const text = tr('botDefaults.runtimeRequired');
-                setAgentStatus({ text });
-                setRuntimeStatus({ text });
-                return;
-            }
-            if (runtimeDraft.updateProvider === 'npm' && !packageName) {
-                const text = tr('botDefaults.runtimePackageRequired');
-                setAgentStatus({ text });
-                setRuntimeStatus({ text });
-                return;
-            }
-            cliRuntime = {
-                id,
-                ...(displayName ? { displayName } : {}),
-                executable,
-                update: runtimeDraft.updateProvider === 'npm'
-                    ? { provider: 'npm', packageName }
-                    : { provider: runtimeDraft.updateProvider },
-            };
-        }
-        setAgentBusy(true);
-        try {
-            const body = {
-                cliId: cliKey,
-                model,
-                ...(runtimeTouched ? { cliRuntime } : {}),
-            };
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/agent`, body);
-            if (res.ok && res.body.ok) {
-                const closedCount = Number.isInteger(res.body.closedMismatchedSessions) && res.body.closedMismatchedSessions > 0
-                    ? res.body.closedMismatchedSessions
-                    : 0;
-                const closedText = closedCount > 0
-                    ? tr('botDefaults.agentClosedCount', { count: closedCount })
-                    : '';
-                setAgentStatus(res.body.availabilityWarning
-                    ? { text: `⚠️ ${res.body.availabilityWarning}${closedText ? ` · ${closedText}` : ''}` }
-                    : { text: `✓ ${closedText || tr('botDefaults.agentSaved')}`, ok: true });
-                patchBot(bot.larkAppId, {
-                    cliId: res.body.cliId,
-                    cliRuntime: res.body.cliRuntime === undefined
-                        ? runtimeTouched ? cliRuntime ?? null : bot.cliRuntime ?? null
-                        : res.body.cliRuntime,
-                    cliPathOverride: res.body.cliPathOverride === undefined
-                        ? runtimeTouched ? null : bot.cliPathOverride ?? null
-                        : res.body.cliPathOverride,
-                    wrapperCli: res.body.wrapperCli ?? null,
-                    model: res.body.model ?? '',
-                    agentSelectionKey: res.body.selectionKey ?? cliKey,
-                });
-                setRuntimeTouched(false);
-                if (cliRuntime) {
-                    const probe = res.body.runtimeProbe;
-                    if (probe && typeof probe.version === 'string') {
-                        setRuntimeStatus({
-                            text: tr('botDefaults.runtimeProbeOk', {
-                                version: probe.version,
-                                provider: typeof probe.updateProvider === 'string' ? probe.updateProvider : runtimeDraft.updateProvider,
-                            }),
-                            ok: true,
-                        });
-                    }
-                    else {
-                        setRuntimeStatus({ text: tr('botDefaults.runtimeProbeMissing') });
-                    }
-                }
-            }
-            else {
-                const detail = typeof res.body?.message === 'string' && res.body.message
-                    ? res.body.message
-                    : responseErrorText(res);
-                const text = `✗ ${detail}`;
-                setAgentStatus({ text });
-                if (cliKey === 'codex' && runtimeDraft.mode === 'custom')
-                    setRuntimeStatus({ text });
-            }
-        }
-        catch (e) {
-            const text = `✗ ${caughtErrorText(e)}`;
-            setAgentStatus({ text });
-            if (cliKey === 'codex' && runtimeDraft.mode === 'custom')
-                setRuntimeStatus({ text });
-        }
-        finally {
-            setAgentBusy(false);
-        }
-    }
-    /**
-     * Persist the CLI selection as riff before saving riff config. Selecting
-     * riff in the dropdown hides the「保存 Agent」button (model/skill rows are
-     * replaced by RiffSection), so without this the cliId change would never
-     * reach PUT /agent — the bot would stay on its old CLI and backendType
-     * would never auto-flip to riff. Returns false when persisting failed.
-     */
-    async function persistRiffCliSelection() {
-        if (bot.cliId === 'riff')
-            return true; // already persisted
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/agent`, { cliId: 'riff', model: '' });
-            if (res.ok && res.body.ok) {
-                patchBot(bot.larkAppId, {
-                    cliId: res.body.cliId,
-                    cliRuntime: res.body.cliRuntime ?? null,
-                    wrapperCli: res.body.wrapperCli ?? null,
-                    model: res.body.model ?? '',
-                    agentSelectionKey: res.body.selectionKey ?? 'riff',
-                });
-                return true;
-            }
-            setAgentStatus({ text: `✗ ${responseErrorText(res)}` });
-            return false;
-        }
-        catch (e) {
-            setAgentStatus({ text: `✗ ${caughtErrorText(e)}` });
-            return false;
-        }
-    }
-    async function saveSkillInjection(next) {
-        setSkillValue(next);
-        setSkillStatus(null);
-        setSkillBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/skill-injection`, { skillInjection: next });
-            if (res.ok && res.body.ok) {
-                setSkillStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-                patchBot(bot.larkAppId, { skillInjection: res.body.skillInjection ?? null });
-            }
-            else {
-                setSkillStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setSkillStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setSkillBusy(false);
-        }
-    }
-    const siSupport = bot.skillInjectionSupport === 'dynamic' ? 'dynamic' : bot.skillInjectionSupport === 'global' ? 'global' : 'none';
-    const isRiff = cliKey === 'riff';
-    // Old dashboard payloads can omit agentSelectionKey while still carrying a
-    // legacy wrapperCli. Keep the custom-runtime editor hidden until the user
-    // explicitly selects bare Codex; structured runtimes and wrappers cannot mix.
-    const isBareCodex = cliKey === 'codex' && (!bot.wrapperCli || cliSelectionTouched);
-    const usesAlternativeCodexExecutable = isBareCodex && runtimeDraft.mode !== 'official';
-    // 与添加机器人弹窗一致：按名称首字母排序，便于在 20+ 个 CLI 里定位。
-    const cliOptions = [...cliState.options]
-        .sort((a, b) => a.label.localeCompare(b.label, 'en', { sensitivity: 'base' }))
-        .map(option => ({
-        value: option.id,
-        label: option.available === false && !(option.id === 'codex' && usesAlternativeCodexExecutable)
-            ? tr('botDefaults.agentMissingOption', { label: option.label, command: option.command ?? option.id })
-            : `${option.label}（${option.id}）`,
-    }));
-    const dynamicSkillOptions = [
-        { value: 'dynamic', label: tr('botDefaults.skillInjectionDynamic') },
-    ];
-    const skillOptions = [
-        // Non-selectable cue: dynamic injection isn't available for this CLI (parity with the old UI).
-        { value: 'dynamic', label: tr('botDefaults.skillInjectionDynamicUnsupported'), disabled: true },
-        { value: 'prompt', label: tr('botDefaults.skillInjectionPrompt') },
-        { value: 'global', label: tr('botDefaults.skillInjectionGlobal') },
-        { value: 'off', label: tr('botDefaults.skillInjectionOff') },
-    ];
-    const runtimeProviderOptions = [
-        { value: 'auto', label: tr('botDefaults.runtimeProviderAuto') },
-        { value: 'self', label: tr('botDefaults.runtimeProviderSelf') },
-        { value: 'npm', label: tr('botDefaults.runtimeProviderNpm') },
-        { value: 'none', label: tr('botDefaults.runtimeProviderNone') },
-    ];
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionAgent') }), _jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx("span", { children: tr('botDefaults.agentCli') }), _jsx(DropdownField, { dataInput: "agentCliId", ariaLabel: tr('botDefaults.agentCli'), value: cliKey, disabled: agentBusy, options: cliOptions, searchable: true, onChange: updateCli }), option?.available === false && !usesAlternativeCodexExecutable ? (_jsx("small", { className: "hint-warn", children: tr('botDefaults.agentMissingHint', { command: option.command ?? cliKey }) })) : null] }) }), isBareCodex ? (_jsxs("div", { className: "bd-codex-runtime", "data-codex-runtime": "", children: [_jsx("div", { className: "bd-runtime-heading", children: _jsx(FieldTitle, { help: tr('botDefaults.runtimeHelp'), children: tr('botDefaults.runtimeTitle') }) }), _jsxs("div", { className: "bd-runtime-mode", role: "group", "aria-label": tr('botDefaults.runtimeTitle'), children: [_jsx("button", { type: "button", "data-action": "runtime-official", "aria-pressed": runtimeDraft.mode === 'official', disabled: agentBusy, onClick: () => updateRuntimeMode('official'), children: tr('botDefaults.runtimeOfficial') }), _jsx("button", { type: "button", "data-action": "runtime-custom", "aria-pressed": runtimeDraft.mode === 'custom', disabled: agentBusy, onClick: () => updateRuntimeMode('custom'), children: tr('botDefaults.runtimeCustom') })] }), _jsx("input", { type: "hidden", "data-input": "agentRuntimeMode", value: runtimeDraft.mode, readOnly: true }), _jsx("p", { className: "bd-runtime-note", children: tr(runtimeDraft.mode === 'official'
-                            ? 'botDefaults.runtimeOfficialNote'
-                            : runtimeDraft.mode === 'legacy'
-                                ? 'botDefaults.runtimeLegacyNote'
-                                : 'botDefaults.runtimeCustomNote') }), runtimeDraft.mode === 'legacy' ? (_jsx("div", { className: "bd-runtime-fields", "data-runtime-legacy": "", children: _jsxs("label", { className: "bd-runtime-wide", children: [_jsx("span", { children: tr('botDefaults.runtimeLegacyPath') }), _jsx("input", { type: "text", value: runtimeDraft.legacyPath, readOnly: true, "aria-readonly": "true", "data-input": "agentRuntimeLegacyPath" })] }) })) : null, runtimeDraft.mode === 'custom' ? (_jsxs("div", { className: "bd-runtime-fields", children: [_jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.runtimeIdHelp'), children: tr('botDefaults.runtimeId') }), _jsx("input", { type: "text", "data-input": "agentRuntimeId", value: runtimeDraft.id, disabled: agentBusy, autoComplete: "off", onChange: event => updateRuntimeDraft({ id: event.currentTarget.value }) })] }), _jsxs("label", { children: [_jsx("span", { children: tr('botDefaults.runtimeDisplayName') }), _jsx("input", { type: "text", "data-input": "agentRuntimeDisplayName", placeholder: tr('botDefaults.runtimeDisplayNamePlaceholder'), value: runtimeDraft.displayName, disabled: agentBusy, autoComplete: "off", onChange: event => updateRuntimeDraft({ displayName: event.currentTarget.value }) })] }), _jsxs("label", { className: "bd-runtime-wide", children: [_jsx(FieldTitle, { help: tr('botDefaults.runtimeExecutableHelp'), children: tr('botDefaults.runtimeExecutable') }), _jsx("input", { type: "text", "data-input": "agentRuntimeExecutable", value: runtimeDraft.executable, disabled: agentBusy, autoCapitalize: "none", autoComplete: "off", spellCheck: false, onChange: event => updateRuntimeDraft({ executable: event.currentTarget.value }) })] }), _jsxs("div", { className: "bd-field", children: [_jsx("span", { children: tr('botDefaults.runtimeUpdateProvider') }), _jsx(DropdownField, { dataInput: "agentRuntimeUpdateProvider", ariaLabel: tr('botDefaults.runtimeUpdateProvider'), value: runtimeDraft.updateProvider, disabled: agentBusy, options: runtimeProviderOptions, onChange: updateProvider => updateRuntimeDraft({ updateProvider }) })] }), runtimeDraft.updateProvider === 'npm' ? (_jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.runtimePackageHelp'), children: tr('botDefaults.runtimePackageName') }), _jsx("input", { type: "text", "data-input": "agentRuntimePackageName", value: runtimeDraft.packageName, disabled: agentBusy, autoCapitalize: "none", autoComplete: "off", spellCheck: false, onChange: event => updateRuntimeDraft({ packageName: event.currentTarget.value }) })] })) : null] })) : null, _jsx(StatusSpan, { status: runtimeStatus, attr: { 'data-runtime-status': '' } })] })) : null, !isRiff && (_jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.agentHelp'), children: tr('botDefaults.agentModel') }), _jsx("input", { type: "text", "data-input": "agentModel", list: `agent-model-suggestions-${bot.larkAppId}`, placeholder: modelPlaceholder, value: model, disabled: agentBusy || modelDisabledByCli, onChange: event => setModel(event.currentTarget.value) }), _jsx("datalist", { id: `agent-model-suggestions-${bot.larkAppId}`, children: suggestions.map(item => _jsx("option", { value: item }, item)) })] }) })), isRiff && _jsx(RiffSection, { bot: bot, patchBot: patchBot, persistCliSelection: persistRiffCliSelection }), !isRiff && siSupport === 'dynamic' ? (_jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.skillInjectionHelpDynamic'), children: tr('botDefaults.skillInjection') }), _jsx(DropdownField, { dataInput: "skillInjection", ariaLabel: tr('botDefaults.skillInjection'), value: "dynamic", disabled: true, options: dynamicSkillOptions, onChange: () => undefined })] }) })) : !isRiff && siSupport === 'global' ? (_jsxs("div", { className: "bd-row", children: [_jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.skillInjectionHelp'), children: tr('botDefaults.skillInjection') }), _jsx(DropdownField, { dataInput: "skillInjection", ariaLabel: tr('botDefaults.skillInjection'), value: skillValue, disabled: skillBusy, options: skillOptions, onChange: next => void saveSkillInjection(next) })] }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: skillStatus, attr: { 'data-skill-injection-status': '' } }) })] })) : null, !isRiff && (_jsxs("div", { className: "actions bd-section-actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-agent", disabled: agentBusy, onClick: () => void saveAgent(), children: tr('botDefaults.agentSave') }), _jsx(StatusSpan, { status: agentStatus, attr: { 'data-agent-status': '' } })] }))] }));
-}
-function skillInjectionResolved(bot) {
-    const override = bot.skillInjection === 'global' || bot.skillInjection === 'prompt' || bot.skillInjection === 'off' ? bot.skillInjection : '';
-    const def = bot.skillInjectionDefault === 'global' || bot.skillInjectionDefault === 'off' ? bot.skillInjectionDefault : 'prompt';
-    return override || def;
-}
-function WorkingDirSection(props) {
-    const tr = useT();
-    const { bot, patchBot } = props;
-    const initial = workingDirState(bot);
-    const [mode, setMode] = useState(initial.mode);
-    const [workingDir, setWorkingDir] = useState(initial.workingDir);
-    const [autoWorktree, setAutoWorktree] = useState(bot.defaultWorkingDirAutoWorktree === true);
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => {
-        const next = workingDirState(bot);
-        setMode(next.mode);
-        setWorkingDir(next.workingDir);
-        setAutoWorktree(bot.defaultWorkingDirAutoWorktree === true);
-    }, [
-        bot.defaultOncall?.enabled,
-        bot.defaultOncall?.workingDir,
-        bot.defaultWorkingDir,
-        bot.defaultWorkingDirAutoWorktree,
-    ]);
-    async function save() {
-        setStatus(null);
-        const dir = workingDir.trim();
-        if (mode !== 'off' && !dir) {
-            setStatus({ text: tr('botDefaults.required') });
-            return;
-        }
-        const nextAutoWorktree = mode === 'default' && autoWorktree;
-        setBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/working-dir-mode`, {
-                mode,
-                workingDir: dir,
-                autoWorktree: nextAutoWorktree,
-            });
-            if (res.ok && res.body.ok) {
-                const resolvedNote = res.body.resolvedPath ? ` → ${res.body.resolvedPath}` : '';
-                setStatus({ text: `✓ ${tr('botDefaults.workingDirSaved')}${resolvedNote}`, ok: true });
-                patchBot(bot.larkAppId, {
-                    defaultOncall: res.body.defaultOncall ?? bot.defaultOncall,
-                    defaultWorkingDir: res.body.defaultWorkingDir ?? null,
-                    defaultWorkingDirAutoWorktree: res.body.defaultWorkingDirAutoWorktree === true,
-                });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    const modeOptions = [
-        { value: 'off', label: tr('botDefaults.workingDirModeOff') },
-        { value: 'default', label: tr('botDefaults.workingDirModeDefault') },
-        { value: 'oncall', label: tr('botDefaults.workingDirModeOncall') },
-    ];
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionWorkingDir') }), _jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.workingDirModeHelp'), children: tr('botDefaults.workingDirMode') }), _jsx(DropdownField, { dataInput: "workingDirMode", ariaLabel: tr('botDefaults.workingDirMode'), value: mode, disabled: busy, options: modeOptions, onChange: next => setMode(next) })] }) }), _jsx("div", { className: "bd-row", "data-wd-dir-row": true, hidden: mode === 'off', children: _jsxs("label", { children: [_jsx("span", { children: tr('botDefaults.workingDirField') }), _jsx("input", { type: "text", "data-input": "workingDir", placeholder: "e.g. /root/iserver/botmux", value: workingDir, disabled: busy, onChange: event => setWorkingDir(event.currentTarget.value) })] }) }), _jsxs("label", { className: "toggle-row", "data-wd-worktree-row": true, hidden: mode !== 'default', children: [_jsx("input", { type: "checkbox", "data-input": "autoWorktree", checked: autoWorktree, disabled: busy, onChange: event => setAutoWorktree(event.currentTarget.checked) }), _jsx("span", { className: "switch", "aria-hidden": "true" }), _jsx("span", { className: "toggle-tx", children: _jsx("strong", { children: _jsx(FieldTitle, { help: tr('botDefaults.autoWorktreeHelp'), children: tr('botDefaults.autoWorktree') }) }) })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-working-dir", disabled: busy, onClick: () => void save(), children: tr('botDefaults.save') }), _jsx(StatusSpan, { status: status, attr: { 'data-status': '' } })] }), _jsx(AutoStartControls, { bot: bot, putCardPref: props.putCardPref })] }));
-}
-function workingDirState(bot) {
-    const def = bot.defaultOncall ?? { enabled: false, workingDir: '' };
-    const mode = def.enabled ? 'oncall' : (bot.defaultWorkingDir ? 'default' : 'off');
-    return { mode, workingDir: bot.defaultWorkingDir || def.workingDir || '' };
-}
-function AutoStartControls(props) {
-    const tr = useT();
-    const { bot, putCardPref } = props;
-    const [onJoin, setOnJoin] = useState(bot.autoStartOnGroupJoin === true);
-    const [onTopic, setOnTopic] = useState(bot.autoStartOnNewTopic === true);
-    const [prompt, setPrompt] = useState(typeof bot.autoStartOnGroupJoinPrompt === 'string' ? bot.autoStartOnGroupJoinPrompt : '');
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(null);
-    useEffect(() => {
-        setOnJoin(bot.autoStartOnGroupJoin === true);
-        setOnTopic(bot.autoStartOnNewTopic === true);
-        setPrompt(typeof bot.autoStartOnGroupJoinPrompt === 'string' ? bot.autoStartOnGroupJoinPrompt : '');
-    }, [bot.autoStartOnGroupJoin, bot.autoStartOnGroupJoinPrompt, bot.autoStartOnNewTopic]);
-    async function savePatch(patch, key) {
-        setBusy(key);
-        setStatus(null);
-        try {
-            const res = await putCardPref(patch);
-            setStatus(res.ok ? { text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true } : { text: `✗ ${responseErrorText(res)}` });
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(null);
-        }
-    }
-    return (_jsxs("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: tr('botDefaults.sectionAutoStart') }), _jsx(ToggleRow, { checked: onJoin, disabled: busy === 'join', dataAction: "toggle-auto-join", title: tr('botDefaults.autoStartJoin'), help: tr('botDefaults.autoStartJoinHelp'), onChange: checked => {
-                    setOnJoin(checked);
-                    void savePatch({ autoStartOnGroupJoin: checked }, 'join');
-                } }), _jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx("span", { children: tr('botDefaults.autoStartJoinPrompt') }), _jsx("textarea", { "data-input": "autoJoinPrompt", rows: 3, placeholder: tr('botDefaults.autoStartJoinPromptPlaceholder'), value: prompt, onChange: event => setPrompt(event.currentTarget.value) })] }) }), _jsx(ToggleRow, { checked: onTopic, disabled: busy === 'topic', dataAction: "toggle-auto-topic", title: tr('botDefaults.autoStartTopic'), help: tr('botDefaults.autoStartTopicHelp'), onChange: checked => {
-                    setOnTopic(checked);
-                    void savePatch({ autoStartOnNewTopic: checked }, 'topic');
-                } }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-auto-join-prompt", disabled: busy === 'prompt', onClick: () => void savePatch({ autoStartOnGroupJoinPrompt: prompt }, 'prompt'), children: tr('botDefaults.autoStartJoinPromptSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-auto-start-status': '' } })] })] }));
-}
-function SandboxSection(props) {
-    const tr = useT();
-    const { bot, patchBot } = props;
-    const [enabled, setEnabled] = useState(bot.sandbox === true);
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => setEnabled(bot.sandbox === true), [bot.sandbox]);
-    async function toggle(next) {
-        setEnabled(next);
-        setStatus(null);
-        setBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/sandbox`, { enabled: next });
-            if (res.ok && res.body.ok) {
-                setStatus({ text: `✓ ${tr('botDefaults.sandboxSaved')}`, ok: true });
-                patchBot(bot.larkAppId, { sandbox: res.body.sandbox === true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-                setEnabled(!next);
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-            setEnabled(!next);
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    // The unified fs-policy always provides deny-by-default file read/write
-    // isolation. This capability line is narrower: whether the CLI's global data
-    // root can additionally be redirected into this bot's private BOT_HOME
-    // (claude/codex, no wrapper), keeping CLI credentials/config/history separate
-    // from sibling bots. Keep that distinction explicit in the UI copy.
-    const readIsoSupported = bot.readIsolationSupported === true;
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionSandbox') }), _jsx(ToggleRow, { checked: enabled, disabled: busy, dataAction: "toggle-sandbox", title: tr('botDefaults.sandboxToggle'), help: tr('botDefaults.sandboxHelp'), onChange: checked => void toggle(checked) }), _jsx("p", { className: "bd-section-note", "data-read-iso-capability": readIsoSupported ? 'yes' : 'no', children: readIsoSupported ? `＋ ${tr('botDefaults.sandboxReadIsoOn')}` : tr('botDefaults.sandboxReadIsoOff') }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: status, attr: { 'data-sandbox-status': '' } }) })] }));
-}
-/** Restrictiveness ranking — mirrors fs-policy.ts RESTRICTIVENESS so a same-path
- *  cross-tier conflict resolves the SAME way the sandbox will (deny > ro > rw). */
-const SBX_RESTRICTIVENESS = { readWrite: 0, readOnly: 1, deny: 2 };
-/** Effective access for `path` under the three tiers: DEEPEST (longest-prefix)
- *  matching rule wins; at equal depth (same path across tiers) the MORE
- *  RESTRICTIVE tier wins — mirrors fs-policy.ts accessForPath + mergeFsRules so
- *  the UI's live labels + path tester agree with what the sandbox enforces.
- *  `home` expands a leading `~` the same way the worker does before matching, so
- *  `~`-relative entries line up with absolute tree nodes. */
-export function effectiveAccess(tiers, path, home) {
-    const expand = (p) => (p === '~' || p.startsWith('~/')) ? home.replace(/\/+$/, '') + p.slice(1) : p;
-    const norm = (p) => expand(p).replace(/\/+$/, '') || '/';
-    const target = norm(path);
-    const covers = (parent, child) => {
-        const a = norm(parent), b = norm(child);
-        return a === b || b.startsWith(a === '/' ? '/' : a + '/');
-    };
-    const depth = (p) => norm(p) === '/' ? 0 : norm(p).split('/').filter(Boolean).length;
-    let best;
-    const consider = (access, rule) => {
-        if (!covers(rule, target))
-            return;
-        const d = depth(rule);
-        if (!best || d > best.ruleDepth
-            || (d === best.ruleDepth && SBX_RESTRICTIVENESS[access] > SBX_RESTRICTIVENESS[best.access])) {
-            best = { access, ruleDepth: d, rule };
-        }
-    };
-    for (const p of tiers.readWrite)
-        consider('readWrite', p);
-    for (const p of tiers.readOnly)
-        consider('readOnly', p);
-    for (const p of tiers.deny)
-        consider('deny', p);
-    return best ? { access: best.access, rule: best.rule } : { access: 'none' };
-}
-function emptyTiers() { return { readWrite: [], readOnly: [], deny: [] }; }
-function normTiers(t) {
-    if (!t)
-        return emptyTiers();
-    return { readWrite: [...(t.readWrite ?? [])], readOnly: [...(t.readOnly ?? [])], deny: [...(t.deny ?? [])] };
-}
-function tiersEqual(a, b) {
-    const k = (x) => [...x].sort().join('\n');
-    return k(a.readWrite) === k(b.readWrite) && k(a.readOnly) === k(b.readOnly) && k(a.deny) === k(b.deny);
-}
-/** Serialize tiers to the copy-paste text form (one path per line, tier-tagged). */
-function tiersToText(t) {
-    const lines = [];
-    for (const p of t.readWrite)
-        lines.push(`rw  ${p}`);
-    for (const p of t.readOnly)
-        lines.push(`ro  ${p}`);
-    for (const p of t.deny)
-        lines.push(`deny ${p}`);
-    return lines.join('\n');
-}
-/** Parse the copy-paste text form back into tiers. Tolerates `rw`/`readWrite`,
- *  `ro`/`readOnly`, `deny`/`-`; blank lines and `#` comments are ignored. */
-function textToTiers(text) {
-    const t = emptyTiers();
-    for (const raw of text.split('\n')) {
-        const line = raw.trim();
-        if (!line || line.startsWith('#'))
-            continue;
-        const m = /^(\S+)\s+(.+)$/.exec(line);
-        if (!m)
-            continue;
-        const tag = m[1].toLowerCase();
-        const path = m[2].trim();
-        if (tag === 'rw' || tag === 'readwrite' || tag === 'rw:')
-            t.readWrite.push(path);
-        else if (tag === 'ro' || tag === 'readonly' || tag === 'ro:')
-            t.readOnly.push(path);
-        else if (tag === 'deny' || tag === '-' || tag === 'deny:')
-            t.deny.push(path);
-    }
-    return t;
-}
-function SandboxPathsSection(props) {
-    const tr = useT();
-    const { bot, patchBot } = props;
-    const [tiers, setTiers] = useState(() => normTiers(bot.sandboxPaths));
-    const [text, setText] = useState(() => tiersToText(normTiers(bot.sandboxPaths)));
-    const [textMode, setTextMode] = useState(false);
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    const [testPath, setTestPath] = useState('');
-    // Lazy directory tree: path → child dir list (undefined = not yet loaded).
-    const [children, setChildren] = useState({});
-    const [expanded, setExpanded] = useState(new Set());
-    const [roots, setRoots] = useState([]);
-    // Canonical $HOME (first fs-list root) — used to expand `~` in tiers/tester
-    // the SAME way the worker does, so `~`-relative entries match absolute tree
-    // nodes and effective-access labels are accurate.
-    const [homeRoot, setHomeRoot] = useState('~');
-    const saved = useMemo(() => normTiers(bot.sandboxPaths), [bot.sandboxPaths]);
-    useEffect(() => { setTiers(normTiers(bot.sandboxPaths)); setText(tiersToText(normTiers(bot.sandboxPaths))); }, [bot.sandboxPaths]);
-    const dirty = !tiersEqual(tiers, saved);
-    const loadDir = useCallback(async (path) => {
-        try {
-            const q = path ? `?path=${encodeURIComponent(path)}` : '';
-            const r = await fetch(`/api/fs/list${q}`);
-            const j = await r.json();
-            if (!j.ok)
-                return;
-            if (!path) {
-                setRoots(j.entries.map((e) => ({ name: e.name, path: e.path })));
-                // Backend returns canonical $HOME explicitly (realpath'd) so `~` expansion
-                // here matches the realpath'd child nodes + the worker's sandbox binds.
-                if (typeof j.home === 'string' && j.home.startsWith('/'))
-                    setHomeRoot(j.home);
-            }
-            else
-                setChildren(prev => ({ ...prev, [path]: j.entries.map((e) => ({ name: e.name, path: e.path })) }));
-        }
-        catch { /* listing is best-effort; manual/text entry still works */ }
-    }, []);
-    useEffect(() => { if (!textMode && roots.length === 0)
-        void loadDir(''); }, [textMode, roots.length, loadDir]);
-    // The tier a path is EXPLICITLY set to (undefined = inherits from ancestor).
-    const explicitTier = useCallback((path) => {
-        const n = path.replace(/\/+$/, '') || '/';
-        if (tiers.readWrite.some(p => (p.replace(/\/+$/, '') || '/') === n))
-            return 'readWrite';
-        if (tiers.readOnly.some(p => (p.replace(/\/+$/, '') || '/') === n))
-            return 'readOnly';
-        if (tiers.deny.some(p => (p.replace(/\/+$/, '') || '/') === n))
-            return 'deny';
-        return undefined;
-    }, [tiers]);
-    // Cycle a node: inherit → readWrite → readOnly → deny → inherit.
-    const cycleNode = useCallback((path) => {
-        setStatus(null);
-        const n = path.replace(/\/+$/, '') || '/';
-        const cur = explicitTier(path);
-        const next = cur === undefined ? 'readWrite' : cur === 'readWrite' ? 'readOnly' : cur === 'readOnly' ? 'deny' : undefined;
-        setTiers(prev => {
-            const strip = (arr) => arr.filter(p => (p.replace(/\/+$/, '') || '/') !== n);
-            const t = { readWrite: strip(prev.readWrite), readOnly: strip(prev.readOnly), deny: strip(prev.deny) };
-            if (next)
-                t[next].push(path);
-            setText(tiersToText(t));
-            return t;
-        });
-    }, [explicitTier]);
-    function syncFromText(next) {
-        setText(next);
-        setTiers(textToTiers(next));
-        setStatus(null);
-    }
-    async function save() {
-        setBusy(true);
-        setStatus(null);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/sandbox-paths`, tiers);
-            if (res.ok && res.body.ok) {
-                setStatus({ text: `✓ ${tr('botDefaults.sbxPathsSaved')}`, ok: true });
-                patchBot(bot.larkAppId, { sandboxPaths: res.body.sandboxPaths ?? { readWrite: [], readOnly: [], deny: [] } });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    const tierBadge = (a) => a === 'readWrite' ? tr('botDefaults.sbxRw')
-        : a === 'readOnly' ? tr('botDefaults.sbxRo')
-            : a === 'deny' ? tr('botDefaults.sbxDeny')
-                : tr('botDefaults.sbxNone');
-    function TreeNode(props) {
-        const { name, path, depth } = props;
-        const isOpen = expanded.has(path);
-        const explicit = explicitTier(path);
-        const eff = effectiveAccess(tiers, path, homeRoot);
-        const kids = children[path];
-        return (_jsxs("div", { className: "bd-sbx-node", children: [_jsxs("div", { className: "bd-sbx-row", style: { paddingLeft: depth * 16 }, children: [_jsx("span", { className: "bd-sbx-twisty", onClick: () => {
-                                setExpanded(prev => { const s = new Set(prev); s.has(path) ? s.delete(path) : s.add(path); return s; });
-                                if (!kids)
-                                    void loadDir(path);
-                            }, children: isOpen ? '▾' : '▸' }), _jsx("span", { className: "bd-sbx-name", title: path, children: name }), _jsx("button", { type: "button", className: `bd-sbx-state bd-sbx-state-${explicit ?? 'inherit'}`, "data-action": "cycle-sandbox-path", "data-path": path, title: explicit ? undefined : `${tr('botDefaults.sbxInherit')}: ${tierBadge(eff.access)}`, onClick: () => cycleNode(path), children: explicit ? tierBadge(explicit) : `↳ ${tierBadge(eff.access)}` })] }), isOpen && (_jsxs("div", { className: "bd-sbx-kids", children: [kids?.map(c => _jsx(TreeNode, { name: c.name, path: c.path, depth: depth + 1 }, c.path)), kids && kids.length === 0 && (_jsx("div", { className: "bd-sbx-empty", style: { paddingLeft: (depth + 1) * 16 + 20 }, children: tr('botDefaults.sbxNoSubdirs') }))] }))] }));
-    }
-    const testResult = testPath.trim() ? effectiveAccess(tiers, testPath.trim(), homeRoot) : null;
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionSandboxPaths') }), _jsx("p", { className: "bd-section-note", children: tr('botDefaults.sbxPathsHelp') }), _jsx("div", { className: "actions", style: { gap: 8, flexWrap: 'wrap' }, children: _jsx("button", { type: "button", className: "bd-btn", onClick: () => setTextMode(m => !m), children: textMode ? tr('botDefaults.sbxPathsTreeMode') : tr('botDefaults.sbxPathsTextMode') }) }), textMode ? (_jsx("textarea", { className: "bd-sbx-text", "data-field": "sandbox-paths-text", rows: 8, value: text, spellCheck: false, placeholder: 'rw  ~/my-data\nro  ~/reference-repos\ndeny ~/my-data/secrets', onChange: e => syncFromText(e.target.value) })) : (_jsx("div", { className: "bd-sbx-tree", "data-field": "sandbox-paths-tree", children: roots.map(r => _jsx(TreeNode, { name: r.name, path: r.path, depth: 0 }, r.path)) })), _jsxs("div", { className: "bd-sbx-tester", children: [_jsx("input", { className: "bd-sbx-test-input", "data-field": "sandbox-path-test", placeholder: tr('botDefaults.sbxTestPlaceholder'), value: testPath, onChange: e => setTestPath(e.target.value) }), testResult && (_jsxs("span", { className: `bd-sbx-test-out bd-sbx-state-${testResult.access}`, "data-test-access": testResult.access, children: [tierBadge(testResult.access), testResult.rule ? ` ← ${testResult.rule}` : ''] }))] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "bd-btn bd-btn-primary", "data-action": "save-sandbox-paths", disabled: busy || !dirty, onClick: () => void save(), children: tr('botDefaults.sbxPathsSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-sandbox-paths-status': '' } })] })] }));
-}
-const BACKEND_TYPE_OPTIONS = [
-    { value: '', labelKey: 'botDefaults.backendAuto' },
-    { 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) {
-    const tr = useT();
-    const { bot, patchBot } = props;
-    const [value, setValue] = useState(typeof bot.backendType === 'string' ? bot.backendType : '');
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => setValue(typeof bot.backendType === 'string' ? bot.backendType : ''), [bot.backendType]);
-    const options = useMemo(() => BACKEND_TYPE_OPTIONS.map(o => ({ value: o.value, label: tr(o.labelKey) })), [tr]);
-    async function save(next) {
-        const prev = value;
-        setValue(next);
-        setStatus(null);
-        setBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/backend-type`, { backendType: next });
-            if (res.ok && res.body.ok) {
-                setStatus({ text: `✓ ${tr('botDefaults.backendSaved')}`, ok: true });
-                patchBot(bot.larkAppId, { backendType: typeof res.body.backendType === 'string' ? res.body.backendType : null });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-                setValue(prev); // revert optimistic selection
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-            setValue(prev);
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionBackend') }), _jsxs("div", { className: "bd-row", children: [_jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.backendHelp'), children: tr('botDefaults.backendLabel') }), _jsx(DropdownField, { dataInput: "backendType", ariaLabel: tr('botDefaults.backendLabel'), value: value, disabled: busy, options: options, onChange: next => void save(next) })] }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: status, attr: { 'data-backend-status': '' } }) })] })] }));
-}
-function RoleSection(props) {
-    const tr = useT();
-    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(() => {
-        let active = true;
-        const roleUrl = `/api/team/local-bots/${encodeURIComponent(bot.larkAppId)}/role`;
-        if (typeof bot.teamRole === 'string') {
-            // Already resolved (incl. right after our own save, which patchBot's teamRole
-            // re-fires this effect) — sync the field but DON'T clear status, or the freshly
-            // set "✓ 已保存/已删除" toast gets wiped a frame later.
-            setLoaded(true);
-            setRole(bot.teamRole);
-            return () => { active = false; };
-        }
-        setStatus(null);
-        setLoaded(false);
-        setRole('');
-        void (async () => {
-            try {
-                const r = await fetch(roleUrl);
-                const body = await r.json().catch(() => ({}));
-                if (!active)
-                    return;
-                if (r.ok && body.ok) {
-                    const next = body.role ?? '';
-                    setRole(next);
-                    setInjectMode(body.injectMode === 'once' ? 'once' : 'every');
-                    setLoaded(true);
-                    patchBot(bot.larkAppId, { teamRole: next });
-                }
-                else {
-                    setStatus({ text: `✗ ${tr('botDefaults.roleLoadErr')}: ${body.error ?? r.status}` });
-                }
-            }
-            catch (e) {
-                if (active)
-                    setStatus({ text: `✗ ${tr('botDefaults.roleLoadErr')}: ${caughtErrorText(e)}` });
-            }
-        })();
-        return () => { active = false; };
-    }, [bot.larkAppId, bot.teamRole, patchBot, tr]);
-    // 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, 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 });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    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();
-    const [state, setState] = useState({ loaded: false, loading: true, items: [] });
-    useEffect(() => {
-        let active = true;
-        setState({ loaded: false, loading: true, items: [] });
-        void (async () => {
-            try {
-                const r = await fetch('/api/role-profiles');
-                const body = await r.json().catch(() => ({}));
-                if (!active)
-                    return;
-                if (!r.ok)
-                    throw new Error(body?.error ?? String(r.status));
-                const profiles = Array.isArray(body.profiles) ? body.profiles : [];
-                const items = profiles
-                    .filter((profile) => (profile.botEntries ?? []).some((entry) => entry?.larkAppId === props.appId && entry?.hasEntry))
-                    .map((profile) => ({ profileId: String(profile.profileId) }));
-                setState({
-                    loaded: true,
-                    loading: false,
-                    items,
-                });
-            }
-            catch (e) {
-                if (active)
-                    setState({ loaded: true, loading: false, error: caughtErrorText(e), items: [] });
-            }
-        })();
-        return () => { active = false; };
-    }, [props.appId]);
-    async function loadDetail(profileId) {
-        const item = state.items.find(entry => entry.profileId === profileId);
-        if (!item || item.loaded || item.loading)
-            return;
-        setState(current => ({
-            ...current,
-            items: current.items.map(entry => entry.profileId === profileId ? { ...entry, loading: true } : entry),
-        }));
-        try {
-            const r = await fetch(`/api/role-profiles/${encodeURIComponent(profileId)}/${encodeURIComponent(props.appId)}`);
-            const body = await r.json().catch(() => ({}));
-            if (!r.ok)
-                throw new Error(body?.error ?? String(r.status));
-            setState(current => ({
-                ...current,
-                items: current.items.map(entry => entry.profileId === profileId
-                    ? { ...entry, loading: false, loaded: true, content: body?.hasEntry ? String(body.content ?? '') : '' }
-                    : entry),
-            }));
-        }
-        catch (e) {
-            setState(current => ({
-                ...current,
-                items: current.items.map(entry => entry.profileId === profileId ? { ...entry, loading: false, error: caughtErrorText(e) } : entry),
-            }));
-        }
-    }
-    let body;
-    if (state.loading)
-        body = _jsx(LoadingState, { label: tr('common.loading'), compact: true });
-    else if (state.error)
-        body = _jsx("p", { className: "hint-warn-inline", children: tr('botDefaults.profileRolesLoadFailed', { error: state.error }) });
-    else if (state.items.length === 0)
-        body = _jsx("p", { className: "empty", children: tr('botDefaults.profileRolesEmpty') });
-    else {
-        body = state.items.map(item => (_jsxs("details", { className: "bd-profile-role-entry", "data-profile-id": item.profileId, onToggle: event => {
-                if (event.currentTarget.open)
-                    void loadDetail(item.profileId);
-            }, children: [_jsx("summary", { children: _jsx("span", { className: "bd-profile-role-id", children: item.profileId }) }), _jsx("div", { className: "bd-profile-role-content", "data-profile-role-body": item.profileId, children: item.loading ? _jsx(LoadingState, { label: tr('common.loading'), compact: true }) : item.error ? (_jsx("p", { className: "hint-warn-inline", children: tr('botDefaults.profileRoleDetailLoadFailed', { error: item.error }) })) : item.loaded ? (_jsx("pre", { children: item.content ?? '' })) : (_jsx("p", { className: "empty", children: tr('botDefaults.profileRoleClickToLoad') })) })] }, item.profileId)));
-    }
-    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 })] }));
-}
-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);
-    const [privateCard, setPrivateCard] = useState(bot.privateCard === true);
-    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.usageDisplay, bot.silentTurnReactions, bot.writableTerminalLinkInCard]);
-    async function savePatch(patch, key, rollback) {
-        setBusy(key);
-        setStatus(null);
-        try {
-            const res = await putCardPref(patch);
-            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);
-        }
-    }
-    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 => {
-                            setSilentReactions(checked);
-                            void savePatch({ silentTurnReactions: checked }, 'silent');
-                        } }), _jsx(ToggleRow, { checked: writableLink, disabled: disableStreaming || busy === 'writable', dataAction: "toggle-writable-link", title: tr('botDefaults.writableLink'), help: tr('botDefaults.writableLinkHelp'), onChange: checked => {
-                            setWritableLink(checked);
-                            void savePatch({ writableTerminalLinkInCard: checked }, 'writable');
-                        } }), _jsx(ToggleRow, { checked: privateCard, disabled: busy === 'private', dataAction: "toggle-private-card", title: tr('botDefaults.privateCard'), help: tr('botDefaults.privateCardHelp'), onChange: checked => {
-                            setPrivateCard(checked);
-                            void savePatch({ privateCard: checked }, 'private');
-                        } })] }), _jsxs("div", { className: "actions", children: [_jsx("small", { "data-card-pref-moot": true, className: "hint-warn-inline", hidden: !disableStreaming, children: tr('botDefaults.writableLinkMoot') }), _jsx(StatusSpan, { status: status, attr: { 'data-card-pref-status': '' } })] })] }));
-}
-export function CodexAppDisplaySection(props) {
-    const tr = useT();
-    const [cleanInput, setCleanInput] = useState(props.bot.codexAppCleanInput === true);
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => setCleanInput(props.bot.codexAppCleanInput === true), [props.bot.codexAppCleanInput]);
-    async function save(checked) {
-        const previous = cleanInput;
-        setCleanInput(checked);
-        setBusy(true);
-        setStatus(null);
-        try {
-            const res = await props.putCardPref({ codexAppCleanInput: checked });
-            if (res.ok) {
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setCleanInput(previous);
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setCleanInput(previous);
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    return (_jsxs("section", { className: "bd-section", "data-codex-app-display": true, children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionCodexAppDisplay') }), _jsx(ToggleRow, { checked: cleanInput, disabled: busy, dataAction: "toggle-codex-app-clean-input", title: tr('botDefaults.codexAppCleanInput'), help: tr('botDefaults.codexAppCleanInputHelp'), onChange: checked => void save(checked) }), _jsx("small", { className: "bd-section-note", children: tr('botDefaults.codexAppCleanInputCompat') }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: status, attr: { 'data-codex-app-clean-input-status': '' } }) })] }));
-}
-function CrossBotSection(props) {
-    const tr = useT();
-    const [sameDir, setSameDir] = useState(props.bot.botToBotSameDir !== false);
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => setSameDir(props.bot.botToBotSameDir !== false), [props.bot.botToBotSameDir]);
-    async function save(next) {
-        setSameDir(next);
-        setBusy(true);
-        setStatus(null);
-        try {
-            const res = await props.putCardPref({ botToBotSameDir: next });
-            setStatus(res.ok ? { text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true } : { text: `✗ ${responseErrorText(res)}` });
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionCrossBot') }), _jsx(ToggleRow, { checked: sameDir, disabled: busy, dataAction: "toggle-cross-bot-samedir", title: tr('botDefaults.botToBotSameDir'), help: tr('botDefaults.botToBotSameDirHelp'), onChange: checked => void save(checked) }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: status, attr: { 'data-crossbot-status': '' } }) })] }));
-}
-function SummaryTriggerSection(props) {
-    const tr = useT();
-    const initial = summaryRange(props.bot);
-    const [limit, setLimit] = useState(String(initial.limit));
-    const [sinceHours, setSinceHours] = useState(String(initial.sinceHours));
-    const [memoryOn, setMemoryOn] = useState(props.bot.summaryMemory === true);
-    const [memoryPath, setMemoryPath] = useState(summaryMemoryPath(props.bot));
-    const [status, setStatus] = useState(null);
-    const [memoryStatus, setMemoryStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    const [memoryBusy, setMemoryBusy] = useState(false);
-    useEffect(() => {
-        const next = summaryRange(props.bot);
-        setLimit(String(next.limit));
-        setSinceHours(String(next.sinceHours));
-        setMemoryOn(props.bot.summaryMemory === true);
-        setMemoryPath(summaryMemoryPath(props.bot));
-    }, [props.bot.summaryRange?.limit, props.bot.summaryRange?.sinceHours, props.bot.summaryMemory, props.bot.summaryMemoryPath]);
-    async function save() {
-        setStatus(null);
-        const nextLimit = nonNegativeInteger(limit, 50);
-        const nextSinceHours = nonNegativeInteger(sinceHours, 24);
-        if (nextLimit == null || nextSinceHours == null) {
-            setStatus({ text: `✗ ${tr('botDefaults.summaryNumberInvalid')}` });
-            return;
-        }
-        setBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/summary-range`, {
-                limit: nextLimit,
-                sinceHours: nextSinceHours,
-            });
-            if (res.ok && res.body.ok) {
-                const next = res.body.summaryRange ?? { limit: nextLimit, sinceHours: nextSinceHours };
-                const normalized = summaryRange({ ...props.bot, summaryRange: next });
-                setLimit(String(normalized.limit));
-                setSinceHours(String(normalized.sinceHours));
-                props.patchBot(props.bot.larkAppId, { summaryRange: next });
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    async function saveMemory(next, nextPath = memoryPath) {
-        const prev = memoryOn;
-        const prevPath = memoryPath;
-        const normalizedPath = normalizeSummaryMemoryPath(nextPath);
-        setMemoryOn(next);
-        setMemoryPath(normalizedPath);
-        setMemoryStatus(null);
-        setMemoryBusy(true);
-        try {
-            const res = await props.putCardPref({ summaryMemory: next, summaryMemoryPath: normalizedPath });
-            if (res.ok && res.body.ok) {
-                const saved = res.body.summaryMemory === true;
-                const savedPath = summaryMemoryPath({ ...props.bot, summaryMemoryPath: res.body.summaryMemoryPath });
-                setMemoryOn(saved);
-                setMemoryPath(savedPath);
-                props.patchBot(props.bot.larkAppId, { summaryMemory: saved, summaryMemoryPath: savedPath });
-                setMemoryStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setMemoryOn(prev);
-                setMemoryPath(prevPath);
-                setMemoryStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setMemoryOn(prev);
-            setMemoryPath(prevPath);
-            setMemoryStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setMemoryBusy(false);
-        }
-    }
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: _jsx(FieldTitle, { help: tr('botDefaults.summaryLimitHelp'), children: tr('botDefaults.sectionSummaryTrigger') }) }), _jsxs("div", { className: "bd-row bd-summary-limits", children: [_jsxs("label", { children: [_jsx("span", { children: tr('botDefaults.summaryLimit') }), _jsx("input", { type: "number", min: 0, step: 1, "data-input": "summaryLimit", value: limit, disabled: busy, onChange: event => setLimit(event.currentTarget.value) })] }), _jsxs("label", { children: [_jsx("span", { children: tr('botDefaults.summarySinceHours') }), _jsx("input", { type: "number", min: 0, step: 1, "data-input": "summarySinceHours", value: sinceHours, disabled: busy, onChange: event => setSinceHours(event.currentTarget.value) })] })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-summary-trigger", disabled: busy, onClick: () => void save(), children: tr('botDefaults.summarySave') }), _jsx(StatusSpan, { status: status, attr: { 'data-summary-trigger-status': '' } })] }), _jsx(ToggleRow, { checked: memoryOn, disabled: memoryBusy, title: tr('botDefaults.summaryMemory'), help: tr('botDefaults.summaryMemoryHelp'), onChange: checked => void saveMemory(checked) }), _jsx("div", { className: "bd-row bd-summary-limits", children: _jsxs("label", { children: [_jsx("span", { children: tr('botDefaults.summaryMemoryPath') }), _jsx("input", { type: "text", "data-input": "summaryMemoryPath", value: memoryPath, disabled: memoryBusy, onChange: event => setMemoryPath(event.currentTarget.value) })] }) }), _jsx("div", { className: "actions", children: _jsx("button", { type: "button", className: "primary", "data-action": "save-summary-memory-path", disabled: memoryBusy, onClick: () => void saveMemory(memoryOn, memoryPath), children: tr('botDefaults.summaryMemoryPathSave') }) }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: memoryStatus, attr: { 'data-summary-memory-status': '' } }) })] }));
-}
-function normalizeSummaryMemoryPath(raw) {
-    const value = raw.trim();
-    return value || 'summary.md';
-}
-function summaryMemoryPath(bot) {
-    return normalizeSummaryMemoryPath(typeof bot.summaryMemoryPath === 'string' ? bot.summaryMemoryPath : '');
-}
-function summaryRange(bot) {
-    const range = bot.summaryRange ?? { limit: 50, sinceHours: 24 };
-    return {
-        limit: Number.isInteger(range.limit) && Number(range.limit) >= 0 ? Number(range.limit) : 50,
-        sinceHours: Number.isInteger(range.sinceHours) && Number(range.sinceHours) >= 0 ? Number(range.sinceHours) : 24,
-    };
-}
-function SessionModeSection(props) {
-    const tr = useT();
-    const [p2p, setP2p] = useState(props.bot.p2pMode === 'thread' ? 'thread' : 'chat');
-    const [regular, setRegular] = useState(regularGroupMode(props.bot));
-    const [mention, setMention] = useState(mentionMode(props.bot));
-    const [docMode, setDocMode] = useState(props.bot.docSubscribeDefaultMode === 'all' ? 'all' : 'mention-only');
-    const [busy, setBusy] = useState(null);
-    const [p2pStatus, setP2pStatus] = useState(null);
-    const [regularStatus, setRegularStatus] = useState(null);
-    const [mentionStatus, setMentionStatus] = useState(null);
-    const [docStatus, setDocStatus] = useState(null);
-    useEffect(() => {
-        setP2p(props.bot.p2pMode === 'thread' ? 'thread' : 'chat');
-        setRegular(regularGroupMode(props.bot));
-        setMention(mentionMode(props.bot));
-        setDocMode(props.bot.docSubscribeDefaultMode === 'all' ? 'all' : 'mention-only');
-    }, [
-        props.bot.docSubscribeDefaultMode,
-        props.bot.p2pMode,
-        props.bot.regularGroupMentionMode,
-        props.bot.regularGroupReplyMode,
-    ]);
-    async function saveP2p(next) {
-        const mode = next === 'chat' ? 'chat' : 'thread';
-        setP2p(mode);
-        setBusy('p2p');
-        setP2pStatus(null);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/p2p-mode`, { p2pMode: mode });
-            if (res.ok && res.body.ok) {
-                props.patchBot(props.bot.larkAppId, { p2pMode: res.body.p2pMode === 'thread' ? 'thread' : 'chat' });
-                setP2pStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setP2pStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setP2pStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(null);
-        }
-    }
-    async function saveCardMode(key, patch, setStatus) {
-        setBusy(key);
-        setStatus(null);
-        try {
-            const res = await props.putCardPref(patch);
-            setStatus(res.ok ? { text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true } : { text: `✗ ${responseErrorText(res)}` });
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(null);
-        }
-    }
-    const p2pOptions = [
-        { value: 'thread', label: tr('botDefaults.p2pThread') },
-        { value: 'chat', label: tr('botDefaults.p2pChat') },
-    ];
-    const regularOptions = [
-        { value: 'chat', label: tr('botDefaults.regularGroupModeChat') },
-        { value: 'chat-topic', label: tr('botDefaults.regularGroupModeChatTopic') },
-        { value: 'new-topic', label: tr('botDefaults.regularGroupModeNewTopic') },
-        { value: 'shared', label: tr('botDefaults.regularGroupModeShared') },
-    ];
-    const mentionOptions = [
-        { value: 'always', label: tr('botDefaults.mentionModeAlways') },
-        { value: 'topic', label: tr('botDefaults.mentionModeTopic') },
-        { value: 'never', label: tr('botDefaults.mentionModeNever') },
-        { value: 'ambient', label: tr('botDefaults.mentionModeAmbient') },
-    ];
-    const docOptions = [
-        { value: 'mention-only', label: tr('botDefaults.docSubscribeModeMention') },
-        { value: 'all', label: tr('botDefaults.docSubscribeModeAll') },
-    ];
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionSessionMode') }), _jsxs("div", { className: "bd-row", children: [_jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.p2pHelp'), children: tr('botDefaults.p2pMode') }), _jsx(DropdownField, { dataInput: "p2pMode", ariaLabel: tr('botDefaults.p2pMode'), value: p2p, disabled: busy === 'p2p', options: p2pOptions, onChange: next => void saveP2p(next) })] }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: p2pStatus, attr: { 'data-p2p-status': '' } }) })] }), _jsxs("div", { className: "bd-row", children: [_jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.regularGroupModeHelp'), children: tr('botDefaults.regularGroupMode') }), _jsx(DropdownField, { dataInput: "regularGroupMode", ariaLabel: tr('botDefaults.regularGroupMode'), value: regular, disabled: busy === 'regular', options: regularOptions, onChange: next => {
-                                    setRegular(next);
-                                    void saveCardMode('regular', { regularGroupReplyMode: next }, setRegularStatus);
-                                } })] }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: regularStatus, attr: { 'data-regular-group-status': '' } }) })] }), _jsxs("div", { className: "bd-row", children: [_jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.mentionModeHelp'), children: tr('botDefaults.mentionMode') }), _jsx(DropdownField, { dataInput: "regularGroupMentionMode", ariaLabel: tr('botDefaults.mentionMode'), value: mention, disabled: busy === 'mention', options: mentionOptions, onChange: next => {
-                                    setMention(next);
-                                    void saveCardMode('mention', { regularGroupMentionMode: next }, setMentionStatus);
-                                } })] }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: mentionStatus, attr: { 'data-mention-mode-status': '' } }) })] }), _jsxs("div", { className: "bd-row", children: [_jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.docSubscribeModeHelp'), children: tr('botDefaults.docSubscribeMode') }), _jsx(DropdownField, { dataInput: "docSubscribeDefaultMode", ariaLabel: tr('botDefaults.docSubscribeMode'), value: docMode, disabled: busy === 'doc', options: docOptions, onChange: next => {
-                                    setDocMode(next);
-                                    void saveCardMode('doc', { docSubscribeDefaultMode: next }, setDocStatus);
-                                } })] }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: docStatus, attr: { 'data-doc-subscribe-mode-status': '' } }) })] })] }));
-}
-function SubstituteModeSection(props) {
-    const tr = useT();
-    const initial = props.bot.substituteMode ?? null;
-    const [enabled, setEnabled] = useState(initial?.enabled === true);
-    function substituteReasonText(reason) {
-        switch (reason) {
-            case 'cross_app_open_id': return tr('botDefaults.substituteReasonCrossAppOpenId');
-            case 'not_visible': return tr('botDefaults.substituteReasonNotVisible');
-            case 'resolve_failed': return tr('botDefaults.substituteReasonResolveFailed');
-            case 'unresolvable': return tr('botDefaults.substituteReasonUnresolvable');
-            default: return tr('botDefaults.substituteUnresolved');
-        }
-    }
-    const [disclosure, setDisclosure] = useState(initial?.disclosure === 'none' ? 'none' : 'prefix');
-    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);
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    const targetSequence = useRef(0);
-    const skipModeSync = useRef(false);
-    function makeTargetDraft(target) {
-        const idField = substituteTargetIdField(target);
-        return {
-            key: ++targetSequence.current,
-            idField,
-            idValue: target?.[idField] ?? '',
-            name: target?.name ?? '',
-            persisted: target ? { ...target } : {},
-            originalIdField: target ? idField : undefined,
-            resolution: target?.name || target?.avatarUrl
-                ? { ok: true, name: target.name, avatarUrl: target.avatarUrl }
-                : undefined,
-        };
-    }
-    // Monotonic per-row resolve epoch: two quick blurs create two in-flight
-    // requests; only the latest one may apply, or a slow stale response would
-    // overwrite the fresh result (last-completion-wins race).
-    const resolveEpochs = useRef(new Map());
-    async function resolveTargetRow(key) {
-        const epoch = (resolveEpochs.current.get(key) ?? 0) + 1;
-        resolveEpochs.current.set(key, epoch);
-        const isCurrent = () => resolveEpochs.current.get(key) === epoch;
-        setTargetRows(rows => rows.map(row => row.key === key ? { ...row, resolving: true } : row));
-        try {
-            const row = targetRows.find(r => r.key === key);
-            if (!row)
-                return;
-            const idValue = row.idValue.trim();
-            if (!idValue) {
-                setTargetRows(rows => rows.map(r => r.key === key ? { ...r, resolving: false, resolution: undefined } : r));
-                return;
-            }
-            const target = { [row.idField]: idValue };
-            if (row.name.trim())
-                target.name = row.name.trim();
-            const res = await resolveSubstituteTarget(props.bot.larkAppId, target);
-            if (!isCurrent())
-                return;
-            setTargetRows(rows => rows.map(r => {
-                if (r.key !== key)
-                    return r;
-                if (!res.ok)
-                    return { ...r, resolving: false, resolution: { ok: false } };
-                const entry = res.resolution;
-                if (entry?.ok === true) {
-                    // userId passthrough: nothing was verified (no openId / profile) —
-                    // keep the editable name input instead of showing a fake chip.
-                    if (!entry.openId)
-                        return { ...r, resolving: false, resolution: undefined };
-                    const persisted = { ...r.persisted };
-                    persisted.openId = entry.openId;
-                    if (entry.name)
-                        persisted.name = entry.name;
-                    if (entry.avatarUrl)
-                        persisted.avatarUrl = entry.avatarUrl;
-                    return {
-                        ...r,
-                        name: entry.name ?? r.name,
-                        persisted,
-                        resolving: false,
-                        resolution: { ok: true, name: entry.name, avatarUrl: entry.avatarUrl },
-                    };
-                }
-                return {
-                    ...r,
-                    resolving: false,
-                    resolution: { ok: false, reason: entry?.reason },
-                };
-            }));
-        }
-        catch {
-            if (!isCurrent())
-                return;
-            setTargetRows(rows => rows.map(r => r.key === key ? { ...r, resolving: false, resolution: { ok: false } } : r));
-        }
-    }
-    const [targetRows, setTargetRows] = useState(() => {
-        const targets = initial?.targets ?? [];
-        return targets.length ? targets.map(target => makeTargetDraft(target)) : [makeTargetDraft()];
-    });
-    useEffect(() => {
-        if (skipModeSync.current) {
-            skipModeSync.current = false;
-            return;
-        }
-        const next = props.bot.substituteMode ?? null;
-        setEnabled(next?.enabled === true);
-        setDisclosure(next?.disclosure === 'none' ? 'none' : 'prefix');
-        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 ?? [];
-        setTargetRows(targets.length ? targets.map(target => makeTargetDraft(target)) : [makeTargetDraft()]);
-    }, [props.bot.larkAppId, props.bot.substituteMode]);
-    async function save(body) {
-        setBusy(true);
-        setStatus(null);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/substitute-mode`, body);
-            if (res.ok && res.body.ok) {
-                const next = res.body.substituteMode && typeof res.body.substituteMode === 'object'
-                    ? res.body.substituteMode
-                    : null;
-                const resolution = Array.isArray(res.body?.resolution)
-                    ? res.body.resolution
-                    : [];
-                const unresolved = resolution
-                    .filter(entry => entry?.ok === false)
-                    .map(entry => String(entry.input ?? '').trim())
-                    .filter(Boolean);
-                setEnabled(next?.enabled === true);
-                setDisclosure(next?.disclosure === 'none' ? 'none' : 'prefix');
-                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) {
-                    skipModeSync.current = true;
-                    setTargetRows(rows => {
-                        const pending = [...resolution];
-                        return rows.map(row => {
-                            const input = row.idValue.trim();
-                            const index = pending.findIndex(entry => String(entry.input ?? '').trim() === input);
-                            if (index < 0)
-                                return row;
-                            const entry = pending.splice(index, 1)[0];
-                            if (entry?.ok === true) {
-                                const persisted = { ...row.persisted };
-                                if (entry.openId)
-                                    persisted.openId = entry.openId;
-                                if (row.idField === 'email')
-                                    persisted.email = input;
-                                if (entry.name)
-                                    persisted.name = entry.name;
-                                if (entry.avatarUrl)
-                                    persisted.avatarUrl = entry.avatarUrl;
-                                return {
-                                    ...row,
-                                    name: entry.name ?? row.name,
-                                    persisted,
-                                    resolution: { ok: true, name: entry.name, avatarUrl: entry.avatarUrl },
-                                };
-                            }
-                            return {
-                                ...row,
-                                resolution: { ok: false, reason: entry?.reason },
-                            };
-                        });
-                    });
-                }
-                else {
-                    const targets = next?.targets ?? [];
-                    setTargetRows(targets.length ? targets.map(target => makeTargetDraft(target)) : [makeTargetDraft()]);
-                }
-                props.patchBot(props.bot.larkAppId, { substituteMode: next });
-                setStatus(unresolved.length
-                    ? { text: `✗ ${tr('botDefaults.substituteTargetsInvalid')}: ${unresolved.join(', ')}` }
-                    : { text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                const unresolved = Array.isArray(res.body?.resolution)
-                    ? res.body.resolution
-                        .filter((entry) => entry?.ok === false)
-                        .map((entry) => String(entry.input ?? '').trim())
-                        .filter(Boolean)
-                    : [];
-                setStatus({ text: unresolved.length
-                        ? `✗ ${tr('botDefaults.substituteTargetsInvalid')}: ${unresolved.join(', ')}`
-                        : `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (error) {
-            setStatus({ text: `✗ ${caughtErrorText(error)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    function saveCurrent() {
-        const targets = [];
-        let invalid = false;
-        for (const row of targetRows) {
-            const target = buildSubstituteTarget(row);
-            if (!target) {
-                invalid ||= Boolean(row.name.trim());
-                continue;
-            }
-            targets.push(target);
-        }
-        if (invalid || (enabled && targets.length === 0)) {
-            setStatus({ text: `✗ ${tr('botDefaults.substituteTargetsInvalid')}` });
-            return;
-        }
-        void save({ enabled, targets, disclosure, chats: parseSubstituteChats(chatsText), excludedChats: parseSubstituteChats(excludedChatsText), replyMode, disableControlCard: !controlCard, topicGroups, topicActiveSessionTrigger });
-    }
-    const disclosureOptions = [
-        { value: 'prefix', label: tr('botDefaults.substituteDisclosurePrefix') },
-        { value: 'none', label: tr('botDefaults.substituteDisclosureNone') },
-    ];
-    const replyModeOptions = [
-        { 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) })] }) }), _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 => {
-                                            setTargetRows(rows => rows.map(row => row.key === target.key
-                                                ? { ...row, idField, idValue: row.persisted[idField] ?? '', resolution: undefined }
-                                                : row));
-                                        } }), _jsx("input", { className: "bd-substitute-target-id", type: "text", "data-input": `substituteTargetId-${target.key}`, "aria-label": `${tr('botDefaults.substituteTargetType')} ${index + 1}`, placeholder: tr('botDefaults.substituteTargetIdPlaceholder'), value: target.idValue, disabled: busy, onChange: event => {
-                                            const idValue = event.currentTarget.value;
-                                            setTargetRows(rows => rows.map(row => row.key === target.key ? { ...row, idValue, resolution: undefined } : row));
-                                        }, onBlur: () => {
-                                            if (target.idValue.trim())
-                                                void resolveTargetRow(target.key);
-                                        } }), _jsx("div", { className: "bd-substitute-target-name", children: target.resolving ? (_jsx("span", { className: "bd-substitute-target-resolving", children: tr('botDefaults.substituteResolving') })) : target.resolution?.ok === true && (target.name || target.resolution.avatarUrl) ? (_jsxs(_Fragment, { children: [target.resolution.avatarUrl ? (_jsx(Html, { html: botAvatarHtml({ name: target.resolution.name, avatarUrl: target.resolution.avatarUrl, size: 'sm' }) })) : null, _jsx("span", { className: "bd-substitute-target-name-chip", "data-chip": `substituteTargetName-${target.key}`, "aria-label": `${tr('botDefaults.substituteTargetName')} ${index + 1}`, children: target.name })] })) : target.resolution?.ok === false ? (_jsx("span", { className: "bd-substitute-target-resolution-badge", children: substituteReasonText(target.resolution.reason) })) : (_jsx("input", { type: "text", "data-input": `substituteTargetName-${target.key}`, "aria-label": `${tr('botDefaults.substituteTargetName')} ${index + 1}`, placeholder: tr('botDefaults.substituteTargetNamePlaceholder'), value: target.name, disabled: busy, onChange: event => {
-                                                const name = event.currentTarget.value;
-                                                setTargetRows(rows => rows.map(row => row.key === target.key ? { ...row, name } : row));
-                                            } })) }), _jsx("button", { type: "button", className: "bd-substitute-target-remove", "data-action": "remove-substitute-target", title: tr('botDefaults.substituteTargetRemove'), "aria-label": tr('botDefaults.substituteTargetRemove'), disabled: busy, onClick: () => {
-                                            setTargetRows(rows => {
-                                                const remaining = rows.filter(row => row.key !== target.key);
-                                                return remaining.length ? remaining : [makeTargetDraft()];
-                                            });
-                                        }, children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })] }, target.key))), _jsx("button", { type: "button", className: "bd-substitute-target-add", "data-action": "add-substitute-target", title: tr('botDefaults.substituteTargetAdd'), "aria-label": tr('botDefaults.substituteTargetAdd'), disabled: busy, onClick: () => setTargetRows(rows => [...rows, makeTargetDraft()]), children: _jsx("span", { "aria-hidden": "true", children: "+" }) })] })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-substitute-mode", disabled: busy, onClick: saveCurrent, children: tr('botDefaults.substituteSave') }), _jsx("button", { type: "button", "data-action": "off-substitute-mode", disabled: busy, onClick: () => void save({ enabled: false, targets: [] }), children: tr('botDefaults.substituteOff') }), _jsx(StatusSpan, { status: status, attr: { 'data-substitute-status': '' } })] })] }));
-}
-function regularGroupMode(bot) {
-    return bot.regularGroupReplyMode === 'chat' || bot.regularGroupReplyMode === 'new-topic' || bot.regularGroupReplyMode === 'shared'
-        ? bot.regularGroupReplyMode
-        : 'chat-topic';
-}
-function mentionMode(bot) {
-    return bot.regularGroupMentionMode === 'topic' || bot.regularGroupMentionMode === 'never' || bot.regularGroupMentionMode === 'ambient'
-        ? bot.regularGroupMentionMode
-        : 'always';
-}
-function SessionCapSection(props) {
-    const tr = useT();
-    const initial = typeof props.bot.maxLiveWorkers === 'number' ? props.bot.maxLiveWorkers : null;
-    const logical = Number.isFinite(props.bot.logicalSessionCount) ? Number(props.bot.logicalSessionCount) : 0;
-    const resident = Number.isFinite(props.bot.residentSessionCount) ? Number(props.bot.residentSessionCount) : 0;
-    const dormant = Number.isFinite(props.bot.dormantSessionCount) ? Number(props.bot.dormantSessionCount) : 0;
-    const [cap, setCap] = useState(initial);
-    const effectiveCap = cap ?? 30;
-    const [input, setInput] = useState(initial == null ? '' : String(initial));
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => {
-        const next = typeof props.bot.maxLiveWorkers === 'number' ? props.bot.maxLiveWorkers : null;
-        setCap(next);
-        setInput(next == null ? '' : String(next));
-    }, [props.bot.maxLiveWorkers]);
-    async function save(value) {
-        setStatus(null);
-        setBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/max-live-workers`, { maxLiveWorkers: value });
-            if (res.ok && res.body.ok) {
-                const next = typeof res.body.maxLiveWorkers === 'number' ? res.body.maxLiveWorkers : null;
-                setCap(next);
-                setInput(next == null ? '' : String(next));
-                props.patchBot(props.bot.larkAppId, { maxLiveWorkers: next });
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    function saveInput() {
-        const parsed = positiveIntegerOrNull(input);
-        if (parsed === 'invalid') {
-            setStatus({ text: `✗ ${tr('botDefaults.maxLiveWorkersInvalid')}` });
-            return;
-        }
-        void save(parsed);
-    }
-    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': '' } })] })] }));
-}
-function StartupCommandsSection(props) {
-    const tr = useT();
-    const [value, setValue] = useState(typeof props.bot.startupCommands === 'string' ? props.bot.startupCommands : '');
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => setValue(typeof props.bot.startupCommands === 'string' ? props.bot.startupCommands : ''), [props.bot.startupCommands]);
-    async function save() {
-        setStatus(null);
-        setBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/startup-commands`, { startupCommands: value });
-            if (res.ok && res.body.ok) {
-                const next = typeof res.body.startupCommands === 'string' ? res.body.startupCommands : '';
-                setValue(next);
-                props.patchBot(props.bot.larkAppId, { startupCommands: next });
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    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 可视化编辑。
-// 两者都是 stringList immediate 字段，走各自的 PUT 代理路由，空串＝清除回默认。
-function SlashCommandPermissionsSection(props) {
-    const tr = useT();
-    const [passthrough, setPassthrough] = useState(typeof props.bot.customPassthroughCommands === 'string' ? props.bot.customPassthroughCommands : '');
-    const [canTalk, setCanTalk] = useState(typeof props.bot.canTalkDaemonCommands === 'string' ? props.bot.canTalkDaemonCommands : '');
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(null);
-    useEffect(() => {
-        setPassthrough(typeof props.bot.customPassthroughCommands === 'string' ? props.bot.customPassthroughCommands : '');
-    }, [props.bot.customPassthroughCommands]);
-    // 分开两个 effect：只让「被保存的那个字段」的 prop 变化重置对应输入框，否则保存
-    // 一个字段触发 patchBot 重渲染会连带把另一个字段的未保存草稿一并清空。
-    useEffect(() => {
-        setCanTalk(typeof props.bot.canTalkDaemonCommands === 'string' ? props.bot.canTalkDaemonCommands : '');
-    }, [props.bot.canTalkDaemonCommands]);
-    async function savePassthrough() {
-        setStatus(null);
-        setBusy('passthrough');
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/custom-passthrough`, { customPassthroughCommands: passthrough });
-            if (res.ok && res.body.ok) {
-                const next = typeof res.body.customPassthroughCommands === 'string' ? res.body.customPassthroughCommands : '';
-                setPassthrough(next);
-                props.patchBot(props.bot.larkAppId, { customPassthroughCommands: next });
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(null);
-        }
-    }
-    async function saveCanTalk() {
-        setStatus(null);
-        setBusy('cantalk');
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/cantalk-daemon-commands`, { canTalkDaemonCommands: canTalk });
-            if (res.ok && res.body.ok) {
-                const next = typeof res.body.canTalkDaemonCommands === 'string' ? res.body.canTalkDaemonCommands : '';
-                setCanTalk(next);
-                props.patchBot(props.bot.larkAppId, { canTalkDaemonCommands: next });
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(null);
-        }
-    }
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: _jsx(FieldTitle, { help: tr('botDefaults.sectionSlashCommandsHelp'), children: tr('botDefaults.sectionSlashCommands') }) }), _jsxs("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: _jsx(FieldTitle, { help: tr('botDefaults.customPassthroughHelp'), children: tr('botDefaults.customPassthrough') }) }), _jsx("textarea", { "data-input": "customPassthroughCommands", rows: 2, placeholder: tr('botDefaults.customPassthroughPlaceholder'), value: passthrough, disabled: busy === 'passthrough', onChange: event => setPassthrough(event.currentTarget.value) }), _jsx("div", { className: "actions", children: _jsx("button", { type: "button", className: "primary", "data-action": "save-custom-passthrough", disabled: busy === 'passthrough', onClick: () => void savePassthrough(), children: tr('botDefaults.customPassthroughSave') }) })] }), _jsxs("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: _jsx(FieldTitle, { help: tr('botDefaults.canTalkDaemonHelp'), children: tr('botDefaults.canTalkDaemon') }) }), _jsx("textarea", { "data-input": "canTalkDaemonCommands", rows: 2, placeholder: tr('botDefaults.canTalkDaemonPlaceholder'), value: canTalk, disabled: busy === 'cantalk', onChange: event => setCanTalk(event.currentTarget.value) }), _jsx("div", { className: "actions", children: _jsx("button", { type: "button", className: "primary", "data-action": "save-cantalk-daemon", disabled: busy === 'cantalk', onClick: () => void saveCanTalk(), children: tr('botDefaults.canTalkDaemonSave') }) })] }), _jsx(StatusSpan, { status: status, attr: { 'data-slash-commands-status': '' } })] }));
-}
-function LaunchShellSection(props) {
-    const tr = useT();
-    const [value, setValue] = useState(typeof props.bot.launchShell === 'string' ? props.bot.launchShell : '');
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => setValue(typeof props.bot.launchShell === 'string' ? props.bot.launchShell : ''), [props.bot.launchShell]);
-    async function save() {
-        setStatus(null);
-        setBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/launch-shell`, { launchShell: value });
-            if (res.ok && res.body.ok) {
-                const next = typeof res.body.launchShell === 'string' ? res.body.launchShell : '';
-                setValue(next);
-                props.patchBot(props.bot.larkAppId, { launchShell: next });
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    return (_jsxs("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: _jsx(FieldTitle, { help: tr('botDefaults.launchShellHelp'), children: tr('botDefaults.sectionLaunchShell') }) }), _jsx("input", { type: "text", "data-input": "launchShell", placeholder: tr('botDefaults.launchShellPlaceholder'), value: value, disabled: busy, onChange: event => setValue(event.currentTarget.value) }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-launch-shell", disabled: busy, onClick: () => void save(), children: tr('botDefaults.launchShellSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-launch-shell-status': '' } })] })] }));
-}
-function EnvSection(props) {
-    const tr = useT();
-    const [value, setValue] = useState(typeof props.bot.env === 'string' ? props.bot.env : '');
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => setValue(typeof props.bot.env === 'string' ? props.bot.env : ''), [props.bot.env]);
-    async function save() {
-        setStatus(null);
-        setBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/env`, { env: value });
-            if (res.ok && res.body.ok) {
-                const next = typeof res.body.env === 'string' ? res.body.env : '';
-                setValue(next);
-                props.patchBot(props.bot.larkAppId, { env: next });
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    return (_jsxs("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: _jsx(FieldTitle, { help: tr('botDefaults.envHelp'), children: tr('botDefaults.sectionEnv') }) }), _jsx("textarea", { "data-input": "env", rows: 5, placeholder: tr('botDefaults.envPlaceholder'), value: value, disabled: busy, onChange: event => setValue(event.currentTarget.value) }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-env", disabled: busy, onClick: () => void save(), children: tr('botDefaults.envSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-env-status': '' } })] })] }));
-}
-/** riff UI 建议主动选择的模型（服务端另有隐藏降级备胎，不在此列）。 */
-const RIFF_MODEL_SUGGESTIONS = ['gpt-5.5', 'gpt-5.6-sol', 'gpt-5.6-terra', 'gpt-5.6-luna', 'gpt-5.4', 'gpt-5.4-pro'];
-/** codex 思考等级档位（与 riff 服务端对齐）；'' = 跟随 riff 默认（medium）。 */
-const RIFF_REASONING_EFFORT_OPTIONS = ['', 'low', 'medium', 'high', 'xhigh'];
-/** riff task-execute 的 sandboxCluster；缺省行为与服务端一致，回落 BOE。 */
-const RIFF_SANDBOX_CLUSTER_OPTIONS = ['boe', 'cn'];
-function RiffSection(props) {
-    const tr = useT();
-    const riff = props.bot.riff && typeof props.bot.riff === 'object' ? props.bot.riff : {};
-    const [baseUrl, setBaseUrl] = useState(typeof riff.baseUrl === 'string' ? riff.baseUrl : '');
-    const [sandboxCluster, setSandboxCluster] = useState(riff.sandboxCluster === 'cn' ? 'cn' : 'boe');
-    const [model, setModel] = useState(typeof riff.model === 'string' ? riff.model : '');
-    const [reasoningEffort, setReasoningEffort] = useState(typeof riff.reasoningEffort === 'string' ? riff.reasoningEffort : '');
-    const [jwtEnv, setJwtEnv] = useState(typeof riff.jwtEnv === 'string' ? riff.jwtEnv : '');
-    const [systemPrompt, setSystemPrompt] = useState(typeof riff.systemPrompt === 'string' ? riff.systemPrompt : '');
-    const [setupCommands, setSetupCommands] = useState(Array.isArray(riff.setupCommands) ? riff.setupCommands.join('\n') : '');
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => {
-        const r = props.bot.riff && typeof props.bot.riff === 'object' ? props.bot.riff : {};
-        setBaseUrl(typeof r.baseUrl === 'string' ? r.baseUrl : '');
-        setSandboxCluster(r.sandboxCluster === 'cn' ? 'cn' : 'boe');
-        setModel(typeof r.model === 'string' ? r.model : '');
-        setReasoningEffort(typeof r.reasoningEffort === 'string' ? r.reasoningEffort : '');
-        setJwtEnv(typeof r.jwtEnv === 'string' ? r.jwtEnv : '');
-        setSystemPrompt(typeof r.systemPrompt === 'string' ? r.systemPrompt : '');
-        setSetupCommands(Array.isArray(r.setupCommands) ? r.setupCommands.join('\n') : '');
-    }, [props.bot.riff]);
-    async function save() {
-        setStatus(null);
-        setBusy(true);
-        try {
-            const config = {};
-            if (baseUrl.trim())
-                config.baseUrl = baseUrl.trim();
-            config.sandboxCluster = sandboxCluster;
-            if (model.trim())
-                config.model = model.trim();
-            if (reasoningEffort)
-                config.reasoningEffort = reasoningEffort;
-            if (jwtEnv.trim())
-                config.jwtEnv = jwtEnv.trim();
-            if (systemPrompt.trim())
-                config.systemPrompt = systemPrompt.trim();
-            if (setupCommands.trim()) {
-                config.setupCommands = setupCommands.split('\n').map(s => s.trim()).filter(Boolean);
-            }
-            const json = Object.keys(config).length ? JSON.stringify(config) : '';
-            // Save order matters: riff config FIRST, agent switch AFTER. PUT /agent
-            // flips cliId/backendType AND closes CLI-mismatched sessions immediately,
-            // so doing it first would leave a half-configured riff bot (and killed
-            // sessions) when the /riff write fails. A saved-but-unused riff config
-            // from the reverse failure mode is harmless.
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/riff`, { riff: json });
-            if (res.ok && res.body.ok) {
-                const next = typeof res.body.riff === 'string' && res.body.riff ? JSON.parse(res.body.riff) : null;
-                props.patchBot(props.bot.larkAppId, { riff: next });
-                if (props.persistCliSelection && !(await props.persistCliSelection())) {
-                    setStatus({ text: `✗ ${tr('botDefaults.riffCliPersistFailed')}` });
-                    return;
-                }
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    return (_jsxs("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: _jsx(FieldTitle, { help: tr('botDefaults.riffHelp'), children: tr('botDefaults.sectionRiff') }) }), _jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx("span", { children: tr('botDefaults.riffBaseUrl') }), _jsx("input", { type: "text", "data-input": "riff-base-url", placeholder: tr('botDefaults.riffBaseUrlPlaceholder'), value: baseUrl, disabled: busy, onChange: e => setBaseUrl(e.currentTarget.value) })] }) }), _jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx("span", { children: _jsx(FieldTitle, { help: tr('botDefaults.riffSandboxClusterHelp'), children: tr('botDefaults.riffSandboxCluster') }) }), _jsx(DropdownField, { dataInput: "riff-sandbox-cluster", ariaLabel: tr('botDefaults.riffSandboxCluster'), value: sandboxCluster, disabled: busy, options: RIFF_SANDBOX_CLUSTER_OPTIONS.map(value => ({ value, label: value.toUpperCase() })), onChange: next => setSandboxCluster(next) })] }) }), _jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx("span", { children: _jsx(FieldTitle, { help: tr('botDefaults.riffModelHelp'), children: tr('botDefaults.riffModel') }) }), _jsx("input", { type: "text", "data-input": "riff-model", list: `riff-model-suggestions-${props.bot.larkAppId}`, placeholder: tr('botDefaults.riffModelPlaceholder'), value: model, disabled: busy, onChange: e => setModel(e.currentTarget.value) }), _jsx("datalist", { id: `riff-model-suggestions-${props.bot.larkAppId}`, children: RIFF_MODEL_SUGGESTIONS.map(item => _jsx("option", { value: item }, item)) })] }) }), _jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx("span", { children: _jsx(FieldTitle, { help: tr('botDefaults.riffReasoningEffortHelp'), children: tr('botDefaults.riffReasoningEffort') }) }), _jsx(DropdownField, { dataInput: "riff-reasoning-effort", ariaLabel: tr('botDefaults.riffReasoningEffort'), value: reasoningEffort, disabled: busy, options: RIFF_REASONING_EFFORT_OPTIONS.map(v => ({ value: v, label: v === '' ? tr('botDefaults.riffReasoningEffortDefault') : v })), onChange: next => setReasoningEffort(next) })] }) }), _jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx("span", { children: _jsx(FieldTitle, { help: tr('botDefaults.riffJwtEnvHelp'), children: tr('botDefaults.riffJwtEnv') }) }), _jsx("input", { type: "text", "data-input": "riff-jwt-env", placeholder: tr('botDefaults.riffJwtEnvPlaceholder'), value: jwtEnv, disabled: busy, onChange: e => setJwtEnv(e.currentTarget.value) })] }) }), _jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx("span", { children: tr('botDefaults.riffSystemPrompt') }), _jsx("textarea", { "data-input": "riff-system-prompt", placeholder: tr('botDefaults.riffSystemPromptPlaceholder'), value: systemPrompt, disabled: busy, onChange: e => setSystemPrompt(e.currentTarget.value), rows: 4 })] }) }), _jsx("div", { className: "bd-row", children: _jsxs("label", { children: [_jsx("span", { children: tr('botDefaults.riffSetupCommands') }), _jsx("textarea", { "data-input": "riff-setup-commands", placeholder: tr('botDefaults.riffSetupCommandsPlaceholder'), value: setupCommands, disabled: busy, onChange: e => setSetupCommands(e.currentTarget.value), rows: 3 })] }) }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-riff", disabled: busy, onClick: () => void save(), children: tr('botDefaults.riffSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-riff-status': '' } })] })] }));
-}
-function BrandSection(props) {
-    const tr = useT();
-    const initial = props.bot.brandLabel ?? null;
-    const [brand, setBrand] = useState(initial);
-    const [input, setInput] = useState(initial ?? '');
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(false);
-    useEffect(() => {
-        const next = props.bot.brandLabel ?? null;
-        setBrand(next);
-        setInput(next ?? '');
-    }, [props.bot.brandLabel]);
-    async function save(nextBrand) {
-        setStatus(null);
-        setBusy(true);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/brand-label`, { brandLabel: nextBrand });
-            if (res.ok && res.body.ok) {
-                const next = res.body.brandLabel ?? null;
-                setBrand(next);
-                setInput(next ?? '');
-                props.patchBot(props.bot.larkAppId, { brandLabel: next });
-                setStatus({ text: '✓', ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(false);
-        }
-    }
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionBrand') }), _jsxs("div", { className: "bd-row bd-brand", children: [_jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.brandLabelHelp'), children: tr('botDefaults.brandLabel') }), _jsx("input", { type: "text", "data-input": "brandLabel", placeholder: tr('botDefaults.brandLabelPlaceholder'), value: input, disabled: busy, onChange: event => setInput(event.currentTarget.value) })] }), _jsx("small", { "data-brand-state": true, children: brandStateLabel(brand, tr) })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-brand", disabled: busy, onClick: () => void save(input), children: tr('botDefaults.brandSave') }), _jsx("button", { type: "button", "data-action": "reset-brand", disabled: busy, onClick: () => void save(null), children: tr('botDefaults.brandReset') }), _jsx(StatusSpan, { status: status, attr: { 'data-brand-status': '' } })] })] }));
-}
-function GrantSection(props) {
-    const tr = useT();
-    const [autoCard, setAutoCard] = useState(props.bot.autoGrantRequestCards !== false);
-    const [restrict, setRestrict] = useState(props.bot.restrictGrantCommands === true);
-    const [quota, setQuota] = useState(typeof props.bot.messageQuotaDefaultLimit === 'number' ? props.bot.messageQuotaDefaultLimit : null);
-    const [quotaInput, setQuotaInput] = useState(typeof props.bot.messageQuotaDefaultLimit === 'number' ? String(props.bot.messageQuotaDefaultLimit) : '');
-    const [status, setStatus] = useState(null);
-    const [busy, setBusy] = useState(null);
-    useEffect(() => {
-        setAutoCard(props.bot.autoGrantRequestCards !== false);
-        setRestrict(props.bot.restrictGrantCommands === true);
-        const next = typeof props.bot.messageQuotaDefaultLimit === 'number' ? props.bot.messageQuotaDefaultLimit : null;
-        setQuota(next);
-        setQuotaInput(next == null ? '' : String(next));
-    }, [props.bot.autoGrantRequestCards, props.bot.messageQuotaDefaultLimit, props.bot.restrictGrantCommands]);
-    async function savePatch(patch, key) {
-        setBusy(key);
-        setStatus(null);
-        try {
-            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(props.bot.larkAppId)}/grant-prefs`, patch);
-            if (res.ok && res.body.ok) {
-                const nextQuota = typeof res.body.messageQuotaDefaultLimit === 'number' ? res.body.messageQuotaDefaultLimit : null;
-                setAutoCard(res.body.autoGrantRequestCards !== false);
-                setRestrict(res.body.restrictGrantCommands === true);
-                setQuota(nextQuota);
-                if ('messageQuotaDefaultLimit' in patch)
-                    setQuotaInput(nextQuota == null ? '' : String(nextQuota));
-                props.patchBot(props.bot.larkAppId, {
-                    autoGrantRequestCards: res.body.autoGrantRequestCards !== false,
-                    restrictGrantCommands: res.body.restrictGrantCommands === true,
-                    messageQuotaDefaultLimit: nextQuota,
-                });
-                setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
-            }
-            else {
-                setStatus({ text: `✗ ${responseErrorText(res)}` });
-            }
-        }
-        catch (e) {
-            setStatus({ text: `✗ ${caughtErrorText(e)}` });
-        }
-        finally {
-            setBusy(null);
-        }
-    }
-    function saveQuota() {
-        const parsed = positiveIntegerOrNull(quotaInput);
-        if (parsed === 'invalid') {
-            setStatus({ text: `✗ ${tr('botDefaults.quotaInvalid')}` });
-            return;
-        }
-        void savePatch({ messageQuotaDefaultLimit: parsed }, 'quota');
-    }
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionGrant') }), _jsxs("div", { className: "bd-toggle-grid bd-grant-toggle-grid", children: [_jsx(ToggleRow, { checked: autoCard, disabled: busy === 'autoGrant', dataAction: "toggle-auto-grant-card", title: tr('botDefaults.autoGrantCard'), help: tr('botDefaults.autoGrantCardHelp'), onChange: checked => {
-                            setAutoCard(checked);
-                            void savePatch({ autoGrantRequestCards: checked }, 'autoGrant');
-                        } }), _jsx(ToggleRow, { checked: restrict, disabled: busy === 'restrict', dataAction: "toggle-restrict-grant", title: tr('botDefaults.restrictGrant'), help: tr('botDefaults.restrictGrantHelp'), onChange: checked => {
-                            setRestrict(checked);
-                            void savePatch({ restrictGrantCommands: checked }, 'restrict');
-                        } })] }), _jsxs("div", { className: "bd-row bd-quota", children: [_jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.quotaHelp'), children: tr('botDefaults.quotaDefault') }), _jsx("input", { type: "number", min: 1, step: 1, "data-input": "quotaLimit", placeholder: tr('botDefaults.quotaPlaceholder'), value: quotaInput, disabled: busy === 'quota', onChange: event => setQuotaInput(event.currentTarget.value) })] }), _jsx("small", { "data-quota-state": true, children: quotaStateLabel(quota, tr) })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-quota", disabled: busy === 'quota', onClick: saveQuota, children: tr('botDefaults.quotaSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-grant-status': '' } })] })] }));
-}
-export function renderBotDefaultsPage(root) {
-    return mountReactPage(root, _jsx(BotDefaultsPage, {}));
-}
-//# sourceMappingURL=bot-defaults-page.js.map