import React, { useState, useEffect } from 'react'; import { useSentimentAgent } from './hooks/useSentimentAgent'; import './App.css'; function App() { const { loading, error, analyzeSentiment, getAverageSentiment, sentimentHistory } = useSentimentAgent(); const [inputText, setInputText] = useState(''); const [displayMessage, setDisplayMessage] = useState('¡Bienvenido! ¿Cómo te sientes hoy?'); const averageSentiment = getAverageSentiment(); useEffect(() => { // El módulo de adaptación reconfigura el mensaje de bienvenida switch (averageSentiment) { case 'positive': setDisplayMessage('¡Qué alegría verte de nuevo! Esperamos que disfrutes tu visita.'); break; case 'negative': setDisplayMessage('Lamentamos si algo te incomoda. ¿Hay algo en lo que podamos ayudarte?'); break; case 'neutral': default: setDisplayMessage('¡Bienvenido de nuevo! ¿Qué podemos hacer por ti hoy?'); break; } }, [averageSentiment]); const handleAnalyze = async () => { if (inputText.trim()) { await analyzeSentiment(inputText); setInputText(''); } }; if (loading) return

Cargando agente de IA...

; if (error) return

Error al cargar: {error.message}

; return (

Agente Autonómico de Sentimiento

{displayMessage}

setInputText(e.target.value)}
        />
        <button
          className="mt-3 w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors"
          onClick={handleAnalyze}
        >
          Analizar Sentimiento
        </button>
      </div>

<div className="bg-gray-100 p-4 rounded-lg">
        <h2 className="text-xl font-semibold mb-3">Historial de Interacciones (en tu dispositivo)</h2>
        {sentimentHistory.length === 0 ? (
          <p>No hay historial de sentimiento aún.</p>
        ) : (
          <ul className="list-disc pl-5">
            {sentimentHistory.map((entry, index) => (
              <li key={index} className="mb-1">
                <strong>{entry.sentiment}:</strong> "{entry.text}" (Puntuación: {entry.score.toFixed(2)}) - <span className="text-gray-500 text-sm">{new Date(entry.timestamp).toLocaleTimeString()}</span>
              </li>
            ))}
          </ul>
        )}
      </div>
    </div>
  );
}

export default App;
</article></body></html>