codedash-app 1.7.0 → 1.9.0

package/package.json

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

@@ -437,60 +437,103 @@ function getSessionPreview(sessionId, project, limit) {
   return messages;
 }
 
-// ── Full-text search across all sessions ──────────────────
+// ── Full-text search index ─────────────────────────────────
+//
+// Built once on first search, then cached in memory.
+// Each entry: { sessionId, texts: [{role, content}] }
+// Total text is kept lowercase for fast substring matching.
 
-function searchFullText(query, sessions) {
-  if (!query || query.length < 2) return [];
-  const q = query.toLowerCase();
-  const results = [];
+let searchIndex = null;
+let searchIndexBuiltAt = 0;
+const INDEX_TTL = 60000; // rebuild every 60s
+
+function buildSearchIndex(sessions) {
+  const startMs = Date.now();
+  const index = [];
 
   for (const s of sessions) {
-    if (s.tool !== 'claude' || !s.has_detail) continue;
+    if (!s.has_detail) continue;
 
-    const projectKey = s.project.replace(/[\/\.]/g, '-');
-    const sessionFile = path.join(PROJECTS_DIR, projectKey, `${s.id}.jsonl`);
-    if (!fs.existsSync(sessionFile)) continue;
+    const found = findSessionFile(s.id, s.project);
+    if (!found) continue;
 
     try {
-      const data = fs.readFileSync(sessionFile, 'utf8');
-      // Quick check before parsing
-      if (data.toLowerCase().indexOf(q) === -1) continue;
+      const lines = fs.readFileSync(found.file, 'utf8').split('\n').filter(Boolean);
+      const texts = [];
 
-      // Find matching messages
-      const lines = data.split('\n').filter(Boolean);
-      const matches = [];
       for (const line of lines) {
-        if (matches.length >= 3) break; // max 3 matches per session
         try {
           const entry = JSON.parse(line);
-          if (entry.type !== 'user' && entry.type !== 'assistant') continue;
-          const msg = entry.message || {};
-          let content = msg.content || '';
-          if (Array.isArray(content)) {
-            content = content
-              .map(b => (typeof b === 'string' ? b : (b.type === 'text' ? b.text : '')))
-              .filter(Boolean)
-              .join('\n');
+          let role, content;
+
+          if (found.format === 'claude') {
+            if (entry.type !== 'user' && entry.type !== 'assistant') continue;
+            role = entry.type;
+            content = extractContent((entry.message || {}).content);
+          } else {
+            if (entry.type !== 'response_item' || !entry.payload) continue;
+            role = entry.payload.role;
+            if (role !== 'user' && role !== 'assistant') continue;
+            content = extractContent(entry.payload.content);
           }
-          if (content.toLowerCase().indexOf(q) >= 0) {
-            // Extract snippet around match
-            const idx = content.toLowerCase().indexOf(q);
-            const start = Math.max(0, idx - 50);
-            const end = Math.min(content.length, idx + q.length + 50);
-            matches.push({
-              role: entry.type,
-              snippet: (start > 0 ? '...' : '') + content.slice(start, end) + (end < content.length ? '...' : ''),
-            });
+
+          if (content && !isSystemMessage(content)) {
+            texts.push({ role, content: content.slice(0, 500) });
           }
         } catch {}
       }
 
-      if (matches.length > 0) {
-        results.push({ sessionId: s.id, matches });
+      if (texts.length > 0) {
+        // Pre-compute lowercase full text for fast matching
+        const fullText = texts.map(t => t.content).join(' ').toLowerCase();
+        index.push({ sessionId: s.id, texts, fullText });
       }
     } catch {}
   }
 
+  const elapsed = Date.now() - startMs;
+  console.log(`  \x1b[2mSearch index: ${index.length} sessions, ${elapsed}ms\x1b[0m`);
+  return index;
+}
+
+function getSearchIndex(sessions) {
+  const now = Date.now();
+  if (!searchIndex || (now - searchIndexBuiltAt) > INDEX_TTL) {
+    searchIndex = buildSearchIndex(sessions);
+    searchIndexBuiltAt = now;
+  }
+  return searchIndex;
+}
+
+function searchFullText(query, sessions) {
+  if (!query || query.length < 2) return [];
+  const q = query.toLowerCase();
+  const index = getSearchIndex(sessions);
+  const results = [];
+
+  for (const entry of index) {
+    if (entry.fullText.indexOf(q) === -1) continue;
+
+    // Find matching messages with snippets
+    const matches = [];
+    for (const t of entry.texts) {
+      if (matches.length >= 3) break;
+      const idx = t.content.toLowerCase().indexOf(q);
+      if (idx >= 0) {
+        const start = Math.max(0, idx - 50);
+        const end = Math.min(t.content.length, idx + q.length + 50);
+        matches.push({
+          role: t.role,
+          snippet: (start > 0 ? '...' : '') + t.content.slice(start, end) + (end < t.content.length ? '...' : ''),
+        });
+      }
+    }
+
+    if (matches.length > 0) {
+      results.push({ sessionId: entry.sessionId, matches });
+    }
+  }
+
   return results;
 }
 

package/src/frontend/app.js

@@ -104,10 +104,20 @@ function showTagDropdown(event, sessionId) {
   document.querySelectorAll('.tag-dropdown').forEach(function(el) { el.remove(); });
   var dd = document.createElement('div');
   dd.className = 'tag-dropdown';
+  var existingTags = tags[sessionId] || [];
   dd.innerHTML = TAG_OPTIONS.map(function(t) {
-    return '<div class="tag-dropdown-item" onclick="event.stopPropagation();addTag(\'' + sessionId + '\',\'' + t + '\')">' + t + '</div>';
+    var has = existingTags.indexOf(t) >= 0;
+    return '<div class="tag-dropdown-item" onclick="event.stopPropagation();' +
+      (has ? 'removeTag' : 'addTag') + '(\'' + sessionId + '\',\'' + t + '\')">' +
+      (has ? '&#10003; ' : '') + t + '</div>';
   }).join('');
-  event.target.parentElement.appendChild(dd);
+
+  // Position near the button
+  var rect = event.target.getBoundingClientRect();
+  dd.style.top = (rect.bottom + 4) + 'px';
+  dd.style.left = rect.left + 'px';
+
+  document.body.appendChild(dd);
   setTimeout(function() {
     document.addEventListener('click', function() { dd.remove(); }, { once: true });
   }, 0);
@@ -1338,6 +1348,30 @@ document.addEventListener('keydown', function(e) {
   }
 });
 
+// ── Export/Import dialog ──────────────────────────────────────
+
+function showExportDialog() {
+  var overlay = document.getElementById('confirmOverlay');
+  document.getElementById('confirmTitle').textContent = 'Export / Import Sessions';
+  document.getElementById('confirmText').innerHTML =
+    '<strong>Export</strong> all sessions to migrate to another PC:<br>' +
+    '<code style="display:block;margin:8px 0;padding:8px;background:var(--bg-card);border-radius:6px;font-size:12px">codedash export</code>' +
+    'Creates a tar.gz with all Claude &amp; Codex session data.<br><br>' +
+    '<strong>Import</strong> on the new machine:<br>' +
+    '<code style="display:block;margin:8px 0;padding:8px;background:var(--bg-card);border-radius:6px;font-size:12px">codedash import &lt;file.tar.gz&gt;</code>' +
+    '<br><em style="color:var(--text-muted);font-size:12px">Don\'t forget to clone your git repos separately.</em>';
+  document.getElementById('confirmId').textContent = '';
+  document.getElementById('confirmAction').textContent = 'Copy Export Command';
+  document.getElementById('confirmAction').className = 'launch-btn btn-primary';
+  document.getElementById('confirmAction').onclick = function() {
+    navigator.clipboard.writeText('codedash export').then(function() {
+      showToast('Copied: codedash export');
+    });
+    closeConfirm();
+  };
+  if (overlay) overlay.style.display = 'flex';
+}
+
 // ── Update check ──────────────────────────────────────────────
 
 async function checkForUpdates() {

package/src/frontend/index.html

@@ -44,6 +44,11 @@
         <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-divider"></div>
+    <div class="sidebar-item" onclick="showExportDialog()">
+        <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-settings">
         <label>Terminal</label>
         <select id="terminalSelect" onchange="saveTerminalPref(this.value)">

package/src/frontend/styles.css

@@ -484,20 +484,15 @@ body {
 }
 
 .tag-dropdown {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    margin-top: 4px;
+    position: fixed;
     background: var(--bg-secondary);
     border: 1px solid var(--border);
     border-radius: 8px;
     padding: 6px;
     min-width: 140px;
     box-shadow: 0 8px 24px rgba(0,0,0,0.3);
-    z-index: 50;
-    display: none;
+    z-index: 150;
 }
-.tag-dropdown.open { display: block; }
 
 .tag-dropdown-item {
     display: flex;