codedash-app 1.9.0 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codedash-app",
-  "version": "1.9.0",
+  "version": "2.0.1",
   "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/data.js

@@ -539,6 +539,93 @@ function searchFullText(query, sessions) {
 
 // ── Exports ────────────────────────────────────────────────
 
+// ── Active sessions detection ─────────────────────────────
+
+function getActiveSessions() {
+  const active = [];
+  const sessionsDir = path.join(CLAUDE_DIR, 'sessions');
+
+  // Read ~/.claude/sessions/<PID>.json files
+  if (fs.existsSync(sessionsDir)) {
+    for (const file of fs.readdirSync(sessionsDir)) {
+      if (!file.endsWith('.json')) continue;
+      try {
+        const data = JSON.parse(fs.readFileSync(path.join(sessionsDir, file), 'utf8'));
+        const pid = data.pid;
+        if (!pid) continue;
+
+        // Check if process is alive + get CPU
+        try {
+          const psOut = execSync(`ps -p ${pid} -o pid=,%cpu=,rss=,stat= 2>/dev/null`, { encoding: 'utf8', timeout: 2000 }).trim();
+          if (!psOut) continue;
+
+          const parts = psOut.trim().split(/\s+/);
+          const cpu = parseFloat(parts[1]) || 0;
+          const rss = parseInt(parts[2]) || 0; // KB
+          const stat = parts[3] || '';
+
+          // Determine status
+          let status = 'active';
+          if (cpu < 1 && (stat.includes('S') || stat.includes('T'))) {
+            status = 'waiting'; // idle/sleeping — likely waiting for user input
+          }
+
+          active.push({
+            pid: pid,
+            sessionId: data.sessionId,
+            cwd: data.cwd || '',
+            startedAt: data.startedAt || 0,
+            kind: data.kind || 'interactive',
+            entrypoint: data.entrypoint || '',
+            status: status,
+            cpu: cpu,
+            memoryMB: Math.round(rss / 1024),
+          });
+        } catch {
+          // Process not found — stale file, skip
+        }
+      } catch {}
+    }
+  }
+
+  // Also check Codex processes
+  try {
+    const codexPs = execSync('ps aux 2>/dev/null | grep "[c]odex" || true', { encoding: 'utf8', timeout: 2000 });
+    for (const line of codexPs.split('\n').filter(Boolean)) {
+      const parts = line.trim().split(/\s+/);
+      if (parts.length < 11) continue;
+      const pid = parseInt(parts[1]);
+      const cpu = parseFloat(parts[2]) || 0;
+      const rss = parseInt(parts[5]) || 0;
+
+      // Skip if already found via claude sessions
+      if (active.find(a => a.pid === pid)) continue;
+
+      // Try to get cwd
+      let cwd = '';
+      try {
+        const lsofOut = execSync(`lsof -d cwd -p ${pid} -Fn 2>/dev/null`, { encoding: 'utf8', timeout: 2000 });
+        const match = lsofOut.match(/\nn(\/[^\n]+)/);
+        if (match) cwd = match[1];
+      } catch {}
+
+      active.push({
+        pid: pid,
+        sessionId: '',
+        cwd: cwd,
+        startedAt: 0,
+        kind: 'codex',
+        entrypoint: 'codex',
+        status: cpu < 1 ? 'waiting' : 'active',
+        cpu: cpu,
+        memoryMB: Math.round(rss / 1024),
+      });
+    }
+  } catch {}
+
+  return active;
+}
+
 module.exports = {
   loadSessions,
   loadSessionDetail,
@@ -547,6 +634,7 @@ module.exports = {
   exportSessionMarkdown,
   getSessionPreview,
   searchFullText,
+  getActiveSessions,
   CLAUDE_DIR,
   CODEX_DIR,
   HISTORY_FILE,

package/src/frontend/app.js

@@ -18,6 +18,7 @@ let selectedIds = new Set();
 let focusedIndex = -1;
 let availableTerminals = [];
 let pendingDelete = null;
+let activeSessions = {}; // sessionId -> {status, cpu, memoryMB, pid}
 
 // Persisted in localStorage
 let stars = JSON.parse(localStorage.getItem('codedash-stars') || '[]');
@@ -196,6 +197,45 @@ function saveTerminalPref(val) {
   localStorage.setItem('codedash-terminal', val);
 }
 
+// ── Active sessions polling ───────────────────────────────────
+
+async function pollActiveSessions() {
+  try {
+    var resp = await fetch('/api/active');
+    var data = await resp.json();
+    activeSessions = {};
+    data.forEach(function(a) {
+      if (a.sessionId) {
+        activeSessions[a.sessionId] = a;
+      }
+    });
+    // Update badges without full re-render
+    document.querySelectorAll('.card').forEach(function(card) {
+      var id = card.getAttribute('data-id');
+      var existing = card.querySelector('.live-badge');
+      if (existing) existing.remove();
+      if (activeSessions[id]) {
+        var a = activeSessions[id];
+        var badge = document.createElement('span');
+        badge.className = 'live-badge live-' + a.status;
+        badge.textContent = a.status === 'waiting' ? 'WAITING' : 'LIVE';
+        badge.title = 'PID ' + a.pid + ' | CPU ' + a.cpu.toFixed(1) + '% | ' + a.memoryMB + 'MB';
+        var top = card.querySelector('.card-top');
+        if (top) top.insertBefore(badge, top.firstChild);
+      }
+    });
+  } catch {}
+}
+
+var activeInterval = null;
+function startActivePolling() {
+  pollActiveSessions();
+  activeInterval = setInterval(pollActiveSessions, 5000);
+}
+function stopActivePolling() {
+  if (activeInterval) clearInterval(activeInterval);
+}
+
 // ── Trigram search ─────────────────────────────────────────────
 
 function trigrams(str) {
@@ -1426,6 +1466,7 @@ function dismissUpdate() {
   loadTerminals();
   checkForUpdates();
   initHoverPreview();
+  startActivePolling();
 
   // Apply saved theme
   var savedTheme = localStorage.getItem('codedash-theme') || 'dark';

package/src/frontend/styles.css

@@ -1385,6 +1385,69 @@ body {
     color: #fff;
 }
 
+/* ── Live session badges ────────────────────────────────────── */
+
+.live-badge {
+    font-size: 10px;
+    font-weight: 800;
+    letter-spacing: 0.8px;
+    padding: 3px 10px;
+    border-radius: 6px;
+    text-transform: uppercase;
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+}
+
+.live-badge::before {
+    content: '';
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    display: inline-block;
+    animation: dot-pulse 1.5s infinite;
+}
+
+.live-active {
+    background: rgba(74, 222, 128, 0.25);
+    color: #22c55e;
+    border: 1px solid rgba(74, 222, 128, 0.5);
+    box-shadow: 0 0 12px rgba(74, 222, 128, 0.3);
+}
+
+.live-active::before {
+    background: #22c55e;
+    box-shadow: 0 0 6px #22c55e;
+}
+
+.live-waiting {
+    background: rgba(251, 191, 36, 0.2);
+    color: #f59e0b;
+    border: 1px solid rgba(251, 191, 36, 0.4);
+    box-shadow: 0 0 12px rgba(251, 191, 36, 0.25);
+}
+
+.live-waiting::before {
+    background: #f59e0b;
+    box-shadow: 0 0 6px #f59e0b;
+}
+
+@keyframes dot-pulse {
+    0%, 100% { opacity: 1; transform: scale(1); }
+    50% { opacity: 0.3; transform: scale(0.6); }
+}
+
+/* Glow the entire card when live */
+.card:has(.live-active) {
+    border-color: rgba(74, 222, 128, 0.3);
+    box-shadow: 0 0 20px rgba(74, 222, 128, 0.08);
+}
+
+.card:has(.live-waiting) {
+    border-color: rgba(251, 191, 36, 0.25);
+    box-shadow: 0 0 20px rgba(251, 191, 36, 0.06);
+}
+
 /* ── Card expand preview ────────────────────────────────────── */
 
 .card-expand-btn {

package/src/server.js

@@ -3,7 +3,7 @@ const http = require('http');
 const https = require('https');
 const { URL } = require('url');
 const { exec } = require('child_process');
-const { loadSessions, loadSessionDetail, deleteSession, getGitCommits, exportSessionMarkdown, getSessionPreview, searchFullText } = require('./data');
+const { loadSessions, loadSessionDetail, deleteSession, getGitCommits, exportSessionMarkdown, getSessionPreview, searchFullText, getActiveSessions } = require('./data');
 const { detectTerminals, openInTerminal } = require('./terminals');
 const { getHTML } = require('./html');
 
@@ -104,6 +104,12 @@ function startServer(port, openBrowser = true) {
       json(res, commits);
     }
 
+    // ── Active sessions ─────────────────────
+    else if (req.method === 'GET' && pathname === '/api/active') {
+      const active = getActiveSessions();
+      json(res, active);
+    }
+
     // ── Session preview ─────────────────────
     else if (req.method === 'GET' && pathname.startsWith('/api/preview/')) {
       const sessionId = pathname.split('/').pop();