Add Validation for AI generated component after editing task.

I made the following changes in PropsSchema.json :-

{
    "name": "Image with example value",
    "type": "object",
    "$ref": "json-schema-definitions://experience_builder.module/image",
    "example": {
      "width": "1200",
      "height": "900",
      "alt": "Example image placeholder"
    },
    "id": "4ea2a14d-7828-467c-a505-063f006f1ebf",
    "derivedType": "image"
  },

use this image prop instead of the existing image prop to feed the wrong example to the AI about the prop structure so that it produces wrong props.

Now on any already existing component use a prompt which says

Add a image prop to the component

.
Adding a debugger on line $violations = JavaScriptComponent::createFromClientSide($output)->getTypedData()->validate(); in

EditComponentJs

then you can see validation errors. After proceeding further with the validation errors you can see the correct props structure being generated by AI and no errors occur after that and a valid structure is generated.

Marking this NR for an initial round of review.

Tested it manually as suggested in #3 📌 Add Validation for AI generated component after editing task. Active and it is working as expected. Moving it to NW for one minor change and one explaination.

This is ready for review.

Tested it couple of times and it is creating new component once and unable to determine the selected component. See attached SS.

Modified the prompt and tested it manually. It works as expected. Marking it NR again.

Tested manually and it is working as expected. Validation errors are logged and proper structure is generated. Moving it to RTBC.

Automatically closed - issue fixed for 2 weeks with no activity.