botmux 3.12.1 → 3.13.0

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

@@ -6,9 +6,10 @@ import { mountReactPage } from './react-mount.js';
 import { useStoreSelector, useT } from './react-hooks.js';
 import { copyText } from './clipboard.js';
 import { FeedGroupPicker } from './feed-group-picker.js';
+import { BotMultiSelect } from './bot-multi-select.js';
 import { KANBAN_TEAM_STORAGE_KEY, normalizeSessionsViewMode, readStoredBoardOrder, readStoredCreateKeepOpen, readStoredHiddenTableColumns, readStoredKanbanGroupBy, readStoredSessionsShowUnknownChats, readStoredSessionsViewMode, writeStoredBoardOrder, writeStoredCreateKeepOpen, writeStoredHiddenTableColumns, 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, groupSessionsByTopic, historySenderKey, isUnknownChatSession, lockActionLabel, openWriteLink, copySpawnCommand, repoBasename, restartConfirmMessage, sessionLocationText, sessionLocationTitle, sessionExchangePreview, sessionRuntimeCounts, sessionSearchText, sessionTopicKey, sessionStatusText, shouldOpenWritableTerminal, previewOverlayReducer, previewOverlayInitialState, terminalHref, tokenCount, } from './sessions.js';
+import { BOARD_COLUMNS, CLI_FILTER_OPTIONS, ICON, SESSION_STATUS_OPTIONS, canRestartSession, cssToken, deriveSessionBoardColumn, fetchPickerBots, formatTokenCount, groupSessionsByTopic, historySenderKey, isUnknownChatSession, lockActionLabel, openWriteLink, copySpawnCommand, repoBasename, restartConfirmMessage, sessionLocationText, preferChatFilterLabel, sessionLocationTitle, sessionExchangePreview, sessionRuntimeCounts, sessionSearchText, sessionTopicKey, sessionStatusText, shouldOpenWritableTerminal, previewOverlayReducer, previewOverlayInitialState, terminalHref, tokenCount, } from './sessions.js';
 import { previewMarkdownHtml } from './preview-markdown.js';
 import { addMonitorRoomSessionIds, monitorRoomUrl } from './monitor-room-store.js';
 import { dashboardShellAllowsWebTerminal } from './client-shell.js';
@@ -972,7 +973,6 @@ 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);
     const [feedGroups, setFeedGroups] = useState([]);
@@ -1001,7 +1001,6 @@ function CreateSessionDialog(props) {
         setBindWorkingDir('');
         setAdvancedOpen(false);
         setSubmitting(false);
-        setBotQuery('');
         setKeptSuccess(null);
         setFeedGroupId('');
         setNewFeedGroupName('');
@@ -1110,10 +1109,6 @@ 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 mentionBots = mentionTrigger
         ? filterMentionBots(bots, mentionTrigger.query).slice(0, 8)
         : [];
@@ -1295,19 +1290,18 @@ function CreateSessionDialog(props) {
                                                     marker: reconciled.markers[index],
                                                 })));
                                                 nextImageOrdinalRef.current = remaining.length + 1;
-                                            }, children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: _jsx("path", { d: "M7 7l10 10M17 7 7 17" }) }) })] }, image.id))) })) : null] }), _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') })] }), feedGroupAuthUrl ? (_jsx("div", { className: "feed-group-auth-overlay", children: _jsxs("section", { className: "feed-group-auth-card", role: "dialog", "aria-modal": "true", "aria-labelledby": "session-feed-group-auth-title", children: [_jsx("h3", { id: "session-feed-group-auth-title", children: "\u6388\u6743\u98DE\u4E66\u6807\u7B7E" }), _jsxs("p", { children: ["\u70B9\u51FB\u4E0B\u9762\u7684\u6309\u94AE\uFF0C\u5728\u98DE\u4E66\u9875\u9762\u786E\u8BA4\u6388\u6743\u3002\u5982\u679C BotMux \u4E0E\u6D4F\u89C8\u5668\u5728\u540C\u4E00\u53F0\u7535\u8111\uFF0C\u786E\u8BA4\u540E\u4F1A\u81EA\u52A8\u5B8C\u6210\u6388\u6743\u3002\u5982\u679C BotMux \u8FD0\u884C\u5728\u8FDC\u7A0B\u865A\u62DF\u673A\u4E0A\uFF0C\u6D4F\u89C8\u5668\u4F1A\u56E0\u65E0\u6CD5\u8BBF\u95EE\u672C\u673A\u5730\u5740 ", _jsx("code", { children: "127.0.0.1:9768" }), " \u800C\u663E\u793A\u201C\u65E0\u6CD5\u8BBF\u95EE\u201D\uFF1B\u6B64\u65F6\u8BF7\u590D\u5236\u5730\u5740\u680F\u4E2D\u7684\u5B8C\u6574\u94FE\u63A5\u5E76\u7C98\u8D34\u5230\u4E0B\u65B9\u3002"] }), _jsx("button", { type: "button", className: "primary feed-group-auth-open", onClick: () => window.open(feedGroupAuthUrl, '_blank', 'noopener'), children: "\u8DF3\u8F6C\u98DE\u4E66\u6388\u6743" }), _jsxs("label", { children: [_jsx("span", { children: "\u8BF7\u628A\u70B9\u51FB\u6388\u6743\u540E\u7684\u5B8C\u6574\u94FE\u63A5\u7C98\u8D34\u5728\u8FD9\u91CC" }), _jsx("input", { type: "url", value: feedGroupCallbackUrl, placeholder: "http://127.0.0.1:9768/callback?code=\u2026&state=\u2026", onChange: event => setFeedGroupCallbackUrl(event.currentTarget.value) })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", onClick: () => { setFeedGroupAuthUrl(''); setFeedGroupCallbackUrl(''); }, children: "\u53D6\u6D88" }), _jsx("button", { type: "button", className: "primary", disabled: !feedGroupCallbackUrl.trim() || feedGroupAuthSubmitting, onClick: () => void completeFeedGroupLogin(feedGroupCallbackUrl), children: feedGroupAuthSubmitting ? '正在完成授权…' : '完成授权' })] })] }) })) : null, _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("fieldset", { className: "cs-feed-group", children: [_jsx("legend", { children: "\u98DE\u4E66\u6807\u7B7E\uFF08\u53EF\u9009\uFF09" }), _jsx(FeedGroupPicker, { groups: feedGroups, selectedId: feedGroupId, newName: newFeedGroupName, disabled: feedGroupLoading || !!feedGroupError, onChange: (selectedId, newName) => { setFeedGroupId(selectedId); setNewFeedGroupName(newName); } }), _jsx("small", { children: "\u5C55\u5F00\u540E\u53EF\u5728\u7B2C\u4E00\u884C\u8F93\u5165\u65B0\u6807\u7B7E\u540D\u79F0\uFF0C\u6216\u9009\u62E9\u4E0B\u65B9\u5DF2\u6709\u6807\u7B7E\u3002" }), feedGroupLoading ? _jsx("small", { children: "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u6807\u7B7E\u2026" }) : null, feedGroupError ? (_jsxs("div", { className: "cs-warn", children: [_jsx("small", { children: feedGroupError }), ' ', _jsx("button", { type: "button", disabled: feedGroupAuthSubmitting, onClick: () => void openFeedGroupLogin(), children: feedGroupAuthSubmitting ? '正在完成授权…' : '立即授权' }), _jsx("small", { children: " \u6388\u6743\u540E\u4F1A\u5F39\u7A97\u63D0\u793A\u4F60\u7C98\u8D34\u56DE\u8C03\u5730\u5740\u3002" })] })) : null] }), _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
+                                            }, children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: _jsx("path", { d: "M7 7l10 10M17 7 7 17" }) }) })] }, image.id))) })) : null] }), _jsxs("fieldset", { className: "cs-bots", children: [_jsx("legend", { children: t('sessions.create.bots') }), _jsx(BotMultiSelect, { bots: bots, selected: selectedBots, onToggle: (id, checked) => {
+                                    setSelectedBots(prev => {
+                                        const next = new Set(prev);
+                                        if (checked)
+                                            next.add(id);
+                                        else
+                                            next.delete(id);
+                                        if (!next.has(lead))
+                                            setLead(next.values().next().value ?? '');
+                                        return next;
+                                    });
+                                }, searchPlaceholder: t('botPicker.searchPlaceholder'), noMatchLabel: t('botPicker.noMatch'), emptyLabel: t('sessions.create.noBots'), selectedCountLabel: n => t('botPicker.selectedCount', { n: String(n) }) })] }), _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') })] }), feedGroupAuthUrl ? (_jsx("div", { className: "feed-group-auth-overlay", children: _jsxs("section", { className: "feed-group-auth-card", role: "dialog", "aria-modal": "true", "aria-labelledby": "session-feed-group-auth-title", children: [_jsx("h3", { id: "session-feed-group-auth-title", children: "\u6388\u6743\u98DE\u4E66\u6807\u7B7E" }), _jsxs("p", { children: ["\u70B9\u51FB\u4E0B\u9762\u7684\u6309\u94AE\uFF0C\u5728\u98DE\u4E66\u9875\u9762\u786E\u8BA4\u6388\u6743\u3002\u5982\u679C BotMux \u4E0E\u6D4F\u89C8\u5668\u5728\u540C\u4E00\u53F0\u7535\u8111\uFF0C\u786E\u8BA4\u540E\u4F1A\u81EA\u52A8\u5B8C\u6210\u6388\u6743\u3002\u5982\u679C BotMux \u8FD0\u884C\u5728\u8FDC\u7A0B\u865A\u62DF\u673A\u4E0A\uFF0C\u6D4F\u89C8\u5668\u4F1A\u56E0\u65E0\u6CD5\u8BBF\u95EE\u672C\u673A\u5730\u5740 ", _jsx("code", { children: "127.0.0.1:9768" }), " \u800C\u663E\u793A\u201C\u65E0\u6CD5\u8BBF\u95EE\u201D\uFF1B\u6B64\u65F6\u8BF7\u590D\u5236\u5730\u5740\u680F\u4E2D\u7684\u5B8C\u6574\u94FE\u63A5\u5E76\u7C98\u8D34\u5230\u4E0B\u65B9\u3002"] }), _jsx("button", { type: "button", className: "primary feed-group-auth-open", onClick: () => window.open(feedGroupAuthUrl, '_blank', 'noopener'), children: "\u8DF3\u8F6C\u98DE\u4E66\u6388\u6743" }), _jsxs("label", { children: [_jsx("span", { children: "\u8BF7\u628A\u70B9\u51FB\u6388\u6743\u540E\u7684\u5B8C\u6574\u94FE\u63A5\u7C98\u8D34\u5728\u8FD9\u91CC" }), _jsx("input", { type: "url", value: feedGroupCallbackUrl, placeholder: "http://127.0.0.1:9768/callback?code=\u2026&state=\u2026", onChange: event => setFeedGroupCallbackUrl(event.currentTarget.value) })] }), _jsxs("div", { className: "actions", children: [_jsx("button", { type: "button", onClick: () => { setFeedGroupAuthUrl(''); setFeedGroupCallbackUrl(''); }, children: "\u53D6\u6D88" }), _jsx("button", { type: "button", className: "primary", disabled: !feedGroupCallbackUrl.trim() || feedGroupAuthSubmitting, onClick: () => void completeFeedGroupLogin(feedGroupCallbackUrl), children: feedGroupAuthSubmitting ? '正在完成授权…' : '完成授权' })] })] }) })) : null, _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("fieldset", { className: "cs-feed-group", children: [_jsx("legend", { children: "\u98DE\u4E66\u6807\u7B7E\uFF08\u53EF\u9009\uFF09" }), _jsx(FeedGroupPicker, { groups: feedGroups, selectedId: feedGroupId, newName: newFeedGroupName, disabled: feedGroupLoading || !!feedGroupError, onChange: (selectedId, newName) => { setFeedGroupId(selectedId); setNewFeedGroupName(newName); } }), _jsx("small", { children: "\u5C55\u5F00\u540E\u53EF\u5728\u7B2C\u4E00\u884C\u8F93\u5165\u65B0\u6807\u7B7E\u540D\u79F0\uFF0C\u6216\u9009\u62E9\u4E0B\u65B9\u5DF2\u6709\u6807\u7B7E\u3002" }), feedGroupLoading ? _jsx("small", { children: "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u6807\u7B7E\u2026" }) : null, feedGroupError ? (_jsxs("div", { className: "cs-warn", children: [_jsx("small", { children: feedGroupError }), ' ', _jsx("button", { type: "button", disabled: feedGroupAuthSubmitting, onClick: () => void openFeedGroupLogin(), children: feedGroupAuthSubmitting ? '正在完成授权…' : '立即授权' }), _jsx("small", { children: " \u6388\u6743\u540E\u4F1A\u5F39\u7A97\u63D0\u793A\u4F60\u7C98\u8D34\u56DE\u8C03\u5730\u5740\u3002" })] })) : null] }), _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') })
@@ -1398,9 +1392,7 @@ function SessionsPage() {
             if (!filters.showUnknownChats && isUnknownChatSession(row))
                 continue;
             const label = sessionLocationText(row);
-            const existing = options.get(chatId);
-            if (!existing || label < existing)
-                options.set(chatId, label);
+            options.set(chatId, preferChatFilterLabel(options.get(chatId), label, chatId));
         }
         return [...options.entries()]
             .sort((a, b) => a[1].localeCompare(b[1]))