pi-idle 1.0.4 → 1.0.6

package/README.md

@@ -16,6 +16,12 @@ A [pi](https://github.com/earendil-works/pi-coding-agent) extension that puts a
 - `≤ 50 %` → percentage hidden; `> 50 %` → `[N%]`; `≥ 90 %` → `![N%]!` (high-usage warning).
 - ANSI colours don't work inside terminal-title OSC sequences, so everything is plain text.
 
+## Screenshots
+
+| Working | Idle |
+|---|---|
+| ![spinner](assets/spinner.svg) | ![idle](assets/idle.png) |
+
 ## Install
 
 From npm:

package/assets/spinner.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">
+  <text x="64" y="90" font-size="96" font-family="sans-serif" fill="#bd93f9" text-anchor="middle">
+    <animate attributeName="textContent" values="◰;◳;◲;◱;◰" keyTimes="0;0.25;0.5;0.75;1" dur="1s" repeatCount="indefinite" calcMode="discrete" />
+  </text>
+</svg>

package/package.json

@@ -1,8 +1,14 @@
 {
 	"name": "pi-idle",
-	"version": "1.0.4",
+	"version": "1.0.6",
 	"description": "Pi extension: shows ✓ in terminal title when idle, spinner (◰◳◲◱) while working, with context-usage percentage beside the checkmark",
-	"keywords": ["idle", "done", "spinner", "pi-extension", "pi-package"],
+	"keywords": [
+		"idle",
+		"done",
+		"spinner",
+		"pi-extension",
+		"pi-package"
+	],
 	"type": "module",
 	"license": "MIT",
 	"repository": {
@@ -17,10 +23,9 @@
 		"node": ">=22.0.0"
 	},
 	"pi": {
-		"extensions": ["./pi-idle.ts"]
-	},
-	"peerDependencies": {
-		"@earendil-works/pi-coding-agent": "*"
+		"extensions": [
+			"./pi-idle.ts"
+		]
 	},
 	"devDependencies": {
 		"vitest": "^3.2.4"

package/pi-idle.ts

@@ -57,6 +57,8 @@ function getContextIndicator(ctx: ExtensionContext): string {
 export default function (pi: ExtensionAPI) {
 	let timer: ReturnType<typeof setInterval> | null = null;
 	let frameIndex = 0;
+	let spinnerActive = false;
+	let currentCtx: ExtensionContext | null = null;
 
 	// ── Internal helpers ───────────────────────────────────────
 
@@ -65,7 +67,9 @@ export default function (pi: ExtensionAPI) {
 			clearInterval(timer);
 			timer = null;
 		}
+		spinnerActive = false;
 		frameIndex = 0;
+		currentCtx = null;
 	}
 
 	/** Write the idle title (plain text — colours don't work in OSC titles). */
@@ -77,16 +81,35 @@ export default function (pi: ExtensionAPI) {
 		ctx.ui.setTitle(`✓${spacer}${indicator} ${baseTitle}`);
 	}
 
+	function showSpinnerFrame(ctx: ExtensionContext) {
+		const frame = SPINNER_FRAMES[frameIndex % SPINNER_FRAMES.length];
+		const baseTitle = getBaseTitle(pi);
+		ctx.ui.setTitle(`${frame} ${baseTitle}`);
+		frameIndex++;
+	}
+
 	/** Start the spinner in the title. No context percentage — it only appears with the checkmark. */
 	function startSpinner(ctx: ExtensionContext) {
-		stopSpinner();
+		// Don't restart if already spinning — avoids race conditions and reduces CPU
+		if (spinnerActive) {
+			frameIndex = 0;
+			currentCtx = ctx;
+			return;
+		}
+
+		spinnerActive = true;
+		currentCtx = ctx;
+		frameIndex = 0;
+
+		// Show first frame immediately so user sees spinner right away.
+		showSpinnerFrame(ctx);
 
 		timer = setInterval(() => {
-			const frame = SPINNER_FRAMES[frameIndex % SPINNER_FRAMES.length];
-			const baseTitle = getBaseTitle(pi);
-			ctx.ui.setTitle(`${frame} ${baseTitle}`);
-			frameIndex++;
-		}, 120);
+			if (currentCtx) {
+				showSpinnerFrame(currentCtx);
+			}
+		}, 2000);
+		(timer as ReturnType<typeof setInterval> & { unref?: () => void }).unref?.();
 	}
 
 	// ── Lifecycle hooks ────────────────────────────────────────
@@ -98,29 +121,29 @@ export default function (pi: ExtensionAPI) {
 		showDone(ctx);
 	});
 
-	pi.on("input", async (event, ctx) => {
+	pi.on("input", (event, ctx) => {
 		if (event.source === "interactive") {
 			startSpinner(ctx);
 		}
 	});
 
-	pi.on("agent_start", async (_event, ctx) => {
+	pi.on("agent_start", (_event, ctx) => {
 		// agent_start always fires after input for every user prompt;
 		// backstop in case the input handler missed a non-interactive source.
 		startSpinner(ctx);
 	});
 
-	pi.on("turn_start", async (_event, ctx) => {
+	pi.on("turn_start", (_event, ctx) => {
 		// Multi-turn agent: keep spinner running between turns.
 		startSpinner(ctx);
 	});
 
-	pi.on("agent_end", async (_event, ctx) => {
+	pi.on("agent_end", (_event, ctx) => {
 		showDone(ctx);
 	});
 
-	pi.on("session_shutdown", async (_event, ctx) => {
+	pi.on("session_shutdown", (_event, ctx) => {
 		stopSpinner();
 		ctx.ui.setTitle(getBaseTitle(pi));
-	})
+	});
 }