AI Feedback Loop

import { AIFeedbackLoop } from '@/blocks/ai-transparency/ai-feedback-loop'

export default function ChatMessage() {
 const handleFeedback = (feedback) => {
 console.log('User feedback:', feedback)
 // Send to analytics or backend
 // Update AI model based on feedback
 }

 const handleRetryWithSuggestions = (suggestions) => {
 console.log('Retry with:', suggestions)
 // Regenerate response with suggestions
 }

 return (
 <div>
 {/* Inline thumbs */}
 <AIFeedbackLoop
 type="thumbs"
 variant="inline"
 allowComments={true}
 onFeedbackSubmit={handleFeedback}
 />

 {/* Star rating */}
 <AIFeedbackLoop
 type="rating"
 variant="card"
 showCategories={true}
 allowComments={true}
 onFeedbackSubmit={handleFeedback}
 />

 {/* With improvement suggestions */}
 <AIFeedbackLoop
 type="thumbs"
 variant="card"
 showImprovementSuggestions={true}
 improvementSuggestions={[
 'More examples',
 'Simpler language',
 'More details',
 ]}
 onFeedbackSubmit={handleFeedback}
 onRetryWithSuggestions={handleRetryWithSuggestions}
 />
 </div>
 )
}