@zhongqian97-code/ecode 0.5.22 → 0.5.24

package/dist/index.js

@@ -5574,6 +5574,43 @@ function generateAdminHtml(version2) {
     .num  { color: #79c0ff; }
     .fn   { color: #d2a8ff; }
 
+    /* \u2500\u2500 Toast notifications \u2500\u2500 */
+    #toast-container {
+      position: fixed;
+      top: 16px;
+      right: 16px;
+      z-index: 200;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      pointer-events: none;
+    }
+    .toast {
+      padding: 10px 16px;
+      border-radius: 4px;
+      font-size: 13px;
+      max-width: 320px;
+      background: #21262d;
+      color: #c9d1d9;
+      border: 1px solid #30363d;
+      pointer-events: auto;
+      animation: toast-in .2s ease;
+    }
+    .toast-error {
+      background: #2d1b1b;
+      color: #ff7b72;
+      border-color: #f85149;
+    }
+    .toast-success {
+      background: #1a2d1a;
+      color: #3fb950;
+      border-color: #2ea043;
+    }
+    @keyframes toast-in {
+      from { opacity: 0; transform: translateX(20px); }
+      to   { opacity: 1; transform: translateX(0); }
+    }
+
     /* \u2500\u2500 Mobile \u2500\u2500 */
     @media (max-width: 600px) {
       #hamburger { display: block; }
@@ -5593,6 +5630,7 @@ function generateAdminHtml(version2) {
     <button id="hamburger" aria-label="Toggle sidebar">\u2630</button>
     <h1>\u26A1 ecode web admin</h1>
     <span class="version">v${version2}</span>
+    <span id="topbar-model" class="version" style="display:none"></span>
     <button id="config-btn" class="btn">\u914D\u7F6E</button>
     <button id="upgrade-btn" class="btn">\u5347\u7EA7</button>
   </div>
@@ -5657,6 +5695,9 @@ function generateAdminHtml(version2) {
     </div>
   </div>
 
+  <!-- Toast notifications -->
+  <div id="toast-container"></div>
+
   <!-- Bash approval modal -->
   <div id="approval-modal" role="dialog" aria-modal="true">
     <div id="approval-box">
@@ -5683,6 +5724,17 @@ function generateAdminHtml(version2) {
       streamingMsgEl: null,  // DOM element currently receiving delta tokens
     };
 
+    // \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
+    function showToast(msg, type) {
+      const container = document.getElementById('toast-container');
+      if (!container) return;
+      const el = document.createElement('div');
+      el.className = 'toast toast-' + (type || 'info');
+      el.textContent = msg;
+      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
     function apiUrl(path) {
       const sep = path.includes('?') ? '&' : '?';
@@ -6032,7 +6084,7 @@ function generateAdminHtml(version2) {
           selectSession(session.id);
         }
       } catch (e) {
-        document.getElementById('ws-status').textContent = '\u521B\u5EFA\u4F1A\u8BDD\u5931\u8D25: ' + e.message;
+        showToast('\u521B\u5EFA\u4F1A\u8BDD\u5931\u8D25: ' + e.message, 'error');
       }
     });
 
@@ -6087,7 +6139,7 @@ function generateAdminHtml(version2) {
         document.getElementById('cfg-logdir').value = data.logDir || '';
         document.getElementById('cfg-systemprompt').value = data.systemPrompt || '';
       } catch (e) {
-        // open modal even if fetch fails; fields will be empty
+        showToast('\u52A0\u8F7D\u914D\u7F6E\u5931\u8D25: ' + e.message, 'error');
       }
       document.getElementById('config-modal').classList.add('open');
     });
@@ -6107,8 +6159,10 @@ function generateAdminHtml(version2) {
       if (apiKeyVal) body.apiKey = apiKeyVal;
       try {
         await apiFetch('/api/config', { method: 'PUT', headers: {'Content-Type':'application/json'}, body: JSON.stringify(body) });
+        updateTopbarModel(body.model);
+        showToast('\u914D\u7F6E\u5DF2\u4FDD\u5B58', 'success');
       } catch (e) {
-        // ignore errors silently for now
+        showToast('\u4FDD\u5B58\u5931\u8D25: ' + e.message, 'error');
       }
       document.getElementById('config-modal').classList.remove('open');
     });
@@ -6181,7 +6235,28 @@ function generateAdminHtml(version2) {
     };
 
     // \u2500\u2500 Init \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\u2500
+    function updateTopbarModel(model) {
+      const el = document.getElementById('topbar-model');
+      if (!el) return;
+      if (model) {
+        el.textContent = model;
+        el.style.display = '';
+      } else {
+        el.style.display = 'none';
+      }
+    }
+
+    async function initModel() {
+      try {
+        const data = await apiFetch('/api/config');
+        updateTopbarModel(data.model);
+      } catch {
+        // non-critical, ignore
+      }
+    }
+
     loadSessions();
+    initModel();
   </script>
 </body>
 </html>`;
@@ -6209,33 +6284,48 @@ async function statusRoutes(app, opts) {
 import { readFileSync as readFileSync5, existsSync as existsSync4 } from "fs";
 import { join as join13 } from "path";
 async function sessionsRoutes(app, opts) {
-  app.get("/api/sessions", async (_request, reply) => {
-    if (!opts.config.logDir) {
-      return reply.send([]);
-    }
-    return listSessions(opts.config.logDir);
+  app.get("/api/sessions", async (_request, _reply) => {
+    const fileSessions = opts.config.logDir ? listSessions(opts.config.logDir) : [];
+    if (!opts.manager) {
+      return fileSessions;
+    }
+    const runningSnapshots = opts.manager.listRunning();
+    const fileIds = new Set(fileSessions.map((s) => s.id));
+    const runtimeSessions = runningSnapshots.filter((s) => !fileIds.has(s.id)).map((s) => ({
+      id: s.id,
+      title: s.title,
+      model: s.model,
+      status: s.status,
+      turnCount: s.turnCount,
+      totalTokens: s.totalTokens,
+      startTime: s.startedAt,
+      lastActivity: s.lastActivity,
+      cwd: "",
+      logFile: ""
+    }));
+    return [...fileSessions, ...runtimeSessions];
   });
   app.get(
     "/api/sessions/:id/messages",
     async (request, reply) => {
       const { id } = request.params;
-      if (!opts.config.logDir) {
-        return reply.code(404).send({ success: false, error: "Log directory not configured" });
-      }
-      const session = findSession(opts.config.logDir, id);
-      if (!session) {
-        return reply.code(404).send({ success: false, error: `Session not found: ${id}` });
-      }
-      const logFilePath2 = join13(opts.config.logDir, session.logFile);
-      if (!existsSync4(logFilePath2)) {
-        return reply.code(404).send({ success: false, error: `Log file not found: ${session.logFile}` });
+      if (opts.config.logDir) {
+        const session = findSession(opts.config.logDir, id);
+        if (session) {
+          const logFilePath2 = join13(opts.config.logDir, session.logFile);
+          if (existsSync4(logFilePath2)) {
+            try {
+              const content = readFileSync5(logFilePath2, "utf-8");
+              return reply.header("Content-Type", "text/plain; charset=utf-8").send(content);
+            } catch {
+            }
+          }
+        }
       }
-      try {
-        const content = readFileSync5(logFilePath2, "utf-8");
-        return reply.header("Content-Type", "text/plain; charset=utf-8").send(content);
-      } catch (_err) {
-        return reply.code(404).send({ success: false, error: `Log file not found: ${session.logFile}` });
+      if (opts.manager && opts.manager.getSession(id)) {
+        return reply.header("Content-Type", "text/plain; charset=utf-8").send("");
       }
+      return reply.code(404).send({ success: false, error: `Session not found: ${id}` });
     }
   );
   app.get(
@@ -6490,7 +6580,7 @@ async function systemRoutes(app, opts) {
     try {
       latest = execSync("npm view @zhongqian97-code/ecode version", {
         encoding: "utf-8",
-        timeout: 2e3
+        timeout: 5e3
       }).trim();
     } catch {
       latest = "unknown";
@@ -6539,7 +6629,7 @@ async function buildServer(opts) {
     manager: opts.manager,
     version: opts.version
   });
-  await app.register(sessionsRoutes, { config: opts.config });
+  await app.register(sessionsRoutes, { config: opts.config, manager: opts.manager });
   await app.register(configRoutes, { config: opts.config });
   await app.register(automationRoutes, { config: opts.config });
   await app.register(chatRoutes, { config: opts.config, manager: opts.manager });
@@ -6640,6 +6730,7 @@ var SessionRuntime = class {
   config;
   model;
   abortController = null;
+  _stopAfterToolRound = false;
   _turnCount = 0;
   _totalTokens = 0;
   startedAt = (/* @__PURE__ */ new Date()).toISOString();
@@ -6758,6 +6849,10 @@ var SessionRuntime = class {
           this.bus.emit({ type: "tool.completed", callId: tc.id, toolName: tc.name, output: toolResult });
           this.messages.push({ role: "tool", tool_call_id: tc.id, content: toolResult });
         }
+        if (this._stopAfterToolRound) {
+          this._stopAfterToolRound = false;
+          break;
+        }
       } else {
         if (assistantText) {
           this.messages.push({
@@ -6792,7 +6887,10 @@ Proceed?`;
           this.bus.emit({ type: "approval.requested", requestId: reqId, kind, prompt });
           const approved = await promise;
           this._status = "tool_calling";
-          if (!approved) return SKIP_MESSAGE;
+          if (!approved) {
+            this._stopAfterToolRound = true;
+            return SKIP_MESSAGE;
+          }
         }
         if (signal.aborted) return SKIP_MESSAGE;
         const result = await executeBash(parsed.command);

package/package.json

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