codedash-app 1.2.0 → 1.3.1

package/README.md

@@ -1,60 +1,64 @@
-# 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)
+[Russian / Русский](docs/README_RU.md) | [Chinese / 中文](docs/README_ZH.md)
+
+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
 
-**Keyboard Shortcuts**
-- `/` — Focus search
-- `Escape` — Close panels
+**Themes**: Dark (default), Light, System
 
-## How It Works
+**Keyboard Shortcuts**: `/` search, `j/k` navigate, `Enter` open, `x` star, `d` delete, `s` select, `g` group, `r` refresh, `Esc` close
 
-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
+## How It Works
 
-Zero dependencies. Single Node.js file. Everything runs on `localhost`.
+Reads session data from `~/.claude/` and `~/.codex/`. Zero dependencies. Everything runs on `localhost`.
 
 ## Requirements
 
 - Node.js >= 16
-- Claude Code installed (`~/.claude/` directory exists)
+- Claude Code or Codex CLI
 - macOS / Linux / Windows
 
 ## License

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codedash-app",
-  "version": "1.2.0",
+  "version": "1.3.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/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) {
@@ -547,10 +602,16 @@ function renderProjects(container, sessions) {
 
 // ── Activity Heatmap ───────────────────────────────────────────
 
+function localISO(date) {
+  var y = date.getFullYear();
+  var m = String(date.getMonth() + 1).padStart(2, '0');
+  var d = String(date.getDate()).padStart(2, '0');
+  return y + '-' + m + '-' + d;
+}
+
 function renderHeatmap(container) {
   var now = new Date();
-  var oneYearAgo = new Date(now);
-  oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);
+  var oneYearAgo = new Date(now.getFullYear() - 1, now.getMonth(), now.getDate());
 
   // Count sessions per day
   var counts = {};
@@ -560,17 +621,16 @@ function renderHeatmap(container) {
     counts[d] = (counts[d] || 0) + 1;
   });
 
-  // Build day array for last 365 days
+  // Build day array — start from Sunday before oneYearAgo, end on Saturday after today
   var days = [];
   var d = new Date(oneYearAgo);
-  // Start from the most recent Sunday before or on oneYearAgo
-  d.setDate(d.getDate() - d.getDay());
+  d.setDate(d.getDate() - d.getDay()); // align to Sunday
 
   var endDate = new Date(now);
-  endDate.setDate(endDate.getDate() + (6 - endDate.getDay())); // end on Saturday
+  endDate.setDate(endDate.getDate() + (6 - endDate.getDay())); // align to Saturday
 
   while (d <= endDate) {
-    var iso = d.toISOString().slice(0, 10);
+    var iso = localISO(d);
     var count = counts[iso] || 0;
     var level = 0;
     if (count >= 6) level = 4;
@@ -578,8 +638,7 @@ function renderHeatmap(container) {
     else if (count >= 2) level = 2;
     else if (count >= 1) level = 1;
     days.push({ date: iso, count: count, level: level, day: d.getDay() });
-    d = new Date(d);
-    d.setDate(d.getDate() + 1);
+    d = new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1);
   }
 
   // Build weeks (columns)
@@ -627,10 +686,10 @@ function renderHeatmap(container) {
   var streak = 0;
   var checkDate = new Date(now);
   while (true) {
-    var iso = checkDate.toISOString().slice(0, 10);
-    if (counts[iso] && counts[iso] > 0) {
+    var ciso = localISO(checkDate);
+    if (counts[ciso] && counts[ciso] > 0) {
       streak++;
-      checkDate.setDate(checkDate.getDate() - 1);
+      checkDate = new Date(checkDate.getFullYear(), checkDate.getMonth(), checkDate.getDate() - 1);
     } else {
       break;
     }