cordenar-mcp 0.1.1

package/dashboard/api-handler.js

@@ -0,0 +1,173 @@
+// Cordenar MCP Dashboard — API handler
+// Pattern mirrors Hemisphere's dashboard/api-handler.js
+import { listSynapses } from '../sync.js';
+import {
+  getPushEntries,
+  getPullEntries,
+  getDirtyEntries,
+  lookupLocal,
+  removeMapping,
+} from '../db.js';
+import { isAuthenticated, getNodeId } from '../auth.js';
+
+export function json(data, status = 200) {
+  return {
+    status,
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(data),
+  };
+}
+
+export function err(msg, status = 500) {
+  return json({ error: msg }, status);
+}
+
+export function createApiHandler(db) {
+  return function handleApi(path, method, params) {
+    // ── List synapses ────────────────────────────────────────
+    if (path === '/api/synapses' && method === 'GET') {
+      const source = params.get('source') || '';
+      const status = params.get('status') || '';
+      const search = params.get('search') || '';
+      const limit = Math.min(
+        parseInt(params.get('limit') || '20', 10),
+        200
+      );
+      const offset = Math.max(parseInt(params.get('offset') || '0', 10), 0);
+
+      const allSynapses = listSynapses({ source: source || undefined, limit: 200 });
+
+      // Enrich with sync map info
+      const rows = allSynapses.map((s) => {
+        const mapped = lookupLocal(s.source, s.id);
+        let synapseStatus = 'unshared';
+        let cloudId = null;
+        let direction = null;
+        let isDirty = false;
+
+        if (mapped) {
+          cloudId = mapped.cloud_id;
+          direction = mapped.direction;
+          if (mapped.direction === 'push' && mapped.local_hash !== mapped.cloud_hash) {
+            isDirty = true;
+          }
+          if (mapped.direction === 'push') {
+            synapseStatus = 'shared';
+          } else if (mapped.direction === 'pull') {
+            synapseStatus = 'pulled';
+          }
+        }
+
+        return { ...s, synapseStatus, cloudId, direction, isDirty };
+      });
+
+      // Apply status filter
+      let filtered = rows;
+      if (status) {
+        filtered = rows.filter((r) => r.synapseStatus === status);
+      }
+
+      // Apply search filter
+      if (search) {
+        const term = search.toLowerCase();
+        filtered = filtered.filter(
+          (r) =>
+            (r.preview || '').toLowerCase().includes(term) ||
+            (r.title || '').toLowerCase().includes(term) ||
+            (r.type || '').toLowerCase().includes(term) ||
+            (r.description || '').toLowerCase().includes(term) ||
+            (r.body || '').toLowerCase().includes(term)
+        );
+      }
+
+      const total = filtered.length;
+      const paged = filtered.slice(offset, offset + limit);
+
+      return json({ total, limit, offset, rows: paged });
+    }
+
+    // ── Status overview ───────────────────────────────────────
+    if (path === '/api/status' && method === 'GET') {
+      const authenticated = isAuthenticated();
+      const nodeId = getNodeId();
+      const pushes = getPushEntries();
+      const pulls = getPullEntries();
+      const dirty = getDirtyEntries();
+
+      return json({
+        authenticated,
+        nodeId,
+        pushed: pushes.length,
+        pulled: pulls.length,
+        dirty: dirty.length,
+      });
+    }
+
+    // ── Trigger sync ──────────────────────────────────────────
+    if (path === '/api/sync' && method === 'POST') {
+      return json({ message: 'Sync not yet implemented' });
+    }
+
+    // ── Share synapse ─────────────────────────────────────────
+    const shareMatch = path.match(/^\/api\/synapses\/(\d+)\/share$/);
+    if (shareMatch && method === 'POST') {
+      const id = parseInt(shareMatch[1], 10);
+      const source = params.get('source') || '';
+      if (!id || !source) return err('Missing id or source', 400);
+      return json({ message: 'Share not yet implemented', id, source });
+    }
+
+    // ── Unshare (cancel pending) ──────────────────────────────
+    const unshareMatch = path.match(/^\/api\/synapses\/(\d+)\/unshare$/);
+    if (unshareMatch && method === 'POST') {
+      const id = parseInt(unshareMatch[1], 10);
+      const source = params.get('source') || '';
+      if (!id || !source) return err('Missing id or source', 400);
+      const mapped = lookupLocal(source, id);
+      if (mapped) {
+        removeMapping(mapped.cloud_id);
+        return json({ unshared: true });
+      }
+      return err('Not found in sync map', 404);
+    }
+
+    // ── Unlink (keep local, remove mapping) ───────────────────
+    const unlinkMatch = path.match(/^\/api\/synapses\/(\d+)\/unlink$/);
+    if (unlinkMatch && method === 'POST') {
+      const id = parseInt(unlinkMatch[1], 10);
+      const source = params.get('source') || '';
+      if (!id || !source) return err('Missing id or source', 400);
+      const mapped = lookupLocal(source, id);
+      if (mapped) {
+        removeMapping(mapped.cloud_id);
+        return json({ unlinked: true });
+      }
+      return err('Not found in sync map', 404);
+    }
+
+    // ── Remove pulled local copy ──────────────────────────────
+    const pullDeleteMatch = path.match(/^\/api\/synapses\/(\d+)\/pull-delete$/);
+    if (pullDeleteMatch && method === 'POST') {
+      const id = parseInt(pullDeleteMatch[1], 10);
+      const source = params.get('source') || '';
+      if (!id || !source) return err('Missing id or source', 400);
+      return json({ message: 'Pull delete not yet implemented', id, source });
+    }
+
+    // ── Dismiss rejected ──────────────────────────────────────
+    const dismissMatch = path.match(/^\/api\/synapses\/(\d+)\/dismiss$/);
+    if (dismissMatch && method === 'POST') {
+      const id = parseInt(dismissMatch[1], 10);
+      const source = params.get('source') || '';
+      if (!id || !source) return err('Missing id or source', 400);
+      const mapped = lookupLocal(source, id);
+      if (mapped) {
+        removeMapping(mapped.cloud_id);
+        return json({ dismissed: true });
+      }
+      return err('Not found in sync map', 404);
+    }
+
+    return null;
+  };
+}

package/dashboard/public/app.js

@@ -0,0 +1,447 @@
+// Cordenar MCP Dashboard — Vanilla JS SPA
+// Pattern mirrors Hemisphere's dashboard/public/app.js
+let state = { source: '', status: '', search: '', limit: 20, offset: 0, total: 0 };
+let loadVersion = 0;
+let expandedId = null;
+
+function esc(s) {
+  const d = document.createElement('div');
+  d.textContent = String(s);
+  return d.innerHTML;
+}
+
+function timeAgo(ts) {
+  const sec = Math.floor(Date.now() / 1000 - ts);
+  if (sec < 60) return 'just now';
+  if (sec < 3600) return Math.floor(sec / 60) + 'm ago';
+  if (sec < 86400) return Math.floor(sec / 3600) + 'h ago';
+  return Math.floor(sec / 86400) + 'd ago';
+}
+
+function sourceClass(s) {
+  return 'source-' + (s === 'hemisphere' ? 'hemisphere' : 'compend');
+}
+
+function statusClass(s) {
+  return 'status-' + (s || 'unshared');
+}
+
+/* ─────────── TOASTS ─────────── */
+
+function toast(msg, type, duration) {
+  type = type || 'info';
+  duration = duration || 4000;
+  const container = document.getElementById('toast-container');
+  const el = document.createElement('div');
+  el.className = 'toast toast-' + type;
+  el.textContent = msg;
+  container.appendChild(el);
+  const timer = setTimeout(() => removeToast(el), duration);
+  el._timer = timer;
+}
+
+function removeToast(el) {
+  if (el._removing) return;
+  el._removing = true;
+  clearTimeout(el._timer);
+  el.classList.add('removing');
+  setTimeout(() => { if (el.parentNode) el.parentNode.removeChild(el); }, 250);
+}
+
+/* ─────────── SKELETON ─────────── */
+
+function showSkeleton() {
+  const tbody = document.getElementById('tbody');
+  const skeleton = document.getElementById('loading-skeleton');
+  if (skeleton) skeleton.style.display = '';
+  if (tbody) tbody.innerHTML = '';
+}
+
+function hideSkeleton() {
+  const skeleton = document.getElementById('loading-skeleton');
+  if (skeleton) skeleton.style.display = 'none';
+}
+
+function initSkeleton() {
+  const tbody = document.getElementById('skeleton-body');
+  if (!tbody) return;
+  const rows = [];
+  for (let i = 0; i < 8; i++) {
+    rows.push('<tr class="skeleton-row"><td class="skeleton-cell tiny"></td><td class="skeleton-cell narrow"></td><td class="skeleton-cell narrow"></td><td class="skeleton-cell wide"></td><td class="skeleton-cell narrow"></td><td class="skeleton-cell tiny"></td><td></td></tr>');
+  }
+  tbody.innerHTML = rows.join('');
+}
+
+/* ─────────── DETAIL TOGGLE ─────────── */
+
+function toggleDetail(id) {
+  const detail = document.querySelector('.detail-row[data-parent="' + id + '"]');
+  if (!detail) return;
+  const open = detail.style.display !== 'none';
+  if (open) {
+    detail.style.display = 'none';
+    detail.querySelector('.detail').classList.remove('open');
+    expandedId = null;
+  } else {
+    if (expandedId) {
+      const prev = document.querySelector('.detail-row[data-parent="' + expandedId + '"]');
+      if (prev) {
+        prev.style.display = 'none';
+        prev.querySelector('.detail').classList.remove('open');
+      }
+    }
+    detail.style.display = '';
+    detail.querySelector('.detail').classList.add('open');
+    expandedId = id;
+  }
+}
+
+/* ─────────── LOAD SYNAPSES ─────────── */
+
+function buildRow(m) {
+  const sourceLabel = m.source === 'hemisphere' ? 'H' : 'C';
+  const statusLabel = { unshared: 'Unshared', shared: 'Shared', pulled: 'Pulled' }[m.synapseStatus] || m.synapseStatus;
+  const dirtyMark = m.isDirty ? ' *' : '';
+
+  return '<tr class="memory-row" data-id="' + m.id + '" data-source="' + m.source + '" tabindex="0" role="button">'
+    + '<td class="id-cell">' + m.id + '</td>'
+    + '<td><span class="source-badge ' + sourceClass(m.source) + '">' + sourceLabel + '</span></td>'
+    + '<td><span class="type-badge">' + esc(m.type || '') + '</span></td>'
+    + '<td class="content-cell">' + esc(m.preview || m.title || m.description || m.slug || '') + '</td>'
+    + '<td><span class="status-badge ' + statusClass(m.synapseStatus) + '">' + statusLabel + dirtyMark + '</span></td>'
+    + '<td class="time-cell" title="' + new Date((m.created_at || 0) * 1000).toISOString().slice(0, 19).replace('T', ' ') + '">' + timeAgo(m.created_at) + '</td>'
+    + '<td><div class="kebab-menu">'
+    + '<button class="kebab-btn" aria-label="Actions"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor" aria-hidden="true"><path d="M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z"/></svg></button>'
+    + '<div class="kebab-dropdown">'
+    + buildMenu(m)
+    + '</div></div></td></tr>'
+    + '<tr class="detail-row" data-parent="' + m.id + '" style="display:none"><td colspan="7"><div class="detail"><pre>' + esc(m.body || m.preview || m.description || '') + '</pre></div></td></tr>';
+}
+
+function buildMenu(m) {
+  const s = m.source;
+  const id = m.id;
+  const items = [];
+  switch (m.synapseStatus) {
+    case 'unshared':
+      items.push('<button class="kebab-item share-action" data-id="' + id + '" data-source="' + s + '">Share</button>');
+      break;
+    case 'shared':
+      if (m.direction === 'push') {
+        items.push('<button class="kebab-item unlink-action" data-id="' + id + '" data-source="' + s + '">Unlink</button>');
+      } else {
+        items.push('<button class="kebab-item danger pull-delete-action" data-id="' + id + '" data-source="' + s + '">Remove Local</button>');
+      }
+      break;
+    case 'pulled':
+      items.push('<button class="kebab-item danger pull-delete-action" data-id="' + id + '" data-source="' + s + '">Remove Local</button>');
+      break;
+    default:
+      items.push('<button class="kebab-item dismiss-action" data-id="' + id + '" data-source="' + s + '">Dismiss</button>');
+  }
+  return items.join('');
+}
+
+async function loadSynapses() {
+  const version = ++loadVersion;
+  showSkeleton();
+
+  const params = new URLSearchParams();
+  if (state.source) params.set('source', state.source);
+  params.set('status', state.status);
+  params.set('limit', state.limit);
+  params.set('offset', state.offset);
+  if (state.search) params.set('search', state.search);
+
+  const r = await fetch('/api/synapses?' + params.toString());
+  if (!r.ok) throw new Error('Failed to load synapses');
+  const data = await r.json();
+  if (version !== loadVersion) return;
+
+  hideSkeleton();
+  document.getElementById('error').style.display = 'none';
+
+  state.total = data.total;
+  const tbody = document.getElementById('tbody');
+  const stats = document.getElementById('stats');
+  const pagination = document.getElementById('pagination');
+
+  if (data.rows.length === 0) {
+    const msg = state.search ? 'No results for "' + esc(state.search) + '"' : 'No synapses yet';
+    tbody.innerHTML = '<tr><td colspan="7"><div class="empty">' + msg + '</div></td></tr>';
+    stats.textContent = msg;
+    pagination.innerHTML = '';
+    return;
+  }
+
+  stats.textContent = 'Showing ' + (data.offset + 1) + '\u2013' + Math.min(data.offset + data.rows.length, data.total) + ' of ' + data.total + ' synapses';
+
+  let savedScroll = 0;
+  if (expandedId) {
+    const el = document.querySelector('.detail-row[data-parent="' + expandedId + '"] .detail');
+    if (el) savedScroll = el.scrollTop;
+  }
+
+  tbody.innerHTML = data.rows.map(buildRow).join('');
+
+  if (expandedId) {
+    const detail = tbody.querySelector('.detail-row[data-parent="' + expandedId + '"]');
+    if (detail) {
+      detail.style.display = '';
+      detail.querySelector('.detail').classList.add('open');
+      if (savedScroll > 0) {
+        const el = detail.querySelector('.detail');
+        if (el) el.scrollTop = savedScroll;
+      }
+    }
+  }
+
+  const tp = Math.ceil(data.total / state.limit);
+  const cp = Math.floor(state.offset / state.limit) + 1;
+  pagination.innerHTML = '<button id="page-prev"' + (cp <= 1 ? ' disabled' : '') + ' aria-label="Previous page">\u2190 Prev</button>'
+    + '<span>Page ' + cp + ' of ' + tp + '</span>'
+    + '<button id="page-next"' + (cp >= tp ? ' disabled' : '') + ' aria-label="Next page">Next \u2192</button>';
+}
+
+/* ─────────── STATUS ─────────── */
+
+async function loadStatus() {
+  try {
+    const r = await fetch('/api/status');
+    if (!r.ok) return;
+    const data = await r.json();
+    const dot = document.getElementById('status-dot');
+    if (data.authenticated) {
+      dot.className = 'status-dot connected';
+      dot.title = 'Authenticated — Node: ' + (data.nodeId || '?');
+    } else {
+      dot.className = 'status-dot disconnected';
+      dot.title = 'Not authenticated';
+    }
+  } catch {}
+}
+
+/* ─────────── EVENT WIRING ─────────── */
+
+document.getElementById('source').addEventListener('change', function () {
+  state.source = this.value;
+  state.offset = 0;
+  loadSynapses().catch(showError);
+});
+
+document.getElementById('status').addEventListener('change', function () {
+  state.status = this.value;
+  state.offset = 0;
+  loadSynapses().catch(showError);
+});
+
+let searchTimer = null;
+document.getElementById('search').addEventListener('input', function () {
+  clearTimeout(searchTimer);
+  searchTimer = setTimeout(() => {
+    state.search = this.value.trim();
+    state.offset = 0;
+    loadSynapses().catch(showError);
+  }, 200);
+});
+
+document.getElementById('sync-btn').addEventListener('click', function () {
+  fetch('/api/sync', { method: 'POST' })
+    .then(r => r.json())
+    .then(() => { toast('Sync complete', 'success'); loadSynapses().catch(showError); })
+    .catch(() => toast('Sync failed', 'error'));
+});
+
+document.getElementById('tbody').addEventListener('click', function (e) {
+  const kebabBtn = e.target.closest('.kebab-btn');
+  if (kebabBtn) {
+    e.stopPropagation();
+    const menu = kebabBtn.closest('.kebab-menu');
+    const dd = menu.querySelector('.kebab-dropdown');
+    if (dd.classList.contains('open')) {
+      dd.classList.remove('open');
+    } else {
+      document.querySelectorAll('.kebab-dropdown.open').forEach(el => el.classList.remove('open'));
+      dd.classList.add('open');
+    }
+    return;
+  }
+
+  const shareItem = e.target.closest('.share-action');
+  if (shareItem) {
+    e.stopPropagation();
+    shareItem.closest('.kebab-dropdown').classList.remove('open');
+    fetch('/api/synapses/' + shareItem.dataset.id + '/share?source=' + encodeURIComponent(shareItem.dataset.source), { method: 'POST' })
+      .then(r => { if (!r.ok) throw new Error('Share failed'); return r.json(); })
+      .then(() => { toast('Synapse shared', 'success'); loadSynapses().catch(showError); })
+      .catch(err => toast('Share failed: ' + err.message, 'error'));
+    return;
+  }
+
+  const unlinkItem = e.target.closest('.unlink-action');
+  if (unlinkItem) {
+    e.stopPropagation();
+    unlinkItem.closest('.kebab-dropdown').classList.remove('open');
+    fetch('/api/synapses/' + unlinkItem.dataset.id + '/unlink?source=' + encodeURIComponent(unlinkItem.dataset.source), { method: 'POST' })
+      .then(r => { if (!r.ok) throw new Error('Unlink failed'); return r.json(); })
+      .then(() => { toast('Synapse unlinked', 'success'); loadSynapses().catch(showError); })
+      .catch(err => toast('Unlink failed: ' + err.message, 'error'));
+    return;
+  }
+
+  const pullDeleteItem = e.target.closest('.pull-delete-action');
+  if (pullDeleteItem) {
+    e.stopPropagation();
+    pullDeleteItem.closest('.kebab-dropdown').classList.remove('open');
+    const id = pullDeleteItem.dataset.id;
+    const source = pullDeleteItem.dataset.source;
+    const dialog = document.getElementById('confirm-dialog');
+    document.getElementById('confirm-message').textContent = 'Remove pulled synapse from local storage? This only deletes your local copy.';
+    dialog.showModal();
+    document.getElementById('confirm-ok').onclick = function () {
+      dialog.close();
+      fetch('/api/synapses/' + id + '/pull-delete?source=' + encodeURIComponent(source), { method: 'POST' })
+        .then(r => { if (!r.ok) throw new Error('Remove failed'); return r.json(); })
+        .then(() => { toast('Local copy removed', 'success'); loadSynapses().catch(showError); })
+        .catch(err => toast('Remove failed: ' + err.message, 'error'));
+    };
+    document.getElementById('confirm-cancel').onclick = function () { dialog.close(); };
+    return;
+  }
+
+  const dismissItem = e.target.closest('.dismiss-action');
+  if (dismissItem) {
+    e.stopPropagation();
+    dismissItem.closest('.kebab-dropdown').classList.remove('open');
+    fetch('/api/synapses/' + dismissItem.dataset.id + '/dismiss?source=' + encodeURIComponent(dismissItem.dataset.source), { method: 'POST' })
+      .then(r => { if (!r.ok) throw new Error('Dismiss failed'); return r.json(); })
+      .then(() => { toast('Dismissed', 'success'); loadSynapses().catch(showError); })
+      .catch(err => toast('Dismiss failed: ' + err.message, 'error'));
+    return;
+  }
+
+  const row = e.target.closest('.memory-row');
+  if (row) {
+    toggleDetail(row.dataset.id);
+  }
+});
+
+document.addEventListener('click', function (e) {
+  if (!e.target.closest('.kebab-menu')) {
+    document.querySelectorAll('.kebab-dropdown.open').forEach(el => el.classList.remove('open'));
+  }
+});
+
+document.getElementById('tbody').addEventListener('keydown', function (e) {
+  if (e.key === 'Enter' || e.key === ' ') {
+    const row = e.target.closest('.memory-row');
+    if (row) {
+      e.preventDefault();
+      toggleDetail(row.dataset.id);
+    }
+  }
+});
+
+document.getElementById('pagination').addEventListener('click', function (e) {
+  const btn = e.target.closest('button');
+  if (!btn) return;
+  if (btn.id === 'page-prev' && state.offset > 0) {
+    state.offset = Math.max(0, state.offset - state.limit);
+    loadSynapses().catch(showError);
+  } else if (btn.id === 'page-next') {
+    state.offset += state.limit;
+    loadSynapses().catch(showError);
+  }
+});
+
+document.getElementById('theme-btn').addEventListener('click', function () {
+  const isLight = document.documentElement.getAttribute('data-theme') === 'light';
+  document.documentElement.setAttribute('data-theme', isLight ? '' : 'light');
+  localStorage.setItem('cordenar-theme', isLight ? 'dark' : 'light');
+  this.setAttribute('aria-label', isLight ? 'Switch to dark theme' : 'Switch to light theme');
+});
+
+function showError(msg) {
+  const el = document.getElementById('error');
+  if (el) {
+    el.textContent = msg;
+    el.style.display = 'block';
+  }
+  console.error(msg);
+}
+
+/* ===== SSE: Real-Time Updates ===== */
+const es = new EventSource('/api/events');
+
+es.onerror = function () {};
+
+es.addEventListener('synapse_shared', function (e) {
+  try {
+    const data = JSON.parse(e.data);
+    toast('Synapse shared', 'success');
+    loadSynapses().catch(showError);
+  } catch {}
+});
+
+es.addEventListener('synapse_unlinked', function (e) {
+  try {
+    const data = JSON.parse(e.data);
+    removeRow(data.id);
+  } catch {}
+});
+
+es.addEventListener('synapse_pulled', function (e) {
+  try {
+    toast('New synapses pulled', 'info');
+    loadSynapses().catch(showError);
+  } catch {}
+});
+
+es.addEventListener('synapse_revoked', function (e) {
+  try {
+    const data = JSON.parse(e.data);
+    removeRow(data.id);
+  } catch {}
+});
+
+es.addEventListener('sync_complete', function () {
+  toast('Sync complete', 'success');
+  loadSynapses().catch(showError);
+});
+
+es.addEventListener('auth_changed', function () {
+  loadStatus().catch(() => {});
+  loadSynapses().catch(showError);
+});
+
+function removeRow(id) {
+  const row = document.querySelector('.memory-row[data-id="' + id + '"]');
+  if (!row) return;
+  const detailRow = document.querySelector('.detail-row[data-parent="' + id + '"]');
+  if (detailRow) {
+    detailRow.style.transition = 'opacity .2s, max-height .2s';
+    detailRow.style.opacity = '0';
+    detailRow.style.maxHeight = '0';
+    setTimeout(function () { detailRow.remove(); }, 250);
+  }
+  row.style.transition = 'opacity .2s';
+  row.style.opacity = '0';
+  setTimeout(function () { row.remove(); }, 250);
+}
+
+es.addEventListener('synapse_updated', function () {
+  loadSynapses().catch(showError);
+});
+
+/* Init */
+(function () {
+  initSkeleton();
+  document.getElementById('confirm-dialog').addEventListener('click', function (e) {
+    if (e.target === this) this.close();
+  });
+  if (document.documentElement.getAttribute('data-theme') === 'light') {
+    document.getElementById('theme-btn').setAttribute('aria-label', 'Switch to dark theme');
+  }
+  loadStatus().catch(function () {});
+  loadSynapses().catch(showError);
+})();