neoagent 1.0.1 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neoagent",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Proactive personal AI agent with no limits",
   "license": "MIT",
   "main": "server/index.js",

package/server/public/app.html

@@ -537,6 +537,30 @@
             <!-- Rendered dynamically by app.js -->
           </div>
         </div>
+        <div class="settings-update-panel" id="settingsUpdatePanel">
+          <div class="settings-update-head">
+            <div class="settings-update-title">App Update</div>
+            <span class="badge badge-neutral" id="updateStateBadge">Idle</span>
+          </div>
+          <div class="settings-update-progress-wrap">
+            <div class="settings-update-progress-bar" id="updateProgressBar"></div>
+          </div>
+          <div class="settings-update-row">
+            <span id="updatePhaseLabel">No update running</span>
+            <span id="updatePercentLabel">0%</span>
+          </div>
+          <div class="settings-update-meta" id="updateVersionMeta">Version: —</div>
+          <div class="settings-update-section">
+            <div class="settings-update-label">Changelog</div>
+            <ul class="settings-update-changelog" id="updateChangelog">
+              <li class="settings-update-empty">No changes yet</li>
+            </ul>
+          </div>
+          <div class="settings-update-section">
+            <div class="settings-update-label">Live Output</div>
+            <pre class="settings-update-logs" id="updateLogs">Waiting for update job output…</pre>
+          </div>
+        </div>
       </div>
       <div class="modal-footer" style="justify-content: space-between;">
         <button class="btn btn-primary" id="updateAppBtn" style="background-color: var(--color-warning);">Update
@@ -556,4 +580,4 @@
   <script src="/js/app.js"></script>
 </body>
 
-</html>
+</html>

package/server/public/css/styles.css

@@ -325,6 +325,110 @@ button, input, textarea, select {
   border-top: 1px solid var(--border);
 }
 
+.settings-update-panel {
+  margin-top: 18px;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 14px;
+  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
+}
+
+.settings-update-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.settings-update-title {
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: .6px;
+  text-transform: uppercase;
+  color: var(--text-secondary);
+}
+
+.settings-update-progress-wrap {
+  width: 100%;
+  height: 8px;
+  border-radius: 999px;
+  background: rgba(255,255,255,.08);
+  overflow: hidden;
+}
+
+.settings-update-progress-bar {
+  height: 100%;
+  width: 0%;
+  background: linear-gradient(90deg, #22c55e, #06b6d4);
+  border-radius: inherit;
+  transition: width 240ms ease;
+}
+
+.settings-update-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+  margin-top: 8px;
+  font-size: 12px;
+  color: var(--text-secondary);
+}
+
+.settings-update-meta {
+  margin-top: 6px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 11px;
+  color: var(--text-muted);
+}
+
+.settings-update-section {
+  margin-top: 12px;
+}
+
+.settings-update-label {
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: .4px;
+  text-transform: uppercase;
+  color: var(--text-secondary);
+  margin-bottom: 6px;
+}
+
+.settings-update-changelog {
+  margin: 0;
+  padding-left: 18px;
+  max-height: 110px;
+  overflow-y: auto;
+  font-size: 12px;
+  color: var(--text-primary);
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.settings-update-empty {
+  list-style: none;
+  margin-left: -18px;
+  color: var(--text-muted);
+}
+
+.settings-update-logs {
+  margin: 0;
+  padding: 10px;
+  background: rgba(5,10,18,.8);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 11px;
+  line-height: 1.45;
+  color: #cfd7ff;
+  max-height: 140px;
+  overflow-y: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 @keyframes modalIn {
   from { transform: translateY(14px) scale(.96); opacity: 0; }
   to   { transform: translateY(0) scale(1); opacity: 1; }
@@ -469,4 +573,3 @@ button, input, textarea, select {
 }
 
 .animate-in { animation: fadeSlideUp 200ms cubic-bezier(.16,1,.3,1) both; }
-

package/server/public/js/app.js

@@ -1176,6 +1176,108 @@ if (copyLogsBtn) {
 
 // ── Settings ──
 
+let updateStatusPollTimer = null;
+let updateFinishNotifiedAt = null;
+
+function clearUpdatePoll() {
+  if (updateStatusPollTimer) {
+    clearInterval(updateStatusPollTimer);
+    updateStatusPollTimer = null;
+  }
+}
+
+function setUpdateBadgeState(state) {
+  const badge = $("#updateStateBadge");
+  if (!badge) return;
+
+  badge.classList.remove("badge-neutral", "badge-info", "badge-success", "badge-error", "badge-warning");
+  if (state === "running") {
+    badge.classList.add("badge-info");
+    badge.textContent = "Running";
+  } else if (state === "completed") {
+    badge.classList.add("badge-success");
+    badge.textContent = "Completed";
+  } else if (state === "failed") {
+    badge.classList.add("badge-error");
+    badge.textContent = "Failed";
+  } else {
+    badge.classList.add("badge-neutral");
+    badge.textContent = "Idle";
+  }
+}
+
+function renderUpdateStatus(status) {
+  const state = status?.state || "idle";
+  const progress = Math.max(0, Math.min(100, Number(status?.progress || 0)));
+
+  setUpdateBadgeState(state);
+  $("#updateProgressBar").style.width = `${progress}%`;
+  $("#updatePercentLabel").textContent = `${progress}%`;
+  $("#updatePhaseLabel").textContent = status?.message || "No update running";
+
+  const before = status?.versionBefore || "—";
+  const after = status?.versionAfter || "—";
+  $("#updateVersionMeta").textContent = `Version: ${before}${after !== "—" ? ` -> ${after}` : ""}`;
+
+  const changelog = $("#updateChangelog");
+  changelog.innerHTML = "";
+  const entries = Array.isArray(status?.changelog) ? status.changelog : [];
+  if (!entries.length) {
+    const li = document.createElement("li");
+    li.className = "settings-update-empty";
+    li.textContent = "No commit changes captured";
+    changelog.appendChild(li);
+  } else {
+    for (const line of entries) {
+      const li = document.createElement("li");
+      li.textContent = line;
+      changelog.appendChild(li);
+    }
+  }
+
+  const logs = Array.isArray(status?.logs) ? status.logs : [];
+  const logsText = logs.length ? logs.slice(-120).join("\n") : "Waiting for update job output…";
+  const logsEl = $("#updateLogs");
+  logsEl.textContent = logsText;
+  logsEl.scrollTop = logsEl.scrollHeight;
+
+  const btn = $("#updateAppBtn");
+  if (state === "running") {
+    btn.disabled = true;
+    btn.textContent = "Updating…";
+  } else {
+    btn.disabled = false;
+    btn.textContent = "Update App";
+  }
+
+  if ((state === "completed" || state === "failed") && status?.completedAt && updateFinishNotifiedAt !== status.completedAt) {
+    updateFinishNotifiedAt = status.completedAt;
+    toast(state === "completed" ? "Update completed." : "Update failed. See logs in Settings.", state === "completed" ? "success" : "error");
+  }
+}
+
+async function refreshUpdateStatus() {
+  try {
+    const status = await api("/settings/update/status");
+    renderUpdateStatus(status);
+
+    if (status?.state !== "running") {
+      clearUpdatePoll();
+    }
+  } catch (err) {
+    // During restart window, polling can fail briefly; keep trying.
+    $("#updatePhaseLabel").textContent = "Reconnecting to server…";
+    setUpdateBadgeState("running");
+  }
+}
+
+function ensureUpdatePolling(force = false) {
+  if (force) clearUpdatePoll();
+  if (!updateStatusPollTimer) {
+    updateStatusPollTimer = setInterval(refreshUpdateStatus, 1800);
+  }
+}
+
 $("#settingsBtn").addEventListener("click", async () => {
   try {
     const meta = await api("/settings/meta/models");
@@ -1251,15 +1353,19 @@ $("#settingsBtn").addEventListener("click", async () => {
     console.error("Failed to load settings:", err);
     $("#settingHeadlessBrowser").checked = true; // default headless
   }
+  await refreshUpdateStatus();
+  ensureUpdatePolling(true);
   $("#settingsModal").classList.remove("hidden");
 });
 
-$("#closeSettings").addEventListener("click", () =>
-  $("#settingsModal").classList.add("hidden"),
-);
-$("#cancelSettings").addEventListener("click", () =>
-  $("#settingsModal").classList.add("hidden"),
-);
+$("#closeSettings").addEventListener("click", () => {
+  clearUpdatePoll();
+  $("#settingsModal").classList.add("hidden");
+});
+$("#cancelSettings").addEventListener("click", () => {
+  clearUpdatePoll();
+  $("#settingsModal").classList.add("hidden");
+});
 
 $("#saveSettings").addEventListener("click", async () => {
   try {
@@ -1301,21 +1407,14 @@ $("#saveSettings").addEventListener("click", async () => {
 $("#updateAppBtn").addEventListener("click", async () => {
   if (!confirm("Are you sure you want to run the update script? This will trigger neoagent update and restart the server.")) return;
   try {
-    const btn = $("#updateAppBtn");
-    btn.disabled = true;
-    btn.textContent = "Updating...";
     await api("/settings/update", { method: "POST" });
-    toast("Update started! Please wait for the application to restart.", "success");
-    $("#settingsModal").classList.add("hidden");
-    // Give it a few seconds before resetting the UI locally just in case
-    setTimeout(() => {
-      btn.disabled = false;
-      btn.textContent = "Update App";
-    }, 10000);
+    updateFinishNotifiedAt = null;
+    toast("Update started. Live progress is shown below.", "success");
+    await refreshUpdateStatus();
+    ensureUpdatePolling(true);
   } catch (err) {
     toast("Failed to trigger update: " + err.message, "error");
-    $("#updateAppBtn").disabled = false;
-    $("#updateAppBtn").textContent = "Update App";
+    await refreshUpdateStatus();
   }
 });
 

package/server/routes/settings.js

@@ -1,10 +1,33 @@
 const express = require('express');
+const fs = require('fs');
+const path = require('path');
 const router = express.Router();
 const db = require('../db/database');
 const { requireAuth } = require('../middleware/auth');
 
 router.use(requireAuth);
 
+const UPDATE_STATUS_FILE = path.join(process.cwd(), 'data', 'update-status.json');
+
+function readUpdateStatus() {
+  try {
+    return JSON.parse(fs.readFileSync(UPDATE_STATUS_FILE, 'utf8'));
+  } catch {
+    return {
+      state: 'idle',
+      progress: 0,
+      phase: 'idle',
+      message: 'No update running',
+      startedAt: null,
+      completedAt: null,
+      versionBefore: null,
+      versionAfter: null,
+      changelog: [],
+      logs: []
+    };
+  }
+}
+
 // Get supported models metadata
 router.get('/meta/models', (req, res) => {
   const { SUPPORTED_MODELS } = require('../services/ai/models');
@@ -82,17 +105,25 @@ router.delete('/:key', (req, res) => {
 // Trigger auto-update script
 router.post('/update', (req, res) => {
   const { spawn } = require('child_process');
-  console.log('[Settings] Triggering neoagent update...');
+  const status = readUpdateStatus();
+  if (status.state === 'running') {
+    return res.status(409).json({ success: false, error: 'An update is already running' });
+  }
+  console.log('[Settings] Triggering update-runner...');
 
-  // Spawn the update command in detached mode so it survives the node process exiting
-  const child = spawn(process.execPath, ['bin/neoagent.js', 'update'], {
+  // Spawn detached runner so status survives server restarts.
+  const child = spawn(process.execPath, ['scripts/update-runner.js'], {
     detached: true,
     stdio: 'ignore',
     cwd: process.cwd()
   });
 
   child.unref();
-  res.json({ success: true, message: 'Update triggered' });
+  res.json({ success: true, message: 'Update triggered', pid: child.pid });
+});
+
+router.get('/update/status', (req, res) => {
+  res.json(readUpdateStatus());
 });
 
 module.exports = router;