codedash-app 1.1.1 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codedash-app",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Termius-style browser dashboard for Claude Code sessions. View, search, resume, and delete sessions with a dark-themed UI.",
   "bin": {
     "codedash": "./bin/cli.js"

package/src/frontend/app.js

@@ -829,7 +829,7 @@ function launchSession(sessionId, tool, project) {
 
 function copyResume(sessionId, tool) {
   var cmd = tool === 'codex'
-    ? 'codex --resume ' + sessionId
+    ? 'codex resume ' + sessionId
     : 'claude --resume ' + sessionId;
   navigator.clipboard.writeText(cmd).then(function() {
     showToast('Copied: ' + cmd);
@@ -1099,12 +1099,44 @@ document.addEventListener('keydown', function(e) {
   }
 });
 
+// ── Update check ──────────────────────────────────────────────
+
+async function checkForUpdates() {
+  try {
+    var resp = await fetch('/api/version');
+    var data = await resp.json();
+    if (data.updateAvailable) {
+      var banner = document.getElementById('updateBanner');
+      var text = document.getElementById('updateText');
+      if (banner && text) {
+        text.textContent = 'Update available: v' + data.current + ' → v' + data.latest;
+        banner.style.display = 'flex';
+        banner.dataset.cmd = 'npm update -g codedash-app && codedash run';
+      }
+    }
+  } catch {}
+}
+
+function copyUpdate() {
+  var banner = document.getElementById('updateBanner');
+  var cmd = banner ? banner.dataset.cmd : 'npm update -g codedash-app';
+  navigator.clipboard.writeText(cmd).then(function() {
+    showToast('Copied: ' + cmd);
+  });
+}
+
+function dismissUpdate() {
+  var banner = document.getElementById('updateBanner');
+  if (banner) banner.style.display = 'none';
+}
+
 // ── Initialization ─────────────────────────────────────────────
 
 (function init() {
   // Load data
   loadSessions();
   loadTerminals();
+  checkForUpdates();
 
   // Apply saved theme
   var savedTheme = localStorage.getItem('codedash-theme') || 'dark';

package/src/frontend/index.html

@@ -111,6 +111,12 @@
 
 <div class="toast" id="toast"></div>
 
+<div class="update-banner" id="updateBanner" style="display:none">
+    <span id="updateText"></span>
+    <button class="update-btn" onclick="copyUpdate()">Copy update command</button>
+    <button class="update-dismiss" onclick="dismissUpdate()">&times;</button>
+</div>
+
 <script>{{SCRIPT}}</script>
 </body>
 </html>

package/src/frontend/styles.css

@@ -1370,6 +1370,52 @@ body {
     color: #fff;
 }
 
+/* ── Update banner ──────────────────────────────────────────── */
+
+.update-banner {
+    position: fixed;
+    top: 0;
+    left: 200px;
+    right: 0;
+    background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
+    color: #fff;
+    padding: 10px 20px;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    font-size: 13px;
+    z-index: 200;
+    animation: slideDown 0.3s ease;
+}
+
+@keyframes slideDown {
+    from { transform: translateY(-100%); }
+    to { transform: translateY(0); }
+}
+
+.update-btn {
+    background: rgba(255,255,255,0.2);
+    border: 1px solid rgba(255,255,255,0.3);
+    color: #fff;
+    padding: 4px 12px;
+    border-radius: 6px;
+    font-size: 12px;
+    cursor: pointer;
+    white-space: nowrap;
+}
+.update-btn:hover { background: rgba(255,255,255,0.3); }
+
+.update-dismiss {
+    background: none;
+    border: none;
+    color: rgba(255,255,255,0.7);
+    font-size: 18px;
+    cursor: pointer;
+    margin-left: auto;
+    padding: 0 4px;
+}
+.update-dismiss:hover { color: #fff; }
+
 /* ── List view ──────────────────────────────────────────────── */
 
 .list-view {

package/src/server.js

@@ -1,5 +1,6 @@
 // HTTP server + API routes
 const http = require('http');
+const https = require('https');
 const { URL } = require('url');
 const { exec } = require('child_process');
 const { loadSessions, loadSessionDetail, deleteSession, getGitCommits, exportSessionMarkdown } = require('./data');
@@ -103,6 +104,18 @@ function startServer(port, openBrowser = true) {
       json(res, commits);
     }
 
+    // ── Version check ────────────────────────
+    else if (req.method === 'GET' && pathname === '/api/version') {
+      const pkg = require('../package.json');
+      const current = pkg.version;
+      // Fetch latest from npm registry
+      fetchLatestVersion(pkg.name).then(latest => {
+        json(res, { current, latest, updateAvailable: latest && latest !== current && isNewer(latest, current) });
+      }).catch(() => {
+        json(res, { current, latest: null, updateAvailable: false });
+      });
+    }
+
     // ── 404 ─────────────────────────────────
     else {
       res.writeHead(404);
@@ -139,4 +152,29 @@ function readBody(req, cb) {
   req.on('end', () => cb(body));
 }
 
+// ── npm version check ───────────────────
+function fetchLatestVersion(packageName) {
+  return new Promise((resolve, reject) => {
+    https.get(`https://registry.npmjs.org/${packageName}/latest`, { timeout: 5000 }, (res) => {
+      let data = '';
+      res.on('data', chunk => data += chunk);
+      res.on('end', () => {
+        try {
+          resolve(JSON.parse(data).version);
+        } catch { reject(); }
+      });
+    }).on('error', reject);
+  });
+}
+
+function isNewer(latest, current) {
+  const l = latest.split('.').map(Number);
+  const c = current.split('.').map(Number);
+  for (let i = 0; i < 3; i++) {
+    if ((l[i] || 0) > (c[i] || 0)) return true;
+    if ((l[i] || 0) < (c[i] || 0)) return false;
+  }
+  return false;
+}
+
 module.exports = { startServer };

package/src/terminals.js

@@ -70,7 +70,7 @@ function openInTerminal(sessionId, tool, flags, projectDir, terminalId) {
   let cmd;
 
   if (tool === 'codex') {
-    cmd = `codex --resume ${sessionId}`;
+    cmd = `codex resume ${sessionId}`;
   } else {
     cmd = `claude --resume ${sessionId}`;
     if (skipPerms) cmd += ' --dangerously-skip-permissions';