@zhongqian97-code/ecode 0.5.23 → 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; }
@@ -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('?') ? '&' : '?';
@@ -6033,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');
       }
     });
 
@@ -6088,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');
     });
@@ -6109,8 +6160,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');
     });

package/package.json

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