@xcanwin/manyoyo 5.7.3 → 5.7.4

package/lib/web/frontend/app.js

@@ -63,6 +63,17 @@
         createRuns: {},
         sessionNodeMap: new Map(),
         sessionRenderMode: 'empty',
+        directoryPicker: {
+            open: false,
+            loading: false,
+            mode: '',
+            title: '',
+            tip: '',
+            currentPath: '',
+            basePath: '',
+            entries: [],
+            error: ''
+        },
         messageRequestId: 0,
         agentRun: {
             active: false,
@@ -121,6 +132,8 @@
     const createContainerName = document.getElementById('createContainerName');
     const createHostPath = document.getElementById('createHostPath');
     const createContainerPath = document.getElementById('createContainerPath');
+    const pickHostPathBtn = document.getElementById('pickHostPathBtn');
+    const pickContainerPathBtn = document.getElementById('pickContainerPathBtn');
     const createImageName = document.getElementById('createImageName');
     const createImageVersion = document.getElementById('createImageVersion');
     const createContainerMode = document.getElementById('createContainerMode');
@@ -132,6 +145,15 @@
     const createEnv = document.getElementById('createEnv');
     const createEnvFile = document.getElementById('createEnvFile');
     const createVolumes = document.getElementById('createVolumes');
+    const directoryPickerModal = document.getElementById('directoryPickerModal');
+    const directoryPickerTitle = document.getElementById('directoryPickerTitle');
+    const directoryPickerTip = document.getElementById('directoryPickerTip');
+    const directoryPickerCurrent = document.getElementById('directoryPickerCurrent');
+    const directoryPickerList = document.getElementById('directoryPickerList');
+    const directoryPickerError = document.getElementById('directoryPickerError');
+    const directoryPickerCancelBtn = document.getElementById('directoryPickerCancelBtn');
+    const directoryPickerUpBtn = document.getElementById('directoryPickerUpBtn');
+    const directoryPickerSelectBtn = document.getElementById('directoryPickerSelectBtn');
     const activeTitle = document.getElementById('activeTitle');
     const activeMeta = document.getElementById('activeMeta');
     const activityCommandBtn = document.getElementById('activityCommandBtn');
@@ -437,6 +459,32 @@
         });
     }
 
+    function normalizeSlashPath(value) {
+        return String(value || '').replace(/\\/g, '/');
+    }
+
+    function isChildPath(basePath, targetPath) {
+        const normalizedBase = normalizeSlashPath(basePath).replace(/\/+$/, '');
+        const normalizedTarget = normalizeSlashPath(targetPath).replace(/\/+$/, '');
+        if (!normalizedBase) {
+            return false;
+        }
+        return normalizedTarget === normalizedBase || normalizedTarget.startsWith(normalizedBase + '/');
+    }
+
+    function buildContainerPathFromHostSelection(baseHostPath, baseContainerPath, selectedHostPath) {
+        const normalizedBaseHost = normalizeSlashPath(baseHostPath).replace(/\/+$/, '');
+        const normalizedContainer = normalizeSlashPath(baseContainerPath).replace(/\/+$/, '') || '/workspace';
+        const normalizedSelected = normalizeSlashPath(selectedHostPath).replace(/\/+$/, '');
+        if (!normalizedBaseHost || !isChildPath(normalizedBaseHost, normalizedSelected)) {
+            return normalizedContainer;
+        }
+        const relative = normalizedSelected === normalizedBaseHost
+            ? ''
+            : normalizedSelected.slice(normalizedBaseHost.length + 1);
+        return relative ? `${normalizedContainer}/${relative}`.replace(/\/+/g, '/') : normalizedContainer;
+    }
+
     function setModalVisible(modalNode, visible) {
         if (!modalNode) return;
         modalNode.hidden = !visible;
@@ -467,6 +515,18 @@
         configError.textContent = text;
     }
 
+    function showDirectoryPickerError(message) {
+        if (!directoryPickerError) return;
+        const text = String(message || '').trim();
+        if (!text) {
+            directoryPickerError.hidden = true;
+            directoryPickerError.textContent = '';
+            return;
+        }
+        directoryPickerError.hidden = false;
+        directoryPickerError.textContent = text;
+    }
+
     function envMapToText(envMap) {
         if (!envMap || typeof envMap !== 'object') {
             return '';
@@ -794,7 +854,8 @@
         const status = sessionStatusInfo(session.status);
         const messageCount = safeMessageCount(session.messageCount);
         const updatedAt = formatDateTime(session.updatedAt) || '暂无更新';
-        return `${status.label} · ${messageCount} 条对话 · ${updatedAt}`;
+        const containerName = session.containerName || '未绑定容器';
+        return `${containerName} · ${status.label} · ${messageCount} 条对话 · ${updatedAt}`;
     }
 
     function buildMessageMetaLines(message) {
@@ -1309,7 +1370,8 @@
         if (detailSummary) {
             detailSummary.innerHTML = '';
             renderKeyValueCard(detailSummary, '会话概览', [
-                { label: '会话', value: detail.name || state.active },
+                { label: 'AGENT', value: detail.agentName || detail.name || state.active },
+                { label: '容器', value: detail.containerName || '—' },
                 { label: '状态', value: status.label, tone: status.tone },
                 { label: '镜像', value: detail.image || applied.imageName || '—' },
                 { label: '最近更新', value: updatedText },
@@ -1332,7 +1394,8 @@
         if (configSummary) {
             configSummary.innerHTML = '';
             renderKeyValueCard(configSummary, '基础配置', [
-                { label: 'containerName', value: applied.containerName || detail.name || state.active },
+                { label: 'AGENT', value: detail.agentName || '—' },
+                { label: 'containerName', value: applied.containerName || detail.containerName || '—' },
                 { label: 'imageName', value: applied.imageName || detail.image || '—' },
                 { label: 'imageVersion', value: applied.imageVersion || '—' },
                 { label: 'containerMode', value: applied.containerMode || 'default' }
@@ -1406,8 +1469,9 @@
                 commandInput.value = '';
             }
         } else {
-            activeTitle.textContent = state.active;
-            activeMeta.textContent = buildActiveMeta(getActiveSession());
+            const activeSession = getActiveSession();
+            activeTitle.textContent = activeSession && activeSession.agentName ? activeSession.agentName : state.active;
+            activeMeta.textContent = buildActiveMeta(activeSession);
         }
 
         const activityTab = state.activeTab === 'activity';
@@ -1522,6 +1586,13 @@
         if (createModal) {
             createModal.hidden = !state.createModalOpen;
         }
+        if (directoryPickerModal) {
+            directoryPickerModal.hidden = !state.directoryPicker.open;
+        }
+        document.body.classList.toggle(
+            'modal-open',
+            state.configModalOpen || state.createModalOpen || state.directoryPicker.open
+        );
         if (!state.active) {
             sendState.textContent = '未选择会话';
         } else if (agentMode && !agentEnabled) {
@@ -1718,6 +1789,7 @@
     function closeCreateModal() {
         state.createModalOpen = false;
         setModalVisible(createModal, false);
+        closeDirectoryPicker();
         showCreateError('');
     }
 
@@ -1726,57 +1798,159 @@
         showCreateError('');
     }
 
-    function renderSessionsLoading() {
-        state.sessionNodeMap.clear();
-        state.sessionRenderMode = 'loading';
-        sessionList.innerHTML = '';
-        for (let i = 0; i < 3; i++) {
-            const skeleton = document.createElement('div');
-            skeleton.className = 'skeleton session';
-            sessionList.appendChild(skeleton);
+    function renderDirectoryPicker() {
+        if (!directoryPickerModal) return;
+        const picker = state.directoryPicker;
+        setModalVisible(directoryPickerModal, picker.open);
+        if (directoryPickerTitle) {
+            directoryPickerTitle.textContent = picker.title || '选择目录';
+        }
+        if (directoryPickerTip) {
+            directoryPickerTip.textContent = picker.tip || '';
+        }
+        if (directoryPickerCurrent) {
+            directoryPickerCurrent.textContent = picker.currentPath || '未选择目录';
+        }
+        showDirectoryPickerError(picker.error);
+        if (directoryPickerUpBtn) {
+            directoryPickerUpBtn.disabled = picker.loading || !picker.currentPath || !picker.parentPath;
+        }
+        if (directoryPickerSelectBtn) {
+            directoryPickerSelectBtn.disabled = picker.loading || !picker.currentPath;
+        }
+        if (!directoryPickerList) {
+            return;
+        }
+        directoryPickerList.innerHTML = '';
+        if (picker.loading) {
+            const loading = document.createElement('div');
+            loading.className = 'empty';
+            loading.textContent = '目录加载中...';
+            directoryPickerList.appendChild(loading);
+            return;
+        }
+        if (!picker.entries.length) {
+            const empty = document.createElement('div');
+            empty.className = 'empty';
+            empty.textContent = '当前目录下没有可选子目录';
+            directoryPickerList.appendChild(empty);
+            return;
         }
+        picker.entries.forEach(function (entry) {
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.className = 'dir-picker-item secondary';
+            btn.textContent = entry.name;
+            btn.addEventListener('click', function () {
+                loadDirectoryPicker(entry.path);
+            });
+            directoryPickerList.appendChild(btn);
+        });
     }
 
-    function getSessionRenderKey(session) {
-        return [
-            String(session && session.name ? session.name : ''),
-            String(session && session.status ? session.status : ''),
-            String(safeMessageCount(session && session.messageCount)),
-            String(session && session.updatedAt ? session.updatedAt : ''),
-            String(session && session.image ? session.image : '')
-        ].join('|');
+    async function loadDirectoryPicker(targetPath) {
+        const picker = state.directoryPicker;
+        picker.loading = true;
+        picker.error = '';
+        if (targetPath) {
+            picker.currentPath = targetPath;
+        }
+        renderDirectoryPicker();
+        try {
+            const params = new URLSearchParams();
+            params.set('path', picker.currentPath || '/');
+            if (picker.basePath) {
+                params.set('basePath', picker.basePath);
+            }
+            const data = await api('/api/fs/directories?' + params.toString());
+            picker.currentPath = data.currentPath || picker.currentPath;
+            picker.basePath = data.basePath || picker.basePath || '';
+            picker.parentPath = data.parentPath || '';
+            picker.entries = Array.isArray(data.entries) ? data.entries : [];
+        } catch (e) {
+            picker.error = e && e.message ? e.message : '目录加载失败';
+            picker.entries = [];
+        } finally {
+            picker.loading = false;
+            renderDirectoryPicker();
+        }
     }
 
-    function renderSessionActiveState() {
-        for (const [name, node] of state.sessionNodeMap.entries()) {
-            node.classList.toggle('active', state.active === name);
-        }
+    function closeDirectoryPicker() {
+        state.directoryPicker.open = false;
+        state.directoryPicker.loading = false;
+        state.directoryPicker.mode = '';
+        state.directoryPicker.title = '';
+        state.directoryPicker.tip = '';
+        state.directoryPicker.currentPath = '';
+        state.directoryPicker.basePath = '';
+        state.directoryPicker.parentPath = '';
+        state.directoryPicker.entries = [];
+        state.directoryPicker.error = '';
+        renderDirectoryPicker();
     }
 
-    function updateSessionRow(row, session, index) {
-        if (!row || !session) return;
-        const status = sessionStatusInfo(session.status);
-        row.style.setProperty('--item-index', String(index));
-        row.classList.toggle('active', state.active === session.name);
-        row.classList.toggle('history-only', status.tone === 'history');
-        row.classList.toggle('status-running', status.tone === 'running');
-        row.classList.toggle('status-stopped', status.tone === 'stopped');
-        row.classList.toggle('status-history', status.tone === 'history');
-        row.classList.toggle('status-unknown', status.tone === 'unknown');
-        if (row.__sessionNameNode) {
-            row.__sessionNameNode.textContent = session.name;
-        }
-        if (row.__statusBadgeNode) {
-            row.__statusBadgeNode.className = `session-status ${status.tone}`;
-            row.__statusBadgeNode.textContent = status.label;
+    function applyPickedDirectory() {
+        const picker = state.directoryPicker;
+        if (!picker.currentPath) {
+            return;
         }
-        if (row.__messageCountNode) {
-            row.__messageCountNode.textContent = `${safeMessageCount(session.messageCount)} 条`;
+        if (picker.mode === 'host') {
+            createHostPath.value = picker.currentPath;
+            if (!(createContainerPath.value || '').trim()) {
+                createContainerPath.value = '/workspace';
+            }
+        } else if (picker.mode === 'container') {
+            const mapped = buildContainerPathFromHostSelection(
+                picker.basePath,
+                (createContainerPath.value || '').trim() || '/workspace',
+                picker.currentPath
+            );
+            createContainerPath.value = mapped;
+        }
+        closeDirectoryPicker();
+    }
+
+    function openDirectoryPicker(mode) {
+        const picker = state.directoryPicker;
+        picker.open = true;
+        picker.loading = false;
+        picker.error = '';
+        picker.entries = [];
+        picker.parentPath = '';
+        if (mode === 'container') {
+            const baseHostPath = (createHostPath.value || '').trim();
+            if (!baseHostPath) {
+                showCreateError('请先选择 hostPath，再选择 containerPath。');
+                picker.open = false;
+                renderDirectoryPicker();
+                return;
+            }
+            picker.mode = 'container';
+            picker.title = '选择 containerPath 对应目录';
+            picker.tip = '从 hostPath 下选择子目录，结果会映射到容器路径。';
+            picker.basePath = baseHostPath;
+            picker.currentPath = baseHostPath;
+        } else {
+            picker.mode = 'host';
+            picker.title = '选择 hostPath';
+            picker.tip = '浏览宿主机目录，选中后会回填 create 表单。';
+            picker.basePath = '';
+            picker.currentPath = (createHostPath.value || '').trim() || '/';
         }
-        if (row.__timeNode) {
-            row.__timeNode.textContent = formatDateTime(session.updatedAt) || '暂无更新';
+        renderDirectoryPicker();
+        loadDirectoryPicker(picker.currentPath);
+    }
+
+    function renderSessionsLoading() {
+        state.sessionNodeMap.clear();
+        state.sessionRenderMode = 'loading';
+        sessionList.innerHTML = '';
+        for (let i = 0; i < 3; i++) {
+            const skeleton = document.createElement('div');
+            skeleton.className = 'skeleton session';
+            sessionList.appendChild(skeleton);
         }
-        row.__renderKey = getSessionRenderKey(session);
     }
 
     function handleSessionItemClick(sessionName) {
@@ -1807,7 +1981,7 @@
                 }
             }
         }
-        renderSessionActiveState();
+        renderSessions();
         syncUi();
         Promise.all([
             loadMessagesForSession(sessionName),
@@ -1817,49 +1991,113 @@
         });
     }
 
-    function createSessionRow(session, index) {
+    async function createAgentSession(containerName) {
+        const targetContainer = String(containerName || '').trim();
+        if (!targetContainer) {
+            return;
+        }
+        try {
+            const data = await api('/api/sessions/' + encodeURIComponent(targetContainer) + '/agents', {
+                method: 'POST',
+                body: JSON.stringify({})
+            });
+            state.activeTab = 'activity';
+            state.mode = 'agent';
+            await loadSessions(data.name);
+            if (isMobileLayout()) {
+                closeMobileSessionPanel();
+            }
+        } catch (e) {
+            alert(e.message);
+        }
+    }
+
+    function groupSessionsByDirectory(sessions) {
+        const groups = new Map();
+        (Array.isArray(sessions) ? sessions : []).forEach(function (session) {
+            const directoryPath = String(session && session.hostPath ? session.hostPath : '').trim() || '未配置目录';
+            if (!groups.has(directoryPath)) {
+                groups.set(directoryPath, {
+                    path: directoryPath,
+                    updatedAt: session && session.updatedAt ? session.updatedAt : '',
+                    containers: new Map()
+                });
+            }
+            const directoryGroup = groups.get(directoryPath);
+            if (session && session.updatedAt && (!directoryGroup.updatedAt || new Date(session.updatedAt).getTime() > new Date(directoryGroup.updatedAt).getTime())) {
+                directoryGroup.updatedAt = session.updatedAt;
+            }
+
+            const containerName = String(session && session.containerName ? session.containerName : '');
+            if (!directoryGroup.containers.has(containerName)) {
+                directoryGroup.containers.set(containerName, {
+                    containerName: containerName,
+                    status: session && session.status ? session.status : 'history',
+                    image: session && session.image ? session.image : '',
+                    updatedAt: session && session.updatedAt ? session.updatedAt : '',
+                    sessions: []
+                });
+            }
+            const containerGroup = directoryGroup.containers.get(containerName);
+            containerGroup.sessions.push(session);
+            if (session && session.updatedAt && (!containerGroup.updatedAt || new Date(session.updatedAt).getTime() > new Date(containerGroup.updatedAt).getTime())) {
+                containerGroup.updatedAt = session.updatedAt;
+            }
+        });
+        return Array.from(groups.values()).sort(function (a, b) {
+            const timeA = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
+            const timeB = b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
+            return timeB - timeA;
+        });
+    }
+
+    function createAgentRow(session, index) {
         const status = sessionStatusInfo(session.status);
         const btn = document.createElement('button');
         btn.type = 'button';
-        btn.className = 'session-item';
+        btn.className = 'agent-item';
         btn.dataset.sessionName = session.name;
+        btn.style.setProperty('--item-index', String(index));
+        btn.classList.toggle('active', state.active === session.name);
 
         const sessionName = document.createElement('div');
-        sessionName.className = 'session-name';
+        sessionName.className = 'agent-name';
+        sessionName.textContent = session.agentName || session.name;
 
         const meta = document.createElement('div');
-        meta.className = 'session-meta';
+        meta.className = 'agent-meta';
 
         const statusBadge = document.createElement('span');
         statusBadge.className = `session-status ${status.tone}`;
+        statusBadge.textContent = status.label;
 
         const messageCount = document.createElement('span');
         messageCount.className = 'session-count';
+        messageCount.textContent = `${safeMessageCount(session.messageCount)} 条`;
 
         meta.appendChild(statusBadge);
         meta.appendChild(messageCount);
 
         const time = document.createElement('div');
-        time.className = 'session-time';
+        time.className = 'agent-time';
+        time.textContent = formatDateTime(session.updatedAt) || '暂无更新';
 
         btn.appendChild(sessionName);
         btn.appendChild(meta);
         btn.appendChild(time);
-        btn.__sessionNameNode = sessionName;
-        btn.__statusBadgeNode = statusBadge;
-        btn.__messageCountNode = messageCount;
-        btn.__timeNode = time;
-
         btn.addEventListener('click', function () {
             handleSessionItemClick(btn.dataset.sessionName || '');
         });
-
-        updateSessionRow(btn, session, index);
         return btn;
     }
 
     function renderSessions() {
-        sessionCount.textContent = state.loadingSessions ? '加载中...' : `${state.sessions.length} 个`;
+        const containerCount = new Set(state.sessions.map(function (session) {
+            return session && session.containerName ? session.containerName : '';
+        }).filter(Boolean)).size;
+        sessionCount.textContent = state.loadingSessions
+            ? '加载中...'
+            : `${state.sessions.length} 个 AGENT / ${containerCount} 个容器`;
 
         if (state.loadingSessions) {
             renderSessionsLoading();
@@ -1877,49 +2115,74 @@
             return;
         }
 
-        if (state.sessionRenderMode !== 'list') {
-            sessionList.innerHTML = '';
-            state.sessionNodeMap.clear();
-            state.sessionRenderMode = 'list';
-        }
-
-        const nextNameSet = new Set();
-        state.sessions.forEach(function (session, index) {
-            nextNameSet.add(session.name);
-            let row = state.sessionNodeMap.get(session.name);
-            if (!row) {
-                row = createSessionRow(session, index);
-                state.sessionNodeMap.set(session.name, row);
-            } else if (row.__renderKey !== getSessionRenderKey(session)) {
-                updateSessionRow(row, session, index);
-            } else {
-                row.style.setProperty('--item-index', String(index));
-            }
+        sessionList.innerHTML = '';
+        state.sessionNodeMap.clear();
+        state.sessionRenderMode = 'tree';
 
-            const currentAtIndex = sessionList.children[index];
-            if (currentAtIndex !== row) {
-                sessionList.insertBefore(row, currentAtIndex || null);
-            }
-        });
+        const grouped = groupSessionsByDirectory(state.sessions);
+        let itemIndex = 0;
 
-        const removeNames = [];
-        for (const existingName of state.sessionNodeMap.keys()) {
-            if (!nextNameSet.has(existingName)) {
-                removeNames.push(existingName);
-            }
-        }
-        removeNames.forEach(function (name) {
-            const row = state.sessionNodeMap.get(name);
-            if (row && row.parentNode === sessionList) {
-                sessionList.removeChild(row);
-            }
-            state.sessionNodeMap.delete(name);
-        });
+        grouped.forEach(function (directoryGroup) {
+            const group = document.createElement('section');
+            group.className = 'workbench-group';
 
-        while (sessionList.children.length > state.sessions.length) {
-            sessionList.removeChild(sessionList.lastChild);
-        }
-        renderSessionActiveState();
+            const groupHead = document.createElement('div');
+            groupHead.className = 'workbench-group-head';
+            groupHead.innerHTML = `
+                <div class="workbench-group-kicker">目录</div>
+                <div class="workbench-group-title">${escapeHtml(directoryGroup.path)}</div>
+            `;
+            group.appendChild(groupHead);
+
+            const containerStack = document.createElement('div');
+            containerStack.className = 'container-stack';
+
+            Array.from(directoryGroup.containers.values()).forEach(function (containerGroup) {
+                const status = sessionStatusInfo(containerGroup.status);
+                const containerCard = document.createElement('section');
+                containerCard.className = 'container-card';
+
+                const containerHead = document.createElement('div');
+                containerHead.className = 'container-card-head';
+
+                const containerInfo = document.createElement('div');
+                containerInfo.className = 'container-card-info';
+                containerInfo.innerHTML = `
+                    <div class="container-card-kicker">容器</div>
+                    <div class="container-card-title">${escapeHtml(containerGroup.containerName)}</div>
+                    <div class="container-card-meta">
+                        <span class="session-status ${status.tone}">${escapeHtml(status.label)}</span>
+                        <span>${escapeHtml(formatDateTime(containerGroup.updatedAt) || '暂无更新')}</span>
+                    </div>
+                `;
+
+                const addAgentBtn = document.createElement('button');
+                addAgentBtn.type = 'button';
+                addAgentBtn.className = 'secondary add-agent-btn';
+                addAgentBtn.textContent = '新建AGENT';
+                addAgentBtn.addEventListener('click', function () {
+                    createAgentSession(containerGroup.containerName);
+                });
+
+                containerHead.appendChild(containerInfo);
+                containerHead.appendChild(addAgentBtn);
+                containerCard.appendChild(containerHead);
+
+                const agentList = document.createElement('div');
+                agentList.className = 'agent-list';
+                containerGroup.sessions.forEach(function (session) {
+                    const row = createAgentRow(session, itemIndex);
+                    state.sessionNodeMap.set(session.name, row);
+                    agentList.appendChild(row);
+                    itemIndex += 1;
+                });
+                containerCard.appendChild(agentList);
+                containerStack.appendChild(containerCard);
+            });
+
+            group.appendChild(containerStack);
+            sessionList.appendChild(group);
+        });
     }
 
     function renderMessagesLoading() {
@@ -2522,6 +2785,38 @@
         });
     }
 
+    if (pickHostPathBtn) {
+        pickHostPathBtn.addEventListener('click', function () {
+            openDirectoryPicker('host');
+        });
+    }
+
+    if (pickContainerPathBtn) {
+        pickContainerPathBtn.addEventListener('click', function () {
+            openDirectoryPicker('container');
+        });
+    }
+
+    if (directoryPickerCancelBtn) {
+        directoryPickerCancelBtn.addEventListener('click', function () {
+            closeDirectoryPicker();
+        });
+    }
+
+    if (directoryPickerUpBtn) {
+        directoryPickerUpBtn.addEventListener('click', function () {
+            if (state.directoryPicker.parentPath) {
+                loadDirectoryPicker(state.directoryPicker.parentPath);
+            }
+        });
+    }
+
+    if (directoryPickerSelectBtn) {
+        directoryPickerSelectBtn.addEventListener('click', function () {
+            applyPickedDirectory();
+        });
+    }
+
     if (createRun) {
         createRun.addEventListener('change', function () {
             applyCurrentRunDefaults();
@@ -2822,6 +3117,14 @@
         });
     }
 
+    if (directoryPickerModal) {
+        directoryPickerModal.addEventListener('click', function (event) {
+            if (event.target === directoryPickerModal && !state.directoryPicker.loading) {
+                closeDirectoryPicker();
+            }
+        });
+    }
+
     window.addEventListener('keydown', function (event) {
         if (event.key === 'Escape' && state.configModalOpen) {
             closeConfigModal();
@@ -2831,6 +3134,9 @@
             closeCreateModal();
             syncUi();
         }
+        if (event.key === 'Escape' && state.directoryPicker.open) {
+            closeDirectoryPicker();
+        }
         if (event.key === 'Escape' && state.mobileSidebarOpen) {
             closeMobileSessionPanel();
         }
@@ -2877,7 +3183,9 @@
     removeBtn.addEventListener('click', async function () {
         if (!state.active) return;
         closeMobileActionsMenu();
-        const yes = confirm('确认删除容器 ' + state.active + ' ?');
+        const activeSession = getActiveSession();
+        const targetContainer = activeSession && activeSession.containerName ? activeSession.containerName : state.active;
+        const yes = confirm('确认删除容器 ' + targetContainer + ' ?');
         if (!yes) return;
         try {
             const current = state.active;
@@ -2896,7 +3204,9 @@
     removeAllBtn.addEventListener('click', async function () {
         if (!state.active) return;
         closeMobileActionsMenu();
-        const yes = confirm('确认删除对话 ' + state.active + ' ?');
+        const activeSession = getActiveSession();
+        const targetAgent = activeSession && activeSession.agentName ? activeSession.agentName : state.active;
+        const yes = confirm('确认删除对话 ' + targetAgent + ' ?');
         if (!yes) return;
         try {
             const current = state.active;