@cocaxcode/ai-context-inspector 0.3.1 → 0.3.3

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

@@ -1343,6 +1343,20 @@ body {
   align-items: center;
 }
 
+.nav-brand {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  margin-right: 0.3rem;
+}
+
+.nav-separator {
+  width: 1px;
+  height: 16px;
+  background: var(--border);
+  margin: 0 0.4rem;
+}
+
 .nav-link {
   padding: 0.3rem 0.7rem;
   border-radius: var(--radius-sm);
@@ -1440,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 {
@@ -2121,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))
@@ -2222,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'))
@@ -2405,34 +2421,14 @@ function buildCategories(result, summary) {
     }
   ];
 }
-var COCAXCODE_ICON = `<g transform="translate(-16,-16)">
-  <defs>
-    <linearGradient id="cxc-g1" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#22d3ee"/>
-      <stop offset="100%" stop-color="#06b6d4"/>
-    </linearGradient>
-    <linearGradient id="cxc-g2" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#0891b2"/>
-      <stop offset="100%" stop-color="#0e7490"/>
-    </linearGradient>
-  </defs>
-  <rect width="32" height="32" fill="#0a0a0c" rx="4"/>
-  <rect x="9" y="7.5" width="16" height="18.5" rx="4" fill="url(#cxc-g2)" opacity="0.5"/>
-  <rect x="8" y="6.5" width="16" height="18.5" rx="4" fill="url(#cxc-g1)"/>
-  <path d="M11.5,11 L18,16 L11.5,21" fill="none" stroke="#0a0a0c" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-  <line x1="19" y1="20" x2="21.5" y2="20" stroke="#0a0a0c" stroke-width="1.8" stroke-linecap="round">
-    <animate attributeName="x1" values="19;21.5;19" dur="1.4s" repeatCount="indefinite"/>
-    <animate attributeName="x2" values="21.5;24;21.5" dur="1.4s" repeatCount="indefinite"/>
-  </line>
-</g>`;
 function renderEcosystemMap(result, summary) {
   const categories = buildCategories(result, summary);
   const totalItems = summary.totalMcpServers + summary.totalFiles + summary.totalSkills + summary.totalAgents + summary.totalMemories;
   if (totalItems === 0) return "";
   const W = 900;
-  const H = 480;
+  const H = 530;
   const cx = W / 2;
-  const cy = H / 2;
+  const cy = H / 2 + 25;
   const catRadius = 165;
   const itemRadius = 55;
   const startAngle = -Math.PI / 2;
@@ -2502,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 -->
@@ -2535,17 +2531,13 @@ function renderEcosystemMap(result, summary) {
     <!-- Main circle -->
     <circle cx="${cx}" cy="${cy}" r="42" fill="var(--bg-alt)" stroke="var(--accent)"
       stroke-width="2.5" filter="url(#eco-glow-center)"/>
-    <!-- cocaxcode icon in center -->
-    <g transform="translate(${cx},${cy - 8}) scale(0.85)">
-      ${COCAXCODE_ICON}
-    </g>
-    <!-- Project name below icon -->
-    <text x="${cx}" y="${cy + 20}" text-anchor="middle" dominant-baseline="auto"
-      font-family="var(--font-mono)" font-size="10" font-weight="600"
-      fill="var(--text-bright)" opacity="0.9">${esc(projectName)}</text>
+    <!-- Project name -->
+    <text x="${cx}" y="${cy - 2}" text-anchor="middle" dominant-baseline="auto"
+      font-family="var(--font-mono)" font-size="11" font-weight="700"
+      fill="var(--text-bright)" opacity="0.95">${esc(projectName)}</text>
     <!-- Total count -->
-    <text x="${cx}" y="${cy + 32}" text-anchor="middle" dominant-baseline="auto"
-      font-family="var(--font-mono)" font-size="8.5"
+    <text x="${cx}" y="${cy + 14}" text-anchor="middle" dominant-baseline="auto"
+      font-family="var(--font-mono)" font-size="9"
       fill="var(--text-dim)">${totalItems} elementos</text>
   </g>`;
   const tooltip = `<g id="eco-tooltip" style="display:none;pointer-events:none">
@@ -2600,7 +2592,21 @@ function renderNavBar(summary) {
   return `
     <nav class="nav-bar">
       <div class="nav-links">
-        <span style="font-family:var(--font-mono);font-size:0.8rem;color:var(--accent);margin-right:0.5rem">&gt;_</span>
+        <span class="nav-brand">
+          <svg viewBox="0 0 32 32" width="18" height="18" style="vertical-align:middle;margin-right:4px">
+            <defs>
+              <linearGradient id="nav-g1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#22d3ee"/><stop offset="100%" stop-color="#06b6d4"/></linearGradient>
+              <linearGradient id="nav-g2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#0891b2"/><stop offset="100%" stop-color="#0e7490"/></linearGradient>
+            </defs>
+            <rect width="32" height="32" fill="#0a0a0c" rx="4"/>
+            <rect x="9" y="7.5" width="16" height="18.5" rx="4" fill="url(#nav-g2)" opacity="0.5"/>
+            <rect x="8" y="6.5" width="16" height="18.5" rx="4" fill="url(#nav-g1)"/>
+            <path d="M11.5,11 L18,16 L11.5,21" fill="none" stroke="#0a0a0c" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+            <line x1="19" y1="20" x2="21.5" y2="20" stroke="#0a0a0c" stroke-width="1.8" stroke-linecap="round"/>
+          </svg>
+          <span style="font-family:var(--font-mono);font-size:0.8rem"><span style="color:var(--text-dim)">by</span> <span style="color:var(--accent)">cocaxcode</span></span>
+        </span>
+        <span class="nav-separator"></span>
         ${navLinks}
       </div>
       <div class="nav-actions">
@@ -2616,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>`;
 }
@@ -2631,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-UKKIDJCN.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-AC6HNUZR.js");
+    const { createServer } = await import("./server-HS77RFVF.js");
     const server = createServer();
     const transport = new StdioServerTransport();
     await server.connect(transport);

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

@@ -4,7 +4,7 @@ import {
   introspectServers,
   runAllScanners,
   scanMcpConfigs
-} from "./chunk-UKKIDJCN.js";
+} from "./chunk-CAQUPN6F.js";
 
 // src/server.ts
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
@@ -116,15 +116,17 @@ function registerReportTool(server) {
     {
       dir: z3.string().optional().describe("Directorio a escanear (default: cwd)"),
       output: z3.string().optional().describe("Ruta del archivo HTML (default: ai-context-report.html)"),
-      no_introspect: z3.boolean().optional().describe("No conectar a MCP servers")
+      include_user: z3.boolean().optional().describe("Incluir configuraci\xF3n del usuario (~/.claude, skills, memorias, agentes)"),
+      no_introspect: z3.boolean().optional().describe("No conectar a MCP servers"),
+      timeout: z3.number().optional().describe("Timeout de introspecci\xF3n en ms (default: 10000)")
     },
-    async ({ dir, output, no_introspect }) => {
+    async ({ dir, output, include_user, no_introspect, timeout }) => {
       try {
         const result = await runAllScanners({
           dir: dir ?? process.cwd(),
-          includeUser: false,
+          includeUser: include_user ?? false,
           introspect: !(no_introspect ?? false),
-          timeout: 1e4
+          timeout: timeout ?? 1e4
         });
         const html = generateHtml(result);
         const outputPath = resolve(output ?? "ai-context-report.html");

package/package.json

@@ -1,75 +1,75 @@
-{
-  "name": "@cocaxcode/ai-context-inspector",
-  "version": "0.3.1",
-  "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.js"
-  },
-  "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"
+  }
+}