@zhongqian97-code/ecode 0.5.20 → 0.5.21

package/dist/index.js

@@ -5552,6 +5552,21 @@ function generateAdminHtml(version2) {
     }
     #approve-btn:hover { background: #2ea043; color: #fff; }
 
+    /* \u2500\u2500 Config & upgrade modals \u2500\u2500 */
+    .modal-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.7); z-index:100; align-items:center; justify-content:center; }
+    .modal-overlay.open { display:flex; }
+    .modal { background:#161b22; border:1px solid #30363d; border-radius:8px; padding:24px; width:min(480px,90vw); max-height:80vh; overflow-y:auto; }
+    .modal h3 { color:#e6edf3; margin-bottom:16px; font-size:14px; }
+    .form-row { margin-bottom:12px; }
+    .form-row label { display:block; font-size:12px; color:#8b949e; margin-bottom:4px; }
+    .form-row input, .form-row textarea { width:100%; background:#0d1117; border:1px solid #30363d; border-radius:4px; color:#c9d1d9; font-family:monospace; font-size:13px; padding:6px 8px; }
+    .form-row textarea { resize:vertical; min-height:60px; }
+    .btn { padding:6px 14px; border-radius:4px; border:1px solid #30363d; cursor:pointer; font-family:monospace; font-size:13px; }
+    .btn-primary { background:#1f6feb; color:#fff; border-color:#1f6feb; }
+    .btn-danger  { background:#da3633; color:#fff; border-color:#da3633; }
+    .modal-footer { display:flex; gap:8px; justify-content:flex-end; margin-top:16px; }
+    #upgrade-output { display:none; background:#0d1117; border:1px solid #30363d; border-radius:4px; padding:8px; font-family:monospace; font-size:12px; color:#c9d1d9; white-space:pre-wrap; max-height:200px; overflow-y:auto; margin-top:8px; }
+
     /* \u2500\u2500 Mobile \u2500\u2500 */
     @media (max-width: 600px) {
       #hamburger { display: block; }
@@ -5571,6 +5586,8 @@ function generateAdminHtml(version2) {
     <button id="hamburger" aria-label="Toggle sidebar">\u2630</button>
     <h1>\u26A1 ecode web admin</h1>
     <span class="version">v${version2}</span>
+    <button id="config-btn" class="btn">\u914D\u7F6E</button>
+    <button id="upgrade-btn" class="btn">\u5347\u7EA7</button>
   </div>
 
   <div id="app">
@@ -5604,6 +5621,35 @@ function generateAdminHtml(version2) {
     </div>
   </div>
 
+  <!-- Config modal -->
+  <div id="config-modal" class="modal-overlay">
+    <div class="modal">
+      <h3>\u2699 \u914D\u7F6E</h3>
+      <div class="form-row"><label>Model</label><input id="cfg-model" name="model" type="text" /></div>
+      <div class="form-row"><label>Base URL</label><input id="cfg-baseurl" name="baseUrl" type="text" /></div>
+      <div class="form-row"><label>API Key</label><input id="cfg-apikey" name="apiKey" type="password" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" /></div>
+      <div class="form-row"><label>Log Dir</label><input id="cfg-logdir" name="logDir" type="text" /></div>
+      <div class="form-row"><label>System Prompt</label><textarea id="cfg-systemprompt"></textarea></div>
+      <div class="modal-footer">
+        <button id="cancel-config" class="btn">\u53D6\u6D88</button>
+        <button id="save-config" class="btn btn-primary">\u4FDD\u5B58</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Upgrade modal -->
+  <div id="upgrade-modal" class="modal-overlay">
+    <div class="modal">
+      <h3>\u2B06 \u5347\u7EA7 ecode</h3>
+      <div id="upgrade-status">\u6B63\u5728\u68C0\u67E5\u7248\u672C\u2026</div>
+      <div id="upgrade-output"></div>
+      <div class="modal-footer">
+        <button id="cancel-upgrade" class="btn">\u5173\u95ED</button>
+        <button id="confirm-upgrade" class="btn btn-primary" disabled>\u5347\u7EA7</button>
+      </div>
+    </div>
+  </div>
+
   <!-- Bash approval modal -->
   <div id="approval-modal" role="dialog" aria-modal="true">
     <div id="approval-box">
@@ -5636,7 +5682,7 @@ function generateAdminHtml(version2) {
       return path + sep + 'token=' + encodeURIComponent(state.token);
     }
 
-    async function apiFetch(path, opts) {
+    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);
@@ -5979,6 +6025,94 @@ function generateAdminHtml(version2) {
       document.getElementById('sidebar').classList.toggle('open');
     });
 
+    // \u2500\u2500 \u914D\u7F6E\u6A21\u6001\u6846 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    document.getElementById('config-btn').addEventListener('click', async () => {
+      try {
+        const data = await apiFetch('/api/config');
+        document.getElementById('cfg-model').value = data.model || '';
+        document.getElementById('cfg-baseurl').value = data.baseUrl || '';
+        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
+      }
+      document.getElementById('config-modal').classList.add('open');
+    });
+
+    document.getElementById('cancel-config').addEventListener('click', () => {
+      document.getElementById('config-modal').classList.remove('open');
+    });
+
+    document.getElementById('save-config').addEventListener('click', async () => {
+      const body = {
+        model: document.getElementById('cfg-model').value,
+        baseUrl: document.getElementById('cfg-baseurl').value,
+        logDir: document.getElementById('cfg-logdir').value,
+        systemPrompt: document.getElementById('cfg-systemprompt').value,
+      };
+      const apiKeyVal = document.getElementById('cfg-apikey').value;
+      if (apiKeyVal) body.apiKey = apiKeyVal;
+      try {
+        await apiFetch('/api/config', { method: 'PUT', headers: {'Content-Type':'application/json'}, body: JSON.stringify(body) });
+      } catch (e) {
+        // ignore errors silently for now
+      }
+      document.getElementById('config-modal').classList.remove('open');
+    });
+
+    // \u2500\u2500 \u5347\u7EA7 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    document.getElementById('upgrade-btn').addEventListener('click', async () => {
+      const modal = document.getElementById('upgrade-modal');
+      const statusEl = document.getElementById('upgrade-status');
+      const outputEl = document.getElementById('upgrade-output');
+      const confirmBtn = document.getElementById('confirm-upgrade');
+      outputEl.style.display = 'none';
+      outputEl.textContent = '';
+      confirmBtn.disabled = true;
+      statusEl.textContent = '\u6B63\u5728\u68C0\u67E5\u7248\u672C\u2026';
+      modal.classList.add('open');
+      try {
+        const r = await fetch(apiUrl('/api/version/check'));
+        const v = await r.json();
+        if (v.needsUpdate) {
+          statusEl.textContent = '\u5F53\u524D v' + v.current + '\uFF0C\u6700\u65B0 v' + v.latest + '\uFF0C\u786E\u8BA4\u5347\u7EA7\uFF1F';
+          confirmBtn.disabled = false;
+        } else {
+          statusEl.textContent = '\u5DF2\u662F\u6700\u65B0\u7248\u672C v' + v.current;
+        }
+      } catch(e) {
+        statusEl.textContent = '\u7248\u672C\u68C0\u67E5\u5931\u8D25\uFF1A' + e.message;
+      }
+    });
+
+    document.getElementById('cancel-upgrade').addEventListener('click', () => {
+      document.getElementById('upgrade-modal').classList.remove('open');
+    });
+
+    document.getElementById('confirm-upgrade').addEventListener('click', async () => {
+      const outputEl = document.getElementById('upgrade-output');
+      const confirmBtn = document.getElementById('confirm-upgrade');
+      const statusEl = document.getElementById('upgrade-status');
+      confirmBtn.disabled = true;
+      outputEl.style.display = 'block';
+      outputEl.textContent = '';
+      statusEl.textContent = '\u5347\u7EA7\u4E2D\u2026';
+      try {
+        const r = await fetch(apiUrl('/api/system/upgrade'), { method: 'POST' });
+        const reader = r.body.getReader();
+        const decoder = new TextDecoder();
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          outputEl.textContent += decoder.decode(value);
+          outputEl.scrollTop = outputEl.scrollHeight;
+        }
+        statusEl.textContent = '\u5347\u7EA7\u5B8C\u6210\uFF0C\u8BF7\u91CD\u542F ecode web';
+      } catch(e) {
+        statusEl.textContent = '\u5347\u7EA7\u5931\u8D25\uFF1A' + e.message;
+      }
+    });
+
     // \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
     loadSessions();
   </script>
@@ -6279,6 +6413,42 @@ async function sessionHubRoutes(app, opts) {
   );
 }
 
+// src/web/routes/system.ts
+import { execSync } from "child_process";
+import { spawn } from "child_process";
+async function systemRoutes(app, opts) {
+  app.get("/api/version/check", async (_request, _reply) => {
+    const current = opts.version;
+    let latest;
+    try {
+      latest = execSync("npm view @zhongqian97-code/ecode version", {
+        encoding: "utf-8",
+        timeout: 5e3
+      }).trim();
+    } catch {
+      latest = "unknown";
+    }
+    const needsUpdate = latest !== "unknown" && latest !== current;
+    return { current, latest, needsUpdate };
+  });
+  app.post("/api/system/upgrade", (_request, reply) => {
+    reply.raw.setHeader("Content-Type", "text/plain");
+    reply.raw.write("Upgrading @zhongqian97-code/ecode...\n");
+    const child = spawn("npm", ["update", "-g", "@zhongqian97-code/ecode"]);
+    child.stdout.on("data", (chunk) => {
+      reply.raw.write(chunk);
+    });
+    child.stderr.on("data", (chunk) => {
+      reply.raw.write(chunk);
+    });
+    child.on("close", () => {
+      reply.raw.write("Upgrade complete. Please restart ecode web.\n");
+      reply.raw.end();
+    });
+    return reply;
+  });
+}
+
 // src/web/server.ts
 async function buildServer(opts) {
   const app = Fastify({ logger: false });
@@ -6306,6 +6476,7 @@ async function buildServer(opts) {
   await app.register(configRoutes, { config: opts.config });
   await app.register(automationRoutes, { config: opts.config });
   await app.register(chatRoutes, { config: opts.config, manager: opts.manager });
+  await app.register(systemRoutes, { version: opts.version });
   await app.register(sessionHubRoutes, { manager: opts.manager });
   return app;
 }

package/package.json

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