claude-code - 💡(How to fix) Fix Image dimension limit (2000px) fails silently after submit, forcing /compact and context loss [1 comments, 2 participants]

The error only appears after the user submits — and the only suggested fix (/compact) destroys conversation context the user may want to keep. 2. Identify which image is oversized in the error message (name/index/dimensions). 3. Turn fails with the error above. No indication of which image is the problem. /compact is the only suggested recovery.

TL;DR

Validate image dimensions at attach time and provide a warning or offer auto-resize to prevent submission failures due to oversized images.

Guidance

• Implement client-side validation to check image dimensions as soon as they are attached, and display a warning if any image exceeds the 2000px limit.
• Consider offering an auto-resize option for oversized images, allowing users to choose whether to resize the image before submitting.
• Modify the error message to identify which specific image is oversized, providing more informative feedback to the user.
• Update the recovery suggestions to include removing the offending image instead of recommending /compact, which destroys conversation context.
• Create a rewind checkpoint for failed turns to enable users to recover their work using Esc Esc.

Example

// Pseudo-code example of client-side validation
function validateImageDimensions(image) {
  const maxWidth = 2000;
  const maxHeight = 2000;
  if (image.width > maxWidth || image.height > maxHeight) {
    // Display warning or offer auto-resize option
    console.log(`Image exceeds dimension limit: ${image.width}x${image.height}`);
  }
}

Notes

The proposed solution focuses on improving the user experience by providing immediate feedback and more informative error messages. However, the exact implementation details may vary depending on the specific requirements and constraints of the Claude Code CLI and its underlying technology stack.

Recommendation

Apply workaround: Implement client-side validation and provide informative error messages to improve the user experience and prevent submission failures due to oversized images. This approach addresses the root cause of the issue and offers a more user-friendly solution than the current /compact suggestion.