# Configuración del Chat Floating

## Resumen
El componente FloatingChat ahora está configurado para enviar peticiones a la API externa definida en la variable de entorno `CHAT_API`.

## Flujo de trabajo:

1. **Usuario escribe mensaje** → Componente FloatingChat
2. **Petición POST** → `/chat` (Laravel route)
3. **ChatController** → Procesa y envía a API externa
4. **API Externa** → `CHAT_API` definida en `.env`
5. **Respuesta** → Regresa al usuario a través del componente

## Archivos modificados:

### 1. `app/Http/Controllers/ChatController.php`
- Nuevo controlador para manejar peticiones de chat
- Envía peticiones a la API externa con formato: `{"text": "mensaje del usuario"}`
- Maneja errores y respuestas de la API externa

### 2. `config/app.php`
- Agregada configuración `'chat_api' => env('CHAT_API')`

### 3. `routes/web.php`  
- Nueva ruta: `POST /chat` → `ChatController@processMessage`

### 4. `resources/js/components/landing/floating-chat.tsx`
- Cambiado endpoint de `/chat.processor` a `/chat`
- Cambiado formato del body de `{"message": "..."}` a `{"text": "..."}`
- Mejorado manejo de errores de la API

### 5. `resources/views/app.blade.php`
- Agregado meta tag CSRF: `<meta name="csrf-token" content="{{ csrf_token() }}">`

## Variable de entorno:
```
CHAT_API=https://chatingenio.celenius.store/send-message/
```

## Formato de petición a API externa:
```json
{
    "text": "consejos del cuidado de la piel en la playa"
}
```

## Formato esperado de respuesta de API externa:
```json
{
    "response": "Aquí están mis consejos para cuidar la piel en la playa..."
}
```

El controlador también maneja otros formatos de respuesta como `message`, `text`, o `answer`.

## Testing:
Para probar que todo funciona:
1. Asegúrate de que el servidor Laravel esté corriendo
2. Abre la aplicación en el navegador
3. Haz clic en el botón flotante de chat
4. Envía un mensaje de prueba
5. Verifica los logs en `storage/logs/laravel.log` para debugging