@xcanwin/manyoyo 5.9.1 → 5.9.2

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.js

@@ -385,34 +385,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 +408,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 +434,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 +443,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 +458,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 +477,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 +523,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));
         });

package/package.json

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