pi-context-map 0.4.3 → 0.4.4

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## [0.4.4] - 2026-06-15
+### Bug Fixes
+- **Fixed SSE rendering**: Changed `document.replaceChild(document.documentElement)` to `document.body.innerHTML` replacement. CSS and JavaScript no longer render as visible text on the page.
+- **Singleton server**: `start()` now kills any pre-existing server instance before starting a new one. Only one localhost server runs at a time — no duplicate ports.
+
 ## [0.4.3] - 2026-06-15
 ### Apple-Inspired HTML Redesign
 - **Complete visual overhaul**: Report now uses Apple design language — white canvas, Inter font (SF Pro substitute), Action Blue (#0066cc) accent, 18px card radius, pill-shaped inputs.

package/extensions/generator.ts

@@ -16,8 +16,7 @@ export class ReportGenerator {
 		insights: Insight[],
 	): string {
 		const total = composition.total.tokens;
-		const usagePercent =
-			total > 0 ? Math.round((total / 128_000) * 100) : 0;
+		const usagePercent = total > 0 ? Math.round((total / 128_000) * 100) : 0;
 
 		const fileCards = composition.files_detail
 			.map(
@@ -497,7 +496,7 @@ h2:first-of-type { margin-top: 48px; }
 			<span class="stat-label">Files</span>
 		</div>
 		<div class="stat">
-			<span class="stat-value">${insights.filter(i => i.severity === "warning" || i.severity === "critical").length}</span>
+			<span class="stat-value">${insights.filter((i) => i.severity === "warning" || i.severity === "critical").length}</span>
 			<span class="stat-label">Alerts</span>
 		</div>
 		<div class="stat">
@@ -613,8 +612,16 @@ h2:first-of-type { margin-top: 48px; }
 			try {
 				var p = JSON.parse(e.data);
 				if (p.html) {
+					// Only replace the body content to preserve <style> and <script>
 					var d = new DOMParser().parseFromString(p.html, 'text/html');
-					document.replaceChild(document.importNode(d.documentElement, true), document.documentElement);
+					var newBody = d.querySelector('body');
+					var newTitle = d.querySelector('title');
+					if (newBody) {
+						document.body.innerHTML = newBody.innerHTML;
+					}
+					if (newTitle) {
+						document.title = newTitle.textContent || document.title;
+					}
 				}
 			} catch(_) {}
 		};
@@ -657,7 +664,11 @@ h2:first-of-type { margin-top: 48px; }
 	}
 
 	private static escapeHtml(text: string): string {
-		return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")
-			.replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+		return text
+			.replace(/&/g, "&amp;")
+			.replace(/</g, "&lt;")
+			.replace(/>/g, "&gt;")
+			.replace(/"/g, "&quot;")
+			.replace(/'/g, "&#039;");
 	}
 }

package/extensions/live-server.ts

@@ -51,8 +51,9 @@ export class LiveReportServer {
 	 * Start the server. Returns a Promise that resolves to the URL, or null on failure.
 	 */
 	public start(): Promise<string | null> {
+		// Kill any pre-existing server to ensure only one instance runs
 		if (this.server) {
-			return Promise.resolve(this.url);
+			this.stop();
 		}
 
 		return new Promise((resolve) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-context-map",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Professional context profiler for Pi that visualizes the session context window, token distribution, and integrates with Nexus packages for actionable insights.",
   "keywords": [
     "pi-package",