codedash-app 1.1.1 → 1.3.0

package/README.md

@@ -1,60 +1,71 @@
-# claude-sessions-dash
+# CodeDash
 
-Termius-style browser dashboard for your Claude Code (and Codex) sessions.
+Browser dashboard for Claude Code & Codex sessions. View, search, resume, and manage all your AI coding sessions.
 
-![Dashboard](https://img.shields.io/badge/UI-Dark%20Theme-1a1d23?style=flat-square) ![Node](https://img.shields.io/badge/node-%3E%3D16-green?style=flat-square) ![License](https://img.shields.io/badge/license-MIT-blue?style=flat-square)
+https://github.com/user-attachments/assets/15c45659-365b-49f8-86a3-9005fa155ca6
+
+![npm](https://img.shields.io/npm/v/codedash-app?style=flat-square) ![Node](https://img.shields.io/badge/node-%3E%3D16-green?style=flat-square) ![License](https://img.shields.io/badge/license-MIT-blue?style=flat-square)
 
 ## Quick Start
 
 ```bash
-npx claude-sessions-dash
+npx codedash-app run
 ```
 
-Opens `http://localhost:3847` with your sessions dashboard.
-
-Custom port:
+Opens `http://localhost:3847` in your browser.
 
 ```bash
-npx claude-sessions-dash 4000
+npx codedash-app run --port=4000    # custom port
+npx codedash-app run --no-browser   # don't auto-open
+npx codedash-app list               # list sessions in terminal
+npx codedash-app stats              # show statistics
 ```
 
 ## Features
 
 **Sessions**
-- View all Claude Code and Codex sessions in a card grid
-- Group by project, view as timeline, or filter by tool
-- Full-text search across session names and projects
-- Preview conversation history in a side panel
+- Grid and List view with project grouping
+- Trigram fuzzy search across session content and projects
+- Filter by tool (Claude/Codex), tags, date range
+- Star/pin important sessions (always shown first)
+- Tag sessions: bug, feature, research, infra, deploy, review
+- Activity heatmap (GitHub-style)
+- Cost estimation per session
 
 **Launch**
-- Resume any session directly in your terminal (iTerm2, Terminal.app, Warp, Kitty, Alacritty)
-- One-click launch with `--dangerously-skip-permissions` option
+- Resume sessions in iTerm2, Terminal.app, Warp, Kitty, Alacritty
 - Auto `cd` into the correct project directory
 - Copy resume command to clipboard
 - Terminal preference saved between sessions
 
 **Manage**
 - Delete sessions (file + history + env cleanup)
-- Confirmation dialog to prevent accidents
-- Refresh data without restarting
+- Bulk select and delete
+- Export conversations as Markdown
+- Related git commits shown per session
+- Auto-update notifications
+
+**Themes**
+- Dark (default), Light, System
 
 **Keyboard Shortcuts**
-- `/` — Focus search
-- `Escape` — Close panels
+- `/` focus search, `j/k` navigate, `Enter` open
+- `x` star, `d` delete, `s` select mode, `g` toggle groups
+- `r` refresh, `Escape` close panels
 
 ## How It Works
 
-Reads session data from `~/.claude/`:
-- `history.jsonl` — session index with timestamps and projects
-- `projects/*/\<session-id\>.jsonl` — full conversation data
-- `session-env/` — session environment files
+Reads session data from `~/.claude/` and `~/.codex/`:
+- `history.jsonl` — session index
+- `projects/*/<session-id>.jsonl` — conversation data
+- `sessions/` — Codex session files
 
-Zero dependencies. Single Node.js file. Everything runs on `localhost`.
+Zero dependencies. Everything runs on `localhost`.
 
 ## Requirements
 
 - Node.js >= 16
-- Claude Code installed (`~/.claude/` directory exists)
+- Claude Code or Codex CLI installed
 - macOS / Linux / Windows
 
 ## License

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codedash-app",
-  "version": "1.1.1",
+  "version": "1.3.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

@@ -186,48 +186,103 @@ function saveTerminalPref(val) {
   localStorage.setItem('codedash-terminal', val);
 }
 
+// ── Trigram search ─────────────────────────────────────────────
+
+function trigrams(str) {
+  var s = '  ' + str.toLowerCase() + '  ';
+  var t = {};
+  for (var i = 0; i < s.length - 2; i++) {
+    var tri = s.substring(i, i + 3);
+    t[tri] = (t[tri] || 0) + 1;
+  }
+  return t;
+}
+
+function trigramScore(query, text) {
+  if (!query || !text) return 0;
+  var qt = trigrams(query);
+  var tt = trigrams(text);
+  var matches = 0;
+  var total = 0;
+  for (var k in qt) {
+    total += qt[k];
+    if (tt[k]) matches += Math.min(qt[k], tt[k]);
+  }
+  return total > 0 ? matches / total : 0;
+}
+
+function searchScore(query, session) {
+  var q = query.toLowerCase();
+  var fields = [
+    session.first_message || '',
+    session.project_short || '',
+    session.project || '',
+    session.id || '',
+    session.tool || ''
+  ];
+  var haystack = fields.join(' ').toLowerCase();
+
+  // Exact substring match = highest score
+  if (haystack.indexOf(q) >= 0) return 1;
+
+  // Trigram fuzzy match
+  var best = 0;
+  for (var i = 0; i < fields.length; i++) {
+    var score = trigramScore(q, fields[i]);
+    if (score > best) best = score;
+  }
+  // Also score against full haystack
+  var fullScore = trigramScore(q, haystack);
+  if (fullScore > best) best = fullScore;
+
+  return best;
+}
+
 // ── Filtering ──────────────────────────────────────────────────
 
+var SEARCH_THRESHOLD = 0.3;
+
 function applyFilters() {
-  filteredSessions = allSessions.filter(function(s) {
-    // Tool filter
-    if (toolFilter && s.tool !== toolFilter) return false;
+  var scored = [];
+  for (var i = 0; i < allSessions.length; i++) {
+    var s = allSessions[i];
 
-    // Search
-    if (searchQuery) {
-      var q = searchQuery.toLowerCase();
-      var haystack = (
-        (s.first_message || '') + ' ' +
-        (s.project || '') + ' ' +
-        (s.project_short || '') + ' ' +
-        (s.id || '') + ' ' +
-        (s.tool || '')
-      ).toLowerCase();
-      if (haystack.indexOf(q) === -1) return false;
-    }
+    // Tool filter
+    if (toolFilter && s.tool !== toolFilter) continue;
 
     // Tag filter
     if (tagFilter) {
       var sessionTags = tags[s.id] || [];
-      if (sessionTags.indexOf(tagFilter) === -1) return false;
+      if (sessionTags.indexOf(tagFilter) === -1) continue;
     }
 
     // Date range
-    if (dateFrom && s.date < dateFrom) return false;
-    if (dateTo && s.date > dateTo) return false;
+    if (dateFrom && s.date < dateFrom) continue;
+    if (dateTo && s.date > dateTo) continue;
 
-    return true;
-  });
+    // Search with trigram scoring
+    var score = 1;
+    if (searchQuery) {
+      score = searchScore(searchQuery, s);
+      if (score < SEARCH_THRESHOLD) continue;
+    }
 
-  // Starred sessions first
-  filteredSessions.sort(function(a, b) {
-    var aStarred = stars.indexOf(a.id) >= 0 ? 1 : 0;
-    var bStarred = stars.indexOf(b.id) >= 0 ? 1 : 0;
+    scored.push({ session: s, score: score });
+  }
+
+  // Sort: starred first, then by search score (if searching), then by time
+  scored.sort(function(a, b) {
+    var aStarred = stars.indexOf(a.session.id) >= 0 ? 1 : 0;
+    var bStarred = stars.indexOf(b.session.id) >= 0 ? 1 : 0;
     if (aStarred !== bStarred) return bStarred - aStarred;
-    return b.last_ts - a.last_ts;
+    if (searchQuery && a.score !== b.score) return b.score - a.score;
+    return b.session.last_ts - a.session.last_ts;
   });
 
+  filteredSessions = scored.map(function(x) { return x.session; });
+
   render();
+
 }
 
 function onSearch(val) {
@@ -829,7 +884,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 +1154,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';