codedash-app 1.7.0 → 2.0.0

package/package.json

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

@@ -437,65 +437,195 @@ function getSessionPreview(sessionId, project, limit) {
   return messages;
 }
 
-// ── Full-text search across all sessions ──────────────────
+// ── Full-text search index ─────────────────────────────────
+//
+// Built once on first search, then cached in memory.
+// Each entry: { sessionId, texts: [{role, content}] }
+// Total text is kept lowercase for fast substring matching.
 
-function searchFullText(query, sessions) {
-  if (!query || query.length < 2) return [];
-  const q = query.toLowerCase();
-  const results = [];
+let searchIndex = null;
+let searchIndexBuiltAt = 0;
+const INDEX_TTL = 60000; // rebuild every 60s
+
+function buildSearchIndex(sessions) {
+  const startMs = Date.now();
+  const index = [];
 
   for (const s of sessions) {
-    if (s.tool !== 'claude' || !s.has_detail) continue;
+    if (!s.has_detail) continue;
 
-    const projectKey = s.project.replace(/[\/\.]/g, '-');
-    const sessionFile = path.join(PROJECTS_DIR, projectKey, `${s.id}.jsonl`);
-    if (!fs.existsSync(sessionFile)) continue;
+    const found = findSessionFile(s.id, s.project);
+    if (!found) continue;
 
     try {
-      const data = fs.readFileSync(sessionFile, 'utf8');
-      // Quick check before parsing
-      if (data.toLowerCase().indexOf(q) === -1) continue;
+      const lines = fs.readFileSync(found.file, 'utf8').split('\n').filter(Boolean);
+      const texts = [];
 
-      // Find matching messages
-      const lines = data.split('\n').filter(Boolean);
-      const matches = [];
       for (const line of lines) {
-        if (matches.length >= 3) break; // max 3 matches per session
         try {
           const entry = JSON.parse(line);
-          if (entry.type !== 'user' && entry.type !== 'assistant') continue;
-          const msg = entry.message || {};
-          let content = msg.content || '';
-          if (Array.isArray(content)) {
-            content = content
-              .map(b => (typeof b === 'string' ? b : (b.type === 'text' ? b.text : '')))
-              .filter(Boolean)
-              .join('\n');
+          let role, content;
+
+          if (found.format === 'claude') {
+            if (entry.type !== 'user' && entry.type !== 'assistant') continue;
+            role = entry.type;
+            content = extractContent((entry.message || {}).content);
+          } else {
+            if (entry.type !== 'response_item' || !entry.payload) continue;
+            role = entry.payload.role;
+            if (role !== 'user' && role !== 'assistant') continue;
+            content = extractContent(entry.payload.content);
           }
-          if (content.toLowerCase().indexOf(q) >= 0) {
-            // Extract snippet around match
-            const idx = content.toLowerCase().indexOf(q);
-            const start = Math.max(0, idx - 50);
-            const end = Math.min(content.length, idx + q.length + 50);
-            matches.push({
-              role: entry.type,
-              snippet: (start > 0 ? '...' : '') + content.slice(start, end) + (end < content.length ? '...' : ''),
-            });
+
+          if (content && !isSystemMessage(content)) {
+            texts.push({ role, content: content.slice(0, 500) });
           }
         } catch {}
       }
 
-      if (matches.length > 0) {
-        results.push({ sessionId: s.id, matches });
+      if (texts.length > 0) {
+        // Pre-compute lowercase full text for fast matching
+        const fullText = texts.map(t => t.content).join(' ').toLowerCase();
+        index.push({ sessionId: s.id, texts, fullText });
       }
     } catch {}
   }
 
+  const elapsed = Date.now() - startMs;
+  console.log(`  \x1b[2mSearch index: ${index.length} sessions, ${elapsed}ms\x1b[0m`);
+  return index;
+}
+
+function getSearchIndex(sessions) {
+  const now = Date.now();
+  if (!searchIndex || (now - searchIndexBuiltAt) > INDEX_TTL) {
+    searchIndex = buildSearchIndex(sessions);
+    searchIndexBuiltAt = now;
+  }
+  return searchIndex;
+}
+
+function searchFullText(query, sessions) {
+  if (!query || query.length < 2) return [];
+  const q = query.toLowerCase();
+  const index = getSearchIndex(sessions);
+  const results = [];
+
+  for (const entry of index) {
+    if (entry.fullText.indexOf(q) === -1) continue;
+
+    // Find matching messages with snippets
+    const matches = [];
+    for (const t of entry.texts) {
+      if (matches.length >= 3) break;
+      const idx = t.content.toLowerCase().indexOf(q);
+      if (idx >= 0) {
+        const start = Math.max(0, idx - 50);
+        const end = Math.min(t.content.length, idx + q.length + 50);
+        matches.push({
+          role: t.role,
+          snippet: (start > 0 ? '...' : '') + t.content.slice(start, end) + (end < t.content.length ? '...' : ''),
+        });
+      }
+    }
+
+    if (matches.length > 0) {
+      results.push({ sessionId: entry.sessionId, matches });
+    }
+  }
+
   return results;
 }
 
 // ── 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,
@@ -504,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') || '[]');
@@ -104,10 +105,20 @@ function showTagDropdown(event, sessionId) {
   document.querySelectorAll('.tag-dropdown').forEach(function(el) { el.remove(); });
   var dd = document.createElement('div');
   dd.className = 'tag-dropdown';
+  var existingTags = tags[sessionId] || [];
   dd.innerHTML = TAG_OPTIONS.map(function(t) {
-    return '<div class="tag-dropdown-item" onclick="event.stopPropagation();addTag(\'' + sessionId + '\',\'' + t + '\')">' + t + '</div>';
+    var has = existingTags.indexOf(t) >= 0;
+    return '<div class="tag-dropdown-item" onclick="event.stopPropagation();' +
+      (has ? 'removeTag' : 'addTag') + '(\'' + sessionId + '\',\'' + t + '\')">' +
+      (has ? '&#10003; ' : '') + t + '</div>';
   }).join('');
-  event.target.parentElement.appendChild(dd);
+
+  // Position near the button
+  var rect = event.target.getBoundingClientRect();
+  dd.style.top = (rect.bottom + 4) + 'px';
+  dd.style.left = rect.left + 'px';
+
+  document.body.appendChild(dd);
   setTimeout(function() {
     document.addEventListener('click', function() { dd.remove(); }, { once: true });
   }, 0);
@@ -186,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) {
@@ -1338,6 +1388,30 @@ document.addEventListener('keydown', function(e) {
   }
 });
 
+// ── Export/Import dialog ──────────────────────────────────────
+
+function showExportDialog() {
+  var overlay = document.getElementById('confirmOverlay');
+  document.getElementById('confirmTitle').textContent = 'Export / Import Sessions';
+  document.getElementById('confirmText').innerHTML =
+    '<strong>Export</strong> all sessions to migrate to another PC:<br>' +
+    '<code style="display:block;margin:8px 0;padding:8px;background:var(--bg-card);border-radius:6px;font-size:12px">codedash export</code>' +
+    'Creates a tar.gz with all Claude &amp; Codex session data.<br><br>' +
+    '<strong>Import</strong> on the new machine:<br>' +
+    '<code style="display:block;margin:8px 0;padding:8px;background:var(--bg-card);border-radius:6px;font-size:12px">codedash import &lt;file.tar.gz&gt;</code>' +
+    '<br><em style="color:var(--text-muted);font-size:12px">Don\'t forget to clone your git repos separately.</em>';
+  document.getElementById('confirmId').textContent = '';
+  document.getElementById('confirmAction').textContent = 'Copy Export Command';
+  document.getElementById('confirmAction').className = 'launch-btn btn-primary';
+  document.getElementById('confirmAction').onclick = function() {
+    navigator.clipboard.writeText('codedash export').then(function() {
+      showToast('Copied: codedash export');
+    });
+    closeConfirm();
+  };
+  if (overlay) overlay.style.display = 'flex';
+}
+
 // ── Update check ──────────────────────────────────────────────
 
 async function checkForUpdates() {
@@ -1392,6 +1466,7 @@ function dismissUpdate() {
   loadTerminals();
   checkForUpdates();
   initHoverPreview();
+  startActivePolling();
 
   // Apply saved theme
   var savedTheme = localStorage.getItem('codedash-theme') || 'dark';

package/src/frontend/index.html

@@ -44,6 +44,11 @@
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
         Codex
     </div>
+    <div class="sidebar-divider"></div>
+    <div class="sidebar-item" onclick="showExportDialog()">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
+        Export / Import
+    </div>
     <div class="sidebar-settings">
         <label>Terminal</label>
         <select id="terminalSelect" onchange="saveTerminalPref(this.value)">

package/src/frontend/styles.css

@@ -484,20 +484,15 @@ body {
 }
 
 .tag-dropdown {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    margin-top: 4px;
+    position: fixed;
     background: var(--bg-secondary);
     border: 1px solid var(--border);
     border-radius: 8px;
     padding: 6px;
     min-width: 140px;
     box-shadow: 0 8px 24px rgba(0,0,0,0.3);
-    z-index: 50;
-    display: none;
+    z-index: 150;
 }
-.tag-dropdown.open { display: block; }
 
 .tag-dropdown-item {
     display: flex;
@@ -1390,6 +1385,36 @@ body {
     color: #fff;
 }
 
+/* ── Live session badges ────────────────────────────────────── */
+
+.live-badge {
+    font-size: 9px;
+    font-weight: 700;
+    letter-spacing: 0.5px;
+    padding: 2px 7px;
+    border-radius: 4px;
+    text-transform: uppercase;
+    animation: pulse 2s infinite;
+}
+
+.live-active {
+    background: rgba(74, 222, 128, 0.2);
+    color: var(--accent-green);
+    border: 1px solid rgba(74, 222, 128, 0.3);
+}
+
+.live-waiting {
+    background: rgba(251, 191, 36, 0.15);
+    color: #fbbf24;
+    border: 1px solid rgba(251, 191, 36, 0.25);
+    animation: pulse 1.5s infinite;
+}
+
+@keyframes pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.6; }
+}
+
 /* ── 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();