botmux 3.10.0 → 3.11.0

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

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 import { openBotOnboarding } from './bot-onboarding.js';
 import { agentSelectionKey, cliIdOf, createRefreshGate, displayCliId, fallbackCliOptionsState, fetchBotDefaults, fetchCliOptions, fmtSince, modelSuggestionsForOption, resolveSubstituteTarget, selectedCliOption, } from './bot-defaults.js';
 import { mountReactPage } from './react-mount.js';
 import { useT } from './react-hooks.js';
 import { store } from './store.js';
 import { CreateActionButton, DropdownMenu, Html, InfoTip as BaseInfoTip, LoadingState, OverflowText, RefreshIconButton, dropdownLabel, } from './dashboard-components.js';
-import { botAvatarHtml, loadNameMaps, overrideBotAvatar, ui } from './ui.js';
+import { botAvatarHtml, larkConsoleUrl, loadNameMaps, overrideBotAvatar, ui } from './ui.js';
+import { DEFAULT_GRANT_DURATION_MS, DEFAULT_GRANT_QUOTA, GRANT_DURATION_OPTIONS, MAX_GRANT_QUOTA, } from '../../services/grant-policy.js';
 function runtimeDraftFromBot(bot) {
     const runtime = bot.cliRuntime;
     if (!runtime || typeof runtime !== 'object') {
@@ -177,7 +179,7 @@ function statusClass(status, extra = '') {
     return `oncall-status${extra ? ` ${extra}` : ''}${suffix}`;
 }
 function StatusSpan(props) {
-    return _jsx("span", { className: statusClass(props.status), ...(props.attr ?? {}), children: props.status?.text ?? '' });
+    return _jsx("span", { role: "status", "aria-live": "polite", className: statusClass(props.status), ...(props.attr ?? {}), children: props.status?.text ?? '' });
 }
 function InfoTip(props) {
     const ariaLabel = typeof props.children === 'string' ? props.children : undefined;
@@ -191,7 +193,7 @@ 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, searchable: props.searchable, searchPlaceholder: props.searchable ? tr('common.dropdownSearch') : undefined, searchEmptyLabel: props.searchable ? tr('common.dropdownSearchEmpty') : undefined, onChange: props.onChange }), _jsx("input", { type: "hidden", "data-input": props.dataInput, value: props.value, readOnly: true })] }));
 }
 function ToggleRow(props) {
-    return (_jsxs("label", { className: "toggle-row", children: [_jsx("input", { type: "checkbox", "data-action": props.dataAction, checked: props.checked, disabled: props.disabled, onChange: event => props.onChange(event.currentTarget.checked) }), _jsx("span", { className: "switch", "aria-hidden": "true" }), _jsx("span", { className: "toggle-tx", children: _jsx("strong", { children: _jsx(FieldTitle, { help: props.help, children: props.title }) }) })] }));
+    return (_jsxs("label", { className: props.className ? `toggle-row ${props.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" }), _jsxs("span", { className: "toggle-tx", children: [_jsx("strong", { children: _jsx(FieldTitle, { help: props.help, children: props.title }) }), props.description ? _jsx("small", { children: props.description }) : null] })] }));
 }
 async function sendJson(method, url, body) {
     const r = await fetch(url, {
@@ -270,11 +272,7 @@ function brandStateLabel(brand, tr) {
         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 });
-}
+const GRANT_DURATION_VALUES = GRANT_DURATION_OPTIONS;
 function sessionCapStateLabel(cap, tr) {
     return cap == null
         ? tr('botDefaults.maxLiveWorkersStateDefault')
@@ -442,7 +440,7 @@ function BotDefaultsCard(props) {
         return (_jsxs("article", { className: "bd-card bd-profile", "data-appid": bot.larkAppId, children: [_jsxs("header", { className: "bd-profile-head", children: [_jsx(Html, { html: botAvatarHtml({ name, larkAppId: bot.larkAppId }) }), _jsxs("div", { className: "bd-profile-id", children: [_jsx("strong", { children: name }), _jsx("code", { children: bot.larkAppId })] })] }), _jsxs("p", { className: "hint-warn-inline", children: ["\u67E5\u8BE2\u5931\u8D25\uFF1A", bot.error] })] }));
     }
     const def = bot.defaultOncall ?? { enabled: false, workingDir: '', since: 0 };
-    return (_jsxs("article", { className: "bd-card bd-profile", "data-appid": bot.larkAppId, children: [_jsxs("div", { className: "bd-profile-chrome", children: [_jsxs("header", { className: "bd-profile-head", children: [_jsx(BotAvatarControl, { bot: bot, name: name, patchBot: patchBot }), _jsx("div", { className: "bd-profile-main", children: _jsx(BotProfileIdentity, { bot: bot, cli: cli, patchBot: patchBot, meta: (_jsxs(_Fragment, { children: [_jsxs("small", { className: "bd-meta-ok", children: ["\u25CF ", tr('botDefaults.metaOnline')] }), (def.since ?? 0) > 0 ? _jsxs("small", { "data-oncall-since": true, children: [tr('botDefaults.lastEnabled'), ": ", fmtSince(def.since ?? 0)] }) : null, (bot.autoboundChatCount ?? 0) > 0 ? _jsx("small", { children: tr('botDefaults.autobound', { count: bot.autoboundChatCount ?? 0 }) }) : null] })) }) })] }), _jsx(BotDefaultsTabs, { active: props.activeTab, onChange: props.onTabChange })] }), _jsxs("div", { className: "bd-body bd-tab-panels", children: [_jsx("div", { id: "bd-panel-common", role: "tabpanel", "aria-labelledby": "bd-tab-common", className: "bd-tab-panel", hidden: props.activeTab !== 'common', children: _jsxs(BdTabGrid, { children: [_jsx("section", { className: "bd-tile", children: _jsx(BotAgentSection, { bot: bot, sessionFallback: cli, cliState: cliState, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(WorkingDirSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(RoleSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-sessions", role: "tabpanel", "aria-labelledby": "bd-tab-sessions", className: "bd-tab-panel", hidden: props.activeTab !== 'sessions', children: _jsxs(BdTabGrid, { children: [_jsx("section", { className: "bd-tile", children: _jsx(SessionModeSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(SubstituteModeSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(CrossBotSection, { bot: bot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(SessionCapSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(StartupCommandsSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(SummaryTriggerSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }) })] }) }), _jsx("div", { id: "bd-panel-security", role: "tabpanel", "aria-labelledby": "bd-tab-security", className: "bd-tab-panel", hidden: props.activeTab !== 'security', children: _jsxs(BdTabGrid, { children: [bot.cliId !== 'riff' ? (_jsx("section", { className: "bd-tile", children: _jsx(SandboxSection, { bot: bot, patchBot: patchBot }) })) : null, bot.cliId !== 'riff' && bot.sandbox === true ? (_jsx("section", { className: "bd-tile bd-tile-wide", children: _jsx(SandboxPathsSection, { bot: bot, patchBot: patchBot }) })) : null, _jsx("section", { className: "bd-tile", children: _jsx(GrantSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(SlashCommandPermissionsSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-cards", role: "tabpanel", "aria-labelledby": "bd-tab-cards", className: "bd-tab-panel", hidden: props.activeTab !== 'cards', children: _jsxs(BdTabGrid, { children: [_jsx("section", { className: "bd-tile", children: _jsx(CardBehaviorSection, { bot: bot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(BrandSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-advanced", role: "tabpanel", "aria-labelledby": "bd-tab-advanced", className: "bd-tab-panel", hidden: props.activeTab !== 'advanced', children: _jsxs(BdTabGrid, { children: [bot.cliId !== 'riff' ? (_jsx("section", { className: "bd-tile", children: _jsx(BackendTypeSection, { bot: bot, patchBot: patchBot }) })) : null, bot.cliId === 'codex-app' ? (_jsx("section", { className: "bd-tile", children: _jsx(CodexAppDisplaySection, { bot: bot, putCardPref: putCardPref }) })) : null, _jsx("section", { className: "bd-tile", children: _jsx(RuntimeEnvironmentSection, { bot: bot, patchBot: patchBot }) })] }) })] })] }));
+    return (_jsxs("article", { className: "bd-card bd-profile", "data-appid": bot.larkAppId, children: [_jsxs("div", { className: "bd-profile-chrome", children: [_jsxs("header", { className: "bd-profile-head", children: [_jsx(BotAvatarControl, { bot: bot, name: name, patchBot: patchBot }), _jsx("div", { className: "bd-profile-main", children: _jsx(BotProfileIdentity, { bot: bot, cli: cli, patchBot: patchBot, meta: (_jsxs(_Fragment, { children: [_jsxs("small", { className: "bd-meta-ok", children: ["\u25CF ", tr('botDefaults.metaOnline')] }), (def.since ?? 0) > 0 ? _jsxs("small", { "data-oncall-since": true, children: [tr('botDefaults.lastEnabled'), ": ", fmtSince(def.since ?? 0)] }) : null, (bot.autoboundChatCount ?? 0) > 0 ? _jsx("small", { children: tr('botDefaults.autobound', { count: bot.autoboundChatCount ?? 0 }) }) : null] })) }) })] }), _jsx(BotDefaultsTabs, { active: props.activeTab, onChange: props.onTabChange })] }), _jsxs("div", { className: "bd-body bd-tab-panels", children: [_jsx("div", { id: "bd-panel-common", role: "tabpanel", "aria-labelledby": "bd-tab-common", className: "bd-tab-panel", hidden: props.activeTab !== 'common', children: _jsxs(BdTabGrid, { children: [_jsx("section", { className: "bd-tile", children: _jsx(BotAgentSection, { bot: bot, sessionFallback: cli, cliState: cliState, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(WorkingDirSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(RoleSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-sessions", role: "tabpanel", "aria-labelledby": "bd-tab-sessions", className: "bd-tab-panel", hidden: props.activeTab !== 'sessions', children: _jsxs(BdTabGrid, { children: [_jsx("section", { className: "bd-tile", children: _jsx(SessionModeSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(SubstituteModeSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(CrossBotSection, { bot: bot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(SessionCapSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(StartupCommandsSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(SummaryTriggerSection, { bot: bot, patchBot: patchBot, putCardPref: putCardPref }) })] }) }), _jsx("div", { id: "bd-panel-security", role: "tabpanel", "aria-labelledby": "bd-tab-security", className: "bd-tab-panel", hidden: props.activeTab !== 'security', children: _jsxs(BdTabGrid, { children: [bot.cliId !== 'riff' ? (_jsx("section", { className: "bd-tile", children: _jsx(SandboxSection, { bot: bot, patchBot: patchBot }) })) : null, bot.cliId !== 'riff' && bot.sandbox === true ? (_jsx("section", { className: "bd-tile bd-tile-wide", children: _jsx(SandboxPathsSection, { bot: bot, patchBot: patchBot }) })) : null, _jsx("section", { className: "bd-tile", children: _jsx(GrantSection, { bot: bot, patchBot: patchBot }) }), _jsx("section", { className: "bd-tile", children: _jsx(SlashCommandPermissionsSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-cards", role: "tabpanel", "aria-labelledby": "bd-tab-cards", className: "bd-tab-panel", hidden: props.activeTab !== 'cards', children: _jsxs(BdTabGrid, { children: [_jsx("section", { className: "bd-tile bd-tile-wide", children: _jsx(CardBehaviorSection, { bot: bot, putCardPref: putCardPref }) }), _jsx("section", { className: "bd-tile", children: _jsx(BrandSection, { bot: bot, patchBot: patchBot }) })] }) }), _jsx("div", { id: "bd-panel-advanced", role: "tabpanel", "aria-labelledby": "bd-tab-advanced", className: "bd-tab-panel", hidden: props.activeTab !== 'advanced', children: _jsxs(BdTabGrid, { children: [bot.cliId !== 'riff' ? (_jsx("section", { className: "bd-tile", children: _jsx(BackendTypeSection, { bot: bot, patchBot: patchBot }) })) : null, bot.cliId === 'codex-app' ? (_jsx("section", { className: "bd-tile", children: _jsx(CodexAppDisplaySection, { bot: bot, putCardPref: putCardPref }) })) : null, _jsx("section", { className: "bd-tile", children: _jsx(RuntimeEnvironmentSection, { bot: bot, patchBot: patchBot }) })] }) })] })] }));
 }
 function RuntimeEnvironmentSection(props) {
     const tr = useT();
@@ -626,7 +624,7 @@ function BotProfileIdentity(props) {
                             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: () => {
+                        } }), _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') })] })), _jsxs("div", { className: "bd-profile-appid-row", children: [_jsx("code", { children: bot.larkAppId }), larkConsoleUrl(bot.larkAppId, bot.brand) ? (_jsxs("a", { className: "bd-console-link", href: larkConsoleUrl(bot.larkAppId, bot.brand), target: "_blank", rel: "noopener noreferrer", children: [tr('botDefaults.openConsole'), _jsx("svg", { viewBox: "0 0 24 24", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M7 17 17 7M9 7h8v8" }) })] })) : null] }), _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();
@@ -713,10 +711,20 @@ function FeishuLoginModal(props) {
                 window.clearTimeout(successTimerRef.current);
         };
     }, [begin, stopTimer]);
-    return (_jsx("div", { className: "feishu-login-overlay", onClick: event => {
+    if (typeof document === 'undefined')
+        return null;
+    // Portal 到 body:此弹层内联渲染在头像组件(位于 .page 页面容器)的 DOM 里。
+    // 祖先 .page 有 `animation: dashboard-page-enter … both`,其关键帧动画 transform
+    // (translateY→none);fill-mode:both 下动画结束后持续「填充」,浏览器把 .page 的
+    // computed transform 算成 identity matrix(而非关键字 none)——「非 none 的 transform」
+    // 会为后代 position:fixed 建立包含块,于是弹层不再相对视口、被约束进 .page 的几何
+    // 范围,顶到视口下方,用户得滚动才看得到二维码(与主题无关,light/dark 均复现;
+    // 注意不是 .app-shell 的 overflow:hidden——overflow 不建立 fixed 包含块)。挂到
+    // body 顶层后逃出任何祖先包含块,与 auth-expired-overlay 一致,稳定居中。
+    return createPortal(_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') }) })] }) }));
+        }, 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') }) })] }) }), document.body);
 }
 export function BotAgentSection(props) {
     const tr = useT();
@@ -1572,23 +1580,29 @@ export function CardBehaviorSection(props) {
         { value: 'footer', label: tr('botDefaults.usageDisplayFooter') },
         { value: 'off', label: tr('botDefaults.usageDisplayOff') },
     ];
-    return (_jsxs("section", { className: "bd-section", children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionCard') }), bot.usageSupported === true && (_jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.usageDisplayHelp'), children: tr('botDefaults.usageDisplay') }), _jsx(DropdownField, { dataInput: "usageDisplay", ariaLabel: tr('botDefaults.usageDisplay'), value: usageDisplay, disabled: busy === 'usage', options: usageDisplayOptions, onChange: next => {
-                                const previous = usageDisplay;
-                                setUsageDisplay(next);
-                                void savePatch({ usageDisplay: next }, 'usage', () => setUsageDisplay(previous));
-                            } })] }) })), _jsxs("div", { className: "bd-toggle-grid bd-card-behavior-grid", children: [_jsx(ToggleRow, { checked: disableStreaming, disabled: busy === 'streaming', dataAction: "toggle-disable-streaming", title: tr('botDefaults.disableStreaming'), help: tr('botDefaults.disableStreamingHelp'), onChange: checked => {
-                            setDisableStreaming(checked);
-                            void savePatch({ disableStreamingCard: checked }, 'streaming');
-                        } }), _jsx(ToggleRow, { checked: silentReactions, disabled: !disableStreaming || busy === 'silent', dataAction: "toggle-silent-reactions", title: tr('botDefaults.silentTurnReactions'), help: tr('botDefaults.silentTurnReactionsHelp'), onChange: checked => {
-                            setSilentReactions(checked);
-                            void savePatch({ silentTurnReactions: checked }, 'silent');
-                        } }), _jsx(ToggleRow, { checked: writableLink, disabled: disableStreaming || busy === 'writable', dataAction: "toggle-writable-link", title: tr('botDefaults.writableLink'), help: tr('botDefaults.writableLinkHelp'), onChange: checked => {
-                            setWritableLink(checked);
-                            void savePatch({ writableTerminalLinkInCard: checked }, 'writable');
-                        } }), _jsx(ToggleRow, { checked: privateCard, disabled: busy === 'private', dataAction: "toggle-private-card", title: tr('botDefaults.privateCard'), help: tr('botDefaults.privateCardHelp'), onChange: checked => {
-                            setPrivateCard(checked);
-                            void savePatch({ privateCard: checked }, 'private');
-                        } })] }), _jsxs("div", { className: "actions", children: [_jsx("small", { "data-card-pref-moot": true, className: "hint-warn-inline", hidden: !disableStreaming, children: tr('botDefaults.writableLinkMoot') }), _jsx(StatusSpan, { status: status, attr: { 'data-card-pref-status': '' } })] })] }));
+    return (_jsxs("section", { className: "bd-section", "aria-busy": busy !== null, children: [_jsx("h3", { className: "bd-section-title", children: tr('botDefaults.sectionCard') }), _jsxs("div", { className: "bd-card-settings", children: [_jsxs("section", { className: "bd-card-setting-group", "data-card-feedback-group": true, children: [_jsx("h4", { className: "bd-card-setting-heading", children: tr('botDefaults.cardFeedbackGroup') }), _jsx(ToggleRow, { className: "bd-card-primary-toggle", checked: !disableStreaming, disabled: busy !== null, dataAction: "toggle-disable-streaming", title: tr('botDefaults.autoStreaming'), description: tr('botDefaults.autoStreamingDescription'), help: tr('botDefaults.autoStreamingHelp'), onChange: checked => {
+                                    const previous = disableStreaming;
+                                    const nextDisabled = !checked;
+                                    setDisableStreaming(nextDisabled);
+                                    void savePatch({ disableStreamingCard: nextDisabled }, 'streaming', () => setDisableStreaming(previous));
+                                } }), _jsxs("div", { className: "bd-card-dependent", "data-card-off-options": true, hidden: !disableStreaming, children: [_jsx(ToggleRow, { checked: !silentReactions, disabled: busy !== null, dataAction: "toggle-silent-reactions", title: tr('botDefaults.silentTurnReactions'), description: tr('botDefaults.silentTurnReactionsDescription'), help: tr('botDefaults.silentTurnReactionsHelp'), onChange: checked => {
+                                            const previous = silentReactions;
+                                            const nextSilent = !checked;
+                                            setSilentReactions(nextSilent);
+                                            void savePatch({ silentTurnReactions: nextSilent }, 'silent', () => setSilentReactions(previous));
+                                        } }), _jsx("p", { role: "status", "data-card-pref-moot": true, className: "bd-card-mode-note", children: tr('botDefaults.manualCardHint') })] })] }), _jsxs("section", { className: "bd-card-setting-group", "data-card-content-group": true, children: [_jsx("h4", { className: "bd-card-setting-heading", children: tr('botDefaults.cardContentGroup') }), bot.usageSupported === true && (_jsx("div", { className: "bd-row", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.usageDisplayHelp'), children: tr('botDefaults.usageDisplay') }), _jsx(DropdownField, { dataInput: "usageDisplay", ariaLabel: tr('botDefaults.usageDisplay'), value: usageDisplay, disabled: busy !== null, options: usageDisplayOptions, onChange: next => {
+                                                const previous = usageDisplay;
+                                                setUsageDisplay(next);
+                                                void savePatch({ usageDisplay: next }, 'usage', () => setUsageDisplay(previous));
+                                            } })] }) })), _jsx("div", { className: "bd-card-control-list", children: _jsx(ToggleRow, { checked: writableLink, disabled: busy !== null, dataAction: "toggle-writable-link", title: tr('botDefaults.writableLink'), description: tr('botDefaults.writableLinkDescription'), help: tr('botDefaults.writableLinkHelp'), onChange: checked => {
+                                        const previous = writableLink;
+                                        setWritableLink(checked);
+                                        void savePatch({ writableTerminalLinkInCard: checked }, 'writable', () => setWritableLink(previous));
+                                    } }) })] }), _jsxs("section", { className: "bd-card-setting-group", "data-card-manual-group": true, children: [_jsx("h4", { className: "bd-card-setting-heading", children: tr('botDefaults.cardManualGroup') }), _jsx("p", { className: "bd-card-setting-copy", children: tr('botDefaults.manualCardIntro') }), _jsx("div", { className: "bd-card-control-list", children: _jsx(ToggleRow, { checked: privateCard, disabled: busy !== null, dataAction: "toggle-private-card", title: tr('botDefaults.privateCard'), description: tr('botDefaults.privateCardDescription'), help: tr('botDefaults.privateCardHelp'), onChange: checked => {
+                                        const previous = privateCard;
+                                        setPrivateCard(checked);
+                                        void savePatch({ privateCard: checked }, 'private', () => setPrivateCard(previous));
+                                    } }) })] })] }), _jsx("div", { className: "actions", children: _jsx(StatusSpan, { status: status, attr: { 'data-card-pref-status': '' } }) })] }));
 }
 export function CodexAppDisplaySection(props) {
     const tr = useT();
@@ -2419,66 +2433,145 @@ function BrandSection(props) {
     }
     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) {
+export function GrantSection(props) {
     const tr = useT();
     const [autoCard, setAutoCard] = useState(props.bot.autoGrantRequestCards !== false);
     const [restrict, setRestrict] = useState(props.bot.restrictGrantCommands === true);
+    const [duration, setDuration] = useState(typeof props.bot.grantDefaultDurationMs === 'number' ? props.bot.grantDefaultDurationMs : null);
+    const [durationInput, setDurationInput] = useState(String(props.bot.grantDefaultDurationMs ?? DEFAULT_GRANT_DURATION_MS));
     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 [quotaError, setQuotaError] = useState(null);
     const [busy, setBusy] = useState(null);
     useEffect(() => {
         setAutoCard(props.bot.autoGrantRequestCards !== false);
+    }, [props.bot.autoGrantRequestCards]);
+    useEffect(() => {
         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) {
+    }, [props.bot.restrictGrantCommands]);
+    useEffect(() => {
+        const nextDuration = typeof props.bot.grantDefaultDurationMs === 'number' ? props.bot.grantDefaultDurationMs : null;
+        setDuration(nextDuration);
+        setDurationInput(String(nextDuration ?? DEFAULT_GRANT_DURATION_MS));
+    }, [props.bot.grantDefaultDurationMs]);
+    useEffect(() => {
+        const nextQuota = typeof props.bot.messageQuotaDefaultLimit === 'number' ? props.bot.messageQuotaDefaultLimit : null;
+        setQuota(nextQuota);
+        setQuotaInput(nextQuota === null ? '' : String(nextQuota));
+    }, [props.bot.messageQuotaDefaultLimit]);
+    async function savePatch(patch, key, rollback) {
         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 nextDuration = typeof res.body.grantDefaultDurationMs === 'number' ? res.body.grantDefaultDurationMs : null;
                 const nextQuota = typeof res.body.messageQuotaDefaultLimit === 'number' ? res.body.messageQuotaDefaultLimit : null;
                 setAutoCard(res.body.autoGrantRequestCards !== false);
                 setRestrict(res.body.restrictGrantCommands === true);
+                setDuration(nextDuration);
                 setQuota(nextQuota);
-                if ('messageQuotaDefaultLimit' in patch)
-                    setQuotaInput(nextQuota == null ? '' : String(nextQuota));
+                if ('grantDefaultDurationMs' in patch)
+                    setDurationInput(String(nextDuration ?? DEFAULT_GRANT_DURATION_MS));
+                if ('messageQuotaDefaultLimit' in patch) {
+                    setQuotaInput(nextQuota === null ? '' : String(nextQuota));
+                }
                 props.patchBot(props.bot.larkAppId, {
                     autoGrantRequestCards: res.body.autoGrantRequestCards !== false,
                     restrictGrantCommands: res.body.restrictGrantCommands === true,
+                    grantDefaultDurationMs: nextDuration,
                     messageQuotaDefaultLimit: nextQuota,
                 });
+                if (key === 'defaults')
+                    setQuotaError(null);
                 setStatus({ text: `✓ ${tr('botDefaults.cardPrefSaved')}`, ok: true });
             }
             else {
+                rollback?.();
                 setStatus({ text: `✗ ${responseErrorText(res)}` });
             }
         }
         catch (e) {
+            rollback?.();
             setStatus({ text: `✗ ${caughtErrorText(e)}` });
         }
         finally {
             setBusy(null);
         }
     }
-    function saveQuota() {
+    function saveDefaults() {
         const parsed = positiveIntegerOrNull(quotaInput);
-        if (parsed === 'invalid') {
-            setStatus({ text: `✗ ${tr('botDefaults.quotaInvalid')}` });
+        const quotaChanged = parsed !== quota;
+        setStatus(null);
+        if (quotaChanged && (parsed === 'invalid'
+            || (typeof parsed === 'number' && parsed > MAX_GRANT_QUOTA))) {
+            setQuotaError(tr('botDefaults.quotaInvalid'));
+            return;
+        }
+        setQuotaError(null);
+        const durationMs = Number(durationInput);
+        if (!GRANT_DURATION_VALUES.includes(durationMs)) {
+            setStatus({ text: `✗ ${tr('botDefaults.grantDurationInvalid')}` });
             return;
         }
-        void savePatch({ messageQuotaDefaultLimit: parsed }, 'quota');
+        const patch = {};
+        if (durationMs !== (duration ?? DEFAULT_GRANT_DURATION_MS)) {
+            patch.grantDefaultDurationMs = durationMs === DEFAULT_GRANT_DURATION_MS ? null : durationMs;
+        }
+        if (quotaChanged) {
+            patch.messageQuotaDefaultLimit = parsed;
+        }
+        if (Object.keys(patch).length > 0)
+            void savePatch(patch, 'defaults');
     }
-    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 => {
+    const durationOptions = [
+        { value: String(DEFAULT_GRANT_DURATION_MS), label: tr('botDefaults.grantDuration1Hour') },
+        { value: String(8 * 60 * 60 * 1000), label: tr('botDefaults.grantDuration8Hours') },
+        { value: String(24 * 60 * 60 * 1000), label: tr('botDefaults.grantDuration1Day') },
+        { value: String(7 * 24 * 60 * 60 * 1000), label: tr('botDefaults.grantDuration7Days') },
+    ];
+    const currentDuration = duration ?? DEFAULT_GRANT_DURATION_MS;
+    const currentDurationLabel = currentDuration === DEFAULT_GRANT_DURATION_MS
+        ? tr('botDefaults.grantDuration1HourValue')
+        : String(durationOptions.find(option => option.value === String(currentDuration))?.label ?? '');
+    const parsedQuotaInput = positiveIntegerOrNull(quotaInput);
+    const quotaInputDirty = parsedQuotaInput === 'invalid' || parsedQuotaInput !== quota;
+    const defaultsDirty = durationInput !== String(currentDuration) || quotaInputDirty;
+    const currentState = quota === null
+        ? tr('botDefaults.grantDefaultsCurrentBuiltIn', {
+            duration: currentDurationLabel,
+            count: DEFAULT_GRANT_QUOTA,
+        })
+        : quota > MAX_GRANT_QUOTA
+            ? tr('botDefaults.grantDefaultsCurrentLegacy', {
+                duration: currentDurationLabel,
+                cardCount: MAX_GRANT_QUOTA,
+                oncallCount: quota,
+            })
+            : tr('botDefaults.grantDefaultsCurrentCustom', {
+                duration: currentDurationLabel,
+                count: 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 !== null, dataAction: "toggle-auto-grant-card", title: tr('botDefaults.autoGrantCard'), help: tr('botDefaults.autoGrantCardHelp'), onChange: checked => {
+                            const previous = autoCard;
                             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 => {
+                            void savePatch({ autoGrantRequestCards: checked }, 'autoGrant', () => setAutoCard(previous));
+                        } }), _jsx(ToggleRow, { checked: restrict, disabled: busy !== null, dataAction: "toggle-restrict-grant", title: tr('botDefaults.restrictGrant'), help: tr('botDefaults.restrictGrantHelp'), onChange: checked => {
+                            const previous = restrict;
                             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': '' } })] })] }));
+                            void savePatch({ restrictGrantCommands: checked }, 'restrict', () => setRestrict(previous));
+                        } })] }), _jsxs("form", { className: "bd-grant-defaults", noValidate: true, onSubmit: event => {
+                    event.preventDefault();
+                    saveDefaults();
+                }, children: [_jsx("div", { className: "bd-row bd-grant-duration", children: _jsxs("div", { className: "bd-field", children: [_jsx(FieldTitle, { help: tr('botDefaults.grantDurationHelp'), children: tr('botDefaults.grantDurationDefault') }), _jsx(DropdownField, { dataInput: "grantDefaultDurationMs", value: durationInput, options: durationOptions, disabled: busy !== null, ariaLabel: tr('botDefaults.grantDurationDefault'), onChange: value => {
+                                        setDurationInput(value);
+                                        setStatus(null);
+                                    } })] }) }), _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, max: MAX_GRANT_QUOTA, step: 1, "data-input": "quotaLimit", placeholder: tr('botDefaults.quotaPlaceholder'), value: quotaInput, disabled: busy !== null, "aria-label": tr('botDefaults.quotaDefault'), "aria-invalid": quotaError ? true : undefined, "aria-describedby": quotaError ? 'grant-defaults-state grant-default-quota-error' : 'grant-defaults-state', onChange: event => {
+                                            setQuotaInput(event.currentTarget.value);
+                                            setQuotaError(null);
+                                            setStatus(null);
+                                        } })] }), quotaError ? _jsx("small", { id: "grant-default-quota-error", className: "bd-field-error", role: "alert", children: quotaError }) : null, _jsx("small", { id: "grant-defaults-state", "data-grant-defaults-state": true, children: currentState })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "submit", className: "primary", "data-action": "save-grant-defaults", disabled: busy !== null || !defaultsDirty, children: busy === 'defaults' ? tr('botDefaults.grantDefaultsSaving') : tr('botDefaults.grantDefaultsSave') }), _jsx(StatusSpan, { status: status, attr: { 'data-grant-status': '' } })] })] })] }));
 }
 export function renderBotDefaultsPage(root) {
     return mountReactPage(root, _jsx(BotDefaultsPage, {}));