@xcanwin/manyoyo 5.7.13 → 5.7.14

package/lib/web/frontend/app.css

@@ -1516,6 +1516,36 @@ 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

@@ -354,6 +354,34 @@
         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) {
@@ -377,11 +405,12 @@
 
     function createTraceEventCard(traceEvent) {
         const event = traceEvent && typeof traceEvent === 'object' ? traceEvent : {};
+        const compact = shouldCompactTraceEvent(event);
         const bodyParts = [];
-        if (event.kind === 'command' && event.command) {
+        if (!compact && event.kind === 'command' && event.command) {
             bodyParts.push({ label: '命令', value: event.command });
         }
-        if (event.kind === 'mcp') {
+        if (!compact && event.kind === 'mcp') {
             if (event.argumentSummary) {
                 bodyParts.push({ label: '参数摘要', value: event.argumentSummary });
             }
@@ -395,7 +424,7 @@
                 bodyParts.push({ label: '错误', value: event.error });
             }
         }
-        if (event.kind === 'tool' && event.toolName) {
+        if (!compact && event.kind === 'tool' && event.toolName) {
             bodyParts.push({ label: '工具', value: event.toolName });
         }
         if ((event.kind === 'agent_message' || event.kind === 'status' || event.kind === 'error') && event.detail) {
@@ -404,7 +433,7 @@
 
         const hasBody = bodyParts.length > 0;
         const card = document.createElement(hasBody ? 'details' : 'div');
-        card.className = 'trace-card trace-tone-' + resolveTraceTone(event);
+        card.className = 'trace-card trace-tone-' + resolveTraceTone(event) + (compact ? ' trace-card-compact' : '');
         if (hasBody && event.kind === 'error') {
             card.open = true;
         }
@@ -419,7 +448,7 @@
 
         const title = document.createElement('span');
         title.className = 'trace-card-title';
-        title.textContent = event && event.text ? String(event.text) : '事件';
+        title.textContent = compact ? buildCompactTraceText(event) : (event && event.text ? String(event.text) : '事件');
         header.appendChild(title);
 
         const phaseText = humanizeTracePhase(event);

package/package.json

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