esm-imports-analyzer 0.1.0

package/dist/analysis/tree-builder.js

@@ -0,0 +1,47 @@
+export function buildTree(records) {
+    if (records.length === 0)
+        return [];
+    // Index records by resolvedURL — first occurrence wins (subsequent are cached)
+    const recordByURL = new Map();
+    for (const record of records) {
+        if (!recordByURL.has(record.resolvedURL)) {
+            recordByURL.set(record.resolvedURL, record);
+        }
+    }
+    // Build nodes
+    const nodeByURL = new Map();
+    for (const [url, record] of recordByURL) {
+        nodeByURL.set(url, {
+            resolvedURL: url,
+            specifier: record.specifier,
+            totalTime: record.totalImportTime ?? 0,
+            children: [],
+            parentURL: record.parentURL,
+        });
+    }
+    // Link children to parents, collect roots
+    const roots = [];
+    // Sort by loadStartTime so children are ordered by load order
+    const sortedNodes = [...nodeByURL.values()].sort((a, b) => {
+        const aRec = recordByURL.get(a.resolvedURL);
+        const bRec = recordByURL.get(b.resolvedURL);
+        return aRec.importStartTime - bRec.importStartTime;
+    });
+    for (const node of sortedNodes) {
+        if (node.parentURL === null) {
+            roots.push(node);
+        }
+        else {
+            const parent = nodeByURL.get(node.parentURL);
+            if (parent) {
+                parent.children.push(node);
+            }
+            else {
+                // Parent not found — treat as root
+                roots.push(node);
+            }
+        }
+    }
+    return roots;
+}
+//# sourceMappingURL=tree-builder.js.map

package/dist/analysis/tree-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-builder.js","sourceRoot":"","sources":["../../src/analysis/tree-builder.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,SAAS,CAAC,OAAuB;IAC/C,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAEpC,+EAA+E;IAC/E,MAAM,WAAW,GAAG,IAAI,GAAG,EAAwB,CAAC;IACpD,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;YACzC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,cAAc;IACd,MAAM,SAAS,GAAG,IAAI,GAAG,EAAsB,CAAC;IAChD,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC;QACxC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE;YACjB,WAAW,EAAE,GAAG;YAChB,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,SAAS,EAAE,MAAM,CAAC,eAAe,IAAI,CAAC;YACtC,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,MAAM,CAAC,SAAS;SAC5B,CAAC,CAAC;IACL,CAAC;IAED,0CAA0C;IAC1C,MAAM,KAAK,GAAiB,EAAE,CAAC;IAC/B,8DAA8D;IAC9D,MAAM,WAAW,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACxD,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAE,CAAC;QAC7C,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAE,CAAC;QAC7C,OAAO,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;QAC/B,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;YAC5B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC7C,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;iBAAM,CAAC;gBACN,mCAAmC;gBACnC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

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,184 @@
+#!/usr/bin/env node
+import { spawn } from 'node:child_process';
+import { readFileSync, unlinkSync, existsSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join, resolve, dirname } from 'node:path';
+import { randomUUID } from 'node:crypto';
+import { fileURLToPath } from 'node:url';
+import { buildTree } from "./analysis/tree-builder.js";
+import { detectCycles } from "./analysis/cycle-detector.js";
+import { groupModules } from "./analysis/grouper.js";
+import { computeRankedList, computeTotalTime } from "./analysis/timing.js";
+import { generateReport } from "./report/generator.js";
+const __dirname = dirname(fileURLToPath(import.meta.url));
+function findProjectRoot() {
+    let dir = __dirname;
+    while (dir !== dirname(dir)) {
+        if (existsSync(join(dir, 'package.json')))
+            return dir;
+        dir = dirname(dir);
+    }
+    return __dirname;
+}
+function printUsage() {
+    console.log(`
+ESM Imports Analyzer
+
+Usage:
+  esm-imports-analyzer [options] -- <command> [command-args...]
+
+Options:
+  --output, -o <path>   Output HTML report path (default: ./esm-imports-report.html)
+  --help, -h            Show help
+  --version, -v         Show version
+
+Example:
+  npx esm-imports-analyzer -- node app.js
+  npx esm-imports-analyzer -o report.html -- node server.js
+`);
+}
+function getVersion() {
+    try {
+        const projectRoot = findProjectRoot();
+        const pkg = JSON.parse(readFileSync(join(projectRoot, 'package.json'), 'utf-8'));
+        return pkg['version'] ?? 'unknown';
+    }
+    catch {
+        return 'unknown';
+    }
+}
+function parseArgs(args) {
+    // Check for help/version before separator check
+    for (const arg of args) {
+        if (arg === '--help' || arg === '-h') {
+            printUsage();
+            process.exit(0);
+        }
+        if (arg === '--version' || arg === '-v') {
+            console.log(getVersion());
+            process.exit(0);
+        }
+    }
+    const separatorIndex = args.indexOf('--');
+    if (separatorIndex === -1) {
+        return null;
+    }
+    const ourArgs = args.slice(0, separatorIndex);
+    const command = args.slice(separatorIndex + 1);
+    if (command.length === 0) {
+        return null;
+    }
+    let outputPath = resolve('esm-imports-report.html');
+    for (let i = 0; i < ourArgs.length; i++) {
+        if (ourArgs[i] === '--output' || ourArgs[i] === '-o') {
+            const nextArg = ourArgs[i + 1];
+            if (nextArg) {
+                outputPath = resolve(nextArg);
+                i++;
+            }
+        }
+    }
+    return { outputPath, command };
+}
+function fail(message) {
+    console.error(message);
+    process.exit(1);
+}
+async function main() {
+    const args = process.argv.slice(2);
+    const parsed = parseArgs(args);
+    if (!parsed) {
+        console.error('Error: Missing -- separator. Usage: esm-imports-analyzer [options] -- <command>');
+        printUsage();
+        return fail('');
+    }
+    const { outputPath, command } = parsed;
+    const tempFile = join(tmpdir(), `esm-analyzer-${randomUUID()}.json`);
+    // Determine the register script path
+    const projectRoot = findProjectRoot();
+    const registerPath = __dirname.includes('dist')
+        ? join(projectRoot, 'dist', 'loader', 'register.js')
+        : join(projectRoot, 'src', 'loader', 'register.ts');
+    // Prepare NODE_OPTIONS
+    const existingNodeOptions = process.env['NODE_OPTIONS'] ?? '';
+    const nodeOptions = `--import=${registerPath} ${existingNodeOptions}`.trim();
+    const cmd = command[0];
+    const cmdArgs = command.slice(1);
+    if (!cmd) {
+        return fail('Error: No command specified after --');
+    }
+    const child = spawn(cmd, cmdArgs, {
+        stdio: 'inherit',
+        env: {
+            ...process.env,
+            NODE_OPTIONS: nodeOptions,
+            ESM_ANALYZER_TEMP_FILE: tempFile,
+        },
+    });
+    const exitCode = await new Promise((resolvePromise) => {
+        child.on('close', (code) => {
+            resolvePromise(code ?? 0);
+        });
+        child.on('error', (err) => {
+            console.error(`Error spawning command: ${err.message}`);
+            resolvePromise(1);
+        });
+    });
+    if (exitCode !== 0) {
+        console.warn(`\nWarning: Command exited with code ${exitCode}. Generating report from collected data.`);
+    }
+    // Read collected data
+    if (!existsSync(tempFile)) {
+        return fail('Error: No import data collected. Is the project using ESM?');
+    }
+    let rawData;
+    try {
+        rawData = readFileSync(tempFile, 'utf-8');
+    }
+    catch {
+        return fail('Error: Could not read import data file.');
+    }
+    if (!rawData.trim()) {
+        return fail('Error: No imports were captured. Is the project using ESM?');
+    }
+    let records;
+    try {
+        records = JSON.parse(rawData);
+    }
+    catch {
+        return fail('Error: Import data file contains invalid JSON.');
+    }
+    // Clean up temp file
+    try {
+        unlinkSync(tempFile);
+    }
+    catch {
+        // Best effort cleanup
+    }
+    // Run analysis
+    const tree = buildTree(records);
+    const cycles = detectCycles(records);
+    const groups = groupModules(records);
+    const rankedList = computeRankedList(records);
+    const totalTime = computeTotalTime(records);
+    const reportData = {
+        metadata: {
+            command: command.join(' '),
+            timestamp: new Date().toISOString(),
+            nodeVersion: process.version,
+            totalModules: rankedList.length,
+            totalTime,
+        },
+        modules: records,
+        tree,
+        groups,
+        cycles,
+    };
+    generateReport(reportData, outputPath);
+    console.log(`\nReport generated: ${outputPath}`);
+}
+main().catch((err) => {
+    console.error('Fatal error:', err);
+    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":"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"}

package/dist/loader/hooks.d.ts

@@ -0,0 +1,4 @@
+import type { ImportRecord } from '../types.ts';
+import type { RegisterHooksOptions } from 'node:module';
+export declare function createHooks(records: ImportRecord[], evalStarts: Map<string, number>): RegisterHooksOptions;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/loader/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/loader/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAuC,MAAM,aAAa,CAAC;AAmB7F,wBAAgB,WAAW,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,oBAAoB,CAyE1G"}

package/dist/loader/hooks.js

@@ -0,0 +1,79 @@
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+const SOURCE_MAP_RE = /(\n\/\/[#@] sourceMappingURL=[^\n]*\s*)$/;
+function injectCallback(source, url) {
+    const injection = `\n;globalThis.__esm_analyzer_import_done__(${JSON.stringify(url)});\n`;
+    if (SOURCE_MAP_RE.test(source)) {
+        return source.replace(SOURCE_MAP_RE, injection + '$1');
+    }
+    return source + injection;
+}
+export function createHooks(records, evalStarts) {
+    const loadedURLs = new Set();
+    const pendingQueue = [];
+    return {
+        resolve(specifier, context, nextResolve) {
+            const importStartTime = performance.now();
+            const result = nextResolve(specifier, context);
+            if (loadedURLs.has(result.url)) {
+                // Already loaded (cached import or circular back-edge).
+                records.push({
+                    specifier,
+                    resolvedURL: result.url,
+                    parentURL: context.parentURL ?? null,
+                    importStartTime,
+                });
+            }
+            else {
+                pendingQueue.push({
+                    specifier,
+                    resolvedURL: result.url,
+                    parentURL: context.parentURL ?? null,
+                    importStartTime,
+                });
+            }
+            return result;
+        },
+        load(url, context, nextLoad) {
+            const result = nextLoad(url, context);
+            loadedURLs.add(url);
+            // Find the matching pending resolve for this URL
+            const idx = pendingQueue.findIndex(p => p.resolvedURL === url);
+            if (idx !== -1) {
+                const pending = pendingQueue[idx];
+                pendingQueue.splice(idx, 1);
+                evalStarts.set(url, pending.importStartTime);
+                records.push({
+                    specifier: pending.specifier,
+                    resolvedURL: url,
+                    parentURL: pending.parentURL,
+                    importStartTime: pending.importStartTime,
+                });
+            }
+            // Inject eval callback into JS module sources
+            // format is 'module' for ESM, 'commonjs' for CJS via import(), undefined for CJS via require()
+            if (result.format !== 'json' && result.format !== 'wasm') {
+                let source = null;
+                if (result.source != null) {
+                    source = typeof result.source === 'string'
+                        ? result.source
+                        : new TextDecoder().decode(result.source);
+                }
+                else if (url.startsWith('file://')) {
+                    // CJS modules loaded via import() may have null source — read from disk
+                    try {
+                        source = readFileSync(fileURLToPath(url), 'utf-8');
+                    }
+                    catch { }
+                }
+                if (source !== null) {
+                    return { ...result, source: injectCallback(source, url) };
+                }
+            }
+            // Non-JS module (JSON, WASM, builtin) — can't measure eval time
+            evalStarts.delete(url);
+            return result;
+        },
+    };
+}
+//# sourceMappingURL=hooks.js.map

package/dist/loader/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/loader/hooks.ts"],"names":[],"mappings":"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"}

package/dist/loader/register.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=register.d.ts.map

package/dist/loader/register.d.ts.map

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

package/dist/loader/register.js

@@ -0,0 +1,35 @@
+import module from 'node:module';
+import { writeFileSync } from 'node:fs';
+import { createHooks } from "./hooks.js";
+const records = [];
+const evalStarts = new Map();
+const evalTimes = new Map();
+globalThis.__esm_analyzer_import_done__ = (url) => {
+    const start = evalStarts.get(url);
+    if (start !== undefined) {
+        evalTimes.set(url, performance.now() - start);
+        evalStarts.delete(url);
+    }
+};
+const hooks = createHooks(records, evalStarts);
+module.registerHooks(hooks);
+const tempFile = process.env['ESM_ANALYZER_TEMP_FILE'];
+function flushData() {
+    if (tempFile && records.length > 0) {
+        for (const record of records) {
+            const t = evalTimes.get(record.resolvedURL);
+            if (t !== undefined) {
+                record.totalImportTime = t;
+            }
+        }
+        try {
+            writeFileSync(tempFile, JSON.stringify(records));
+        }
+        catch {
+            // Best effort — if we can't write, data is lost
+        }
+    }
+}
+process.on('beforeExit', flushData);
+process.on('exit', flushData);
+//# sourceMappingURL=register.js.map

package/dist/loader/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../src/loader/register.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,MAAM,OAAO,GAAmB,EAAE,CAAC;AACnC,MAAM,UAAU,GAAG,IAAI,GAAG,EAAkB,CAAC;AAC7C,MAAM,SAAS,GAAG,IAAI,GAAG,EAAkB,CAAC;AAE3C,UAAkB,CAAC,4BAA4B,GAAG,CAAC,GAAW,EAAE,EAAE;IACjE,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC;QAC9C,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAC/C,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAE5B,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;AAEvD,SAAS,SAAS;IAChB,IAAI,QAAQ,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACnC,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,MAAM,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YAC5C,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;gBACpB,MAAM,CAAC,eAAe,GAAG,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QACD,IAAI,CAAC;YACH,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QACnD,CAAC;QAAC,MAAM,CAAC;YACP,gDAAgD;QAClD,CAAC;IACH,CAAC;AACH,CAAC;AAED,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACpC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC"}

package/dist/report/generator.d.ts

@@ -0,0 +1,3 @@
+import type { ReportData } from '../types.ts';
+export declare function generateReport(data: ReportData, outputPath: string): void;
+//# sourceMappingURL=generator.d.ts.map

package/dist/report/generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../src/report/generator.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA6B9C,wBAAgB,cAAc,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CA2BzE"}

package/dist/report/generator.js

@@ -0,0 +1,50 @@
+import { readFileSync, writeFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+function findProjectRoot() {
+    let dir = __dirname;
+    while (dir !== dirname(dir)) {
+        try {
+            readFileSync(join(dir, 'package.json'), 'utf-8');
+            return dir;
+        }
+        catch {
+            dir = dirname(dir);
+        }
+    }
+    return __dirname;
+}
+function readFileContent(filePath) {
+    return readFileSync(filePath, 'utf-8');
+}
+// Use split/join instead of String.replace to avoid $-substitution issues
+// in replacement strings (e.g. minified JS containing $1, $&, etc.)
+function templateReplace(html, placeholder, value) {
+    return html.split(placeholder).join(value);
+}
+const isDistBuild = __dirname.includes('dist');
+export function generateReport(data, outputPath) {
+    const projectRoot = findProjectRoot();
+    const reportDir = isDistBuild
+        ? join(projectRoot, 'dist', 'report')
+        : join(projectRoot, 'src', 'report');
+    const uiDir = join(reportDir, 'ui');
+    // Read template and UI files
+    const template = readFileContent(join(reportDir, 'template.html'));
+    const styles = readFileContent(join(uiDir, 'styles.css'));
+    const graphJS = readFileContent(join(uiDir, 'graph.js'));
+    const tableJS = readFileContent(join(uiDir, 'table.js'));
+    const cyclesPanelJS = readFileContent(join(uiDir, 'cycles-panel.js'));
+    const filtersJS = readFileContent(join(uiDir, 'filters.js'));
+    // Assemble HTML
+    let html = template;
+    html = templateReplace(html, '{{STYLES}}', styles);
+    html = templateReplace(html, '{{DATA}}', JSON.stringify(data));
+    html = templateReplace(html, '{{GRAPH_JS}}', graphJS);
+    html = templateReplace(html, '{{TABLE_JS}}', tableJS);
+    html = templateReplace(html, '{{CYCLES_PANEL_JS}}', cyclesPanelJS);
+    html = templateReplace(html, '{{FILTERS_JS}}', filtersJS);
+    writeFileSync(outputPath, html);
+}
+//# sourceMappingURL=generator.js.map

package/dist/report/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../src/report/generator.ts"],"names":[],"mappings":"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"}

package/dist/report/template.html

@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>ESM Imports Analyzer</title>
+  <style>
+    {{STYLES}}
+  </style>
+</head>
+<body>
+  <div class="header">
+    <h1>ESM Imports Analyzer</h1>
+    <div class="header-meta">
+      <span id="meta-command"></span> &middot;
+      <span id="meta-modules"></span> modules
+    </div>
+    <div class="header-controls">
+      <div class="filter-group">
+        <input type="text" class="search-input" id="search-input" placeholder="Search modules...">
+      </div>
+      <div class="filter-group">
+        <button class="relayout-btn" id="expand-all-btn">Expand all</button>
+        <button class="relayout-btn" id="collapse-all-btn">Collapse all</button>
+        <button class="relayout-btn" id="relayout-btn">Re-layout</button>
+        <label><input type="checkbox" id="auto-relayout" checked> Auto re-layout</label>
+      </div>
+    </div>
+  </div>
+
+  <div class="main-container">
+    <div class="cycles-panel" id="cycles-panel">
+      <div class="cycles-header">
+        <h2>Circular Dependencies</h2>
+      </div>
+      <div class="cycles-list" id="cycles-list"></div>
+      <button class="clear-highlight-btn" id="clear-highlight-btn">Clear highlight</button>
+    </div>
+
+    <div class="center-area">
+      <div class="graph-container">
+        <div id="cy"></div>
+        <div class="graph-tooltip" id="graph-tooltip"></div>
+        <div class="layout-overlay" id="layout-overlay">
+          <div class="layout-overlay-content">
+            <div class="layout-spinner"></div>
+            <div>Computing layout...</div>
+          </div>
+        </div>
+      </div>
+      <div class="resize-handle" id="resize-handle"></div>
+      <div class="table-container" id="table-container">
+        <div class="table-title-row">
+          <span class="table-title">Slowest modules</span>
+          <span class="table-count-control">Count: <input type="number" id="slowest-count" value="20" min="1" max="999"></span>
+        </div>
+        <div class="table-header-row">
+          <span class="col-module" data-sort="name">Module <span class="sort-arrow"></span></span>
+          <span class="col-time" data-sort="time">Import time <span class="header-info-icon" title="Total time to fully import this module, including resolution, loading, parsing, dependencies, and top-level code execution">&#9432;</span> <span class="sort-arrow">&#9660;</span></span>
+          <span class="col-imports" data-sort="imports">Imports <span class="header-info-icon" title="Total number of modules imported by this module (recursively)">&#9432;</span> <span class="sort-arrow"></span></span>
+        </div>
+        <div class="table-body" id="table-body"></div>
+      </div>
+    </div>
+  </div>
+
+  <script type="application/json" id="import-data">
+    {{DATA}}
+  </script>
+
+  <script src="https://unpkg.com/cytoscape@3.31.0/dist/cytoscape.min.js"></script>
+
+  <script>
+    {{GRAPH_JS}}
+  </script>
+  <script>
+    {{TABLE_JS}}
+  </script>
+  <script>
+    {{CYCLES_PANEL_JS}}
+  </script>
+  <script>
+    {{FILTERS_JS}}
+  </script>
+  <script>
+    (function () {
+      var raw = document.getElementById('import-data').textContent;
+      var data = JSON.parse(raw);
+
+      // Set metadata
+      document.getElementById('meta-command').textContent = data.metadata.command;
+      document.getElementById('meta-modules').textContent = data.metadata.totalModules;
+
+      // Init components
+      var cy = initGraph(data);
+      var tableApi = initTable(data, cy);
+      initCyclesPanel(data, cy);
+      initFilters(cy, tableApi);
+
+      // Expand/Collapse all buttons
+      document.getElementById('expand-all-btn').addEventListener('click', function () {
+        expandAll(cy);
+        maybeRelayoutWithCallback(cy, function () { applySelectionHighlight(cy); });
+      });
+      document.getElementById('collapse-all-btn').addEventListener('click', function () {
+        collapseAll(cy);
+        maybeRelayoutWithCallback(cy, function () { applySelectionHighlight(cy); });
+      });
+
+      // Re-layout button
+      document.getElementById('relayout-btn').addEventListener('click', function () {
+        runLayout(cy);
+      });
+
+      // Auto re-layout checkbox
+      var autoRelayoutCheckbox = document.getElementById('auto-relayout');
+      autoRelayoutCheckbox.addEventListener('change', function () {
+        autoRelayout = autoRelayoutCheckbox.checked;
+      });
+
+      // Resize handle
+      var resizeHandle = document.getElementById('resize-handle');
+      var tableContainer = document.getElementById('table-container');
+      var isResizing = false;
+
+      resizeHandle.addEventListener('mousedown', function (e) {
+        isResizing = true;
+        e.preventDefault();
+      });
+
+      document.addEventListener('mousemove', function (e) {
+        if (!isResizing) return;
+        var containerRect = document.querySelector('.center-area').getBoundingClientRect();
+        var newHeight = containerRect.bottom - e.clientY;
+        newHeight = Math.max(100, Math.min(newHeight, containerRect.height - 200));
+        tableContainer.style.height = newHeight + 'px';
+        cy.resize();
+      });
+
+      document.addEventListener('mouseup', function () {
+        isResizing = false;
+      });
+    })();
+  </script>
+</body>
+</html>