mdboard 1.3.0 → 2.1.0

package/src/client/history.js

@@ -1,137 +0,0 @@
-/* ══════════════════════════════════════════════════════════════
-   HISTORY — Project switch modal
-   ══════════════════════════════════════════════════════════════ */
-
-function openHistoryModal() {
-  var overlay = document.getElementById('history-overlay');
-  var modal = document.getElementById('history-modal');
-  if (!overlay || !modal) return;
-
-  overlay.classList.add('open');
-  modal.classList.add('open');
-  modal.innerHTML = '<div class="history-header"><h2>Switch Project</h2><button class="panel-close" id="history-close">&times;</button></div><div class="history-body"><div class="history-loading">Loading...</div></div>';
-
-  document.getElementById('history-close').onclick = closeHistoryModal;
-  overlay.onclick = closeHistoryModal;
-
-  fetchJson('/api/history').then(function(entries) {
-    renderHistoryList(entries || []);
-  });
-}
-
-function closeHistoryModal() {
-  var overlay = document.getElementById('history-overlay');
-  var modal = document.getElementById('history-modal');
-  if (overlay) overlay.classList.remove('open');
-  if (modal) modal.classList.remove('open');
-}
-
-function renderHistoryList(entries) {
-  var modal = document.getElementById('history-modal');
-  if (!modal) return;
-
-  var body = modal.querySelector('.history-body');
-  if (!body) return;
-
-  if (entries.length === 0) {
-    body.innerHTML = '<div class="history-empty">No projects in history yet.<br>Open mdboard from a project directory to add it.</div>';
-    return;
-  }
-
-  // Sort: current first, then by lastOpened descending
-  entries.sort(function(a, b) {
-    if (a.isCurrent && !b.isCurrent) return -1;
-    if (!a.isCurrent && b.isCurrent) return 1;
-    return new Date(b.lastOpened) - new Date(a.lastOpened);
-  });
-
-  var html = '';
-  for (var i = 0; i < entries.length; i++) {
-    var e = entries[i];
-    var initial = (e.name || 'P').charAt(0).toUpperCase();
-    var relTime = timeAgo(e.lastOpened);
-    var currentClass = e.isCurrent ? ' history-item-current' : '';
-    var currentBadge = e.isCurrent ? '<span class="history-current-badge">Current</span>' : '';
-
-    html += '<div class="history-item' + currentClass + '" data-path="' + escHtml(e.path) + '">' +
-      '<div class="history-item-icon">' + escHtml(initial) + '</div>' +
-      '<div class="history-item-info">' +
-        '<div class="history-item-name">' + escHtml(e.name) + currentBadge + '</div>' +
-        '<div class="history-item-path">' + escHtml(e.path) + '</div>' +
-      '</div>' +
-      '<div class="history-item-time">' + escHtml(relTime) + '</div>' +
-    '</div>';
-  }
-
-  body.innerHTML = html;
-
-  // Attach click handlers
-  var items = body.querySelectorAll('.history-item');
-  for (var j = 0; j < items.length; j++) {
-    items[j].addEventListener('click', function() {
-      var itemPath = this.getAttribute('data-path');
-      if (this.classList.contains('history-item-current')) return;
-      switchProject(itemPath);
-    });
-  }
-}
-
-function switchProject(projectPath) {
-  var body = document.querySelector('#history-modal .history-body');
-  if (body) body.innerHTML = '<div class="history-loading">Switching project...</div>';
-
-  fetch('/api/history/switch', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ path: projectPath }),
-  })
-  .then(function(r) { return r.json(); })
-  .then(function(data) {
-    if (data && data.ok) {
-      closeHistoryModal();
-      // Reload everything — the SSE event will also trigger for other tabs
-      D.activeSource = null;
-      D.loaded = false;
-      loadAll().then(function() {
-        initFromConfig();
-        if (hasWorkspace()) {
-          buildSourceRail();
-          D.activeSource = null;
-          switchSource('overview');
-        } else {
-          renderAll();
-          renderSidebarLogo();
-          // Hide source rail if no workspace
-          var rail = document.getElementById('source-rail');
-          if (rail) rail.innerHTML = '';
-        }
-      });
-      showToast('Switched to ' + (data.name || 'project'), 'success');
-    } else {
-      showToast('Error: ' + (data.error || 'Switch failed'), 'error');
-      closeHistoryModal();
-    }
-  })
-  .catch(function(err) {
-    showToast('Error: ' + err.message, 'error');
-    closeHistoryModal();
-  });
-}
-
-function checkAutoOpenHistory() {
-  if (D.config && D.config.hasProject === false) {
-    openHistoryModal();
-  }
-}
-
-function timeAgo(dateStr) {
-  if (!dateStr) return '';
-  var now = Date.now();
-  var then = new Date(dateStr).getTime();
-  var diff = Math.floor((now - then) / 1000);
-  if (diff < 60) return 'just now';
-  if (diff < 3600) return Math.floor(diff / 60) + 'm ago';
-  if (diff < 86400) return Math.floor(diff / 3600) + 'h ago';
-  if (diff < 604800) return Math.floor(diff / 86400) + 'd ago';
-  return new Date(dateStr).toLocaleDateString();
-}

package/src/client/metrics.js

@@ -1,38 +0,0 @@
-/* ══════════════════════════════════════════════════════════════
-   METRICS VIEW
-   ══════════════════════════════════════════════════════════════ */
-function renderMetrics() {
-  var c = document.getElementById('metrics-container');
-  var taskPlural = ENTITY_NAMES.task ? ENTITY_NAMES.task.plural : 'Tasks';
-  if (!D.loaded) { c.innerHTML = '<div class="metrics-grid">' + '<div class="skeleton skeleton-card" style="height:200px"></div>'.repeat(4) + '</div>'; return; }
-
-  var msProg = D.milestones.length ? D.milestones.map(function(ms) {
-    var pct = ms.progress || 0;
-    var clr = pct >= 100 ? 'var(--success)' : pct > 50 ? 'var(--warning)' : 'var(--accent)';
-    return '<div class="health-row"><div class="health-dot" style="background:' + clr + '"></div>' + milestoneIcon(ms.status) + '<div class="health-label">' + escHtml(ms.title || ms.id || '') + '</div><div class="health-val">' + pct + '%</div></div>';
-  }).join('') : '<div style="color:var(--text3);padding:8px 0">No milestones.</div>';
-
-  var statuses = {};
-  D.tasks.forEach(function(f) { var s = f.status || 'unknown'; statuses[s] = (statuses[s] || 0) + 1; });
-  var statusHtml = Object.keys(statuses).map(function(s) {
-    return '<div class="health-row">' + statusIcon(s) + '<div class="health-label" style="text-transform:capitalize">' + escHtml(STATUS_LABELS[s] || s) + '</div><div class="health-val">' + statuses[s] + '</div></div>';
-  }).join('') || '<div style="color:var(--text3);padding:8px 0">No data.</div>';
-
-  var priorities = {};
-  D.tasks.forEach(function(f) { var p = f.priority || 'none'; priorities[p] = (priorities[p] || 0) + 1; });
-  var priorityHtml = Object.keys(priorities).map(function(p) {
-    return '<div class="health-row">' + priorityIcon(p) + '<div class="health-label" style="text-transform:capitalize">' + escHtml(PRIORITY_LABELS[p] || p) + '</div><div class="health-val">' + priorities[p] + '</div></div>';
-  }).join('') || '<div style="color:var(--text3);padding:8px 0">No data.</div>';
-
-  var h = D.health || {};
-  var qualHtml = '<div class="health-row"><div class="health-dot" style="background:var(--text2)"></div><div class="health-label">Total ' + escHtml(taskPlural) + '</div><div class="health-val">' + (h.totalFeatures || D.tasks.length) + '</div></div>' +
-    '<div class="health-row"><div class="health-dot" style="background:var(--success)"></div><div class="health-label">Completed</div><div class="health-val">' + (h.completedFeatures || 0) + '</div></div>' +
-    '<div class="health-row"><div class="health-dot" style="background:var(--warning)"></div><div class="health-label">In Progress</div><div class="health-val">' + (h.inProgressFeatures || 0) + '</div></div>' +
-    '<div class="health-row"><div class="health-dot" style="background:var(--accent)"></div><div class="health-label">Avg Velocity</div><div class="health-val">' + (h.velocity != null ? h.velocity + '%' : 'N/A') + '</div></div>';
-
-  c.innerHTML = '<div class="metrics-grid">' +
-    '<div class="metric-card"><h3>Milestone Progress</h3>' + msProg + '</div>' +
-    '<div class="metric-card"><h3>Status Breakdown</h3>' + statusHtml + '</div>' +
-    '<div class="metric-card"><h3>Priority Breakdown</h3>' + priorityHtml + '</div>' +
-    '<div class="metric-card"><h3>Project Health</h3>' + qualHtml + '</div></div>';
-}

package/src/client/milestones.js

@@ -1,77 +0,0 @@
-/* ══════════════════════════════════════════════════════════════
-   MILESTONES VIEW
-   ══════════════════════════════════════════════════════════════ */
-var msFilter = { status: '' };
-
-function renderMsFilters() {
-  var c = document.getElementById('ms-filters');
-  var msStatuses = (D.config && D.config.statuses && D.config.statuses.milestone) ?
-    D.config.statuses.milestone.map(function(s) { return s; }) :
-    [{key:'planned',label:'Planned'},{key:'active',label:'Active'},{key:'completed',label:'Completed'}];
-
-  c.innerHTML = '<label>Filter:</label>' +
-    '<select data-msf="status"><option value="">All Statuses</option>' +
-    msStatuses.map(function(s) {
-      return '<option value="' + s.key + '"' + (msFilter.status === s.key ? ' selected' : '') + '>' + escHtml(s.label) + '</option>';
-    }).join('') + '</select>';
-  c.querySelector('select[data-msf]').addEventListener('change', function(e) { msFilter.status = e.target.value; renderMilestones(); });
-}
-
-function renderMilestones() {
-  var c = document.getElementById('milestones-container');
-  var taskPlural = ENTITY_NAMES.task ? ENTITY_NAMES.task.plural.toLowerCase() : 'tasks';
-  var msDir = ENTITY_NAMES.milestone ? ENTITY_NAMES.milestone.dir : 'milestones';
-  var msPlural = ENTITY_NAMES.milestone ? ENTITY_NAMES.milestone.plural.toLowerCase() : 'milestones';
-  if (!D.loaded) { c.innerHTML = '<div class="loading-container"><div class="skeleton skeleton-card" style="height:200px"></div></div>'; return; }
-
-  var milestones = D.milestones;
-  if (msFilter.status) milestones = milestones.filter(function(m) { return m.status === msFilter.status; });
-
-  if (!milestones.length) {
-    c.innerHTML = '<div class="empty"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" y1="22" x2="4" y2="15"/></svg><p>' + (D.milestones.length ? 'No ' + escHtml(msPlural) + ' match filter.' : 'No ' + escHtml(msPlural) + ' yet. Create milestone directories under project/' + escHtml(msDir) + '/ to get started.') + '</p></div>';
-    return;
-  }
-
-  c.innerHTML = milestones.map(function(ms) {
-    var pct = ms.progress || 0;
-    var fc = ms.featureCount || 0, cc = ms.completedCount || 0;
-    var msEpics = D.epics.filter(function(e) { return e.milestone === (ms.id || ms._dir); });
-    var epicCards = msEpics.length ? msEpics.map(function(e) {
-      var ep = e.progress || 0;
-      var ec = epicColor(e.id || e.title || '');
-      return '<div class="ms-epic" data-epic-id="' + escHtml(e.id || '') + '"><div class="epic-name"><span class="dot" style="background:' + ec + '"></span>' + escHtml(e.title || e.id || '') + '</div>' +
-        '<div class="epic-counts">' + (e.completedCount || 0) + ' / ' + (e.featureCount || 0) + ' ' + escHtml(taskPlural) + ' &middot; ' + (e.totalPoints || 0) + ' pts</div>' +
-        '<div class="progress progress-accent"><div class="progress-fill" style="width:' + ep + '%;background:' + ec + '"></div></div>' +
-        '<div class="epic-meta">' +
-          (e.status ? '<span class="badge ' + badgeClass('badge', e.status) + '">' + statusIcon(e.status) + ' ' + escHtml(e.status) + '</span>' : '') +
-          (e.priority ? '<span class="badge ' + badgeClass('badge', e.priority) + '">' + priorityIcon(e.priority) + ' ' + escHtml(e.priority) + '</span>' : '') +
-        '</div></div>';
-    }).join('') : '<div style="color:var(--text3);font-size:.82rem">No epics yet.</div>';
-
-    return '<div class="ms-card" data-ms-id="' + escHtml(ms.id || '') + '">' +
-      '<div class="ms-header"><h2>' + milestoneIcon(ms.status) + ' ' + escHtml(ms.title || ms.id || '') + '</h2>' +
-      '<span class="badge ' + badgeClass('badge', ms.status) + '">' + escHtml(ms.status || '') + '</span>' +
-      (ms.deadline ? '<span class="ms-deadline">' + fmtDate(ms.deadline) + '</span>' : '') + '</div>' +
-      '<div class="ms-progress"><div class="progress-label"><span>' + cc + ' / ' + fc + ' ' + escHtml(taskPlural) + '</span><span>' + pct + '%</span></div>' +
-      '<div class="progress progress-lg progress-success"><div class="progress-fill" style="width:' + pct + '%"></div></div></div>' +
-      '<div class="ms-epics">' + epicCards + '</div></div>';
-  }).join('');
-
-  // Click handlers for milestones
-  c.querySelectorAll('.ms-card[data-ms-id]').forEach(function(card) {
-    card.addEventListener('click', function(e) {
-      if (e.target.closest('.ms-epic')) return;
-      var ms = D.milestones.find(function(m) { return m.id === card.dataset.msId; });
-      if (ms) openPanel('milestones', ms);
-    });
-  });
-
-  // Click handlers for epics
-  c.querySelectorAll('.ms-epic[data-epic-id]').forEach(function(card) {
-    card.addEventListener('click', function(e) {
-      e.stopPropagation();
-      var epic = D.epics.find(function(ep) { return ep.id === card.dataset.epicId; });
-      if (epic) openPanel('epics', epic);
-    });
-  });
-}

package/src/client/notes.js

@@ -1,183 +0,0 @@
-/* ══════════════════════════════════════════════════════════════
-   NOTES VIEW — Notion-style split layout
-   ══════════════════════════════════════════════════════════════ */
-
-var notesState = { notes: [], activeId: null, editor: null, dirty: false };
-
-function renderNotes() {
-  var container = document.getElementById('notes-container');
-  if (!container) return;
-
-  container.innerHTML =
-    '<div class="notes-layout">' +
-      '<div class="notes-sidebar">' +
-        '<div class="notes-toolbar">' +
-          '<input type="text" placeholder="Search..." id="notes-search">' +
-          '<button class="btn btn-sm btn-create" id="notes-new">+ New</button>' +
-        '</div>' +
-        '<div class="notes-list" id="notes-list"></div>' +
-      '</div>' +
-      '<div class="notes-editor" id="notes-editor-pane">' +
-        '<div class="notes-empty-state">' +
-          '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" style="width:48px;height:48px;opacity:.3;margin-bottom:12px"><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"/></svg>' +
-          '<p>Select a note or create a new one</p>' +
-          '<p style="font-size:12px;margin-top:4px;color:var(--text3)">Use <kbd>/</kbd> for block commands</p>' +
-        '</div>' +
-      '</div>' +
-    '</div>';
-
-  loadNoteList();
-
-  document.getElementById('notes-new').addEventListener('click', createNewNote);
-  document.getElementById('notes-search').addEventListener('input', function() {
-    renderNoteList(this.value.toLowerCase());
-  });
-}
-
-async function loadNoteList() {
-  var base = apiBase();
-  var notes = await fetchJson(base + '/notes');
-  notesState.notes = notes || [];
-  renderNoteList('');
-}
-
-function renderNoteList(filter) {
-  var list = document.getElementById('notes-list');
-  if (!list) return;
-
-  var notes = notesState.notes;
-  if (filter) {
-    notes = notes.filter(function(n) {
-      return (n.title || '').toLowerCase().indexOf(filter) !== -1;
-    });
-  }
-
-  notes.sort(function(a, b) {
-    return (b.updated || b.created || '').localeCompare(a.updated || a.created || '');
-  });
-
-  if (notes.length === 0) {
-    list.innerHTML = '<div class="notes-list-empty">No notes yet</div>';
-    return;
-  }
-
-  var html = '';
-  for (var i = 0; i < notes.length; i++) {
-    var n = notes[i];
-    var active = n.id === notesState.activeId ? ' active' : '';
-    html += '<div class="notes-list-item' + active + '" data-id="' + escHtml(n.id) + '">' +
-      '<div class="notes-list-title">' + escHtml(n.title || 'Untitled') + '</div>' +
-      '<div class="notes-list-date">' + escHtml(n.updated || n.created || '') + '</div>' +
-    '</div>';
-  }
-  list.innerHTML = html;
-
-  list.querySelectorAll('.notes-list-item').forEach(function(el) {
-    el.addEventListener('click', function() {
-      selectNote(el.dataset.id);
-    });
-  });
-}
-
-async function selectNote(id) {
-  if (notesState.editor) {
-    destroyEditor(notesState.editor);
-    notesState.editor = null;
-  }
-
-  notesState.activeId = id;
-  renderNoteList(document.getElementById('notes-search') ? document.getElementById('notes-search').value.toLowerCase() : '');
-
-  var pane = document.getElementById('notes-editor-pane');
-  if (!pane) return;
-
-  pane.innerHTML = '<div class="notes-editor-loading">Loading...</div>';
-
-  var base = apiBase();
-  var note = await fetchJson(base + '/notes/' + encodeURIComponent(id));
-  if (!note) {
-    pane.innerHTML = '<div class="notes-empty-state"><p>Note not found</p></div>';
-    return;
-  }
-
-  pane.innerHTML =
-    '<div class="notes-header-bar">' +
-      '<input type="text" class="notes-title-input" id="notes-title" placeholder="Untitled" value="' + escHtml(note.title || '') + '">' +
-      '<span class="notes-meta">' + escHtml(note.updated || note.created || '') + '</span>' +
-    '</div>' +
-    '<div class="notes-editorjs-wrap" id="notes-editorjs"></div>' +
-    '<div class="notes-editor-footer">' +
-      '<button class="btn btn-danger btn-sm" id="notes-delete">Delete</button>' +
-      '<span style="flex:1"></span>' +
-      '<button class="btn btn-primary" id="notes-save">Save</button>' +
-    '</div>';
-
-  notesState.editor = initEditor('notes-editorjs', note.content || '', {
-    placeholder: 'Type / for commands...',
-    autofocus: true,
-    onChange: function() { notesState.dirty = true; }
-  });
-  notesState.dirty = false;
-
-  document.getElementById('notes-save').addEventListener('click', saveCurrentNote);
-  document.getElementById('notes-delete').addEventListener('click', function() {
-    deleteCurrentNote(id);
-  });
-
-  // Ctrl/Cmd+S to save
-  pane.addEventListener('keydown', function(e) {
-    if ((e.metaKey || e.ctrlKey) && e.key === 's') {
-      e.preventDefault();
-      saveCurrentNote();
-    }
-  });
-}
-
-async function saveCurrentNote() {
-  if (!notesState.activeId) return;
-
-  var titleEl = document.getElementById('notes-title');
-  var title = titleEl ? titleEl.value : '';
-  var content = notesState.editor ? await getEditorMarkdown(notesState.editor) : '';
-
-  var updates = {};
-  var current = notesState.notes.find(function(n) { return n.id === notesState.activeId; });
-  if (title && (!current || title !== current.title)) updates.title = title;
-  updates.content = content;
-  updates.updated = new Date().toISOString().split('T')[0];
-
-  var ok = await patchItem('notes', notesState.activeId, updates);
-  if (ok) {
-    notesState.dirty = false;
-    await loadNoteList();
-  }
-}
-
-async function createNewNote() {
-  var result = await createItem('notes', { title: 'Untitled', content: '' });
-  if (result && result.id) {
-    await loadNoteList();
-    selectNote(result.id);
-  }
-}
-
-async function deleteCurrentNote(id) {
-  if (!confirm('Delete this note?')) return;
-  var ok = await deleteItem('notes', id);
-  if (ok) {
-    if (notesState.editor) {
-      destroyEditor(notesState.editor);
-      notesState.editor = null;
-    }
-    notesState.activeId = null;
-    await loadNoteList();
-    var pane = document.getElementById('notes-editor-pane');
-    if (pane) {
-      pane.innerHTML =
-        '<div class="notes-empty-state">' +
-          '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" style="width:48px;height:48px;opacity:.3;margin-bottom:12px"><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"/></svg>' +
-          '<p>Select a note or create a new one</p>' +
-        '</div>';
-    }
-  }
-}

package/src/client/overview.js

@@ -1,104 +0,0 @@
-/* ══════════════════════════════════════════════════════════════
-   OVERVIEW VIEW
-   ══════════════════════════════════════════════════════════════ */
-async function renderOverview() {
-  var c = document.getElementById('overview-container');
-  if (!D.loaded) { c.innerHTML = '<div class="loading-container"><div class="skeleton skeleton-card" style="height:200px"></div></div>'; return; }
-
-  // Fetch overview data
-  var overviewMs = await fetchJson('/api/overview/milestones') || [];
-  var overviewLinks = await fetchJson('/api/overview/links');
-  var overviewMetrics = await fetchJson('/api/overview/metrics');
-
-  D.overviewLinks = overviewLinks;
-
-  var html = '<h2 style="margin-bottom:16px;font-size:16px;font-weight:700">Workspace Overview</h2>';
-
-  // Global Milestones
-  html += '<h3 style="font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text2);font-weight:600;margin:16px 0 8px">Global Milestones</h3>';
-  if (overviewMs.length > 0) {
-    html += overviewMs.map(function(ms) {
-      var pct = ms.combinedProgress != null ? ms.combinedProgress : (ms.progress || 0);
-      var tracked = ms.tracked || [];
-      var trackedHtml = '';
-      if (tracked.length > 0) {
-        trackedHtml = '<div class="tracked-ms"><div class="tracked-ms-header">Tracked Sub-Milestones</div>' +
-          tracked.map(function(t) {
-            return '<div class="tracked-ms-item"><span class="dot" style="background:' + (t.sourceColor || 'var(--accent)') + '"></span>' +
-              '<span style="font-size:12px;flex:1">' + escHtml(t.title || t.id || '') + '</span>' +
-              '<div class="progress progress-accent" style="width:80px"><div class="progress-fill" style="width:' + t.progress + '%;background:' + (t.sourceColor || 'var(--accent)') + '"></div></div>' +
-              '<span class="tracked-ms-pct">' + t.progress + '%</span></div>';
-          }).join('') + '</div>';
-      }
-      return '<div class="ms-card">' +
-        '<div class="ms-header"><h2>' + milestoneIcon(ms.status) + ' ' + escHtml(ms.title || ms.id || '') + '</h2>' +
-        '<span class="badge ' + badgeClass('badge', ms.status) + '">' + escHtml(ms.status || '') + '</span>' +
-        (ms.deadline ? '<span class="ms-deadline">' + fmtDate(ms.deadline) + '</span>' : '') + '</div>' +
-        '<div class="ms-progress"><div class="progress-label"><span>' + (ms.completedCount || 0) + ' / ' + (ms.featureCount || 0) + ' tasks</span><span>' + pct + '%</span></div>' +
-        '<div class="progress progress-lg progress-success"><div class="progress-fill" style="width:' + pct + '%"></div></div></div>' +
-        trackedHtml + '</div>';
-    }).join('');
-  } else {
-    html += '<div style="color:var(--text3);padding:8px 0">No milestones found across sources.</div>';
-  }
-
-  // Cross-project links
-  if (overviewLinks && overviewLinks.links && overviewLinks.links.length > 0) {
-    html += '<h3 style="font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text2);font-weight:600;margin:24px 0 8px">Cross-Project Links</h3>';
-    html += '<div class="metrics-grid">';
-    var linkGroups = {};
-    overviewLinks.links.forEach(function(l) {
-      var key = (l.fromSource || 'unknown');
-      if (!linkGroups[key]) linkGroups[key] = [];
-      linkGroups[key].push(l);
-    });
-    Object.keys(linkGroups).forEach(function(src) {
-      var links = linkGroups[src];
-      html += '<div class="metric-card"><h3>' + escHtml(src) + ' Links</h3>';
-      html += links.map(function(l) {
-        return '<div class="health-row"><span style="font-size:12px;font-family:var(--mono)">' + escHtml(l.from || '') + '</span>' +
-          '<span style="color:var(--text3);margin:0 4px">&rarr;</span>' +
-          '<span class="link-chip" data-link="' + escHtml(l.to || '') + '">' +
-          '<span class="link-chip-dot" style="background:var(--accent)"></span>' + escHtml(l.to || '') + '</span></div>';
-      }).join('');
-      html += '</div>';
-    });
-    html += '</div>';
-  }
-
-  // Source metrics
-  if (overviewMetrics && overviewMetrics.sources) {
-    html += '<h3 style="font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text2);font-weight:600;margin:24px 0 8px">Source Metrics</h3>';
-    html += '<div class="metrics-grid">';
-    Object.keys(overviewMetrics.sources).forEach(function(key) {
-      var m = overviewMetrics.sources[key];
-      var pct = m.totalTasks > 0 ? Math.round((m.completedTasks / m.totalTasks) * 100) : 0;
-      html += '<div class="metric-card" style="border-left:3px solid ' + (m.color || 'var(--accent)') + '">' +
-        '<h3>' + escHtml(m.label || key) + '</h3>' +
-        '<div class="health-row"><div class="health-label">Tasks</div><div class="health-val">' + m.totalTasks + '</div></div>' +
-        '<div class="health-row"><div class="health-label">Completed</div><div class="health-val">' + m.completedTasks + '</div></div>' +
-        '<div class="health-row"><div class="health-label">Points</div><div class="health-val">' + m.totalPoints + '</div></div>' +
-        '<div class="progress progress-lg progress-success" style="margin-top:8px"><div class="progress-fill" style="width:' + pct + '%;background:' + (m.color || 'var(--success)') + '"></div></div>' +
-        '</div>';
-    });
-    html += '</div>';
-  }
-
-  c.innerHTML = html;
-
-  // Click handlers for link chips
-  c.querySelectorAll('.link-chip[data-link]').forEach(function(chip) {
-    chip.addEventListener('click', function() {
-      var ref = chip.dataset.link;
-      var parts = ref.split(':');
-      if (parts.length === 2) {
-        switchSource(parts[0]);
-        // After switch, try to find and open the item
-        setTimeout(function() {
-          var task = D.tasks.find(function(t) { return t.id === ref || t.id === parts[1]; });
-          if (task) openPanel('tasks', task);
-        }, 500);
-      }
-    });
-  });
-}