From cf497aa40382fd04ba23445f486a7b902229a5ec Mon Sep 17 00:00:00 2001
From: xuzhijie <xuzhijie794@gmail.com>
Date: Wed, 13 May 2026 15:26:57 +0800
Subject: [PATCH] Fix image input preview cropping

---
 src/components/__tests__/ImageInputNode.test.tsx | 11 +++++++++++
 src/components/nodes/ImageInputNode.tsx          |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/__tests__/ImageInputNode.test.tsx b/src/components/__tests__/ImageInputNode.test.tsx
index b1cb53ee..25703d35 100644
--- a/src/components/__tests__/ImageInputNode.test.tsx
+++ b/src/components/__tests__/ImageInputNode.test.tsx
@@ -137,6 +137,17 @@ describe("ImageInputNode", () => {
       expect(img).toHaveAttribute("src", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUg==");
     });
 
+    it("should show the full image without cropping", () => {
+      render(
+        <TestWrapper>
+          <ImageInputNode {...propsWithImage} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByAltText("test-image.png")).toHaveClass("object-contain");
+      expect(screen.getByAltText("test-image.png")).not.toHaveClass("object-cover");
+    });
+
     it("should not show drop zone when image is set", () => {
       render(
         <TestWrapper>
diff --git a/src/components/nodes/ImageInputNode.tsx b/src/components/nodes/ImageInputNode.tsx
index 1cf4386a..47e64cdf 100644
--- a/src/components/nodes/ImageInputNode.tsx
+++ b/src/components/nodes/ImageInputNode.tsx
@@ -110,7 +110,7 @@ export function ImageInputNode({ id, data, selected }: NodeProps<ImageInputNodeT
           <img
             src={adaptiveImage ?? undefined}
             alt={nodeData.filename || "Uploaded image"}
-            className="w-full h-full object-cover rounded-lg"
+            className="w-full h-full object-contain rounded-lg bg-neutral-950"
           />
           {nodeData.isOptional && (
             <span className="absolute bottom-2 left-2 text-[9px] font-medium text-neutral-300 bg-black/50 px-1.5 py-0.5 rounded">