@zhongqian97-code/ecode 0.5.32 → 0.5.33

package/dist/index.js

@@ -5500,7 +5500,14 @@ function generateAdminHtml(version2) {
       padding: 4px 10px;
       color: #8b949e;
       font-size: 11px;
+      cursor: pointer;
+      user-select: none;
+      display: flex;
+      align-items: center;
+      gap: 6px;
     }
+    .tool-box-header:hover { background: #2d333b; }
+    .tool-box.collapsed .tool-box-body { display: none; }
     .tool-box-body {
       padding: 8px 10px;
       color: #c9d1d9;
@@ -5678,12 +5685,15 @@ function generateAdminHtml(version2) {
       padding: 10px 16px;
       border-radius: 4px;
       font-size: 13px;
-      max-width: 320px;
+      max-width: 360px;
       background: #21262d;
       color: #c9d1d9;
       border: 1px solid #30363d;
       pointer-events: auto;
       animation: toast-in .2s ease;
+      display: flex;
+      align-items: flex-start;
+      gap: 10px;
     }
     .toast-error {
       background: #2d1b1b;
@@ -5695,6 +5705,19 @@ function generateAdminHtml(version2) {
       color: #3fb950;
       border-color: #2ea043;
     }
+    .toast-close {
+      background: none;
+      border: none;
+      color: inherit;
+      font-size: 16px;
+      line-height: 1;
+      cursor: pointer;
+      padding: 0;
+      opacity: 0.6;
+      flex-shrink: 0;
+      margin-left: auto;
+    }
+    .toast-close:hover { opacity: 1; }
     @keyframes toast-in {
       from { opacity: 0; transform: translateX(20px); }
       to   { opacity: 1; transform: translateX(0); }
@@ -5855,9 +5878,21 @@ function generateAdminHtml(version2) {
       if (!container) return;
       const el = document.createElement('div');
       el.className = 'toast toast-' + (type || 'info');
-      el.textContent = msg;
+      const textSpan = document.createElement('span');
+      textSpan.textContent = msg;
+      el.appendChild(textSpan);
+      if (type === 'error') {
+        // \u9519\u8BEF Toast \u6301\u4E45\u5316\uFF1A\u4E0D\u81EA\u52A8\u6D88\u5931\uFF0C\u63D0\u4F9B\u5173\u95ED\u6309\u94AE
+        const closeBtn = document.createElement('button');
+        closeBtn.className = 'toast-close';
+        closeBtn.textContent = '\xD7';
+        closeBtn.setAttribute('aria-label', '\u5173\u95ED');
+        closeBtn.onclick = () => el.remove();
+        el.appendChild(closeBtn);
+      } else {
+        setTimeout(() => el.remove(), 4000);
+      }
       container.appendChild(el);
-      setTimeout(() => el.remove(), 4000);
     }
 
     // \u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -6144,7 +6179,10 @@ function generateAdminHtml(version2) {
         boxEl.className = 'tool-box';
         boxEl.setAttribute('data-tool-id', msg.callId || name);
         boxEl.innerHTML =
-          '<div class="tool-box-header">\u250C\u2500 ' + escHtml(name) + ' \u2500</div>' +
+          '<div class="tool-box-header" onclick="toggleToolBox(this)">' +
+          '<span class="tb-indicator">\u25BC</span>' +
+          '<span class="tb-name">\u2699 ' + escHtml(name) + '</span>' +
+          '</div>' +
           '<div class="tool-box-body">\u2026</div>';
         if (!state.showTools) boxEl.style.display = 'none';
         msgsEl.appendChild(boxEl);
@@ -6156,8 +6194,8 @@ function generateAdminHtml(version2) {
         if (boxEl) {
           const body = boxEl.querySelector('.tool-box-body');
           body.textContent = msg.output || '';
-          boxEl.querySelector('.tool-box-header').textContent =
-            '\u2514\u2500 ' + (msg.toolName || toolId) + ' \u2500';
+          const nameEl = boxEl.querySelector('.tb-name');
+          if (nameEl) nameEl.textContent = '\u2713 ' + (msg.toolName || toolId);
         }
         setStatus('idle');
       } else if (type === 'approval.requested') {
@@ -6195,6 +6233,15 @@ function generateAdminHtml(version2) {
         .replace(/>/g, '&gt;');
     }
 
+    // \u2500\u2500 Tool box collapse \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    function toggleToolBox(headerEl) {
+      const box = headerEl.closest('.tool-box');
+      if (!box) return;
+      const isNowCollapsed = box.classList.toggle('collapsed');
+      const indicator = headerEl.querySelector('.tb-indicator');
+      if (indicator) indicator.textContent = isNowCollapsed ? '\u25B6' : '\u25BC';
+    }
+
     // \u2500\u2500 Skill dropdown \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
     var selectedSkillIndex = -1;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhongqian97-code/ecode",
-  "version": "0.5.32",
+  "version": "0.5.33",
   "description": "A minimal Claude Code clone with REPL interface and bash tool calling",
   "type": "module",
   "author": "zhongqian97-code",