@xcanwin/manyoyo 6.2.0 → 6.2.1

package/lib/web/frontend/app.css

@@ -13,7 +13,6 @@
 
     --line: #d9c7ad;
     --line-strong: #b59263;
-    --line-soft: rgba(181, 146, 99, 0.26);
     --line-medium: rgba(181, 146, 99, 0.4);
     --tree-guide: rgba(181, 146, 99, 0.44);
     --tree-guide-soft: rgba(181, 146, 99, 0.44);
@@ -26,7 +25,6 @@
 
     --accent: #c4551f;
     --accent-strong: #9d4418;
-    --accent-soft: #fee4d6;
 
     --subaccent: #0f7c72;
     --subaccent-strong: #0a655e;
@@ -36,14 +34,9 @@
     --danger-strong: #962824;
     --danger-soft: #ffe8e5;
 
-    --status-running-bg: #e0f5ef;
     --status-running-text: #0c695f;
-    --status-stopped-bg: #fff0dd;
     --status-stopped-text: #9a5a09;
-    --status-history-bg: #ece7df;
-    --status-history-text: #645647;
     --tree-history-text: #b7b0a7;
-    --status-unknown-bg: #ece9ff;
     --status-unknown-text: #5a4bb0;
 
     --user-bubble: #fee9dd;
@@ -54,7 +47,6 @@
     --terminal-fg: #e8edf5;
     --terminal-cursor: #ffd166;
 
-    --shadow-soft: 0 14px 34px rgba(44, 31, 15, 0.16);
     --shadow-strong: 0 24px 54px rgba(44, 31, 15, 0.24);
 }
 
@@ -526,136 +518,6 @@ textarea:focus-visible {
     border-radius: 8px;
 }
 
-.session-item {
-    text-align: left;
-    width: 100%;
-    border: 1px solid var(--line);
-    background: var(--panel-strong);
-    color: var(--text);
-    border-radius: 10px;
-    padding: 11px 11px 11px 10px;
-    animation: itemIn 220ms ease both;
-    animation-delay: calc(var(--item-index, 0) * 30ms);
-}
-
-.session-item:hover {
-    border-color: #d1aa7f;
-    background: #fff8ef;
-    box-shadow: inset 3px 0 0 #d39c6d;
-}
-
-.session-item.active {
-    border-color: #c68d5a;
-    background: #fff3e8;
-    box-shadow: inset 3px 0 0 var(--accent), 0 0 0 2px rgba(196, 85, 31, 0.14);
-}
-
-.session-item.status-history:not(.active),
-.session-item.status-stopped:not(.active),
-.session-item.status-unknown:not(.active) {
-    border-color: rgba(181, 146, 99, 0.22);
-    background: rgba(255, 252, 247, 0.72);
-    box-shadow: none;
-}
-
-.session-item.status-history:not(.active) .session-name,
-.session-item.status-history:not(.active) .session-meta,
-.session-item.status-history:not(.active) .session-time,
-.session-item.status-stopped:not(.active) .session-name,
-.session-item.status-stopped:not(.active) .session-meta,
-.session-item.status-stopped:not(.active) .session-time,
-.session-item.status-unknown:not(.active) .session-name,
-.session-item.status-unknown:not(.active) .session-meta,
-.session-item.status-unknown:not(.active) .session-time {
-    opacity: 0.25;
-}
-
-.session-name {
-    font-size: 13px;
-    font-weight: 700;
-    margin-bottom: 6px;
-    word-break: break-all;
-}
-
-.session-meta {
-    display: flex;
-    align-items: center;
-    gap: 7px;
-    font-size: 12px;
-}
-
-.session-status {
-    border-radius: 999px;
-    padding: 2px 8px;
-    font-weight: 700;
-    font-size: 11px;
-    line-height: 1.4;
-    border: 1px solid transparent;
-}
-
-.session-status.running {
-    background: var(--status-running-bg);
-    color: var(--status-running-text);
-    border-color: #a9dacf;
-}
-
-.session-status.stopped {
-    background: var(--status-stopped-bg);
-    color: var(--status-stopped-text);
-    border-color: #edc98e;
-}
-
-.session-status.history {
-    background: var(--status-history-bg);
-    color: var(--status-history-text);
-    border-color: #d8cebe;
-}
-
-.session-status.unknown {
-    background: var(--status-unknown-bg);
-    color: var(--status-unknown-text);
-    border-color: #cac1fb;
-}
-
-.session-count {
-    color: var(--muted);
-}
-
-.session-time {
-    margin-top: 6px;
-    font-size: 11px;
-    color: #7b6d5d;
-}
-
-.workbench-group {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-}
-
-button.tree-toggle {
-    width: 100%;
-    text-align: left;
-    color: var(--text);
-    background: rgba(255, 250, 242, 0.92);
-    border-color: rgba(181, 146, 99, 0.38);
-    padding: 10px 12px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-start;
-    gap: 0;
-}
-
-button.tree-toggle:hover {
-    transform: none;
-    background: #fff6eb;
-    border-color: #d1aa7f;
-}
-
-button.tree-toggle:active {
-    transform: none;
-}
-
 .tree-node-block,
 .tree-node-children {
     display: flex;
@@ -1657,16 +1519,18 @@ body.terminal-mode .composer {
     gap: 6px;
     animation: msgIn 210ms ease both;
     animation-delay: 0ms;
-    /* animation 会让每条消息各自建立独立的层叠上下文（transform/opacity 动画的副作用），
-       悬浮显示的 .msg-actions 浮层因此只能在本条消息内部比较 z-index，
-       会被后面消息按 DOM 序整体盖住；悬浮时显式提升本条消息的 z-index 才能穿透 */
-    z-index: 0;
 }
 
-.msg:hover,
-.msg:focus-within {
-    /* 需要高于移动端 .composer 的 z-index: 3（position: sticky，悬浮在滚动内容之上），
-       否则最后一条消息的浮层会被吸底的输入框盖住 */
+/* .msg-actions 悬浮浮层会伸到气泡下方，给带浮层的消息多留一点底部间距，
+   让浮层完整落在消息之间的空白里，不需要靠 z-index 去抢下一条消息的地盘 */
+.msg:has(.msg-actions) {
+    margin-bottom: 20px;
+}
+
+.msg:last-child {
+    /* animation 会让每条消息各自建立独立的层叠上下文（transform/opacity 动画的副作用）；
+       只有最后一条消息的浮层可能伸到吸底 composer（移动端 position: sticky, z-index: 3）
+       的区域里，需要显式盖过它 */
     z-index: 4;
 }
 
@@ -1747,12 +1611,6 @@ body.terminal-mode .composer {
         opacity: 1;
         pointer-events: auto;
     }
-
-    /* 触屏设备没有真正的 :hover，上面 .msg:hover 提升 z-index 的规则永远不会触发；
-       这里常驻按住基础 z-index 之上，浮层才不会被吸底输入框（sticky, z-index: 3）盖住 */
-    .msg {
-        z-index: 4;
-    }
 }
 
 .msg-copy-btn {
@@ -1781,24 +1639,6 @@ body.terminal-mode .composer {
     background: var(--subaccent-soft);
 }
 
-.msg-exit {
-    font-family: var(--font-mono);
-    font-size: 11px;
-    letter-spacing: 0.1px;
-    color: var(--muted);
-}
-
-.msg.user .msg-exit {
-    align-self: flex-end;
-    text-align: right;
-}
-
-.msg.assistant .msg-exit,
-.msg.system .msg-exit {
-    align-self: flex-start;
-    text-align: left;
-}
-
 .bubble {
     position: relative;
     border: 1px solid var(--line);
@@ -1823,14 +1663,12 @@ body.terminal-mode .composer {
 }
 
 body.agent-mode .msg.origin-command .bubble,
-body.agent-mode .msg.origin-command .msg-meta,
-body.agent-mode .msg.origin-command .msg-exit {
+body.agent-mode .msg.origin-command .msg-meta {
     opacity: 0.25;
 }
 
 body.command-mode .msg.origin-agent .bubble,
-body.command-mode .msg.origin-agent .msg-meta,
-body.command-mode .msg.origin-agent .msg-exit {
+body.command-mode .msg.origin-agent .msg-meta {
     opacity: 0.25;
 }
 
@@ -2039,6 +1877,14 @@ details.trace-card > .trace-card-summary {
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 249, 240, 0.78) 100%);
 }
 
+body.composer-options-open .composer {
+    /* 移动端 .composer 是 position: sticky + z-index: 3 自成一个层叠上下文，
+       "选项"面板的 z-index: 8 只在这个上下文内部有效，会被消息区里
+       z-index 更高的内容（如 .msg:last-child）整体盖住；下拉展开时
+       把 composer 本身的层级也一起抬高，才能让面板真正浮在最上层 */
+    z-index: 20;
+}
+
 .composer-inner {
     display: grid;
     grid-template-columns: 1fr auto;
@@ -2131,17 +1977,6 @@ body.composer-options-open .composer-options-panel {
     }
 }
 
-@keyframes itemIn {
-    from {
-        opacity: 0;
-        transform: translateY(6px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
 @keyframes msgIn {
     from {
         opacity: 0;

package/lib/web/frontend/app.js

@@ -951,17 +951,6 @@
         return base.replace(/\/+$/, '') + '/' + child.replace(/^\/+/, '');
     }
 
-    function envMapToText(envMap) {
-        if (!envMap || typeof envMap !== 'object') {
-            return '';
-        }
-        return Object.entries(envMap)
-            .map(function (entry) {
-                return entry[0] + '=' + String(entry[1] == null ? '' : entry[1]);
-            })
-            .join('\n');
-    }
-
     function textToLineArray(text) {
         return String(text || '')
             .split('\n')
@@ -2953,10 +2942,6 @@
         });
     }
 
-    function createTreeMetaText(parts) {
-        return (parts || []).filter(Boolean).join(' · ');
-    }
-
     function getSessionCreatedTime(session) {
         if (session && session.createdAt) {
             const time = new Date(session.createdAt).getTime();
@@ -3368,7 +3353,7 @@
         });
     }
 
-    function renderSessionTreeNodes(nodes, parentNode, ancestorHasNext, itemCounter) {
+    function renderSessionTreeNodes(nodes, parentNode, ancestorHasNext) {
         (Array.isArray(nodes) ? nodes : []).forEach(function (node, index) {
             const isLastSibling = index === nodes.length - 1;
             const item = createTreeItem({
@@ -3390,8 +3375,6 @@
 
             if (node.kind === 'agent') {
                 item.button.dataset.sessionName = node.sessionName || '';
-                item.button.style.setProperty('--item-index', String(itemCounter.value));
-                itemCounter.value += 1;
                 state.sessionNodeMap.set(node.sessionName, item.button);
                 item.button.addEventListener('click', function () {
                     handleSessionItemClick(node.sessionName || '');
@@ -3409,7 +3392,7 @@
             childrenNode.className = `tree-node-children tree-node-children-${node.kind}`;
             childrenNode.setAttribute('role', 'group');
             childrenNode.hidden = !node.expanded;
-            renderSessionTreeNodes(node.children || [], childrenNode, ancestorHasNext.concat(!isLastSibling), itemCounter);
+            renderSessionTreeNodes(node.children || [], childrenNode, ancestorHasNext.concat(!isLastSibling));
             block.appendChild(childrenNode);
             parentNode.appendChild(block);
 
@@ -3505,8 +3488,7 @@
 
         const grouped = groupSessionsByDirectory(state.sessions);
         const treeNodes = buildSessionTreeNodes(grouped);
-        const itemCounter = { value: 0 };
-        renderSessionTreeNodes(treeNodes, sessionList, [], itemCounter);
+        renderSessionTreeNodes(treeNodes, sessionList, []);
         updateSidebarActiveSelection();
 
         scrollActiveSessionIntoView();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@xcanwin/manyoyo",
-    "version": "6.2.0",
+    "version": "6.2.1",
     "imageVersion": "1.9.1-common",
     "playwrightCliVersion": "0.1.18",
     "description": "AI Agent CLI Security Sandbox for Docker and Podman",