pi-paster 0.1.4 → 0.1.5

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { randomUUID } from "node:crypto";
 import { existsSync, readFileSync, statSync, unlinkSync } from "node:fs";
 import { homedir, tmpdir } from "node:os";
 import { isAbsolute, join, resolve } from "node:path";
-import { Image, getCellDimensions, getImageDimensions, truncateToWidth } from "@earendil-works/pi-tui";
+import { Image, getCellDimensions, getImageDimensions, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 import { CustomEditor } from "@earendil-works/pi-coding-agent";
 //#region src/types.ts
 const EXTENSION_NAME = "paster";
@@ -408,6 +408,11 @@ var PasterEditor = class extends CustomEditor {
 };
 //#endregion
 //#region src/preview.ts
+function formatAttachmentLine(attachment, width, style) {
+	const maxWidth = Math.max(1, width);
+	const line = style(`Attached ${attachment.placeholder} ${attachment.originalPath}`);
+	return visibleWidth(line) > maxWidth ? truncateToWidth(line, maxWidth, "") : line;
+}
 var ImagePreviewMessage = class {
 	images;
 	constructor(attachments, theme) {
@@ -423,7 +428,7 @@ var ImagePreviewMessage = class {
 		const lines = [];
 		for (let index = 0; index < this.attachments.length; index++) {
 			const attachment = this.attachments[index];
-			lines.push(this.theme.fallbackColor(`Attached ${attachment.placeholder} ${attachment.originalPath}`));
+			lines.push(formatAttachmentLine(attachment, width, this.theme.fallbackColor));
 			lines.push(...this.images[index].render(width));
 		}
 		return lines;
@@ -448,8 +453,7 @@ var CursorImagePreviewWidget = class {
 		this.image.invalidate();
 	}
 	headerLine(width) {
-		const title = `Attached ${this.attachment.placeholder} ${this.attachment.originalPath}`;
-		return this.theme.title(truncateToWidth(title, Math.max(1, width), ""));
+		return formatAttachmentLine(this.attachment, width, this.theme.title);
 	}
 	createImage(attachment, maxWidthCells = 60) {
 		return new Image(attachment.data, attachment.mimeType, { fallbackColor: this.theme.accent }, {
@@ -607,12 +611,21 @@ function paster(pi, config = {}) {
 		}
 		store.clear();
 	});
+	function previewMessage(attachments) {
+		return {
+			customType: "paster-preview",
+			content: "",
+			display: true,
+			details: { placeholders: attachments.map((attachment) => attachment.placeholder) }
+		};
+	}
 	pi.on("input", (event, ctx) => {
 		if (event.source === "extension") return { action: "continue" };
 		if (ctx.hasUI) activeEditor?.clearCursorPreview();
 		const attachments = store.matchingPlaceholders(event.text);
 		if (attachments.length === 0) return { action: "continue" };
-		pendingPreview = attachments;
+		if (ctx.isIdle()) pendingPreview = attachments;
+		else pi.sendMessage(previewMessage(attachments), { deliverAs: "followUp" });
 		return {
 			action: "transform",
 			text: event.text,
@@ -621,14 +634,9 @@ function paster(pi, config = {}) {
 	});
 	pi.on("before_agent_start", () => {
 		if (pendingPreview.length === 0) return;
-		const placeholders = pendingPreview.map((attachment) => attachment.placeholder);
+		const message = previewMessage(pendingPreview);
 		pendingPreview = [];
-		return { message: {
-			customType: "paster-preview",
-			content: "",
-			display: true,
-			details: { placeholders }
-		} };
+		return { message };
 	});
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-paster",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Pi extension that turns pasted image paths into first-class image attachments.",
   "keywords": [
     "image-attachments",
@@ -55,6 +55,6 @@
     "extensions": [
       "./src/index.ts"
     ],
-    "image": "https://unpkg.com/pi-paster@0.1.4/docs/preview.png"
+    "image": "https://unpkg.com/pi-paster@0.1.5/docs/preview.png"
   }
 }

package/src/index.ts

@@ -110,6 +110,15 @@ export default function paster(pi: ExtensionAPI, config: PasterConfig = {}): voi
     store.clear();
   });
 
+  function previewMessage(attachments: ImageAttachment[]) {
+    return {
+      customType: "paster-preview",
+      content: "",
+      display: true,
+      details: { placeholders: attachments.map((attachment) => attachment.placeholder) },
+    };
+  }
+
   pi.on("input", (event, ctx) => {
     if (event.source === "extension") return { action: "continue" as const };
     if (ctx.hasUI) {
@@ -118,7 +127,14 @@ export default function paster(pi: ExtensionAPI, config: PasterConfig = {}): voi
 
     const attachments = store.matchingPlaceholders(event.text);
     if (attachments.length === 0) return { action: "continue" as const };
-    pendingPreview = attachments;
+
+    if (ctx.isIdle()) {
+      pendingPreview = attachments;
+    } else {
+      // Queued steer/follow-up messages do not fire before_agent_start when they are
+      // later delivered by the running agent, so enqueue the preview alongside them now.
+      pi.sendMessage(previewMessage(attachments), { deliverAs: "followUp" });
+    }
 
     return {
       action: "transform" as const,
@@ -129,15 +145,8 @@ export default function paster(pi: ExtensionAPI, config: PasterConfig = {}): voi
 
   pi.on("before_agent_start", () => {
     if (pendingPreview.length === 0) return;
-    const placeholders = pendingPreview.map((attachment) => attachment.placeholder);
+    const message = previewMessage(pendingPreview);
     pendingPreview = [];
-    return {
-      message: {
-        customType: "paster-preview",
-        content: "",
-        display: true,
-        details: { placeholders },
-      },
-    };
+    return { message };
   });
 }

package/src/preview.ts

@@ -4,9 +4,20 @@ import {
   type Component,
   type ImageTheme,
   truncateToWidth,
+  visibleWidth,
 } from "@earendil-works/pi-tui";
 import type { ImageAttachment } from "./types.ts";
 
+function formatAttachmentLine(
+  attachment: ImageAttachment,
+  width: number,
+  style: (text: string) => string,
+): string {
+  const maxWidth = Math.max(1, width);
+  const line = style(`Attached ${attachment.placeholder} ${attachment.originalPath}`);
+  return visibleWidth(line) > maxWidth ? truncateToWidth(line, maxWidth, "") : line;
+}
+
 export class ImagePreviewMessage implements Component {
   private readonly images: Image[];
 
@@ -28,9 +39,7 @@ export class ImagePreviewMessage implements Component {
     const lines: string[] = [];
     for (let index = 0; index < this.attachments.length; index++) {
       const attachment = this.attachments[index]!;
-      lines.push(
-        this.theme.fallbackColor(`Attached ${attachment.placeholder} ${attachment.originalPath}`),
-      );
+      lines.push(formatAttachmentLine(attachment, width, this.theme.fallbackColor));
       lines.push(...this.images[index]!.render(width));
     }
     return lines;
@@ -68,8 +77,7 @@ export class CursorImagePreviewWidget implements Component {
   }
 
   private headerLine(width: number): string {
-    const title = `Attached ${this.attachment.placeholder} ${this.attachment.originalPath}`;
-    return this.theme.title(truncateToWidth(title, Math.max(1, width), ""));
+    return formatAttachmentLine(this.attachment, width, this.theme.title);
   }
 
   private createImage(attachment: ImageAttachment, maxWidthCells = 60): Image {