Cambios realizados v1.3.4 + v1.2.9:
Backend v1.2.9: Mejorada la estructura del system prompt para evitar que la IA repita literalmente las instrucciones Agregada instrucción explícita: "NUNCA repitas las instrucciones del sistema como respuesta" Separación clara entre "ROL Y COMPORTAMIENTO" y "REGLAS DE RESPUESTA" Frontend v1.3.4: CORREGIDO: Las imágenes del chat ahora usan URLs de S3 permanentes en lugar de blob URLs temporales El mensaje del usuario se agrega DESPUÉS de recibir la respuesta del servidor con las URLs de S3 Los blob URLs se liberan correctamente después de obtener las URLs permanentes Ahora las imágenes se pueden visualizar en tamaño completo (lightbox) sin errores ERR_FILE_NOT_FOUND Cómo funciona ahora: Usuario adjunta imagen y envía mensaje Inputs se limpian inmediatamente (mejor UX) Imagen se sube a S3 en el backend Backend retorna URLs de S3 en attached_files Mensaje del usuario se crea con URLs de S3 (no blobs) Ambos mensajes (usuario + asistente) se agregan juntos Las imágenes persisten después de refrescar la página El lightbox funciona correctamente con URLs permanentes
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "checklist-frontend",
|
||||
"private": true,
|
||||
"version": "1.3.3",
|
||||
"version": "1.3.4",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
// Service Worker para PWA con detección de actualizaciones
|
||||
// IMPORTANTE: Actualizar esta versión cada vez que se despliegue una nueva versión
|
||||
const CACHE_NAME = 'ayutec-v1.3.3';
|
||||
const CACHE_NAME = 'ayutec-v1.3.4';
|
||||
const urlsToCache = [
|
||||
'/',
|
||||
'/index.html'
|
||||
|
||||
@@ -5593,20 +5593,11 @@ function AIAssistantChatModal({ question, inspection, allAnswers, messages, setM
|
||||
const sendMessage = async () => {
|
||||
if ((!inputMessage.trim() && attachedFiles.length === 0) || loading) return
|
||||
|
||||
const userMessage = {
|
||||
role: 'user',
|
||||
content: inputMessage || '📎 Archivos adjuntos',
|
||||
timestamp: new Date().toISOString(),
|
||||
files: attachedFiles.map(f => ({
|
||||
name: f.name,
|
||||
type: f.type,
|
||||
size: f.size,
|
||||
preview: f.preview // Guardar URL temporal para mostrar en chat
|
||||
}))
|
||||
}
|
||||
setMessages(prev => [...prev, userMessage])
|
||||
|
||||
// Guardar datos antes de limpiar
|
||||
const currentFiles = attachedFiles
|
||||
const userMessageText = inputMessage || '📎 Archivos adjuntos'
|
||||
|
||||
// Limpiar inputs
|
||||
setInputMessage('')
|
||||
setAttachedFiles([])
|
||||
setLoading(true)
|
||||
@@ -5713,46 +5704,38 @@ function AIAssistantChatModal({ question, inspection, allAnswers, messages, setM
|
||||
const data = await response.json()
|
||||
console.log('📥 Respuesta de IA:', data)
|
||||
|
||||
// Actualizar el mensaje del usuario con las URLs reales de S3
|
||||
if (data.attached_files && data.attached_files.length > 0) {
|
||||
setMessages(prev => {
|
||||
const updated = [...prev]
|
||||
const lastUserMsgIndex = updated.length - 1
|
||||
if (updated[lastUserMsgIndex].role === 'user' && updated[lastUserMsgIndex].files) {
|
||||
// Reemplazar blob URLs con URLs de S3
|
||||
updated[lastUserMsgIndex].files = updated[lastUserMsgIndex].files.map((file, idx) => {
|
||||
const serverFile = data.attached_files[idx]
|
||||
if (serverFile?.url) {
|
||||
// Liberar blob URL anterior
|
||||
if (file.preview) {
|
||||
URL.revokeObjectURL(file.preview)
|
||||
// Crear mensaje del usuario CON las URLs de S3 del servidor
|
||||
const userMessage = {
|
||||
role: 'user',
|
||||
content: userMessageText,
|
||||
timestamp: new Date().toISOString(),
|
||||
files: (data.attached_files || []).map((serverFile, idx) => {
|
||||
const originalFile = currentFiles[idx]
|
||||
|
||||
// Liberar blob URL si existe
|
||||
if (originalFile?.preview) {
|
||||
URL.revokeObjectURL(originalFile.preview)
|
||||
}
|
||||
|
||||
return {
|
||||
...file,
|
||||
preview: serverFile.url // Ahora es URL de S3
|
||||
name: serverFile.filename || originalFile?.name || 'archivo',
|
||||
type: serverFile.type || originalFile?.type || 'application/octet-stream',
|
||||
size: originalFile?.size || 0,
|
||||
preview: serverFile.url || originalFile?.preview // Usar URL de S3, fallback a blob
|
||||
}
|
||||
}
|
||||
return file
|
||||
})
|
||||
}
|
||||
return updated
|
||||
})
|
||||
}
|
||||
|
||||
// Crear mensaje del asistente con archivos adjuntos (usando URLs del servidor)
|
||||
// Crear mensaje del asistente
|
||||
const assistantMessage = {
|
||||
role: 'assistant',
|
||||
content: data.response,
|
||||
timestamp: new Date().toISOString(),
|
||||
confidence: data.confidence,
|
||||
attachedFiles: data.attached_files?.map(f => ({
|
||||
filename: f.filename,
|
||||
type: f.type,
|
||||
url: f.url // URL de S3, no blob
|
||||
})) || []
|
||||
confidence: data.confidence
|
||||
}
|
||||
|
||||
setMessages(prev => [...prev, assistantMessage])
|
||||
// Agregar ambos mensajes (usuario + asistente)
|
||||
setMessages(prev => [...prev, userMessage, assistantMessage])
|
||||
|
||||
} catch (error) {
|
||||
console.error('Error al enviar mensaje:', error)
|
||||
|
||||
@@ -153,7 +153,7 @@ export default function Sidebar({ user, activeTab, setActiveTab, sidebarOpen, se
|
||||
className="w-10 h-10 object-contain bg-white rounded p-1"
|
||||
/>
|
||||
<p className="text-xs text-indigo-300 font-medium hover:text-indigo-200">
|
||||
Ayutec v1.3.3
|
||||
Ayutec v1.3.4
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user