PROMPT = SYSTEM + CONTEXT + INSTRUCTIONS + CONSTRAINTS

You are an AI image editor specializing in interior design visualization.

CORE RULES:
1. PRESERVE the original image quality, lighting, and perspective
2. ONLY modify areas explicitly marked for change
3. MAINTAIN photorealistic quality throughout
4. RESPECT coordinate boundaries precisely

IMAGE INFORMATION:
- Dimensions: {width} x {height} pixels
- Style: {style_preferences}

## ANNOTATION #{id}: PRODUCT SWAP
Location: ({x}, {y}) pixels - {description}

ACTION: DELETE the existing object at this location and INSERT new product

PRODUCT REFERENCE:
- See IMAGE {index} for exact product appearance
- REPLACE existing object with this EXACT product
- Scale appropriately for the scene
- Match lighting and shadows

CRITICAL: Use the EXACT product from the reference image

## ANNOTATION #{id}: REMOVE OBJECT
Location: ({x}, {y}) pixels - {description}

ACTION: REMOVE the object and FILL naturally

REQUIREMENTS:
- Remove the specified object completely
- Fill with appropriate background (floor, wall, etc.)
- Match surrounding textures and patterns
- Maintain lighting consistency

## ANNOTATION #{id}: COLOR CHANGE
Location: ({x}, {y}) pixels - {description}

ACTION: CHANGE color of specified surface

TARGET COLOR: {color_value}
- Standard: {color_standard} (RAL/NCS)

REQUIREMENTS:
- Apply color to specified surface only
- Preserve texture and material appearance
- Adjust shadows/highlights for new color

## ANNOTATION #{id}: ADD OBJECT
Location: ({x}, {y}) pixels - {description}

ACTION: ADD new object to scene

OBJECT DESCRIPTION: {user_description}

REQUIREMENTS:
- Place at specified coordinates
- Scale appropriately for scene
- Match lighting and perspective
- Integrate naturally with surroundings

// Convert percentage to pixels
const pixelX = (percentX / 100) * imageWidth;
const pixelY = (percentY / 100) * imageHeight;

// In prompt: use absolute pixels
`Location: (${pixelX}, ${pixelY}) pixels`

// When image uses objectFit: contain
// Account for letterboxing offset
const imageAspectRatio = naturalWidth / naturalHeight;
const containerAspectRatio = containerWidth / containerHeight;

if (imageAspectRatio > containerAspectRatio) {
  renderedWidth = containerWidth;
  renderedHeight = containerWidth / imageAspectRatio;
  offsetY = (containerHeight - renderedHeight) / 2;
}

const formData = new FormData();

// Source image (always first)
formData.append('image[]', sourceBlob, 'source.png');

// Product reference images
annotations.forEach((ann, index) => {
  if (ann.attachment_type === 'image' || ann.attachment_type === 'link') {
    formData.append('image[]', productBlob, `product_${index}.png`);
  }
});

// Prompt references images by index
// IMAGE 0 = source
// IMAGE 1 = first product
// IMAGE 2 = second product

## FINAL VALIDATION CHECKLIST

Before generating, verify:
- [ ] All annotation locations are within image bounds
- [ ] Product references match IMAGE indices
- [ ] Unchanged areas remain IDENTICAL
- [ ] Photorealistic quality maintained
- [ ] Lighting consistent throughout

OUTPUT: Single high-quality image with all requested changes applied

// Log prompt for debugging
console.log('[Prompt] System:', systemPrompt);
console.log('[Prompt] Annotations:', annotationInstructions);
console.log('[Prompt] Images:', {
  source: 'IMAGE 0',
  products: productImageMap,
});