@zhongqian97-code/ecode 0.5.63 → 0.5.65

package/dist/index.js

@@ -802,7 +802,7 @@ if (rawArgs[0] === "web") {
       webAutoApprove = true;
     }
   }
-  const { buildServer, generateAccessToken } = await import("./web-JSKN3U25.js");
+  const { buildServer, generateAccessToken } = await import("./web-6WYKHML6.js");
   const token = finalConfig.webToken ?? generateAccessToken();
   const manager = new SessionManager(finalConfig);
   const __webDirname = dirname(fileURLToPath(import.meta.url));

package/dist/{web-JSKN3U25.js → web-6WYKHML6.js}

@@ -56,7 +56,10 @@ function generateAdminHtml(version) {
       font-family: "Courier New", Courier, monospace;
       background: #0d1117;
       color: #c9d1d9;
-      height: 100vh;
+      /* zoom \u653E\u5927\u6574\u4F53 UI\uFF1Bcalc \u8865\u507F\u8BA9\u89C6\u53E3\u9501\u5B9A\uFF0C\u907F\u514D 100vh \u88AB\u653E\u5927\u540E\u6EA2\u51FA */
+      zoom: var(--zoom, 1);
+      width: calc(100vw / var(--zoom, 1));
+      height: calc(100vh / var(--zoom, 1));
       display: flex;
       flex-direction: column;
       overflow: hidden;
@@ -510,6 +513,8 @@ function generateAdminHtml(version) {
     <h1>\u26A1 ecode web admin</h1>
     <span class="version">v${version}</span>
     <span id="topbar-model" class="version" style="display:none"></span>
+    <button id="zoom-out-btn" class="btn" title="\u7F29\u5C0F (Ctrl/Cmd -)" aria-label="\u7F29\u5C0F\u5B57\u4F53">A\u2212</button>
+    <button id="zoom-in-btn" class="btn" title="\u653E\u5927 (Ctrl/Cmd +)" aria-label="\u653E\u5927\u5B57\u4F53">A+</button>
     <button id="config-btn" class="btn">\u914D\u7F6E</button>
     <button id="upgrade-btn" class="btn">\u5347\u7EA7</button>
     <button id="toggle-tools-btn" class="btn">\u5DE5\u5177 \u25BE</button>
@@ -607,6 +612,7 @@ function generateAdminHtml(version) {
       showTools: true,
       skills: [],            // cached skills from /api/skills
       skillsLoaded: false,
+      zoom: 1,               // \u5168\u5C40 UI \u7F29\u653E\u7CFB\u6570
     };
 
     // \u2500\u2500 Toast \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\u2500\u2500
@@ -820,10 +826,18 @@ function generateAdminHtml(version) {
         const lines = text.split('\\n').filter(l => l.trim());
         const msgsEl = document.getElementById('messages');
         msgsEl.innerHTML = '';
+        const toolNames = {};
         for (const line of lines) {
           try {
             const m = JSON.parse(line);
-            if (m.content) {
+            if (Array.isArray(m.tool_calls)) {
+              for (const tc of m.tool_calls) {
+                if (tc && tc.id && tc.function) toolNames[tc.id] = tc.function.name;
+              }
+            }
+            if (m.role === 'tool') {
+              appendToolBox(toolNames[m.tool_call_id] || 'tool', m.content || '');
+            } else if (typeof m.content === 'string' && m.content) {
               appendMessage(m.role === 'user' ? 'user' : 'assistant', renderMarkdown(m.content));
             }
           } catch { /* skip malformed lines */ }
@@ -836,6 +850,24 @@ function generateAdminHtml(version) {
       }
     }
 
+    // \u5386\u53F2\u56DE\u653E: \u628A\u5DE5\u5177\u8C03\u7528\u6E32\u67D3\u4E3A\u53EF\u6298\u53E0 tool-box\uFF08\u4E0E\u5B9E\u65F6\u6D41\u5F0F\u4E00\u81F4\uFF0C\u9ED8\u8BA4\u6298\u53E0\uFF09
+    function appendToolBox(name, output) {
+      const msgsEl = document.getElementById('messages');
+      const placeholder = msgsEl.querySelector('.empty-chat');
+      if (placeholder) placeholder.remove();
+      const boxEl = document.createElement('div');
+      boxEl.className = 'tool-box collapsed';
+      boxEl.innerHTML =
+        '<div class="tool-box-header" onclick="toggleToolBox(this)">' +
+        '<span class="tb-indicator">\u25B6</span>' +
+        '<span class="tb-name">\u2713 ' + escHtml(name) + '</span>' +
+        '</div>' +
+        '<div class="tool-box-body"></div>';
+      boxEl.querySelector('.tool-box-body').textContent = output;
+      if (!state.showTools) boxEl.style.display = 'none';
+      msgsEl.appendChild(boxEl);
+    }
+
     function appendMessage(role, htmlContent, opts) {
       const msgsEl = document.getElementById('messages');
       // Remove empty-chat placeholder
@@ -1391,6 +1423,32 @@ function generateAdminHtml(version) {
       }
     }
 
+    // \u2500\u2500 \u5168\u5C40 UI \u7F29\u653E \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
+    function clampZoom(z) {
+      z = Math.round(z * 10) / 10;
+      if (!(z > 0)) z = 1;
+      return Math.min(2, Math.max(0.6, z));
+    }
+    function applyZoom(z) {
+      state.zoom = clampZoom(z);
+      document.documentElement.style.setProperty('--zoom', state.zoom);
+      try { localStorage.setItem('ecode-zoom', String(state.zoom)); } catch {}
+    }
+    function initZoom() {
+      let z = 1;
+      try { z = parseFloat(localStorage.getItem('ecode-zoom')) || 1; } catch {}
+      applyZoom(z);
+    }
+    document.getElementById('zoom-in-btn').addEventListener('click', () => applyZoom(state.zoom + 0.1));
+    document.getElementById('zoom-out-btn').addEventListener('click', () => applyZoom(state.zoom - 0.1));
+    document.addEventListener('keydown', function(e) {
+      if (!(e.ctrlKey || e.metaKey)) return;
+      if (e.key === '=' || e.key === '+') { e.preventDefault(); applyZoom(state.zoom + 0.1); }
+      else if (e.key === '-' || e.key === '_') { e.preventDefault(); applyZoom(state.zoom - 0.1); }
+      else if (e.key === '0') { e.preventDefault(); applyZoom(1); }
+    });
+
+    initZoom();
     loadSessions();
     initModel();
   </script>

package/package.json

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