botmux 2.111.0 → 2.112.0

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

@@ -4,7 +4,8 @@ import { createPortal } from 'react-dom';
 import { IDLE_CLEANUP_HOUR_OPTIONS, parseIdleCleanupHours, selectIdleCleanupCandidates, } from '../session-cleanup.js';
 import { mountReactPage } from './react-mount.js';
 import { useStoreSelector, useT } from './react-hooks.js';
-import { KANBAN_TEAM_STORAGE_KEY, normalizeSessionsViewMode, readStoredBoardOrder, readStoredKanbanGroupBy, readStoredSessionsShowUnknownChats, readStoredSessionsViewMode, writeStoredBoardOrder, writeStoredKanbanGroupBy, writeStoredSessionsShowUnknownChats, writeStoredSessionsViewMode, } from './preferences.js';
+import { KANBAN_TEAM_STORAGE_KEY, normalizeSessionsViewMode, readStoredBoardOrder, readStoredCreateKeepOpen, readStoredKanbanGroupBy, readStoredSessionsShowUnknownChats, readStoredSessionsViewMode, writeStoredBoardOrder, writeStoredCreateKeepOpen, writeStoredKanbanGroupBy, writeStoredSessionsShowUnknownChats, writeStoredSessionsViewMode, } from './preferences.js';
+import { OPEN_CREATE_SESSION_EVENT, consumePendingCreateSession } from './create-session-entry.js';
 import { BOARD_COLUMNS, CLI_FILTER_OPTIONS, ICON, SESSION_STATUS_OPTIONS, canRestartSession, cssToken, deriveSessionBoardColumn, fetchPickerBots, formatTokenCount, historySenderKey, isUnknownChatSession, lockActionLabel, openWriteLink, repoBasename, restartConfirmMessage, sessionLocationText, sessionLocationTitle, sessionRuntimeCounts, sessionSearchText, sessionStatusText, shouldOpenWritableTerminal, terminalHref, tokenCount, } from './sessions.js';
 import { addMonitorRoomSessionIds, monitorRoomUrl } from './monitor-room-store.js';
 import { CreateActionButton, DropdownMenu, LoadingState } from './dashboard-components.js';
@@ -227,7 +228,10 @@ function SessionsFilters(props) {
         ...props.chatOptions,
     ];
     const chatLabel = chatOptions.find(option => option.value === props.filters.chat)?.label ?? t('sessions.chatAny');
-    return (_jsxs("form", { id: "filters", className: "filters dashboard-toolbar sessions-filters", onSubmit: event => event.preventDefault(), children: [_jsx("input", { type: "search", name: "q", placeholder: t('sessions.search'), value: props.filters.q, onChange: event => props.setFilters(prev => ({ ...prev, q: event.currentTarget.value })) }), _jsx(DropdownMenu, { label: statusLabel, value: props.filters.status, options: statusOptions, onChange: value => props.setFilters(prev => ({ ...prev, status: value })) }), _jsx(DropdownMenu, { label: adoptLabel, value: props.filters.adopt, options: adoptOptions, onChange: value => props.setFilters(prev => ({ ...prev, adopt: value })) }), _jsx(DropdownMenu, { ariaLabel: t('sessions.location'), label: chatLabel, value: props.filters.chat, options: chatOptions, onChange: value => props.setFilters(prev => ({ ...prev, chat: value })) }), _jsx(CliFilterGroup, { selected: props.filters.cli, onToggle: (cli, checked) => {
+    return (_jsxs("form", { id: "filters", className: "filters dashboard-toolbar sessions-filters", onSubmit: event => event.preventDefault(), children: [_jsx("input", { type: "search", name: "q", placeholder: t('sessions.search'), value: props.filters.q, onChange: event => {
+                    const q = event.currentTarget.value;
+                    props.setFilters(prev => ({ ...prev, q }));
+                } }), _jsx(DropdownMenu, { label: statusLabel, value: props.filters.status, options: statusOptions, onChange: value => props.setFilters(prev => ({ ...prev, status: value })) }), _jsx(DropdownMenu, { label: adoptLabel, value: props.filters.adopt, options: adoptOptions, onChange: value => props.setFilters(prev => ({ ...prev, adopt: value })) }), _jsx(DropdownMenu, { ariaLabel: t('sessions.location'), label: chatLabel, value: props.filters.chat, options: chatOptions, onChange: value => props.setFilters(prev => ({ ...prev, chat: value })) }), _jsx(CliFilterGroup, { selected: props.filters.cli, onToggle: (cli, checked) => {
                     props.setFilters(prev => {
                         const next = new Set(prev.cli);
                         if (checked)
@@ -240,7 +244,10 @@ function SessionsFilters(props) {
                             const checked = event.currentTarget.checked;
                             writeStoredSessionsShowUnknownChats(windowStorage(), checked);
                             props.setFilters(prev => ({ ...prev, showUnknownChats: checked }));
-                        } }), _jsx("span", { className: "filter-toggle-label", children: t('sessions.showUnknownChats') }), _jsx("span", { className: "filter-toggle-switch", "aria-hidden": "true" })] }), _jsxs("label", { className: "filter-toggle", children: [_jsx("input", { type: "checkbox", name: "active", checked: props.filters.active, onChange: event => props.setFilters(prev => ({ ...prev, active: event.currentTarget.checked })) }), _jsx("span", { className: "filter-toggle-label", children: t('sessions.activeOnly') }), _jsx("span", { className: "filter-toggle-switch", "aria-hidden": "true" })] }), _jsx(IdleCleanupBar, { ...props.idleCleanup })] }));
+                        } }), _jsx("span", { className: "filter-toggle-label", children: t('sessions.showUnknownChats') }), _jsx("span", { className: "filter-toggle-switch", "aria-hidden": "true" })] }), _jsxs("label", { className: "filter-toggle", children: [_jsx("input", { type: "checkbox", name: "active", checked: props.filters.active, onChange: event => {
+                            const active = event.currentTarget.checked;
+                            props.setFilters(prev => ({ ...prev, active }));
+                        } }), _jsx("span", { className: "filter-toggle-label", children: t('sessions.activeOnly') }), _jsx("span", { className: "filter-toggle-switch", "aria-hidden": "true" })] }), _jsx(IdleCleanupBar, { ...props.idleCleanup })] }));
 }
 function BulkBar(props) {
     const busy = !!props.closeProgress || !!props.lockProgress;
@@ -665,6 +672,9 @@ function CreateSessionDialog(props) {
     const [bindWorkingDir, setBindWorkingDir] = useState('');
     const [advancedOpen, setAdvancedOpen] = useState(false);
     const [submitting, setSubmitting] = useState(false);
+    const [botQuery, setBotQuery] = useState('');
+    const [keepOpen, setKeepOpen] = useState(() => readStoredCreateKeepOpen(windowStorage()));
+    const [keptSuccess, setKeptSuccess] = useState(null);
     useEffect(() => {
         if (!state)
             return;
@@ -677,6 +687,8 @@ function CreateSessionDialog(props) {
         setBindWorkingDir('');
         setAdvancedOpen(false);
         setSubmitting(false);
+        setBotQuery('');
+        setKeptSuccess(null);
     }, [state]);
     if (!state)
         return null;
@@ -695,6 +707,10 @@ function CreateSessionDialog(props) {
     const checkedIds = [...selectedBots];
     const leadOptions = checkedIds;
     const nameOf = (id) => bots.find(bot => bot.larkAppId === id)?.botName ?? id;
+    const botQueryNorm = botQuery.trim().toLowerCase();
+    const visibleBots = botQueryNorm
+        ? bots.filter(bot => bot.botName.toLowerCase().includes(botQueryNorm) || bot.larkAppId.toLowerCase().includes(botQueryNorm))
+        : bots;
     const submit = async (event) => {
         event.preventDefault();
         const text = content.trim();
@@ -712,6 +728,7 @@ function CreateSessionDialog(props) {
             return;
         }
         setSubmitting(true);
+        setKeptSuccess(null);
         try {
             const r = await fetch('/api/sessions/create', {
                 method: 'POST',
@@ -727,8 +744,17 @@ function CreateSessionDialog(props) {
                 }),
             });
             const body = await r.json().catch(() => null);
-            if (r.ok && body?.ok)
-                props.onSuccess(body);
+            if (r.ok && body?.ok) {
+                if (keepOpen) {
+                    // 连续创建：不切成功页、不关弹窗，保留机器人勾选等配置，清空内容/群名继续下一条
+                    setKeptSuccess(body);
+                    setContent('');
+                    setName('');
+                }
+                else {
+                    props.onSuccess(body);
+                }
+            }
             else if (r.status !== 401)
                 alert(`${t('sessions.create.failed')}: ${body?.error ?? r.status}`);
         }
@@ -739,19 +765,27 @@ function CreateSessionDialog(props) {
             setSubmitting(false);
         }
     };
-    return (_jsxs("article", { className: "cs-card", children: [_jsx("header", { className: "cs-header", children: _jsx("h3", { children: t('sessions.create.title') }) }), _jsxs("form", { id: "cs-form", onSubmit: submit, children: [_jsxs("fieldset", { className: "cs-content", children: [_jsx("legend", { children: t('sessions.create.content') }), _jsx("textarea", { name: "content", rows: 5, placeholder: t('sessions.create.contentPlaceholder'), required: true, value: content, onChange: event => setContent(event.currentTarget.value) })] }), _jsxs("fieldset", { className: "cs-bots", children: [_jsx("legend", { children: t('sessions.create.bots') }), bots.length ? (_jsx("div", { className: "cs-bot-list", children: bots.map(bot => (_jsxs("label", { className: "cs-bot", children: [_jsx("input", { type: "checkbox", name: "bot", value: bot.larkAppId, checked: selectedBots.has(bot.larkAppId), onChange: event => {
-                                                const checked = event.currentTarget.checked;
-                                                setSelectedBots(prev => {
-                                                    const next = new Set(prev);
-                                                    if (checked)
-                                                        next.add(bot.larkAppId);
-                                                    else
-                                                        next.delete(bot.larkAppId);
-                                                    if (!next.has(lead))
-                                                        setLead(next.values().next().value ?? '');
-                                                    return next;
-                                                });
-                                            } }), " ", _jsx("span", { children: bot.botName })] }, bot.larkAppId))) })) : _jsx("p", { className: "cs-empty", children: t('sessions.create.noBots') })] }), _jsxs("fieldset", { className: "cs-mode", children: [_jsx("legend", { children: t('sessions.create.mode') }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "mode", value: "lead", checked: mode === 'lead', onChange: () => setMode('lead') }), " ", t('sessions.create.modeLead')] }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "mode", value: "all", checked: mode === 'all', onChange: () => setMode('all') }), " ", t('sessions.create.modeAll')] }), _jsx("small", { children: t('sessions.create.modeHelp') })] }), _jsxs("fieldset", { className: "cs-lead-row", hidden: mode !== 'lead', children: [_jsx("legend", { children: t('sessions.create.lead') }), _jsx("select", { name: "lead", disabled: leadOptions.length === 0, value: leadOptions.includes(lead) ? lead : '', onChange: event => setLead(event.currentTarget.value), children: leadOptions.length ? leadOptions.map(id => _jsx("option", { value: id, children: nameOf(id) }, id)) : (_jsx("option", { value: "", disabled: true, children: t('sessions.create.leadPickFirst') })) }), _jsx("small", { children: t('sessions.create.leadHelp') })] }), _jsxs("fieldset", { className: "cs-column", children: [_jsx("legend", { children: t('sessions.create.column') }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "column", value: "in_progress", checked: column === 'in_progress', onChange: () => setColumn('in_progress') }), " ", t('sessions.create.columnInProgress')] }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "column", value: "backlog", checked: column === 'backlog', onChange: () => setColumn('backlog') }), " ", t('sessions.create.columnBacklog')] }), _jsx("small", { children: t('sessions.create.columnHelp') })] }), _jsxs("fieldset", { className: `cs-advanced${advancedOpen ? ' open' : ''}`, children: [_jsx("legend", { children: _jsx("button", { type: "button", id: "cs-advanced-title", className: "cs-advanced-title", "aria-expanded": advancedOpen, "aria-controls": "cs-advanced-fields", onClick: () => setAdvancedOpen(open => !open), children: t('sessions.create.optionalConfig') }) }), advancedOpen ? (_jsxs("div", { id: "cs-advanced-fields", className: "cs-advanced-fields", children: [_jsxs("label", { className: "cs-advanced-field", children: [_jsx("span", { children: t('sessions.create.groupName') }), _jsx("input", { className: "cs-pill-input", type: "text", name: "name", maxLength: 60, placeholder: t('sessions.create.groupNamePlaceholder'), value: name, onChange: event => setName(event.currentTarget.value) })] }), _jsxs("label", { className: "cs-advanced-field", children: [_jsx("span", { children: t('sessions.create.workingDir') }), _jsx("input", { className: "cs-pill-input", type: "text", name: "bindWorkingDir", placeholder: "e.g. ~/projects/foo", value: bindWorkingDir, onChange: event => setBindWorkingDir(event.currentTarget.value) }), _jsx("small", { children: t('sessions.create.workingDirHelp') })] })] })) : null] }), _jsxs("div", { className: "actions cs-actions", children: [_jsx("button", { type: "button", id: "cs-cancel", onClick: props.onClose, children: t('sessions.create.cancel') }), _jsx("button", { type: "submit", className: "cs-submit", disabled: submitting || bots.length === 0, children: submitting ? t('sessions.create.submitting') : t('sessions.create.submit') })] })] })] }));
+    return (_jsxs("article", { className: "cs-card", children: [_jsx("header", { className: "cs-header", children: _jsx("h3", { children: t('sessions.create.title') }) }), _jsxs("form", { id: "cs-form", onSubmit: submit, children: [_jsxs("fieldset", { className: "cs-content", children: [_jsx("legend", { children: t('sessions.create.content') }), _jsx("textarea", { name: "content", rows: 5, placeholder: t('sessions.create.contentPlaceholder'), required: true, value: content, onChange: event => setContent(event.currentTarget.value) })] }), _jsxs("fieldset", { className: "cs-bots", children: [_jsx("legend", { children: t('sessions.create.bots') }), bots.length ? (_jsxs(_Fragment, { children: [_jsx("input", { className: "cs-bot-search", type: "search", name: "botSearch", placeholder: t('sessions.create.botSearchPlaceholder'), "aria-label": t('sessions.create.botSearchPlaceholder'), value: botQuery, onChange: event => setBotQuery(event.currentTarget.value) }), visibleBots.length ? (_jsx("div", { className: "cs-bot-list", children: visibleBots.map(bot => (_jsxs("label", { className: "cs-bot", children: [_jsx("input", { type: "checkbox", name: "bot", value: bot.larkAppId, checked: selectedBots.has(bot.larkAppId), onChange: event => {
+                                                        const checked = event.currentTarget.checked;
+                                                        setSelectedBots(prev => {
+                                                            const next = new Set(prev);
+                                                            if (checked)
+                                                                next.add(bot.larkAppId);
+                                                            else
+                                                                next.delete(bot.larkAppId);
+                                                            if (!next.has(lead))
+                                                                setLead(next.values().next().value ?? '');
+                                                            return next;
+                                                        });
+                                                    } }), " ", _jsx("span", { children: bot.botName })] }, bot.larkAppId))) })) : _jsx("p", { className: "cs-empty", children: t('sessions.create.noBotMatch') }), checkedIds.length ? _jsx("small", { children: t('sessions.create.selectedCount', { n: String(checkedIds.length) }) }) : null] })) : _jsx("p", { className: "cs-empty", children: t('sessions.create.noBots') })] }), _jsxs("fieldset", { className: "cs-mode", children: [_jsx("legend", { children: t('sessions.create.mode') }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "mode", value: "lead", checked: mode === 'lead', onChange: () => setMode('lead') }), " ", t('sessions.create.modeLead')] }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "mode", value: "all", checked: mode === 'all', onChange: () => setMode('all') }), " ", t('sessions.create.modeAll')] }), _jsx("small", { children: t('sessions.create.modeHelp') })] }), _jsxs("fieldset", { className: "cs-lead-row", hidden: mode !== 'lead', children: [_jsx("legend", { children: t('sessions.create.lead') }), _jsx("select", { name: "lead", disabled: leadOptions.length === 0, value: leadOptions.includes(lead) ? lead : '', onChange: event => setLead(event.currentTarget.value), children: leadOptions.length ? leadOptions.map(id => _jsx("option", { value: id, children: nameOf(id) }, id)) : (_jsx("option", { value: "", disabled: true, children: t('sessions.create.leadPickFirst') })) }), _jsx("small", { children: t('sessions.create.leadHelp') })] }), _jsxs("fieldset", { className: "cs-column", children: [_jsx("legend", { children: t('sessions.create.column') }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "column", value: "in_progress", checked: column === 'in_progress', onChange: () => setColumn('in_progress') }), " ", t('sessions.create.columnInProgress')] }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "column", value: "backlog", checked: column === 'backlog', onChange: () => setColumn('backlog') }), " ", t('sessions.create.columnBacklog')] }), _jsx("small", { children: t('sessions.create.columnHelp') })] }), _jsxs("fieldset", { className: `cs-advanced${advancedOpen ? ' open' : ''}`, children: [_jsx("legend", { children: _jsx("button", { type: "button", id: "cs-advanced-title", className: "cs-advanced-title", "aria-expanded": advancedOpen, "aria-controls": "cs-advanced-fields", onClick: () => setAdvancedOpen(open => !open), children: t('sessions.create.optionalConfig') }) }), advancedOpen ? (_jsxs("div", { id: "cs-advanced-fields", className: "cs-advanced-fields", children: [_jsxs("label", { className: "cs-advanced-field", children: [_jsx("span", { children: t('sessions.create.groupName') }), _jsx("input", { className: "cs-pill-input", type: "text", name: "name", maxLength: 60, placeholder: t('sessions.create.groupNamePlaceholder'), value: name, onChange: event => setName(event.currentTarget.value) })] }), _jsxs("label", { className: "cs-advanced-field", children: [_jsx("span", { children: t('sessions.create.workingDir') }), _jsx("input", { className: "cs-pill-input", type: "text", name: "bindWorkingDir", placeholder: "e.g. ~/projects/foo", value: bindWorkingDir, onChange: event => setBindWorkingDir(event.currentTarget.value) }), _jsx("small", { children: t('sessions.create.workingDirHelp') })] })] })) : null] }), keptSuccess ? (_jsxs("p", { className: "cs-keep-success", role: "status", children: [_jsxs("span", { children: [keptSuccess.column === 'backlog' ? t('sessions.create.doneBacklog') : t('sessions.create.doneInProgress'), Array.isArray(keptSuccess.failed) && keptSuccess.failed.length > 0
+                                        ? ` · ${t('sessions.create.partialFail', { n: String(keptSuccess.failed.length) })}`
+                                        : ''] }), typeof keptSuccess.shareLink === 'string' && keptSuccess.shareLink
+                                ? _jsx("a", { href: keptSuccess.shareLink, target: "_blank", rel: "noopener", children: t('sessions.create.openChat') })
+                                : null] })) : null, _jsxs("div", { className: "actions cs-actions", children: [_jsxs("label", { className: "cs-keep-open", title: t('sessions.create.keepOpenHelp'), children: [_jsx("input", { type: "checkbox", name: "keepOpen", checked: keepOpen, onChange: event => {
+                                            const next = event.currentTarget.checked;
+                                            setKeepOpen(next);
+                                            writeStoredCreateKeepOpen(windowStorage(), next);
+                                        } }), _jsx("span", { children: t('sessions.create.keepOpen') })] }), _jsx("button", { type: "button", id: "cs-cancel", onClick: props.onClose, children: t('sessions.create.cancel') }), _jsx("button", { type: "submit", className: "cs-submit", disabled: submitting || bots.length === 0, children: submitting ? t('sessions.create.submitting') : t('sessions.create.submit') })] })] })] }));
 }
 function SessionsPage() {
     useT();
@@ -1562,6 +1596,18 @@ function SessionsPage() {
                 setCreateLoading(false);
         }
     };
+    // 侧边菜单「创建会话」入口：已在本页时收事件直接打开；跨页跳转时消费挂载前的 pending
+    useEffect(() => {
+        const maybeOpenFromEntry = () => {
+            if (consumePendingCreateSession() && ui.authed)
+                void openCreateSession();
+        };
+        maybeOpenFromEntry();
+        window.addEventListener(OPEN_CREATE_SESSION_EVENT, maybeOpenFromEntry);
+        return () => window.removeEventListener(OPEN_CREATE_SESSION_EVENT, maybeOpenFromEntry);
+        // openCreateSession 只碰稳定的 ref/setState，取首次渲染的闭包即可
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return (_jsxs("section", { className: "page sessions-page", children: [_jsxs("div", { className: "page-heading", children: [_jsxs("div", { className: "sessions-heading-main", children: [_jsx("p", { className: "eyebrow", children: t('nav.sessions') }), _jsx("h1", { children: t('sessions.title') }), _jsxs("div", { className: "sessions-view-controls", children: [_jsx("div", { className: "segmented sessions-view-toggle", role: "group", "aria-label": t('sessions.viewMode'), children: [
                                             ['kanban', t('sessions.viewKanban')],
                                             ['board', t('sessions.viewBoard')],