viberadar 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 forlandeivan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,51 @@
+# 🔭 VibeRadar
+
+> Live module map with test coverage for vibecoding projects.
+
+Run it in any project root — VibeRadar scans your source files, reads Playwright/Istanbul coverage, and opens an interactive dashboard in your browser.
+
+## Usage
+
+```bash
+npx viberadar
+```
+
+Opens `http://localhost:4242` with a live map of:
+- All source modules (TypeScript, JavaScript, Vue, Svelte)
+- Which ones have tests and which don't
+- Coverage metrics (lines, statements, functions, branches)
+- Module sizes and local dependency graph
+
+## Dashboard
+
+- **Filter by type** — component, service, util, test, config
+- **Search** by name or path
+- **Click any card** to see full coverage breakdown and dependencies
+
+## Coverage data
+
+VibeRadar reads coverage from `coverage/coverage-summary.json` (Istanbul/V8 format).
+
+Generate it with:
+
+```bash
+# Vitest
+npx vitest run --coverage
+
+# Jest
+npx jest --coverage
+
+# Playwright (with coverage plugin)
+npx playwright test
+```
+
+## Tech
+
+- CLI: TypeScript + Node.js
+- Dashboard: vanilla HTML/JS (zero dependencies in browser)
+- Server: Node.js `http` module
+- Port: `4242`
+
+## License
+
+MIT

package/dist/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/dist/cli.js

@@ -0,0 +1,57 @@
+#!/usr/bin/env node
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const scanner_1 = require("./scanner");
+const server_1 = require("./server");
+const PROJECT_ROOT = process.cwd();
+const PORT = 4242;
+async function main() {
+    console.log('🔭 VibeRadar starting...');
+    console.log(`   Project: ${PROJECT_ROOT}`);
+    console.log('   Scanning modules...');
+    const data = await (0, scanner_1.scanProject)(PROJECT_ROOT);
+    console.log(`   Found ${data.modules.length} modules`);
+    await (0, server_1.startServer)({ data, port: PORT, projectRoot: PROJECT_ROOT });
+    console.log(`\n✅ Dashboard: http://localhost:${PORT}`);
+    console.log('   Press Ctrl+C to stop\n');
+    const { default: open } = await Promise.resolve().then(() => __importStar(require('open')));
+    await open(`http://localhost:${PORT}`);
+}
+main().catch((err) => {
+    console.error('❌ VibeRadar error:', err.message);
+    process.exit(1);
+});
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,uCAAwC;AACxC,qCAAuC;AAEvC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;AACnC,MAAM,IAAI,GAAG,IAAI,CAAC;AAElB,KAAK,UAAU,IAAI;IACjB,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;IACxC,OAAO,CAAC,GAAG,CAAC,eAAe,YAAY,EAAE,CAAC,CAAC;IAE3C,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,IAAA,qBAAW,EAAC,YAAY,CAAC,CAAC;IAE7C,OAAO,CAAC,GAAG,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,MAAM,UAAU,CAAC,CAAC;IAEvD,MAAM,IAAA,oBAAW,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC;IAEnE,OAAO,CAAC,GAAG,CAAC,mCAAmC,IAAI,EAAE,CAAC,CAAC;IACvD,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;IAEzC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,wDAAa,MAAM,GAAC,CAAC;IAC/C,MAAM,IAAI,CAAC,oBAAoB,IAAI,EAAE,CAAC,CAAC;AACzC,CAAC;AAED,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;IACnB,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC"}

package/dist/scanner/index.d.ts

@@ -0,0 +1,27 @@
+export interface ModuleInfo {
+    id: string;
+    name: string;
+    path: string;
+    relativePath: string;
+    type: 'component' | 'util' | 'service' | 'test' | 'config' | 'other';
+    hasTests: boolean;
+    testFile?: string;
+    coverage?: CoverageInfo;
+    size: number;
+    dependencies: string[];
+}
+export interface CoverageInfo {
+    lines: number;
+    statements: number;
+    functions: number;
+    branches: number;
+}
+export interface ScanResult {
+    projectRoot: string;
+    projectName: string;
+    scannedAt: string;
+    modules: ModuleInfo[];
+    totalCoverage?: CoverageInfo;
+}
+export declare function scanProject(projectRoot: string): Promise<ScanResult>;
+//# sourceMappingURL=index.d.ts.map

package/dist/scanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scanner/index.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrE,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,YAAY,CAAC;CAC9B;AAgED,wBAAsB,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAoE1E"}

package/dist/scanner/index.js

@@ -0,0 +1,163 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scanProject = scanProject;
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+const glob_1 = require("glob");
+const IGNORE_DIRS = [
+    'node_modules', 'dist', 'build', '.git', '.next',
+    'coverage', '.nyc_output', '__pycache__', '.venv',
+];
+const SOURCE_EXTENSIONS = ['.ts', '.tsx', '.js', '.jsx', '.vue', '.svelte'];
+const TEST_PATTERNS = ['.test.', '.spec.', '__tests__'];
+function detectType(filePath) {
+    const p = filePath.toLowerCase();
+    if (TEST_PATTERNS.some((t) => p.includes(t)))
+        return 'test';
+    if (p.includes('/component') || p.endsWith('.tsx') || p.endsWith('.jsx'))
+        return 'component';
+    if (p.includes('/service') || p.includes('/api'))
+        return 'service';
+    if (p.includes('/util') || p.includes('/helper') || p.includes('/lib'))
+        return 'util';
+    if (p.includes('config') || p.endsWith('.config.ts') || p.endsWith('.config.js'))
+        return 'config';
+    return 'other';
+}
+function extractDependencies(filePath) {
+    try {
+        const content = fs.readFileSync(filePath, 'utf-8');
+        const deps = [];
+        const importRe = /(?:import|require)\s*(?:.*?\s+from\s+)?['"]([^'"]+)['"]/g;
+        let match;
+        while ((match = importRe.exec(content)) !== null) {
+            const dep = match[1];
+            if (dep.startsWith('.'))
+                deps.push(dep);
+        }
+        return deps;
+    }
+    catch {
+        return [];
+    }
+}
+function loadPlaywrightCoverage(projectRoot) {
+    const coverageMap = new Map();
+    // Try Playwright JSON report
+    const playwrightReport = path.join(projectRoot, 'playwright-report', 'results.json');
+    // Try V8/Istanbul coverage
+    const v8Coverage = path.join(projectRoot, 'coverage', 'coverage-summary.json');
+    if (fs.existsSync(v8Coverage)) {
+        try {
+            const raw = JSON.parse(fs.readFileSync(v8Coverage, 'utf-8'));
+            for (const [filePath, data] of Object.entries(raw)) {
+                if (filePath === 'total')
+                    continue;
+                coverageMap.set(filePath, {
+                    lines: data.lines?.pct ?? 0,
+                    statements: data.statements?.pct ?? 0,
+                    functions: data.functions?.pct ?? 0,
+                    branches: data.branches?.pct ?? 0,
+                });
+            }
+        }
+        catch {
+            // no coverage data
+        }
+    }
+    return coverageMap;
+}
+async function scanProject(projectRoot) {
+    const pkgPath = path.join(projectRoot, 'package.json');
+    let projectName = path.basename(projectRoot);
+    if (fs.existsSync(pkgPath)) {
+        try {
+            const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
+            projectName = pkg.name || projectName;
+        }
+        catch { }
+    }
+    const ignorePattern = IGNORE_DIRS.map((d) => `**/${d}/**`);
+    const patterns = SOURCE_EXTENSIONS.map((ext) => `**/*${ext}`);
+    const files = await (0, glob_1.glob)(patterns, {
+        cwd: projectRoot,
+        ignore: ignorePattern,
+        absolute: true,
+    });
+    const coverageMap = loadPlaywrightCoverage(projectRoot);
+    const testFiles = new Set(files.filter((f) => TEST_PATTERNS.some((t) => f.includes(t))));
+    const modules = files.map((filePath) => {
+        const relativePath = path.relative(projectRoot, filePath);
+        const name = path.basename(filePath, path.extname(filePath));
+        const isTest = TEST_PATTERNS.some((t) => filePath.includes(t));
+        // Try to find test file for non-test modules
+        let testFile;
+        if (!isTest) {
+            const base = filePath.replace(/\.[^.]+$/, '');
+            const ext = path.extname(filePath);
+            const candidates = [
+                `${base}.test${ext}`,
+                `${base}.spec${ext}`,
+                filePath.replace('/src/', '/tests/').replace(ext, `.test${ext}`),
+            ];
+            testFile = candidates.find((c) => testFiles.has(c));
+        }
+        let size = 0;
+        try {
+            size = fs.statSync(filePath).size;
+        }
+        catch { }
+        return {
+            id: relativePath.replace(/[/\\]/g, '_'),
+            name,
+            path: filePath,
+            relativePath,
+            type: detectType(filePath),
+            hasTests: !!testFile || isTest,
+            testFile: testFile ? path.relative(projectRoot, testFile) : undefined,
+            coverage: coverageMap.get(filePath),
+            size,
+            dependencies: extractDependencies(filePath),
+        };
+    });
+    return {
+        projectRoot,
+        projectName,
+        scannedAt: new Date().toISOString(),
+        modules,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/scanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/scanner/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,kCAoEC;AAlKD,uCAAyB;AACzB,2CAA6B;AAC7B,+BAA4B;AA8B5B,MAAM,WAAW,GAAG;IAClB,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO;IAChD,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO;CAClD,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;AAC5E,MAAM,aAAa,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AAExD,SAAS,UAAU,CAAC,QAAgB;IAClC,MAAM,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACjC,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC;IAC5D,IAAI,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAO,WAAW,CAAC;IAC7F,IAAI,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAO,SAAS,CAAC;IACnE,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAO,MAAM,CAAC;IACtF,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;QAAE,OAAO,QAAQ,CAAC;IAClG,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAgB;IAC3C,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACnD,MAAM,IAAI,GAAa,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,0DAA0D,CAAC;QAC5E,IAAI,KAAK,CAAC;QACV,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;YACjD,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACrB,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,WAAmB;IACjD,MAAM,WAAW,GAAG,IAAI,GAAG,EAAwB,CAAC;IAEpD,6BAA6B;IAC7B,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,mBAAmB,EAAE,cAAc,CAAC,CAAC;IACrF,2BAA2B;IAC3B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,EAAE,uBAAuB,CAAC,CAAC;IAE/E,IAAI,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;QAC9B,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;YAC7D,KAAK,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAA0B,CAAC,EAAE,CAAC;gBAC1E,IAAI,QAAQ,KAAK,OAAO;oBAAE,SAAS;gBACnC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE;oBACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC;oBAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC;oBACrC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC;oBACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC;iBAClC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,mBAAmB;QACrB,CAAC;IACH,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAEM,KAAK,UAAU,WAAW,CAAC,WAAmB;IACnD,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IACvD,IAAI,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC7C,IAAI,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3B,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;YAC1D,WAAW,GAAG,GAAG,CAAC,IAAI,IAAI,WAAW,CAAC;QACxC,CAAC;QAAC,MAAM,CAAC,CAAA,CAAC;IACZ,CAAC;IAED,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IAE9D,MAAM,KAAK,GAAG,MAAM,IAAA,WAAI,EAAC,QAAQ,EAAE;QACjC,GAAG,EAAE,WAAW;QAChB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG,IAAI,GAAG,CACvB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAC9D,CAAC;IAEF,MAAM,OAAO,GAAiB,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;QACnD,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QAC1D,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC7D,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAE/D,6CAA6C;QAC7C,IAAI,QAA4B,CAAC;QACjC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YACnC,MAAM,UAAU,GAAG;gBACjB,GAAG,IAAI,QAAQ,GAAG,EAAE;gBACpB,GAAG,IAAI,QAAQ,GAAG,EAAE;gBACpB,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,QAAQ,GAAG,EAAE,CAAC;aACjE,CAAC;YACF,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,CAAC;QAED,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,IAAI,CAAC;YACH,IAAI,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC;QACpC,CAAC;QAAC,MAAM,CAAC,CAAA,CAAC;QAEV,OAAO;YACL,EAAE,EAAE,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;YACvC,IAAI;YACJ,IAAI,EAAE,QAAQ;YACd,YAAY;YACZ,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;YAC1B,QAAQ,EAAE,CAAC,CAAC,QAAQ,IAAI,MAAM;YAC9B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS;YACrE,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC;YACnC,IAAI;YACJ,YAAY,EAAE,mBAAmB,CAAC,QAAQ,CAAC;SAC5C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,WAAW;QACX,WAAW;QACX,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;QACnC,OAAO;KACR,CAAC;AACJ,CAAC"}

package/dist/server/index.d.ts

@@ -0,0 +1,10 @@
+import * as http from 'http';
+import { ScanResult } from '../scanner';
+interface ServerOptions {
+    data: ScanResult;
+    port: number;
+    projectRoot: string;
+}
+export declare function startServer({ data, port, projectRoot }: ServerOptions): Promise<http.Server>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/server/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAG7B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAOD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAuC5F"}

package/dist/server/index.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startServer = startServer;
+const http = __importStar(require("http"));
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+const DASHBOARD_HTML = fs.readFileSync(path.join(__dirname, '../ui/dashboard.html'), 'utf-8');
+function startServer({ data, port, projectRoot }) {
+    return new Promise((resolve, reject) => {
+        const server = http.createServer((req, res) => {
+            const url = req.url ?? '/';
+            if (url === '/') {
+                res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
+                res.end(DASHBOARD_HTML);
+                return;
+            }
+            if (url === '/api/data') {
+                res.writeHead(200, { 'Content-Type': 'application/json' });
+                res.end(JSON.stringify(data, null, 2));
+                return;
+            }
+            res.writeHead(404);
+            res.end('Not found');
+        });
+        server.on('error', (err) => {
+            if (err.code === 'EADDRINUSE') {
+                reject(new Error(`Port ${port} is already in use. Is VibeRadar already running?`));
+            }
+            else {
+                reject(err);
+            }
+        });
+        server.listen(port, '127.0.0.1', () => {
+            resolve(server);
+        });
+        // Graceful shutdown
+        process.on('SIGINT', () => {
+            console.log('\n👋 VibeRadar stopped.');
+            server.close(() => process.exit(0));
+        });
+    });
+}
+//# sourceMappingURL=index.js.map

package/dist/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/server/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,kCAuCC;AAvDD,2CAA6B;AAC7B,uCAAyB;AACzB,2CAA6B;AAS7B,MAAM,cAAc,GAAG,EAAE,CAAC,YAAY,CACpC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,sBAAsB,CAAC,EAC5C,OAAO,CACR,CAAC;AAEF,SAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAiB;IACpE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAC5C,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC;YAE3B,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;gBAChB,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,cAAc,EAAE,0BAA0B,EAAE,CAAC,CAAC;gBACnE,GAAG,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;gBACxB,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC,CAAC;gBAC3D,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YACnB,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,GAA0B,EAAE,EAAE;YAChD,IAAI,GAAG,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;gBAC9B,MAAM,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,mDAAmD,CAAC,CAAC,CAAC;YACrF,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,GAAG,CAAC,CAAC;YACd,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE;YACpC,OAAO,CAAC,MAAM,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,oBAAoB;QACpB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE;YACxB,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;YACvC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/ui/dashboard.html

@@ -0,0 +1,586 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>VibeRadar</title>
+  <style>
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+
+    body {
+      font-family: 'Segoe UI', system-ui, sans-serif;
+      background: #0d1117;
+      color: #e6edf3;
+      min-height: 100vh;
+    }
+
+    header {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 16px 24px;
+      border-bottom: 1px solid #21262d;
+      background: #161b22;
+    }
+
+    header h1 {
+      font-size: 20px;
+      font-weight: 700;
+      letter-spacing: -0.5px;
+    }
+
+    header .project-name {
+      font-size: 13px;
+      color: #7d8590;
+      margin-left: auto;
+    }
+
+    header .scanned-at {
+      font-size: 12px;
+      color: #484f58;
+    }
+
+    .stats-bar {
+      display: flex;
+      gap: 24px;
+      padding: 14px 24px;
+      background: #161b22;
+      border-bottom: 1px solid #21262d;
+      flex-wrap: wrap;
+    }
+
+    .stat {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .stat-value {
+      font-size: 22px;
+      font-weight: 700;
+      color: #58a6ff;
+    }
+
+    .stat-label {
+      font-size: 11px;
+      color: #7d8590;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    .main {
+      display: grid;
+      grid-template-columns: 260px 1fr;
+      height: calc(100vh - 110px);
+    }
+
+    .sidebar {
+      border-right: 1px solid #21262d;
+      overflow-y: auto;
+      padding: 12px 0;
+    }
+
+    .filter-group {
+      padding: 8px 16px;
+    }
+
+    .filter-group label {
+      font-size: 11px;
+      color: #7d8590;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      display: block;
+      margin-bottom: 6px;
+    }
+
+    .filter-group input {
+      width: 100%;
+      padding: 6px 10px;
+      background: #21262d;
+      border: 1px solid #30363d;
+      border-radius: 6px;
+      color: #e6edf3;
+      font-size: 13px;
+      outline: none;
+    }
+
+    .filter-group input:focus {
+      border-color: #58a6ff;
+    }
+
+    .type-filters {
+      padding: 8px 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    .type-filter {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 4px 6px;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 13px;
+      color: #7d8590;
+      transition: background 0.1s;
+    }
+
+    .type-filter:hover { background: #21262d; }
+    .type-filter.active { color: #e6edf3; background: #21262d; }
+
+    .type-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      flex-shrink: 0;
+    }
+
+    .content {
+      overflow-y: auto;
+      padding: 16px;
+    }
+
+    .module-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+      gap: 10px;
+    }
+
+    .module-card {
+      background: #161b22;
+      border: 1px solid #21262d;
+      border-radius: 8px;
+      padding: 12px;
+      cursor: pointer;
+      transition: border-color 0.15s, transform 0.1s;
+    }
+
+    .module-card:hover {
+      border-color: #58a6ff;
+      transform: translateY(-1px);
+    }
+
+    .module-card.selected {
+      border-color: #58a6ff;
+      background: #1c2230;
+    }
+
+    .module-card-header {
+      display: flex;
+      align-items: flex-start;
+      gap: 8px;
+      margin-bottom: 8px;
+    }
+
+    .module-name {
+      font-size: 13px;
+      font-weight: 600;
+      word-break: break-all;
+      flex: 1;
+    }
+
+    .badge {
+      font-size: 10px;
+      padding: 2px 6px;
+      border-radius: 10px;
+      font-weight: 600;
+      white-space: nowrap;
+      flex-shrink: 0;
+    }
+
+    .badge-green { background: #1a3a2a; color: #3fb950; }
+    .badge-red   { background: #3a1a1a; color: #f85149; }
+    .badge-gray  { background: #21262d; color: #7d8590; }
+
+    .module-path {
+      font-size: 11px;
+      color: #484f58;
+      margin-bottom: 8px;
+      word-break: break-all;
+    }
+
+    .coverage-bar {
+      height: 4px;
+      border-radius: 2px;
+      background: #21262d;
+      overflow: hidden;
+      margin-top: 6px;
+    }
+
+    .coverage-fill {
+      height: 100%;
+      border-radius: 2px;
+      transition: width 0.3s;
+    }
+
+    .detail-panel {
+      position: fixed;
+      right: 0;
+      top: 0;
+      width: 380px;
+      height: 100vh;
+      background: #161b22;
+      border-left: 1px solid #21262d;
+      padding: 20px;
+      overflow-y: auto;
+      transform: translateX(100%);
+      transition: transform 0.2s;
+      z-index: 100;
+    }
+
+    .detail-panel.open {
+      transform: translateX(0);
+    }
+
+    .detail-close {
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      background: none;
+      border: none;
+      color: #7d8590;
+      cursor: pointer;
+      font-size: 18px;
+      padding: 4px;
+    }
+
+    .detail-close:hover { color: #e6edf3; }
+
+    .detail-title {
+      font-size: 16px;
+      font-weight: 700;
+      margin-bottom: 4px;
+      padding-right: 32px;
+    }
+
+    .detail-path {
+      font-size: 11px;
+      color: #484f58;
+      margin-bottom: 16px;
+      word-break: break-all;
+    }
+
+    .detail-section {
+      margin-bottom: 16px;
+    }
+
+    .detail-section-title {
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: #7d8590;
+      margin-bottom: 8px;
+    }
+
+    .detail-row {
+      display: flex;
+      justify-content: space-between;
+      font-size: 13px;
+      padding: 4px 0;
+      border-bottom: 1px solid #21262d;
+    }
+
+    .detail-row:last-child { border-bottom: none; }
+
+    .coverage-metric {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 8px;
+    }
+
+    .coverage-metric-item {
+      background: #21262d;
+      border-radius: 6px;
+      padding: 8px;
+      text-align: center;
+    }
+
+    .coverage-metric-value {
+      font-size: 20px;
+      font-weight: 700;
+    }
+
+    .coverage-metric-label {
+      font-size: 10px;
+      color: #7d8590;
+      text-transform: uppercase;
+    }
+
+    .deps-list {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    .dep-item {
+      font-size: 12px;
+      color: #7d8590;
+      padding: 3px 8px;
+      background: #21262d;
+      border-radius: 4px;
+      font-family: monospace;
+    }
+
+    .loading {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 200px;
+      color: #7d8590;
+      font-size: 14px;
+    }
+
+    .type-colors {
+      component: '#58a6ff';
+      service: '#d2a8ff';
+      util: '#ffa657';
+      test: '#3fb950';
+      config: '#f85149';
+      other: '#484f58';
+    }
+  </style>
+</head>
+<body>
+
+<header>
+  <span style="font-size:22px">🔭</span>
+  <h1>VibeRadar</h1>
+  <span class="project-name" id="projectName">—</span>
+  <span class="scanned-at" id="scannedAt"></span>
+</header>
+
+<div class="stats-bar">
+  <div class="stat"><span class="stat-value" id="statModules">—</span><span class="stat-label">Modules</span></div>
+  <div class="stat"><span class="stat-value" id="statWithTests">—</span><span class="stat-label">With Tests</span></div>
+  <div class="stat"><span class="stat-value" id="statCoverage">—</span><span class="stat-label">Avg Coverage</span></div>
+  <div class="stat"><span class="stat-value" id="statTests">—</span><span class="stat-label">Test Files</span></div>
+</div>
+
+<div class="main">
+  <div class="sidebar">
+    <div class="filter-group">
+      <label>Search</label>
+      <input id="searchInput" type="text" placeholder="Filter modules..." />
+    </div>
+
+    <div style="padding: 8px 16px; font-size:11px; color:#7d8590; text-transform:uppercase; letter-spacing:0.5px; margin-top:8px;">
+      Type
+    </div>
+    <div class="type-filters" id="typeFilters"></div>
+  </div>
+
+  <div class="content">
+    <div class="loading" id="loading">Loading...</div>
+    <div class="module-grid" id="moduleGrid" style="display:none"></div>
+  </div>
+</div>
+
+<div class="detail-panel" id="detailPanel">
+  <button class="detail-close" id="detailClose">✕</button>
+  <div id="detailContent"></div>
+</div>
+
+<script>
+const TYPE_COLORS = {
+  component: '#58a6ff',
+  service:   '#d2a8ff',
+  util:      '#ffa657',
+  test:      '#3fb950',
+  config:    '#e3b341',
+  other:     '#484f58',
+};
+
+let allModules = [];
+let activeTypes = new Set();
+let searchQuery = '';
+let selectedModule = null;
+
+function coverageColor(pct) {
+  if (pct === undefined) return '#484f58';
+  if (pct >= 80) return '#3fb950';
+  if (pct >= 50) return '#e3b341';
+  return '#f85149';
+}
+
+function formatSize(bytes) {
+  if (bytes < 1024) return bytes + ' B';
+  return (bytes / 1024).toFixed(1) + ' KB';
+}
+
+function renderTypeFilters() {
+  const types = [...new Set(allModules.map(m => m.type))].sort();
+  const container = document.getElementById('typeFilters');
+  container.innerHTML = '';
+
+  const allBtn = document.createElement('div');
+  allBtn.className = 'type-filter' + (activeTypes.size === 0 ? ' active' : '');
+  allBtn.innerHTML = `<span class="type-dot" style="background:#7d8590"></span> All`;
+  allBtn.onclick = () => { activeTypes.clear(); renderAll(); };
+  container.appendChild(allBtn);
+
+  types.forEach(type => {
+    const count = allModules.filter(m => m.type === type).length;
+    const btn = document.createElement('div');
+    btn.className = 'type-filter' + (activeTypes.has(type) ? ' active' : '');
+    btn.innerHTML = `<span class="type-dot" style="background:${TYPE_COLORS[type] || '#484f58'}"></span> ${type} <span style="margin-left:auto;color:#484f58">${count}</span>`;
+    btn.onclick = () => {
+      if (activeTypes.has(type)) activeTypes.delete(type);
+      else activeTypes.add(type);
+      renderAll();
+    };
+    container.appendChild(btn);
+  });
+}
+
+function getFilteredModules() {
+  return allModules.filter(m => {
+    if (activeTypes.size > 0 && !activeTypes.has(m.type)) return false;
+    if (searchQuery && !m.name.toLowerCase().includes(searchQuery) && !m.relativePath.toLowerCase().includes(searchQuery)) return false;
+    return true;
+  });
+}
+
+function renderModules() {
+  const grid = document.getElementById('moduleGrid');
+  const filtered = getFilteredModules();
+  grid.innerHTML = '';
+
+  filtered.forEach(m => {
+    const card = document.createElement('div');
+    card.className = 'module-card' + (selectedModule?.id === m.id ? ' selected' : '');
+
+    const cov = m.coverage?.lines;
+    const covText = cov !== undefined ? cov.toFixed(0) + '%' : 'No data';
+    const badgeClass = m.hasTests ? 'badge-green' : 'badge-red';
+    const badgeText = m.hasTests ? '✓ tested' : '✗ no test';
+
+    card.innerHTML = `
+      <div class="module-card-header">
+        <span class="module-name">${m.name}</span>
+        <span class="badge ${badgeClass}">${badgeText}</span>
+      </div>
+      <div class="module-path">${m.relativePath}</div>
+      <div style="display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7d8590">
+        <span style="display:flex;align-items:center;gap:4px">
+          <span class="type-dot" style="background:${TYPE_COLORS[m.type] || '#484f58'}"></span>
+          ${m.type}
+        </span>
+        <span>${formatSize(m.size)}</span>
+      </div>
+      ${cov !== undefined ? `
+        <div class="coverage-bar">
+          <div class="coverage-fill" style="width:${cov}%;background:${coverageColor(cov)}"></div>
+        </div>
+      ` : ''}
+    `;
+
+    card.onclick = () => openDetail(m);
+    grid.appendChild(card);
+  });
+}
+
+function renderAll() {
+  renderTypeFilters();
+  renderModules();
+}
+
+function openDetail(m) {
+  selectedModule = m;
+  renderModules();
+
+  const cov = m.coverage;
+  const panel = document.getElementById('detailPanel');
+  const content = document.getElementById('detailContent');
+
+  content.innerHTML = `
+    <div class="detail-title">${m.name}</div>
+    <div class="detail-path">${m.relativePath}</div>
+
+    <div class="detail-section">
+      <div class="detail-section-title">Info</div>
+      <div class="detail-row"><span>Type</span><span style="color:${TYPE_COLORS[m.type]}">${m.type}</span></div>
+      <div class="detail-row"><span>Size</span><span>${formatSize(m.size)}</span></div>
+      <div class="detail-row"><span>Tests</span><span class="${m.hasTests ? 'badge badge-green' : 'badge badge-red'}">${m.hasTests ? '✓ ' + (m.testFile || 'tested') : '✗ none'}</span></div>
+      ${m.testFile ? `<div class="detail-row"><span>Test file</span><span style="font-size:11px;color:#7d8590;text-align:right">${m.testFile}</span></div>` : ''}
+    </div>
+
+    ${cov ? `
+    <div class="detail-section">
+      <div class="detail-section-title">Coverage</div>
+      <div class="coverage-metric">
+        ${['lines','statements','functions','branches'].map(k => `
+          <div class="coverage-metric-item">
+            <div class="coverage-metric-value" style="color:${coverageColor(cov[k])}">${cov[k]?.toFixed(1)}%</div>
+            <div class="coverage-metric-label">${k}</div>
+          </div>
+        `).join('')}
+      </div>
+    </div>
+    ` : `
+    <div class="detail-section">
+      <div class="detail-section-title">Coverage</div>
+      <div style="font-size:13px;color:#484f58">No coverage data. Run tests with coverage to see metrics.</div>
+    </div>
+    `}
+
+    ${m.dependencies.length > 0 ? `
+    <div class="detail-section">
+      <div class="detail-section-title">Local Imports (${m.dependencies.length})</div>
+      <div class="deps-list">
+        ${m.dependencies.map(d => `<div class="dep-item">${d}</div>`).join('')}
+      </div>
+    </div>
+    ` : ''}
+  `;
+
+  panel.classList.add('open');
+}
+
+document.getElementById('detailClose').onclick = () => {
+  document.getElementById('detailPanel').classList.remove('open');
+  selectedModule = null;
+  renderModules();
+};
+
+document.getElementById('searchInput').oninput = (e) => {
+  searchQuery = e.target.value.toLowerCase();
+  renderModules();
+};
+
+async function init() {
+  try {
+    const res = await fetch('/api/data');
+    const data = await res.json();
+
+    allModules = data.modules;
+
+    document.getElementById('projectName').textContent = data.projectName;
+    document.getElementById('scannedAt').textContent = new Date(data.scannedAt).toLocaleTimeString();
+
+    const testCount = allModules.filter(m => m.type === 'test').length;
+    const withTests = allModules.filter(m => m.hasTests && m.type !== 'test').length;
+    const covModules = allModules.filter(m => m.coverage?.lines !== undefined);
+    const avgCov = covModules.length
+      ? (covModules.reduce((s, m) => s + m.coverage.lines, 0) / covModules.length).toFixed(0) + '%'
+      : '—';
+
+    document.getElementById('statModules').textContent = allModules.length;
+    document.getElementById('statWithTests').textContent = withTests;
+    document.getElementById('statCoverage').textContent = avgCov;
+    document.getElementById('statTests').textContent = testCount;
+
+    document.getElementById('loading').style.display = 'none';
+    document.getElementById('moduleGrid').style.display = 'grid';
+
+    renderAll();
+  } catch (err) {
+    document.getElementById('loading').textContent = 'Failed to load data: ' + err.message;
+  }
+}
+
+init();
+</script>
+</body>
+</html>

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "viberadar",
+  "version": "0.1.0",
+  "description": "Live module map with test coverage for vibecoding projects",
+  "main": "./dist/cli.js",
+  "bin": {
+    "viberadar": "./dist/cli.js"
+  },
+  "scripts": {
+    "build": "tsc && node scripts/bundle-ui.js",
+    "dev": "ts-node src/cli.ts",
+    "start": "node dist/cli.js",
+    "typecheck": "tsc --noEmit"
+  },
+  "type": "commonjs",
+  "keywords": ["vibe", "coverage", "modules", "cli", "dashboard"],
+  "author": "",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "open": "^10.1.0",
+    "chokidar": "^3.6.0",
+    "glob": "^11.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "typescript": "^5.7.0",
+    "ts-node": "^10.9.2"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}