pi-x-ide 1.11.1 → 1.12.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pi-x-ide",
-    "version": "1.11.1",
+    "version": "1.12.0",
     "description": "Pi extension package for IDE selection context integration.",
     "files": [
         "dist",

package/dist/src/pi/ui.d.ts

@@ -1,6 +1,13 @@
-import type { ExtensionContext } from "@earendil-works/pi-coding-agent" with { "resolution-mode": "import" };
+import type { ExtensionContext, ThemeColor } from "@earendil-works/pi-coding-agent" with {
+    "resolution-mode": "import"
+};
 import type { PiIdeRuntime } from "./state";
+interface StatusSegment {
+    text: string;
+    color: ThemeColor;
+}
 export declare function updateIdeUi(runtime: PiIdeRuntime, ctx?: ExtensionContext | undefined): void;
 export declare function clearIdeUi(runtime: PiIdeRuntime, ctx?: ExtensionContext | undefined): void;
-export declare function buildStatusLine(runtime: PiIdeRuntime, cwd?: string): string;
+export declare function buildStatusSegments(runtime: PiIdeRuntime, cwd?: string, spinnerFrame?: string): StatusSegment[];
 export declare function buildWidget(runtime: PiIdeRuntime, cwd?: string): string[] | undefined;
+export {};

package/dist/src/pi/ui.js

@@ -2,57 +2,112 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateIdeUi = updateIdeUi;
 exports.clearIdeUi = clearIdeUi;
-exports.buildStatusLine = buildStatusLine;
+exports.buildStatusSegments = buildStatusSegments;
 exports.buildWidget = buildWidget;
 const format_1 = require("../shared/format");
 const paths_1 = require("../shared/paths");
+const IDE_ICON = "⧉";
+const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const SPINNER_INTERVAL_MS = 90;
 function updateIdeUi(runtime, ctx = runtime.ctx) {
     if (!ctx?.hasUI)
         return;
-    ctx.ui.setWidget("pi-x-ide", (_tui, theme) => ({
-        render(width) {
-            const status = buildStatusLine(runtime, ctx.cwd);
-            const text = truncatePlainStatus(status, width);
-            const pad = " ".repeat(Math.max(0, width - text.length));
-            const color = isPendingEditorContext(runtime) ? "success" : "dim";
-            return [pad + theme.fg(color, text)];
-        },
-        invalidate() { },
-    }), { placement: "aboveEditor" });
+    ctx.ui.setWidget("pi-x-ide", (tui, theme) => {
+        let frame = 0;
+        let timer;
+        // Drive the connecting spinner: tick a frame and request a redraw only while connecting.
+        const animate = (active) => {
+            if (active && !timer) {
+                timer = setInterval(() => {
+                    frame = (frame + 1) % SPINNER_FRAMES.length;
+                    tui.requestRender();
+                }, SPINNER_INTERVAL_MS);
+                timer.unref?.();
+            }
+            else if (!active && timer) {
+                clearInterval(timer);
+                timer = undefined;
+            }
+        };
+        return {
+            render(width) {
+                const connecting = runtime.enabled && runtime.connectionStatus === "connecting";
+                animate(connecting);
+                const segments = buildStatusSegments(runtime, ctx.cwd, SPINNER_FRAMES[frame]);
+                if (segments.length === 0 || width <= 0)
+                    return [];
+                const visible = truncateSegments(segments, width);
+                const plainLength = visible.reduce((sum, segment) => sum + segment.text.length, 0);
+                const pad = " ".repeat(Math.max(0, width - plainLength));
+                return [pad + visible.map((segment) => theme.fg(segment.color, segment.text)).join("")];
+            },
+            invalidate() { },
+            dispose() {
+                animate(false);
+            },
+        };
+    }, { placement: "aboveEditor" });
 }
 function clearIdeUi(runtime, ctx = runtime.ctx) {
     if (!ctx?.hasUI)
         return;
     ctx.ui.setWidget("pi-x-ide", undefined);
 }
-function truncatePlainStatus(text, width) {
-    if (width <= 0)
-        return "";
-    if (text.length <= width)
-        return text;
+// Truncates colored segments to the given width, appending an ellipsis when content overflows.
+function truncateSegments(segments, width) {
+    const total = segments.reduce((sum, segment) => sum + segment.text.length, 0);
+    if (total <= width)
+        return segments;
+    const fallbackColor = segments[0]?.color ?? "dim";
     if (width <= 3)
-        return ".".repeat(width);
-    return `${text.slice(0, width - 3)}...`;
+        return [{ text: ".".repeat(width), color: fallbackColor }];
+    const limit = width - 3;
+    const visible = [];
+    let used = 0;
+    for (const segment of segments) {
+        if (used >= limit)
+            break;
+        const room = limit - used;
+        if (segment.text.length <= room) {
+            visible.push(segment);
+            used += segment.text.length;
+        }
+        else {
+            visible.push({ text: segment.text.slice(0, room), color: segment.color });
+            used = limit;
+        }
+    }
+    visible.push({ text: "...", color: visible[visible.length - 1]?.color ?? fallbackColor });
+    return visible;
 }
-function isPendingEditorContext(runtime) {
-    return !!runtime.latestSelection && runtime.attachState === "pending";
+function buildStatusSegments(runtime, cwd, spinnerFrame = SPINNER_FRAMES[0]) {
+    if (!runtime.enabled)
+        return [];
+    switch (runtime.connectionStatus) {
+        case "connecting":
+            return [{ text: `${IDE_ICON} ${spinnerFrame}`, color: "dim" }];
+        case "error":
+            return [
+                { text: `${IDE_ICON} `, color: "dim" },
+                { text: "✕", color: "error" },
+            ];
+        case "connected":
+            return buildConnectedSegments(runtime, cwd);
+        default:
+            return [];
+    }
 }
-function buildStatusLine(runtime, cwd) {
-    if (!runtime.enabled || runtime.connectionStatus === "disabled")
-        return "Pi x IDE: off";
-    if (runtime.connectionStatus === "connecting")
-        return "Pi x IDE: connecting";
-    if (runtime.connectionStatus === "error")
-        return `Pi x IDE: error${runtime.connectionMessage ? ` ${runtime.connectionMessage}` : ""}`;
-    if (runtime.connectionStatus !== "connected")
-        return "Pi x IDE: disconnected";
-    const ide = runtime.connectedServer?.ide ?? runtime.currentCandidate?.lock.ide ?? "ide";
+function buildConnectedSegments(runtime, cwd) {
     const selection = runtime.latestSelection;
     if (!selection)
-        return `${ide} ✓`;
+        return [{ text: `${IDE_ICON} ✓`, color: "dim" }];
     const rel = (0, paths_1.toRelativeDisplayPath)(selection.filePath, selection.workspaceFolder, cwd);
     const range = (0, format_1.describeRanges)(selection.ranges);
-    return `${ide} ✓ ${rel}${range === "open file" ? "" : range} ${runtime.attachState}`;
+    // Pending selections are still queued for the next prompt (⇡, success); sent ones are attached (✓, dim).
+    const pending = runtime.attachState === "pending";
+    const marker = pending ? "⇡" : "✓";
+    const color = pending ? "success" : "dim";
+    return [{ text: `${IDE_ICON} ${marker} ${rel}${range === "open file" ? "" : range}`, color }];
 }
 function buildWidget(runtime, cwd) {
     if (!runtime.enabled || runtime.connectionStatus === "disabled")

package/dist/src/pi/ui.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-x-ide",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "description": "Pi extension package for IDE selection context integration.",
   "files": [
     "dist",

package/src/pi/ui.ts

@@ -1,23 +1,59 @@
-import type { ExtensionContext } from "@earendil-works/pi-coding-agent" with { "resolution-mode": "import" };
+import type { ExtensionContext, ThemeColor } from "@earendil-works/pi-coding-agent" with {
+  "resolution-mode": "import",
+};
 import { describeRanges } from "../shared/format";
 import { toRelativeDisplayPath } from "../shared/paths";
 import type { PiIdeRuntime } from "./state";
 
+const IDE_ICON = "⧉";
+const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const SPINNER_INTERVAL_MS = 90;
+
+interface StatusSegment {
+  text: string;
+  color: ThemeColor;
+}
+
 export function updateIdeUi(runtime: PiIdeRuntime, ctx: ExtensionContext | undefined = runtime.ctx): void {
   if (!ctx?.hasUI) return;
 
   ctx.ui.setWidget(
     "pi-x-ide",
-    (_tui, theme) => ({
-      render(width: number): string[] {
-        const status = buildStatusLine(runtime, ctx.cwd);
-        const text = truncatePlainStatus(status, width);
-        const pad = " ".repeat(Math.max(0, width - text.length));
-        const color = isPendingEditorContext(runtime) ? "success" : "dim";
-        return [pad + theme.fg(color, text)];
-      },
-      invalidate() {},
-    }),
+    (tui, theme) => {
+      let frame = 0;
+      let timer: ReturnType<typeof setInterval> | undefined;
+
+      // Drive the connecting spinner: tick a frame and request a redraw only while connecting.
+      const animate = (active: boolean): void => {
+        if (active && !timer) {
+          timer = setInterval(() => {
+            frame = (frame + 1) % SPINNER_FRAMES.length;
+            tui.requestRender();
+          }, SPINNER_INTERVAL_MS);
+          timer.unref?.();
+        } else if (!active && timer) {
+          clearInterval(timer);
+          timer = undefined;
+        }
+      };
+
+      return {
+        render(width: number): string[] {
+          const connecting = runtime.enabled && runtime.connectionStatus === "connecting";
+          animate(connecting);
+          const segments = buildStatusSegments(runtime, ctx.cwd, SPINNER_FRAMES[frame]);
+          if (segments.length === 0 || width <= 0) return [];
+          const visible = truncateSegments(segments, width);
+          const plainLength = visible.reduce((sum, segment) => sum + segment.text.length, 0);
+          const pad = " ".repeat(Math.max(0, width - plainLength));
+          return [pad + visible.map((segment) => theme.fg(segment.color, segment.text)).join("")];
+        },
+        invalidate() {},
+        dispose() {
+          animate(false);
+        },
+      };
+    },
     { placement: "aboveEditor" },
   );
 }
@@ -27,30 +63,64 @@ export function clearIdeUi(runtime: PiIdeRuntime, ctx: ExtensionContext | undefi
   ctx.ui.setWidget("pi-x-ide", undefined);
 }
 
-function truncatePlainStatus(text: string, width: number): string {
-  if (width <= 0) return "";
-  if (text.length <= width) return text;
-  if (width <= 3) return ".".repeat(width);
-  return `${text.slice(0, width - 3)}...`;
-}
+// Truncates colored segments to the given width, appending an ellipsis when content overflows.
+function truncateSegments(segments: StatusSegment[], width: number): StatusSegment[] {
+  const total = segments.reduce((sum, segment) => sum + segment.text.length, 0);
+  if (total <= width) return segments;
+  const fallbackColor = segments[0]?.color ?? "dim";
+  if (width <= 3) return [{ text: ".".repeat(width), color: fallbackColor }];
 
-function isPendingEditorContext(runtime: PiIdeRuntime): boolean {
-  return !!runtime.latestSelection && runtime.attachState === "pending";
+  const limit = width - 3;
+  const visible: StatusSegment[] = [];
+  let used = 0;
+  for (const segment of segments) {
+    if (used >= limit) break;
+    const room = limit - used;
+    if (segment.text.length <= room) {
+      visible.push(segment);
+      used += segment.text.length;
+    } else {
+      visible.push({ text: segment.text.slice(0, room), color: segment.color });
+      used = limit;
+    }
+  }
+  visible.push({ text: "...", color: visible[visible.length - 1]?.color ?? fallbackColor });
+  return visible;
 }
 
-export function buildStatusLine(runtime: PiIdeRuntime, cwd?: string): string {
-  if (!runtime.enabled || runtime.connectionStatus === "disabled") return "Pi x IDE: off";
-  if (runtime.connectionStatus === "connecting") return "Pi x IDE: connecting";
-  if (runtime.connectionStatus === "error")
-    return `Pi x IDE: error${runtime.connectionMessage ? ` ${runtime.connectionMessage}` : ""}`;
-  if (runtime.connectionStatus !== "connected") return "Pi x IDE: disconnected";
+export function buildStatusSegments(
+  runtime: PiIdeRuntime,
+  cwd?: string,
+  spinnerFrame = SPINNER_FRAMES[0],
+): StatusSegment[] {
+  if (!runtime.enabled) return [];
 
-  const ide = runtime.connectedServer?.ide ?? runtime.currentCandidate?.lock.ide ?? "ide";
+  switch (runtime.connectionStatus) {
+    case "connecting":
+      return [{ text: `${IDE_ICON} ${spinnerFrame}`, color: "dim" }];
+    case "error":
+      return [
+        { text: `${IDE_ICON} `, color: "dim" },
+        { text: "✕", color: "error" },
+      ];
+    case "connected":
+      return buildConnectedSegments(runtime, cwd);
+    default:
+      return [];
+  }
+}
+
+function buildConnectedSegments(runtime: PiIdeRuntime, cwd?: string): StatusSegment[] {
   const selection = runtime.latestSelection;
-  if (!selection) return `${ide} ✓`;
+  if (!selection) return [{ text: `${IDE_ICON} ✓`, color: "dim" }];
+
   const rel = toRelativeDisplayPath(selection.filePath, selection.workspaceFolder, cwd);
   const range = describeRanges(selection.ranges);
-  return `${ide} ✓ ${rel}${range === "open file" ? "" : range} ${runtime.attachState}`;
+  // Pending selections are still queued for the next prompt (⇡, success); sent ones are attached (✓, dim).
+  const pending = runtime.attachState === "pending";
+  const marker = pending ? "⇡" : "✓";
+  const color: ThemeColor = pending ? "success" : "dim";
+  return [{ text: `${IDE_ICON} ${marker} ${rel}${range === "open file" ? "" : range}`, color }];
 }
 
 export function buildWidget(runtime: PiIdeRuntime, cwd?: string): string[] | undefined {