npm - create-dss-project - Versions diffs - 0.1.0 - Mend

create-dss-project 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/bin/create-dss-project.js +4 -0
package/lib/index.js +80 -0
package/lib/project-types.js +74 -0
package/lib/prompts.js +42 -0
package/lib/scaffold.js +169 -0
package/package.json +30 -0
package/template/.github/workflows/dashboard-build.yml +27 -0
package/template/.github/workflows/template-lint.yml +71 -0
package/template/CHANGELOG.md +43 -0
package/template/CLAUDE.md +145 -0
package/template/LICENSE +21 -0
package/template/README.md +201 -0
package/template/STATUS.md +34 -0
package/template/context/competitor-snapshot.md +27 -0
package/template/context/market-snapshot.md +32 -0
package/template/context/pipeline-state.md +36 -0
package/template/context/project-state.md +45 -0
package/template/dashboard/CLAUDE.md +36 -0
package/template/dashboard/DEPLOY.md +60 -0
package/template/dashboard/build-data.js +395 -0
package/template/dashboard/competitors.html +143 -0
package/template/dashboard/css/styles.css +143 -0
package/template/dashboard/data/.gitkeep +0 -0
package/template/dashboard/decisions.html +132 -0
package/template/dashboard/index.html +152 -0
package/template/dashboard/js/app.js +59 -0
package/template/dashboard/js/overview.js +50 -0
package/template/dashboard/js/sidebar.js +62 -0
package/template/dashboard/js/tailwind-config.js +52 -0
package/template/dashboard/package-lock.json +351 -0
package/template/dashboard/package.json +17 -0
package/template/dashboard/pipeline.html +149 -0
package/template/dashboard/research.html +215 -0
package/template/dashboard/robots.txt +2 -0
package/template/dashboard/scoring.html +187 -0
package/template/dashboard/timeline.html +165 -0
package/template/dashboard/vercel.json +5 -0
package/template/dashboard/watch.js +57 -0
package/template/data/.gitkeep +0 -0
package/template/discovery/calls/.gitkeep +0 -0
package/template/discovery/outreach/.gitkeep +0 -0
package/template/discovery/prep/.gitkeep +0 -0
package/template/docs/decks/.gitkeep +0 -0
package/template/docs/executive-summary.md +104 -0
package/template/docs/getting-started.md +274 -0
package/template/docs/memos/evidence-grading.md +27 -0
package/template/docs/memos/housekeeping-reference.md +101 -0
package/template/docs/memos/reference-context.md +30 -0
package/template/docs/output/project-activity.md +8 -0
package/template/docs/output/status-blurb.md +4 -0
package/template/docs/output/work-log.md +8 -0
package/template/docs/skill-authoring-guide.md +212 -0
package/template/memory/MEMORY.md +84 -0
package/template/memory/decisions.md +13 -0
package/template/memory/discovery.md +48 -0
package/template/memory/research.md +33 -0
package/template/memory/scoring.md +34 -0
package/template/project.config.example.json +31 -0
package/template/research/competitors/.gitkeep +0 -0
package/template/research/market/.gitkeep +0 -0
package/template/research/technical/.gitkeep +0 -0
package/template/scripts/.gitkeep +0 -0
package/template/scripts/build-cli-template.sh +32 -0
package/template/scripts/health-check.sh +152 -0
package/template/scripts/reset-to-template.sh +115 -0
package/template/scripts/validate-placeholders.sh +47 -0
package/template/skills/compare-options/SKILL.md +97 -0
package/template/skills/critical-reasoning/SKILL.md +107 -0
package/template/skills/decision/SKILL.md +75 -0
package/template/skills/enrich-entity/SKILL.md +107 -0
package/template/skills/health-check/SKILL.md +144 -0
package/template/skills/onboard/SKILL.md +434 -0
package/template/skills/outreach-sequence/SKILL.md +79 -0
package/template/skills/pipeline-update/SKILL.md +90 -0
package/template/skills/process-call/SKILL.md +96 -0
package/template/skills/rebuild-snapshots/SKILL.md +88 -0
package/template/skills/session-end/SKILL.md +120 -0
package/template/skills/session-start/SKILL.md +93 -0
package/template/skills/synthesise/SKILL.md +108 -0
package/template/skills/weekly-report/SKILL.md +79 -0
package/template/templates/call-notes.md +67 -0
package/template/templates/call-prep.md +65 -0
package/template/templates/entity-teardown.md +58 -0

package/template/dashboard/decisions.html ADDED Viewed

@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="robots" content="noindex, nofollow">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="generator" content="DS Strategy Stack by DiffTheEnder (github.com/DiffTheEnder/DSS-Claude-Stack)">
+  <title>Decisions — {{PROJECT_NAME}}</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif&family=Syne:wght@600;700&display=swap" rel="stylesheet">
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script>
+    tailwind.config = {
+      darkMode: 'class',
+      theme: { extend: {
+        colors: {
+          cream: { 50:"#F7F4EF",100:"#f5f2ed",200:"#efe9e0",300:"#e8e0d4",400:"#E3DDD4",white:"#FEFCF9" },
+          warmgray: { 100:"#f0ebe3",300:"#d4c8b8",400:"#9B9183",500:"#7D7265",600:"#5C5044",700:"#4a3c2e",900:"#2C2418" },
+          warmdark: { 950:"#1A1612",900:"#242018",800:"#2C2720",700:"#3A3530",600:"#4a3f32" },
+          accent: { 50:"#F2F7F5",100:"#E3EEEA",200:"#C5D9D4",400:"#2DB892",500:"#0E9C82",600:"#0E7C6B",700:"#0B6358",800:"#084C44",900:"#053B35" },
+        },
+        fontFamily: { sans:['DM Sans','system-ui','sans-serif'], serif:['Instrument Serif','Georgia','serif'], syne:['Syne','sans-serif'] }
+      }}
+    }
+  </script>
+  <link rel="stylesheet" href="css/styles.css">
+</head>
+<body class="bg-cream-50 dark:bg-warmdark-950 text-warmgray-900 dark:text-warmgray-100 min-h-screen flex">
+  <!-- Sidebar -->
+  <aside id="sidebar" class="sidebar flex flex-col shrink-0">
+    <a href="index.html" class="sidebar-brand" style="text-decoration:none;color:inherit">
+      <svg width="32" height="32" viewBox="0 0 32 32" fill="none">
+        <rect x="2" y="2" width="28" height="28" rx="8" stroke="rgba(255,255,255,0.15)" stroke-width="1.5"/>
+        <circle cx="16" cy="16" r="3" stroke="#2DB892" stroke-width="1.5"/>
+        <line x1="16" y1="6" x2="16" y2="12" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+        <line x1="16" y1="20" x2="16" y2="26" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+        <line x1="6" y1="16" x2="12" y2="16" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+        <line x1="20" y1="16" x2="26" y2="16" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+      </svg>
+      <div>
+        <div class="sidebar-title">{{PROJECT_NAME}}</div>
+        <div class="sidebar-subtitle">Strategy Dashboard</div>
+      </div>
+    </a>
+    <nav class="sidebar-nav">
+      <div class="sidebar-label">Core</div>
+      <a href="index.html" class="nav-link"><svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="8" r="6"/><path d="M8 5v3l2 2"/></svg>Overview</a>
+      <a href="pipeline.html" class="nav-link"><svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M2 4h12M2 8h8M2 12h5"/></svg>Pipeline</a>
+      <a href="competitors.html" class="nav-link"><svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><rect x="2" y="2" width="5" height="5" rx="1"/><rect x="9" y="2" width="5" height="5" rx="1"/><rect x="2" y="9" width="5" height="5" rx="1"/><rect x="9" y="9" width="5" height="5" rx="1"/></svg>Competitors</a>
+      <div class="sidebar-label" style="margin-top: 0.75rem">Strategy</div>
+      <a href="decisions.html" class="nav-link"><svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M8 2v12M2 8h12"/><circle cx="8" cy="8" r="6"/></svg>Decisions</a>
+      <a href="scoring.html" class="nav-link"><svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M3 13l3-4 3 2 4-6"/></svg>Scoring</a>
+      <a href="timeline.html" class="nav-link"><svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M2 3h12M2 8h12M2 13h12"/><circle cx="5" cy="3" r="1" fill="currentColor"/><circle cx="10" cy="8" r="1" fill="currentColor"/><circle cx="7" cy="13" r="1" fill="currentColor"/></svg>Timeline</a>
+      <a href="research.html" class="nav-link"><svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="5"/><path d="M11 11l3 3"/></svg>Research Hub</a>
+    </nav>
+    <div style="padding: 0.75rem; border-top: 1px solid rgba(255,248,240,0.06);">
+      <button id="dark-toggle" class="nav-link" style="width:100%; border:none; background:none; cursor:pointer">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M8 1a7 7 0 100 14 5 5 0 010-10"/></svg>Toggle Theme
+      </button>
+    </div>
+      <div style="padding: 0.5rem 0.75rem; border-top: 1px solid rgba(255,248,240,0.06); text-align: center;">
+      <a href="https://github.com/DiffTheEnder/DSS-Claude-Stack" target="_blank" rel="noopener" style="font-size: 0.65rem; color: rgba(155,145,131,0.5); text-decoration: none;">Powered by DS Strategy Stack</a>
+    </div>
+  </aside>
+  <!-- Main Content -->
+  <main class="flex-1 ml-[240px] p-8">
+    <header class="mb-8">
+      <h1 class="font-serif text-3xl mb-2">Strategic Decisions</h1>
+      <p class="text-warmgray-400 text-sm">Data from <code>memory/decisions.md</code></p>
+    </header>
+    <div id="decisions-grid" class="grid grid-cols-1 lg:grid-cols-2 gap-4">
+      <!-- Populated by JS -->
+    </div>
+  </main>
+  <script src="js/app.js"></script>
+  <script>
+    // Decisions page logic — loads decisions.json
+    document.addEventListener('DOMContentLoaded', async () => {
+      initDarkMode();
+      initSidebar();
+      initNav();
+      try {
+        const decisions = await loadJSON('decisions.json');
+        const grid = document.getElementById('decisions-grid');
+        if (!decisions || decisions.length === 0) {
+          grid.innerHTML = '<div class="col-span-full bg-white dark:bg-warmdark-800 rounded-xl border border-cream-300 dark:border-warmdark-700 p-6 text-center text-warmgray-400">No decisions recorded yet. Use <code>/decision</code> to record strategic choices.</div>';
+          return;
+        }
+        decisions.forEach(d => {
+          const card = document.createElement('div');
+          card.className = 'bg-white dark:bg-warmdark-800 rounded-xl border border-cream-300 dark:border-warmdark-700 p-5 hover:shadow-md transition-shadow';
+          // Reversibility badge colour
+          const rev = (d.reversibility || '').toLowerCase();
+          let revClass = '';
+          if (rev.includes('easy')) revClass = 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300';
+          else if (rev.includes('moderate')) revClass = 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300';
+          else if (rev.includes('hard')) revClass = 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300';
+          else if (rev.includes('irreversible')) revClass = 'bg-red-200 text-red-900 dark:bg-red-950/40 dark:text-red-400';
+          else revClass = 'bg-warmgray-100 text-warmgray-500 dark:bg-warmdark-700 dark:text-warmgray-300';
+          card.innerHTML = `
+            <div class="flex items-start justify-between mb-3">
+              <div>
+                <span class="text-xs font-semibold text-warmgray-400 uppercase tracking-wider">${d.number || ''}</span>
+                <h3 class="font-semibold text-base mt-0.5">${d.title || 'Untitled Decision'}</h3>
+              </div>
+              <span class="text-xs text-warmgray-400 whitespace-nowrap ml-3">${d.date || ''}</span>
+            </div>
+            <p class="text-sm leading-relaxed mb-3">${d.decision || d.text || d.description || ''}</p>
+            <div class="flex items-center gap-2 flex-wrap">
+              ${d.reversibility ? '<span class="inline-block px-2 py-0.5 rounded text-xs font-medium ' + revClass + '">' + d.reversibility + '</span>' : ''}
+            </div>
+            ${d.revisitTrigger || d.revisit_trigger ? '<p class="text-xs text-warmgray-400 mt-3">Revisit: ' + (d.revisitTrigger || d.revisit_trigger) + '</p>' : ''}
+          `;
+          grid.appendChild(card);
+        });
+      } catch (e) {
+        console.warn('Could not load decisions data:', e.message);
+      }
+    });
+  </script>
+</body>
+</html>

package/template/dashboard/index.html ADDED Viewed

@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="robots" content="noindex, nofollow">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="generator" content="DS Strategy Stack by DiffTheEnder (github.com/DiffTheEnder/DSS-Claude-Stack)">
+  <title>Overview — {{PROJECT_NAME}}</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif&family=Syne:wght@600;700&display=swap" rel="stylesheet">
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script>
+    tailwind.config = {
+      darkMode: 'class',
+      theme: {
+        extend: {
+          colors: {
+            cream: {
+              50: "#F7F4EF",
+              100: "#f5f2ed",
+              200: "#efe9e0",
+              300: "#e8e0d4",
+              400: "#E3DDD4",
+              white: "#FEFCF9",
+            },
+            warmgray: {
+              100: "#f0ebe3",
+              300: "#d4c8b8",
+              400: "#9B9183",
+              500: "#7D7265",
+              600: "#5C5044",
+              700: "#4a3c2e",
+              900: "#2C2418",
+            },
+            warmdark: {
+              950: "#1A1612",
+              900: "#242018",
+              800: "#2C2720",
+              700: "#3A3530",
+              600: "#4a3f32",
+            },
+            accent: {
+              50: "#F2F7F5",
+              100: "#E3EEEA",
+              200: "#C5D9D4",
+              400: "#2DB892",
+              500: "#0E9C82",
+              600: "#0E7C6B",
+              700: "#0B6358",
+              800: "#084C44",
+              900: "#053B35",
+            },
+          },
+          fontFamily: {
+            sans: ['DM Sans', 'system-ui', 'sans-serif'],
+            serif: ['Instrument Serif', 'Georgia', 'serif'],
+            syne: ['Syne', 'sans-serif'],
+          }
+        }
+      }
+    }
+  </script>
+  <link rel="stylesheet" href="css/styles.css">
+</head>
+<body class="bg-cream-50 dark:bg-warmdark-950 text-warmgray-900 dark:text-warmgray-100 min-h-screen flex">
+  <!-- Sidebar -->
+  <aside id="sidebar" class="sidebar flex flex-col shrink-0">
+    <a href="index.html" class="sidebar-brand" style="text-decoration:none;color:inherit">
+      <svg width="32" height="32" viewBox="0 0 32 32" fill="none">
+        <rect x="2" y="2" width="28" height="28" rx="8" stroke="rgba(255,255,255,0.15)" stroke-width="1.5"/>
+        <circle cx="16" cy="16" r="3" stroke="#2DB892" stroke-width="1.5"/>
+        <line x1="16" y1="6" x2="16" y2="12" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+        <line x1="16" y1="20" x2="16" y2="26" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+        <line x1="6" y1="16" x2="12" y2="16" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+        <line x1="20" y1="16" x2="26" y2="16" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+      </svg>
+      <div>
+        <div class="sidebar-title">{{PROJECT_NAME}}</div>
+        <div class="sidebar-subtitle">Strategy Dashboard</div>
+      </div>
+    </a>
+    <nav class="sidebar-nav">
+      <div class="sidebar-label">Core</div>
+      <a href="index.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="8" r="6"/><path d="M8 5v3l2 2"/></svg>
+        Overview
+      </a>
+      <a href="pipeline.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
+        Pipeline
+      </a>
+      <a href="competitors.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><rect x="2" y="2" width="5" height="5" rx="1"/><rect x="9" y="2" width="5" height="5" rx="1"/><rect x="2" y="9" width="5" height="5" rx="1"/><rect x="9" y="9" width="5" height="5" rx="1"/></svg>
+        Competitors
+      </a>
+      <div class="sidebar-label" style="margin-top: 0.75rem">Strategy</div>
+      <a href="decisions.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M8 2v12M2 8h12"/><circle cx="8" cy="8" r="6"/></svg>
+        Decisions
+      </a>
+      <a href="scoring.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M3 13l3-4 3 2 4-6"/></svg>
+        Scoring
+      </a>
+      <a href="timeline.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M2 3h12M2 8h12M2 13h12"/><circle cx="5" cy="3" r="1" fill="currentColor"/><circle cx="10" cy="8" r="1" fill="currentColor"/><circle cx="7" cy="13" r="1" fill="currentColor"/></svg>
+        Timeline
+      </a>
+      <a href="research.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="5"/><path d="M11 11l3 3"/></svg>
+        Research Hub
+      </a>
+    </nav>
+    <div style="padding: 0.75rem; border-top: 1px solid rgba(255,248,240,0.06);">
+      <button id="dark-toggle" class="nav-link" style="width:100%; border:none; background:none; cursor:pointer">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M8 1a7 7 0 100 14 5 5 0 010-10"/></svg>
+        Toggle Theme
+      </button>
+    </div>
+      <div style="padding: 0.5rem 0.75rem; border-top: 1px solid rgba(255,248,240,0.06); text-align: center;">
+      <a href="https://github.com/DiffTheEnder/DSS-Claude-Stack" target="_blank" rel="noopener" style="font-size: 0.65rem; color: rgba(155,145,131,0.5); text-decoration: none;">Powered by DS Strategy Stack</a>
+    </div>
+  </aside>
+  <!-- Main Content -->
+  <main class="flex-1 ml-[240px] p-8">
+    <header class="mb-8">
+      <h1 class="font-serif text-3xl mb-2">Project Overview</h1>
+      <p id="build-time" class="text-warmgray-400 text-sm"></p>
+    </header>
+    <!-- Status Blurb -->
+    <section class="bg-white dark:bg-warmdark-800 rounded-xl border border-cream-300 dark:border-warmdark-700 p-6 mb-6">
+      <h2 class="font-syne text-sm font-bold uppercase tracking-wider text-warmgray-400 mb-3">Current Status</h2>
+      <p id="status-blurb" class="text-base leading-relaxed"></p>
+    </section>
+    <!-- Kill Conditions -->
+    <section class="mb-8">
+      <h2 class="font-syne text-sm font-bold uppercase tracking-wider text-warmgray-400 mb-4">Kill Conditions</h2>
+      <div id="kc-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+        <!-- Populated by JS -->
+      </div>
+    </section>
+  </main>
+  <script src="js/app.js"></script>
+  <script src="js/overview.js"></script>
+</body>
+</html>

package/template/dashboard/js/app.js ADDED Viewed

@@ -0,0 +1,59 @@
+// Shared utilities for all dashboard pages
+const DATA_DIR = 'data/';
+async function loadJSON(filename) {
+  const resp = await fetch(DATA_DIR + filename);
+  if (!resp.ok) throw new Error(`Failed to load ${filename}: ${resp.status}`);
+  return resp.json();
+}
+// Dark mode
+function initDarkMode() {
+  const toggle = document.getElementById('dark-toggle');
+  const html = document.documentElement;
+  const stored = localStorage.getItem('dark-mode');
+  if (stored === 'true' || (stored === null && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+    html.classList.add('dark');
+  }
+  if (toggle) {
+    toggle.addEventListener('click', () => {
+      html.classList.toggle('dark');
+      localStorage.setItem('dark-mode', html.classList.contains('dark'));
+    });
+  }
+}
+// Mobile sidebar toggle
+function initSidebar() {
+  const btn = document.getElementById('sidebar-toggle');
+  const sidebar = document.getElementById('sidebar');
+  if (btn && sidebar) {
+    btn.addEventListener('click', () => sidebar.classList.toggle('open'));
+    document.addEventListener('click', (e) => {
+      if (!sidebar.contains(e.target) && !btn.contains(e.target)) sidebar.classList.remove('open');
+    });
+  }
+}
+// Highlight active nav
+function initNav() {
+  const page = window.location.pathname.split('/').pop() || 'index.html';
+  document.querySelectorAll('.nav-link').forEach(link => {
+    if (link.getAttribute('href') === page) {
+      link.classList.add('active');
+    }
+  });
+}
+// Kill condition status to CSS class
+function kcStatusClass(status) {
+  const s = (status || '').toUpperCase().trim();
+  if (s.includes('UNTESTED')) return 'kc-untested';
+  if (s.includes('EARLY SIGNAL')) return 'kc-early-signal';
+  if (s.includes('BUILDING')) return 'kc-building';
+  if (s.includes('WEAKENING')) return 'kc-weakening';
+  if (s.includes('PASSED')) return 'kc-passed';
+  if (s.includes('FAILED')) return 'kc-failed';
+  return 'kc-untested';
+}

package/template/dashboard/js/overview.js ADDED Viewed

@@ -0,0 +1,50 @@
+// Overview page logic
+document.addEventListener('DOMContentLoaded', async () => {
+  initDarkMode();
+  initSidebar();
+  initNav();
+  try {
+    const data = await loadJSON('overview.json');
+    // Status blurb
+    const blurbEl = document.getElementById('status-blurb');
+    if (blurbEl && data.statusBlurb) {
+      blurbEl.textContent = data.statusBlurb;
+    } else if (blurbEl) {
+      blurbEl.textContent = 'No status blurb yet. Update docs/output/status-blurb.md and rebuild.';
+      blurbEl.classList.add('text-warmgray-400', 'italic');
+    }
+    // Build time
+    const buildTimeEl = document.getElementById('build-time');
+    if (buildTimeEl && data.buildTime) {
+      const d = new Date(data.buildTime);
+      buildTimeEl.textContent = `Last built: ${d.toLocaleDateString()} ${d.toLocaleTimeString()}`;
+    }
+    // Kill conditions
+    const kcGrid = document.getElementById('kc-grid');
+    if (kcGrid && data.killConditions && data.killConditions.length > 0) {
+      data.killConditions.forEach(kc => {
+        const card = document.createElement('div');
+        card.className = 'kc-card';
+        card.innerHTML = `
+          <div class="flex items-center justify-between mb-2">
+            <span class="font-syne text-xs font-bold uppercase tracking-wider text-warmgray-400">KC${kc.id}</span>
+            <span class="kc-badge ${kcStatusClass(kc.status)}">${kc.status}</span>
+          </div>
+          <p class="text-sm leading-relaxed">${kc.condition}</p>
+          ${kc.evidence ? `<p class="text-xs text-warmgray-400 mt-2">${kc.evidence}</p>` : ''}
+        `;
+        kcGrid.appendChild(card);
+      });
+    } else if (kcGrid) {
+      kcGrid.innerHTML = '<p class="text-warmgray-400 italic col-span-3">No kill conditions defined yet. Add them to docs/executive-summary.md and rebuild.</p>';
+    }
+  } catch (e) {
+    console.warn('Could not load overview data:', e.message);
+  }
+});

package/template/dashboard/js/sidebar.js ADDED Viewed

@@ -0,0 +1,62 @@
+// Shared sidebar component — injected into all dashboard pages
+// Usage: include this script, then call renderSidebar() before app.js
+function renderSidebar() {
+  const sidebar = document.getElementById('sidebar');
+  if (!sidebar) return;
+  sidebar.innerHTML = `
+    <a href="index.html" class="sidebar-brand" style="text-decoration:none;color:inherit">
+      <svg width="32" height="32" viewBox="0 0 32 32" fill="none">
+        <rect x="2" y="2" width="28" height="28" rx="8" stroke="rgba(255,255,255,0.15)" stroke-width="1.5"/>
+        <circle cx="16" cy="16" r="3" stroke="#2DB892" stroke-width="1.5"/>
+        <line x1="16" y1="6" x2="16" y2="12" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+        <line x1="16" y1="20" x2="16" y2="26" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+        <line x1="6" y1="16" x2="12" y2="16" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+        <line x1="20" y1="16" x2="26" y2="16" stroke="#2DB892" stroke-width="1.5" stroke-linecap="round"/>
+      </svg>
+      <div>
+        <div class="sidebar-title">{{PROJECT_NAME}}</div>
+        <div class="sidebar-subtitle">Strategy Dashboard</div>
+      </div>
+    </a>
+    <nav class="sidebar-nav">
+      <div class="sidebar-label">Core</div>
+      <a href="index.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="8" cy="8" r="6"/><path d="M8 5v3l2 2"/></svg>
+        Overview
+      </a>
+      <a href="pipeline.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M2 4h12M2 8h8M2 12h5"/></svg>
+        Pipeline
+      </a>
+      <a href="competitors.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><rect x="2" y="2" width="5" height="5" rx="1"/><rect x="9" y="2" width="5" height="5" rx="1"/><rect x="2" y="9" width="5" height="5" rx="1"/><rect x="9" y="9" width="5" height="5" rx="1"/></svg>
+        Competitors
+      </a>
+      <div class="sidebar-label" style="margin-top: 0.75rem">Strategy</div>
+      <a href="decisions.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M8 2v12M2 8h12"/><circle cx="8" cy="8" r="6"/></svg>
+        Decisions
+      </a>
+      <a href="scoring.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M3 13l3-4 3 2 4-6"/></svg>
+        Scoring
+      </a>
+      <a href="timeline.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M2 3h12M2 8h12M2 13h12"/><circle cx="5" cy="3" r="1" fill="currentColor"/><circle cx="10" cy="8" r="1" fill="currentColor"/><circle cx="7" cy="13" r="1" fill="currentColor"/></svg>
+        Timeline
+      </a>
+      <a href="research.html" class="nav-link">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="7" cy="7" r="5"/><path d="M11 11l3 3"/></svg>
+        Research Hub
+      </a>
+    </nav>
+    <div style="padding: 0.75rem; border-top: 1px solid rgba(255,248,240,0.06);">
+      <button id="dark-toggle" class="nav-link" style="width:100%; border:none; background:none; cursor:pointer">
+        <svg class="nav-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M8 1a7 7 0 100 14 5 5 0 010-10"/></svg>
+        Toggle Theme
+      </button>
+    </div>
+  `;
+}

package/template/dashboard/js/tailwind-config.js ADDED Viewed

@@ -0,0 +1,52 @@
+// Shared Tailwind configuration for all dashboard pages
+// Include this script AFTER the Tailwind CDN script tag
+tailwind.config = {
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        cream: {
+          50: "#F7F4EF",
+          100: "#f5f2ed",
+          200: "#efe9e0",
+          300: "#e8e0d4",
+          400: "#E3DDD4",
+          white: "#FEFCF9",
+        },
+        warmgray: {
+          100: "#f0ebe3",
+          300: "#d4c8b8",
+          400: "#9B9183",
+          500: "#7D7265",
+          600: "#5C5044",
+          700: "#4a3c2e",
+          900: "#2C2418",
+        },
+        warmdark: {
+          950: "#1A1612",
+          900: "#242018",
+          800: "#2C2720",
+          700: "#3A3530",
+          600: "#4a3f32",
+        },
+        accent: {
+          50: "#F2F7F5",
+          100: "#E3EEEA",
+          200: "#C5D9D4",
+          400: "#2DB892",
+          500: "#0E9C82",
+          600: "#0E7C6B",
+          700: "#0B6358",
+          800: "#084C44",
+          900: "#053B35",
+        },
+      },
+      fontFamily: {
+        sans: ['DM Sans', 'system-ui', 'sans-serif'],
+        serif: ['Instrument Serif', 'Georgia', 'serif'],
+        syne: ['Syne', 'sans-serif'],
+      }
+    }
+  }
+}