codexmate 0.1.8 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexmate",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {

package/web-ui/app.js

@@ -240,6 +240,9 @@ document.addEventListener('DOMContentLoaded', () => {
                 sessionImportingNative: {},
                 sessionCloning: {},
                 sessionDeleting: {},
+                sessionDeletingSelected: false,
+                sessionBatchSelectMode: false,
+                sessionSelectedKeys: {},
                 activeSession: null,
                 activeSessionMessages: [],
                 activeSessionDetailError: '',

package/web-ui/modules/app.methods.session-actions.mjs

@@ -639,13 +639,14 @@ export function createSessionActionMethods(options = {}) {
             }
         },
 
-        async deleteSession(session) {
+        async deleteSession(session, batchOpts = {}) {
+            const batch = !!(batchOpts && batchOpts.batch);
             if (!this.isDeleteAvailable(session)) {
-                this.showMessage('不支持此操作', 'error');
-                return;
+                if (!batch) this.showMessage('不支持此操作', 'error');
+                return false;
             }
             const useTrash = this.sessionTrashEnabled !== false;
-            if (!useTrash && typeof this.requestConfirmDialog === 'function') {
+            if (!batch && !useTrash && typeof this.requestConfirmDialog === 'function') {
                 const confirmed = await this.requestConfirmDialog({
                     title: '直接删除会话',
                     message: '关闭回收站后，删除会话将直接永久删除，且无法恢复。',
@@ -654,12 +655,12 @@ export function createSessionActionMethods(options = {}) {
                     danger: true
                 });
                 if (!confirmed) {
-                    return;
+                    return false;
                 }
             }
             const key = this.getSessionExportKey(session);
             if (this.sessionDeleting[key]) {
-                return;
+                return false;
             }
             this.sessionDeleting[key] = true;
             try {
@@ -670,13 +671,14 @@ export function createSessionActionMethods(options = {}) {
                     filePath: session.filePath
                 });
                 if (!res || res.error) {
-                    this.showMessage((res && res.error) || '删除失败', 'error');
-                    return;
+                    const msg = (res && res.error) || (typeof this.t === 'function' ? this.t('toast.delete.fail') : '删除失败');
+                    if (!batch) this.showMessage(msg, 'error');
+                    return false;
                 }
                 this.removeSessionPin(session);
                 if (useTrash) {
                     this.invalidateSessionTrashRequests();
-                    this.showMessage('已移入回收站', 'success');
+                    if (!batch) this.showMessage('已移入回收站', 'success');
                     if (this.sessionTrashLoadedOnce) {
                         this.prependSessionTrashItem(this.buildSessionTrashItemFromSession(session, res), {
                             totalCount: res && res.totalCount !== undefined ? res.totalCount : undefined
@@ -689,7 +691,7 @@ export function createSessionActionMethods(options = {}) {
                             this.sessionTrashItems
                         );
                     }
-                } else {
+                } else if (!batch) {
                     this.showMessage('已删除', 'success');
                 }
                 if (typeof this.invalidateSessionsUsageData === 'function') {
@@ -700,11 +702,159 @@ export function createSessionActionMethods(options = {}) {
                 } catch (_) {
                     // The delete already succeeded remotely; keep the success result.
                 }
+                return true;
             } catch (_) {
-                this.showMessage(this.t('toast.delete.fail'), 'error');
+                if (!batch) {
+                    this.showMessage(this.t && this.t('toast.delete.fail') ? this.t('toast.delete.fail') : '删除失败', 'error');
+                }
+                return false;
             } finally {
                 this.sessionDeleting[key] = false;
             }
+        },
+
+        isSessionBatchSelectable(session) {
+            return this.isDeleteAvailable(session);
+        },
+
+        isSessionSelectedForBatch(session) {
+            const key = this.getSessionExportKey(session);
+            if (!key) return false;
+            return !!this.sessionSelectedKeys[key];
+        },
+
+        toggleSessionSelectionForBatch(session) {
+            const key = this.getSessionExportKey(session);
+            if (!key) return;
+            if (this.sessionSelectedKeys[key]) {
+                const next = { ...this.sessionSelectedKeys };
+                delete next[key];
+                this.sessionSelectedKeys = next;
+                return;
+            }
+            this.sessionSelectedKeys = { ...this.sessionSelectedKeys, [key]: true };
+        },
+
+        enterSessionBatchSelectMode() {
+            if (this.sessionBatchSelectMode) return;
+            this.sessionBatchSelectMode = true;
+            this.sessionSelectedKeys = {};
+        },
+
+        exitSessionBatchSelectMode() {
+            if (!this.sessionBatchSelectMode) return;
+            this.sessionBatchSelectMode = false;
+            this.sessionSelectedKeys = {};
+        },
+
+        getSelectedBatchCount() {
+            return this.sessionsList.filter(s => this.sessionBatchSelectMode && this.isSessionSelectedForBatch(s)).length;
+        },
+
+        getVisibleBatchSelectableCount() {
+            return (this.visibleSessionsList || []).filter(s => this.isDeleteAvailable(s)).length;
+        },
+
+        isAllVisibleBatchSelected() {
+            const visible = (this.visibleSessionsList || []).filter(s => this.isDeleteAvailable(s));
+            if (visible.length === 0) return false;
+            return visible.every(s => this.isSessionSelectedForBatch(s) || this.sessionDeleting[this.getSessionExportKey(s)]);
+        },
+
+        toggleSelectAllVisibleForBatch() {
+            const visible = (this.visibleSessionsList || []).filter(s => this.isDeleteAvailable(s) && !this.sessionDeleting[this.getSessionExportKey(s)]);
+            if (visible.length === 0) return;
+            const allSelected = visible.every(s => this.isSessionSelectedForBatch(s));
+            const next = { ...this.sessionSelectedKeys };
+            if (allSelected) {
+                for (const s of visible) {
+                    delete next[this.getSessionExportKey(s)];
+                }
+            } else {
+                for (const s of visible) {
+                    next[this.getSessionExportKey(s)] = true;
+                }
+            }
+            this.sessionSelectedKeys = next;
+        },
+
+        clearSessionBatchSelection() {
+            this.sessionSelectedKeys = {};
+        },
+
+        async deleteSelectedSessions() {
+            if (this.sessionDeletingSelected) return;
+            const selected = (this.sessionsList || []).filter(s => this.isSessionSelectedForBatch(s));
+            if (selected.length === 0) {
+                if (typeof this.t === 'function') {
+                    this.showMessage(this.t('sessions.batch.emptySelection'), 'warning');
+                }
+                return;
+            }
+            const useTrash = this.sessionTrashEnabled !== false;
+            if (typeof this.requestConfirmDialog === 'function') {
+                const confirmKey = useTrash ? 'sessions.batch.deleteConfirm' : 'sessions.batch.deleteConfirmHard';
+                const confirmed = await this.requestConfirmDialog({
+                    title: this.t('sessions.batch.select'),
+                    message: this.t(confirmKey, { count: selected.length }),
+                    confirmText: this.t('sessions.batch.deleteSelected'),
+                    cancelText: this.t('common.cancel'),
+                    danger: !useTrash
+                });
+                if (!confirmed) {
+                    return;
+                }
+            }
+            this.sessionDeletingSelected = true;
+            let failed = 0;
+            const succeededKeys = [];
+            try {
+                for (const session of selected) {
+                    const ok = await this.deleteSession(session, { batch: true });
+                    if (ok) {
+                        succeededKeys.push(this.getSessionExportKey(session));
+                    } else {
+                        failed += 1;
+                    }
+                }
+                if (succeededKeys.length > 0) {
+                    if (typeof this.invalidateSessionsUsageData === 'function') {
+                        this.invalidateSessionsUsageData({ preserveList: true });
+                    }
+                    this.invalidateSessionTrashRequests();
+                    // Remove succeeded sessions from the current list in order
+                    for (const key of succeededKeys) {
+                        const session = (this.sessionsList || []).find(s => this.getSessionExportKey(s) === key);
+                        if (session) {
+                            try {
+                                await this.removeSessionFromCurrentList(session);
+                            } catch (_) {
+                                // Remote delete already succeeded; ignore local cleanup errors.
+                            }
+                        }
+                    }
+                    // Clear succeeded selections; keep failed ones selected
+                    const next = {};
+                    for (const session of selected) {
+                        const k = this.getSessionExportKey(session);
+                        if (failed > 0 && !succeededKeys.includes(k)) {
+                            next[k] = true;
+                        }
+                    }
+                    this.sessionSelectedKeys = next;
+                }
+                if (failed === 0) {
+                    const okMsg = useTrash ? '已移入回收站' : '已删除';
+                    this.showMessage(okMsg + ' · ' + succeededKeys.length, 'success');
+                    this.sessionBatchSelectMode = false;
+                } else if (failed === selected.length) {
+                    this.showMessage(this.t('sessions.batch.allFail'), 'error');
+                } else {
+                    this.showMessage(this.t('sessions.batch.partialFail', { failed }), 'warning');
+                }
+            } finally {
+                this.sessionDeletingSelected = false;
+            }
         }
     };
 }

package/web-ui/modules/app.methods.session-browser.mjs

@@ -303,6 +303,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         onSessionSortChange() {
+            this.exitSessionBatchSelectMode();
             const normalized = this.normalizeSessionSortMode(this.sessionSortMode);
             this.sessionSortMode = normalized;
             if (typeof this.persistWebUiPreferences === 'function') {
@@ -445,6 +446,7 @@ export function createSessionBrowserMethods(options = {}) {
 
         setSessionSource(value) {
             if (this.sessionsLoading) return;
+            this.exitSessionBatchSelectMode();
             this.sessionFilterSource = value;
             this.refreshSessionPathOptions(value);
             this.persistSessionFilterCache();
@@ -478,12 +480,14 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         async onSessionPathFilterChange() {
+            this.exitSessionBatchSelectMode();
             this.persistSessionFilterCache();
             syncSessionsFilterUrl(this);
             await this.loadSessions();
         },
 
         async onSessionFilterChange() {
+            this.exitSessionBatchSelectMode();
             this.persistSessionFilterCache();
             syncSessionsFilterUrl(this);
             await this.loadSessions();
@@ -552,6 +556,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         async clearSessionFilters() {
+            this.exitSessionBatchSelectMode();
             this.sessionFilterSource = 'all';
             this.sessionPathFilter = '';
             this.sessionQuery = '';

package/web-ui/modules/i18n/locales/en.mjs

@@ -664,6 +664,19 @@ const en = Object.freeze({
     'sessions.copyResume': 'Copy resume command',
     'sessions.preview.refresh': 'Refresh content',
     'sessions.preview.loading': 'Loading...',
+    'sessions.batch.select': 'Batch delete',
+    'sessions.batch.exit': 'Exit selection',
+    'sessions.batch.selectAll': 'Select all',
+    'sessions.batch.unselectAll': 'Clear selection',
+    'sessions.batch.deleteSelected': 'Delete selected',
+    'sessions.batch.deleteSelectedN': 'Delete selected ({count})',
+    'sessions.batch.deletingSelected': 'Deleting...',
+    'sessions.batch.deleteConfirm': 'Delete the {count} selected sessions?',
+    'sessions.batch.deleteConfirmHard': 'Permanently delete the {count} selected sessions? This cannot be undone.',
+    'sessions.batch.deleteHint': '{count} selected',
+    'sessions.batch.emptySelection': 'Select sessions to delete first',
+    'sessions.batch.partialFail': '{failed} failed to delete; selection kept',
+    'sessions.batch.allFail': 'Delete failed, please retry',
     'sessions.preview.deleteHard': 'Delete permanently',
     'sessions.preview.moveToTrash': 'Move to trash',
     'sessions.preview.deleting': 'Deleting...',

package/web-ui/modules/i18n/locales/ja.mjs

@@ -666,6 +666,19 @@ const ja = Object.freeze({
     'sessions.copyResume': '再開コマンドをコピー',
     'sessions.preview.refresh': '更新',
     'sessions.preview.loading': 'プレビュー読み込み中...',
+    'sessions.batch.select': '一括削除',
+    'sessions.batch.exit': '選択を終了',
+    'sessions.batch.selectAll': 'すべて選択',
+    'sessions.batch.unselectAll': '選択を解除',
+    'sessions.batch.deleteSelected': '選択を削除',
+    'sessions.batch.deleteSelectedN': '選択を削除（{count}）',
+    'sessions.batch.deletingSelected': '削除中...',
+    'sessions.batch.deleteConfirm': '選択した {count} 件のセッションを削除しますか？',
+    'sessions.batch.deleteConfirmHard': '選択した {count} 件のセッションを完全に削除しますか？元に戻せません。',
+    'sessions.batch.deleteHint': '{count} 件選択',
+    'sessions.batch.emptySelection': '削除するセッションを選択してください',
+    'sessions.batch.partialFail': '{failed} 件の削除に失敗しました。選択を維持します',
+    'sessions.batch.allFail': '削除に失敗しました。再試行してください',
     'sessions.preview.deleteHard': '直接削除',
     'sessions.preview.moveToTrash': 'ゴミ箱に移動',
     'sessions.preview.deleting': '削除中...',

package/web-ui/modules/i18n/locales/vi.mjs

@@ -872,6 +872,19 @@ const vi = Object.freeze({
     'sessions.copyResume': 'Sao chép lệnh tiếp tục',
     'sessions.preview.refresh': 'Làm mới nội dung',
     'sessions.preview.loading': 'Đang tải...',
+    'sessions.batch.select': 'Xóa hàng loạt',
+    'sessions.batch.exit': 'Thoát chọn',
+    'sessions.batch.selectAll': 'Chọn tất cả',
+    'sessions.batch.unselectAll': 'Bỏ chọn tất cả',
+    'sessions.batch.deleteSelected': 'Xóa đã chọn',
+    'sessions.batch.deleteSelectedN': 'Xóa đã chọn ({count})',
+    'sessions.batch.deletingSelected': 'Đang xóa...',
+    'sessions.batch.deleteConfirm': 'Xóa {count} phiên đã chọn?',
+    'sessions.batch.deleteConfirmHard': 'Xóa vĩnh viễn {count} phiên đã chọn? Không thể hoàn tác.',
+    'sessions.batch.deleteHint': 'Đã chọn {count}',
+    'sessions.batch.emptySelection': 'Hãy chọn phiên cần xóa trước',
+    'sessions.batch.partialFail': '{failed} mục xóa thất bại, giữ nguyên lựa chọn',
+    'sessions.batch.allFail': 'Xóa thất bại, vui lòng thử lại',
     'sessions.preview.deleteHard': 'Xóa vĩnh viễn',
     'sessions.preview.moveToTrash': 'Chuyển vào thùng rác',
     'sessions.preview.deleting': 'Đang xóa...',

package/web-ui/modules/i18n/locales/zh-tw.mjs

@@ -663,6 +663,19 @@ const zhTw = Object.freeze({
     'sessions.copyResume': '複製恢復命令',
     'sessions.preview.refresh': '重新整理內容',
     'sessions.preview.loading': '載入中...',
+    'sessions.batch.select': '批次刪除',
+    'sessions.batch.exit': '退出選擇',
+    'sessions.batch.selectAll': '全選',
+    'sessions.batch.unselectAll': '取消全選',
+    'sessions.batch.deleteSelected': '刪除選中',
+    'sessions.batch.deleteSelectedN': '刪除選中（{count}）',
+    'sessions.batch.deletingSelected': '刪除中...',
+    'sessions.batch.deleteConfirm': '確定刪除選中的 {count} 個會話嗎？',
+    'sessions.batch.deleteConfirmHard': '確定永久刪除選中的 {count} 個會話嗎？該操作不可還原。',
+    'sessions.batch.deleteHint': '已選 {count} 個',
+    'sessions.batch.emptySelection': '請先選擇要刪除的會話',
+    'sessions.batch.partialFail': '其中 {failed} 個刪除失敗，已保留選中',
+    'sessions.batch.allFail': '刪除失敗，請重試',
     'sessions.preview.deleteHard': '直接刪除',
     'sessions.preview.moveToTrash': '移入回收站',
     'sessions.preview.deleting': '刪除中...',

package/web-ui/modules/i18n/locales/zh.mjs

@@ -663,6 +663,19 @@ const zh = Object.freeze({
     'sessions.copyResume': '复制恢复命令',
     'sessions.preview.refresh': '刷新内容',
     'sessions.preview.loading': '加载中...',
+    'sessions.batch.select': '批量删除',
+    'sessions.batch.exit': '退出选择',
+    'sessions.batch.selectAll': '全选',
+    'sessions.batch.unselectAll': '取消全选',
+    'sessions.batch.deleteSelected': '删除选中',
+    'sessions.batch.deleteSelectedN': '删除选中（{count}）',
+    'sessions.batch.deletingSelected': '删除中...',
+    'sessions.batch.deleteConfirm': '确定删除选中的 {count} 个会话吗？',
+    'sessions.batch.deleteConfirmHard': '确定永久删除选中的 {count} 个会话吗？该操作不可恢复。',
+    'sessions.batch.deleteHint': '已选 {count} 个',
+    'sessions.batch.emptySelection': '请先选择要删除的会话',
+    'sessions.batch.partialFail': '其中 {failed} 个删除失败，已保留选中',
+    'sessions.batch.allFail': '删除失败，请重试',
     'sessions.preview.deleteHard': '直接删除',
     'sessions.preview.moveToTrash': '移入回收站',
     'sessions.preview.deleting': '删除中...',

package/web-ui/partials/index/panel-sessions.html

@@ -103,6 +103,22 @@
                             <button class="btn-tool btn-tool-compact" type="button" @click="clearSessionFilters" :disabled="sessionsLoading">
                                 {{ t('common.resetFilters') }}
                             </button>
+                            <button v-if="!sessionBatchSelectMode" class="btn-tool btn-tool-compact btn-tool-batch" type="button" @click="enterSessionBatchSelectMode" :disabled="sessionsLoading" :title="t('sessions.batch.select')">
+                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M7 6V4a2 2 0 012-2h6a2 2 0 012 2v2M10 11v6M14 11v6"/><path d="M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14"/></svg>
+                                <span>{{ t('sessions.batch.select') }}</span>
+                            </button>
+                            <template v-else>
+                                <button class="btn-tool btn-tool-compact" type="button" @click="toggleSelectAllVisibleForBatch" :disabled="sessionsLoading" :title="isAllVisibleBatchSelected() ? t('sessions.batch.unselectAll') : t('sessions.batch.selectAll')">
+                                    {{ isAllVisibleBatchSelected() ? t('sessions.batch.unselectAll') : t('sessions.batch.selectAll') }}
+                                </button>
+                                <button class="btn-tool btn-tool-compact btn-tool-batch-delete" type="button" @click="deleteSelectedSessions" :disabled="sessionsLoading || sessionDeletingSelected || getSelectedBatchCount() === 0" :title="getSelectedBatchCount() > 0 ? t('sessions.batch.deleteSelectedN', { count: getSelectedBatchCount() }) : t('sessions.batch.emptySelection')">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M7 6V4a2 2 0 012-2h6a2 2 0 012 2v2M10 11v6M14 11v6"/><path d="M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14"/></svg>
+                                    <span>{{ sessionDeletingSelected ? t('sessions.batch.deletingSelected') : (getSelectedBatchCount() > 0 ? t('sessions.batch.deleteSelectedN', { count: getSelectedBatchCount() }) : t('sessions.batch.deleteSelected')) }}</span>
+                                </button>
+                                <button class="btn-tool btn-tool-compact" type="button" @click="exitSessionBatchSelectMode" :disabled="sessionDeletingSelected" :title="t('sessions.batch.exit')">
+                                    {{ t('sessions.batch.exit') }}
+                                </button>
+                            </template>
                         </div>
                     </div>
                     <div v-if="hasActiveSessionFilters()" class="session-filter-chips" :aria-label="t('sessions.filters.copyLink')">
@@ -137,12 +153,14 @@
                         <div
                             v-for="session in visibleSessionsList"
                             :key="session.source + '-' + session.sessionId + '-' + session.filePath"
-                            v-memo="[activeSessionExportKey === getSessionExportKey(session), session.messageCount, session.updatedAt, session.title, session.sourceLabel, session.cwd, isSessionPinned(session), sessionsLoading, session.match && session.match.count]"
+                            v-memo="[activeSessionExportKey === getSessionExportKey(session), session.messageCount, session.updatedAt, session.title, session.sourceLabel, session.cwd, isSessionPinned(session), sessionsLoading, session.match && session.match.count, sessionBatchSelectMode, isSessionSelectedForBatch(session)]"
                             :class="[
                                 'session-item',
                                 {
                                     active: activeSessionExportKey === getSessionExportKey(session),
-                                    pinned: isSessionPinned(session)
+                                    pinned: isSessionPinned(session),
+                                    'batch-selected': sessionBatchSelectMode && isSessionSelectedForBatch(session),
+                                    'batch-selectable': sessionBatchSelectMode
                                 }
                             ]"
                             @click="selectSession(session)"
@@ -152,6 +170,16 @@
                             role="button"
                             :aria-current="activeSessionExportKey === getSessionExportKey(session) ? 'true' : null">
                             <div class="session-item-header">
+                                <label v-if="sessionBatchSelectMode" class="session-batch-check" @click.stop :data-session-key="getSessionExportKey(session)">
+                                    <input
+                                        type="checkbox"
+                                        :checked="isSessionSelectedForBatch(session)"
+                                        :disabled="sessionsLoading || sessionDeletingSelected || sessionDeleting[getSessionExportKey(session)] || !isSessionBatchSelectable(session)"
+                                        @change="toggleSessionSelectionForBatch(session)"
+                                        @click.stop
+                                        :aria-label="t('sessions.batch.select')">
+                                    <span class="session-batch-check-mark"></span>
+                                </label>
                                 <div class="session-item-main">
                                     <div class="session-item-title">{{ session.title || session.sessionId }}</div>
                                     <span class="session-count-badge">{{ session.messageCount == null ? '...' : session.messageCount }}</span>

package/web-ui/res/web-ui-render.precompiled.js

@@ -3292,7 +3292,63 @@ return function render(_ctx, _cache) {
                           type: "button",
                           onClick: _ctx.clearSessionFilters,
                           disabled: _ctx.sessionsLoading
-                        }, _toDisplayString(_ctx.t('common.resetFilters')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                        }, _toDisplayString(_ctx.t('common.resetFilters')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                        (!_ctx.sessionBatchSelectMode)
+                          ? (_openBlock(), _createElementBlock("button", {
+                              key: 0,
+                              class: "btn-tool btn-tool-compact btn-tool-batch",
+                              type: "button",
+                              onClick: _ctx.enterSessionBatchSelectMode,
+                              disabled: _ctx.sessionsLoading,
+                              title: _ctx.t('sessions.batch.select')
+                            }, [
+                              (_openBlock(), _createElementBlock("svg", {
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2"
+                              }, [
+                                _createElementVNode("polyline", { points: "3 6 5 6 21 6" }),
+                                _createElementVNode("path", { d: "M7 6V4a2 2 0 012-2h6a2 2 0 012 2v2M10 11v6M14 11v6" }),
+                                _createElementVNode("path", { d: "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14" })
+                              ])),
+                              _createElementVNode("span", null, _toDisplayString(_ctx.t('sessions.batch.select')), 1 /* TEXT */)
+                            ], 8 /* PROPS */, ["onClick", "disabled", "title"]))
+                          : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
+                              _createElementVNode("button", {
+                                class: "btn-tool btn-tool-compact",
+                                type: "button",
+                                onClick: _ctx.toggleSelectAllVisibleForBatch,
+                                disabled: _ctx.sessionsLoading,
+                                title: _ctx.isAllVisibleBatchSelected() ? _ctx.t('sessions.batch.unselectAll') : _ctx.t('sessions.batch.selectAll')
+                              }, _toDisplayString(_ctx.isAllVisibleBatchSelected() ? _ctx.t('sessions.batch.unselectAll') : _ctx.t('sessions.batch.selectAll')), 9 /* TEXT, PROPS */, ["onClick", "disabled", "title"]),
+                              _createElementVNode("button", {
+                                class: "btn-tool btn-tool-compact btn-tool-batch-delete",
+                                type: "button",
+                                onClick: _ctx.deleteSelectedSessions,
+                                disabled: _ctx.sessionsLoading || _ctx.sessionDeletingSelected || _ctx.getSelectedBatchCount() === 0,
+                                title: _ctx.getSelectedBatchCount() > 0 ? _ctx.t('sessions.batch.deleteSelectedN', { count: _ctx.getSelectedBatchCount() }) : _ctx.t('sessions.batch.emptySelection')
+                              }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "2"
+                                }, [
+                                  _createElementVNode("polyline", { points: "3 6 5 6 21 6" }),
+                                  _createElementVNode("path", { d: "M7 6V4a2 2 0 012-2h6a2 2 0 012 2v2M10 11v6M14 11v6" }),
+                                  _createElementVNode("path", { d: "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14" })
+                                ])),
+                                _createElementVNode("span", null, _toDisplayString(_ctx.sessionDeletingSelected ? _ctx.t('sessions.batch.deletingSelected') : (_ctx.getSelectedBatchCount() > 0 ? _ctx.t('sessions.batch.deleteSelectedN', { count: _ctx.getSelectedBatchCount() }) : _ctx.t('sessions.batch.deleteSelected'))), 1 /* TEXT */)
+                              ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
+                              _createElementVNode("button", {
+                                class: "btn-tool btn-tool-compact",
+                                type: "button",
+                                onClick: _ctx.exitSessionBatchSelectMode,
+                                disabled: _ctx.sessionDeletingSelected,
+                                title: _ctx.t('sessions.batch.exit')
+                              }, _toDisplayString(_ctx.t('sessions.batch.exit')), 9 /* TEXT, PROPS */, ["onClick", "disabled", "title"])
+                            ], 64 /* STABLE_FRAGMENT */))
                       ])
                     ]),
                     (_ctx.hasActiveSessionFilters())
@@ -3339,7 +3395,7 @@ return function render(_ctx, _cache) {
                                 onScrollPassive: _ctx.onSessionListScroll
                               }, [
                                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.visibleSessionsList, (session, __, ___, _cached) => {
-                                  const _memo = ([_ctx.activeSessionExportKey === _ctx.getSessionExportKey(session), session.messageCount, session.updatedAt, session.title, session.sourceLabel, session.cwd, _ctx.isSessionPinned(session), _ctx.sessionsLoading, session.match && session.match.count])
+                                  const _memo = ([_ctx.activeSessionExportKey === _ctx.getSessionExportKey(session), session.messageCount, session.updatedAt, session.title, session.sourceLabel, session.cwd, _ctx.isSessionPinned(session), _ctx.sessionsLoading, session.match && session.match.count, _ctx.sessionBatchSelectMode, _ctx.isSessionSelectedForBatch(session)])
                                   if (_cached && _cached.el && _cached.key === session.source + '-' + session.sessionId + '-' + session.filePath && _isMemoSame(_cached, _memo)) return _cached
                                   const _item = (_openBlock(), _createElementBlock("div", {
                                     key: session.source + '-' + session.sessionId + '-' + session.filePath,
@@ -3347,7 +3403,9 @@ return function render(_ctx, _cache) {
                                 'session-item',
                                 {
                                     active: _ctx.activeSessionExportKey === _ctx.getSessionExportKey(session),
-                                    pinned: _ctx.isSessionPinned(session)
+                                    pinned: _ctx.isSessionPinned(session),
+                                    'batch-selected': _ctx.sessionBatchSelectMode && _ctx.isSessionSelectedForBatch(session),
+                                    'batch-selectable': _ctx.sessionBatchSelectMode
                                 }
                             ]),
                                     onClick: $event => (_ctx.selectSession(session)),
@@ -3360,6 +3418,24 @@ return function render(_ctx, _cache) {
                                     "aria-current": _ctx.activeSessionExportKey === _ctx.getSessionExportKey(session) ? 'true' : null
                                   }, [
                                     _createElementVNode("div", { class: "session-item-header" }, [
+                                      (_ctx.sessionBatchSelectMode)
+                                        ? (_openBlock(), _createElementBlock("label", {
+                                            key: 0,
+                                            class: "session-batch-check",
+                                            onClick: _withModifiers(() => {}, ["stop"]),
+                                            "data-session-key": _ctx.getSessionExportKey(session)
+                                          }, [
+                                            _createElementVNode("input", {
+                                              type: "checkbox",
+                                              checked: _ctx.isSessionSelectedForBatch(session),
+                                              disabled: _ctx.sessionsLoading || _ctx.sessionDeletingSelected || _ctx.sessionDeleting[_ctx.getSessionExportKey(session)] || !_ctx.isSessionBatchSelectable(session),
+                                              onChange: $event => (_ctx.toggleSessionSelectionForBatch(session)),
+                                              onClick: _withModifiers(() => {}, ["stop"]),
+                                              "aria-label": _ctx.t('sessions.batch.select')
+                                            }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "disabled", "onChange", "onClick", "aria-label"]),
+                                            _createElementVNode("span", { class: "session-batch-check-mark" })
+                                          ], 8 /* PROPS */, ["onClick", "data-session-key"]))
+                                        : _createCommentVNode("v-if", true),
                                       _createElementVNode("div", { class: "session-item-main" }, [
                                         _createElementVNode("div", { class: "session-item-title" }, _toDisplayString(session.title || session.sessionId), 1 /* TEXT */),
                                         _createElementVNode("span", { class: "session-count-badge" }, _toDisplayString(session.messageCount == null ? '...' : session.messageCount), 1 /* TEXT */),

package/web-ui/session-helpers.mjs

@@ -276,6 +276,9 @@ export async function loadSessions(api, options = {}) {
             loadSucceeded = true;
             const rawSessions = Array.isArray(res.sessions) ? res.sessions : [];
             this.sessionsList = rawSessions.filter(s => s && typeof s === 'object');
+            if (typeof this.clearSessionBatchSelection === 'function') {
+                this.clearSessionBatchSelection();
+            }
             for (const session of this.sessionsList) {
                 const rawUpdatedAt = typeof session.updatedAt === 'string' ? session.updatedAt : '';
                 session.updatedAtLabel = formatSessionTimelineTimestamp(rawUpdatedAt);

package/web-ui/styles/sessions-list.css

@@ -687,3 +687,99 @@
     0%, 100% { opacity: 1; }
     50% { opacity: 0.6; }
 }
+
+/* === 会话批量删除交互 === */
+.session-item.batch-selectable {
+    cursor: default;
+}
+
+.session-item.batch-selectable .session-item-main,
+.session-item.batch-selectable .session-item-meta {
+    pointer-events: none;
+}
+
+.session-item.batch-selectable .session-item-actions {
+    pointer-events: none;
+    opacity: 0.45;
+}
+
+.session-item.batch-selected {
+    background: var(--color-brand-light);
+    box-shadow: inset 3px 0 0 var(--color-brand);
+}
+
+.session-batch-check {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 22px;
+    height: 22px;
+    margin-right: 10px;
+    position: relative;
+    cursor: pointer;
+    user-select: none;
+    pointer-events: auto;
+}
+
+.session-batch-check input {
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    margin: 0;
+    cursor: pointer;
+}
+
+.session-batch-check-mark {
+    display: block;
+    width: 18px;
+    height: 18px;
+    border-radius: 6px;
+    border: 1.5px solid var(--color-border-strong);
+    background: var(--color-surface-elevated);
+    transition: background var(--transition-fast) var(--ease-spring-soft),
+                border-color var(--transition-fast) var(--ease-spring-soft);
+}
+
+.session-batch-check input:checked + .session-batch-check-mark {
+    background: var(--color-brand);
+    border-color: var(--color-brand);
+}
+
+.session-batch-check input:checked + .session-batch-check-mark::after {
+    content: '';
+    position: absolute;
+    left: 6px;
+    top: 3px;
+    width: 5px;
+    height: 9px;
+    border: solid #fff;
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+}
+
+.session-batch-check input:disabled + .session-batch-check-mark {
+    opacity: 0.4;
+    cursor: not-allowed;
+}
+
+.session-item.batch-selectable .session-item-header {
+    align-items: center;
+}
+
+.btn-tool-batch,
+.btn-tool-batch-delete {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+}
+
+.btn-tool-batch svg,
+.btn-tool-batch-delete svg {
+    width: 14px;
+    height: 14px;
+}
+
+.btn-tool-batch-delete:not(:disabled) {
+    color: var(--color-error);
+}