@xcanwin/manyoyo 5.9.1 → 5.9.3

package/lib/web/frontend/app.css

@@ -1667,22 +1667,6 @@ body.command-mode .msg.origin-agent .bubble {
     gap: 10px;
 }
 
-.trace-summary {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-}
-
-.trace-summary-line {
-    padding: 7px 10px;
-    border-radius: 8px;
-    border: 1px dashed rgba(181, 146, 99, 0.45);
-    background: rgba(255, 250, 242, 0.82);
-    color: var(--muted);
-    font-size: 12px;
-    line-height: 1.45;
-}
-
 .trace-flow {
     display: flex;
     flex-direction: column;
@@ -1722,6 +1706,11 @@ body.command-mode .msg.origin-agent .bubble {
     border-left-color: var(--line-strong);
 }
 
+.trace-card.trace-card-residual {
+    background: rgba(255, 250, 242, 0.86);
+    box-shadow: none;
+}
+
 .trace-card-summary {
     list-style: none;
     display: flex;
@@ -1735,36 +1724,6 @@ details.trace-card > .trace-card-summary {
     cursor: pointer;
 }
 
-.trace-card.trace-card-compact {
-    border-left-width: 2px;
-    border-radius: 999px;
-    background: rgba(255, 251, 245, 0.78);
-    box-shadow: none;
-}
-
-.trace-card.trace-card-compact .trace-card-summary {
-    padding: 5px 10px;
-    gap: 7px;
-}
-
-.trace-card.trace-card-compact .trace-card-badge {
-    min-width: 0;
-    padding: 2px 6px;
-    background: rgba(31, 26, 20, 0.06);
-    font-size: 10px;
-}
-
-.trace-card.trace-card-compact .trace-card-title {
-    font-size: 11px;
-    font-weight: 500;
-    color: #6e6256;
-}
-
-.trace-card.trace-card-compact .trace-card-phase {
-    font-size: 10px;
-    color: #8a7d70;
-}
-
 .trace-card-summary::-webkit-details-marker {
     display: none;
 }

package/lib/web/frontend/app.html

@@ -58,9 +58,10 @@
                             >更多</button>
                             <div class="header-actions" id="headerActions">
                                 <button type="button" id="refreshBtn" class="secondary">刷新</button>
-                                <button type="button" id="addAgentBtn" class="secondary">新建AGENT</button>
-                                <button type="button" id="removeBtn" class="danger-outline">删除容器</button>
-                                <button type="button" id="removeAllBtn" class="danger">删除对话</button>
+                                <button type="button" id="openCreateMenuBtn" class="secondary">新建容器</button>
+                                <button type="button" id="removeBtn" class="danger">删除容器</button>
+                                <button type="button" id="addAgentBtn" class="secondary">新建 AGENT</button>
+                                <button type="button" id="removeAllBtn" class="danger">删除 AGENT</button>
                             </div>
                         </div>
                     </div>

package/lib/web/frontend/app.js

@@ -57,6 +57,7 @@
         configSaveMessage: '',
         createLoading: false,
         createSubmitting: false,
+        creatingAgent: false,
         agentTemplateSaving: false,
         configSnapshot: null,
         sessionDetail: null,
@@ -131,6 +132,7 @@
     const sidebarBackdrop = document.getElementById('sidebarBackdrop');
     const openConfigBtn = document.getElementById('openConfigBtn');
     const openCreateBtn = document.getElementById('openCreateBtn');
+    const openCreateMenuBtn = document.getElementById('openCreateMenuBtn');
     const configModal = document.getElementById('configModal');
     const configModalTitle = document.getElementById('configModalTitle');
     const configPath = document.getElementById('configPath');
@@ -385,34 +387,6 @@
         return 'neutral';
     }
 
-    function shouldCompactTraceEvent(traceEvent) {
-        const event = traceEvent && typeof traceEvent === 'object' ? traceEvent : {};
-        const phase = event.phase ? String(event.phase) : '';
-        const kind = event.kind ? String(event.kind) : '';
-        if (phase !== 'completed') {
-            return false;
-        }
-        return kind === 'command' || kind === 'mcp' || kind === 'tool';
-    }
-
-    function buildCompactTraceText(traceEvent) {
-        const event = traceEvent && typeof traceEvent === 'object' ? traceEvent : {};
-        if (event.kind === 'command') {
-            const suffix = typeof event.exitCode === 'number'
-                ? `exit ${event.exitCode}`
-                : (event.status ? String(event.status) : 'completed');
-            return `${event.command || event.text || '命令'} · ${suffix}`;
-        }
-        if (event.kind === 'mcp') {
-            const toolLabel = [event.server, event.tool].filter(Boolean).join('.') || event.text || 'MCP';
-            return event.argumentSummary ? `${toolLabel} · ${event.argumentSummary}` : toolLabel;
-        }
-        if (event.kind === 'tool') {
-            return event.toolName || event.text || '工具';
-        }
-        return event.text || '事件';
-    }
-
     function appendTraceCardBody(cardBody, label, value) {
         const text = stringifyPrettyJson(value).trim();
         if (!text) {
@@ -436,12 +410,19 @@
 
     function createTraceEventCard(traceEvent) {
         const event = traceEvent && typeof traceEvent === 'object' ? traceEvent : {};
-        const compact = shouldCompactTraceEvent(event);
         const bodyParts = [];
-        if (!compact && event.kind === 'command' && event.command) {
+        if (event.kind === 'command' && event.command) {
             bodyParts.push({ label: '命令', value: event.command });
+            if (typeof event.exitCode === 'number') {
+                bodyParts.push({ label: '退出码', value: String(event.exitCode) });
+            } else if (event.status) {
+                bodyParts.push({ label: '状态', value: event.status });
+            }
         }
-        if (!compact && event.kind === 'mcp') {
+        if (event.kind === 'mcp') {
+            if (event.server || event.tool) {
+                bodyParts.push({ label: '工具', value: [event.server, event.tool].filter(Boolean).join('.') });
+            }
             if (event.argumentSummary) {
                 bodyParts.push({ label: '参数摘要', value: event.argumentSummary });
             }
@@ -455,7 +436,7 @@
                 bodyParts.push({ label: '错误', value: event.error });
             }
         }
-        if (!compact && event.kind === 'tool' && event.toolName) {
+        if (event.kind === 'tool' && event.toolName) {
             bodyParts.push({ label: '工具', value: event.toolName });
         }
         if ((event.kind === 'agent_message' || event.kind === 'status' || event.kind === 'error') && event.detail) {
@@ -464,7 +445,7 @@
 
         const hasBody = bodyParts.length > 0;
         const card = document.createElement(hasBody ? 'details' : 'div');
-        card.className = 'trace-card trace-tone-' + resolveTraceTone(event) + (compact ? ' trace-card-compact' : '');
+        card.className = 'trace-card trace-tone-' + resolveTraceTone(event);
         if (hasBody && event.kind === 'error') {
             card.open = true;
         }
@@ -479,7 +460,7 @@
 
         const title = document.createElement('span');
         title.className = 'trace-card-title';
-        title.textContent = compact ? buildCompactTraceText(event) : (event && event.text ? String(event.text) : '事件');
+        title.textContent = event && event.text ? String(event.text) : '事件';
         header.appendChild(title);
 
         const phaseText = humanizeTracePhase(event);
@@ -498,9 +479,44 @@
             bodyParts.forEach(function (part) {
                 appendTraceCardBody(body, part.label, part.value);
             });
-            card.appendChild(body);
+        card.appendChild(body);
+    }
+
+    return card;
+}
+
+    function resolveResidualTraceTone(line) {
+        const text = String(line || '').trim();
+        if (!text) {
+            return 'neutral';
         }
+        if (text.startsWith('[stderr]') || text.startsWith('[错误]')) {
+            return 'error';
+        }
+        if (text.startsWith('[任务]') || text.includes('上下文模式') || text.includes('会话恢复') || text.includes('等待 Agent 启动')) {
+            return 'status';
+        }
+        return 'neutral';
+    }
+
+    function createResidualTraceCard(line) {
+        const card = document.createElement('div');
+        card.className = 'trace-card trace-tone-' + resolveResidualTraceTone(line) + ' trace-card-residual';
 
+        const header = document.createElement('div');
+        header.className = 'trace-card-summary';
+
+        const badge = document.createElement('span');
+        badge.className = 'trace-card-badge';
+        badge.textContent = '状态';
+        header.appendChild(badge);
+
+        const title = document.createElement('span');
+        title.className = 'trace-card-title';
+        title.textContent = String(line || '');
+        header.appendChild(title);
+
+        card.appendChild(header);
         return card;
     }
 
@@ -509,21 +525,11 @@
         const container = document.createElement('div');
         container.className = 'trace-structured';
 
-        const residualLines = buildStructuredTraceResidualLines(message);
-        if (residualLines.length) {
-            const summary = document.createElement('div');
-            summary.className = 'trace-summary';
-            residualLines.forEach(function (line) {
-                const item = document.createElement('div');
-                item.className = 'trace-summary-line';
-                item.textContent = line;
-                summary.appendChild(item);
-            });
-            container.appendChild(summary);
-        }
-
         const flow = document.createElement('div');
         flow.className = 'trace-flow';
+        buildStructuredTraceResidualLines(message).forEach(function (line) {
+            flow.appendChild(createResidualTraceCard(line));
+        });
         (Array.isArray(message && message.traceEvents) ? message.traceEvents : []).forEach(function (traceEvent) {
             flow.appendChild(createTraceEventCard(traceEvent));
         });
@@ -2189,10 +2195,11 @@
         }
 
         const activeAgentRunning = isAgentRunActiveForSession(state.active) || hasPendingAgentMessagesForSession(state.active);
-        const busy = state.loadingSessions || state.loadingMessages || state.sending;
+        const busy = state.loadingSessions || state.loadingMessages || state.sending || state.creatingAgent;
         refreshBtn.disabled = busy;
         if (addAgentBtn) {
             addAgentBtn.disabled = !state.active || busy;
+            addAgentBtn.textContent = state.creatingAgent ? '新建中...' : '新建 AGENT';
         }
         removeBtn.disabled = !state.active || busy;
         removeAllBtn.disabled = !state.active || busy;
@@ -2217,6 +2224,9 @@
         if (openCreateBtn) {
             openCreateBtn.disabled = state.createLoading || state.createSubmitting;
         }
+        if (openCreateMenuBtn) {
+            openCreateMenuBtn.disabled = state.createLoading || state.createSubmitting;
+        }
         if (openConfigBtn) {
             openConfigBtn.disabled = state.configLoading || state.configSaving;
         }
@@ -2247,6 +2257,9 @@
             if (!state.active) {
                 sendState.textContent = '未选择会话';
                 sendState.classList.remove('is-active');
+            } else if (state.creatingAgent) {
+                sendState.textContent = '正在新建 AGENT…';
+                sendState.classList.add('is-active');
             } else if (activeAgentRunning && agentMode) {
                 sendState.textContent = state.agentRun.stopping ? '正在停止 Agent…' : 'Agent 执行中';
                 sendState.classList.add('is-active');
@@ -2300,6 +2313,8 @@
         );
         if (!state.active) {
             sendState.textContent = '未选择会话';
+        } else if (state.creatingAgent) {
+            sendState.textContent = '正在新建 AGENT…';
         } else if (agentMode && !agentEnabled) {
             sendState.textContent = '当前会话未配置 AGENT 模板';
         } else if (state.sending) {
@@ -2309,7 +2324,7 @@
         } else {
             sendState.textContent = '就绪';
         }
-        sendState.classList.toggle('is-active', state.sending);
+        sendState.classList.toggle('is-active', state.sending || state.creatingAgent);
         if (composer) {
             composer.hidden = !activityTab;
         }
@@ -2695,6 +2710,11 @@
         if (!targetContainer) {
             return;
         }
+        if (state.creatingAgent) {
+            return;
+        }
+        state.creatingAgent = true;
+        syncUi();
         try {
             const data = await api('/api/sessions/' + encodeURIComponent(targetContainer) + '/agents', {
                 method: 'POST',
@@ -2708,6 +2728,9 @@
             }
         } catch (e) {
             alert(e.message);
+        } finally {
+            state.creatingAgent = false;
+            syncUi();
         }
     }
 
@@ -2751,9 +2774,7 @@
             });
             group.containers.forEach(function (containerGroup) {
                 containerGroup.sessions.sort(function (a, b) {
-                    const timeA = a && a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
-                    const timeB = b && b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
-                    return timeB - timeA;
+                    return compareSessionByCreatedDesc(a, b);
                 });
             });
             return group;
@@ -2768,6 +2789,72 @@
         return (parts || []).filter(Boolean).join(' · ');
     }
 
+    function getSessionCreatedTime(session) {
+        if (session && session.createdAt) {
+            const time = new Date(session.createdAt).getTime();
+            if (Number.isFinite(time)) {
+                return time;
+            }
+        }
+        return 0;
+    }
+
+    function getSessionUpdatedTime(session) {
+        if (session && session.updatedAt) {
+            const time = new Date(session.updatedAt).getTime();
+            if (Number.isFinite(time)) {
+                return time;
+            }
+        }
+        return 0;
+    }
+
+    function getSessionAgentCreationRank(session) {
+        const agentId = session && session.agentId ? String(session.agentId) : '';
+        if (!agentId || agentId === 'default') {
+            return 1;
+        }
+        const matched = agentId.match(/^agent-(\d+)$/);
+        return matched ? (Number(matched[1]) || 0) : 0;
+    }
+
+    function compareSessionByCreatedDesc(a, b) {
+        const createdA = getSessionCreatedTime(a);
+        const createdB = getSessionCreatedTime(b);
+        if (createdA !== createdB) {
+            return createdB - createdA;
+        }
+        if (a && b && a.containerName && a.containerName === b.containerName) {
+            const rankA = getSessionAgentCreationRank(a);
+            const rankB = getSessionAgentCreationRank(b);
+            if (rankA !== rankB) {
+                return rankB - rankA;
+            }
+        }
+        const updatedA = getSessionUpdatedTime(a);
+        const updatedB = getSessionUpdatedTime(b);
+        if (updatedA !== updatedB) {
+            return updatedB - updatedA;
+        }
+        return String((a && a.name) || '').localeCompare(String((b && b.name) || ''), 'zh-CN');
+    }
+
+    function findLatestCreatedSessionName(sessions, preferredContainerName) {
+        const list = Array.isArray(sessions) ? sessions.filter(Boolean) : [];
+        if (!list.length) {
+            return '';
+        }
+        const targetContainer = String(preferredContainerName || '').trim();
+        const scoped = targetContainer
+            ? list.filter(function (session) {
+                return session && session.containerName === targetContainer;
+            })
+            : list;
+        const candidates = scoped.length ? scoped : list;
+        const sorted = candidates.slice().sort(compareSessionByCreatedDesc);
+        return sorted.length && sorted[0] && sorted[0].name ? sorted[0].name : '';
+    }
+
     function createDisclosureButton(expanded, label) {
         const button = document.createElement('button');
         button.type = 'button';
@@ -2912,7 +2999,7 @@
                     const addAgentBtn = document.createElement('button');
                     addAgentBtn.type = 'button';
                     addAgentBtn.className = 'secondary tree-node-menu-item';
-                    addAgentBtn.textContent = '新建AGENT';
+                    addAgentBtn.textContent = '新建 AGENT';
                     addAgentBtn.addEventListener('click', function (event) {
                         event.stopPropagation();
                         createAgentSession(containerName);
@@ -3298,7 +3385,7 @@
         }
     }
 
-    function applySessionsSnapshot(rawSessions, preferredName) {
+    function applySessionsSnapshot(rawSessions, preferredName, preferredContainerName) {
         const previousActive = state.active;
         state.sessions = Array.isArray(rawSessions) ? rawSessions : [];
         pruneSidebarTreeState();
@@ -3313,7 +3400,7 @@
             state.sessionDetailError = '';
         }
         if (!state.active && state.sessions.length) {
-            state.active = state.sessions[0].name;
+            state.active = findLatestCreatedSessionName(state.sessions, preferredContainerName) || state.sessions[0].name;
         }
         if (state.active && state.active !== previousActive) {
             ensureSessionPathExpanded(state.active);
@@ -3337,7 +3424,7 @@
         let requestError = null;
         try {
             const data = await api('/api/sessions');
-            applySessionsSnapshot(data.sessions, opts.preferredName);
+            applySessionsSnapshot(data.sessions, opts.preferredName, opts.preferredContainerName);
         } catch (e) {
             requestError = e;
         } finally {
@@ -3763,6 +3850,13 @@
         });
     }
 
+    if (openCreateMenuBtn) {
+        openCreateMenuBtn.addEventListener('click', function () {
+            closeMobileActionsMenu();
+            openCreateModal();
+        });
+    }
+
     if (agentTemplateBtn) {
         agentTemplateBtn.addEventListener('click', function () {
             openAgentTemplateModal().catch(function (e) {
@@ -4343,14 +4437,18 @@
         closeMobileActionsMenu();
         const activeSession = getActiveSession();
         const targetAgent = activeSession && activeSession.agentName ? activeSession.agentName : state.active;
-        const yes = confirm('确认删除对话 ' + targetAgent + ' ?');
+        const yes = confirm('确认删除 AGENT ' + targetAgent + ' ?');
         if (!yes) return;
         try {
-            const current = state.active;
-            await api('/api/sessions/' + encodeURIComponent(current) + '/remove-with-history', {
+            const targetContainerName = activeSession && activeSession.containerName ? activeSession.containerName : '';
+            await api('/api/sessions/' + encodeURIComponent(state.active) + '/remove-with-history', {
                 method: 'POST'
             });
-            await loadSessions(current);
+            await refreshSessions({
+                preferredContainerName: targetContainerName,
+                withLoading: true,
+                reloadMessages: true
+            });
         } catch (e) {
             alert(e.message);
         }

package/lib/web/server.js

@@ -165,6 +165,7 @@ function createEmptyWebAgentSession(agentId, agentName) {
         agentId,
         agentName: normalizeWebAgentName(agentId, agentName),
         agentPromptCommand: '',
+        createdAt: null,
         updatedAt: null,
         messages: [],
         lastResumeAt: null,
@@ -181,6 +182,7 @@ function normalizeWebAgentSessionRecord(agentId, rawAgent) {
         agentPromptCommand: typeof source.agentPromptCommand === 'string'
             ? normalizeAgentPromptCommandTemplate(source.agentPromptCommand, `agents.${agentId}.agentPromptCommand`)
             : '',
+        createdAt: typeof source.createdAt === 'string' ? source.createdAt : null,
         updatedAt: typeof source.updatedAt === 'string' ? source.updatedAt : null,
         messages: Array.isArray(source.messages) ? source.messages : [],
         lastResumeAt: typeof source.lastResumeAt === 'string' ? source.lastResumeAt : null,
@@ -384,6 +386,45 @@ function listWebAgentSessions(history, options = {}) {
         });
 }
 
+function getWebAgentCreationRank(agentId) {
+    if (agentId === WEB_DEFAULT_AGENT_ID) {
+        return 1;
+    }
+    const matched = String(agentId || '').match(/^agent-(\d+)$/);
+    return matched ? (Number(matched[1]) || 0) : 0;
+}
+
+function getWebSessionCreatedTime(sessionSummary) {
+    if (sessionSummary && sessionSummary.createdAt) {
+        const time = new Date(sessionSummary.createdAt).getTime();
+        if (Number.isFinite(time)) {
+            return time;
+        }
+    }
+    return 0;
+}
+
+function compareWebSessionCreatedDesc(a, b) {
+    const timeA = getWebSessionCreatedTime(a);
+    const timeB = getWebSessionCreatedTime(b);
+    if (timeA !== timeB) {
+        return timeB - timeA;
+    }
+    if (a && b && a.containerName === b.containerName) {
+        const rankA = getWebAgentCreationRank(a.agentId);
+        const rankB = getWebAgentCreationRank(b.agentId);
+        if (rankA !== rankB) {
+            return rankB - rankA;
+        }
+    }
+    const updatedA = a && a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
+    const updatedB = b && b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
+    if (updatedA !== updatedB) {
+        return updatedB - updatedA;
+    }
+    return String((a && a.name) || '').localeCompare(String((b && b.name) || ''), 'zh-CN');
+}
+
 function createWebSessionMessageId() {
     return `${Date.now()}-${Math.random().toString(16).slice(2, 8)}`;
 }
@@ -402,6 +443,9 @@ function appendWebSessionMessage(webHistoryDir, sessionRefOrContainerName, role,
         timestamp,
         ...extra
     };
+    if (!agentSession.createdAt) {
+        agentSession.createdAt = timestamp;
+    }
     agentSession.messages.push(message);
 
     if (agentSession.messages.length > WEB_HISTORY_MAX_MESSAGES) {
@@ -584,7 +628,11 @@ function createWebAgentSession(history) {
     }
     const agentId = `agent-${agentIndex}`;
     const agentSession = createEmptyWebAgentSession(agentId, `AGENT ${agentIndex}`);
+    const timestamp = new Date().toISOString();
+    agentSession.createdAt = timestamp;
+    agentSession.updatedAt = timestamp;
     sessionHistory.agents[agentId] = agentSession;
+    sessionHistory.updatedAt = timestamp;
     return agentSession;
 }
 
@@ -3041,6 +3089,7 @@ function buildSessionSummary(ctx, state, containerMap, sessionRef) {
             status: containerInfo.status || 'history',
             defaultCommand: containerInfo.defaultCommand || ''
         });
+    const createdAt = agentSession.createdAt || containerInfo.createdAt || null;
     const updatedAt = agentSession.updatedAt || history.updatedAt || (latestMessage && latestMessage.timestamp) || containerInfo.createdAt || null;
     return {
         name: buildWebSessionKey(containerName, agentId),
@@ -3049,6 +3098,7 @@ function buildSessionSummary(ctx, state, containerMap, sessionRef) {
         agentName: agentSession.agentName,
         status: containerInfo.status || 'history',
         image: containerInfo.image || '',
+        createdAt,
         updatedAt,
         messageCount: agentSession.messages.length,
         agentEnabled: isAgentPromptCommandEnabled(effectiveAgentPromptCommand),
@@ -3594,11 +3644,7 @@ async function handleWebApi(req, res, pathname, ctx, state) {
                             }))
                             .filter(Boolean);
                     })
-                    .sort((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;
-                    });
+                    .sort(compareWebSessionCreatedDesc);
 
                 sendJson(res, 200, { sessions });
             }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@xcanwin/manyoyo",
-    "version": "5.9.1",
+    "version": "5.9.3",
     "imageVersion": "1.9.0-common",
     "playwrightCliVersion": "0.1.1",
     "description": "AI Agent CLI Security Sandbox for Docker and Podman",