XB AI: AI can hallucinate the prop names

This is ready for review.

Added a suggestion

This issue still occurs intermittently (about 3 out of 10 times). See attached screenshot:

I also noticed that the generated component sometimes includes unused imports, for example: import Image from 'next-image-standalone';

Tested with the following prompt:
Create an Alert component with a message and an optional type prop (info by default).

I tested this with the latest changes and it works 10/10 times for me now.
The prompt that i used was :-
Create an Alert component with a message and an optional type prop (info by default).
It does name the props sometimes as type and sometimes as alertType but also does use them with the same name across the code, which makes it more consistent. We can also change the alert type from the props and see the colour of the alert change according the value selected in the prop.

We should not be generating props with camel case. The prop in code is automatically converted to camel case from the prop name. We should either try to fix that here or in a follow-up.

Re #7: Discussed it with @laurii and decided that we need to covert it to camelCase as per the latest changes in XB. So this does not need any actions.

Tested prompt from #6, and it is giving same issue when prompt is used third time.

utkarsh_33 → changed the visibility of the branch 3543093-xb-ai-ai to hidden.

Tested it again and I am not able to reproduce issue mentioned in #9 🐛 XB AI: AI can hallucinate the prop names Active . Moving it to RTBC.

tim.plunkett → made their first commit to this issue’s fork.

Merged, thanks!

Now that this issue is closed, please review the contribution record.

As a contributor, attribute any organization helped you, or if you volunteered your own time.

Maintainers, please credit people who helped resolve this issue.