@zhongqian97-code/ecode 0.5.23 → 0.5.25

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; }
@@ -5658,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">
@@ -5684,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('?') ? '&' : '?';
@@ -5693,7 +5744,11 @@ function generateAdminHtml(version2) {
     async function apiFetch(path, opts = {}) {
       const url = apiUrl(path);
       const res = await fetch(url, opts);
-      if (!res.ok) throw new Error(res.status + ' ' + res.statusText);
+      if (!res.ok) {
+        let msg = res.status + ' ' + res.statusText;
+        try { const err = await res.json(); if (err.error) msg = err.error; } catch {}
+        throw new Error(msg);
+      }
       return res.json();
     }
 
@@ -5959,8 +6014,7 @@ function generateAdminHtml(version2) {
       } else if (type === 'session.error') {
         finalizeStreamingMsg();
         setStatus('idle');
-        document.getElementById('ws-status').textContent =
-          '\u9519\u8BEF: ' + escHtml(msg.error || 'unknown error');
+        showToast('\u9519\u8BEF: ' + (msg.error || 'unknown error'), 'error');
       }
     }
 
@@ -5996,7 +6050,7 @@ function generateAdminHtml(version2) {
           body: JSON.stringify({ requestId: pending.requestId || pending.id, approved }),
         });
       } catch (e) {
-        document.getElementById('ws-status').textContent = '\u5BA1\u6279\u8BF7\u6C42\u5931\u8D25: ' + e.message;
+        showToast('\u5BA1\u6279\u8BF7\u6C42\u5931\u8D25: ' + e.message, 'error');
       }
     }
 
@@ -6033,7 +6087,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');
       }
     });
 
@@ -6054,7 +6108,7 @@ function generateAdminHtml(version2) {
           body: JSON.stringify({ message: text }),
         });
       } catch (e) {
-        document.getElementById('ws-status').textContent = '\u53D1\u9001\u5931\u8D25: ' + e.message;
+        showToast('\u53D1\u9001\u5931\u8D25: ' + e.message, 'error');
         setStatus('idle');
       }
     }
@@ -6088,7 +6142,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');
     });
@@ -6109,8 +6163,9 @@ function generateAdminHtml(version2) {
       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');
     });
@@ -6432,8 +6487,19 @@ async function chatRoutes(app, opts) {
     if (typeof body.systemPrompt === "string") {
       sessionOpts.systemPrompt = body.systemPrompt;
     }
-    const runtime = await manager.createSession(sessionOpts);
-    return reply.code(201).send({ success: true, session: runtime.snapshot() });
+    if (!opts.config.apiKey) {
+      return reply.code(400).send({
+        success: false,
+        error: "\u672A\u914D\u7F6E API Key\uFF0C\u8BF7\u5148\u70B9\u51FB\u53F3\u4E0A\u89D2\u300C\u914D\u7F6E\u300D\u6309\u94AE\u586B\u5199"
+      });
+    }
+    try {
+      const runtime = await manager.createSession(sessionOpts);
+      return reply.code(201).send({ success: true, session: runtime.snapshot() });
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      return reply.code(500).send({ success: false, error: msg });
+    }
   });
   app.post("/api/chat/sessions/:id/submit", async (request, reply) => {
     const { id } = request.params;

package/package.json

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