mdboard 1.3.0 → 2.1.0

package/src/cli/theme.js

@@ -1,142 +0,0 @@
-/**
- * mdboard theme — Set or list available themes
- */
-
-const fs = require('fs');
-const path = require('path');
-const os = require('os');
-
-const THEME_IDS = [
-  'default-dark',
-  'linear-dark', 'linear-light',
-  'jira-dark', 'jira-light',
-  'catppuccin-mocha', 'catppuccin-latte',
-  'ayu-dark', 'ayu-light',
-  'tokyo-night', 'tokyo-night-storm',
-  'notion-light', 'notion-dark',
-  'github-dark', 'github-light',
-  'dracula', 'nord',
-  'solarized-dark', 'solarized-light',
-  'one-dark',
-  'gruvbox-dark',
-];
-
-const THEME_NAMES = {
-  'default-dark': 'Default Dark',
-  'linear-dark': 'Linear Dark', 'linear-light': 'Linear Light',
-  'jira-dark': 'Jira Dark', 'jira-light': 'Jira Light',
-  'catppuccin-mocha': 'Catppuccin Mocha', 'catppuccin-latte': 'Catppuccin Latte',
-  'ayu-dark': 'Ayu Dark', 'ayu-light': 'Ayu Light',
-  'tokyo-night': 'Tokyo Night', 'tokyo-night-storm': 'Tokyo Night Storm',
-  'notion-light': 'Notion Light', 'notion-dark': 'Notion Dark',
-  'github-dark': 'GitHub Dark', 'github-light': 'GitHub Light',
-  'dracula': 'Dracula', 'nord': 'Nord',
-  'solarized-dark': 'Solarized Dark', 'solarized-light': 'Solarized Light',
-  'one-dark': 'One Dark',
-  'gruvbox-dark': 'Gruvbox Dark',
-};
-
-const THEME_VARS = {
-  'default-dark': {bg:'#0A0A0B',surface:'#141415',surface2:'#1A1A1C',border:'#232326',border2:'#2E2E33',text:'#E8E8ED',text2:'#8B8B93',text3:'#5A5A63',accent:'#5B6EF5','accent-dim':'rgba(91,110,245,.15)',success:'#2EA043','success-dim':'rgba(46,160,67,.15)',warning:'#D4A72C','warning-dim':'rgba(212,167,44,.15)',danger:'#DA3633','danger-dim':'rgba(218,54,51,.15)',purple:'#8B5CF6','purple-dim':'rgba(139,92,246,.15)'},
-  'linear-dark': {bg:'#101012',surface:'#1A1A1F',surface2:'#222228',border:'#2C2C35',border2:'#38384A',text:'#E2E2E9',text2:'#8E8E9E',text3:'#5C5C6E',accent:'#5E6AD2','accent-dim':'rgba(94,106,210,.15)',success:'#4DA771','success-dim':'rgba(77,167,113,.15)',warning:'#F2C94C','warning-dim':'rgba(242,201,76,.15)',danger:'#EB5757','danger-dim':'rgba(235,87,87,.15)',purple:'#BB87FC','purple-dim':'rgba(187,135,252,.15)'},
-  'linear-light': {bg:'#F9F9FB',surface:'#FFFFFF',surface2:'#F0F0F4',border:'#E0E0E6',border2:'#D0D0D8',text:'#1A1A2E',text2:'#6B6B80',text3:'#9090A0',accent:'#5E6AD2','accent-dim':'rgba(94,106,210,.1)',success:'#4DA771','success-dim':'rgba(77,167,113,.1)',warning:'#D4A017','warning-dim':'rgba(212,160,23,.1)',danger:'#EB5757','danger-dim':'rgba(235,87,87,.1)',purple:'#9B6DD7','purple-dim':'rgba(155,109,215,.1)'},
-  'jira-dark': {bg:'#0D1117',surface:'#161B22',surface2:'#1C2333',border:'#293040',border2:'#344050',text:'#DEE4EC',text2:'#8C96A5',text3:'#5A6577',accent:'#2684FF','accent-dim':'rgba(38,132,255,.15)',success:'#36B37E','success-dim':'rgba(54,179,126,.15)',warning:'#FFAB00','warning-dim':'rgba(255,171,0,.15)',danger:'#FF5630','danger-dim':'rgba(255,86,48,.15)',purple:'#6554C0','purple-dim':'rgba(101,84,192,.15)'},
-  'jira-light': {bg:'#F4F5F7',surface:'#FFFFFF',surface2:'#EBECF0',border:'#DFE1E6',border2:'#C1C7D0',text:'#172B4D',text2:'#6B778C',text3:'#97A0AF',accent:'#0052CC','accent-dim':'rgba(0,82,204,.1)',success:'#36B37E','success-dim':'rgba(54,179,126,.1)',warning:'#FF991F','warning-dim':'rgba(255,153,31,.1)',danger:'#FF5630','danger-dim':'rgba(255,86,48,.1)',purple:'#6554C0','purple-dim':'rgba(101,84,192,.1)'},
-  'catppuccin-mocha': {bg:'#1E1E2E',surface:'#262637',surface2:'#313244',border:'#3B3B52',border2:'#45475A',text:'#CDD6F4',text2:'#A6ADC8',text3:'#6C7086',accent:'#89B4FA','accent-dim':'rgba(137,180,250,.15)',success:'#A6E3A1','success-dim':'rgba(166,227,161,.15)',warning:'#F9E2AF','warning-dim':'rgba(249,226,175,.15)',danger:'#F38BA8','danger-dim':'rgba(243,139,168,.15)',purple:'#CBA6F7','purple-dim':'rgba(203,166,247,.15)'},
-  'catppuccin-latte': {bg:'#EFF1F5',surface:'#FFFFFF',surface2:'#E6E9EF',border:'#CCD0DA',border2:'#BCC0CC',text:'#4C4F69',text2:'#6C6F85',text3:'#9CA0B0',accent:'#1E66F5','accent-dim':'rgba(30,102,245,.1)',success:'#40A02B','success-dim':'rgba(64,160,43,.1)',warning:'#DF8E1D','warning-dim':'rgba(223,142,29,.1)',danger:'#D20F39','danger-dim':'rgba(210,15,57,.1)',purple:'#8839EF','purple-dim':'rgba(136,57,239,.1)'},
-  'ayu-dark': {bg:'#0B0E14',surface:'#0F1219',surface2:'#151920',border:'#1E222A',border2:'#272D38',text:'#BFBDB6',text2:'#6C7380',text3:'#4A5060',accent:'#E6B450','accent-dim':'rgba(230,180,80,.15)',success:'#7FD962','success-dim':'rgba(127,217,98,.15)',warning:'#FFB454','warning-dim':'rgba(255,180,84,.15)',danger:'#F07178','danger-dim':'rgba(240,113,120,.15)',purple:'#D2A6FF','purple-dim':'rgba(210,166,255,.15)'},
-  'ayu-light': {bg:'#F8F9FA',surface:'#FFFFFF',surface2:'#F0F1F2',border:'#E0E1E2',border2:'#D4D5D6',text:'#5C6166',text2:'#787B80',text3:'#ACB0B5',accent:'#FF9940','accent-dim':'rgba(255,153,64,.1)',success:'#6CBF43','success-dim':'rgba(108,191,67,.1)',warning:'#F2AE49','warning-dim':'rgba(242,174,73,.1)',danger:'#F07171','danger-dim':'rgba(240,113,113,.1)',purple:'#A37ACC','purple-dim':'rgba(163,122,204,.1)'},
-  'tokyo-night': {bg:'#1A1B26',surface:'#1F2335',surface2:'#24283B',border:'#2F3449',border2:'#3B4261',text:'#C0CAF5',text2:'#7982A9',text3:'#565F89',accent:'#7AA2F7','accent-dim':'rgba(122,162,247,.15)',success:'#9ECE6A','success-dim':'rgba(158,206,106,.15)',warning:'#E0AF68','warning-dim':'rgba(224,175,104,.15)',danger:'#F7768E','danger-dim':'rgba(247,118,142,.15)',purple:'#BB9AF7','purple-dim':'rgba(187,154,247,.15)'},
-  'tokyo-night-storm': {bg:'#24283B',surface:'#292E42',surface2:'#2F3549',border:'#3B4261',border2:'#464F78',text:'#C0CAF5',text2:'#7982A9',text3:'#565F89',accent:'#7AA2F7','accent-dim':'rgba(122,162,247,.15)',success:'#9ECE6A','success-dim':'rgba(158,206,106,.15)',warning:'#E0AF68','warning-dim':'rgba(224,175,104,.15)',danger:'#F7768E','danger-dim':'rgba(247,118,142,.15)',purple:'#BB9AF7','purple-dim':'rgba(187,154,247,.15)'},
-  'notion-light': {bg:'#F7F6F3',surface:'#FFFFFF',surface2:'#EEEEEC',border:'#E3E2DE',border2:'#D4D3CF',text:'#37352F',text2:'#6B6B6B',text3:'#9B9A97',accent:'#2383E2','accent-dim':'rgba(35,131,226,.1)',success:'#0F7B0F','success-dim':'rgba(15,123,15,.1)',warning:'#CB7B00','warning-dim':'rgba(203,123,0,.1)',danger:'#E03E3E','danger-dim':'rgba(224,62,62,.1)',purple:'#6940A5','purple-dim':'rgba(105,64,165,.1)'},
-  'notion-dark': {bg:'#191919',surface:'#202020',surface2:'#2B2B2B',border:'#363636',border2:'#444444',text:'#E3E2DE',text2:'#9B9B9B',text3:'#6B6B6B',accent:'#529CCA','accent-dim':'rgba(82,156,202,.15)',success:'#4DAB9A','success-dim':'rgba(77,171,154,.15)',warning:'#CB7B00','warning-dim':'rgba(203,123,0,.15)',danger:'#E03E3E','danger-dim':'rgba(224,62,62,.15)',purple:'#9A6DD7','purple-dim':'rgba(154,109,215,.15)'},
-  'github-dark': {bg:'#0D1117',surface:'#161B22',surface2:'#1C2128',border:'#30363D',border2:'#3D444D',text:'#E6EDF3',text2:'#8B949E',text3:'#6E7681',accent:'#58A6FF','accent-dim':'rgba(88,166,255,.15)',success:'#3FB950','success-dim':'rgba(63,185,80,.15)',warning:'#D29922','warning-dim':'rgba(210,153,34,.15)',danger:'#F85149','danger-dim':'rgba(248,81,73,.15)',purple:'#BC8CFF','purple-dim':'rgba(188,140,255,.15)'},
-  'github-light': {bg:'#F6F8FA',surface:'#FFFFFF',surface2:'#EAEEF2',border:'#D0D7DE',border2:'#BCC3CB',text:'#1F2328',text2:'#656D76',text3:'#8C959F',accent:'#0969DA','accent-dim':'rgba(9,105,218,.1)',success:'#1A7F37','success-dim':'rgba(26,127,55,.1)',warning:'#9A6700','warning-dim':'rgba(154,103,0,.1)',danger:'#CF222E','danger-dim':'rgba(207,34,46,.1)',purple:'#8250DF','purple-dim':'rgba(130,80,223,.1)'},
-  'dracula': {bg:'#1E1F29',surface:'#282A36',surface2:'#2E303E',border:'#3A3C4E',border2:'#44475A',text:'#F8F8F2',text2:'#ADB0C0',text3:'#6272A4',accent:'#BD93F9','accent-dim':'rgba(189,147,249,.15)',success:'#50FA7B','success-dim':'rgba(80,250,123,.15)',warning:'#F1FA8C','warning-dim':'rgba(241,250,140,.15)',danger:'#FF5555','danger-dim':'rgba(255,85,85,.15)',purple:'#FF79C6','purple-dim':'rgba(255,121,198,.15)'},
-  'nord': {bg:'#242933',surface:'#2E3440',surface2:'#353C4A',border:'#3B4252',border2:'#434C5E',text:'#ECEFF4',text2:'#A5B1C2',text3:'#697688',accent:'#88C0D0','accent-dim':'rgba(136,192,208,.15)',success:'#A3BE8C','success-dim':'rgba(163,190,140,.15)',warning:'#EBCB8B','warning-dim':'rgba(235,203,139,.15)',danger:'#BF616A','danger-dim':'rgba(191,97,106,.15)',purple:'#B48EAD','purple-dim':'rgba(180,142,173,.15)'},
-  'solarized-dark': {bg:'#002129',surface:'#002B36',surface2:'#073642',border:'#0A4050',border2:'#1A5060',text:'#93A1A1',text2:'#839496',text3:'#586E75',accent:'#268BD2','accent-dim':'rgba(38,139,210,.15)',success:'#859900','success-dim':'rgba(133,153,0,.15)',warning:'#B58900','warning-dim':'rgba(181,137,0,.15)',danger:'#DC322F','danger-dim':'rgba(220,50,47,.15)',purple:'#6C71C4','purple-dim':'rgba(108,113,196,.15)'},
-  'solarized-light': {bg:'#FDF6E3',surface:'#FFFFFF',surface2:'#EEE8D5',border:'#DDD6C1',border2:'#C9C2AD',text:'#586E75',text2:'#657B83',text3:'#93A1A1',accent:'#268BD2','accent-dim':'rgba(38,139,210,.1)',success:'#859900','success-dim':'rgba(133,153,0,.1)',warning:'#B58900','warning-dim':'rgba(181,137,0,.1)',danger:'#DC322F','danger-dim':'rgba(220,50,47,.1)',purple:'#6C71C4','purple-dim':'rgba(108,113,196,.1)'},
-  'one-dark': {bg:'#1E2127',surface:'#282C34',surface2:'#2C313C',border:'#3A3F4B',border2:'#4B5263',text:'#ABB2BF',text2:'#7F848E',text3:'#5C6370',accent:'#61AFEF','accent-dim':'rgba(97,175,239,.15)',success:'#98C379','success-dim':'rgba(152,195,121,.15)',warning:'#E5C07B','warning-dim':'rgba(229,192,123,.15)',danger:'#E06C75','danger-dim':'rgba(224,108,117,.15)',purple:'#C678DD','purple-dim':'rgba(198,120,221,.15)'},
-  'gruvbox-dark': {bg:'#1D2021',surface:'#282828',surface2:'#32302F',border:'#3C3836',border2:'#504945',text:'#EBDBB2',text2:'#A89984',text3:'#7C6F64',accent:'#FE8019','accent-dim':'rgba(254,128,25,.15)',success:'#B8BB26','success-dim':'rgba(184,187,38,.15)',warning:'#FABD2F','warning-dim':'rgba(250,189,47,.15)',danger:'#FB4934','danger-dim':'rgba(251,73,52,.15)',purple:'#D3869B','purple-dim':'rgba(211,134,155,.15)'},
-};
-
-function generateThemeCss(themeId) {
-  const vars = THEME_VARS[themeId];
-  if (!vars) return '';
-  const name = THEME_NAMES[themeId] || themeId;
-  let css = '/* mdboard theme: ' + name + ' */\n:root {\n';
-  for (const key in vars) {
-    if (vars.hasOwnProperty(key)) {
-      css += '  --' + key + ': ' + vars[key] + ';\n';
-    }
-  }
-  css += '}\n';
-  return css;
-}
-
-function handleTheme(args) {
-  const themeName = args.filter(a => !a.startsWith('--'))[0];
-  const isProject = args.includes('--project');
-
-  if (!themeName) {
-    listThemes();
-    return;
-  }
-
-  if (!THEME_IDS.includes(themeName)) {
-    console.error('\n  Error: Unknown theme "' + themeName + '"');
-    console.log('  Run "mdboard theme" to see available themes.\n');
-    process.exit(1);
-  }
-
-  const configPath = isProject
-    ? path.join(process.cwd(), 'project', 'mdboard.json')
-    : path.join(os.homedir(), '.config', 'mdboard', 'mdboard.json');
-
-  const dir = path.dirname(configPath);
-  if (!fs.existsSync(dir)) {
-    fs.mkdirSync(dir, { recursive: true });
-  }
-
-  let config = {};
-  try {
-    config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
-  } catch {
-    // file doesn't exist or is invalid, start fresh
-  }
-
-  config.theme = themeName;
-  fs.writeFileSync(configPath, JSON.stringify(config, null, 2) + '\n', 'utf-8');
-
-  // Also write CSS file
-  const css = generateThemeCss(themeName);
-  const cssPath = isProject
-    ? path.join(process.cwd(), 'project', 'mdboard.css')
-    : path.join(os.homedir(), '.config', 'mdboard', 'mdboard.css');
-  fs.writeFileSync(cssPath, css, 'utf-8');
-
-  const scope = isProject ? 'project' : 'global';
-  console.log('\n  Theme set to "' + THEME_NAMES[themeName] + '" (' + scope + ')');
-  console.log('  Config: ' + configPath);
-  console.log('  CSS:    ' + cssPath + '\n');
-}
-
-function listThemes() {
-  const dark = THEME_IDS.filter(id => id.includes('dark') || ['catppuccin-mocha', 'tokyo-night', 'tokyo-night-storm', 'dracula', 'nord', 'one-dark', 'gruvbox-dark'].includes(id));
-  const light = THEME_IDS.filter(id => !dark.includes(id));
-
-  console.log('\n  Available themes:\n');
-  console.log('  Dark:');
-  dark.forEach(function(id) {
-    console.log('    ' + id.padEnd(24) + THEME_NAMES[id]);
-  });
-  console.log('\n  Light:');
-  light.forEach(function(id) {
-    console.log('    ' + id.padEnd(24) + THEME_NAMES[id]);
-  });
-  console.log('\n  Usage:');
-  console.log('    mdboard theme <name>             Set theme globally');
-  console.log('    mdboard theme <name> --project    Set theme for current project\n');
-}
-
-module.exports = { handleTheme };

package/src/client/app.js

@@ -1,266 +0,0 @@
-/* ══════════════════════════════════════════════════════════════
-   RENDER
-   ══════════════════════════════════════════════════════════════ */
-function renderAll() {
-  renderHeader(); renderBoardFilters(); renderBoard(); renderTableControls(); renderTableBody(); renderMsFilters(); renderMilestones(); renderMetrics();
-  // Render overview if active
-  var overviewView = document.getElementById('view-overview');
-  if (overviewView && overviewView.classList.contains('active')) {
-    renderOverview();
-  }
-}
-
-function renderHeader() {
-  renderSidebarLogo();
-
-  var mw = document.getElementById('h-milestone-wrap');
-  var am = D.milestones.find(function(m) { return m.status === 'active'; });
-  if (am) {
-    mw.style.display = '';
-    document.getElementById('h-milestone-name').textContent = am.title || am.id || '';
-    document.getElementById('h-milestone-progress').style.width = (am.progress || 0) + '%';
-  } else { mw.style.display = 'none'; }
-
-  var sw = document.getElementById('h-sprint-wrap');
-  var as = D.sprints.find(function(s) { return s.status === 'active'; });
-  if (as) {
-    sw.style.display = '';
-    document.getElementById('h-sprint-name').textContent = as.goal || as.id || '';
-    var dr = daysRemaining(as.end_date);
-    document.getElementById('h-sprint-days').textContent = dr !== null ? (dr >= 0 ? dr + ' days left' : Math.abs(dr) + ' days over') : '';
-  } else { sw.style.display = 'none'; }
-
-  var taskPlural = ENTITY_NAMES.task ? ENTITY_NAMES.task.plural : 'Tasks';
-  var total = D.tasks.length;
-  var done = D.tasks.filter(function(f) { return f.status === COMPLETED_STATUS; }).length;
-  var inProgStatus = (D.config && D.config.statuses && D.config.statuses.task) ?
-    ((D.config.statuses.task.find(function(s) { return s.icon === 'half-circle'; }) || {}).key || 'in-progress') : 'in-progress';
-  var inProg = D.tasks.filter(function(f) { return f.status === inProgStatus; }).length;
-  var vel = D.health && D.health.velocity != null ? D.health.velocity : (total ? Math.round(done / total * 100) : 0);
-  document.getElementById('h-stats').innerHTML =
-    '<div class="stat"><span class="stat-val">' + total + '</span><span class="stat-label">' + escHtml(taskPlural) + '</span></div>' +
-    '<div class="stat"><span class="stat-val" style="color:var(--success)">' + done + '</span><span class="stat-label">Done</span></div>' +
-    '<div class="stat"><span class="stat-val" style="color:var(--warning)">' + inProg + '</span><span class="stat-label">In Progress</span></div>' +
-    '<div class="stat"><span class="stat-val" style="color:var(--accent)">' + vel + '%</span><span class="stat-label">Velocity</span></div>';
-}
-
-/* ══════════════════════════════════════════════════════════════
-   NAVIGATION
-   ══════════════════════════════════════════════════════════════ */
-function switchView(name) {
-  document.querySelectorAll('.view').forEach(function(v) { v.classList.remove('active'); });
-  document.querySelectorAll('#sidebar-nav a[data-view]').forEach(function(a) { a.classList.remove('active'); });
-  var t = document.getElementById('view-' + name);
-  if (t) t.classList.add('active');
-  var l = document.querySelector('#sidebar-nav a[data-view="' + name + '"]');
-  if (l) l.classList.add('active');
-  // Persist view selection
-  try { localStorage.setItem('mdboard-view', name); } catch(e) {}
-  // Trigger overview rendering when switching to it
-  if (name === 'overview' && D.loaded) {
-    renderOverview();
-  }
-  // Trigger notes rendering when switching to it
-  if (name === 'notes' && D.loaded) {
-    renderNotes();
-  }
-}
-
-document.getElementById('sidebar-nav').addEventListener('click', function(e) {
-  var a = e.target.closest('a[data-view]');
-  if (!a) return;
-  e.preventDefault();
-  switchView(a.dataset.view);
-  window.location.hash = a.dataset.view;
-});
-
-function handleHash() {
-  var hash = window.location.hash.replace('#', '');
-  if (!hash) {
-    try { hash = localStorage.getItem('mdboard-view') || ''; } catch(e) {}
-  }
-  hash = hash || 'board';
-  var valid = ['board','table','milestones','metrics','overview','notes'];
-  switchView(valid.indexOf(hash) !== -1 ? hash : 'board');
-}
-window.addEventListener('hashchange', handleHash);
-
-/* ══════════════════════════════════════════════════════════════
-   SETTINGS PANEL
-   ══════════════════════════════════════════════════════════════ */
-var _settingsState = { selectedTheme: null, originalTheme: null };
-
-function openSettings() {
-  var active = getActiveTheme();
-  _settingsState.originalTheme = active;
-  _settingsState.selectedTheme = null;
-  document.getElementById('settings-overlay').classList.add('open');
-  document.getElementById('settings-panel').classList.add('open');
-  var toggle = document.getElementById('theme-default-toggle');
-  if (toggle) toggle.checked = false;
-  renderThemeGrid();
-}
-
-function closeSettings() {
-  if (_settingsState.selectedTheme) {
-    revertThemePreview();
-    _settingsState.selectedTheme = null;
-  }
-  document.getElementById('settings-overlay').classList.remove('open');
-  document.getElementById('settings-panel').classList.remove('open');
-}
-
-function renderThemeGrid() {
-  var grid = document.getElementById('theme-grid');
-  var info = document.getElementById('settings-theme-info');
-  var active = getActiveTheme();
-  var selected = _settingsState.selectedTheme;
-
-  if (info) {
-    var displayId = selected || active;
-    var displayTheme = THEMES[displayId];
-    info.textContent = 'Active: ' + (THEMES[active] ? THEMES[active].name : active) +
-      (selected && selected !== active ? ' → Preview: ' + (displayTheme ? displayTheme.name : selected) : '');
-  }
-
-  var html = '';
-  THEME_LIST.forEach(function(t) {
-    var theme = THEMES[t.id];
-    var v = theme.vars;
-    var isSelected = selected ? t.id === selected : t.id === active;
-    var cls = isSelected ? ' active' : '';
-    html += '<div class="theme-card' + cls + '" data-theme="' + t.id + '">' +
-      '<div class="theme-card-preview">' +
-        '<span style="background:' + v.bg + '"></span>' +
-        '<span style="background:' + v.surface + '"></span>' +
-        '<span style="background:' + v.accent + '"></span>' +
-        '<span style="background:' + v.success + '"></span>' +
-        '<span style="background:' + v.warning + '"></span>' +
-      '</div>' +
-      '<div class="theme-card-name">' + escHtml(theme.name) + '</div>' +
-      '<div class="theme-card-type">' + theme.type + '</div>' +
-    '</div>';
-  });
-  grid.innerHTML = html;
-}
-
-function saveTheme() {
-  var themeId = _settingsState.selectedTheme;
-  if (!themeId) {
-    closeSettings();
-    return;
-  }
-  var toggle = document.getElementById('theme-default-toggle');
-  var setDefault = toggle ? toggle.checked : false;
-  var css = generateThemeCss(themeId);
-
-  fetch('/api/theme', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ themeId: themeId, css: css, setDefault: setDefault })
-  }).then(function(r) { return r.json(); }).then(function(data) {
-    if (data && data.ok) {
-      revertThemePreview();
-      reloadCustomCss();
-      D.config.theme = themeId;
-      _settingsState.selectedTheme = null;
-      showToast('Theme saved: ' + (THEMES[themeId] ? THEMES[themeId].name : themeId), 'success');
-      closeSettings();
-    } else {
-      showToast('Error: ' + (data.error || 'Unknown'), 'error');
-    }
-  }).catch(function(e) {
-    showToast('Error: ' + e.message, 'error');
-  });
-}
-
-document.getElementById('settings-toggle').addEventListener('click', function(e) {
-  e.preventDefault();
-  openSettings();
-});
-
-document.getElementById('settings-close').addEventListener('click', closeSettings);
-document.getElementById('settings-overlay').addEventListener('click', closeSettings);
-
-document.getElementById('theme-grid').addEventListener('click', function(e) {
-  var card = e.target.closest('.theme-card');
-  if (!card) return;
-  var themeId = card.dataset.theme;
-  _settingsState.selectedTheme = themeId;
-  applyTheme(themeId);
-  renderThemeGrid();
-});
-
-document.getElementById('settings-save').addEventListener('click', saveTheme);
-
-/* ══════════════════════════════════════════════════════════════
-   INIT
-   ══════════════════════════════════════════════════════════════ */
-(async function() {
-  handleHash();
-  await loadAll();
-  initFromConfig();
-
-  // Sidebar logo always shows project name
-  renderSidebarLogo();
-
-  // Workspace detection: build source rail + restore last source
-  if (hasWorkspace()) {
-    // Create overview tab (hidden by default)
-    var overviewTab = document.querySelector('#sidebar-nav a[data-view="overview"]');
-    if (!overviewTab) {
-      var nav = document.getElementById('sidebar-nav');
-      var metricsLink = document.querySelector('#sidebar-nav a[data-view="metrics"]');
-      var overviewLink = document.createElement('a');
-      overviewLink.href = '#overview';
-      overviewLink.dataset.view = 'overview';
-      overviewLink.style.display = 'none';
-      overviewLink.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M12 3v18M3 12h18"/></svg><span>Overview</span>';
-      if (metricsLink && metricsLink.nextSibling) {
-        nav.insertBefore(overviewLink, metricsLink.nextSibling);
-      } else {
-        nav.appendChild(overviewLink);
-      }
-    }
-
-    // Restore last source or default to overview
-    var savedSource = null;
-    try { savedSource = localStorage.getItem('mdboard-source'); } catch(e) {}
-    var validSource = savedSource && (savedSource === 'overview' || D.config.workspace.sources.some(function(s) { return s.name === savedSource; }));
-    var initialSource = validSource ? savedSource : 'overview';
-
-    buildSourceRail();
-    // switchSource skips if same as current, so set activeSource first then trigger
-    D.activeSource = null;
-    switchSource(initialSource);
-    // Wait for switchSource data reload before continuing
-    await loadAll();
-    initFromConfig();
-  }
-
-  renderAll();
-  connectSSE();
-
-  // Auto-open history modal if no project
-  checkAutoOpenHistory();
-
-  // Keyboard shortcut: Ctrl/Cmd+K to open history modal
-  document.addEventListener('keydown', function(e) {
-    if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
-      e.preventDefault();
-      openHistoryModal();
-    }
-  });
-
-  // Load AI suggestions for autocomplete
-  fetchJson('/api/ai-suggestions').then(function(data) {
-    D.aiSuggestions = data || { skills: [], agents: [], mcps: [], commands: [], context: [] };
-  });
-
-  // Load overview links in background for reverse link display
-  if (hasWorkspace()) {
-    fetchJson('/api/overview/links').then(function(data) {
-      D.overviewLinks = data;
-    });
-  }
-})();

package/src/client/board.js

@@ -1,157 +0,0 @@
-/* ══════════════════════════════════════════════════════════════
-   BOARD VIEW
-   ══════════════════════════════════════════════════════════════ */
-var boardFilters = { search: '', priority: '', epic: '', milestone: '' };
-
-function renderBoardFilters() {
-  var c = document.getElementById('board-filters');
-  var ep = [], ms = [];
-  D.tasks.forEach(function(f) {
-    if (f.epic && ep.indexOf(f.epic) === -1) ep.push(f.epic);
-    if (f.milestone && ms.indexOf(f.milestone) === -1) ms.push(f.milestone);
-  });
-
-  var epicPlural = ENTITY_NAMES.epic ? ENTITY_NAMES.epic.plural : 'Epics';
-  var msPlural = ENTITY_NAMES.milestone ? ENTITY_NAMES.milestone.plural : 'Milestones';
-
-  function opts(arr, key, label) {
-    return '<select data-filter="' + key + '"><option value="">All ' + label + '</option>' +
-      arr.map(function(v) { return '<option value="' + escHtml(v) + '"' + (boardFilters[key] === v ? ' selected' : '') + '>' + escHtml(v) + '</option>'; }).join('') + '</select>';
-  }
-
-  var createBtn = isSourceWritable() ?
-    '<button class="btn btn-sm btn-create" id="board-create-btn">+ New ' + escHtml(ENTITY_NAMES.task ? ENTITY_NAMES.task.singular : 'Task') + '</button>' : '';
-
-  c.innerHTML = createBtn +
-    '<input type="text" data-filter="search" placeholder="Search cards..." value="' + escHtml(boardFilters.search) + '">' +
-    '<select data-filter="priority"><option value="">All Priorities</option>' +
-    PRIORITIES.map(function(p) { return '<option value="' + p + '"' + (boardFilters.priority === p ? ' selected' : '') + '>' + (PRIORITY_LABELS[p] || p) + '</option>'; }).join('') + '</select>' +
-    opts(ep, 'epic', epicPlural) + opts(ms, 'milestone', msPlural);
-
-  c.querySelectorAll('input[data-filter]').forEach(function(el) {
-    el.addEventListener('input', function() { boardFilters[el.dataset.filter] = el.value; renderBoard(); });
-  });
-  c.querySelectorAll('select[data-filter]').forEach(function(el) {
-    el.addEventListener('change', function() { boardFilters[el.dataset.filter] = el.value; renderBoard(); });
-  });
-
-  var btn = document.getElementById('board-create-btn');
-  if (btn) btn.addEventListener('click', function() { openCreateDialog('tasks'); });
-}
-
-function getFilteredBoardTasks() {
-  var list = D.tasks.slice();
-  var f = boardFilters;
-  if (f.search) { var q = f.search.toLowerCase(); list = list.filter(function(x) { return (x.id || '').toLowerCase().indexOf(q) !== -1 || (x.title || '').toLowerCase().indexOf(q) !== -1; }); }
-  if (f.priority) list = list.filter(function(x) { return x.priority === f.priority; });
-  if (f.epic) list = list.filter(function(x) { return x.epic === f.epic; });
-  if (f.milestone) list = list.filter(function(x) { return x.milestone === f.milestone; });
-  return list;
-}
-
-function renderBoard() {
-  var sprint = D.sprints.find(function(s) { return s.status === 'active'; });
-  var sbar = document.getElementById('sprint-bar');
-  if (sprint) {
-    var planned = sprint.planned_points || 0;
-    var completed = sprint.completed_points || 0;
-    var pct = planned ? Math.round(completed / planned * 100) : 0;
-    sbar.style.display = '';
-    sbar.innerHTML =
-      '<div class="sprint-goal"><b>' + escHtml(sprint.id || '') + '</b>' + (sprint.goal ? ' &mdash; ' + escHtml(sprint.goal) : '') + '</div>' +
-      '<div style="width:160px"><div class="progress progress-accent"><div class="progress-fill" style="width:' + pct + '%"></div></div>' +
-      '<div style="font-size:11px;color:var(--text3);margin-top:2px;font-family:var(--mono)">' + completed + '/' + planned + ' pts</div></div>' +
-      '<div class="sprint-dates">' + fmtDate(sprint.start_date) + ' &mdash; ' + fmtDate(sprint.end_date) + '</div>';
-  } else { sbar.style.display = 'none'; }
-
-  var board = document.getElementById('board');
-  if (!D.loaded) {
-    board.innerHTML = BOARD_COLS.map(function() {
-      return '<div class="column"><div class="column-header"><div class="skeleton skeleton-line" style="width:80px;height:16px"></div></div><div class="column-body">' +
-        '<div class="skeleton skeleton-card"></div><div class="skeleton skeleton-card"></div></div></div>';
-    }).join('');
-    return;
-  }
-
-  var filteredTasks = getFilteredBoardTasks();
-  var taskSingular = ENTITY_NAMES.task ? ENTITY_NAMES.task.singular.toLowerCase() : 'task';
-
-  if (!D.tasks.length) {
-    board.innerHTML = '<div class="empty"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M9 12h6M12 9v6"/></svg><p>No ' + escHtml(taskSingular) + 's yet. Create ' + escHtml(taskSingular) + ' files in your project/ directory to get started.</p></div>';
-    return;
-  }
-
-  board.innerHTML = BOARD_COLS.map(function(status) {
-    var cards = filteredTasks.filter(function(f) { return f.status === status; });
-    return '<div class="column" data-status="' + status + '">' +
-      '<div class="column-header"><span class="col-title">' + statusIcon(status) + ' ' + (STATUS_LABELS[status] || status) + '</span><span class="col-count">' + cards.length + '</span></div>' +
-      '<div class="column-body">' + cards.map(renderCard).join('') + '</div></div>';
-  }).join('');
-
-  setupDragDrop();
-}
-
-function renderCard(f) {
-  var ec = f.epic ? epicColor(f.epic) : '';
-  var assigned = Array.isArray(f.assigned) ? f.assigned.join(', ') : (f.assigned || '');
-  return '<div class="card" draggable="true" data-id="' + escHtml(f.id || '') + '" data-status="' + escHtml(f.status || '') + '">' +
-    '<div class="card-header">' +
-      '<span class="card-priority">' + priorityIcon(f.priority) + '</span>' +
-      '<span class="card-id">' + escHtml(f.id || '') + '</span>' +
-    '</div>' +
-    '<div class="card-title">' + escHtml(f.title || '') + '</div>' +
-    '<div class="card-meta">' +
-      (f.points != null ? '<span class="pill pill-points">' + f.points + ' pts</span>' : '') +
-      (f.epic ? '<span class="pill pill-epic" style="background:' + ec + '">' + escHtml(f.epic) + '</span>' : '') +
-      (f.ai && Object.keys(f.ai).length > 0 ? '<span class="pill pill-ai" title="AI properties">&#9889;</span>' : '') +
-      (assigned ? '<span class="card-assigned">' + escHtml(assigned) + '</span>' : '') +
-    '</div></div>';
-}
-
-/* ── Drag & Drop ─────────────────────────────────────────── */
-function setupDragDrop() {
-  document.querySelectorAll('.card[draggable]').forEach(function(card) {
-    card.addEventListener('dragstart', function(e) {
-      e.dataTransfer.setData('text/plain', card.dataset.id);
-      e.dataTransfer.effectAllowed = 'move';
-      card.classList.add('dragging');
-    });
-    card.addEventListener('dragend', function() {
-      card.classList.remove('dragging');
-      document.querySelectorAll('.column.drag-over').forEach(function(c) { c.classList.remove('drag-over'); });
-    });
-    card.addEventListener('click', function(e) {
-      if (e.defaultPrevented) return;
-      var task = D.tasks.find(function(f) { return f.id === card.dataset.id; });
-      if (task) openPanel('tasks', task);
-    });
-  });
-
-  document.querySelectorAll('.column').forEach(function(col) {
-    col.addEventListener('dragover', function(e) {
-      e.preventDefault();
-      e.dataTransfer.dropEffect = 'move';
-      col.classList.add('drag-over');
-    });
-    col.addEventListener('dragleave', function(e) {
-      if (e.target === col || !col.contains(e.relatedTarget)) {
-        col.classList.remove('drag-over');
-      }
-    });
-    col.addEventListener('drop', function(e) {
-      e.preventDefault();
-      col.classList.remove('drag-over');
-      var taskId = e.dataTransfer.getData('text/plain');
-      var newStatus = col.dataset.status;
-      if (!taskId || !newStatus) return;
-
-      // Optimistic update
-      var task = D.tasks.find(function(f) { return f.id === taskId; });
-      if (task && task.status !== newStatus) {
-        task.status = newStatus;
-        renderBoard();
-        patchItem('tasks', taskId, { status: newStatus });
-      }
-    });
-  });
-}