Fix image input preview cropping

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>

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">