@cocaxcode/ai-context-inspector 0.1.0 → 0.3.0

package/dist/chunk-T5N3KKUJ.js

@@ -0,0 +1,2912 @@
+#!/usr/bin/env node
+
+// src/scanner/mcp-configs.ts
+import { readFile } from "fs/promises";
+import { join } from "path";
+import { homedir } from "os";
+import { platform } from "process";
+var ENV_VAR_REGEX = /\$\{[^}]+\}/;
+function parseServerEntry(name, entry, source) {
+  let transport = "stdio";
+  if (entry.type === "http" || entry.type === "sse") {
+    transport = entry.type;
+  } else if (entry.url && !entry.command) {
+    transport = "http";
+  }
+  const envStr = JSON.stringify(entry.env ?? {}) + JSON.stringify(entry.args ?? []);
+  const hasEnvVars = ENV_VAR_REGEX.test(envStr);
+  return {
+    name,
+    source,
+    config: {
+      transport,
+      command: entry.command,
+      args: entry.args,
+      env: entry.env,
+      url: entry.url,
+      hasEnvVars
+    },
+    introspection: null
+  };
+}
+async function readMcpFile(filePath, source) {
+  const servers = [];
+  const warnings = [];
+  try {
+    const content = await readFile(filePath, "utf-8");
+    const parsed = JSON.parse(content);
+    const mcpServers = parsed.mcpServers ?? {};
+    for (const [name, entry] of Object.entries(mcpServers)) {
+      servers.push(parseServerEntry(name, entry, source));
+    }
+  } catch (err) {
+    const code = err.code;
+    if (code !== "ENOENT") {
+      warnings.push({
+        scanner: "mcp-configs",
+        message: `Error leyendo ${filePath}: ${err.message}`,
+        path: filePath
+      });
+    }
+  }
+  return { servers, warnings };
+}
+function getDesktopConfigPath() {
+  if (platform === "win32") {
+    return join(
+      process.env.APPDATA ?? join(homedir(), "AppData", "Roaming"),
+      "Claude",
+      "claude_desktop_config.json"
+    );
+  }
+  if (platform === "darwin") {
+    return join(
+      homedir(),
+      "Library",
+      "Application Support",
+      "Claude",
+      "claude_desktop_config.json"
+    );
+  }
+  return join(homedir(), ".config", "claude-desktop", "claude_desktop_config.json");
+}
+async function scanMcpConfigs(config) {
+  const allServers = [];
+  const allWarnings = [];
+  const project = await readMcpFile(join(config.dir, ".mcp.json"), "project");
+  allServers.push(...project.servers);
+  allWarnings.push(...project.warnings);
+  const vscode = await readMcpFile(join(config.dir, ".vscode", "mcp.json"), "vscode");
+  allServers.push(...vscode.servers);
+  allWarnings.push(...vscode.warnings);
+  if (config.includeUser) {
+    const user = await readMcpFile(join(homedir(), ".claude.json"), "user");
+    allServers.push(...user.servers);
+    allWarnings.push(...user.warnings);
+    const desktop = await readMcpFile(getDesktopConfigPath(), "desktop");
+    allServers.push(...desktop.servers);
+    allWarnings.push(...desktop.warnings);
+  }
+  return { servers: allServers, warnings: allWarnings };
+}
+
+// src/scanner/mcp-introspect.ts
+async function introspectOne(server, timeout) {
+  if (server.config.transport !== "stdio" || !server.config.command) {
+    return {
+      status: "error",
+      error: `Transport "${server.config.transport}" no soportado para introspecci\xF3n (solo stdio en MVP)`,
+      tools: [],
+      resources: [],
+      prompts: []
+    };
+  }
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), timeout);
+  try {
+    const { Client } = await import("@modelcontextprotocol/sdk/client/index.js");
+    const { StdioClientTransport } = await import("@modelcontextprotocol/sdk/client/stdio.js");
+    const transport = new StdioClientTransport({
+      command: server.config.command,
+      args: server.config.args,
+      env: server.config.env ? { ...process.env, ...server.config.env } : void 0
+    });
+    const client = new Client(
+      { name: "ai-context-inspector", version: "0.1.0" }
+    );
+    controller.signal.addEventListener("abort", () => {
+      transport.close().catch(() => {
+      });
+    });
+    await client.connect(transport);
+    const serverInfo = client.getServerVersion();
+    const capabilities = client.getServerCapabilities();
+    const instructions = client.getInstructions();
+    const tools = [];
+    let toolsCursor;
+    do {
+      const result = await client.listTools(
+        toolsCursor ? { cursor: toolsCursor } : void 0
+      );
+      for (const t of result.tools) {
+        tools.push({
+          name: t.name,
+          description: t.description,
+          inputSchema: t.inputSchema
+        });
+      }
+      toolsCursor = result.nextCursor;
+    } while (toolsCursor);
+    const resources = [];
+    try {
+      let resCursor;
+      do {
+        const result = await client.listResources(
+          resCursor ? { cursor: resCursor } : void 0
+        );
+        for (const r of result.resources) {
+          resources.push({
+            name: r.name,
+            uri: r.uri,
+            description: r.description,
+            mimeType: r.mimeType
+          });
+        }
+        resCursor = result.nextCursor;
+      } while (resCursor);
+    } catch {
+    }
+    const prompts = [];
+    try {
+      let promptCursor;
+      do {
+        const result = await client.listPrompts(
+          promptCursor ? { cursor: promptCursor } : void 0
+        );
+        for (const p of result.prompts) {
+          prompts.push({
+            name: p.name,
+            description: p.description,
+            arguments: p.arguments?.map((a) => ({
+              name: a.name,
+              description: a.description,
+              required: a.required
+            }))
+          });
+        }
+        promptCursor = result.nextCursor;
+      } while (promptCursor);
+    } catch {
+    }
+    await transport.close();
+    return {
+      status: "ok",
+      serverInfo: serverInfo ? { name: serverInfo.name, version: serverInfo.version } : void 0,
+      capabilities,
+      instructions,
+      tools,
+      resources,
+      prompts
+    };
+  } catch (err) {
+    if (controller.signal.aborted) {
+      return {
+        status: "timeout",
+        error: `Timeout despu\xE9s de ${timeout}ms`,
+        tools: [],
+        resources: [],
+        prompts: []
+      };
+    }
+    return {
+      status: "error",
+      error: err.message,
+      tools: [],
+      resources: [],
+      prompts: []
+    };
+  } finally {
+    clearTimeout(timer);
+  }
+}
+async function introspectServers(servers, timeout) {
+  const stidoServers = servers.filter(
+    (s) => s.config.transport === "stdio" && s.config.command
+  );
+  const results = await Promise.allSettled(
+    stidoServers.map((s) => introspectOne(s, timeout))
+  );
+  for (let i = 0; i < stidoServers.length; i++) {
+    const result = results[i];
+    stidoServers[i].introspection = result.status === "fulfilled" ? result.value : {
+      status: "error",
+      error: result.reason?.message ?? "Error desconocido",
+      tools: [],
+      resources: [],
+      prompts: []
+    };
+  }
+}
+
+// src/scanner/index.ts
+import { readFile as readFile6 } from "fs/promises";
+import { join as join6, basename as basename2 } from "path";
+import { resolve } from "path";
+
+// src/scanner/context-files.ts
+import { readFile as readFile2, stat, readdir } from "fs/promises";
+import { join as join2, relative } from "path";
+import { homedir as homedir2 } from "os";
+
+// src/scanner/catalog.ts
+var AI_FILE_CATALOG = [
+  // ── Claude ──
+  {
+    path: "CLAUDE.md",
+    tool: "claude",
+    type: "file",
+    scope: "project",
+    description: "Instrucciones de proyecto para Claude Code"
+  },
+  {
+    path: ".claude",
+    tool: "claude",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de configuraci\xF3n de Claude Code"
+  },
+  {
+    path: ".mcp.json",
+    tool: "claude",
+    type: "file",
+    scope: "project",
+    description: "Configuraci\xF3n de servidores MCP del proyecto"
+  },
+  // ── Cursor ──
+  {
+    path: ".cursorrules",
+    tool: "cursor",
+    type: "file",
+    scope: "project",
+    description: "Reglas AI de Cursor (legacy)"
+  },
+  {
+    path: ".cursor/rules",
+    tool: "cursor",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de reglas de Cursor (.mdc)"
+  },
+  {
+    path: ".cursorignore",
+    tool: "cursor",
+    type: "file",
+    scope: "project",
+    description: "Archivos ignorados por Cursor AI"
+  },
+  {
+    path: ".cursorindexingignore",
+    tool: "cursor",
+    type: "file",
+    scope: "project",
+    description: "Archivos excluidos del indexado de Cursor"
+  },
+  // ── Windsurf / Codeium ──
+  {
+    path: ".windsurfrules",
+    tool: "windsurf",
+    type: "file",
+    scope: "project",
+    description: "Reglas AI de Windsurf"
+  },
+  {
+    path: ".windsurf/rules",
+    tool: "windsurf",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de reglas de Windsurf"
+  },
+  // ── GitHub Copilot ──
+  {
+    path: ".github/copilot-instructions.md",
+    tool: "copilot",
+    type: "file",
+    scope: "project",
+    description: "Instrucciones personalizadas de GitHub Copilot"
+  },
+  {
+    path: ".github/instructions",
+    tool: "copilot",
+    type: "directory",
+    scope: "project",
+    description: "Instrucciones por ruta de Copilot"
+  },
+  {
+    path: ".github/agents",
+    tool: "copilot",
+    type: "directory",
+    scope: "project",
+    description: "Agentes personalizados de Copilot"
+  },
+  {
+    path: ".copilotignore",
+    tool: "copilot",
+    type: "file",
+    scope: "project",
+    description: "Archivos excluidos de Copilot"
+  },
+  // ── Gemini ──
+  {
+    path: "GEMINI.md",
+    tool: "gemini",
+    type: "file",
+    scope: "project",
+    description: "Instrucciones de proyecto para Gemini CLI"
+  },
+  {
+    path: ".gemini",
+    tool: "gemini",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de configuraci\xF3n de Gemini"
+  },
+  {
+    path: ".geminiignore",
+    tool: "gemini",
+    type: "file",
+    scope: "project",
+    description: "Archivos excluidos de Gemini"
+  },
+  // ── OpenAI Codex ──
+  {
+    path: "AGENTS.md",
+    tool: "codex",
+    alsoUsedBy: ["copilot", "cursor", "gemini"],
+    type: "file",
+    scope: "project",
+    description: "Instrucciones universales de agentes (multi-tool)"
+  },
+  {
+    path: "AGENT.md",
+    tool: "codex",
+    alsoUsedBy: ["gemini"],
+    type: "file",
+    scope: "project",
+    description: "Instrucciones de agente (alias)"
+  },
+  {
+    path: ".codex",
+    tool: "codex",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de configuraci\xF3n de Codex"
+  },
+  // ── OpenCode ──
+  {
+    path: "OPENCODE.md",
+    tool: "opencode",
+    type: "file",
+    scope: "project",
+    description: "Instrucciones de proyecto para OpenCode CLI"
+  },
+  {
+    path: ".opencode",
+    tool: "opencode",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de configuraci\xF3n de OpenCode"
+  },
+  {
+    path: "opencode.json",
+    tool: "opencode",
+    type: "file",
+    scope: "project",
+    description: "Configuraci\xF3n de OpenCode"
+  },
+  // ── Roo Code (ex-Cline fork) ──
+  {
+    path: ".roo/rules",
+    tool: "roo",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de reglas de Roo Code"
+  },
+  {
+    path: ".roorules",
+    tool: "roo",
+    type: "file",
+    scope: "project",
+    description: "Reglas de Roo Code (archivo \xFAnico)"
+  },
+  {
+    path: ".rooignore",
+    tool: "roo",
+    type: "file",
+    scope: "project",
+    description: "Archivos excluidos de Roo Code"
+  },
+  // ── Aider ──
+  {
+    path: ".aider.conf.yml",
+    tool: "aider",
+    type: "file",
+    scope: "project",
+    description: "Configuraci\xF3n YAML de Aider"
+  },
+  {
+    path: ".aiderignore",
+    tool: "aider",
+    type: "file",
+    scope: "project",
+    description: "Archivos ignorados por Aider"
+  },
+  {
+    path: ".aider.model.settings.yml",
+    tool: "aider",
+    type: "file",
+    scope: "project",
+    description: "Configuraci\xF3n de modelo de Aider"
+  },
+  {
+    path: ".aider.model.metadata.json",
+    tool: "aider",
+    type: "file",
+    scope: "project",
+    description: "Metadatos de modelo de Aider"
+  },
+  // ── Cline ──
+  {
+    path: ".clinerules",
+    tool: "cline",
+    type: "file",
+    scope: "project",
+    description: "Reglas de Cline (archivo \xFAnico)"
+  },
+  {
+    path: ".clinerules",
+    tool: "cline",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de reglas de Cline"
+  },
+  {
+    path: ".clineignore",
+    tool: "cline",
+    type: "file",
+    scope: "project",
+    description: "Archivos excluidos de Cline"
+  },
+  // ── Amazon Q ──
+  {
+    path: ".amazonq/rules",
+    tool: "amazonq",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de reglas de Amazon Q Developer"
+  },
+  // ── Augment ──
+  {
+    path: ".augment/rules",
+    tool: "augment",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de reglas de Augment Code"
+  },
+  {
+    path: ".augment-guidelines",
+    tool: "augment",
+    type: "file",
+    scope: "project",
+    description: "Directrices de Augment (legacy)"
+  },
+  // ── Replit ──
+  {
+    path: ".replit.md",
+    tool: "replit",
+    type: "file",
+    scope: "project",
+    description: "Instrucciones de Replit Agent"
+  },
+  // ── Firebase Studio ──
+  {
+    path: ".idx/airules.md",
+    tool: "firebase",
+    type: "file",
+    scope: "project",
+    description: "Reglas AI de Firebase Studio"
+  },
+  // ── VS Code ──
+  {
+    path: ".vscode/mcp.json",
+    tool: "vscode",
+    type: "file",
+    scope: "project",
+    description: "Configuraci\xF3n MCP de VS Code"
+  },
+  // ── Universal ──
+  {
+    path: "CONVENTIONS.md",
+    tool: "universal",
+    type: "file",
+    scope: "project",
+    description: "Convenciones de c\xF3digo (multi-tool)"
+  },
+  // ── Tabnine ──
+  {
+    path: ".tabnine.yaml",
+    tool: "tabnine",
+    type: "file",
+    scope: "project",
+    description: "Configuraci\xF3n de Tabnine AI"
+  },
+  // ── Sourcegraph / Cody ──
+  {
+    path: ".sourcegraph",
+    tool: "sourcegraph",
+    type: "directory",
+    scope: "project",
+    description: "Directorio de Sourcegraph Cody"
+  },
+  // ── Continue.dev (project level) ──
+  {
+    path: ".continuerules",
+    tool: "continue",
+    type: "file",
+    scope: "project",
+    description: "Reglas de Continue.dev"
+  },
+  {
+    path: ".continue/config.yaml",
+    tool: "continue",
+    type: "file",
+    scope: "project",
+    description: "Configuraci\xF3n de Continue.dev"
+  },
+  // ── User-level entries ──
+  {
+    path: "~/.claude",
+    tool: "claude",
+    type: "directory",
+    scope: "user",
+    description: "Configuraci\xF3n global de Claude Code"
+  },
+  {
+    path: "~/.claude.json",
+    tool: "claude",
+    type: "file",
+    scope: "user",
+    description: "Servidores MCP a nivel de usuario"
+  },
+  {
+    path: "~/.claude/CLAUDE.md",
+    tool: "claude",
+    type: "file",
+    scope: "user",
+    description: "Instrucciones globales de Claude Code"
+  },
+  {
+    path: "~/.gemini",
+    tool: "gemini",
+    type: "directory",
+    scope: "user",
+    description: "Configuraci\xF3n global de Gemini CLI"
+  },
+  {
+    path: "~/.gemini/GEMINI.md",
+    tool: "gemini",
+    type: "file",
+    scope: "user",
+    description: "Instrucciones globales de Gemini CLI"
+  },
+  {
+    path: "~/.codex",
+    tool: "codex",
+    type: "directory",
+    scope: "user",
+    description: "Configuraci\xF3n global de Codex CLI"
+  },
+  {
+    path: "~/.continue",
+    tool: "continue",
+    type: "directory",
+    scope: "user",
+    description: "Configuraci\xF3n global de Continue.dev"
+  },
+  {
+    path: "~/.aider.conf.yml",
+    tool: "aider",
+    type: "file",
+    scope: "user",
+    description: "Configuraci\xF3n global de Aider"
+  },
+  {
+    path: "~/.augment/rules",
+    tool: "augment",
+    type: "directory",
+    scope: "user",
+    description: "Reglas globales de Augment"
+  },
+  {
+    path: "~/.github/agents",
+    tool: "copilot",
+    type: "directory",
+    scope: "user",
+    description: "Agentes globales de Copilot"
+  },
+  {
+    path: "~/.codeium",
+    tool: "windsurf",
+    type: "directory",
+    scope: "user",
+    description: "Configuraci\xF3n global de Codeium/Windsurf"
+  },
+  {
+    path: "~/.opencode",
+    tool: "opencode",
+    type: "directory",
+    scope: "user",
+    description: "Configuraci\xF3n global de OpenCode CLI"
+  },
+  {
+    path: "~/.tabnine",
+    tool: "tabnine",
+    type: "directory",
+    scope: "user",
+    description: "Configuraci\xF3n global de Tabnine"
+  }
+];
+
+// src/scanner/context-files.ts
+var PREVIEW_MAX_CHARS = 2e3;
+function resolveHome(p) {
+  return p.startsWith("~/") ? join2(homedir2(), p.slice(2)) : p;
+}
+async function scanDirectory(dirPath, projectDir, scope) {
+  const children = [];
+  try {
+    const entries = await readdir(dirPath, { withFileTypes: true });
+    for (const entry of entries) {
+      const fullPath = join2(dirPath, entry.name);
+      try {
+        const s = await stat(fullPath);
+        let preview = null;
+        if (entry.isFile()) {
+          try {
+            const content = await readFile2(fullPath, "utf-8");
+            preview = content.slice(0, PREVIEW_MAX_CHARS);
+          } catch {
+            preview = null;
+          }
+        }
+        children.push({
+          path: relative(projectDir, fullPath),
+          absolutePath: fullPath,
+          tool: "claude",
+          alsoUsedBy: [],
+          type: entry.isDirectory() ? "directory" : "file",
+          scope,
+          size: s.size,
+          preview
+        });
+      } catch {
+      }
+    }
+  } catch {
+  }
+  return children;
+}
+async function scanContextFiles(config) {
+  const files = [];
+  const warnings = [];
+  for (const entry of AI_FILE_CATALOG) {
+    if (entry.scope === "user" && !config.includeUser) continue;
+    const resolvedPath = entry.scope === "user" ? resolveHome(entry.path) : join2(config.dir, entry.path);
+    try {
+      const s = await stat(resolvedPath);
+      const isDir = s.isDirectory();
+      if (entry.tool === "cline" && entry.path === ".clinerules") {
+        if (entry.type === "file" && isDir || entry.type === "directory" && !isDir) {
+          continue;
+        }
+      } else if (entry.type === "file" && isDir) {
+        continue;
+      } else if (entry.type === "directory" && !isDir) {
+        continue;
+      }
+      let preview = null;
+      let children;
+      if (isDir) {
+        children = await scanDirectory(resolvedPath, config.dir, entry.scope);
+      } else {
+        try {
+          const content = await readFile2(resolvedPath, "utf-8");
+          preview = content.slice(0, PREVIEW_MAX_CHARS);
+        } catch {
+          preview = null;
+        }
+      }
+      const result = {
+        path: entry.scope === "user" ? entry.path : relative(config.dir, resolvedPath),
+        absolutePath: resolvedPath,
+        tool: entry.tool,
+        alsoUsedBy: entry.alsoUsedBy ?? [],
+        type: isDir ? "directory" : "file",
+        scope: entry.scope,
+        size: s.size,
+        preview,
+        children
+      };
+      files.push(result);
+    } catch (err) {
+      const code = err.code;
+      if (code === "EACCES") {
+        warnings.push({
+          scanner: "context-files",
+          message: `Permiso denegado: ${resolvedPath}`,
+          path: resolvedPath
+        });
+        files.push({
+          path: entry.scope === "user" ? entry.path : relative(config.dir, resolvedPath),
+          absolutePath: resolvedPath,
+          tool: entry.tool,
+          alsoUsedBy: entry.alsoUsedBy ?? [],
+          type: entry.type,
+          scope: entry.scope,
+          size: 0,
+          preview: null,
+          error: "EACCES"
+        });
+      }
+    }
+  }
+  return { files, warnings };
+}
+
+// src/scanner/skills.ts
+import { readFile as readFile3, readdir as readdir2, stat as stat2, lstat } from "fs/promises";
+import { join as join3 } from "path";
+import { homedir as homedir3 } from "os";
+var SKILL_DIRS_PROJECT = [".claude/skills"];
+var SKILL_DIRS_USER = ["~/.claude/skills"];
+function parseFrontmatter(content) {
+  const match = content.match(/^---\s*\n([\s\S]*?)\n---/);
+  if (!match) return null;
+  const result = {};
+  let currentKey = "";
+  let currentValue = "";
+  for (const line of match[1].split("\n")) {
+    const kvMatch = line.match(/^(\w[\w-]*):\s*(.*)$/);
+    if (kvMatch) {
+      if (currentKey) result[currentKey] = currentValue.trim();
+      currentKey = kvMatch[1];
+      currentValue = kvMatch[2].replace(/^["'>-]\s*/, "").replace(/"$/, "");
+    } else if (currentKey && line.match(/^\s+/)) {
+      currentValue += " " + line.trim();
+    }
+  }
+  if (currentKey) result[currentKey] = currentValue.trim();
+  return result;
+}
+async function scanSkillDir(dirPath, scope) {
+  const skills = [];
+  try {
+    const entries = await readdir2(dirPath, { withFileTypes: true });
+    for (const entry of entries) {
+      if (entry.name.startsWith("_")) continue;
+      const entryPath = join3(dirPath, entry.name);
+      let isDir = entry.isDirectory();
+      if (entry.isSymbolicLink()) {
+        try {
+          const targetStat = await stat2(entryPath);
+          isDir = targetStat.isDirectory();
+        } catch {
+          continue;
+        }
+      }
+      if (!isDir) continue;
+      const skillMdPath = join3(entryPath, "SKILL.md");
+      try {
+        await stat2(skillMdPath);
+        const content = await readFile3(skillMdPath, "utf-8");
+        let description;
+        let name = entry.name;
+        const triggers = [];
+        const frontmatter = parseFrontmatter(content);
+        if (frontmatter) {
+          if (frontmatter.name) name = frontmatter.name;
+          if (frontmatter.description) {
+            description = frontmatter.description.slice(0, 200);
+          }
+        }
+        if (!description) {
+          const purposeMatch = content.match(/##\s*Purpose\s*\n+(.+)/i);
+          if (purposeMatch) {
+            description = purposeMatch[1].trim().slice(0, 200);
+          }
+        }
+        const triggerMatch = content.match(
+          /(?:trigger|triggers?):\s*(.+)/gi
+        );
+        if (triggerMatch) {
+          for (const match of triggerMatch) {
+            const value = match.replace(/(?:trigger|triggers?):\s*/i, "").trim();
+            if (value) triggers.push(value);
+          }
+        }
+        let isSymlink = false;
+        try {
+          const lstats = await lstat(entryPath);
+          isSymlink = lstats.isSymbolicLink();
+        } catch {
+        }
+        skills.push({
+          name,
+          path: skillMdPath,
+          scope,
+          description,
+          triggers: triggers.length > 0 ? triggers : void 0,
+          isSymlink
+        });
+      } catch {
+      }
+    }
+  } catch {
+  }
+  return skills;
+}
+async function parseSkillRegistry(registryPath) {
+  const skills = [];
+  try {
+    const content = await readFile3(registryPath, "utf-8");
+    const lines = content.split("\n");
+    let inTable = false;
+    for (const line of lines) {
+      if (line.includes("| Skill") && line.includes("Trigger")) {
+        inTable = true;
+        continue;
+      }
+      if (inTable && line.startsWith("|---")) continue;
+      if (inTable && line.startsWith("|")) {
+        const cells = line.split("|").map((c) => c.trim()).filter(Boolean);
+        if (cells.length >= 2) {
+          skills.push({
+            name: cells[0],
+            path: cells[2] ?? registryPath,
+            scope: "project",
+            triggers: cells[1] ? [cells[1]] : void 0
+          });
+        }
+      } else if (inTable) {
+        inTable = false;
+      }
+    }
+  } catch {
+  }
+  return skills;
+}
+async function scanSkills(config) {
+  const allSkills = [];
+  const warnings = [];
+  for (const dir of SKILL_DIRS_PROJECT) {
+    const fullPath = join3(config.dir, dir);
+    const found = await scanSkillDir(fullPath, "project");
+    allSkills.push(...found);
+  }
+  if (config.includeUser) {
+    for (const dir of SKILL_DIRS_USER) {
+      const fullPath = dir.startsWith("~/") ? join3(homedir3(), dir.slice(2)) : dir;
+      const found = await scanSkillDir(fullPath, "user");
+      allSkills.push(...found);
+    }
+  }
+  const registryPath = join3(config.dir, ".atl", "skill-registry.md");
+  const registrySkills = await parseSkillRegistry(registryPath);
+  const seen = new Set(allSkills.map((s) => s.name));
+  for (const rs of registrySkills) {
+    if (!seen.has(rs.name)) {
+      allSkills.push(rs);
+      seen.add(rs.name);
+    }
+  }
+  return { skills: allSkills, warnings };
+}
+
+// src/scanner/agents.ts
+import { readFile as readFile4, readdir as readdir3, stat as stat3 } from "fs/promises";
+import { join as join4 } from "path";
+import { homedir as homedir4 } from "os";
+var AGENT_DIRS_PROJECT = [".claude/agents"];
+var AGENT_DIRS_USER = ["~/.claude/agents"];
+var AGENT_MEMORY_DIRS_USER = ["~/.claude/agent-memory"];
+function parseFrontmatter2(content) {
+  const match = content.match(/^---\s*\n([\s\S]*?)\n---/);
+  if (!match) return null;
+  const result = {};
+  let currentKey = "";
+  let currentValue = "";
+  for (const line of match[1].split("\n")) {
+    const kvMatch = line.match(/^(\w[\w-]*):\s*(.*)$/);
+    if (kvMatch) {
+      if (currentKey) result[currentKey] = currentValue.trim();
+      currentKey = kvMatch[1];
+      currentValue = kvMatch[2].replace(/^["'>-]\s*/, "").replace(/"$/, "");
+    } else if (currentKey && line.match(/^\s+/)) {
+      currentValue += " " + line.trim();
+    }
+  }
+  if (currentKey) result[currentKey] = currentValue.trim();
+  return result;
+}
+async function scanAgentDir(dirPath, memoryDirPath, scope) {
+  const agents = [];
+  try {
+    const entries = await readdir3(dirPath);
+    for (const entry of entries) {
+      if (!entry.endsWith(".md")) continue;
+      const filePath = join4(dirPath, entry);
+      try {
+        const s = await stat3(filePath);
+        if (!s.isFile()) continue;
+        const content = await readFile4(filePath, "utf-8");
+        const agentName = entry.replace(/\.md$/, "");
+        let name = agentName;
+        let description;
+        let model;
+        const frontmatter = parseFrontmatter2(content);
+        if (frontmatter) {
+          if (frontmatter.name) name = frontmatter.name;
+          if (frontmatter.description) {
+            description = frontmatter.description.slice(0, 300);
+          }
+          if (frontmatter.model) model = frontmatter.model;
+        }
+        let hasMemory = false;
+        if (memoryDirPath) {
+          try {
+            await stat3(join4(memoryDirPath, agentName));
+            hasMemory = true;
+          } catch {
+          }
+        }
+        agents.push({
+          name,
+          path: filePath,
+          scope,
+          description,
+          model,
+          hasMemory
+        });
+      } catch {
+      }
+    }
+  } catch {
+  }
+  return agents;
+}
+async function scanAgents(config) {
+  const allAgents = [];
+  const warnings = [];
+  for (const dir of AGENT_DIRS_PROJECT) {
+    const fullPath = join4(config.dir, dir);
+    const found = await scanAgentDir(fullPath, null, "project");
+    allAgents.push(...found);
+  }
+  if (config.includeUser) {
+    for (let i = 0; i < AGENT_DIRS_USER.length; i++) {
+      const dir = AGENT_DIRS_USER[i];
+      const memDir = AGENT_MEMORY_DIRS_USER[i];
+      const fullPath = dir.startsWith("~/") ? join4(homedir4(), dir.slice(2)) : dir;
+      const memPath = memDir?.startsWith("~/") ? join4(homedir4(), memDir.slice(2)) : memDir ?? null;
+      const found = await scanAgentDir(fullPath, memPath, "user");
+      allAgents.push(...found);
+    }
+  }
+  return { agents: allAgents, warnings };
+}
+
+// src/scanner/memories.ts
+import { readFile as readFile5, readdir as readdir4, stat as stat4 } from "fs/promises";
+import { join as join5, basename } from "path";
+import { homedir as homedir5 } from "os";
+async function detectOpenspec(dir) {
+  const openspecDir = join5(dir, "openspec");
+  try {
+    const s = await stat4(openspecDir);
+    if (!s.isDirectory()) return null;
+    let specsCount = 0;
+    let changesCount = 0;
+    try {
+      const specsDir = join5(openspecDir, "specs");
+      const specs = await readdir4(specsDir);
+      specsCount = specs.filter((f) => !f.startsWith(".")).length;
+    } catch {
+    }
+    try {
+      const changesDir = join5(openspecDir, "changes");
+      const changes = await readdir4(changesDir);
+      changesCount = changes.filter(
+        (f) => !f.startsWith(".") && f !== "archive"
+      ).length;
+    } catch {
+    }
+    return {
+      type: "openspec",
+      path: "openspec/",
+      source: "filesystem",
+      status: "active",
+      details: { specs: specsCount, changes: changesCount }
+    };
+  } catch {
+    return null;
+  }
+}
+async function detectAtl(dir) {
+  const atlDir = join5(dir, ".atl");
+  try {
+    const s = await stat4(atlDir);
+    if (!s.isDirectory()) return null;
+    let files = [];
+    try {
+      files = await readdir4(atlDir);
+    } catch {
+    }
+    return {
+      type: "atl",
+      path: ".atl/",
+      source: "filesystem",
+      status: "active",
+      details: { files: files.length }
+    };
+  } catch {
+    return null;
+  }
+}
+function detectEngramMcp(mcpServers) {
+  const engram = mcpServers.find(
+    (s) => s.name.toLowerCase().includes("engram") || s.config.command && s.config.command.includes("engram") || s.config.args && s.config.args.some((a) => a.toLowerCase().includes("engram"))
+  );
+  if (!engram) return null;
+  return {
+    type: "engram",
+    source: "mcp",
+    status: "configured",
+    details: { server: engram.name }
+  };
+}
+async function detectEngramPlugin() {
+  try {
+    const settingsPath = join5(homedir5(), ".claude", "settings.json");
+    const content = await readFile5(settingsPath, "utf-8");
+    const settings = JSON.parse(content);
+    if (!settings.enabledPlugins) return null;
+    const engramKey = Object.keys(settings.enabledPlugins).find(
+      (k) => k.toLowerCase().includes("engram") && settings.enabledPlugins[k]
+    );
+    if (!engramKey) return null;
+    return {
+      type: "engram",
+      source: "plugin",
+      status: "active",
+      details: { plugin: engramKey }
+    };
+  } catch {
+    return null;
+  }
+}
+async function detectClaudeMemories(_dir) {
+  const memories = [];
+  const projectsDir = join5(homedir5(), ".claude", "projects");
+  try {
+    const entries = await readdir4(projectsDir);
+    for (const entry of entries) {
+      const memoryPath = join5(projectsDir, entry, "memory", "MEMORY.md");
+      try {
+        const s = await stat4(memoryPath);
+        if (!s.isFile()) continue;
+        const content = await readFile5(memoryPath, "utf-8");
+        const previewLength = Math.min(content.length, 300);
+        const preview = content.slice(0, previewLength);
+        const projectName = entry.replace(/--/g, "/").replace(/-/g, "/");
+        memories.push({
+          type: "claude-memory",
+          path: memoryPath,
+          source: "filesystem",
+          status: "active",
+          details: {
+            project: projectName,
+            size: s.size,
+            preview
+          }
+        });
+      } catch {
+      }
+    }
+  } catch {
+  }
+  return memories;
+}
+async function detectAgentMemories() {
+  const memories = [];
+  const agentMemDir = join5(homedir5(), ".claude", "agent-memory");
+  try {
+    const entries = await readdir4(agentMemDir, { withFileTypes: true });
+    for (const entry of entries) {
+      if (entry.isDirectory()) {
+        const memDir = join5(agentMemDir, entry.name);
+        try {
+          const files = await readdir4(memDir);
+          const mdFiles = files.filter((f) => f.endsWith(".md"));
+          if (mdFiles.length > 0) {
+            memories.push({
+              type: "agent-memory",
+              path: memDir,
+              source: "filesystem",
+              status: "active",
+              details: {
+                agent: entry.name,
+                files: mdFiles.length
+              }
+            });
+          }
+        } catch {
+        }
+      } else if (entry.name.endsWith(".md")) {
+        memories.push({
+          type: "agent-memory",
+          path: join5(agentMemDir, entry.name),
+          source: "filesystem",
+          status: "active",
+          details: {
+            agent: basename(entry.name, ".md")
+          }
+        });
+      }
+    }
+  } catch {
+  }
+  return memories;
+}
+async function scanMemories(config, mcpServers) {
+  const memories = [];
+  const warnings = [];
+  const openspec = await detectOpenspec(config.dir);
+  if (openspec) memories.push(openspec);
+  const atl = await detectAtl(config.dir);
+  if (atl) memories.push(atl);
+  const engramMcp = detectEngramMcp(mcpServers);
+  if (engramMcp) {
+    memories.push(engramMcp);
+  } else if (config.includeUser) {
+    const engramPlugin = await detectEngramPlugin();
+    if (engramPlugin) memories.push(engramPlugin);
+  }
+  if (config.includeUser) {
+    const claudeMemories = await detectClaudeMemories(config.dir);
+    memories.push(...claudeMemories);
+    const agentMemories = await detectAgentMemories();
+    memories.push(...agentMemories);
+  }
+  return { memories, warnings };
+}
+
+// src/scanner/index.ts
+async function detectProjectName(dir) {
+  try {
+    const pkg = await readFile6(join6(dir, "package.json"), "utf-8");
+    const parsed = JSON.parse(pkg);
+    if (parsed.name) return parsed.name;
+  } catch {
+  }
+  return basename2(dir);
+}
+async function runAllScanners(config) {
+  const start = performance.now();
+  const warnings = [];
+  const absDir = resolve(config.dir);
+  const name = await detectProjectName(absDir);
+  const project = {
+    name,
+    path: absDir,
+    scannedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+  const [contextResult, mcpResult, skillsResult, agentsResult] = await Promise.all([
+    scanContextFiles({ ...config, dir: absDir }),
+    scanMcpConfigs({ dir: absDir, includeUser: config.includeUser }),
+    scanSkills({ ...config, dir: absDir }),
+    scanAgents({ ...config, dir: absDir })
+  ]);
+  warnings.push(...contextResult.warnings);
+  warnings.push(...mcpResult.warnings);
+  warnings.push(...skillsResult.warnings);
+  warnings.push(...agentsResult.warnings);
+  if (config.introspect && mcpResult.servers.length > 0) {
+    await introspectServers(mcpResult.servers, config.timeout);
+  }
+  const memoriesResult = await scanMemories(
+    { ...config, dir: absDir },
+    mcpResult.servers
+  );
+  warnings.push(...memoriesResult.warnings);
+  const scanDuration = Math.round(performance.now() - start);
+  return {
+    project,
+    contextFiles: contextResult.files,
+    mcpServers: mcpResult.servers,
+    skills: skillsResult.skills,
+    agents: agentsResult.agents,
+    memories: memoriesResult.memories,
+    warnings,
+    scanDuration
+  };
+}
+
+// src/report/styles.ts
+var CSS_STYLES = `
+/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+   AI Context Inspector \u2014 Dashboard Styles
+   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+
+:root {
+  --bg: #0a0a0f;
+  --bg-alt: #0e0e16;
+  --bg-card: #12121a;
+  --bg-card-hover: #1a1a25;
+  --border: #2a2a3a;
+  --border-hover: #3a3a4a;
+  --text: #e0e0e8;
+  --text-dim: #8888a0;
+  --text-bright: #ffffff;
+  --accent: #00d4ff;
+  --accent-dim: #0099bb;
+  --accent-glow: #00d4ff30;
+  --green: #00e676;
+  --red: #ff5252;
+  --orange: #ffab40;
+  --purple: #b388ff;
+  --pink: #ff80ab;
+  --blue: #4285f4;
+  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
+  --font-sans: system-ui, -apple-system, sans-serif;
+  --radius: 10px;
+  --radius-sm: 6px;
+  --shadow: 0 2px 12px rgba(0,0,0,0.3);
+  --shadow-hover: 0 4px 20px rgba(0,212,255,0.1);
+  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+@media (prefers-color-scheme: light) {
+  :root:not([data-theme="dark"]) {
+    --bg: #f5f5f8;
+    --bg-alt: #eeeef3;
+    --bg-card: #ffffff;
+    --bg-card-hover: #f0f0f5;
+    --border: #d0d0dd;
+    --border-hover: #b0b0c0;
+    --text: #2a2a3a;
+    --text-dim: #666680;
+    --text-bright: #000000;
+    --accent: #0088cc;
+    --accent-dim: #006699;
+    --accent-glow: #0088cc20;
+    --shadow: 0 2px 12px rgba(0,0,0,0.08);
+    --shadow-hover: 0 4px 20px rgba(0,136,204,0.1);
+  }
+}
+
+[data-theme="light"] {
+  --bg: #f5f5f8;
+  --bg-alt: #eeeef3;
+  --bg-card: #ffffff;
+  --bg-card-hover: #f0f0f5;
+  --border: #d0d0dd;
+  --border-hover: #b0b0c0;
+  --text: #2a2a3a;
+  --text-dim: #666680;
+  --text-bright: #000000;
+  --accent: #0088cc;
+  --accent-dim: #006699;
+  --accent-glow: #0088cc20;
+  --shadow: 0 2px 12px rgba(0,0,0,0.08);
+  --shadow-hover: 0 4px 20px rgba(0,136,204,0.1);
+}
+
+* { margin: 0; padding: 0; box-sizing: border-box; }
+
+body {
+  background: var(--bg);
+  color: var(--text);
+  font-family: var(--font-sans);
+  line-height: 1.6;
+  min-height: 100vh;
+}
+
+/* \u2500\u2500 Nav Bar \u2500\u2500 */
+.nav-bar {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: color-mix(in srgb, var(--bg) 85%, transparent);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border-bottom: 1px solid var(--border);
+  padding: 0.5rem 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.nav-links {
+  display: flex;
+  gap: 0.25rem;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.nav-link {
+  padding: 0.3rem 0.7rem;
+  border-radius: var(--radius-sm);
+  font-size: 0.75rem;
+  font-family: var(--font-mono);
+  color: var(--text-dim);
+  text-decoration: none;
+  cursor: pointer;
+  transition: all var(--transition);
+  border: 1px solid transparent;
+}
+
+.nav-link:hover {
+  color: var(--accent);
+  background: var(--accent-glow);
+  border-color: var(--accent);
+}
+
+.nav-actions {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+.nav-btn {
+  background: none;
+  border: 1px solid var(--border);
+  color: var(--text-dim);
+  padding: 0.3rem 0.6rem;
+  border-radius: var(--radius-sm);
+  font-size: 0.8rem;
+  cursor: pointer;
+  transition: all var(--transition);
+  font-family: var(--font-mono);
+}
+
+.nav-btn:hover {
+  color: var(--accent);
+  border-color: var(--accent);
+  background: var(--accent-glow);
+}
+
+/* \u2500\u2500 Container \u2500\u2500 */
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+/* \u2500\u2500 Header \u2500\u2500 */
+.header {
+  text-align: center;
+  padding: 2.5rem 0 2rem;
+  margin-bottom: 2rem;
+}
+
+.header h1 {
+  font-family: var(--font-mono);
+  font-size: 1.8rem;
+  color: var(--accent);
+  margin-bottom: 0.5rem;
+  letter-spacing: -0.02em;
+}
+
+.header .subtitle {
+  color: var(--text-dim);
+  font-size: 0.85rem;
+  font-family: var(--font-mono);
+}
+
+.badges {
+  display: flex;
+  gap: 0.75rem;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin-top: 1rem;
+}
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.3rem 0.8rem;
+  border-radius: 20px;
+  font-size: 0.8rem;
+  font-weight: 600;
+  font-family: var(--font-mono);
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+}
+
+.badge--accent { border-color: var(--accent); color: var(--accent); }
+.badge--green { border-color: var(--green); color: var(--green); }
+.badge--purple { border-color: var(--purple); color: var(--purple); }
+.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); }
+
+/* \u2500\u2500 Stats Grid \u2500\u2500 */
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 1rem;
+  margin: 2rem 0;
+}
+
+.stat-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1.2rem 1rem;
+  text-align: center;
+  transition: all var(--transition);
+  cursor: default;
+  position: relative;
+  overflow: hidden;
+}
+
+.stat-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: var(--stat-color, var(--accent));
+  opacity: 0.8;
+}
+
+.stat-card:hover {
+  border-color: var(--stat-color, var(--accent));
+  box-shadow: var(--shadow-hover);
+  transform: translateY(-2px);
+}
+
+.stat-icon {
+  font-size: 1.5rem;
+  margin-bottom: 0.3rem;
+  display: block;
+}
+
+.stat-number {
+  font-size: 2rem;
+  font-weight: 700;
+  font-family: var(--font-mono);
+  color: var(--stat-color, var(--accent));
+  line-height: 1.1;
+}
+
+.stat-label {
+  font-size: 0.7rem;
+  color: var(--text-dim);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-family: var(--font-mono);
+  margin-top: 0.3rem;
+}
+
+/* \u2500\u2500 Ecosystem Map \u2500\u2500 */
+.ecosystem-map {
+  margin: 2rem 0;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--bg-alt);
+  overflow: hidden;
+  position: relative;
+}
+
+.ecosystem-svg {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+
+.eco-connection {
+  stroke: var(--border);
+  stroke-width: 1.5;
+  fill: none;
+  stroke-dasharray: 6 4;
+  animation: dashFlow 20s linear infinite;
+}
+
+.eco-connection--active {
+  stroke: var(--accent);
+  stroke-width: 2;
+  opacity: 0.6;
+}
+
+@keyframes dashFlow {
+  to { stroke-dashoffset: -100; }
+}
+
+.eco-node {
+  cursor: pointer;
+  transition: transform 0.2s ease;
+}
+
+.eco-node:hover {
+  transform: scale(1.1);
+}
+
+.eco-node-circle {
+  transition: all 0.2s ease;
+}
+
+.eco-node:hover .eco-node-circle {
+  filter: brightness(1.3);
+}
+
+.eco-center-circle {
+  filter: drop-shadow(0 0 12px var(--accent-glow));
+}
+
+.eco-label {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  fill: var(--text);
+  text-anchor: middle;
+  pointer-events: none;
+}
+
+.eco-label--center {
+  font-size: 14px;
+  font-weight: 700;
+  fill: var(--text-bright);
+}
+
+.eco-label--count {
+  font-size: 10px;
+  fill: var(--text-dim);
+}
+
+.eco-item-circle {
+  opacity: 0.7;
+  transition: opacity 0.2s;
+}
+
+.eco-item-circle:hover {
+  opacity: 1;
+}
+
+.eco-dimmed {
+  opacity: 0.2;
+}
+
+/* \u2500\u2500 Search \u2500\u2500 */
+.search-bar {
+  position: sticky;
+  top: 45px;
+  z-index: 10;
+  background: color-mix(in srgb, var(--bg) 90%, transparent);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  padding: 0.75rem 0;
+  margin-bottom: 1.5rem;
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.search-bar input {
+  flex: 1;
+  padding: 0.65rem 1rem 0.65rem 2.5rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--bg-card);
+  color: var(--text);
+  font-family: var(--font-mono);
+  font-size: 0.85rem;
+  outline: none;
+  transition: all var(--transition);
+}
+
+.search-bar input:focus {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--accent-glow);
+}
+
+.search-icon {
+  position: absolute;
+  left: 0.85rem;
+  color: var(--text-dim);
+  font-size: 0.9rem;
+  pointer-events: none;
+}
+
+.search-bar-inner {
+  position: relative;
+  flex: 1;
+}
+
+.search-results-count {
+  font-size: 0.75rem;
+  color: var(--text-dim);
+  font-family: var(--font-mono);
+  white-space: nowrap;
+}
+
+.search-kbd {
+  font-size: 0.65rem;
+  color: var(--text-dim);
+  font-family: var(--font-mono);
+  padding: 0.1rem 0.4rem;
+  border: 1px solid var(--border);
+  border-radius: 3px;
+  position: absolute;
+  right: 0.7rem;
+  top: 50%;
+  transform: translateY(-50%);
+  pointer-events: none;
+  opacity: 0.6;
+}
+
+/* \u2500\u2500 Sections \u2500\u2500 */
+.section {
+  margin-bottom: 1.5rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  overflow: hidden;
+  box-shadow: var(--shadow);
+  animation: fadeInUp 0.4s ease both;
+}
+
+.section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.85rem 1.2rem;
+  background: var(--bg-card);
+  cursor: pointer;
+  user-select: none;
+  transition: background var(--transition);
+  gap: 1rem;
+}
+
+.section-header:hover {
+  background: var(--bg-card-hover);
+}
+
+.section-header-left {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+}
+
+.section-icon {
+  font-size: 1.1rem;
+}
+
+.section-header h2 {
+  font-size: 1rem;
+  font-family: var(--font-mono);
+  color: var(--text-bright);
+}
+
+.section-header-right {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.section-header .count {
+  font-size: 0.8rem;
+  color: var(--text-dim);
+  font-family: var(--font-mono);
+}
+
+.section-header .arrow {
+  transition: transform var(--transition);
+  color: var(--text-dim);
+  font-size: 0.7rem;
+}
+
+.section-content {
+  max-height: 8000px;
+  overflow: hidden;
+  transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
+  opacity: 1;
+  padding: 1rem 1.2rem;
+  border-top: 1px solid var(--border);
+}
+
+.section.collapsed .section-content {
+  max-height: 0;
+  opacity: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  border-top-color: transparent;
+}
+
+.section.collapsed .arrow {
+  transform: rotate(-90deg);
+}
+
+/* \u2500\u2500 Cards \u2500\u2500 */
+.card {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1rem 1.2rem;
+  margin-bottom: 0.75rem;
+  transition: all var(--transition);
+  animation: fadeInUp 0.3s ease both;
+  position: relative;
+}
+
+.card:hover {
+  border-color: var(--border-hover);
+  box-shadow: var(--shadow-hover);
+}
+
+.card:last-child {
+  margin-bottom: 0;
+}
+
+.card-title {
+  font-family: var(--font-mono);
+  font-size: 0.9rem;
+  color: var(--accent);
+  margin-bottom: 0.5rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.card-meta {
+  font-size: 0.75rem;
+  color: var(--text-dim);
+  margin-bottom: 0.5rem;
+}
+
+/* \u2500\u2500 Copy Button \u2500\u2500 */
+.copy-btn {
+  background: none;
+  border: 1px solid var(--border);
+  color: var(--text-dim);
+  font-size: 0.7rem;
+  padding: 0.15rem 0.4rem;
+  border-radius: 3px;
+  cursor: pointer;
+  transition: all var(--transition);
+  font-family: var(--font-mono);
+  opacity: 0;
+  position: absolute;
+  top: 0.75rem;
+  right: 0.75rem;
+}
+
+.card:hover .copy-btn {
+  opacity: 1;
+}
+
+.copy-btn:hover {
+  color: var(--accent);
+  border-color: var(--accent);
+}
+
+.copy-btn--copied {
+  color: var(--green) !important;
+  border-color: var(--green) !important;
+}
+
+/* \u2500\u2500 Size Bar \u2500\u2500 */
+.size-bar {
+  height: 3px;
+  background: var(--border);
+  border-radius: 2px;
+  margin-top: 0.3rem;
+  overflow: hidden;
+}
+
+.size-bar-fill {
+  height: 100%;
+  border-radius: 2px;
+  background: linear-gradient(90deg, var(--accent-dim), var(--accent));
+  transition: width 0.6s ease;
+}
+
+/* \u2500\u2500 Tool badges \u2500\u2500 */
+.tool-badge {
+  display: inline-block;
+  padding: 0.15rem 0.5rem;
+  border-radius: 4px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.tool-badge--claude { background: #d4760020; color: #d47600; border: 1px solid #d4760040; }
+.tool-badge--cursor { background: #00a2ff20; color: #00a2ff; border: 1px solid #00a2ff40; }
+.tool-badge--windsurf { background: #00c48020; color: #00c480; border: 1px solid #00c48040; }
+.tool-badge--copilot { background: #8b5cf620; color: #8b5cf6; border: 1px solid #8b5cf640; }
+.tool-badge--gemini { background: #4285f420; color: #4285f4; border: 1px solid #4285f440; }
+.tool-badge--codex { background: #10a37f20; color: #10a37f; border: 1px solid #10a37f40; }
+.tool-badge--aider { background: #ff6b6b20; color: #ff6b6b; border: 1px solid #ff6b6b40; }
+.tool-badge--cline { background: #e91e6320; color: #e91e63; border: 1px solid #e91e6340; }
+.tool-badge--continue { background: #ff980020; color: #ff9800; border: 1px solid #ff980040; }
+.tool-badge--amazonq { background: #ff990020; color: #ff9900; border: 1px solid #ff990040; }
+.tool-badge--augment { background: #9c27b020; color: #9c27b0; border: 1px solid #9c27b040; }
+.tool-badge--replit { background: #f2620020; color: #f26200; border: 1px solid #f2620040; }
+.tool-badge--firebase { background: #ffca2820; color: #ffca28; border: 1px solid #ffca2840; }
+.tool-badge--opencode { background: #22c55e20; color: #22c55e; border: 1px solid #22c55e40; }
+.tool-badge--roo { background: #06b6d420; color: #06b6d4; border: 1px solid #06b6d440; }
+.tool-badge--tabnine { background: #e8596820; color: #e85968; border: 1px solid #e8596840; }
+.tool-badge--sourcegraph { background: #a112ff20; color: #a112ff; border: 1px solid #a112ff40; }
+.tool-badge--vscode { background: #007acc20; color: #007acc; border: 1px solid #007acc40; }
+.tool-badge--universal { background: #78909c20; color: #78909c; border: 1px solid #78909c40; }
+
+/* \u2500\u2500 Status \u2500\u2500 */
+.status {
+  display: inline-block;
+  padding: 0.15rem 0.5rem;
+  border-radius: 4px;
+  font-size: 0.7rem;
+  font-weight: 600;
+}
+
+.status--ok { background: #00e67620; color: var(--green); }
+.status--timeout { background: #ffab4020; color: var(--orange); }
+.status--error { background: #ff525220; color: var(--red); }
+.status--active { background: #00e67620; color: var(--green); }
+.status--configured { background: #00d4ff20; color: var(--accent); }
+.status--detected { background: #b388ff20; color: var(--purple); }
+
+/* \u2500\u2500 Tool list \u2500\u2500 */
+.tool-list {
+  list-style: none;
+  margin-top: 0.5rem;
+}
+
+.tool-list li {
+  padding: 0.35rem 0;
+  font-size: 0.8rem;
+  border-bottom: 1px solid var(--border);
+  display: flex;
+  gap: 0.5rem;
+  align-items: baseline;
+}
+
+.tool-list li:last-child {
+  border-bottom: none;
+}
+
+.tool-name {
+  font-family: var(--font-mono);
+  color: var(--accent);
+  white-space: nowrap;
+  font-size: 0.8rem;
+}
+
+.tool-desc {
+  color: var(--text-dim);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 0.78rem;
+}
+
+/* \u2500\u2500 Preview \u2500\u2500 */
+.preview {
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  padding: 0.75rem;
+  margin-top: 0.5rem;
+  font-family: var(--font-mono);
+  font-size: 0.73rem;
+  color: var(--text-dim);
+  white-space: pre-wrap;
+  word-break: break-all;
+  max-height: 200px;
+  overflow-y: auto;
+  display: none;
+  line-height: 1.5;
+}
+
+.preview.open {
+  display: block;
+  animation: fadeIn 0.2s ease;
+}
+
+.preview-toggle {
+  background: none;
+  border: none;
+  color: var(--accent);
+  font-size: 0.75rem;
+  cursor: pointer;
+  font-family: var(--font-mono);
+  padding: 0;
+  transition: color var(--transition);
+}
+
+.preview-toggle:hover {
+  color: var(--accent-dim);
+  text-decoration: underline;
+}
+
+/* \u2500\u2500 Groups \u2500\u2500 */
+.tool-group {
+  margin-bottom: 1.2rem;
+}
+
+.tool-group:last-child {
+  margin-bottom: 0;
+}
+
+.tool-group-header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.6rem;
+  padding-bottom: 0.4rem;
+  border-bottom: 1px solid var(--border);
+}
+
+/* \u2500\u2500 Empty state \u2500\u2500 */
+.empty-state {
+  text-align: center;
+  padding: 4rem 2rem;
+  color: var(--text-dim);
+}
+
+.empty-state-icon {
+  font-size: 3rem;
+  margin-bottom: 1rem;
+  display: block;
+  opacity: 0.5;
+}
+
+.empty-state h3 {
+  font-size: 1.2rem;
+  margin-bottom: 0.5rem;
+  color: var(--text);
+  font-family: var(--font-mono);
+}
+
+/* \u2500\u2500 Scope badge \u2500\u2500 */
+.scope-badge {
+  font-size: 0.65rem;
+  padding: 0.1rem 0.4rem;
+  border-radius: 3px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+.scope-badge--project { background: var(--accent); color: var(--bg); }
+.scope-badge--user { background: var(--purple); color: var(--bg); }
+.scope-badge--vscode { background: #007acc; color: #fff; }
+.scope-badge--desktop { background: var(--orange); color: var(--bg); }
+
+/* \u2500\u2500 Warnings \u2500\u2500 */
+.warning-card {
+  background: var(--bg-card);
+  border: 1px solid var(--orange);
+  border-left: 4px solid var(--orange);
+  border-radius: var(--radius);
+  padding: 0.8rem 1rem;
+  margin-bottom: 0.5rem;
+  font-size: 0.8rem;
+}
+
+.warning-card:last-child { margin-bottom: 0; }
+
+.warning-scanner {
+  font-family: var(--font-mono);
+  font-size: 0.7rem;
+  color: var(--orange);
+  margin-bottom: 0.2rem;
+}
+
+/* \u2500\u2500 Footer \u2500\u2500 */
+.footer {
+  text-align: center;
+  padding: 2rem 0;
+  margin-top: 2rem;
+  border-top: 1px solid var(--border);
+  font-size: 0.75rem;
+  color: var(--text-dim);
+  font-family: var(--font-mono);
+}
+
+.footer a {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+.footer a:hover {
+  text-decoration: underline;
+}
+
+/* \u2500\u2500 Animations \u2500\u2500 */
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(12px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 0.6; }
+  50% { opacity: 1; }
+}
+
+/* \u2500\u2500 Responsive \u2500\u2500 */
+@media (max-width: 1024px) {
+  .stats-grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+@media (max-width: 768px) {
+  .container { padding: 1rem; }
+  .nav-bar { padding: 0.5rem 1rem; flex-wrap: wrap; }
+  .nav-links { display: none; }
+  .badges { gap: 0.5rem; }
+  .badge { font-size: 0.7rem; padding: 0.2rem 0.6rem; }
+  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 0.6rem; }
+  .stat-number { font-size: 1.5rem; }
+  .header h1 { font-size: 1.3rem; }
+  .ecosystem-map { display: none; }
+  .section-content { padding: 0.75rem; }
+}
+
+@media (max-width: 480px) {
+  .stats-grid { grid-template-columns: repeat(2, 1fr); }
+  .nav-actions { gap: 0.3rem; }
+}
+
+/* \u2500\u2500 Print \u2500\u2500 */
+@media print {
+  .nav-bar, .search-bar, .ecosystem-map, .nav-btn, .copy-btn, .preview-toggle { display: none !important; }
+  body { background: #fff; color: #000; }
+  .container { max-width: 100%; padding: 1rem; }
+  .card, .section { break-inside: avoid; box-shadow: none; border-color: #ccc; }
+  .section-content { max-height: none !important; opacity: 1 !important; }
+  .header h1 { color: #000; }
+  .stat-card { border-color: #ccc; }
+  .stat-number { color: #333; }
+}
+`;
+
+// src/report/scripts.ts
+var JS_SCRIPTS = `
+document.addEventListener('DOMContentLoaded', () => {
+
+  // \u2500\u2500 Animated Counters \u2500\u2500
+  document.querySelectorAll('.stat-number').forEach(el => {
+    const target = parseInt(el.getAttribute('data-target') || '0')
+    if (target === 0) { el.textContent = '0'; return }
+    let current = 0
+    const step = Math.max(1, Math.ceil(target / 25))
+    const interval = setInterval(() => {
+      current = Math.min(current + step, target)
+      el.textContent = current
+      if (current >= target) clearInterval(interval)
+    }, 35)
+  })
+
+  // \u2500\u2500 Section Collapse/Expand \u2500\u2500
+  document.querySelectorAll('.section-header').forEach(header => {
+    header.addEventListener('click', () => {
+      const section = header.closest('.section')
+      if (!section) return
+      const content = section.querySelector('.section-content')
+      if (!content) return
+
+      if (section.classList.contains('collapsed')) {
+        // Expand
+        section.classList.remove('collapsed')
+        content.style.maxHeight = content.scrollHeight + 'px'
+        setTimeout(() => { content.style.maxHeight = '' }, 400)
+      } else {
+        // Collapse
+        content.style.maxHeight = content.scrollHeight + 'px'
+        requestAnimationFrame(() => {
+          content.style.maxHeight = '0px'
+          section.classList.add('collapsed')
+        })
+      }
+    })
+  })
+
+  // \u2500\u2500 Preview Toggle \u2500\u2500
+  document.querySelectorAll('.preview-toggle').forEach(btn => {
+    btn.addEventListener('click', (e) => {
+      e.stopPropagation()
+      const preview = btn.nextElementSibling
+      if (preview && preview.classList.contains('preview')) {
+        preview.classList.toggle('open')
+        btn.textContent = preview.classList.contains('open') ? 'Ocultar' : 'Ver contenido'
+      }
+    })
+  })
+
+  // \u2500\u2500 Global Search \u2500\u2500
+  const searchInput = document.getElementById('search-input')
+  const resultsCount = document.querySelector('.search-results-count')
+  const searchKbd = document.querySelector('.search-kbd')
+
+  if (searchInput) {
+    searchInput.addEventListener('input', (e) => {
+      const query = e.target.value.toLowerCase().trim()
+      let visible = 0
+      let total = 0
+
+      document.querySelectorAll('[data-searchable]').forEach(el => {
+        const text = el.getAttribute('data-searchable').toLowerCase()
+        const match = !query || text.includes(query)
+        el.style.display = match ? '' : 'none'
+        total++
+        if (match) visible++
+      })
+
+      if (resultsCount) {
+        resultsCount.textContent = query ? visible + ' / ' + total : ''
+      }
+      if (searchKbd) {
+        searchKbd.style.display = query ? 'none' : ''
+      }
+    })
+
+    searchInput.addEventListener('focus', () => {
+      if (searchKbd) searchKbd.style.display = 'none'
+    })
+
+    searchInput.addEventListener('blur', () => {
+      if (searchKbd && !searchInput.value) searchKbd.style.display = ''
+    })
+  }
+
+  // \u2500\u2500 Keyboard Shortcuts \u2500\u2500
+  document.addEventListener('keydown', (e) => {
+    // Ignore when typing in input
+    if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {
+      if (e.key === 'Escape') {
+        e.target.value = ''
+        e.target.dispatchEvent(new Event('input'))
+        e.target.blur()
+      }
+      return
+    }
+
+    if (e.key === '/') {
+      e.preventDefault()
+      if (searchInput) searchInput.focus()
+    }
+  })
+
+  // \u2500\u2500 Nav Links (scroll to section) \u2500\u2500
+  document.querySelectorAll('.nav-link[data-target]').forEach(link => {
+    link.addEventListener('click', (e) => {
+      e.preventDefault()
+      const targetId = link.getAttribute('data-target')
+      const target = document.getElementById(targetId)
+      if (target) {
+        // Expand if collapsed
+        if (target.classList.contains('collapsed')) {
+          target.classList.remove('collapsed')
+          const content = target.querySelector('.section-content')
+          if (content) {
+            content.style.maxHeight = content.scrollHeight + 'px'
+            setTimeout(() => { content.style.maxHeight = '' }, 400)
+          }
+        }
+        target.scrollIntoView({ behavior: 'smooth', block: 'start' })
+      }
+    })
+  })
+
+  // \u2500\u2500 Ecosystem Map (click to scroll) \u2500\u2500
+  document.querySelectorAll('.eco-node[data-section]').forEach(node => {
+    node.addEventListener('click', () => {
+      const targetId = node.getAttribute('data-section')
+      const target = document.getElementById(targetId)
+      if (target) {
+        if (target.classList.contains('collapsed')) {
+          target.classList.remove('collapsed')
+          const content = target.querySelector('.section-content')
+          if (content) {
+            content.style.maxHeight = content.scrollHeight + 'px'
+            setTimeout(() => { content.style.maxHeight = '' }, 400)
+          }
+        }
+        target.scrollIntoView({ behavior: 'smooth', block: 'start' })
+      }
+    })
+  })
+
+  // \u2500\u2500 Theme Toggle \u2500\u2500
+  const themeToggle = document.getElementById('theme-toggle')
+  if (themeToggle) {
+    themeToggle.addEventListener('click', () => {
+      const html = document.documentElement
+      const current = html.getAttribute('data-theme')
+      const next = current === 'light' ? 'dark' : 'light'
+      html.setAttribute('data-theme', next)
+      themeToggle.innerHTML = next === 'light' ? '&#9728;' : '&#9790;'
+    })
+  }
+
+  // \u2500\u2500 Export JSON \u2500\u2500
+  const exportBtn = document.getElementById('export-btn')
+  if (exportBtn) {
+    exportBtn.addEventListener('click', () => {
+      const dataEl = document.getElementById('scan-data')
+      if (!dataEl) return
+      const text = dataEl.textContent || ''
+      const fallback = () => {
+        const ta = document.createElement('textarea')
+        ta.value = text
+        ta.style.position = 'fixed'
+        ta.style.opacity = '0'
+        document.body.appendChild(ta)
+        ta.select()
+        document.execCommand('copy')
+        document.body.removeChild(ta)
+      }
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(text).catch(fallback)
+      } else {
+        fallback()
+      }
+      const orig = exportBtn.innerHTML
+      exportBtn.textContent = '\\u2713'
+      setTimeout(() => { exportBtn.innerHTML = orig }, 1500)
+    })
+  }
+
+  // \u2500\u2500 Copy Buttons \u2500\u2500
+  document.querySelectorAll('.copy-btn').forEach(btn => {
+    btn.addEventListener('click', (e) => {
+      e.stopPropagation()
+      const text = btn.getAttribute('data-copy') || ''
+      const fallback = () => {
+        const ta = document.createElement('textarea')
+        ta.value = text
+        ta.style.position = 'fixed'
+        ta.style.opacity = '0'
+        document.body.appendChild(ta)
+        ta.select()
+        document.execCommand('copy')
+        document.body.removeChild(ta)
+      }
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(text).catch(fallback)
+      } else {
+        fallback()
+      }
+      btn.classList.add('copy-btn--copied')
+      btn.textContent = '\\u2713'
+      setTimeout(() => {
+        btn.classList.remove('copy-btn--copied')
+        btn.textContent = 'copiar'
+      }, 1500)
+    })
+  })
+
+})
+`;
+
+// src/report/ecosystem-map.ts
+function esc(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function buildCategories(result, summary) {
+  return [
+    {
+      id: "section-mcp",
+      label: "MCP",
+      icon: "\u2699",
+      count: summary.totalMcpServers,
+      color: "#00d4ff",
+      items: result.mcpServers.slice(0, 8).map((s) => ({
+        name: s.name,
+        detail: `${s.introspection?.tools.length ?? 0} tools`
+      }))
+    },
+    {
+      id: "section-context",
+      label: "Contexto",
+      icon: "\u{1F4C4}",
+      count: summary.totalFiles,
+      color: "#b388ff",
+      items: result.contextFiles.slice(0, 8).map((f) => ({
+        name: f.path,
+        detail: f.tool
+      }))
+    },
+    {
+      id: "section-skills",
+      label: "Skills",
+      icon: "\u26A1",
+      count: summary.totalSkills,
+      color: "#ffab40",
+      items: result.skills.slice(0, 8).map((s) => ({
+        name: s.name
+      }))
+    },
+    {
+      id: "section-agents",
+      label: "Agents",
+      icon: "\u{1F916}",
+      count: summary.totalAgents,
+      color: "#00e676",
+      items: result.agents.slice(0, 8).map((a) => ({
+        name: a.name,
+        detail: a.model
+      }))
+    },
+    {
+      id: "section-memories",
+      label: "Memorias",
+      icon: "\u{1F9E0}",
+      count: summary.totalMemories,
+      color: "#ff80ab",
+      items: result.memories.slice(0, 8).map((m) => ({
+        name: m.type,
+        detail: m.status
+      }))
+    }
+  ];
+}
+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 = 800;
+  const H = 420;
+  const cx = W / 2;
+  const cy = H / 2;
+  const catRadius = 155;
+  const itemRadius = 70;
+  const startAngle = -Math.PI / 2;
+  let svg = "";
+  svg += `<defs>
+    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="4" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+    <filter id="glow-strong" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="8" result="blur"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
+    </filter>
+  </defs>`;
+  svg += `<pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse">
+    <circle cx="15" cy="15" r="0.5" fill="var(--text-dim)" opacity="0.15"/>
+  </pattern>
+  <rect width="${W}" height="${H}" fill="url(#grid)"/>`;
+  const catPositions = [];
+  categories.forEach((cat, i) => {
+    const angle = startAngle + i / categories.length * Math.PI * 2;
+    const x = cx + Math.cos(angle) * catRadius;
+    const y = cy + Math.sin(angle) * catRadius;
+    catPositions.push({ x, y, cat });
+    const dimmed = cat.count === 0;
+    svg += `<line x1="${cx}" y1="${cy}" x2="${x}" y2="${y}"
+      class="eco-connection ${dimmed ? "eco-dimmed" : "eco-connection--active"}"
+      style="animation-delay: ${i * 0.3}s"/>`;
+    if (!dimmed && cat.items.length > 0) {
+      const maxItems = Math.min(cat.items.length, 8);
+      const arcSpread = Math.min(Math.PI * 0.5, maxItems * 0.2);
+      cat.items.slice(0, maxItems).forEach((item, j) => {
+        const itemAngle = angle - arcSpread / 2 + (maxItems > 1 ? j / (maxItems - 1) * arcSpread : 0);
+        const ix = x + Math.cos(itemAngle) * itemRadius;
+        const iy = y + Math.sin(itemAngle) * itemRadius;
+        svg += `<line x1="${x}" y1="${y}" x2="${ix}" y2="${iy}"
+          stroke="${cat.color}" stroke-width="0.8" opacity="0.25"/>`;
+        svg += `<circle cx="${ix}" cy="${iy}" r="4" fill="${cat.color}"
+          class="eco-item-circle" opacity="0.5">
+          <title>${esc(item.name)}${item.detail ? " (" + esc(item.detail) + ")" : ""}</title>
+        </circle>`;
+      });
+      if (cat.items.length < cat.count) {
+        const extra = cat.count - cat.items.length;
+        const moreAngle = angle + arcSpread / 2 + 0.3;
+        const mx = x + Math.cos(moreAngle) * (itemRadius - 10);
+        const my = y + Math.sin(moreAngle) * (itemRadius - 10);
+        svg += `<text x="${mx}" y="${my}" font-family="var(--font-mono)"
+          font-size="9" fill="${cat.color}" opacity="0.6" text-anchor="middle"
+          dominant-baseline="middle">+${extra}</text>`;
+      }
+    }
+    const nodeR = dimmed ? 22 : 28;
+    svg += `<g class="eco-node ${dimmed ? "eco-dimmed" : ""}" data-section="${cat.id}">
+      <circle cx="${x}" cy="${y}" r="${nodeR}"
+        fill="${cat.color}15" stroke="${cat.color}" stroke-width="2"
+        class="eco-node-circle" ${!dimmed ? 'filter="url(#glow)"' : ""}/>
+      <text x="${x}" y="${y - 3}" class="eco-label"
+        fill="${cat.color}" font-weight="600">${cat.icon} ${cat.label}</text>
+      <text x="${x}" y="${y + 12}" class="eco-label eco-label--count">${cat.count}</text>
+    </g>`;
+  });
+  const projectName = result.project.name.length > 18 ? result.project.name.slice(0, 16) + ".." : result.project.name;
+  svg += `<g class="eco-node">
+    <circle cx="${cx}" cy="${cy}" r="38" fill="var(--accent)" opacity="0.1"
+      stroke="var(--accent)" stroke-width="2" class="eco-center-circle"
+      filter="url(#glow-strong)"/>
+    <circle cx="${cx}" cy="${cy}" r="36" fill="var(--bg-alt)" opacity="0.9"/>
+    <text x="${cx}" y="${cy - 5}" class="eco-label eco-label--center">${esc(projectName)}</text>
+    <text x="${cx}" y="${cy + 12}" class="eco-label eco-label--count">${totalItems} elementos</text>
+  </g>`;
+  return `
+    <div class="ecosystem-map">
+      <svg class="ecosystem-svg" viewBox="0 0 ${W} ${H}" xmlns="http://www.w3.org/2000/svg">
+        ${svg}
+      </svg>
+    </div>`;
+}
+
+// src/report/sections.ts
+function esc2(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function renderNavBar(summary) {
+  const links = [
+    { id: "section-mcp", label: "MCP", count: summary.totalMcpServers },
+    { id: "section-context", label: "Contexto", count: summary.totalFiles },
+    { id: "section-skills", label: "Skills", count: summary.totalSkills },
+    { id: "section-agents", label: "Agents", count: summary.totalAgents },
+    { id: "section-memories", label: "Memorias", count: summary.totalMemories }
+  ];
+  const navLinks = links.filter((l) => l.count > 0).map(
+    (l) => `<a class="nav-link" data-target="${l.id}">${l.label} (${l.count})</a>`
+  ).join("");
+  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>
+        ${navLinks}
+      </div>
+      <div class="nav-actions">
+        <button class="nav-btn" id="theme-toggle" title="Cambiar tema">&#9790;</button>
+        <button class="nav-btn" id="export-btn" title="Exportar JSON">&#128203;</button>
+      </div>
+    </nav>`;
+}
+function renderHeader(project, summary, scanDuration) {
+  const date = new Date(project.scannedAt).toLocaleString();
+  return `
+    <header class="header">
+      <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>
+      </div>
+    </header>`;
+}
+function renderStatsGrid(summary) {
+  const stats = [
+    {
+      icon: "\u2699\uFE0F",
+      value: summary.totalMcpServers,
+      label: "MCP Servers",
+      color: "#00d4ff"
+    },
+    {
+      icon: "\u{1F6E0}\uFE0F",
+      value: summary.totalTools,
+      label: "MCP Tools",
+      color: "#00e676"
+    },
+    {
+      icon: "\u{1F4C4}",
+      value: summary.totalFiles,
+      label: "Archivos AI",
+      color: "#b388ff"
+    },
+    {
+      icon: "\u26A1",
+      value: summary.totalSkills,
+      label: "Skills",
+      color: "#ffab40"
+    },
+    {
+      icon: "\u{1F916}",
+      value: summary.totalAgents,
+      label: "Agents",
+      color: "#4285f4"
+    },
+    {
+      icon: "\u{1F9E0}",
+      value: summary.totalMemories,
+      label: "Memorias",
+      color: "#ff80ab"
+    }
+  ];
+  const cards = stats.map(
+    (s) => `
+      <div class="stat-card" style="--stat-color: ${s.color}">
+        <span class="stat-icon">${s.icon}</span>
+        <span class="stat-number" data-target="${s.value}">0</span>
+        <span class="stat-label">${s.label}</span>
+      </div>`
+  ).join("");
+  return `<div class="stats-grid">${cards}</div>`;
+}
+function renderMcpServers(servers) {
+  if (servers.length === 0) return "";
+  const cards = servers.map((s, i) => {
+    const intro = s.introspection;
+    const statusClass = intro ? `status--${intro.status}` : "status--configured";
+    const statusText = intro ? intro.status === "ok" ? "OK" : intro.status === "timeout" ? "Timeout" : "Error" : "No introspectado";
+    let toolsHtml = "";
+    if (intro && intro.tools.length > 0) {
+      const items = intro.tools.map(
+        (t) => `<li data-searchable="${esc2(t.name + " " + (t.description ?? ""))}"><span class="tool-name">${esc2(t.name)}</span><span class="tool-desc">${esc2(t.description ?? "")}</span></li>`
+      ).join("");
+      toolsHtml = `<div class="card-meta">${intro.tools.length} tools</div><ul class="tool-list">${items}</ul>`;
+    }
+    let resourcesHtml = "";
+    if (intro && intro.resources.length > 0) {
+      resourcesHtml = `<div class="card-meta" style="margin-top:0.5rem">${intro.resources.length} resources</div>`;
+    }
+    let promptsHtml = "";
+    if (intro && intro.prompts.length > 0) {
+      promptsHtml = `<div class="card-meta" style="margin-top:0.5rem">${intro.prompts.length} prompts</div>`;
+    }
+    const serverVersion = intro?.serverInfo ? ` v${esc2(intro.serverInfo.version)}` : "";
+    const errorHtml = intro?.error ? `<div class="card-meta" style="color:var(--red)">${esc2(intro.error)}</div>` : "";
+    const cmdStr = s.config.command ? `${s.config.command} ${(s.config.args ?? []).join(" ")}` : s.config.url ?? "";
+    const configHtml = cmdStr ? `<div class="card-meta">${esc2(cmdStr)}</div>` : "";
+    const copyData = cmdStr || s.name;
+    return `
+        <div class="card" data-searchable="${esc2(s.name + " " + (intro?.serverInfo?.name ?? ""))}"
+          style="animation-delay: ${i * 0.05}s">
+          <button class="copy-btn" data-copy="${esc2(copyData)}">copiar</button>
+          <div class="card-title">
+            <span>${esc2(s.name)}${serverVersion}</span>
+            <span class="status ${statusClass}">${statusText}</span>
+            <span class="scope-badge scope-badge--${s.source}">${s.source}</span>
+          </div>
+          ${configHtml}
+          ${errorHtml}
+          ${toolsHtml}
+          ${resourcesHtml}
+          ${promptsHtml}
+        </div>`;
+  }).join("");
+  const totalTools = servers.reduce(
+    (sum, s) => sum + (s.introspection?.tools.length ?? 0),
+    0
+  );
+  return `
+    <div class="section" id="section-mcp">
+      <div class="section-header">
+        <div class="section-header-left">
+          <span class="section-icon">\u2699\uFE0F</span>
+          <h2>MCP Servers</h2>
+        </div>
+        <div class="section-header-right">
+          <span class="count">${servers.length} servers &middot; ${totalTools} tools</span>
+          <span class="arrow">&#9660;</span>
+        </div>
+      </div>
+      <div class="section-content">${cards}</div>
+    </div>`;
+}
+function renderContextFiles(files) {
+  if (files.length === 0) return "";
+  const maxSize = Math.max(...files.map((f) => f.size), 1);
+  const groups = /* @__PURE__ */ new Map();
+  for (const f of files) {
+    const existing = groups.get(f.tool) ?? [];
+    existing.push(f);
+    groups.set(f.tool, existing);
+  }
+  let groupsHtml = "";
+  for (const [tool, toolFiles] of groups) {
+    const items = toolFiles.map((f, i) => {
+      const previewHtml = f.preview ? `<button class="preview-toggle">Ver contenido</button><div class="preview">${esc2(f.preview)}</div>` : "";
+      const errorHtml = f.error ? `<span class="status status--error">${esc2(f.error)}</span>` : "";
+      const sizeStr = f.size > 0 ? formatBytes(f.size) : "";
+      const typeIcon = f.type === "directory" ? "\u{1F4C1}" : "\u{1F4C4}";
+      const sizePercent = f.size > 0 ? Math.max(3, f.size / maxSize * 100) : 0;
+      const sizeBar = f.size > 0 ? `<div class="size-bar"><div class="size-bar-fill" style="width:${sizePercent}%"></div></div>` : "";
+      const childrenHtml = f.children && f.children.length > 0 ? `<div class="card-meta" style="margin-top:0.3rem">${f.children.length} archivos dentro</div>` : "";
+      return `
+          <div class="card" data-searchable="${esc2(f.path + " " + tool)}"
+            style="animation-delay: ${i * 0.04}s">
+            <button class="copy-btn" data-copy="${esc2(f.path)}">copiar</button>
+            <div class="card-title">${typeIcon} ${esc2(f.path)} ${errorHtml}</div>
+            <div class="card-meta">${sizeStr} &middot; <span class="scope-badge scope-badge--${f.scope}">${f.scope}</span></div>
+            ${sizeBar}
+            ${childrenHtml}
+            ${previewHtml}
+          </div>`;
+    }).join("");
+    groupsHtml += `
+      <div class="tool-group">
+        <div class="tool-group-header">
+          <span class="tool-badge tool-badge--${tool}">${tool}</span>
+          <span class="count">${toolFiles.length} archivos</span>
+        </div>
+        ${items}
+      </div>`;
+  }
+  return `
+    <div class="section" id="section-context">
+      <div class="section-header">
+        <div class="section-header-left">
+          <span class="section-icon">\u{1F4C4}</span>
+          <h2>Archivos de Contexto</h2>
+        </div>
+        <div class="section-header-right">
+          <span class="count">${files.length} archivos &middot; ${groups.size} herramientas</span>
+          <span class="arrow">&#9660;</span>
+        </div>
+      </div>
+      <div class="section-content">${groupsHtml}</div>
+    </div>`;
+}
+function renderSkills(skills) {
+  if (skills.length === 0) return "";
+  const items = skills.map((s, i) => {
+    const triggersHtml = s.triggers ? `<div class="card-meta">${s.triggers.map((t) => esc2(t)).join(", ")}</div>` : "";
+    return `
+        <div class="card" data-searchable="${esc2(s.name + " " + (s.description ?? ""))}"
+          style="animation-delay: ${i * 0.04}s">
+          <div class="card-title">
+            \u26A1 ${esc2(s.name)}
+            <span class="scope-badge scope-badge--${s.scope}">${s.scope}</span>
+          </div>
+          ${s.description ? `<div class="card-meta">${esc2(s.description)}</div>` : ""}
+          ${triggersHtml}
+        </div>`;
+  }).join("");
+  return `
+    <div class="section" id="section-skills">
+      <div class="section-header">
+        <div class="section-header-left">
+          <span class="section-icon">\u26A1</span>
+          <h2>Skills</h2>
+        </div>
+        <div class="section-header-right">
+          <span class="count">${skills.length}</span>
+          <span class="arrow">&#9660;</span>
+        </div>
+      </div>
+      <div class="section-content">${items}</div>
+    </div>`;
+}
+function renderAgents(agents) {
+  if (agents.length === 0) return "";
+  const items = agents.map((a, i) => {
+    const modelHtml = a.model ? `<span class="badge badge--green" style="font-size:0.65rem;padding:0.1rem 0.5rem">${esc2(a.model)}</span>` : "";
+    const memoryHtml = a.hasMemory ? '<span class="badge badge--pink" style="font-size:0.65rem;padding:0.1rem 0.5rem">\u{1F9E0} memoria</span>' : "";
+    return `
+        <div class="card" data-searchable="${esc2(a.name + " " + (a.description ?? ""))}"
+          style="animation-delay: ${i * 0.04}s">
+          <div class="card-title">
+            \u{1F916} ${esc2(a.name)}
+            ${modelHtml}
+            ${memoryHtml}
+            <span class="scope-badge scope-badge--${a.scope}">${a.scope}</span>
+          </div>
+          ${a.description ? `<div class="card-meta">${esc2(a.description)}</div>` : ""}
+        </div>`;
+  }).join("");
+  return `
+    <div class="section" id="section-agents">
+      <div class="section-header">
+        <div class="section-header-left">
+          <span class="section-icon">\u{1F916}</span>
+          <h2>Agents</h2>
+        </div>
+        <div class="section-header-right">
+          <span class="count">${agents.length}</span>
+          <span class="arrow">&#9660;</span>
+        </div>
+      </div>
+      <div class="section-content">${items}</div>
+    </div>`;
+}
+function renderMemories(memories) {
+  if (memories.length === 0) return "";
+  const items = memories.map((m, i) => {
+    const detailEntries = m.details ? Object.entries(m.details).filter(
+      ([k]) => k !== "preview"
+    ) : [];
+    const detailsHtml = detailEntries.length > 0 ? `<div class="card-meta">${detailEntries.map(([k, v]) => `${esc2(k)}: ${esc2(String(v))}`).join(" &middot; ")}</div>` : "";
+    const previewVal = m.details && typeof m.details.preview === "string" ? m.details.preview : null;
+    const previewHtml = previewVal ? `<button class="preview-toggle">Ver contenido</button><div class="preview">${esc2(previewVal)}</div>` : "";
+    return `
+        <div class="card" data-searchable="${esc2(m.type + " " + (m.path ?? ""))}"
+          style="animation-delay: ${i * 0.04}s">
+          <div class="card-title">
+            \u{1F9E0} ${esc2(m.type)}
+            <span class="status status--${m.status}">${m.status}</span>
+          </div>
+          <div class="card-meta">${m.source}${m.path ? ` &middot; ${esc2(m.path)}` : ""}</div>
+          ${detailsHtml}
+          ${previewHtml}
+        </div>`;
+  }).join("");
+  return `
+    <div class="section" id="section-memories">
+      <div class="section-header">
+        <div class="section-header-left">
+          <span class="section-icon">\u{1F9E0}</span>
+          <h2>Memorias</h2>
+        </div>
+        <div class="section-header-right">
+          <span class="count">${memories.length}</span>
+          <span class="arrow">&#9660;</span>
+        </div>
+      </div>
+      <div class="section-content">${items}</div>
+    </div>`;
+}
+function renderWarnings(warnings) {
+  if (warnings.length === 0) return "";
+  const items = warnings.map(
+    (w) => `
+      <div class="warning-card">
+        <div class="warning-scanner">${esc2(w.scanner)}${w.path ? ` &mdash; ${esc2(w.path)}` : ""}</div>
+        <div>${esc2(w.message)}</div>
+      </div>`
+  ).join("");
+  return `
+    <div class="section" id="section-warnings">
+      <div class="section-header">
+        <div class="section-header-left">
+          <span class="section-icon">\u26A0\uFE0F</span>
+          <h2>Advertencias</h2>
+        </div>
+        <div class="section-header-right">
+          <span class="count">${warnings.length}</span>
+          <span class="arrow">&#9660;</span>
+        </div>
+      </div>
+      <div class="section-content">${items}</div>
+    </div>`;
+}
+function renderEmptyState() {
+  return `
+    <div class="empty-state">
+      <span class="empty-state-icon">\u{1F50D}</span>
+      <h3>No se encontr\xF3 configuraci\xF3n AI en este proyecto</h3>
+      <p>Este proyecto no tiene archivos de configuraci\xF3n de herramientas AI.</p>
+      <p style="margin-top:1rem;font-size:0.85rem;color:var(--text-dim)">
+        Herramientas soportadas: Claude, Cursor, Windsurf, Copilot, Gemini,
+        Codex, OpenCode, Aider, Cline, Roo, Continue, Amazon Q, Augment,
+        Replit, Firebase Studio, Tabnine, Sourcegraph
+      </p>
+    </div>`;
+}
+
+// src/report/generator.ts
+function computeSummary(result) {
+  return {
+    totalMcpServers: result.mcpServers.length,
+    totalTools: result.mcpServers.reduce(
+      (sum, s) => sum + (s.introspection?.tools.length ?? 0),
+      0
+    ),
+    totalFiles: result.contextFiles.length,
+    totalSkills: result.skills.length,
+    totalAgents: result.agents.length,
+    totalMemories: result.memories.length
+  };
+}
+function generateHtml(result) {
+  const summary = computeSummary(result);
+  const isEmpty = summary.totalMcpServers === 0 && summary.totalFiles === 0 && summary.totalSkills === 0 && summary.totalAgents === 0 && summary.totalMemories === 0;
+  const navBar = renderNavBar(summary);
+  const header = renderHeader(result.project, summary, result.scanDuration);
+  const statsGrid = renderStatsGrid(summary);
+  const ecosystemMap = renderEcosystemMap(result, summary);
+  const content = isEmpty ? renderEmptyState() : [
+    renderMcpServers(result.mcpServers),
+    renderContextFiles(result.contextFiles),
+    renderSkills(result.skills),
+    renderAgents(result.agents),
+    renderMemories(result.memories),
+    renderWarnings(result.warnings)
+  ].join("");
+  const exportData = {
+    project: result.project.name,
+    scannedAt: result.project.scannedAt,
+    scanDuration: result.scanDuration,
+    summary,
+    mcpServers: result.mcpServers.map((s) => ({
+      name: s.name,
+      source: s.source,
+      transport: s.config.transport,
+      tools: s.introspection?.tools.length ?? 0
+    })),
+    contextFiles: result.contextFiles.map((f) => ({
+      path: f.path,
+      tool: f.tool,
+      scope: f.scope
+    })),
+    skills: result.skills.map((s) => ({ name: s.name, scope: s.scope })),
+    agents: result.agents.map((a) => ({
+      name: a.name,
+      scope: a.scope,
+      model: a.model
+    })),
+    memories: result.memories.map((m) => ({
+      type: m.type,
+      source: m.source,
+      status: m.status
+    }))
+  };
+  return `<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI Context Inspector \u2014 ${escHtml(result.project.name)}</title>
+  <style>${CSS_STYLES}</style>
+</head>
+<body>
+  ${navBar}
+  <div class="container">
+    ${header}
+    ${statsGrid}
+    ${ecosystemMap}
+    <div class="search-bar">
+      <div class="search-bar-inner">
+        <span class="search-icon">\u{1F50D}</span>
+        <input type="text" id="search-input" placeholder="Buscar tools, archivos, skills, agents..." />
+        <span class="search-kbd">/</span>
+      </div>
+      <span class="search-results-count"></span>
+    </div>
+    ${content}
+    <footer class="footer">
+      Generado por ai-context-inspector &mdash; ${new Date(result.project.scannedAt).toLocaleString()}
+    </footer>
+  </div>
+  <script type="application/json" id="scan-data">${JSON.stringify(exportData)}</script>
+  <script>${JS_SCRIPTS}</script>
+</body>
+</html>`;
+}
+function escHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+
+export {
+  scanMcpConfigs,
+  introspectServers,
+  runAllScanners,
+  generateHtml
+};