@viren/claude-code-dashboard 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viren/claude-code-dashboard",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "A visual dashboard for your Claude Code configuration across all repos",
   "type": "module",
   "bin": {

package/src/analysis.mjs

@@ -90,22 +90,29 @@ export function detectTechStack(repoDir) {
   return { stacks: [...stacks] };
 }
 
-export function computeDrift(repoDir, configTimestamp) {
-  if (!configTimestamp) return { level: "unknown", commitsSince: 0 };
+export function classifyDrift(commitCount) {
+  if (commitCount === null || commitCount === undefined || commitCount < 0) {
+    return { level: "unknown", commitsSince: 0 };
+  }
+  const n = Math.max(0, Number(commitCount) || 0);
+  if (n === 0) return { level: "synced", commitsSince: 0 };
+  if (n <= 5) return { level: "low", commitsSince: n };
+  if (n <= 20) return { level: "medium", commitsSince: n };
+  return { level: "high", commitsSince: n };
+}
 
-  // Count commits since the config was last updated
+/** Count commits since config was last updated. Returns null if unknown. */
+export function getGitRevCount(repoDir, configTimestamp) {
+  if (!configTimestamp) return null;
   const countStr = gitCmd(repoDir, "rev-list", "--count", `--since=${configTimestamp}`, "HEAD");
-  if (!countStr) return { level: "unknown", commitsSince: 0 };
-
+  if (!countStr) return null;
   const parsed = Number(countStr);
-  if (!Number.isFinite(parsed)) return { level: "unknown", commitsSince: 0 };
-
-  const commitsSince = Math.max(0, parsed - 1); // -1 to exclude the config commit itself
+  if (!Number.isFinite(parsed)) return null;
+  return Math.max(0, parsed - 1); // -1 to exclude the config commit itself
+}
 
-  if (commitsSince === 0) return { level: "synced", commitsSince: 0 };
-  if (commitsSince <= 5) return { level: "low", commitsSince };
-  if (commitsSince <= 20) return { level: "medium", commitsSince };
-  return { level: "high", commitsSince };
+export function computeDrift(repoDir, configTimestamp) {
+  return classifyDrift(getGitRevCount(repoDir, configTimestamp));
 }
 
 export function findExemplar(stack, configuredRepos) {

package/src/assembler.mjs

@@ -2,7 +2,7 @@ import { readFileSync } from "fs";
 import { fileURLToPath } from "url";
 import { dirname, join } from "path";
 
-import { esc } from "./helpers.mjs";
+import { esc, insightsToMarkdown } from "./helpers.mjs";
 import { VERSION, REPO_URL } from "./constants.mjs";
 import { renderCmd, renderRule, renderRepoCard } from "./render.mjs";
 import {
@@ -64,8 +64,11 @@ export function generateDashboardHtml(data) {
   // ── Build section HTML fragments ──────────────────────────────────────────
 
   const header = `<h1>claude code dashboard</h1>
-<button id="theme-toggle" class="theme-toggle" title="Toggle light/dark mode" aria-label="Toggle theme"><span class="theme-icon"></span></button>
-<p class="sub">generated ${timestamp} · run <code>claude-code-dashboard</code> to refresh · <a href="${esc(REPO_URL)}" target="_blank" rel="noopener" style="color:var(--accent);text-decoration:none">v${esc(VERSION)}</a></p>`;
+<div class="header-actions">
+  <button id="refresh-btn" class="header-btn" title="Copy refresh command to clipboard" aria-label="Copy refresh command">&#8635; refresh</button>
+  <button id="theme-toggle" class="theme-toggle" title="Toggle light/dark mode" aria-label="Toggle theme"><span class="theme-icon"></span></button>
+</div>
+<p class="sub">generated ${timestamp} · <a href="${esc(REPO_URL)}" target="_blank" rel="noopener" style="color:var(--accent);text-decoration:none">v${esc(VERSION)}</a></p>`;
 
   const statsBar = renderStatsBar(data);
 
@@ -80,7 +83,8 @@ export function generateDashboardHtml(data) {
       ${globalRules.map((r) => renderRule(r)).join("\n  ")}
     </div>
   </div>`;
-  const insightsHtml = renderInsightsCard(insights);
+  const insightsMarkdown = insightsToMarkdown(insights);
+  const insightsHtml = renderInsightsCard(insights, insightsMarkdown);
   const chainsHtml = renderChainsCard(chains);
   const consolidationHtml = renderConsolidationCard(consolidationGroups);
   const tabOverview = `${overviewCommands}\n  ${insightsHtml}\n  ${chainsHtml}\n  ${consolidationHtml}`;

package/src/constants.mjs

@@ -1,7 +1,7 @@
 import { join } from "path";
 import { homedir } from "os";
 
-export const VERSION = "0.0.5";
+export const VERSION = "0.0.7";
 export const REPO_URL = "https://github.com/VirenMohindra/claude-code-dashboard";
 
 export const HOME = homedir();