@selesai/code 0.1.19 → 0.2.1

package/dist/modes/interactive/interactive-mode.js

@@ -28,6 +28,7 @@ import { getChangelogPath, getNewEntries, normalizeChangelogLinks, parseChangelo
 import { copyToClipboard } from "../../utils/clipboard.js";
 import { extensionForImageMimeType, readClipboardImage } from "../../utils/clipboard-image.js";
 import { parseGitUrl } from "../../utils/git.js";
+import { formatDimensionNote, resizeImage } from "../../utils/image-resize.js";
 import { getCwdRelativePath } from "../../utils/paths.js";
 import { getPiUserAgent } from "../../utils/pi-user-agent.js";
 import { killTrackedDetachedChildren } from "../../utils/shell.js";
@@ -151,6 +152,7 @@ export class InteractiveMode {
     isInitialized = false;
     onInputCallback;
     pendingUserInputs = [];
+    pendingInputImages = [];
     loadingAnimation = undefined;
     workingMessage = undefined;
     workingVisible = true;
@@ -1993,27 +1995,66 @@ export class InteractiveMode {
         try {
             const image = await readClipboardImage();
             if (!image) {
+                this.showWarning("No image found in clipboard");
                 return;
             }
-            // Write to temp file
             const tmpDir = os.tmpdir();
             const ext = extensionForImageMimeType(image.mimeType) ?? "png";
-            const fileName = `pi-clipboard-${crypto.randomUUID()}.${ext}`;
+            const fileName = `pi-clipboard-${Date.now()}-${this.pendingInputImages.length + 1}.${ext}`;
             const filePath = path.join(tmpDir, fileName);
             fs.writeFileSync(filePath, Buffer.from(image.bytes));
-            // Insert file path directly
-            this.editor.insertTextAtCursor?.(filePath);
+            let attachment;
+            let dimensionNote;
+            const autoResizeImages = this.settingsManager.getImageAutoResize();
+            if (autoResizeImages) {
+                const resized = await resizeImage(image.bytes, image.mimeType).catch(() => null);
+                if (!resized) {
+                    this.showWarning("Clipboard image attached without resize");
+                    attachment = {
+                        type: "image",
+                        mimeType: image.mimeType,
+                        data: Buffer.from(image.bytes).toString("base64"),
+                    };
+                }
+                else {
+                    dimensionNote = formatDimensionNote(resized);
+                    attachment = {
+                        type: "image",
+                        mimeType: resized.mimeType,
+                        data: resized.data,
+                    };
+                }
+            }
+            else {
+                attachment = {
+                    type: "image",
+                    mimeType: image.mimeType,
+                    data: Buffer.from(image.bytes).toString("base64"),
+                };
+            }
+            this.pendingInputImages.push(attachment);
+            const label = dimensionNote ? `${filePath} ${dimensionNote}` : filePath;
+            this.editor.insertTextAtCursor?.(label);
             this.ui.requestRender();
         }
-        catch {
-            // Silently ignore clipboard errors (may not have permission, etc.)
+        catch (error) {
+            this.showWarning(`Failed to paste image: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    }
+    consumePendingInputImages() {
+        if (this.pendingInputImages.length === 0) {
+            return undefined;
         }
+        const images = this.pendingInputImages;
+        this.pendingInputImages = [];
+        return images;
     }
     setupEditorSubmitHandler() {
         this.defaultEditor.onSubmit = async (text) => {
             text = text.trim();
             if (!text)
                 return;
+            const images = this.consumePendingInputImages();
             // Handle commands
             if (text === "/settings") {
                 this.showSettingsSelector();
@@ -2164,10 +2205,10 @@ export class InteractiveMode {
                 if (this.isExtensionCommand(text)) {
                     this.editor.addToHistory?.(text);
                     this.editor.setText("");
-                    await this.session.prompt(text);
+                    await this.session.prompt(text, { images });
                 }
                 else {
-                    this.queueCompactionMessage(text, "steer");
+                    this.queueCompactionMessage(text, "steer", images);
                 }
                 return;
             }
@@ -2176,7 +2217,7 @@ export class InteractiveMode {
             if (this.session.isStreaming) {
                 this.editor.addToHistory?.(text);
                 this.editor.setText("");
-                await this.session.prompt(text, { streamingBehavior: "steer" });
+                await this.session.prompt(text, { streamingBehavior: "steer", images });
                 this.updatePendingMessagesDisplay();
                 this.ui.requestRender();
                 return;
@@ -2184,7 +2225,7 @@ export class InteractiveMode {
             // Normal message submission
             // First, move any pending bash components to chat
             this.flushPendingBashComponents();
-            const input = { text };
+            const input = { text, images };
             if (this.onInputCallback) {
                 this.onInputCallback(input);
             }
@@ -2882,22 +2923,24 @@ export class InteractiveMode {
             return;
         // Queue input during compaction (extension commands execute immediately)
         if (this.session.isCompacting) {
+            const images = this.consumePendingInputImages();
             if (this.isExtensionCommand(text)) {
                 this.editor.addToHistory?.(text);
                 this.editor.setText("");
-                await this.session.prompt(text);
+                await this.session.prompt(text, { images });
             }
             else {
-                this.queueCompactionMessage(text, "followUp");
+                this.queueCompactionMessage(text, "followUp", images);
             }
             return;
         }
         // Alt+Enter queues a follow-up message (waits until agent finishes)
         // This handles extension commands (execute immediately), prompt template expansion, and queueing
         if (this.session.isStreaming) {
+            const images = this.consumePendingInputImages();
             this.editor.addToHistory?.(text);
             this.editor.setText("");
-            await this.session.prompt(text, { streamingBehavior: "followUp" });
+            await this.session.prompt(text, { streamingBehavior: "followUp", images });
             this.updatePendingMessagesDisplay();
             this.ui.requestRender();
         }
@@ -3040,6 +3083,7 @@ export class InteractiveMode {
     // =========================================================================
     clearEditor() {
         this.editor.setText("");
+        this.pendingInputImages = [];
         this.ui.requestRender();
     }
     showError(errorMessage) {