codedash-app 4.0.0 → 4.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codedash-app",
-  "version": "4.0.0",
+  "version": "4.1.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/changelog.js

@@ -0,0 +1,161 @@
+'use strict';
+
+const CHANGELOG = [
+  {
+    version: '4.0.0',
+    date: '2026-04-04',
+    title: 'Cross-agent session conversion',
+    changes: [
+      'Convert sessions between Claude Code and Codex CLI',
+      'CLI: codedash convert <id> claude/codex',
+      'Convert button in session detail panel',
+      'Atomic writes for safety',
+    ],
+  },
+  {
+    version: '3.4.0',
+    date: '2026-04-04',
+    title: 'CLI search, show, docs',
+    changes: [
+      'codedash search <query> — full-text search from terminal',
+      'codedash show <id> — session details with cost and messages',
+      'CLAUDE.md and architecture documentation',
+    ],
+  },
+  {
+    version: '3.3.0',
+    date: '2026-04-04',
+    title: 'Install Agents, author credit',
+    changes: [
+      'Install Agents section: Claude Code, Codex, Kiro, OpenCode',
+      'One-click copy install commands',
+      'Author credit in sidebar',
+    ],
+  },
+  {
+    version: '3.2.0',
+    date: '2026-04-04',
+    title: 'Real cost calculation',
+    changes: [
+      'Real cost from actual token usage (not file size estimates)',
+      'Model-specific pricing: Opus, Sonnet, Haiku, Codex, GPT-5',
+      'Cache pricing: cache_read 90% discount, cache_create 25% premium',
+      'Detail panel shows real cost with model and token breakdown',
+    ],
+  },
+  {
+    version: '3.1.0',
+    date: '2026-04-04',
+    title: 'Running sessions view',
+    changes: [
+      'New "Running" sidebar view with grid layout',
+      'CPU, Memory, PID, Uptime for each active session',
+      'Focus, Details, Replay buttons',
+      'Recently inactive sessions shown below',
+    ],
+  },
+  {
+    version: '3.0.0',
+    date: '2026-04-04',
+    title: 'Session Replay, Cost Analytics',
+    changes: [
+      'Session Replay: timeline slider, play/pause, progressive messages',
+      'Cost Analytics dashboard: daily chart, project bars, top sessions',
+      'Focus Terminal button for active sessions',
+    ],
+  },
+  {
+    version: '2.1.0',
+    date: '2026-04-04',
+    title: 'Animated border on live cards',
+    changes: [
+      'Conic gradient border spins around LIVE cards',
+      'WAITING cards: static border',
+      'Pulsing dot + LIVE/WAITING badges',
+    ],
+  },
+  {
+    version: '2.0.0',
+    date: '2026-04-04',
+    title: 'Live session detection',
+    changes: [
+      'Detect running Claude/Codex processes via PID files',
+      'LIVE (green) and WAITING (yellow) badges with pulse animation',
+      'CPU%, Memory, PID shown on hover',
+      'Polling every 5 seconds',
+    ],
+  },
+  {
+    version: '1.9.0',
+    date: '2026-04-03',
+    title: 'Tags fix, search index, Export/Import UI',
+    changes: [
+      'Fixed tag dropdown positioning',
+      'In-memory search index (263ms build, 60s cache)',
+      'Export/Import dialog in sidebar',
+      'codedash update/restart/stop commands',
+    ],
+  },
+  {
+    version: '1.6.0',
+    date: '2026-04-03',
+    title: 'Message extraction fix',
+    changes: [
+      'Fixed message extraction for both Claude and Codex',
+      'Hover preview and expand cards working',
+      'Version badge in sidebar',
+    ],
+  },
+  {
+    version: '1.5.0',
+    date: '2026-04-03',
+    title: 'Deep search, hover preview, expandable cards',
+    changes: [
+      'Full-text search across all session messages',
+      'Hover tooltip with first 6 messages',
+      'Expand cards inline with first 10 messages',
+    ],
+  },
+  {
+    version: '1.4.0',
+    date: '2026-04-03',
+    title: 'Export/Import for PC migration',
+    changes: [
+      'codedash export — archive all sessions as tar.gz',
+      'codedash import — restore on new machine',
+    ],
+  },
+  {
+    version: '1.3.0',
+    date: '2026-04-03',
+    title: 'Trigram fuzzy search',
+    changes: [
+      'Fuzzy search with trigram scoring',
+      'Results ranked by relevance',
+    ],
+  },
+  {
+    version: '1.1.0',
+    date: '2026-04-03',
+    title: 'Grid/List toggle, Codex support',
+    changes: [
+      'Grid/List layout switcher',
+      'Codex session parsing fixed',
+      'Project navigation from Projects view',
+    ],
+  },
+  {
+    version: '1.0.0',
+    date: '2026-04-03',
+    title: 'Initial release',
+    changes: [
+      'Session dashboard with dark theme',
+      'Group by project, timeline, activity heatmap',
+      'Star, tag, delete sessions',
+      'Resume in iTerm2/Terminal.app',
+      'Terminal selector, theme switcher',
+    ],
+  },
+];
+
+module.exports = { CHANGELOG };

package/src/frontend/app.js

@@ -732,6 +732,11 @@ function render() {
     return;
   }
 
+  if (currentView === 'changelog') {
+    renderChangelog(content);
+    return;
+  }
+
   if (currentView === 'running') {
     renderRunning(content, sessions);
     return;
@@ -1746,6 +1751,40 @@ function focusSession(sessionId) {
   });
 }
 
+// ── Changelog view ────────────────────────────────────────────
+
+async function renderChangelog(container) {
+  container.innerHTML = '<div class="loading">Loading changelog...</div>';
+  try {
+    var resp = await fetch('/api/changelog');
+    var log = await resp.json();
+
+    var html = '<div class="changelog-container">';
+    html += '<h2 class="heatmap-title">Changelog</h2>';
+
+    log.forEach(function(entry, i) {
+      var isNew = i === 0;
+      html += '<div class="changelog-entry' + (isNew ? ' changelog-latest' : '') + '">';
+      html += '<div class="changelog-header">';
+      html += '<span class="changelog-version">v' + escHtml(entry.version) + '</span>';
+      if (isNew) html += '<span class="changelog-new">NEW</span>';
+      html += '<span class="changelog-date">' + escHtml(entry.date) + '</span>';
+      html += '</div>';
+      html += '<div class="changelog-title">' + escHtml(entry.title) + '</div>';
+      html += '<ul class="changelog-list">';
+      entry.changes.forEach(function(c) {
+        html += '<li>' + escHtml(c) + '</li>';
+      });
+      html += '</ul></div>';
+    });
+
+    html += '</div>';
+    container.innerHTML = html;
+  } catch (e) {
+    container.innerHTML = '<div class="empty-state">Failed to load changelog.</div>';
+  }
+}
+
 // ── Convert session ───────────────────────────────────────────
 
 async function convertTo(sessionId, project, targetFormat) {
@@ -1860,6 +1899,13 @@ async function checkForUpdates() {
       badge.textContent = 'v' + data.current;
     }
 
+    // Show "what's new" if version changed since last visit
+    var lastSeenVersion = localStorage.getItem('codedash-last-version');
+    if (lastSeenVersion && lastSeenVersion !== data.current) {
+      showToast('Updated to v' + data.current + ' — check Changelog!');
+    }
+    localStorage.setItem('codedash-last-version', data.current);
+
     if (data.updateAvailable) {
       if (badge) {
         badge.textContent = 'v' + data.current + ' → v' + data.latest;

package/src/frontend/index.html

@@ -75,6 +75,10 @@
         <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-item small" data-view="changelog">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
+        Changelog
+    </div>
     <div class="sidebar-author">
         Made by <a href="https://t.me/neuraldeep" target="_blank">Valerii Kovalskii</a>
     </div>

package/src/frontend/styles.css

@@ -1596,6 +1596,93 @@ body {
     box-shadow: 0 8px 32px rgba(0,0,0,0.12);
 }
 
+/* ── Changelog ──────────────────────────────────────────────── */
+
+.changelog-container { padding: 20px; max-width: 700px; }
+
+.changelog-entry {
+    border-left: 2px solid var(--border);
+    padding: 0 0 24px 20px;
+    margin-left: 8px;
+    position: relative;
+}
+
+.changelog-entry::before {
+    content: '';
+    position: absolute;
+    left: -5px;
+    top: 4px;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: var(--text-muted);
+}
+
+.changelog-latest {
+    border-left-color: var(--accent-green);
+}
+
+.changelog-latest::before {
+    background: var(--accent-green);
+    box-shadow: 0 0 6px var(--accent-green);
+}
+
+.changelog-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 4px;
+}
+
+.changelog-version {
+    font-size: 15px;
+    font-weight: 700;
+    color: var(--text-primary);
+}
+
+.changelog-new {
+    font-size: 9px;
+    font-weight: 700;
+    letter-spacing: 0.5px;
+    padding: 2px 6px;
+    border-radius: 4px;
+    background: rgba(74, 222, 128, 0.2);
+    color: var(--accent-green);
+}
+
+.changelog-date {
+    font-size: 12px;
+    color: var(--text-muted);
+    margin-left: auto;
+}
+
+.changelog-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--text-secondary);
+    margin-bottom: 6px;
+}
+
+.changelog-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.changelog-list li {
+    font-size: 13px;
+    color: var(--text-secondary);
+    padding: 2px 0;
+    line-height: 1.5;
+}
+
+.changelog-list li::before {
+    content: '+';
+    color: var(--accent-green);
+    font-weight: 700;
+    margin-right: 8px;
+}
+
 /* ── Running Sessions View ──────────────────────────────────── */
 
 .running-container { padding: 20px; }

package/src/server.js

@@ -6,6 +6,7 @@ const { exec } = require('child_process');
 const { loadSessions, loadSessionDetail, deleteSession, getGitCommits, exportSessionMarkdown, getSessionPreview, searchFullText, getActiveSessions, getSessionReplay, getCostAnalytics, computeSessionCost } = require('./data');
 const { detectTerminals, openInTerminal, focusTerminalByPid } = require('./terminals');
 const { convertSession } = require('./convert');
+const { CHANGELOG } = require('./changelog');
 const { getHTML } = require('./html');
 
 function startServer(port, openBrowser = true) {
@@ -177,6 +178,11 @@ function startServer(port, openBrowser = true) {
       json(res, data);
     }
 
+    // ── Changelog ─────────────────────────────
+    else if (req.method === 'GET' && pathname === '/api/changelog') {
+      json(res, CHANGELOG);
+    }
+
     // ── Version check ────────────────────────
     else if (req.method === 'GET' && pathname === '/api/version') {
       const pkg = require('../package.json');