botmux 2.107.0 → 2.108.0

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

@@ -1,21 +1,1417 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
+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, displayCliId, fallbackCliOptionsState, fetchBotDefaults, fetchCliOptions, fmtSince, modelSuggestionsForOption, selectedCliOption, } from './bot-defaults.js';
 import { mountReactPage } from './react-mount.js';
 import { useT } from './react-hooks.js';
-import { wireBotDefaultsPage } from './bot-defaults.js';
-// Render-once scaffold: React owns the route shell, while wireBotDefaultsPage
-// owns the roster/detail subtree with delegated events and targeted DOM
-// updates. Keep this component free of useState/useStoreSelector until those
-// controller sections are migrated to React components.
+import { CreateActionButton, DropdownMenu, Html, InfoTip as BaseInfoTip, LoadingState, RefreshIconButton, dropdownLabel, } from './dashboard-components.js';
+import { botAvatarHtml, loadNameMaps, ui } from './ui.js';
+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) {
+    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, 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) {
+    return String(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 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,
+        disableStreamingCard: body.disableStreamingCard,
+        silentTurnReactions: body.silentTurnReactions,
+        writableTerminalLinkInCard: body.writableTerminalLinkInCard,
+        privateCard: body.privateCard,
+        botToBotSameDir: body.botToBotSameDir,
+        autoStartOnGroupJoin: body.autoStartOnGroupJoin,
+        autoStartOnGroupJoinPrompt: body.autoStartOnGroupJoinPrompt,
+        autoStartOnNewTopic: body.autoStartOnNewTopic,
+        regularGroupReplyMode: body.regularGroupReplyMode,
+        regularGroupMentionMode: body.regularGroupMentionMode,
+        docSubscribeDefaultMode: body.docSubscribeDefaultMode,
+    };
+}
 function BotDefaultsPage() {
     const tr = useT();
-    const rootRef = useRef(null);
+    const mountedRef = useRef(true);
+    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 refresh = useCallback(async (clearProfileRoles = false) => {
+        if (clearProfileRoles)
+            setProfileRoleVersion(version => version + 1);
+        setLoading(true);
+        try {
+            const [nextBots, nextCli] = await Promise.all([fetchBotDefaults(), fetchCliOptions()]);
+            if (!mountedRef.current)
+                return;
+            setBots(nextBots.bots);
+            setLoadError(nextBots.error);
+            setCliState(nextCli);
+        }
+        finally {
+            if (mountedRef.current)
+                setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        mountedRef.current = true;
+        void refresh();
+        void loadNameMaps().then(() => {
+            if (mountedRef.current)
+                setAvatarVersion(value => value + 1);
+        });
+        return () => { mountedRef.current = false; };
+    }, [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 (!rootRef.current)
-            return undefined;
-        return wireBotDefaultsPage(rootRef.current);
+        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 };
+        }));
     }, []);
-    return (_jsxs("section", { className: "page", ref: rootRef, children: [_jsx("div", { className: "page-heading", children: _jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: tr('nav.botDefaults') }), _jsx("h1", { children: tr('botDefaults.title') }), _jsx("p", { children: tr('botDefaults.subtitle') })] }) }), _jsxs("form", { id: "bd-filters", className: "filters sessions-filters", children: [_jsx("input", { type: "search", name: "q", placeholder: tr('botDefaults.search') }), _jsx("button", { type: "button", id: "bd-refresh", children: tr('botDefaults.refresh') })] }), _jsxs("div", { className: "bd-layout", children: [_jsx("aside", { id: "bd-roster", className: "bd-roster" }), _jsx("div", { id: "bd-list", className: "bd-detail" })] })] }));
+    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 }, `${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) }) }), _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: 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("header", { className: "bd-profile-head", children: [_jsx("div", { className: "bd-profile-avatar", children: _jsx(Html, { html: botAvatarHtml({ name, larkAppId: bot.larkAppId, dot: 'ok' }) }) }), _jsx("div", { className: "bd-profile-main", children: _jsx(BotProfileIdentity, { bot: bot, cli: cli, patchBot: patchBot, meta: (_jsxs(_Fragment, { children: [_jsxs("small", { className: "bd-meta-ok", children: ["\u25CF ", tr('botDefaults.metaOnline')] }), _jsxs("small", { "data-oncall-since": true, children: [tr('botDefaults.lastEnabled'), ": ", fmtSince(def.since ?? 0)] }), _jsx("small", { children: tr('botDefaults.autobound', { count: bot.autoboundChatCount ?? 0 }) })] })) }) })] }), _jsxs("div", { className: "bd-body bd-grid", children: [_jsxs("div", { className: "bd-column", children: [_jsxs("section", { className: "bd-tile", children: [_jsx(BotAgentSection, { bot: bot, sessionFallback: cli, cliState: cliState, patchBot: patchBot }), _jsx(WorkingDirSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }), _jsx(SandboxSection, { bot: bot, patchBot: patchBot })] }), _jsx("section", { className: "bd-tile", children: _jsx(RuntimeEnvironmentSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(GrantSection, { bot: bot, patchBot: patchBot }) })] }), _jsxs("div", { className: "bd-column", children: [_jsxs("section", { className: "bd-tile", children: [_jsx(SessionModeSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }), _jsx(SubstituteModeSection, { bot: bot, patchBot: patchBot }), _jsx(CrossBotSection, { bot: bot, putCardPref: putCardPref }), _jsx(SessionCapSection, { bot: bot, patchBot: patchBot })] }), _jsxs("section", { className: "bd-tile", children: [_jsx(CardBehaviorSection, { bot: bot, putCardPref: putCardPref }), _jsx(SummaryTriggerSection, { bot: bot, patchBot: patchBot }), _jsx(BrandSection, { bot: bot, patchBot: patchBot })] }), _jsx("section", { className: "bd-tile", children: _jsx(RoleSection, { bot: bot, patchBot: patchBot }) })] })] })] }));
+}
+function RuntimeEnvironmentSection(props) {
+    const tr = useT();
+    return (_jsxs("section", { className: "bd-section bd-runtime-env", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionRuntimeEnv') }), _jsx(StartupCommandsSection, { bot: props.bot, patchBot: props.patchBot }), _jsx(LaunchShellSection, { bot: props.bot, patchBot: props.patchBot }), _jsx(EnvSection, { bot: props.bot, patchBot: props.patchBot })] }));
+}
+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: tr('botDefaults.renameAction') })] })) : (_jsxs("span", { className: "bd-name-editor", "data-name-editor": true, children: [_jsx("input", { type: "text", className: "bd-name-input", "data-input": "botRename", maxLength: 64, value: draft, disabled: busy, autoFocus: true, onChange: event => setDraft(event.currentTarget.value), onKeyDown: event => {
+                            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 [cliKey, setCliKey] = useState(initialKey);
+    const [model, setModel] = useState(typeof bot.model === 'string' ? bot.model : '');
+    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));
+        setModel(typeof bot.model === 'string' ? bot.model : '');
+        setSkillValue(skillInjectionResolved(bot));
+    }, [
+        bot.agentSelectionKey,
+        bot.cliId,
+        bot.larkAppId,
+        bot.model,
+        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) {
+        setCliKey(nextKey);
+        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);
+        }
+    }
+    async function saveAgent() {
+        setAgentStatus(null);
+        setAgentBusy(true);
+        try {
+            const res = await sendJson('PUT', `/api/bots/${encodeURIComponent(bot.larkAppId)}/agent`, { cliId: cliKey, model });
+            if (res.ok && res.body.ok) {
+                setAgentStatus({ text: `✓ ${tr('botDefaults.agentSaved')}`, ok: true });
+                patchBot(bot.larkAppId, {
+                    cliId: res.body.cliId,
+                    wrapperCli: res.body.wrapperCli ?? null,
+                    model: res.body.model ?? '',
+                    agentSelectionKey: res.body.selectionKey ?? cliKey,
+                });
+            }
+            else {
+                setAgentStatus({ text: `✗ ${responseErrorText(res)}` });
+            }
+        }
+        catch (e) {
+            setAgentStatus({ text: `✗ ${caughtErrorText(e)}` });
+        }
+        finally {
+            setAgentBusy(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 cliOptions = cliState.options.map(option => ({
+        value: option.id,
+        label: `${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') },
+    ];
+    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, onChange: updateCli })] }) }), _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)) })] }) }), 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 })] }) })) : 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, _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);
+        }
+    }
+    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("div", { className: "actions", children: _jsx(StatusSpan, { status: status, attr: { 'data-sandbox-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 [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);
+                    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]);
+    async function putRole(nextRole, deleted) {
+        if (!loaded)
+            return;
+        setStatus(null);
+        setBusy(true);
+        try {
+            const res = await sendJson('PUT', `/api/team/local-bots/${encodeURIComponent(bot.larkAppId)}/role`, { role: nextRole });
+            if (res.ok && res.body.ok) {
+                const stored = nextRole.trim();
+                setRole(stored);
+                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);
+        }
+    }
+    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: _jsx(FieldTitle, { help: tr('botDefaults.roleHelp'), children: tr('botDefaults.sectionRole') }) }), _jsx("textarea", { "data-input": "teamRole", rows: 6, placeholder: tr('botDefaults.rolePlaceholder'), disabled: !loaded || busy, value: role, onChange: event => setRole(event.currentTarget.value) }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-role", disabled: !loaded || busy, onClick: () => void putRole(role, role.trim() === ''), children: tr('botDefaults.roleSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-role-status': '' } })] }), _jsx(ProfileRoles, { appId: bot.larkAppId })] }));
+}
+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 })] }));
+}
+function CardBehaviorSection(props) {
+    const tr = useT();
+    const { bot, putCardPref } = props;
+    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(() => {
+        setDisableStreaming(bot.disableStreamingCard === true);
+        setSilentReactions(bot.silentTurnReactions === true);
+        setWritableLink(bot.writableTerminalLinkInCard === true);
+        setPrivateCard(bot.privateCard === true);
+    }, [bot.disableStreamingCard, bot.privateCard, bot.silentTurnReactions, bot.writableTerminalLinkInCard]);
+    async function savePatch(patch, key) {
+        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("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionCard') }), _jsxs("div", { className: "bd-toggle-grid bd-card-behavior-grid", children: [_jsx(ToggleRow, { checked: disableStreaming, disabled: busy === 'streaming', dataAction: "toggle-disable-streaming", title: tr('botDefaults.disableStreaming'), help: tr('botDefaults.disableStreamingHelp'), onChange: checked => {
+                            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': '' } })] })] }));
+}
+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 [status, setStatus] = useState(null);
+    const [busy, setBusy] = useState(false);
+    useEffect(() => {
+        const next = summaryRange(props.bot);
+        setLimit(String(next.limit));
+        setSinceHours(String(next.sinceHours));
+    }, [props.bot.summaryRange?.limit, props.bot.summaryRange?.sinceHours]);
+    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);
+        }
+    }
+    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': '' } })] })] }));
+}
+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 === 'chat' ? 'chat' : 'thread');
+    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 === 'chat' ? 'chat' : 'thread');
+        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 === 'chat' ? 'chat' : 'thread' });
+                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);
+    const [disclosure, setDisclosure] = useState(initial?.disclosure === 'none' ? 'none' : 'prefix');
+    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,
+        };
+    }
+    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');
+        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');
+                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)
+                                return row;
+                            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;
+                            return { ...row, name: entry.name ?? row.name, persisted };
+                        });
+                    });
+                }
+                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 });
+    }
+    const disclosureOptions = [
+        { value: 'prefix', label: tr('botDefaults.substituteDisclosurePrefix') },
+        { value: 'none', label: tr('botDefaults.substituteDisclosureNone') },
+    ];
+    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("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) })] }) }), _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] ?? '' }
+                                                : 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 } : row));
+                                        } }), _jsx("input", { className: "bd-substitute-target-name", 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 === 'new-topic' || bot.regularGroupReplyMode === 'shared' || bot.regularGroupReplyMode === 'chat-topic'
+        ? bot.regularGroupReplyMode
+        : 'chat';
+}
+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("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: tr('botDefaults.sectionSessionCap') }), _jsxs("div", { className: "bd-row bd-quota", children: [_jsxs("label", { children: [_jsx(FieldTitle, { help: tr('botDefaults.maxLiveWorkersHelp'), children: tr('botDefaults.maxLiveWorkers') }), _jsx("input", { type: "number", min: 1, step: 1, "data-input": "maxLiveWorkers", placeholder: tr('botDefaults.maxLiveWorkersPlaceholder'), value: input, disabled: busy, onChange: event => setInput(event.currentTarget.value) })] }), _jsx("small", { "data-session-cap-state": true, children: sessionCapStateLabel(cap, tr) }), _jsx("small", { className: "bd-help bd-session-residency", children: tr('botDefaults.maxLiveWorkersUsage', {
+                            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("div", { className: "bd-subsection", children: [_jsx("h4", { className: "bd-subsection-title", children: _jsx(FieldTitle, { help: tr('botDefaults.startupCommandsHelp'), children: tr('botDefaults.sectionStartupCommands') }) }), _jsx("textarea", { "data-input": "startupCommands", rows: 3, placeholder: tr('botDefaults.startupCommandsPlaceholder'), value: value, disabled: busy, onChange: event => setValue(event.currentTarget.value) }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", className: "primary", "data-action": "save-startup-commands", disabled: busy, onClick: () => void save(), children: tr('botDefaults.startupCommandsSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-startup-commands-status': '' } })] })] }));
+}
+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': '' } })] })] }));
+}
+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, {}));