Add preset image editing options to remove an item or replace an item#312
Conversation
… proper state when in this masking mode. Add the needed prompts to power both of those options
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## develop #312 +/- ##
==========================================
Coverage 57.85% 57.85%
Complexity 615 615
==========================================
Files 46 46
Lines 3165 3165
==========================================
Hits 1831 1831
Misses 1334 1334
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
|
Similar to #305 (comment) let's ensure these two buttons are present by default on the second line of buttons that are all AI Edit functionality but not include the |
Makes sense, will get those changes in place though at this point, will be easier once #292 and #305 get merged so holding on this until then |
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
…re the lines drawn on the image are continous
… mode after generating an image


What?
Closes #236
Adds two new image editing preset options: Remove item, Replace item
Why?
While you can always use the included textarea to make conversational edits to an image (including removing or replacing an item) it may be easier or feel more familiar to be able to select an item within the image to remove or replace. When using either of these new preset options, you will draw on top of the image (e.g. circle the item you want to edit) and then add an additional prompt (when replacing) to describe what you want to swap in.
How?
Remove item,Replace itemUse of AI Tools
Generated and executed a plan using Claude Code running Opus 4.6. Did some final refinement myself and all testing
Testing Instructions
npm install && npm run buildEdit ImagebuttonAI EditbuttonRemove itemandReplace itembuttonsRemove item. Ensure the original image is shown and you have the ability to draw on the imageApplyReplace itembutton. Ensure the original image is shown and you have the ability to draw on the imageApplyScreenshots