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/research.html ADDED Viewed

@@ -0,0 +1,215 @@
+<!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>Research Hub — {{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">Research Hub</h1>
+      <p class="text-warmgray-400 text-sm">Index of all research files</p>
+    </header>
+    <!-- Summary cards -->
+    <div id="research-summary" class="grid grid-cols-2 md:grid-cols-5 gap-4 mb-6">
+      <!-- Populated by JS -->
+    </div>
+    <!-- Research files table -->
+    <section class="bg-white dark:bg-warmdark-800 rounded-xl border border-cream-300 dark:border-warmdark-700 overflow-x-auto mb-6">
+      <table class="w-full text-sm">
+        <thead>
+          <tr class="border-b border-cream-300 dark:border-warmdark-700">
+            <th class="text-left p-3 font-semibold">File</th>
+            <th class="text-left p-3 font-semibold">Entity</th>
+            <th class="text-left p-3 font-semibold">Type</th>
+            <th class="text-left p-3 font-semibold">Last Modified</th>
+            <th class="text-left p-3 font-semibold">Evidence Grades</th>
+          </tr>
+        </thead>
+        <tbody id="research-body">
+          <!-- Populated by JS -->
+        </tbody>
+      </table>
+    </section>
+    <!-- Research gaps -->
+    <section id="research-gaps" class="hidden">
+      <h2 class="font-syne text-sm font-bold uppercase tracking-wider text-warmgray-400 mb-4">Research Gaps</h2>
+      <div id="gaps-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
+        <!-- Populated by JS -->
+      </div>
+    </section>
+  </main>
+  <script src="js/app.js"></script>
+  <script>
+    // Research Hub page logic — loads research.json
+    document.addEventListener('DOMContentLoaded', async () => {
+      initDarkMode();
+      initSidebar();
+      initNav();
+      try {
+        const data = await loadJSON('research.json');
+        const summaryEl = document.getElementById('research-summary');
+        const tbody = document.getElementById('research-body');
+        const gapsSection = document.getElementById('research-gaps');
+        const gapsGrid = document.getElementById('gaps-grid');
+        const files = data.files || data || [];
+        const gaps = data.gaps || [];
+        if ((!Array.isArray(files) || files.length === 0) && gaps.length === 0) {
+          summaryEl.innerHTML = '';
+          tbody.innerHTML = '<tr><td colspan="5" class="p-6 text-center text-warmgray-400">No research files yet. Use <code>/enrich-entity</code> to start building your research base.</td></tr>';
+          return;
+        }
+        // Count evidence grades
+        const gradeCounts = { CONFIRMED: 0, SECONDARY: 0, INFERENCE: 0, ASSUMPTION: 0 };
+        files.forEach(f => {
+          const grades = f.evidenceGrades || f.evidence_grades || {};
+          Object.keys(grades).forEach(g => {
+            const key = g.toUpperCase();
+            if (gradeCounts.hasOwnProperty(key)) gradeCounts[key] += grades[g];
+          });
+        });
+        // Summary cards
+        const gradeColours = {
+          CONFIRMED: 'text-green-600 dark:text-green-400',
+          SECONDARY: 'text-blue-600 dark:text-blue-400',
+          INFERENCE: 'text-yellow-600 dark:text-yellow-400',
+          ASSUMPTION: 'text-red-500 dark:text-red-400'
+        };
+        summaryEl.innerHTML = `
+          <div class="bg-white dark:bg-warmdark-800 rounded-xl border border-cream-300 dark:border-warmdark-700 p-4 text-center">
+            <div class="text-2xl font-bold">${files.length}</div>
+            <div class="text-xs text-warmgray-400 uppercase tracking-wider mt-1">Total Files</div>
+          </div>
+          ${Object.entries(gradeCounts).map(([grade, count]) => `
+            <div class="bg-white dark:bg-warmdark-800 rounded-xl border border-cream-300 dark:border-warmdark-700 p-4 text-center">
+              <div class="text-2xl font-bold ${gradeColours[grade]}">${count}</div>
+              <div class="text-xs text-warmgray-400 uppercase tracking-wider mt-1">${grade}</div>
+            </div>
+          `).join('')}
+        `;
+        // Type badge colours
+        function typeBadge(type) {
+          const t = (type || '').toLowerCase();
+          if (t.includes('competitor')) return 'bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300';
+          if (t.includes('market')) return 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300';
+          if (t.includes('technical')) return 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300';
+          return 'bg-warmgray-100 text-warmgray-500 dark:bg-warmdark-700 dark:text-warmgray-300';
+        }
+        // Render files table
+        if (files.length === 0) {
+          tbody.innerHTML = '<tr><td colspan="5" class="p-6 text-center text-warmgray-400">No research files yet.</td></tr>';
+        } else {
+          files.forEach(f => {
+            const row = document.createElement('tr');
+            row.className = 'border-b border-cream-200 dark:border-warmdark-700 hover:bg-cream-100 dark:hover:bg-warmdark-700 transition-colors';
+            const grades = f.evidenceGrades || f.evidence_grades || {};
+            const gradeHtml = Object.entries(grades).map(([g, c]) =>
+              `<span class="inline-block px-1.5 py-0.5 rounded text-xs font-medium ${gradeColours[g.toUpperCase()] || ''} bg-cream-100 dark:bg-warmdark-700">${g}: ${c}</span>`
+            ).join(' ');
+            row.innerHTML = `
+              <td class="p-3 font-medium font-mono text-xs">${f.file || f.filename || '—'}</td>
+              <td class="p-3">${f.entity || '—'}</td>
+              <td class="p-3"><span class="inline-block px-2 py-0.5 rounded text-xs font-medium ${typeBadge(f.type)}">${f.type || '—'}</span></td>
+              <td class="p-3 text-warmgray-500">${f.lastModified || f.last_modified || '—'}</td>
+              <td class="p-3">${gradeHtml || '—'}</td>
+            `;
+            tbody.appendChild(row);
+          });
+        }
+        // Render research gaps
+        if (gaps.length > 0) {
+          gapsSection.classList.remove('hidden');
+          gaps.forEach(gap => {
+            const card = document.createElement('div');
+            card.className = 'bg-white dark:bg-warmdark-800 rounded-lg border border-dashed border-warmgray-300 dark:border-warmdark-600 p-4';
+            card.innerHTML = `
+              <p class="font-medium text-sm">${gap.entity || gap}</p>
+              <p class="text-xs text-warmgray-400 mt-1">${gap.reason || 'Missing research file'}</p>
+            `;
+            gapsGrid.appendChild(card);
+          });
+        }
+      } catch (e) {
+        console.warn('Could not load research data:', e.message);
+      }
+    });
+  </script>
+</body>
+</html>

package/template/dashboard/robots.txt ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ User-agent: *
2	+ Disallow: /

package/template/dashboard/scoring.html ADDED Viewed

@@ -0,0 +1,187 @@
+<!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>Scoring — {{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">Option Scoring</h1>
+      <p class="text-warmgray-400 text-sm">Data from <code>memory/scoring.md</code></p>
+    </header>
+    <!-- Recommended strategy card -->
+    <div id="recommendation-card" class="hidden mb-6">
+      <!-- Populated by JS -->
+    </div>
+    <!-- Scoring comparison table -->
+    <section id="scoring-table-wrap" class="bg-white dark:bg-warmdark-800 rounded-xl border border-cream-300 dark:border-warmdark-700 overflow-x-auto">
+      <table class="w-full text-sm">
+        <thead id="scoring-head">
+          <!-- Populated by JS -->
+        </thead>
+        <tbody id="scoring-body">
+          <!-- Populated by JS -->
+        </tbody>
+      </table>
+    </section>
+  </main>
+  <script src="js/app.js"></script>
+  <script>
+    // Scoring page logic — loads scoring.json
+    document.addEventListener('DOMContentLoaded', async () => {
+      initDarkMode();
+      initSidebar();
+      initNav();
+      try {
+        const data = await loadJSON('scoring.json');
+        const thead = document.getElementById('scoring-head');
+        const tbody = document.getElementById('scoring-body');
+        const recCard = document.getElementById('recommendation-card');
+        if (!data || (!data.options && !data.dimensions)) {
+          tbody.innerHTML = '<tr><td colspan="5" class="p-6 text-center text-warmgray-400">No options scored yet. Use <code>/compare-options</code> to evaluate strategic directions.</td></tr>';
+          return;
+        }
+        const options = data.options || [];
+        const dimensions = data.dimensions || [];
+        const recommendation = data.recommendation || '';
+        // Show recommendation card if present
+        if (recommendation) {
+          recCard.classList.remove('hidden');
+          recCard.innerHTML = `
+            <div class="bg-white dark:bg-warmdark-800 rounded-xl border-2 border-accent-400 p-5">
+              <h2 class="font-syne text-sm font-bold uppercase tracking-wider text-accent-500 mb-2">Recommended Strategy</h2>
+              <p class="text-base leading-relaxed">${recommendation}</p>
+            </div>
+          `;
+        }
+        if (options.length === 0 || dimensions.length === 0) {
+          tbody.innerHTML = '<tr><td colspan="5" class="p-6 text-center text-warmgray-400">No options scored yet. Use <code>/compare-options</code> to evaluate strategic directions.</td></tr>';
+          return;
+        }
+        // Build header row: Dimension | Option1 | Option2 | ...
+        thead.innerHTML = '<tr class="border-b border-cream-300 dark:border-warmdark-700">' +
+          '<th class="text-left p-3 font-semibold">Dimension</th>' +
+          options.map(o => `<th class="text-left p-3 font-semibold">${o.name || o}</th>`).join('') +
+          '</tr>';
+        // Score cell colour
+        function scoreCellClass(score) {
+          const s = parseInt(score);
+          if (s === 5) return 'bg-accent-400 text-white';
+          if (s === 4) return 'bg-accent-200 text-accent-900 dark:text-accent-800';
+          if (s === 3) return 'bg-warmgray-300 text-warmgray-700';
+          if (s === 2) return 'bg-warmgray-400 text-white';
+          if (s === 1) return 'bg-red-500 text-white';
+          return '';
+        }
+        // Build dimension rows
+        dimensions.forEach(dim => {
+          const row = document.createElement('tr');
+          row.className = 'border-b border-cream-200 dark:border-warmdark-700';
+          const dimName = dim.name || dim;
+          let cells = `<td class="p-3 font-medium">${dimName}</td>`;
+          options.forEach(opt => {
+            const optName = opt.name || opt;
+            const score = dim.scores ? dim.scores[optName] : (data.scores ? data.scores[dimName + ':' + optName] : '');
+            const cls = scoreCellClass(score);
+            cells += `<td class="p-3 text-center"><span class="inline-block w-8 h-8 leading-8 rounded-md text-sm font-semibold ${cls}">${score || '—'}</span></td>`;
+          });
+          row.innerHTML = cells;
+          tbody.appendChild(row);
+        });
+        // Build total row
+        const totalRow = document.createElement('tr');
+        totalRow.className = 'border-t-2 border-cream-400 dark:border-warmdark-600 font-bold';
+        let totalCells = '<td class="p-3 font-bold">Total</td>';
+        options.forEach(opt => {
+          const optName = opt.name || opt;
+          let total = 0;
+          dimensions.forEach(dim => {
+            const score = dim.scores ? dim.scores[optName] : (data.scores ? data.scores[(dim.name || dim) + ':' + optName] : 0);
+            total += parseInt(score) || 0;
+          });
+          totalCells += `<td class="p-3 text-center text-base">${total}</td>`;
+        });
+        totalRow.innerHTML = totalCells;
+        tbody.appendChild(totalRow);
+      } catch (e) {
+        console.warn('Could not load scoring data:', e.message);
+      }
+    });
+  </script>
+</body>
+</html>

package/template/dashboard/timeline.html ADDED Viewed

@@ -0,0 +1,165 @@
+<!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>Timeline — {{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 Timeline</h1>
+      <p class="text-warmgray-400 text-sm">Data from <code>docs/output/work-log.md</code></p>
+    </header>
+    <div id="timeline-container">
+      <!-- Populated by JS -->
+    </div>
+  </main>
+  <script src="js/app.js"></script>
+  <script>
+    // Timeline page logic — loads timeline.json
+    document.addEventListener('DOMContentLoaded', async () => {
+      initDarkMode();
+      initSidebar();
+      initNav();
+      try {
+        const entries = await loadJSON('timeline.json');
+        const container = document.getElementById('timeline-container');
+        if (!entries || entries.length === 0) {
+          container.innerHTML = '<div class="bg-white dark:bg-warmdark-800 rounded-xl border border-cream-300 dark:border-warmdark-700 p-6 text-center text-warmgray-400">No activity logged yet. Work will appear here after sessions.</div>';
+          return;
+        }
+        // Sort by date descending (most recent first)
+        entries.sort((a, b) => new Date(b.date) - new Date(a.date));
+        // Group by week
+        function getWeekLabel(dateStr) {
+          const d = new Date(dateStr);
+          const start = new Date(d);
+          start.setDate(d.getDate() - d.getDay() + 1); // Monday
+          const end = new Date(start);
+          end.setDate(start.getDate() + 6);
+          const fmt = (dt) => dt.toLocaleDateString('en-AU', { day: 'numeric', month: 'short' });
+          return 'Week of ' + fmt(start) + ' – ' + fmt(end);
+        }
+        // Workstream badge colours (cycling through a palette)
+        const wsColours = [
+          'bg-accent-100 text-accent-700 dark:bg-accent-900 dark:text-accent-200',
+          'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300',
+          'bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300',
+          'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300',
+          'bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-300',
+        ];
+        const wsMap = {};
+        let wsIdx = 0;
+        function getWsColour(ws) {
+          if (!ws) return wsColours[0];
+          if (!wsMap[ws]) { wsMap[ws] = wsColours[wsIdx % wsColours.length]; wsIdx++; }
+          return wsMap[ws];
+        }
+        let currentWeek = '';
+        let html = '';
+        entries.forEach(entry => {
+          const week = getWeekLabel(entry.date);
+          if (week !== currentWeek) {
+            currentWeek = week;
+            html += `<h3 class="font-syne text-sm font-bold uppercase tracking-wider text-warmgray-400 mt-6 mb-3 first:mt-0">${week}</h3>`;
+          }
+          const outputs = entry.outputs || entry.output_files || [];
+          const outputHtml = outputs.length > 0
+            ? '<div class="mt-2 flex flex-wrap gap-1">' + outputs.map(f => `<span class="text-xs bg-cream-200 dark:bg-warmdark-700 text-warmgray-500 dark:text-warmgray-300 px-1.5 py-0.5 rounded font-mono">${f}</span>`).join('') + '</div>'
+            : '';
+          html += `
+            <div class="relative pl-6 pb-6 border-l-2 border-cream-300 dark:border-warmdark-600 last:pb-0">
+              <div class="absolute left-[-5px] top-1 w-2 h-2 rounded-full bg-accent-400"></div>
+              <div class="bg-white dark:bg-warmdark-800 rounded-xl border border-cream-300 dark:border-warmdark-700 p-4">
+                <div class="flex items-center gap-2 mb-1.5">
+                  <span class="text-xs text-warmgray-400">${entry.date || ''}</span>
+                  ${entry.workstream ? '<span class="inline-block px-2 py-0.5 rounded text-xs font-medium ' + getWsColour(entry.workstream) + '">' + entry.workstream + '</span>' : ''}
+                </div>
+                <p class="text-sm leading-relaxed">${entry.description || entry.text || ''}</p>
+                ${outputHtml}
+              </div>
+            </div>
+          `;
+        });
+        container.innerHTML = html;
+      } catch (e) {
+        console.warn('Could not load timeline data:', e.message);
+      }
+    });
+  </script>
+</body>
+</html>

package/template/dashboard/vercel.json ADDED Viewed

@@ -0,0 +1,5 @@
+{
+  "buildCommand": "node build-data.js",
+  "outputDirectory": ".",
+  "installCommand": "npm install"
+}

package/template/dashboard/watch.js ADDED Viewed

@@ -0,0 +1,57 @@
+#!/usr/bin/env node
+/**
+ * File watcher — rebuilds dashboard JSON when source files change.
+ * Watches: docs/, research/, discovery/, data/, memory/
+ */
+const fs = require('fs');
+const path = require('path');
+const { execSync } = require('child_process');
+const PROJECT_ROOT = path.resolve(__dirname, '..');
+const WATCH_DIRS = [
+  path.join(PROJECT_ROOT, 'docs'),
+  path.join(PROJECT_ROOT, 'research'),
+  path.join(PROJECT_ROOT, 'discovery'),
+  path.join(PROJECT_ROOT, 'data'),
+  path.join(PROJECT_ROOT, 'memory'),
+];
+const WATCH_FILES = [
+  path.join(PROJECT_ROOT, 'CLAUDE.md'),
+  path.join(PROJECT_ROOT, 'STATUS.md'),
+];
+let debounce = null;
+function rebuild() {
+  if (debounce) return;
+  debounce = setTimeout(() => {
+    debounce = null;
+    console.log(`\n[${new Date().toLocaleTimeString()}] Change detected — rebuilding...`);
+    try {
+      execSync('node build-data.js', { cwd: __dirname, stdio: 'inherit' });
+      console.log('Rebuild complete. Refresh browser to see changes.\n');
+    } catch (e) {
+      console.error('Rebuild failed:', e.message);
+    }
+  }, 500);
+}
+console.log('Watching for changes in project files...');
+console.log('Press Ctrl+C to stop.\n');
+for (const dir of WATCH_DIRS) {
+  if (fs.existsSync(dir)) {
+    fs.watch(dir, { recursive: true }, (event, filename) => {
+      if (filename && (filename.endsWith('.md') || filename.endsWith('.csv'))) {
+        rebuild();
+      }
+    });
+  }
+}
+for (const file of WATCH_FILES) {
+  if (fs.existsSync(file)) {
+    fs.watchFile(file, { interval: 1000 }, rebuild);
+  }
+}

package/template/data/.gitkeep ADDED Viewed

File without changes