@viren/claude-code-dashboard 0.0.8 → 0.0.10

package/package.json

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

package/src/assembler.mjs

@@ -2,12 +2,13 @@ import { readFileSync } from "fs";
 import { fileURLToPath } from "url";
 import { dirname, join } from "path";
 
-import { esc, insightsToMarkdown } from "./helpers.mjs";
+import { esc, insightsToPrompt } from "./helpers.mjs";
 import { VERSION, REPO_URL } from "./constants.mjs";
 import { renderCmd, renderRule, renderRepoCard } from "./render.mjs";
 import {
   renderSkillsCard,
   renderMcpCard,
+  renderMcpRecommendedCard,
   renderToolsCard,
   renderLangsCard,
   renderErrorsCard,
@@ -71,12 +72,20 @@ export function generateDashboardHtml(data) {
   <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>`;
+<p class="sub">generated ${timestamp} · <a href="${esc(REPO_URL)}" target="_blank" rel="noopener" style="color:var(--accent);text-decoration:underline;text-underline-offset:2px">v${esc(VERSION)}</a></p>`;
 
   const statsBar = renderStatsBar(data);
 
-  // Overview tab
-  const overviewCommands = `<div class="top-grid">
+  // Home tab — actionable content first
+  const insightsPrompt = insightsToPrompt(insights);
+  const insightsHtml = renderInsightsCard(insights, insightsPrompt);
+  const mcpRecsHtml = renderMcpRecommendedCard(recommendedMcpServers);
+  const chainsHtml = renderChainsCard(chains);
+  const consolidationHtml = renderConsolidationCard(consolidationGroups);
+  const tabHome = `${insightsHtml}\n  ${mcpRecsHtml}\n  ${chainsHtml}\n  ${consolidationHtml}`;
+
+  // Config tab — stable reference: commands, rules, skills, MCP servers
+  const commandsRulesHtml = `<div class="top-grid">
     <div class="card" id="section-commands" style="margin-bottom:0">
       <h2>Global Commands <span class="n">${globalCmds.length}</span></h2>
       ${globalCmds.map((c) => renderCmd(c)).join("\n  ")}
@@ -86,14 +95,7 @@ export function generateDashboardHtml(data) {
       ${globalRules.map((r) => renderRule(r)).join("\n  ")}
     </div>
   </div>`;
-  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}`;
-
-  // Skills & MCP tab
-  const tabSkillsMcp = `${renderSkillsCard(globalSkills)}\n  ${renderMcpCard(mcpSummary, mcpPromotions, formerMcpServers, recommendedMcpServers, availableMcpServers, registryTotal)}`;
+  const tabConfig = `${commandsRulesHtml}\n  ${renderSkillsCard(globalSkills)}\n  ${renderMcpCard(mcpSummary, mcpPromotions, formerMcpServers, availableMcpServers, registryTotal)}`;
 
   // Analytics tab
   const insightsReportHtml = renderInsightsReportCard(insightsReport);
@@ -146,8 +148,8 @@ export function generateDashboardHtml(data) {
   html = html.replace("/* {{JS}} */", _js);
   html = html.replace("<!-- {{HEADER}} -->", header);
   html = html.replace("<!-- {{STATS_BAR}} -->", statsBar);
-  html = html.replace("<!-- {{TAB_OVERVIEW}} -->", tabOverview);
-  html = html.replace("<!-- {{TAB_SKILLS_MCP}} -->", tabSkillsMcp);
+  html = html.replace("<!-- {{TAB_HOME}} -->", tabHome);
+  html = html.replace("<!-- {{TAB_CONFIG}} -->", tabConfig);
   html = html.replace("<!-- {{TAB_ANALYTICS}} -->", tabAnalytics);
   html = html.replace("<!-- {{TAB_REPOS}} -->", tabRepos);
   html = html.replace("<!-- {{TAB_REFERENCE}} -->", tabReference);

package/src/constants.mjs

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

package/src/helpers.mjs

@@ -33,25 +33,109 @@ export function gitCmd(repoDir, ...args) {
   }
 }
 
-const INSIGHT_ICONS = {
-  warning: "\u26A0\uFE0F",
-  tip: "\u2728",
-  promote: "\u2B06",
-  info: "\u2139\uFE0F",
+const PROMPT_GENERATORS = {
+  "config-drift"(meta) {
+    const list = meta.repos.map((r) => `- ${r.name} (${r.commitsSince} commits since last update)`);
+    return [
+      "These repos have stale CLAUDE.md files:",
+      ...list,
+      "",
+      "For each repo:",
+      "1. Read the current CLAUDE.md",
+      "2. Run `git log --oneline` to see what changed since the last config update",
+      "3. Check if new patterns, tools, or conventions were introduced that should be documented",
+      "4. Propose targeted additions — don't rewrite from scratch, just fill gaps",
+    ].join("\n");
+  },
+  "unconfigured-repos"(meta) {
+    if (!meta.repos.length) return "Several repos have no Claude Code configuration.";
+    const list = meta.repos.map((r) => `- ${r.name} (${r.techStack.join(", ")})`);
+    return [
+      "These repos have no CLAUDE.md yet:",
+      ...list,
+      "",
+      "Pick the one you want to configure. For that repo:",
+      "1. Read the project structure and config files (package.json, pyproject.toml, etc.)",
+      "2. Identify the build system, test framework, and linter",
+      "3. Generate a concise CLAUDE.md (50-100 lines) with build/test/lint commands and key conventions",
+    ].join("\n");
+  },
+  "mcp-promotion"(meta) {
+    const list = meta.servers.map((s) => `- ${s.name} (used in ${s.projectCount} projects)`);
+    return [
+      "These MCP servers are installed in multiple projects and should be promoted to global:",
+      ...list,
+      "",
+      "To promote a server, run:",
+      "  claude mcp add --scope user <server-name> <config>",
+      "Then remove the duplicate entries from each project's .mcp.json.",
+    ].join("\n");
+  },
+  "mcp-redundant"(meta) {
+    const list = meta.servers.map((s) => `- ${s.name}: remove from ${s.projects.join(", ")}`);
+    return [
+      "These MCP servers are configured globally AND redundantly in project .mcp.json:",
+      ...list,
+      "",
+      "The global config already covers all projects. Remove the listed project-level entries.",
+    ].join("\n");
+  },
+  "mcp-recommendations"(meta) {
+    const list = meta.servers.map(
+      (s) =>
+        `- ${s.name} — ${s.reasons.join(", ")}` +
+        (s.installCommand?.trim() ? `\n  ${s.installCommand.trim()}` : ""),
+    );
+    return [
+      "Based on your tech stacks, these MCP servers would be useful:",
+      ...list,
+      "",
+      "Run any install command above to add a server. Which ones interest you?",
+    ].join("\n");
+  },
+  "shared-skills"(meta) {
+    const list = meta.skills.map((s) => `- ${s.name} (relevant in ${s.repoCount} repos)`);
+    return [
+      "These skills are relevant across multiple repos and would benefit from being global:",
+      ...list,
+      "",
+      "To add a skill globally, copy its definition from any project's .claude/commands/ to ~/.claude/commands/.",
+    ].join("\n");
+  },
+  "health-quickwins"(meta) {
+    const list = meta.repos.map((r) => `- ${r.name} (${r.healthScore}/100): ${r.topReason}`);
+    return [
+      "These repos have easy config health improvements:",
+      ...list,
+      "",
+      "Pick a repo and I'll help you make the specific improvement.",
+    ].join("\n");
+  },
+  "insights-report"() {
+    return "Run `/insights` in Claude Code to generate a personalized usage report with patterns, friction points, and suggestions.";
+  },
 };
 
-/** Convert an insights array to a markdown string suitable for pasting into Claude Code. */
-export function insightsToMarkdown(insights) {
+/** Convert insights to an actionable prompt for pasting into Claude Code. */
+export function insightsToPrompt(insights) {
   if (!insights || !insights.length) return "";
-  const lines = ["# Dashboard Insights\n"];
+  const sections = [];
   for (const i of insights) {
-    const icon = INSIGHT_ICONS[i.type] || INSIGHT_ICONS.info;
-    lines.push(`## ${icon} ${i.title}`);
-    if (i.detail) lines.push(i.detail);
-    if (i.action) lines.push(`**Action:** ${i.action}`);
-    lines.push("");
+    const gen = i.meta?.kind && PROMPT_GENERATORS[i.meta.kind];
+    if (gen) {
+      sections.push(gen(i.meta));
+    } else {
+      const lines = [`${i.title}`];
+      if (i.detail) lines.push(i.detail);
+      if (i.action) lines.push(i.action);
+      sections.push(lines.join("\n"));
+    }
   }
-  return lines.join("\n");
+  return [
+    "I ran the Claude Code Dashboard and found these items to address:",
+    ...sections.map((s, idx) => `${idx + 1}. ${s}`),
+    "Which of these would you like to tackle first?",
+  ].join("\n\n");
 }
 
 export function anonymizePath(p) {

package/src/pipeline.mjs

@@ -446,6 +446,10 @@ export function buildDashboardData(raw) {
         .map((r) => `${r.name} (${r.drift.commitsSince} commits since config update)`)
         .join(", "),
       action: "Review and update CLAUDE.md in these repos",
+      meta: {
+        kind: "config-drift",
+        repos: highDriftRepos.map((r) => ({ name: r.name, commitsSince: r.drift.commitsSince })),
+      },
     });
   }
 
@@ -461,6 +465,10 @@ export function buildDashboardData(raw) {
           ? `Top candidates: ${withStack.map((r) => `${r.name} (${r.techStack.join(", ")})`).join(", ")}`
           : "",
         action: "Run claude-code-dashboard init --template <stack> in these repos",
+        meta: {
+          kind: "unconfigured-repos",
+          repos: withStack.map((r) => ({ name: r.name, techStack: r.techStack })),
+        },
       });
     }
   }
@@ -472,6 +480,10 @@ export function buildDashboardData(raw) {
       title: `${mcpPromotions.length} MCP server${mcpPromotions.length > 1 ? "s" : ""} could be promoted to global`,
       detail: mcpPromotions.map((p) => `${p.name} (in ${p.projects.length} projects)`).join(", "),
       action: "Add to ~/.claude/mcp_config.json for all projects",
+      meta: {
+        kind: "mcp-promotion",
+        servers: mcpPromotions.map((p) => ({ name: p.name, projectCount: p.projects.length })),
+      },
     });
   }
 
@@ -483,6 +495,10 @@ export function buildDashboardData(raw) {
       title: `${redundantMcp.length} MCP server${redundantMcp.length > 1 ? "s are" : " is"} global but also in project .mcp.json`,
       detail: redundantMcp.map((s) => `${s.name} (${s.projects.join(", ")})`).join("; "),
       action: "Remove from project .mcp.json — global config already covers all projects",
+      meta: {
+        kind: "mcp-redundant",
+        servers: redundantMcp.map((s) => ({ name: s.name, projects: s.projects })),
+      },
     });
   }
 
@@ -495,7 +511,15 @@ export function buildDashboardData(raw) {
         .slice(0, 3)
         .map((s) => `${s.name} (${s.reasons.join(", ")})`)
         .join(", "),
-      action: "Check the Skills & MCP tab for install commands",
+      action: "Check the Config tab for install commands",
+      meta: {
+        kind: "mcp-recommendations",
+        servers: recommendedMcpServers.slice(0, 5).map((s) => ({
+          name: s.name,
+          installCommand: s.installCommand,
+          reasons: s.reasons,
+        })),
+      },
     });
   }
 
@@ -518,6 +542,10 @@ export function buildDashboardData(raw) {
       title: `${widelyRelevant.length} skill${widelyRelevant.length > 1 ? "s" : ""} relevant across 3+ repos`,
       detail: top.map(([name, repos]) => `${name} (${repos.length} repos)`).join(", "),
       action: "Consider adding these skills to your global config",
+      meta: {
+        kind: "shared-skills",
+        skills: top.map(([name, repos]) => ({ name, repoCount: repos.length })),
+      },
     });
   }
 
@@ -534,6 +562,14 @@ export function buildDashboardData(raw) {
         .map((r) => `${r.name} (${r.healthScore}/100): ${r.healthReasons[0]}`)
         .join("; "),
       action: "Small changes for measurable improvement",
+      meta: {
+        kind: "health-quickwins",
+        repos: quickWinRepos.map((r) => ({
+          name: r.name,
+          healthScore: r.healthScore,
+          topReason: r.healthReasons[0],
+        })),
+      },
     });
   }
 
@@ -544,6 +580,7 @@ export function buildDashboardData(raw) {
       title: "Generate your Claude Code Insights report",
       detail: "Get personalized usage patterns, friction points, and feature suggestions",
       action: "Run /insights in Claude Code",
+      meta: { kind: "insights-report" },
     });
   }
 

package/src/sections.mjs

@@ -21,15 +21,33 @@ export function renderSkillsCard(globalSkills) {
 </div>`;
 }
 
+export function renderMcpRecommendedCard(recommendedMcpServers) {
+  if (!recommendedMcpServers.length) return "";
+  return `<div class="card">
+  <h2>Recommended MCP Servers <span class="n">${recommendedMcpServers.length}</span></h2>
+  ${recommendedMcpServers
+    .map(
+      (s) =>
+        `<div class="mcp-recommended"><span class="mcp-name">${esc(s.name)}</span> <span class="mcp-rec-badge">recommended</span>` +
+        (s.description ? `<div class="mcp-desc">${esc(s.description)}</div>` : "") +
+        (s.reasons && s.reasons.length
+          ? `<div class="mcp-reason">${s.reasons.map((r) => esc(r)).join(", ")}</div>`
+          : "") +
+        (s.installCommand ? `<code class="mcp-install">${esc(s.installCommand)}</code>` : "") +
+        `</div>`,
+    )
+    .join("\n    ")}
+</div>`;
+}
+
 export function renderMcpCard(
   mcpSummary,
   mcpPromotions,
   formerMcpServers,
-  recommendedMcpServers,
   availableMcpServers,
   registryTotal,
 ) {
-  if (!mcpSummary.length && !recommendedMcpServers.length && !availableMcpServers.length) return "";
+  if (!mcpSummary.length && !availableMcpServers.length) return "";
   const rows = mcpSummary
     .map((s) => {
       const disabledClass = s.disabledIn > 0 ? " mcp-disabled" : "";
@@ -69,24 +87,6 @@ export function renderMcpCard(
     })
     .join("\n    ")}`
     : "";
-  const recommendedHtml = recommendedMcpServers.length
-    ? `<details class="mcp-section"${recommendedMcpServers.length <= 5 ? " open" : ""}>
-    <summary class="label" style="cursor:pointer;margin-top:.75rem">Recommended <span class="cat-n">${recommendedMcpServers.length}</span></summary>
-    ${recommendedMcpServers
-      .map(
-        (s) =>
-          `<div class="mcp-recommended"><span class="mcp-name">${esc(s.name)}</span> <span class="mcp-rec-badge">recommended</span>` +
-          (s.description ? `<div class="mcp-desc">${esc(s.description)}</div>` : "") +
-          (s.reasons && s.reasons.length
-            ? `<div class="mcp-reason">${s.reasons.map((r) => esc(r)).join(", ")}</div>`
-            : "") +
-          (s.installCommand ? `<code class="mcp-install">${esc(s.installCommand)}</code>` : "") +
-          `</div>`,
-      )
-      .join("\n    ")}
-  </details>`
-    : "";
-
   const availableHtml = availableMcpServers.length
     ? `<details class="mcp-section">
     <summary class="label" style="cursor:pointer;margin-top:.75rem">Available <span class="cat-n">${availableMcpServers.length}</span></summary>
@@ -112,7 +112,6 @@ export function renderMcpCard(
   ${rows}
   ${promoteHtml}
   ${formerHtml}
-  ${recommendedHtml}
   ${availableHtml}
   ${registryNote}
 </div>`;
@@ -378,13 +377,13 @@ export function renderReferenceCard() {
 </div>`;
 }
 
-export function renderInsightsCard(insights, markdown) {
+export function renderInsightsCard(insights, prompt) {
   if (!insights || !insights.length) return "";
-  const mdAttr = markdown ? ` data-markdown="${esc(markdown)}"` : "";
-  return `<div class="card insight-card"${mdAttr}>
+  const promptAttr = prompt ? ` data-prompt="${esc(prompt)}"` : "";
+  return `<div class="card insight-card"${promptAttr}>
     <div class="card-header">
       <h2>Insights <span class="n">${insights.length}</span></h2>
-      ${markdown ? `<button class="copy-md-btn" title="Copy as Markdown">&#128203; copy markdown</button>` : ""}
+      ${prompt ? `<button class="copy-prompt-btn" title="Copy as a prompt for Claude Code">&#128203; copy as prompt</button>` : ""}
     </div>
     ${insights
       .map(
@@ -437,29 +436,19 @@ export function renderInsightsReportCard(insightsReport) {
 }
 
 export function renderStatsBar(data) {
-  const {
-    coveragePct,
-    configuredCount,
-    totalRepos,
-    avgHealth,
-    globalCmds,
-    globalSkills,
-    totalRepoCmds,
-    mcpCount,
-    driftCount,
-    ccusageData,
-    usageAnalytics,
-  } = data;
+  const { coveragePct, configuredCount, totalRepos, avgHealth, driftCount, ccusageData } = data;
+  const driftStat =
+    driftCount > 0
+      ? `<div class="stat" data-nav="repos" data-section="repo-grid" title="View drifting repos" style="border-color:#f8717133"><b style="color:var(--red)">${driftCount}</b><span>Drifting Repos</span></div>`
+      : "";
+  const spendStat = ccusageData
+    ? `<div class="stat" data-nav="analytics" data-section="section-activity" title="View analytics" style="border-color:#4ade8033"><b style="color:var(--green)">$${Math.round(Number(ccusageData.totals.totalCost) || 0).toLocaleString()}</b><span>Total Spent</span></div>`
+    : "";
   return `<div class="stats">
   <div class="stat coverage" data-nav="repos" data-section="repo-grid" title="View repos"><b>${coveragePct}%</b><span>Coverage (${configuredCount}/${totalRepos})</span></div>
   <div class="stat" data-nav="repos" data-section="repo-grid" title="View repos" style="${avgHealth >= 70 ? "border-color:#4ade8033" : avgHealth >= 40 ? "border-color:#fbbf2433" : "border-color:#f8717133"}"><b style="color:${healthScoreColor(avgHealth)}">${avgHealth}</b><span>Avg Health</span></div>
-  <div class="stat" data-nav="overview" data-section="section-commands" title="View commands"><b>${globalCmds.length}</b><span>Global Commands</span></div>
-  <div class="stat" data-nav="skills-mcp" data-section="section-skills" title="View skills"><b>${globalSkills.length}</b><span>Skills</span></div>
-  <div class="stat" data-nav="repos" data-section="repo-grid" title="View repos"><b>${totalRepoCmds}</b><span>Repo Commands</span></div>
-  ${mcpCount > 0 ? `<div class="stat" data-nav="skills-mcp" data-section="section-mcp" title="View MCP servers"><b>${mcpCount}</b><span>MCP Servers</span></div>` : ""}
-  ${driftCount > 0 ? `<div class="stat" data-nav="repos" data-section="repo-grid" title="View drifting repos" style="border-color:#f8717133"><b style="color:var(--red)">${driftCount}</b><span>Drifting Repos</span></div>` : ""}
-  ${ccusageData ? `<div class="stat" data-nav="analytics" data-section="section-activity" title="View analytics" style="border-color:#4ade8033"><b style="color:var(--green)">$${Math.round(Number(ccusageData.totals.totalCost) || 0).toLocaleString()}</b><span>Total Spent</span></div>` : ""}
-  ${ccusageData ? `<div class="stat" data-nav="analytics" data-section="section-activity" title="View analytics"><b>${formatTokens(ccusageData.totals.totalTokens).replace(" tokens", "")}</b><span>Total Tokens</span></div>` : ""}
-  ${usageAnalytics.heavySessions > 0 ? `<div class="stat" data-nav="analytics" data-section="section-activity" title="View analytics"><b>${usageAnalytics.heavySessions}</b><span>Heavy Sessions</span></div>` : ""}
+  <div class="stat" data-nav="repos" data-section="repo-grid" title="View repos"><b>${totalRepos}</b><span>Repos</span></div>
+  ${driftStat}
+  ${spendStat}
 </div>`;
 }

package/template/dashboard.css

@@ -4,9 +4,9 @@
   --surface2: #1a1a1a;
   --border: #262626;
   --text: #e5e5e5;
-  --text-dim: #777;
+  --text-dim: #999;
   --accent: #c4956a;
-  --accent-dim: #8b6a4a;
+  --accent-dim: #b08a60;
   --green: #4ade80;
   --blue: #60a5fa;
   --purple: #a78bfa;
@@ -19,7 +19,7 @@
   --surface2: #f0f0f0;
   --border: #e0e0e0;
   --text: #1a1a1a;
-  --text-dim: #666;
+  --text-dim: #555;
   --accent: #9b6b47;
   --accent-dim: #b8956e;
   --green: #16a34a;
@@ -643,7 +643,7 @@ details.cmd-detail > summary::-webkit-details-marker {
 .card-header h2 {
   margin-bottom: 0;
 }
-.copy-md-btn {
+.copy-prompt-btn {
   background: var(--surface2);
   border: 1px solid var(--border);
   border-radius: 5px;
@@ -656,7 +656,7 @@ details.cmd-detail > summary::-webkit-details-marker {
     color 0.15s;
   white-space: nowrap;
 }
-.copy-md-btn:hover {
+.copy-prompt-btn:hover {
   border-color: var(--accent-dim);
   color: var(--text);
 }
@@ -797,7 +797,8 @@ details.cmd-detail > summary::-webkit-details-marker {
   margin-top: 0.5rem;
   font-size: 0.72rem;
   color: var(--accent);
-  text-decoration: none;
+  text-decoration: underline;
+  text-underline-offset: 2px;
 }
 .report-link:hover {
   text-decoration: underline;
@@ -1253,7 +1254,7 @@ details.cmd-detail > summary::-webkit-details-marker {
 }
 .unconfigured-item .upath {
   font-size: 0.6rem;
-  color: #555;
+  color: var(--text-dim);
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;

package/template/dashboard.html

@@ -13,20 +13,21 @@
 
 <!-- {{STATS_BAR}} -->
 
+<main>
 <nav class="tab-nav">
-  <button class="tab-btn active" data-tab="overview">Overview</button>
-  <button class="tab-btn" data-tab="skills-mcp">Skills & MCP</button>
+  <button class="tab-btn active" data-tab="home">Home</button>
+  <button class="tab-btn" data-tab="config">Config</button>
   <button class="tab-btn" data-tab="analytics">Analytics</button>
   <button class="tab-btn" data-tab="repos">Repos</button>
   <button class="tab-btn" data-tab="reference">Reference</button>
 </nav>
 
-<div class="tab-content active" id="tab-overview">
-<!-- {{TAB_OVERVIEW}} -->
+<div class="tab-content active" id="tab-home">
+<!-- {{TAB_HOME}} -->
 </div>
 
-<div class="tab-content" id="tab-skills-mcp">
-<!-- {{TAB_SKILLS_MCP}} -->
+<div class="tab-content" id="tab-config">
+<!-- {{TAB_CONFIG}} -->
 </div>
 
 <div class="tab-content" id="tab-analytics">
@@ -42,6 +43,7 @@
 </div>
 
 <!-- {{FOOTER}} -->
+</main>
 
 <div class="chart-tooltip" id="chart-tooltip"></div>
 <script>

package/template/dashboard.js

@@ -133,19 +133,19 @@ function showToast(msg) {
   }, 2000);
 }
 
-// ── Copy Markdown button ────────────────────────────────────
-document.querySelectorAll(".copy-md-btn").forEach(function (btn) {
+// ── Copy as Prompt button ────────────────────────────────────
+document.querySelectorAll(".copy-prompt-btn").forEach(function (btn) {
   btn.addEventListener("click", function () {
-    var card = btn.closest("[data-markdown]");
+    var card = btn.closest("[data-prompt]");
     if (!card) return;
-    var md = card.dataset.markdown;
+    var prompt = card.dataset.prompt;
     navigator.clipboard
-      .writeText(md)
+      .writeText(prompt)
       .then(function () {
-        showToast("Markdown copied to clipboard");
+        showToast("Prompt copied \u2014 paste into Claude Code");
       })
       .catch(function () {
-        showToast("Copy failed \u2014 use browser copy from the insights card");
+        showToast("Copy failed \u2014 try selecting the text manually");
       });
   });
 });