codedash-app 4.1.0 → 4.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codedash-app",
-  "version": "4.1.0",
+  "version": "4.2.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/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;
@@ -185,7 +302,8 @@ function loadSessions() {
   for (const s of result) {
     s.first_time = new Date(s.first_ts).toLocaleString('sv-SE').slice(0, 16);
     s.last_time = new Date(s.last_ts).toLocaleString('sv-SE').slice(0, 16);
-    s.date = new Date(s.last_ts).toISOString().slice(0, 10);
+    const dt = new Date(s.last_ts);
+    s.date = dt.getFullYear() + '-' + String(dt.getMonth()+1).padStart(2,'0') + '-' + String(dt.getDate()).padStart(2,'0');
   }
 
   return result;
@@ -195,6 +313,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 +490,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 +530,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 +968,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';

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')">

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 {
@@ -1096,6 +1101,12 @@ body {
 
 .heatmap-container {
     padding: 20px;
+    overflow-x: auto;
+}
+
+.heatmap-container .heatmap-row,
+.heatmap-container .heatmap-months {
+    min-width: max-content;
 }
 
 .heatmap-title {