botmux 3.10.0 → 3.23.1

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

@@ -1,772 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { DropdownMenu, FieldTitle, LoadingState, dropdownLabel } from './dashboard-components.js';
-import { VcConsumerProfilesGate } from './vc-consumer-profiles-section.js';
-import { useT } from './react-hooks.js';
-import { mountReactPage } from './react-mount.js';
-import { store } from './store.js';
-import { ui } from './ui.js';
-const COMMON_TIMEZONES = [
-    'Asia/Shanghai', 'Asia/Hong_Kong', 'Asia/Tokyo', 'Asia/Singapore', 'Asia/Kolkata',
-    'UTC', 'Europe/London', 'Europe/Paris', 'Europe/Moscow',
-    'America/Los_Angeles', 'America/New_York', 'America/Sao_Paulo', 'Australia/Sydney',
-];
-/** Map a `herdrTraexInstall` result (returned by PUT /api/settings when the
- *  write triggered a live TraeX plugin install) to a settings status message. */
-function traexInstallMessage(install, tr) {
-    if (!install || typeof install !== 'object')
-        return null;
-    if (install.failed) {
-        const step = install.failed.step === 'install'
-            ? tr('settings.herdrTraexInstallStepInstall')
-            : tr('settings.herdrTraexInstallStepAction');
-        return { text: `${tr('settings.herdrTraexInstallFailed')}（${step}）: ${install.failed.reason ?? ''}`, cls: 'hint-warn-inline' };
-    }
-    if (install.skippedReason === 'plugin_unsupported') {
-        const version = typeof install.herdrVersion === 'string' && install.herdrVersion ? ` (${install.herdrVersion})` : '';
-        return { text: `${tr('settings.herdrTraexUnsupported')}${version}`, cls: 'hint-warn-inline' };
-    }
-    if (install.installed || install.actionInvoked)
-        return { text: tr('settings.herdrTraexInstalled'), cls: 'hint-ok' };
-    if (install.alreadyInstalled)
-        return { text: tr('settings.herdrTraexAlreadyInstalled'), cls: 'hint-ok' };
-    return null;
-}
-function parseSettings(s) {
-    return {
-        groupNamePrefix: typeof s?.groupNamePrefix === 'string' ? s.groupNamePrefix : '',
-        publicReadOnly: s?.publicReadOnly === true,
-        openTerminalInFeishu: s?.openTerminalInFeishu === true,
-        enableLocalCliOpen: s?.enableLocalCliOpen === true,
-        localCliOpenMode: s?.localCliOpenMode === 'resume' ? 'resume' : 'attach',
-        chatBotDiscovery: s?.chatBotDiscovery !== false,
-        herdrTraexPlugin: {
-            enabled: s?.herdrTraexPlugin?.enabled === true,
-            source: typeof s?.herdrTraexPlugin?.source === 'string' ? s.herdrTraexPlugin.source : '',
-            ref: typeof s?.herdrTraexPlugin?.ref === 'string' ? s.herdrTraexPlugin.ref : '',
-            recommendedSource: typeof s?.herdrTraexPlugin?.recommendedSource === 'string' ? s.herdrTraexPlugin.recommendedSource : '',
-            recommendedRef: typeof s?.herdrTraexPlugin?.recommendedRef === 'string' ? s.herdrTraexPlugin.recommendedRef : '',
-        },
-        codexRpcInput: s?.codexRpcInput === true,
-        // default ON — only an explicit persisted false disables (matches server snapshot)
-        bypassCodexHookTrust: s?.bypassCodexHookTrust !== false,
-        codexNotifier: {
-            enabled: s?.codexNotifier?.enabled === true,
-            targetBotAppId: typeof s?.codexNotifier?.targetBotAppId === 'string'
-                ? s.codexNotifier.targetBotAppId
-                : null,
-            notifyWhen: s?.codexNotifier?.notifyWhen === 'always' ? 'always' : 'locked_only',
-            platformSupported: s?.codexNotifier?.platformSupported === true,
-            hookInstalled: s?.codexNotifier?.hookInstalled === true,
-            botOptions: Array.isArray(s?.codexNotifier?.botOptions) ? s.codexNotifier.botOptions : [],
-            targetDaemonOnline: s?.codexNotifier?.targetDaemonOnline === true,
-            pendingCount: Number.isSafeInteger(s?.codexNotifier?.pendingCount)
-                ? Math.max(0, s.codexNotifier.pendingCount)
-                : 0,
-            workerOnline: s?.codexNotifier?.workerOnline === true,
-            lastError: s?.codexNotifier?.lastError
-                && typeof s.codexNotifier.lastError.message === 'string'
-                ? s.codexNotifier.lastError
-                : null,
-        },
-        hostOverloadAlert: {
-            enabled: s?.hostOverloadAlert?.enabled === true,
-            targetBotAppId: typeof s?.hostOverloadAlert?.targetBotAppId === 'string'
-                ? s.hostOverloadAlert.targetBotAppId
-                : null,
-            enterLoadRatio: typeof s?.hostOverloadAlert?.enterLoadRatio === 'number'
-                ? s.hostOverloadAlert.enterLoadRatio
-                : 1.5,
-            enterMemUsedFrac: typeof s?.hostOverloadAlert?.enterMemUsedFrac === 'number'
-                ? s.hostOverloadAlert.enterMemUsedFrac
-                : 0.92,
-            botOptions: Array.isArray(s?.hostOverloadAlert?.botOptions) ? s.hostOverloadAlert.botOptions : [],
-            targetDaemonOnline: s?.hostOverloadAlert?.targetDaemonOnline === true,
-        },
-        noVisibleOutputHint: s?.noVisibleOutputHint === true,
-        vcMeetingAgent: {
-            enabled: s?.vcMeetingAgent?.enabled !== false,
-            listenerBotAppId: typeof s?.vcMeetingAgent?.listenerBotAppId === 'string' ? s.vcMeetingAgent.listenerBotAppId : null,
-            listenerBotOptions: Array.isArray(s?.vcMeetingAgent?.listenerBotOptions) ? s.vcMeetingAgent.listenerBotOptions : [],
-            larkCliVersion: s?.vcMeetingAgent?.larkCliVersion === undefined ? undefined : (s.vcMeetingAgent.larkCliVersion ?? null),
-            larkCliMeetsRequirement: s?.vcMeetingAgent?.larkCliMeetsRequirement === true,
-            larkCliMinVersion: typeof s?.vcMeetingAgent?.larkCliMinVersion === 'string' ? s.vcMeetingAgent.larkCliMinVersion : undefined,
-        },
-        repoPickerMode: s?.repoPickerMode === 'repos' ? 'repos' : 'all',
-        maintenance: (s?.maintenance && typeof s.maintenance === 'object') ? s.maintenance : {},
-        localDevInstall: s?.localDevInstall === true,
-        autoUpdateSupported: s?.autoUpdateSupported !== false,
-        whiteboard: { enabled: s?.whiteboard?.enabled === true },
-        remoteAccess: s?.remoteAccess === true,
-        scheduleTimeZone: typeof s?.scheduleTimeZone === 'string' ? s.scheduleTimeZone : '',
-        hostTimeZone: typeof s?.hostTimeZone === 'string' && s.hostTimeZone ? s.hostTimeZone : 'UTC',
-        effectiveScheduleTimeZone: typeof s?.effectiveScheduleTimeZone === 'string' && s.effectiveScheduleTimeZone
-            ? s.effectiveScheduleTimeZone
-            : (typeof s?.scheduleTimeZone === 'string' && s.scheduleTimeZone
-                ? s.scheduleTimeZone
-                : (typeof s?.hostTimeZone === 'string' && s.hostTimeZone ? s.hostTimeZone : 'UTC')),
-    };
-}
-function taskUi(m, key) {
-    const task = m?.[key] ?? {};
-    return { enabled: task.enabled === true, time: typeof task.time === 'string' ? task.time : '04:00' };
-}
-function installKindLabel(kind, tr) {
-    if (kind === 'npm-global')
-        return tr('update.kindNpm');
-    if (kind === 'pnpm-global')
-        return tr('update.kindPnpm');
-    if (kind === 'yarn-global')
-        return tr('update.kindYarn');
-    if (kind === 'bun-global')
-        return tr('update.kindBun');
-    if (kind === 'source-checkout')
-        return tr('update.kindSource');
-    return tr('update.kindUnknown');
-}
-function SettingsPage() {
-    const tr = useT();
-    const mountedRef = useRef(false);
-    const timersRef = useRef(new Set());
-    const [settings, setSettings] = useState(null);
-    const [settingsLoaded, setSettingsLoaded] = useState(false);
-    const [loadError, setLoadError] = useState(null);
-    const [canWrite, setCanWrite] = useState(true);
-    const [bound, setBound] = useState(false);
-    const [savingKey, setSavingKey] = useState(null);
-    const [settingsMsg, setSettingsMsg] = useState(null);
-    const [feishuLoginQr, setFeishuLoginQr] = useState(null);
-    const [upStatus, setUpStatus] = useState(null);
-    const [upStatusError, setUpStatusError] = useState(null);
-    const [upChangelog, setUpChangelog] = useState(null);
-    const [upChangelogOpen, setUpChangelogOpen] = useState(false);
-    const [upChangelogOk, setUpChangelogOk] = useState(true);
-    const [upChangelogRateLimited, setUpChangelogRateLimited] = useState(false);
-    const [upReleasesUrl, setUpReleasesUrl] = useState('');
-    const [upBusy, setUpBusy] = useState(false);
-    const [upMsg, setUpMsg] = useState(null);
-    const clearTimers = useCallback(() => {
-        for (const id of timersRef.current)
-            window.clearTimeout(id);
-        timersRef.current.clear();
-    }, []);
-    const setTimer = useCallback((fn, ms) => {
-        const id = window.setTimeout(() => {
-            timersRef.current.delete(id);
-            fn();
-        }, ms);
-        timersRef.current.add(id);
-        return id;
-    }, []);
-    const fetchStatus = useCallback(async () => {
-        try {
-            const r = await fetch('/api/update/status');
-            const body = await r.json().catch(() => ({}));
-            if (!mountedRef.current)
-                return;
-            if (!r.ok) {
-                setUpStatus(null);
-                setUpStatusError(body?.error ?? `HTTP ${r.status}`);
-                return;
-            }
-            setUpStatus(body);
-            setUpStatusError(null);
-        }
-        catch (e) {
-            if (!mountedRef.current)
-                return;
-            setUpStatus(null);
-            setUpStatusError(e instanceof Error ? e.message : String(e));
-        }
-    }, []);
-    const loadSettings = useCallback(async () => {
-        try {
-            const r = await fetch('/api/settings');
-            const body = await r.json().catch(() => ({}));
-            if (!mountedRef.current)
-                return;
-            if (!r.ok) {
-                setSettings(null);
-                setLoadError(body?.error ?? `HTTP ${r.status}`);
-                setSettingsLoaded(true);
-                return;
-            }
-            setSettings(parseSettings(body.settings));
-            setCanWrite(body.authed === true);
-            setBound(body.bound === true);
-            setLoadError(null);
-            setSettingsLoaded(true);
-        }
-        catch (e) {
-            if (!mountedRef.current)
-                return;
-            setSettings(null);
-            setLoadError(e instanceof Error ? e.message : String(e));
-            setSettingsLoaded(true);
-        }
-    }, []);
-    useEffect(() => {
-        mountedRef.current = true;
-        void loadSettings();
-        return () => {
-            mountedRef.current = false;
-            clearTimers();
-        };
-    }, [clearTimers, loadSettings]);
-    useEffect(() => {
-        if (!settingsLoaded)
-            return;
-        setUpBusy(false);
-        setUpMsg(null);
-        setUpChangelogOpen(false);
-        if (canWrite)
-            void fetchStatus();
-    }, [canWrite, fetchStatus, settingsLoaded]);
-    async function saveSettings(key, payload, optimistic) {
-        if (!settings)
-            return;
-        const before = settings;
-        setSettings(optimistic(settings));
-        setSavingKey(key);
-        setSettingsMsg({ text: tr('settings.saving') });
-        try {
-            const r = await fetch('/api/settings', {
-                method: 'PUT',
-                headers: { 'content-type': 'application/json' },
-                body: JSON.stringify(payload),
-            });
-            const body = await r.json().catch(() => ({}));
-            if (!mountedRef.current)
-                return;
-            if (!r.ok || body.ok === false) {
-                if (typeof body?.feishuLoginQr === 'string' && body.feishuLoginQr)
-                    setFeishuLoginQr(body.feishuLoginQr);
-                throw new Error(body?.error ?? `HTTP ${r.status}`);
-            }
-            setFeishuLoginQr(null);
-            const saved = parseSettings(body.settings);
-            setSettings(saved);
-            ui.publicReadOnly = saved.publicReadOnly;
-            store.setScheduleTimeZone(saved.effectiveScheduleTimeZone);
-            // If this write triggered a live TraeX plugin install, surface its result
-            // instead of the generic "saved" toast.
-            const traexMsg = traexInstallMessage(body.herdrTraexInstall, tr);
-            setSettingsMsg(traexMsg ?? { text: tr('settings.saved'), cls: 'hint-ok' });
-        }
-        catch (e) {
-            if (!mountedRef.current)
-                return;
-            // The PUT may have committed before a proxy/browser timeout dropped its
-            // response (TraeX installation can legitimately take minutes). Re-read
-            // the server before deciding whether to roll back the optimistic state.
-            let reconciled = false;
-            try {
-                const confirmedResponse = await fetch('/api/settings');
-                const confirmedBody = await confirmedResponse.json().catch(() => ({}));
-                if (mountedRef.current && confirmedResponse.ok && confirmedBody?.settings) {
-                    const confirmed = parseSettings(confirmedBody.settings);
-                    setSettings(confirmed);
-                    ui.publicReadOnly = confirmed.publicReadOnly;
-                    store.setScheduleTimeZone(confirmed.effectiveScheduleTimeZone);
-                    reconciled = true;
-                }
-            }
-            catch { /* still offline: fall back to the pre-save snapshot */ }
-            if (!mountedRef.current)
-                return;
-            if (!reconciled)
-                setSettings(before);
-            const detail = e instanceof Error ? e.message : String(e);
-            setSettingsMsg({
-                text: reconciled
-                    ? `${tr('settings.saveReconciled')}: ${detail}`
-                    : `${tr('settings.saveFailed')}: ${detail}`,
-                cls: 'hint-warn-inline',
-            });
-        }
-        finally {
-            if (mountedRef.current)
-                setSavingKey(null);
-        }
-    }
-    async function loadChangelog() {
-        setUpChangelog(null);
-        setUpChangelogOk(true);
-        setUpChangelogRateLimited(false);
-        try {
-            const r = await fetch('/api/update/changelog');
-            const body = await r.json().catch(() => ({}));
-            if (!mountedRef.current)
-                return;
-            setUpReleasesUrl(typeof body?.releasesUrl === 'string' ? body.releasesUrl : '');
-            if (!r.ok) {
-                setUpChangelog([]);
-                setUpChangelogOk(false);
-            }
-            else {
-                setUpChangelog(Array.isArray(body.releases) ? body.releases : []);
-                setUpChangelogOk(body.ok !== false);
-                setUpChangelogRateLimited(body.rateLimited === true);
-            }
-        }
-        catch {
-            if (!mountedRef.current)
-                return;
-            setUpChangelog([]);
-            setUpChangelogOk(false);
-        }
-    }
-    function pollReconnect() {
-        const start = Date.now();
-        const tick = async () => {
-            if (!mountedRef.current)
-                return;
-            if (Date.now() - start > 90_000) {
-                setUpBusy(false);
-                setUpMsg({ text: tr('update.restartSlow'), cls: 'hint-warn-inline' });
-                return;
-            }
-            try {
-                const r = await fetch('/__health', { cache: 'no-store' });
-                if (!mountedRef.current)
-                    return;
-                if (r.ok) {
-                    location.reload();
-                    return;
-                }
-            }
-            catch { /* still down; keep polling */ }
-            if (mountedRef.current)
-                setTimer(() => void tick(), 2000);
-        };
-        setTimer(() => void tick(), 3000);
-    }
-    async function doRestart(updatePayload) {
-        setUpBusy(true);
-        setUpMsg({ text: tr('update.restarting') });
-        try {
-            const response = await fetch('/api/update/restart', {
-                method: 'POST',
-                headers: { 'content-type': 'application/json' },
-                body: JSON.stringify(updatePayload ? { update: updatePayload } : {}),
-            });
-            const body = await response.json().catch(() => ({}));
-            if (!response.ok || body.ok === false) {
-                throw new Error(String(body.detail ?? body.error ?? `HTTP ${response.status}`));
-            }
-            if (!mountedRef.current)
-                return;
-        }
-        catch (e) {
-            if (!mountedRef.current)
-                return;
-            setUpBusy(false);
-            setUpMsg({ text: tr('update.restartFailed', { detail: e instanceof Error ? e.message : String(e) }), cls: 'hint-warn-inline' });
-            return;
-        }
-        pollReconnect();
-    }
-    async function doUpdate() {
-        const s = upStatus;
-        if (!s)
-            return;
-        if (!s.node.ok) {
-            window.alert(tr('update.nodeTooOldAlert', { version: s.node.version, required: s.node.required }));
-            return;
-        }
-        if (!s.updateSupported || !s.updateCommand) {
-            window.alert(tr('update.unsupportedInstall'));
-            return;
-        }
-        if (s.installs.multiple) {
-            const paths = s.installs.entries.map(e => `• ${e.binPath} (${installKindLabel(e.kind, tr)})`).join('\n');
-            if (!window.confirm(tr('update.confirmMultiInstall', { paths })))
-                return;
-        }
-        const confirmMsg = s.latest
-            ? tr('update.confirmUpdate', { version: `v${s.latest}`, command: s.updateCommand })
-            : tr('update.confirmUpdateNoVer', { command: s.updateCommand });
-        if (!window.confirm(confirmMsg))
-            return;
-        setUpBusy(true);
-        setUpMsg({ text: tr('update.updating', { command: s.updateCommand }) });
-        try {
-            const r = await fetch('/api/update/run', { method: 'POST' });
-            const body = await r.json().catch(() => ({}));
-            if (!mountedRef.current)
-                return;
-            if (!r.ok || body.ok === false) {
-                const detail = body?.detail ?? body?.error ?? `HTTP ${r.status}`;
-                setUpBusy(false);
-                setUpMsg({ text: tr('update.updateFailed', { detail }), cls: 'hint-warn-inline' });
-                return;
-            }
-            if (body.changed) {
-                setUpBusy(false);
-                setUpMsg({ text: tr('update.updatedChanged', { old: `v${body.oldVersion}`, new: `v${body.newVersion}` }), cls: 'hint-ok' });
-                if (window.confirm(tr('update.confirmRestart'))) {
-                    await doRestart({ oldVersion: body.oldVersion, newVersion: body.newVersion });
-                }
-                else if (mountedRef.current) {
-                    setUpMsg({ text: tr('update.noRestartHint'), cls: 'hint-ok' });
-                }
-            }
-            else {
-                setUpBusy(false);
-                setUpMsg({ text: tr('update.alreadyLatestRun', { version: `v${body.newVersion}` }), cls: 'hint-ok' });
-                await fetchStatus();
-            }
-        }
-        catch (e) {
-            if (!mountedRef.current)
-                return;
-            setUpBusy(false);
-            setUpMsg({ text: tr('update.updateFailed', { detail: e instanceof Error ? e.message : String(e) }), cls: 'hint-warn-inline' });
-        }
-    }
-    const updateBlock = (_jsx(UpdateCard, { canWrite: canWrite, status: upStatus, statusError: upStatusError, changelog: upChangelog, changelogOpen: upChangelogOpen, changelogOk: upChangelogOk, changelogRateLimited: upChangelogRateLimited, releasesUrl: upReleasesUrl, busy: upBusy, message: upMsg, onCheck: () => {
-            setUpStatus(null);
-            setUpChangelog(null);
-            setUpChangelogOpen(false);
-            setUpMsg(null);
-            setUpStatusError(null);
-            void fetchStatus();
-        }, onToggleChangelog: () => {
-            const next = !upChangelogOpen;
-            setUpChangelogOpen(next);
-            if (next && upChangelog === null)
-                void loadChangelog();
-        }, onUpdate: () => void doUpdate(), onRestart: () => { if (window.confirm(tr('update.confirmPlainRestart')))
-            void doRestart(null); } }));
-    const settingsBody = settings ? (_jsx(SettingsBody, { settings: settings, canWrite: canWrite, bound: bound, savingKey: savingKey, message: settingsMsg, updateBlock: updateBlock, feishuLoginQr: feishuLoginQr, onCloseFeishuLoginQr: () => setFeishuLoginQr(null), onSave: saveSettings })) : loadError ? (_jsxs("p", { className: "hint-warn", children: [tr('settings.loadFailed'), ": ", loadError] })) : (_jsx(LoadingState, { label: tr('settings.loading') }));
-    return (_jsxs("section", { className: "page settings-page", children: [_jsx("div", { className: "page-heading", children: _jsxs("div", { children: [_jsx("p", { className: "eyebrow", children: tr('nav.settings') }), _jsx("h1", { children: tr('settings.title') })] }) }), settingsBody] }));
-}
-function SettingsBody(props) {
-    const tr = useT();
-    const { settings, canWrite, bound, savingKey } = props;
-    const dis = !canWrite;
-    const autoUpdate = taskUi(settings.maintenance, 'autoUpdate');
-    const autoUpdateDisabled = !canWrite || settings.localDevInstall || !settings.autoUpdateSupported;
-    const autoRestartDisabled = !canWrite || settings.maintenance.autoUpdate?.enabled !== true;
-    const saveBoolean = (key, value) => {
-        void props.onSave(key, { [key]: value }, s => ({ ...s, [key]: value }));
-    };
-    const saveHerdrTraexPlugin = (patch) => {
-        return props.onSave('herdrTraexPlugin', { herdrTraexPlugin: patch }, s => ({ ...s, herdrTraexPlugin: { ...s.herdrTraexPlugin, ...patch } }));
-    };
-    const saveCodexNotifier = (patch) => {
-        return props.onSave('codexNotifier', { codexNotifier: patch }, s => ({ ...s, codexNotifier: { ...s.codexNotifier, ...patch } }));
-    };
-    const saveHostOverloadAlert = (patch) => {
-        return props.onSave('hostOverloadAlert', { hostOverloadAlert: patch }, s => ({ ...s, hostOverloadAlert: { ...s.hostOverloadAlert, ...patch } }));
-    };
-    const repoModeOptions = useMemo(() => [
-        { value: 'all', label: tr('settings.repoPickerModeAll') },
-        { value: 'repos', label: tr('settings.repoPickerModeRepos') },
-    ], [tr]);
-    const localCliModeOptions = useMemo(() => [
-        { value: 'attach', label: tr('settings.localCliOpenModeAttach') },
-        { value: 'resume', label: tr('settings.localCliOpenModeResume') },
-    ], [tr]);
-    const vcListenerOptions = useMemo(() => [
-        { value: '', label: tr('settings.vcMeetingListenerBotAuto') },
-        ...settings.vcMeetingAgent.listenerBotOptions.map(bot => {
-            const label = bot.botName || bot.larkAppId;
-            const detail = bot.cliId ? ` · ${bot.cliId}` : '';
-            const suffixParts = [
-                bot.vcMeetingAgentEnabled === true ? undefined : tr('settings.vcMeetingListenerBotDisabled'),
-                bot.hasLarkCliProfile === true ? undefined : tr('settings.vcMeetingListenerBotNoProfile'),
-            ].filter(Boolean);
-            const suffix = suffixParts.length > 0 ? ` · ${suffixParts.join(' · ')}` : '';
-            return { value: bot.larkAppId, label: `${label}${detail}${suffix}` };
-        }),
-    ], [settings.vcMeetingAgent.listenerBotOptions, tr]);
-    return (_jsxs("div", { className: "settings-layout", children: [canWrite ? null : (_jsx("article", { className: "bd-card settings-card settings-alert-card", children: _jsx("p", { className: "hint-warn", children: tr('settings.readOnlyVisitor') }) })), _jsx(SettingsModule, { title: tr('settings.moduleGeneral'), description: tr('settings.moduleGeneralHelp'), children: _jsxs(SettingsGroup, { className: "settings-group-main", children: [_jsxs(SettingsBlock, { title: tr('settings.sectionAccess'), children: [_jsx(ToggleRow, { title: tr('settings.publicReadOnly'), help: tr('settings.publicReadOnlyHelp'), checked: settings.publicReadOnly, disabled: dis || savingKey === 'publicReadOnly', onChange: value => saveBoolean('publicReadOnly', value) }), bound ? (_jsx(ToggleRow, { title: tr('settings.remoteAccess'), help: tr('settings.remoteAccessHelp'), checked: settings.remoteAccess, disabled: dis || savingKey === 'remoteAccess', onChange: value => saveBoolean('remoteAccess', value) })) : null] }), _jsxs(SettingsBlock, { title: tr('settings.sectionCards'), children: [_jsx(ToggleRow, { title: tr('settings.openTerminalInFeishu'), help: tr('settings.openTerminalInFeishuHelp'), checked: settings.openTerminalInFeishu, disabled: dis || savingKey === 'openTerminalInFeishu', onChange: value => saveBoolean('openTerminalInFeishu', value) }), _jsx(ToggleRow, { title: tr('settings.enableLocalCliOpen'), help: tr('settings.enableLocalCliOpenHelp'), checked: settings.enableLocalCliOpen, disabled: dis || savingKey === 'enableLocalCliOpen', onChange: value => saveBoolean('enableLocalCliOpen', value) }), _jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.localCliOpenModeHelp'), children: tr('settings.localCliOpenMode') }), _jsx(DropdownMenu, { className: "settings-field-menu", ariaLabel: tr('settings.localCliOpenMode'), disabled: dis || !settings.enableLocalCliOpen || savingKey === 'localCliOpenMode', value: settings.localCliOpenMode, label: dropdownLabel(localCliModeOptions, settings.localCliOpenMode), options: localCliModeOptions, onChange: value => {
-                                                void props.onSave('localCliOpenMode', { localCliOpenMode: value }, s => ({ ...s, localCliOpenMode: value }));
-                                            } })] })] }), _jsx(SettingsBlock, { title: tr('settings.sectionGroupCreation'), children: _jsx(GroupNamePrefixRow, { value: settings.groupNamePrefix, disabled: dis || savingKey === 'groupNamePrefix', onSave: value => props.onSave('groupNamePrefix', { groupNamePrefix: value }, s => ({ ...s, groupNamePrefix: value })) }) }), _jsxs(SettingsBlock, { title: tr('settings.sectionExperimental'), children: [_jsx(ToggleRow, { title: tr('settings.chatBotDiscovery'), help: tr('settings.chatBotDiscoveryHelp'), checked: settings.chatBotDiscovery, disabled: dis || savingKey === 'chatBotDiscovery', onChange: value => saveBoolean('chatBotDiscovery', value) }), _jsx(ToggleRow, { title: tr('settings.herdrTraexPlugin'), help: tr('settings.herdrTraexPluginHelp'), checked: settings.herdrTraexPlugin.enabled, disabled: dis || savingKey === 'herdrTraexPlugin', onChange: value => saveHerdrTraexPlugin({ enabled: value }) }), settings.herdrTraexPlugin.enabled ? (_jsx(TraexPluginEditor, { value: settings.herdrTraexPlugin, disabled: dis || savingKey === 'herdrTraexPlugin', onSave: patch => saveHerdrTraexPlugin(patch) })) : null, _jsx(ToggleRow, { title: tr('settings.codexRpcInput'), help: tr('settings.codexRpcInputHelp'), checked: settings.codexRpcInput, disabled: dis || savingKey === 'codexRpcInput', onChange: value => saveBoolean('codexRpcInput', value) }), _jsx(ToggleRow, { title: tr('settings.bypassCodexHookTrust'), help: tr('settings.bypassCodexHookTrustHelp'), checked: settings.bypassCodexHookTrust, disabled: dis || savingKey === 'bypassCodexHookTrust', onChange: value => saveBoolean('bypassCodexHookTrust', value) }), _jsx(CodexNotifierSettingsEditor, { value: settings.codexNotifier, disabled: dis, saving: savingKey === 'codexNotifier', onSave: saveCodexNotifier }), _jsx(ToggleRow, { title: tr('settings.noVisibleOutputHint'), help: tr('settings.noVisibleOutputHintHelp'), checked: settings.noVisibleOutputHint, disabled: dis || savingKey === 'noVisibleOutputHint', onChange: value => saveBoolean('noVisibleOutputHint', value) })] }), _jsx(SettingsBlock, { title: tr('settings.sectionHostOverloadAlert'), children: _jsx(HostOverloadAlertSettingsEditor, { value: settings.hostOverloadAlert, disabled: dis, saving: savingKey === 'hostOverloadAlert', onSave: saveHostOverloadAlert }) }), _jsx(SettingsBlock, { title: tr('settings.sectionWhiteboard'), children: _jsx(ToggleRow, { title: tr('settings.whiteboardEnable'), help: tr('settings.whiteboardEnableHelp'), checked: settings.whiteboard.enabled, disabled: dis || savingKey === 'whiteboard', onChange: value => {
-                                    void props.onSave('whiteboard', { whiteboard: { enabled: value } }, s => ({ ...s, whiteboard: { enabled: value } }));
-                                } }) }), _jsx(SettingsBlock, { title: tr('settings.sectionRepoPicker'), children: _jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.repoPickerModeHelp'), children: tr('settings.repoPickerMode') }), _jsx(DropdownMenu, { className: "settings-field-menu", ariaLabel: tr('settings.repoPickerMode'), disabled: dis || savingKey === 'repoPickerMode', value: settings.repoPickerMode, label: dropdownLabel(repoModeOptions, settings.repoPickerMode), options: repoModeOptions, onChange: value => {
-                                            void props.onSave('repoPickerMode', { repoPickerMode: value }, s => ({ ...s, repoPickerMode: value }));
-                                        } })] }) }), _jsx(SettingsBlock, { title: tr('settings.sectionSchedule'), children: _jsx(TimeZoneRow, { value: settings.scheduleTimeZone, host: settings.hostTimeZone, effective: settings.effectiveScheduleTimeZone, disabled: dis || savingKey === 'scheduleTimeZone', onSave: tz => {
-                                    void props.onSave('scheduleTimeZone', { scheduleTimeZone: tz }, s => ({ ...s, scheduleTimeZone: tz ?? '' }));
-                                } }) })] }) }), _jsx(SettingsModule, { className: "settings-module-meeting", title: tr('settings.moduleMeeting'), description: tr('settings.moduleMeetingHelp'), children: _jsx(SettingsGroup, { className: "settings-group-meeting", children: _jsxs(SettingsBlock, { className: "settings-vc-block", title: tr('settings.sectionVcMeetingAgent'), children: [_jsx(ToggleRow, { title: tr('settings.vcMeetingAgent'), help: tr('settings.vcMeetingAgentHelp'), checked: settings.vcMeetingAgent.enabled, disabled: dis || savingKey === 'vcMeetingAgent', onChange: value => {
-                                    void props.onSave('vcMeetingAgent', { vcMeetingAgent: { enabled: value } }, s => ({ ...s, vcMeetingAgent: { ...s.vcMeetingAgent, enabled: value } }));
-                                } }), _jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.vcMeetingListenerBotHelp'), children: tr('settings.vcMeetingListenerBot') }), _jsx(DropdownMenu, { className: "settings-field-menu", ariaLabel: tr('settings.vcMeetingListenerBot'), disabled: dis || savingKey === 'vcMeetingAgent', value: settings.vcMeetingAgent.listenerBotAppId ?? '', label: dropdownLabel(vcListenerOptions, settings.vcMeetingAgent.listenerBotAppId ?? ''), options: vcListenerOptions, onChange: value => {
-                                            const next = value || null;
-                                            void props.onSave('vcMeetingAgent', { vcMeetingAgent: { listenerBotAppId: next } }, s => ({ ...s, vcMeetingAgent: { ...s.vcMeetingAgent, listenerBotAppId: next } }));
-                                        } })] }), _jsx(LarkCliStatus, { settings: settings.vcMeetingAgent }), _jsx(VcConsumerProfilesGate, { enabled: settings.vcMeetingAgent.enabled, canWrite: canWrite, listenerBotAppId: settings.vcMeetingAgent.listenerBotAppId, listenerBotOptions: settings.vcMeetingAgent.listenerBotOptions }), props.feishuLoginQr ? (_jsxs("div", { className: "settings-feishu-login", children: [_jsx("button", { type: "button", className: "settings-feishu-login-close", "aria-label": tr('settings.feishuLoginClose'), title: tr('settings.feishuLoginClose'), onClick: props.onCloseFeishuLoginQr }), _jsx("p", { children: tr('settings.feishuLoginRequired') }), _jsx("img", { src: props.feishuLoginQr, alt: tr('settings.feishuLoginQrAlt') })] })) : null] }) }) }), _jsx(SettingsModule, { title: tr('settings.moduleSystem'), description: tr('settings.moduleSystemHelp'), children: _jsxs(SettingsGroup, { className: "settings-group-ops", children: [_jsx(SettingsBlock, { title: tr('settings.sectionMaintenance'), titleExtra: settings.localDevInstall
-                                ? _jsx("span", { className: "settings-title-note", children: tr('settings.autoUpdateLocalDev') })
-                                : !settings.autoUpdateSupported
-                                    ? _jsx("span", { className: "settings-title-note", children: tr('settings.autoUpdateUnsupportedInstall') })
-                                    : null, children: _jsxs("div", { className: "settings-maintenance-grid", children: [_jsxs("div", { className: "settings-maintenance-update", children: [_jsx(ToggleRow, { title: tr('settings.autoUpdate'), help: tr('settings.autoUpdateHelp'), checked: autoUpdate.enabled, disabled: autoUpdateDisabled || savingKey === 'autoUpdate', onChange: value => {
-                                                    const task = { enabled: value, time: autoUpdate.time };
-                                                    void props.onSave('autoUpdate', { maintenance: { autoUpdate: task } }, s => ({
-                                                        ...s,
-                                                        maintenance: { ...s.maintenance, autoUpdate: task },
-                                                    }));
-                                                } }), _jsx("div", { className: "maint-time", children: _jsxs("label", { children: [_jsx("span", { children: tr('settings.maintenanceTime') }), _jsx("input", { type: "time", value: autoUpdate.time, disabled: autoUpdateDisabled || savingKey === 'autoUpdate', onChange: e => {
-                                                                const task = { enabled: autoUpdate.enabled, time: e.currentTarget.value || '04:00' };
-                                                                void props.onSave('autoUpdate', { maintenance: { autoUpdate: task } }, s => ({
-                                                                    ...s,
-                                                                    maintenance: { ...s.maintenance, autoUpdate: task },
-                                                                }));
-                                                            } })] }) })] }), _jsx("div", { className: "settings-maintenance-restart", children: _jsx(ToggleRow, { title: tr('settings.autoRestart'), help: tr('settings.autoRestartHelp'), checked: settings.maintenance.autoRestart?.enabled === true, disabled: autoRestartDisabled || savingKey === 'autoRestart', onChange: value => {
-                                                const task = { enabled: value };
-                                                void props.onSave('autoRestart', { maintenance: { autoRestart: task } }, s => ({
-                                                    ...s,
-                                                    maintenance: { ...s.maintenance, autoRestart: task },
-                                                }));
-                                            } }) })] }) }), props.updateBlock] }) }), _jsx("div", { className: "settings-status-row", children: _jsx("span", { className: `oncall-status ${props.message?.cls ?? ''}`, "data-settings-status": true, children: props.message?.text ?? '' }) })] }));
-}
-function SettingsModule(props) {
-    const cls = ['settings-module', props.className].filter(Boolean).join(' ');
-    return (_jsxs("section", { className: cls, children: [_jsxs("header", { className: "settings-module-heading", children: [_jsx("h2", { children: props.title }), _jsx("p", { children: props.description })] }), props.children] }));
-}
-function LarkCliStatus(props) {
-    const tr = useT();
-    const version = props.settings.larkCliVersion;
-    const ready = typeof version === 'string' && props.settings.larkCliMeetsRequirement === true;
-    const text = ready
-        ? tr('settings.larkCliReady', { version })
-        : typeof version === 'string'
-            ? tr('settings.larkCliOutdated', { version, minimum: props.settings.larkCliMinVersion ?? '-' })
-            : tr('settings.larkCliMissing');
-    return (_jsxs("div", { className: `settings-lark-cli-status ${ready ? 'is-ready' : 'is-warning'}`, children: [_jsx("span", { "aria-hidden": "true" }), _jsx("strong", { children: text }), ready ? null : _jsx("code", { children: "npm i -g @larksuite/cli@latest" })] }));
-}
-function SettingsGroup(props) {
-    const cls = ['settings-group', props.className].filter(Boolean).join(' ');
-    return (_jsx("section", { className: cls, children: _jsx("article", { className: "bd-card settings-group-card", children: props.children }) }));
-}
-function SettingsBlock(props) {
-    const cls = ['settings-block', props.className].filter(Boolean).join(' ');
-    return (_jsx("section", { className: cls, children: _jsxs("article", { className: "bd-card settings-card", children: [_jsxs("div", { className: "settings-block-title-row", children: [_jsx("h2", { className: "bd-section-title", children: props.title }), props.titleExtra ? _jsx("div", { className: "settings-block-title-extra", children: props.titleExtra }) : null] }), props.children] }) }));
-}
-export function CodexNotifierSettingsEditor(props) {
-    const tr = useT();
-    const [enableRequested, setEnableRequested] = useState(false);
-    const autoEnableStartedRef = useRef(false);
-    const botOptions = useMemo(() => [
-        { value: '', label: tr('settings.codexNotifierTargetPlaceholder') },
-        ...props.value.botOptions.map(bot => ({
-            value: bot.larkAppId,
-            label: [
-                bot.botName || bot.larkAppId,
-                bot.cliId,
-            ].filter(Boolean).join(' · '),
-        })),
-    ], [props.value.botOptions, tr]);
-    const timingOptions = useMemo(() => [
-        { value: 'locked_only', label: tr('settings.codexNotifierLockedOnly') },
-        { value: 'always', label: tr('settings.codexNotifierAlways') },
-    ], [tr]);
-    const selectedBot = props.value.botOptions
-        .find(bot => bot.larkAppId === props.value.targetBotAppId);
-    const enableBlocked = !props.value.targetBotAppId
-        || selectedBot?.recipientConfigured !== true
-        || selectedBot?.recipientVerified !== true
-        || !props.value.targetDaemonOnline
-        || (!props.value.platformSupported && props.value.notifyWhen === 'locked_only');
-    const showDetails = props.value.enabled || enableRequested;
-    const controlsDisabled = props.disabled || props.saving;
-    useEffect(() => {
-        if (!enableRequested || props.value.enabled || enableBlocked) {
-            autoEnableStartedRef.current = false;
-            return;
-        }
-        if (controlsDisabled || autoEnableStartedRef.current)
-            return;
-        autoEnableStartedRef.current = true;
-        void props.onSave({ enabled: true });
-    }, [
-        controlsDisabled,
-        enableBlocked,
-        enableRequested,
-        props.onSave,
-        props.value.enabled,
-    ]);
-    useEffect(() => {
-        if (props.value.enabled && enableRequested)
-            setEnableRequested(false);
-    }, [enableRequested, props.value.enabled]);
-    const setEnabled = (enabled) => {
-        if (!enabled) {
-            autoEnableStartedRef.current = false;
-            setEnableRequested(false);
-            if (props.value.enabled)
-                void props.onSave({ enabled: false });
-            return;
-        }
-        if (enableBlocked) {
-            setEnableRequested(true);
-            return;
-        }
-        void props.onSave({ enabled: true });
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(ToggleRow, { title: tr('settings.codexNotifier'), help: tr('settings.codexNotifierHelp'), checked: props.value.enabled || enableRequested, disabled: controlsDisabled, onChange: setEnabled }), showDetails ? (_jsxs("div", { className: "settings-codex-notifier-details", children: [!props.value.enabled ? (_jsx("p", { className: "settings-subfield-hint", children: tr('settings.codexNotifierEnablePending') })) : null, _jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.codexNotifierTargetHelp'), children: tr('settings.codexNotifierTarget') }), _jsx(DropdownMenu, { className: "settings-field-menu", ariaLabel: tr('settings.codexNotifierTarget'), disabled: controlsDisabled, searchable: true, value: props.value.targetBotAppId ?? '', label: dropdownLabel(botOptions, props.value.targetBotAppId ?? ''), options: botOptions, onChange: value => { void props.onSave({ targetBotAppId: value || null }); } })] }), selectedBot?.recipientHint ? (_jsx("p", { className: "settings-subfield-hint", children: tr('settings.codexNotifierRecipient', { recipient: selectedBot.recipientHint }) })) : null, _jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.codexNotifierNotifyWhenHelp'), children: tr('settings.codexNotifierNotifyWhen') }), _jsx(DropdownMenu, { className: "settings-field-menu", ariaLabel: tr('settings.codexNotifierNotifyWhen'), disabled: controlsDisabled, value: props.value.notifyWhen, label: dropdownLabel(timingOptions, props.value.notifyWhen), options: timingOptions, onChange: value => { void props.onSave({ notifyWhen: value }); } })] }), !props.value.targetBotAppId ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.codexNotifierTargetRequired') })) : selectedBot?.recipientConfigured !== true ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.codexNotifierRecipientMissing') })) : !props.value.targetDaemonOnline ? (_jsx("p", { className: "hint-warn-inline", children: tr(props.value.enabled
-                            ? 'settings.codexNotifierDaemonOffline'
-                            : 'settings.codexNotifierTargetOffline') })) : selectedBot?.recipientVerified !== true ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.codexNotifierRecipientUnverified') })) : !props.value.platformSupported && props.value.notifyWhen === 'locked_only' ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.codexNotifierUnsupported') })) : props.value.enabled ? (!props.value.hookInstalled ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.codexNotifierHookPending') })) : !props.value.workerOnline ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.codexNotifierWorkerPending') })) : props.value.lastError ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.codexNotifierLastError', { error: props.value.lastError.message }) })) : props.value.pendingCount > 0 ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.codexNotifierPending', { count: props.value.pendingCount }) })) : null) : null] })) : null] }));
-}
-export function HostOverloadAlertSettingsEditor(props) {
-    const tr = useT();
-    const controlsDisabled = props.disabled || props.saving;
-    const botOptions = useMemo(() => [
-        { value: '', label: tr('settings.hostOverloadAlertTargetPlaceholder') },
-        ...props.value.botOptions.map(bot => ({
-            value: bot.larkAppId,
-            label: [bot.botName || bot.larkAppId, bot.cliId].filter(Boolean).join(' · '),
-        })),
-    ], [props.value.botOptions, tr]);
-    const selectedBot = props.value.botOptions.find(bot => bot.larkAppId === props.value.targetBotAppId);
-    // Always show the target/threshold editor — even in the fresh default state
-    // (disabled + no target). Gating it behind enabled||target would deadlock a
-    // brand-new install: the dropdown would be hidden AND the toggle disabled
-    // (see below), leaving no way to pick a target. The toggle stays disabled
-    // until a target is chosen; the editor is how you choose one.
-    // Local draft for the threshold inputs so typing doesn't fire a save per keystroke.
-    const [loadDraft, setLoadDraft] = useState(String(props.value.enterLoadRatio));
-    const [memDraft, setMemDraft] = useState(String(Math.round(props.value.enterMemUsedFrac * 100)));
-    useEffect(() => { setLoadDraft(String(props.value.enterLoadRatio)); }, [props.value.enterLoadRatio]);
-    useEffect(() => { setMemDraft(String(Math.round(props.value.enterMemUsedFrac * 100))); }, [props.value.enterMemUsedFrac]);
-    const commitLoad = () => {
-        const n = Number(loadDraft);
-        if (Number.isFinite(n) && n > 0 && n !== props.value.enterLoadRatio)
-            void props.onSave({ enterLoadRatio: n });
-        else
-            setLoadDraft(String(props.value.enterLoadRatio));
-    };
-    const commitMem = () => {
-        const pct = Number(memDraft);
-        const frac = pct / 100;
-        if (Number.isFinite(pct) && pct > 0 && pct <= 100 && frac !== props.value.enterMemUsedFrac)
-            void props.onSave({ enterMemUsedFrac: frac });
-        else
-            setMemDraft(String(Math.round(props.value.enterMemUsedFrac * 100)));
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(ToggleRow, { title: tr('settings.hostOverloadAlert'), help: tr('settings.hostOverloadAlertHelp'), checked: props.value.enabled, disabled: controlsDisabled || (!props.value.enabled && !props.value.targetBotAppId), onChange: value => { void props.onSave({ enabled: value }); } }), _jsxs("div", { className: "settings-codex-notifier-details", children: [_jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.hostOverloadAlertTargetHelp'), children: tr('settings.hostOverloadAlertTarget') }), _jsx(DropdownMenu, { className: "settings-field-menu", ariaLabel: tr('settings.hostOverloadAlertTarget'), disabled: controlsDisabled, searchable: true, value: props.value.targetBotAppId ?? '', label: dropdownLabel(botOptions, props.value.targetBotAppId ?? ''), options: botOptions, onChange: value => { void props.onSave({ targetBotAppId: value || null }); } })] }), selectedBot?.recipientHint ? (_jsx("p", { className: "settings-subfield-hint", children: tr('settings.hostOverloadAlertRecipient', { recipient: selectedBot.recipientHint }) })) : null, _jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.hostOverloadAlertEnterLoadHelp'), children: tr('settings.hostOverloadAlertEnterLoad') }), _jsx("input", { type: "number", min: 0.1, step: 0.1, className: "settings-text-input", value: loadDraft, disabled: controlsDisabled, onChange: e => setLoadDraft(e.currentTarget.value), onBlur: commitLoad, onKeyDown: e => { if (e.key === 'Enter')
-                                    commitLoad(); } })] }), _jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.hostOverloadAlertEnterMemHelp'), children: tr('settings.hostOverloadAlertEnterMem') }), _jsx("input", { type: "number", min: 1, max: 100, step: 1, className: "settings-text-input", value: memDraft, disabled: controlsDisabled, onChange: e => setMemDraft(e.currentTarget.value), onBlur: commitMem, onKeyDown: e => { if (e.key === 'Enter')
-                                    commitMem(); } })] }), !props.value.targetBotAppId ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.hostOverloadAlertTargetRequired') })) : selectedBot?.recipientConfigured !== true ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.hostOverloadAlertRecipientMissing') })) : !props.value.targetDaemonOnline ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.hostOverloadAlertTargetOffline') })) : selectedBot?.recipientVerified !== true ? (_jsx("p", { className: "hint-warn-inline", children: tr('settings.hostOverloadAlertRecipientUnverified') })) : null] })] }));
-}
-export function TimeZoneRow(props) {
-    const tr = useT();
-    const value = props.value.trim();
-    const effective = props.effective || props.value.trim() || props.host;
-    const timeZoneOptions = useMemo(() => {
-        const zones = value && !COMMON_TIMEZONES.includes(value) ? [value, ...COMMON_TIMEZONES] : COMMON_TIMEZONES;
-        return [
-            { value: '', label: tr('settings.scheduleTimeZoneHost', { host: props.host }) },
-            ...zones.map(zone => ({ value: zone, label: zone })),
-        ];
-    }, [props.host, tr, value]);
-    return (_jsxs("div", { className: "settings-field-row settings-timezone-row", children: [_jsx(FieldTitle, { help: tr('settings.scheduleTimeZoneHelp', { host: props.host, effective }), children: tr('settings.scheduleTimeZone') }), _jsx(DropdownMenu, { className: "settings-field-menu settings-timezone-menu", ariaLabel: tr('settings.scheduleTimeZone'), value: value, label: dropdownLabel(timeZoneOptions, value), options: timeZoneOptions, disabled: props.disabled, onChange: next => props.onSave(next === '' ? null : next) })] }));
-}
-function ToggleRow(props) {
-    return (_jsxs("label", { className: "toggle-row", children: [_jsx("input", { type: "checkbox", checked: props.checked, disabled: props.disabled, onChange: e => props.onChange(e.currentTarget.checked) }), _jsx("span", { className: "switch", "aria-hidden": "true" }), _jsx("span", { className: "toggle-tx", children: _jsx("strong", { children: _jsx(FieldTitle, { className: "settings-toggle-title", help: props.help, children: props.title }) }) })] }));
-}
-const GROUP_NAME_PREFIX_INPUT_MAX_LENGTH = 32;
-export function GroupNamePrefixRow(props) {
-    const tr = useT();
-    const [draft, setDraft] = useState(props.value);
-    useEffect(() => setDraft(props.value), [props.value]);
-    const hasVisibleContent = draft.trim().length > 0;
-    const valid = draft === '' || hasVisibleContent;
-    const dirty = draft !== props.value;
-    const submit = () => {
-        if (props.disabled || !dirty || !valid)
-            return;
-        void props.onSave(draft);
-    };
-    return (_jsxs("div", { className: "settings-subfield settings-group-prefix-editor", children: [_jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.groupNamePrefixHelp'), children: tr('settings.groupNamePrefix') }), _jsx("input", { className: "settings-text-input", type: "text", value: draft, maxLength: GROUP_NAME_PREFIX_INPUT_MAX_LENGTH, placeholder: tr('settings.groupNamePrefixPlaceholder'), disabled: props.disabled, onChange: event => setDraft(event.currentTarget.value), onKeyDown: event => { if (event.key === 'Enter') {
-                            event.preventDefault();
-                            submit();
-                        } } })] }), _jsx("p", { className: "settings-subfield-hint", "data-group-name-prefix-preview": true, children: hasVisibleContent
-                    ? tr('settings.groupNamePrefixPreview', { name: `${draft}${tr('settings.groupNamePrefixPreviewName')}` })
-                    : tr('settings.groupNamePrefixDisabled') }), _jsx("div", { className: "actions", children: _jsx("button", { type: "button", className: "page-primary-action", disabled: props.disabled || !dirty || !valid, onClick: submit, children: tr('settings.groupNamePrefixSave') }) })] }));
-}
-function TraexPluginEditor(props) {
-    const tr = useT();
-    const [source, setSource] = useState(props.value.source);
-    const [ref, setRef] = useState(props.value.ref);
-    useEffect(() => {
-        setSource(props.value.source);
-        setRef(props.value.ref);
-    }, [props.value.source, props.value.ref]);
-    const normalizedSource = source.trim();
-    const normalizedRef = ref.trim();
-    const dirty = normalizedSource !== props.value.source.trim() || normalizedRef !== props.value.ref.trim();
-    const submit = () => {
-        if (props.disabled || !dirty)
-            return;
-        void props.onSave({ source: normalizedSource, ref: normalizedRef });
-    };
-    return (_jsxs("div", { className: "settings-subfield", children: [_jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.herdrTraexPluginSourceHelp'), children: tr('settings.herdrTraexPluginSource') }), _jsx("input", { className: "settings-text-input", type: "text", value: source, placeholder: tr('settings.herdrTraexPluginSourcePlaceholder'), disabled: props.disabled, onChange: event => setSource(event.currentTarget.value), onKeyDown: event => { if (event.key === 'Enter') {
-                            event.preventDefault();
-                            submit();
-                        } } })] }), _jsxs("div", { className: "settings-field-row", children: [_jsx(FieldTitle, { help: tr('settings.herdrTraexPluginRefHelp'), children: tr('settings.herdrTraexPluginRef') }), _jsx("input", { className: "settings-text-input", type: "text", value: ref, placeholder: tr('settings.herdrTraexPluginRefPlaceholder'), disabled: props.disabled, onChange: event => setRef(event.currentTarget.value), onKeyDown: event => { if (event.key === 'Enter') {
-                            event.preventDefault();
-                            submit();
-                        } } })] }), normalizedSource ? null : (_jsx("p", { className: "hint-warn-inline settings-subfield-hint", children: tr('settings.herdrTraexPluginSourceRequired') })), props.value.recommendedSource
-                && (normalizedSource !== props.value.recommendedSource || normalizedRef !== props.value.recommendedRef) ? (_jsxs("p", { className: "settings-subfield-hint", children: [tr('settings.herdrTraexPluginRecommended'), ' ', _jsxs("button", { type: "button", className: "settings-inline-link", disabled: props.disabled, onClick: () => {
-                            setSource(props.value.recommendedSource);
-                            setRef(props.value.recommendedRef);
-                        }, children: [props.value.recommendedSource, props.value.recommendedRef ? ` @ ${props.value.recommendedRef}` : ''] })] })) : null, _jsx("div", { className: "actions", children: _jsx("button", { type: "button", className: "page-primary-action", disabled: props.disabled || !dirty, onClick: submit, children: tr('settings.herdrTraexPluginSave') }) })] }));
-}
-function UpdateCard(props) {
-    const tr = useT();
-    let inner;
-    if (!props.canWrite) {
-        inner = _jsx("p", { className: "hint-warn", children: tr('update.loginRequired') });
-    }
-    else if (props.statusError) {
-        inner = (_jsxs(_Fragment, { children: [_jsxs("p", { className: "hint-warn", children: [tr('update.checkFailed'), ": ", props.statusError] }), _jsx("div", { className: "update-actions", children: _jsx("button", { type: "button", "data-up": "check", onClick: props.onCheck, children: tr('update.btnCheck') }) })] }));
-    }
-    else if (!props.status) {
-        inner = _jsx(LoadingState, { label: tr('update.loading'), compact: true });
-    }
-    else {
-        const s = props.status;
-        const updateDisabled = s.localDevInstall || !s.updateSupported || props.busy;
-        inner = (_jsxs(_Fragment, { children: [_jsxs("p", { className: "update-version", children: [_jsxs("span", { children: [tr('update.current'), ": ", _jsxs("strong", { children: ["v", s.current] })] }), ' ', _jsx(UpdateBadge, { status: s })] }), !s.node.ok ? _jsx("p", { className: "hint-warn", children: tr('update.nodeWarn', { version: s.node.version, required: s.node.required }) }) : null, !s.localDevInstall && !s.updateSupported ? _jsx("p", { className: "hint-warn", children: tr('update.unsupportedInstall') }) : null, s.installs.multiple ? _jsx(MultiInstallWarning, { entries: s.installs.entries }) : null, _jsxs("div", { className: "update-actions", children: [_jsx("button", { type: "button", "data-up": "check", disabled: props.busy, onClick: props.onCheck, children: tr('update.btnCheck') }), _jsx("button", { type: "button", "data-up": "changelog", disabled: props.busy, onClick: props.onToggleChangelog, children: props.changelogOpen ? tr('update.btnChangelogHide') : tr('update.btnChangelog') }), _jsx("button", { type: "button", className: "page-primary-action", "data-up": "update", disabled: updateDisabled, onClick: props.onUpdate, children: tr('update.btnUpdate') }), _jsx("button", { type: "button", "data-up": "restart", disabled: props.busy, onClick: props.onRestart, children: tr('update.btnRestart') })] }), s.cliUpdates?.length ? _jsx(CliRuntimeUpdates, { entries: s.cliUpdates }) : null, props.changelogOpen ? (_jsx(ChangelogPanel, { changelog: props.changelog, ok: props.changelogOk, rateLimited: props.changelogRateLimited, releasesUrl: props.releasesUrl })) : null, props.message ? _jsx("p", { className: `oncall-status ${props.message.cls ?? ''}`, children: props.message.text }) : null] }));
-    }
-    return (_jsx(SettingsBlock, { className: "settings-update-block", title: tr('update.section'), titleExtra: props.status?.localDevInstall
-            ? _jsx("span", { className: "settings-title-note", children: tr('update.localDev') })
-            : props.status && !props.status.updateSupported
-                ? _jsx("span", { className: "settings-title-note", children: tr('update.unsupportedInstall') })
-                : null, children: inner }));
-}
-function CliRuntimeUpdates(props) {
-    const tr = useT();
-    return (_jsxs("div", { className: "cli-runtime-updates", children: [_jsx("strong", { children: tr('update.runtimeTitle') }), _jsx("ul", { children: props.entries.map(entry => (_jsxs("li", { className: entry.updateAvailable ? 'is-behind' : '', children: [_jsxs("div", { className: "cli-runtime-update-head", children: [_jsx("span", { children: entry.displayName }), entry.updateAvailable && entry.latest ? (_jsx("span", { className: "update-badge update-badge-new", children: tr('update.runtimeAvailable', { current: entry.current ?? '?', latest: entry.latest }) })) : !entry.managed ? (_jsx("span", { className: "hint-warn-inline", children: tr('update.runtimeUnmanaged') })) : entry.latest ? (_jsx("span", { className: "update-badge update-badge-ok", children: tr('update.upToDate') })) : (_jsx("span", { className: "hint-warn-inline", children: tr('update.checkUnavailable') }))] }), _jsx("code", { children: entry.binPath }), entry.updateAvailable && entry.updateCommand ? (_jsxs("small", { children: [tr('update.runtimeCommand'), ": ", _jsx("code", { children: entry.updateCommand })] })) : null] }, `${entry.runtimeId}:${entry.binPath}`))) }), _jsx("p", { className: "settings-help", children: tr('update.runtimeHelp') })] }));
-}
-function UpdateBadge(props) {
-    const tr = useT();
-    const s = props.status;
-    if (!s.latest)
-        return _jsx("span", { className: "hint-warn-inline", children: tr('update.checkUnavailable') });
-    return s.behind
-        ? _jsx("span", { className: "update-badge update-badge-new", children: tr('update.newAvailable', { version: `v${s.latest}` }) })
-        : _jsx("span", { className: "update-badge update-badge-ok", children: tr('update.upToDate') });
-}
-function MultiInstallWarning(props) {
-    const tr = useT();
-    return (_jsxs("div", { className: "hint-warn", children: [_jsx("p", { children: tr('update.multiInstallWarn') }), _jsx("ul", { className: "update-install-list", children: props.entries.map(e => (_jsxs("li", { children: [_jsx("code", { children: e.binPath }), ' → ', installKindLabel(e.kind, tr), " ", _jsx("small", { children: e.root })] }, `${e.binPath}:${e.root}`))) })] }));
-}
-function ChangelogPanel(props) {
-    const tr = useT();
-    if (props.changelog === null)
-        return _jsx(LoadingState, { label: tr('update.changelogLoading'), compact: true });
-    if (!props.ok) {
-        const reason = props.rateLimited ? tr('update.changelogRateLimited') : tr('update.changelogFailed');
-        return (_jsxs("p", { className: "hint-warn-inline", children: [reason, props.releasesUrl ? _jsxs(_Fragment, { children: [" ", _jsx("a", { href: props.releasesUrl, target: "_blank", rel: "noopener", children: tr('update.changelogViewOnGitHub') })] }) : null] }));
-    }
-    if (props.changelog.length === 0)
-        return _jsx("p", { className: "empty", children: tr('update.changelogEmpty') });
-    return (_jsx("div", { className: "update-changelog", children: props.changelog.map(r => {
-            const title = r.name && r.name !== `v${r.version}` ? r.name : '';
-            const date = r.publishedAt ? new Date(r.publishedAt).toLocaleDateString() : '';
-            return (_jsxs("details", { className: "update-release", open: true, children: [_jsxs("summary", { children: [_jsxs("strong", { children: ["v", r.version] }), " ", title, " ", _jsx("small", { children: date }), ' ', _jsx("a", { href: r.url, target: "_blank", rel: "noopener", children: "\u2197" })] }), _jsx("pre", { className: "update-release-body", children: r.body || '' })] }, r.version));
-        }) }));
-}
-export function renderSettingsPage(root) {
-    return mountReactPage(root, _jsx(SettingsPage, {}));
-}
-//# sourceMappingURL=settings-page.js.map