pi-context-map 0.7.1 → 0.7.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [0.7.3] - 2026-06-15
+### Bug Fixes
+- **Fixed insights context window**: Removed hardcoded "128k" from all insight messages. Now shows actual window size (e.g., "your 200k context window").
+- **Fixed stale file count**: Insight now counts both "legacy" AND "stale" files (all inactive), matching what the files section shows.
+- **Fixed composition bar**: Used largest-remainder method to ensure segment percentages always sum to exactly 100%. No more gaps.
+
+## [0.7.2] - 2026-06-15
+### Bug Fixes
+- **Fixed insights context window**: Now uses the actual context window from Pi (e.g., 200k) instead of hardcoded 128k. Critical insight no longer shows wrong percentages.
+- **Fixed file filter**: Changed from direct `addEventListener` to event delegation (`document.addEventListener('change', ...)`). Filter now works after SSE body replacement.
+- **Fixed file search**: Changed to event delegation (`document.addEventListener('input', ...)`). Search now works in real-time and survives SSE body replacement.
+- **Added search icon**: SVG magnifying glass icon inside the search input for better UX.
+
 ## [0.7.1] - 2026-06-15
 ### Bug Fixes
 - **Fixed insights dropdown**: Changed from direct `addEventListener` to event delegation (`document.addEventListener('click', ...)` with `e.target.closest('.insight-header')`). The dropdown now works after SSE body replacement.

package/extensions/analyzer.ts

@@ -50,7 +50,7 @@ export interface ContextComposition {
 export class ContextAnalyzer {
 	public analyzeByType(
 		messages: any[],
-		currentTurn: number,
+		_currentTurn: number,
 		systemPrompt?: string,
 	): ContextComposition {
 		const fileRegistry = new Map<string, FileContext>();
@@ -243,9 +243,30 @@ export class ContextAnalyzer {
 		const totalTokens =
 			systemTokens + toolTokens + historyTokens + fileTokens + summaryTokens;
 
-		const mk = (tokens: number): ContextSlice => ({
+		// Calculate exact percentages, then use largest-remainder to ensure sum = 100
+		const raw = [
+			{ key: "system", tokens: systemTokens },
+			{ key: "tools", tokens: toolTokens },
+			{ key: "history", tokens: historyTokens },
+			{ key: "files", tokens: fileTokens },
+			{ key: "summaries", tokens: summaryTokens },
+		];
+		const floored = raw.map((r) => ({
+			...r,
+			pct: totalTokens > 0 ? Math.floor((r.tokens / totalTokens) * 100) : 0,
+			remainder: totalTokens > 0 ? ((r.tokens / totalTokens) * 100) % 1 : 0,
+		}));
+		let sum = floored.reduce((s, r) => s + r.pct, 0);
+		const sorted = [...floored].sort((a, b) => b.remainder - a.remainder);
+		for (let i = 0; sum < 100 && i < sorted.length; i++) {
+			sorted[i].pct++;
+			sum++;
+		}
+		const pctMap = new Map(floored.map((r) => [r.key, r.pct]));
+
+		const mk = (key: string, tokens: number): ContextSlice => ({
 			tokens: Math.ceil(tokens),
-			percent: totalTokens > 0 ? Math.round((tokens / totalTokens) * 100) : 0,
+			percent: pctMap.get(key) || 0,
 		});
 
 		const files_detail = Array.from(fileRegistry.values())
@@ -253,19 +274,19 @@ export class ContextAnalyzer {
 			.slice(0, 100);
 
 		return {
-			system: mk(systemTokens),
-			tools: mk(toolTokens),
-			history: mk(historyTokens),
-			files: mk(fileTokens),
-			summaries: mk(summaryTokens),
-			total: mk(totalTokens),
+			system: mk("system", systemTokens),
+			tools: mk("tools", toolTokens),
+			history: mk("history", historyTokens),
+			files: mk("files", fileTokens),
+			summaries: mk("summaries", summaryTokens),
+			total: { tokens: Math.ceil(totalTokens), percent: 100 },
 			files_detail,
 		};
 	}
 
 	/** Backward-compatible wrapper. */
-	public analyze(messages: any[], currentTurn: number): ContextComposition {
-		return this.analyzeByType(messages, currentTurn);
+	public analyze(messages: any[], _currentTurn: number): ContextComposition {
+		return this.analyzeByType(messages, _currentTurn);
 	}
 
 	private extractPath(toolName: string, args: any): string | null {

package/extensions/generator.ts

@@ -312,11 +312,23 @@ h2:first-of-type { margin-top: 48px; }
 	align-items: center;
 	flex-wrap: wrap;
 }
-.file-search {
+.file-search-wrap {
 	flex: 1;
 	min-width: 220px;
+	position: relative;
+}
+.file-search-icon {
+	position: absolute;
+	left: 16px;
+	top: 50%;
+	transform: translateY(-50%);
+	color: var(--ink-quaternary);
+	pointer-events: none;
+}
+.file-search {
+	width: 100%;
 	height: 44px;
-	padding: 0 20px;
+	padding: 0 20px 0 40px;
 	border: 1px solid rgba(0,0,0,0.08);
 	border-radius: 22px;
 	background: var(--surface);
@@ -579,7 +591,10 @@ h2:first-of-type { margin-top: 48px; }
 <section>
 	<h2>Files <span style="font-size:14px;font-weight:400;color:var(--ink-tertiary);letter-spacing:0;">(${composition.files_detail.length})</span></h2>
 	<div class="file-controls">
-		<input type="text" class="file-search" id="fileSearch" placeholder="Search files" aria-label="Search files">
+		<div class="file-search-wrap">
+		<svg class="file-search-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
+		<input type="text" class="file-search" id="fileSearch" placeholder="Search files..." aria-label="Search files">
+		</div>
 		<select class="file-filter" id="fileFilter" aria-label="Filter by status">
 			<option value="all">All</option>
 			<option value="active">Active</option>
@@ -598,17 +613,19 @@ h2:first-of-type { margin-top: 48px; }
 
 <script>
 (function() {
-	var search = document.getElementById('fileSearch');
-	var filter = document.getElementById('fileFilter');
-	var grid = document.getElementById('fileGrid');
-	var count = document.getElementById('fileCount');
-	var empty = document.getElementById('emptyState');
-	var cards = grid ? Array.from(grid.querySelectorAll('.file-card')) : [];
-	var total = cards.length;
+	function getCards() {
+		var grid = document.getElementById('fileGrid');
+		return grid ? Array.from(grid.querySelectorAll('.file-card')) : [];
+	}
 
 	function update() {
-		var q = (search.value || '').toLowerCase();
-		var s = filter.value;
+		var search = document.getElementById('fileSearch');
+		var filter = document.getElementById('fileFilter');
+		var count = document.getElementById('fileCount');
+		var empty = document.getElementById('emptyState');
+		var cards = getCards();
+		var q = (search ? search.value : '').toLowerCase();
+		var s = filter ? filter.value : 'all';
 		var v = 0;
 		for (var i = 0; i < cards.length; i++) {
 			var c = cards[i];
@@ -619,11 +636,17 @@ h2:first-of-type { margin-top: 48px; }
 			if (mq && ms) { c.classList.remove('hidden'); v++; }
 			else { c.classList.add('hidden'); }
 		}
-		count.textContent = v === total ? total + ' files' : v + ' of ' + total;
-		empty.style.display = v === 0 ? '' : 'none';
+		if (count) count.textContent = v + ' of ' + cards.length;
+		if (empty) empty.style.display = v === 0 ? '' : 'none';
 	}
-	if (search) search.addEventListener('input', update);
-	if (filter) filter.addEventListener('change', update);
+
+	// Event delegation — survives SSE body replacement
+	document.addEventListener('input', function(e) {
+		if (e.target.id === 'fileSearch') update();
+	});
+	document.addEventListener('change', function(e) {
+		if (e.target.id === 'fileFilter') update();
+	});
 	update();
 
 	// Theme toggle
@@ -680,14 +703,7 @@ h2:first-of-type { margin-top: 48px; }
 					}
 					// Restore theme after body replacement
 					applyTheme(currentTheme);
-					// Re-bind file search/filter (direct listeners, not delegated)
-					var ns = document.getElementById('fileSearch');
-					var nf = document.getElementById('fileFilter');
-					if (ns) ns.addEventListener('input', update);
-					if (nf) nf.addEventListener('change', update);
-					// Re-query cards after body replacement
-					cards = Array.from(document.getElementById('fileGrid').querySelectorAll('.file-card'));
-					total = cards.length;
+					// Search/filter use event delegation — no re-binding needed
 					update();
 				}
 			} catch(_) {}

package/extensions/index.ts

@@ -163,7 +163,7 @@ export default async function piContextMap(pi: ExtensionAPI): Promise<void> {
 			}
 		}
 
-		const insights = InsightEngine.generate(composition);
+		const insights = InsightEngine.generate(composition, contextWindow);
 		const html = ReportGenerator.generateHTML(
 			composition,
 			insights,

package/extensions/insights.ts

@@ -14,15 +14,17 @@ export interface Insight {
 	command?: string; // Suggested slash command
 }
 
-const TYPICAL_WINDOW = 128_000; // Default context window size (Claude Sonnet/Opus)
-
 export class InsightEngine {
 	/**
 	 * Generate a list of insights based on the composition.
 	 */
-	public static generate(composition: ContextComposition): Insight[] {
+	public static generate(
+		composition: ContextComposition,
+		contextWindow?: number,
+	): Insight[] {
 		const insights: Insight[] = [];
-		const { system, tools, history, files, summaries, total } = composition;
+		const { system, tools, files, summaries, total } = composition;
+		const windowSize = contextWindow || 128_000;
 
 		// Rule 1: Tool bloat
 		if (tools.percent > 40) {
@@ -35,28 +37,28 @@ export class InsightEngine {
 			});
 		}
 
-		// Rule 2: Stale files
+		// Rule 2: Stale/legacy files
 		const staleFiles = composition.files_detail.filter(
-			(f) => f.status === "legacy",
+			(f) => f.status === "legacy" || f.status === "stale",
 		);
 		if (staleFiles.length > 0) {
 			const totalStaleTokens = staleFiles.reduce((sum, f) => sum + f.weight, 0);
 			insights.push({
 				id: "stale-files",
 				severity: staleFiles.length > 5 ? "warning" : "info",
-				title: `${staleFiles.length} stale file(s) in context`,
-				message: `Files accessed more than 10 turns ago are still in context (~${totalStaleTokens.toLocaleString()} tokens). They are unlikely to be needed.`,
+				title: `${staleFiles.length} inactive file(s) in context`,
+				message: `${staleFiles.length} file(s) accessed earlier in the session are still in context (~${totalStaleTokens.toLocaleString()} tokens). They are unlikely to be needed.`,
 			});
 		}
 
 		// Rule 3: High overall usage
-		const usagePercent = Math.round((total.tokens / TYPICAL_WINDOW) * 100);
+		const usagePercent = Math.round((total.tokens / windowSize) * 100);
 		if (usagePercent > 80) {
 			insights.push({
 				id: "high-usage",
 				severity: "critical",
 				title: "Context window nearly full",
-				message: `You are at ${usagePercent}% of a typical 128k context window. Compaction or summarization is strongly recommended.`,
+				message: `You are at ${usagePercent}% of your ${(windowSize / 1000).toFixed(0)}k context window. Compaction or summarization is strongly recommended.`,
 				command: "/ultra-compact",
 			});
 		} else if (usagePercent > 60) {
@@ -64,7 +66,7 @@ export class InsightEngine {
 				id: "moderate-usage",
 				severity: "warning",
 				title: "Context usage is high",
-				message: `You are at ${usagePercent}% of a typical 128k context window. Plan to compact before adding more files.`,
+				message: `You are at ${usagePercent}% of your ${(windowSize / 1000).toFixed(0)}k context window. Plan to compact before adding more files.`,
 			});
 		}
 
@@ -105,7 +107,7 @@ export class InsightEngine {
 				id: "healthy-context",
 				severity: "info",
 				title: "Context looks healthy",
-				message: `Your context composition is balanced and under ${usagePercent}% of a typical window.`,
+				message: `Your context composition is balanced and under ${usagePercent}% of your ${(windowSize / 1000).toFixed(0)}k window.`,
 			});
 		}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-context-map",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "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",