@cocaxcode/ai-context-inspector 0.3.2 → 0.3.3

package/dist/{chunk-G57UDS2C.js → chunk-CAQUPN6F.js}

@@ -1454,6 +1454,8 @@ body {
 .badge--orange { border-color: var(--orange); color: var(--orange); }
 .badge--blue { border-color: var(--blue); color: var(--blue); }
 .badge--pink { border-color: var(--pink); color: var(--pink); }
+.badge--link { cursor: pointer; text-decoration: none; transition: transform 0.15s, box-shadow 0.15s; }
+.badge--link:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
 
 /* \u2500\u2500 Stats Grid \u2500\u2500 */
 .stats-grid {
@@ -2135,7 +2137,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
   // \u2500\u2500 Animated Counters \u2500\u2500
   document.querySelectorAll('.stat-number').forEach(el => {
-    const target = parseInt(el.getAttribute('data-target') || '0')
+    const target = parseInt(el.getAttribute('data-count') || '0')
     if (target === 0) { el.textContent = '0'; return }
     let current = 0
     const step = Math.max(1, Math.ceil(target / 25))
@@ -2236,8 +2238,8 @@ document.addEventListener('DOMContentLoaded', () => {
     }
   })
 
-  // \u2500\u2500 Nav Links (scroll to section) \u2500\u2500
-  document.querySelectorAll('.nav-link[data-target]').forEach(link => {
+  // \u2500\u2500 Nav Links + Header Badges (scroll to section) \u2500\u2500
+  document.querySelectorAll('[data-target]').forEach(link => {
     link.addEventListener('click', (e) => {
       e.preventDefault()
       scrollToSection(link.getAttribute('data-target'))
@@ -2496,7 +2498,7 @@ function renderEcosystemMap(result, summary) {
       }
     }
     const nodeR = dimmed ? 24 : 32;
-    const labelY = y - nodeR - 10;
+    const labelY = y - nodeR - 28;
     catNodes += `<g class="eco-cat-node" data-section="${cat.id}"
       style="cursor:pointer;opacity:${opacity}" role="button" tabindex="0">
       <!-- Hit area -->
@@ -2620,12 +2622,12 @@ function renderHeader(project, summary, scanDuration) {
       <h1>&gt; ai-context-inspector</h1>
       <div class="subtitle">${esc2(project.name)} &mdash; ${date} &mdash; ${scanDuration}ms</div>
       <div class="badges">
-        <span class="badge badge--accent">${summary.totalMcpServers} MCPs</span>
-        <span class="badge badge--green">${summary.totalTools} tools</span>
-        <span class="badge badge--purple">${summary.totalFiles} archivos</span>
-        <span class="badge badge--orange">${summary.totalSkills} skills</span>
-        <span class="badge badge--blue">${summary.totalAgents} agents</span>
-        <span class="badge badge--pink">${summary.totalMemories} memorias</span>
+        <a class="badge badge--accent badge--link" data-target="section-mcp">${summary.totalMcpServers} MCPs</a>
+        <a class="badge badge--green badge--link" data-target="section-mcp">${summary.totalTools} tools</a>
+        <a class="badge badge--purple badge--link" data-target="section-context">${summary.totalFiles} archivos</a>
+        <a class="badge badge--orange badge--link" data-target="section-skills">${summary.totalSkills} skills</a>
+        <a class="badge badge--blue badge--link" data-target="section-agents">${summary.totalAgents} agents</a>
+        <a class="badge badge--pink badge--link" data-target="section-memories">${summary.totalMemories} memorias</a>
       </div>
     </header>`;
 }
@@ -2635,44 +2637,50 @@ function renderStatsGrid(summary) {
       icon: "\u2699\uFE0F",
       value: summary.totalMcpServers,
       label: "MCP Servers",
-      color: "#00d4ff"
+      color: "#00d4ff",
+      section: "section-mcp"
     },
     {
       icon: "\u{1F6E0}\uFE0F",
       value: summary.totalTools,
       label: "MCP Tools",
-      color: "#00e676"
+      color: "#00e676",
+      section: "section-mcp"
     },
     {
       icon: "\u{1F4C4}",
       value: summary.totalFiles,
       label: "Archivos AI",
-      color: "#b388ff"
+      color: "#b388ff",
+      section: "section-context"
     },
     {
       icon: "\u26A1",
       value: summary.totalSkills,
       label: "Skills",
-      color: "#ffab40"
+      color: "#ffab40",
+      section: "section-skills"
     },
     {
       icon: "\u{1F916}",
       value: summary.totalAgents,
       label: "Agents",
-      color: "#4285f4"
+      color: "#4285f4",
+      section: "section-agents"
     },
     {
       icon: "\u{1F9E0}",
       value: summary.totalMemories,
       label: "Memorias",
-      color: "#ff80ab"
+      color: "#ff80ab",
+      section: "section-memories"
     }
   ];
   const cards = stats.map(
     (s) => `
-      <div class="stat-card" style="--stat-color: ${s.color}">
+      <div class="stat-card" data-target="${s.section}" style="--stat-color: ${s.color};cursor:pointer">
         <span class="stat-icon">${s.icon}</span>
-        <span class="stat-number" data-target="${s.value}">0</span>
+        <span class="stat-number" data-count="${s.value}">0</span>
         <span class="stat-label">${s.label}</span>
       </div>`
   ).join("");

package/dist/index.js

@@ -2,7 +2,7 @@
 import {
   generateHtml,
   runAllScanners
-} from "./chunk-G57UDS2C.js";
+} from "./chunk-CAQUPN6F.js";
 
 // src/cli.ts
 import { parseArgs } from "util";
@@ -97,7 +97,7 @@ async function main() {
   const options = parseCliArgs(process.argv.slice(2));
   if (options.mcp) {
     const { StdioServerTransport } = await import("@modelcontextprotocol/sdk/server/stdio.js");
-    const { createServer } = await import("./server-BSHVSE33.js");
+    const { createServer } = await import("./server-HS77RFVF.js");
     const server = createServer();
     const transport = new StdioServerTransport();
     await server.connect(transport);

package/dist/{server-BSHVSE33.js → server-HS77RFVF.js}

@@ -4,7 +4,7 @@ import {
   introspectServers,
   runAllScanners,
   scanMcpConfigs
-} from "./chunk-G57UDS2C.js";
+} from "./chunk-CAQUPN6F.js";
 
 // src/server.ts
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";

package/package.json

@@ -1,75 +1,75 @@
-{
-  "name": "@cocaxcode/ai-context-inspector",
-  "version": "0.3.2",
-  "description": "Scan any project to discover its complete AI ecosystem: MCP servers, tools, context files, skills, memories. Generates an interactive HTML dashboard. Works as CLI and MCP server.",
-  "type": "module",
-  "bin": {
-    "ai-context-inspector": "dist/index.js"
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "lint": "eslint src/",
-    "format": "prettier --write \"src/**/*.ts\"",
-    "format:check": "prettier --check \"src/**/*.ts\"",
-    "typecheck": "tsc --noEmit",
-    "prepare": "npm run build",
-    "inspector": "npx @modelcontextprotocol/inspector node dist/index.js -- --mcp",
-    "serve:report": "node serve-report.cjs"
-  },
-  "engines": {
-    "node": ">=20.0.0"
-  },
-  "keywords": [
-    "mcp",
-    "mcp-server",
-    "model-context-protocol",
-    "ai-context",
-    "ai-inspector",
-    "ai-tools",
-    "mcp-introspection",
-    "claude",
-    "cursor",
-    "windsurf",
-    "copilot",
-    "gemini",
-    "codex",
-    "aider",
-    "cline",
-    "dashboard",
-    "html-report",
-    "context-files",
-    "skills",
-    "ai-ecosystem"
-  ],
-  "author": "cocaxcode",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/cocaxcode/ai-context-inspector.git"
-  },
-  "homepage": "https://github.com/cocaxcode/ai-context-inspector#readme",
-  "bugs": {
-    "url": "https://github.com/cocaxcode/ai-context-inspector/issues"
-  },
-  "dependencies": {
-    "@modelcontextprotocol/sdk": "^1.27.0",
-    "zod": "^3.25.0"
-  },
-  "devDependencies": {
-    "@types/node": "^22.15.0",
-    "@vitest/coverage-v8": "^3.2.0",
-    "eslint": "^9.28.0",
-    "prettier": "^3.5.0",
-    "tsup": "^8.5.0",
-    "typescript": "^5.8.0",
-    "typescript-eslint": "^8.33.0",
-    "vitest": "^3.2.0"
-  }
-}
+{
+  "name": "@cocaxcode/ai-context-inspector",
+  "version": "0.3.3",
+  "description": "Scan any project to discover its complete AI ecosystem: MCP servers, tools, context files, skills, memories. Generates an interactive HTML dashboard. Works as CLI and MCP server.",
+  "type": "module",
+  "bin": {
+    "ai-context-inspector": "dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint src/",
+    "format": "prettier --write \"src/**/*.ts\"",
+    "format:check": "prettier --check \"src/**/*.ts\"",
+    "typecheck": "tsc --noEmit",
+    "prepare": "npm run build",
+    "inspector": "npx @modelcontextprotocol/inspector node dist/index.js -- --mcp",
+    "serve:report": "node serve-report.cjs"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "keywords": [
+    "mcp",
+    "mcp-server",
+    "model-context-protocol",
+    "ai-context",
+    "ai-inspector",
+    "ai-tools",
+    "mcp-introspection",
+    "claude",
+    "cursor",
+    "windsurf",
+    "copilot",
+    "gemini",
+    "codex",
+    "aider",
+    "cline",
+    "dashboard",
+    "html-report",
+    "context-files",
+    "skills",
+    "ai-ecosystem"
+  ],
+  "author": "cocaxcode",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cocaxcode/ai-context-inspector.git"
+  },
+  "homepage": "https://github.com/cocaxcode/ai-context-inspector#readme",
+  "bugs": {
+    "url": "https://github.com/cocaxcode/ai-context-inspector/issues"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.27.0",
+    "zod": "^3.25.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.15.0",
+    "@vitest/coverage-v8": "^3.2.0",
+    "eslint": "^9.28.0",
+    "prettier": "^3.5.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.0",
+    "typescript-eslint": "^8.33.0",
+    "vitest": "^3.2.0"
+  }
+}