const generateSoapNotes = async () => {
  // ... SOAP generation logic ...
  
  const data = await response.json();
  const soapContent = data.soap;
  
  setNoteContent(soapContent);
  setCurrentStep('soap');
  
  // Automatically generate insights from SOAP
  generateInsights(soapContent);
};

const generateInsights = async (content: NoteContent) => {
  const allText = Object.values(content).join(' ').trim();
  if (!allText) return;
  
  setIsLoadingInsights(true);
  
  const response = await fetch(`${API_BASE}/api/ai/clinical-insights`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      soap: content,
      patientName: selectedPet?.name,
      species: selectedPet?.species,
      breed: selectedPet?.breed,
    }),
  });
  
  const { insights } = await response.json();
  setInsights(insights);
};

const systemPrompt = `You are an expert veterinary clinical decision support AI.
Analyze the following SOAP notes and provide clinical insights.
${patientName ? `Patient: ${patientName}` : ''}

Return a JSON array of insight objects, each with:
- "type": "risk" | "diagnosis" | "suggestion"
- "priority": "high" | "medium" | "low"
- "title": short title (max 60 chars)
- "description": detailed explanation (2-3 sentences)
- "confidence": number 0-1 (1 = very confident)

Return 2-5 insights. Only return valid JSON array.`;

const completion = await openai.chat.completions.create({
  model: 'gpt-4o-mini',
  messages: [
    { role: 'system', content: systemPrompt },
    { role: 'user', content: JSON.stringify(soap) },
  ],
  temperature: 0.4,  // Slightly higher for creative suggestions
  max_tokens: 1500,
});

interface ClinicalInsight {
  id: string;
  type: 'risk' | 'diagnosis' | 'suggestion';
  priority: 'high' | 'medium' | 'low';
  title: string;
  description: string;
  confidence: number;  // 0.0 - 1.0
  status: 'pending' | 'accepted' | 'rejected';
}

const handleInsightFeedback = (id: string, feedback: 'accepted' | 'rejected') => {
  setInsightFeedback(prev => ({ ...prev, [id]: feedback }));
  setInsights(prev =>
    prev.map(i => i.id === id ? { ...i, status: feedback } : i)
  );
  
  // Future: Send feedback to backend for model fine-tuning
  // This will be implemented in a future version to improve AI accuracy
};

<div className="flex gap-2 mt-2">
  <Button
    size="sm"
    variant="ghost"
    onClick={() => handleInsightFeedback(insight.id, 'accepted')}
    className={insightFeedback[insight.id] === 'accepted' ? 'bg-green-100' : ''}
  >
    <ThumbsUp className="h-3 w-3 mr-1" />
    Helpful
  </Button>
  <Button
    size="sm"
    variant="ghost"
    onClick={() => handleInsightFeedback(insight.id, 'rejected')}
    className={insightFeedback[insight.id] === 'rejected' ? 'bg-red-100' : ''}
  >
    <ThumbsDown className="h-3 w-3 mr-1" />
    Not Relevant
  </Button>
</div>

setInsights(prev => {
  const existing = new Set(prev.map(p => p.title.toLowerCase()));
  return [
    ...prev,
    ...newInsights.filter(n => !existing.has(n.title.toLowerCase()))
  ];
});