@farazirfan/costar-server-executor 1.7.0 → 1.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farazirfan/costar-server-executor",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "CoStar Server Executor - 24/7 autonomous agent in TypeScript (cloned from OpenClaw)",
   "type": "module",
   "main": "dist/index.js",

package/public/index.html

@@ -93,6 +93,51 @@
       margin-top: 2px;
     }
 
+    .sidebar-logo .version span {
+      color: var(--accent);
+      font-family: var(--mono);
+      font-size: 10px;
+    }
+
+    .update-banner {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      background: var(--accent-dim);
+      border: 1px solid rgba(99,102,241,.3);
+      border-radius: var(--radius);
+      padding: 10px 14px;
+      margin-bottom: 16px;
+    }
+
+    .update-banner .update-info {
+      font-size: 13px;
+      color: var(--text-primary);
+    }
+
+    .update-banner .update-info small {
+      display: block;
+      color: var(--text-secondary);
+      font-size: 11px;
+      margin-top: 2px;
+    }
+
+    .update-btn {
+      background: var(--accent);
+      color: white;
+      border: none;
+      padding: 6px 14px;
+      border-radius: var(--radius);
+      font-size: 12px;
+      font-weight: 600;
+      cursor: pointer;
+      white-space: nowrap;
+      transition: background .15s;
+    }
+
+    .update-btn:hover { background: var(--accent-hover); }
+    .update-btn:disabled { opacity: .5; cursor: not-allowed; }
+
     .sidebar-nav {
       flex: 1;
       padding: 12px 10px;
@@ -751,7 +796,7 @@
         <div class="logo-icon">C</div>
         <div>
           <h1>CoStar</h1>
-          <div class="version">Server Executor</div>
+          <div class="version">Server Executor <span id="sidebar-version"></span></div>
         </div>
       </div>
 
@@ -816,6 +861,7 @@
 
         <!-- ═══ Dashboard Page ═══ -->
         <div class="page active" id="page-dashboard">
+          <div id="update-banner-container"></div>
           <div class="stat-grid" id="stats-grid">
             <div class="stat-card">
               <div class="stat-label">Uptime</div>
@@ -1090,9 +1136,20 @@
     // ─── Dashboard ───────────────────────────────────
     async function loadDashboard() {
       try {
-        const status = await api('/api/status');
+        const [status, versionInfo] = await Promise.all([
+          api('/api/status'),
+          api('/api/version').catch(() => null),
+        ]);
         const a = status.agent;
 
+        // Show version in sidebar
+        if (versionInfo?.version) {
+          document.getElementById('sidebar-version').textContent = `v${versionInfo.version}`;
+        }
+
+        // Update banner — check for newer version on npm
+        renderUpdateBanner(versionInfo);
+
         // Stats
         const uptime = formatUptime(a.uptime);
         document.getElementById('stat-uptime').textContent = uptime;
@@ -1113,6 +1170,8 @@
         // System info
         const info = document.getElementById('system-info');
         info.innerHTML = [
+          row('Version', versionInfo?.version ? `v${versionInfo.version}` : '--'),
+          row('Auto-Update', versionInfo?.autoUpdateEnabled ? 'Enabled' : 'Disabled'),
           row('User ID', a.userId),
           row('Workspace', a.workspaceDir),
           row('Node', a.nodeVersion),
@@ -1126,6 +1185,61 @@
       }
     }
 
+    // ─── Update Banner ────────────────────────────────
+    async function renderUpdateBanner(versionInfo) {
+      const container = document.getElementById('update-banner-container');
+      if (!container) return;
+
+      // Always show version + manual update button
+      if (!versionInfo) {
+        container.innerHTML = '';
+        return;
+      }
+
+      const v = esc(versionInfo.version || 'unknown');
+      const autoUpdate = versionInfo.autoUpdateEnabled;
+      const updating = versionInfo.updateInProgress;
+
+      container.innerHTML = `
+        <div class="update-banner">
+          <div class="update-info">
+            Running <strong>v${v}</strong>
+            <small>${autoUpdate ? 'Auto-update enabled — checks every 24h' : 'Auto-update disabled'}</small>
+          </div>
+          <button class="update-btn" id="manual-update-btn" onclick="triggerManualUpdate()" ${updating ? 'disabled' : ''}>
+            ${updating ? 'Updating...' : 'Update Now'}
+          </button>
+        </div>
+      `;
+    }
+
+    async function triggerManualUpdate() {
+      const btn = document.getElementById('manual-update-btn');
+      if (!btn) return;
+
+      btn.disabled = true;
+      btn.textContent = 'Updating...';
+
+      try {
+        const result = await api('/api/update', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ version: 'latest' }),
+        });
+        btn.textContent = 'Restarting...';
+        // The server will restart, so the page will lose connection
+        setTimeout(() => {
+          btn.textContent = 'Reconnecting...';
+          // Try to reload after a delay to reconnect to the new version
+          setTimeout(() => location.reload(), 8000);
+        }, 5000);
+      } catch (err) {
+        btn.disabled = false;
+        btn.textContent = 'Update Failed — Retry';
+        console.error('Update failed:', err);
+      }
+    }
+
     function row(key, value) {
       return `<div class="config-row"><span class="config-key">${esc(key)}</span><span class="config-value">${esc(String(value || '--'))}</span></div>`;
     }