codedash-app 4.0.0 → 4.2.0

package/package.json

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

@@ -7,11 +7,120 @@ const { execSync } = require('child_process');
 
 const CLAUDE_DIR = path.join(os.homedir(), '.claude');
 const CODEX_DIR = path.join(os.homedir(), '.codex');
+const OPENCODE_DB = path.join(os.homedir(), '.local', 'share', 'opencode', 'opencode.db');
 const HISTORY_FILE = path.join(CLAUDE_DIR, 'history.jsonl');
 const PROJECTS_DIR = path.join(CLAUDE_DIR, 'projects');
 
 // ── Helpers ────────────────────────────────────────────────
 
+function scanOpenCodeSessions() {
+  const sessions = [];
+  if (!fs.existsSync(OPENCODE_DB)) return sessions;
+
+  try {
+    // Use sqlite3 CLI to avoid Node version dependency
+    const rows = execSync(
+      `sqlite3 "${OPENCODE_DB}" "SELECT s.id, s.title, s.directory, s.time_created, s.time_updated, COUNT(m.id) as msg_count FROM session s LEFT JOIN message m ON m.session_id = s.id GROUP BY s.id ORDER BY s.time_updated DESC"`,
+      { encoding: 'utf8', timeout: 5000 }
+    ).trim();
+
+    if (!rows) return sessions;
+
+    for (const row of rows.split('\n')) {
+      const parts = row.split('|');
+      if (parts.length < 6) continue;
+      const [id, title, directory, timeCreated, timeUpdated, msgCount] = parts;
+
+      sessions.push({
+        id: id,
+        tool: 'opencode',
+        project: directory || '',
+        project_short: (directory || '').replace(os.homedir(), '~'),
+        first_ts: parseInt(timeCreated) || Date.now(),
+        last_ts: parseInt(timeUpdated) || Date.now(),
+        messages: parseInt(msgCount) || 0,
+        first_message: title || '',
+        has_detail: true,
+        file_size: 0,
+        detail_messages: parseInt(msgCount) || 0,
+      });
+    }
+  } catch {}
+
+  return sessions;
+}
+
+function loadOpenCodeDetail(sessionId) {
+  if (!fs.existsSync(OPENCODE_DB)) return { messages: [] };
+
+  try {
+    // Get messages with parts joined
+    const rows = execSync(
+      `sqlite3 "${OPENCODE_DB}" "SELECT m.data, GROUP_CONCAT(p.data, '|||') FROM message m LEFT JOIN part p ON p.message_id = m.id WHERE m.session_id = '${sessionId.replace(/'/g, "''")}' GROUP BY m.id ORDER BY m.time_created"`,
+      { encoding: 'utf8', timeout: 10000 }
+    ).trim();
+
+    if (!rows) return { messages: [] };
+
+    const messages = [];
+    for (const row of rows.split('\n')) {
+      const sepIdx = row.indexOf('|');
+      if (sepIdx < 0) continue;
+
+      // Parse message data (first column)
+      // Find the JSON boundary - message data ends where part data starts
+      let msgJson, partsRaw;
+      try {
+        // Try to find where message JSON ends
+        let braceCount = 0;
+        let jsonEnd = 0;
+        for (let i = 0; i < row.length; i++) {
+          if (row[i] === '{') braceCount++;
+          if (row[i] === '}') { braceCount--; if (braceCount === 0) { jsonEnd = i + 1; break; } }
+        }
+        msgJson = row.slice(0, jsonEnd);
+        partsRaw = row.slice(jsonEnd + 1); // skip |
+      } catch { continue; }
+
+      let msgData;
+      try { msgData = JSON.parse(msgJson); } catch { continue; }
+
+      const role = msgData.role;
+      if (role !== 'user' && role !== 'assistant') continue;
+
+      // Extract text from parts
+      let content = '';
+      if (partsRaw) {
+        for (const partStr of partsRaw.split('|||')) {
+          try {
+            const part = JSON.parse(partStr);
+            if (part.type === 'text' && part.text) {
+              content += part.text + '\n';
+            }
+          } catch {}
+        }
+      }
+
+      content = content.trim();
+      if (!content) continue;
+
+      const tokens = msgData.tokens || {};
+
+      messages.push({
+        role: role,
+        content: content.slice(0, 2000),
+        uuid: '',
+        model: msgData.modelID || msgData.model?.modelID || '',
+        tokens: tokens,
+      });
+    }
+
+    return { messages: messages.slice(0, 200) };
+  } catch {
+    return { messages: [] };
+  }
+}
+
 function scanCodexSessions() {
   const sessions = [];
   const codexHistory = path.join(CODEX_DIR, 'history.jsonl');
@@ -154,6 +263,14 @@ function loadSessions() {
     } catch {}
   }
 
+  // Load OpenCode sessions
+  try {
+    const opencodeSessions = scanOpenCodeSessions();
+    for (const ocs of opencodeSessions) {
+      sessions[ocs.id] = ocs;
+    }
+  } catch {}
+
   // Enrich Claude sessions with detail file info
   for (const [sid, s] of Object.entries(sessions)) {
     if (s.tool !== 'claude') continue;
@@ -195,6 +312,11 @@ function loadSessionDetail(sessionId, project) {
   const found = findSessionFile(sessionId, project);
   if (!found) return { error: 'Session file not found', messages: [] };
 
+  // OpenCode uses SQLite
+  if (found.format === 'opencode') {
+    return loadOpenCodeDetail(sessionId);
+  }
+
   const messages = [];
   const lines = fs.readFileSync(found.file, 'utf8').split('\n').filter(Boolean);
 
@@ -367,6 +489,11 @@ function findSessionFile(sessionId, project) {
     if (codexFile) return { file: codexFile, format: 'codex' };
   }
 
+  // Try OpenCode (SQLite — return special marker)
+  if (fs.existsSync(OPENCODE_DB) && sessionId.startsWith('ses_')) {
+    return { file: OPENCODE_DB, format: 'opencode', sessionId: sessionId };
+  }
+
   return null;
 }
 
@@ -402,6 +529,14 @@ function getSessionPreview(sessionId, project, limit) {
   const found = findSessionFile(sessionId, project);
   if (!found) return [];
 
+  // OpenCode: use loadOpenCodeDetail and slice
+  if (found.format === 'opencode') {
+    const detail = loadOpenCodeDetail(sessionId);
+    return detail.messages.slice(0, limit).map(function(m) {
+      return { role: m.role, content: m.content.slice(0, 300) };
+    });
+  }
+
   const messages = [];
   const lines = fs.readFileSync(found.file, 'utf8').split('\n').filter(Boolean);
 
@@ -832,8 +967,10 @@ module.exports = {
   findSessionFile,
   extractContent,
   isSystemMessage,
+  loadOpenCodeDetail,
   CLAUDE_DIR,
   CODEX_DIR,
+  OPENCODE_DB,
   HISTORY_FILE,
   PROJECTS_DIR,
 };

package/src/frontend/app.js

@@ -413,6 +413,9 @@ function setView(view) {
   } else if (view === 'codex-only') {
     toolFilter = toolFilter === 'codex' ? null : 'codex';
     currentView = 'sessions';
+  } else if (view === 'opencode-only') {
+    toolFilter = toolFilter === 'opencode' ? null : 'opencode';
+    currentView = 'sessions';
   } else {
     toolFilter = null;
     currentView = view;
@@ -444,7 +447,7 @@ function renderCard(s, idx) {
   var costStr = cost > 0 ? '~$' + cost.toFixed(2) : '';
   var projName = getProjectName(s.project);
   var projColor = getProjectColor(projName);
-  var toolClass = s.tool === 'codex' ? 'tool-codex' : 'tool-claude';
+  var toolClass = s.tool === 'codex' ? 'tool-codex' : s.tool === 'opencode' ? 'tool-opencode' : 'tool-claude';
 
   var classes = 'card';
   if (isSelected) classes += ' selected';
@@ -732,6 +735,11 @@ function render() {
     return;
   }
 
+  if (currentView === 'changelog') {
+    renderChangelog(content);
+    return;
+  }
+
   if (currentView === 'running') {
     renderRunning(content, sessions);
     return;
@@ -1746,6 +1754,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 +1902,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

@@ -52,6 +52,10 @@
         <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-item" data-view="opencode-only">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"/></svg>
+        OpenCode
+    </div>
     <div class="sidebar-divider"></div>
     <div class="sidebar-section">Install Agents</div>
     <div class="sidebar-item small" onclick="installAgent('claude')">
@@ -75,6 +79,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

@@ -1041,6 +1041,11 @@ body {
     color: var(--accent-cyan);
 }
 
+.tool-opencode {
+    background: rgba(192, 132, 252, 0.15);
+    color: var(--accent-purple);
+}
+
 /* ── Groups ─────────────────────────────────────────────────── */
 
 .group {
@@ -1596,6 +1601,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');