Hello Experts,

We’re exploring the development of a feedback component that enables users to rate AI-generated responses using thumbs up (positive) and thumbs down (negative) icons, along with optional comments. The goal is to collect meaningful feedback that helps us analyze user sentiment and continuously improve the accuracy of system predictions.

🎯 Requirements:

• Ability to click thumbs up/down to log feedback (stored as 1 or 0).
• Ability to enter comments explaining the feedback.
• Ability to collect feedback from multiple users for analysis.

🔍 Exploration So Far:

We haven’t found an out-of-the-box (OOTB) solution that meets all these needs. As an alternative, we’re considering building a custom DX field-level component that:

• Displays feedback buttons as icons.
• Accepts props like userId, feedbackValue, and comment.
• Saves feedback to a backend table or invokes a data page on click.

We’ve also noticed that the Pega AI widget includes similar thumbs icons. If possible, we’d love to extend or reuse that component to build this feature.

📎 Reference:

An attachment has been shared for visual reference.

🙏 Request:

We’d appreciate your expert insights on:

• Any existing OOTB components or configurations that support this use case.
• Best practices for implementing this as a reusable DX component.
• Whether the AI widget can be extended to support this functionality.

Thanks in advance for your guidance!