Cambios para manejar respaldo

src/components/ResultTable.jsx

@@ -186,7 +186,29 @@ export default function ResultTable({ result, loading, pollingProgress }) {
                     <h3 style={{ color: 'var(--text-primary)', fontWeight: 600, marginBottom: '0.5rem' }}>
                         {result.message || 'Consulta ejecutada correctamente'}
                     </h3>
-                    {result.command_id && (
+                    {result.downloadUrl && (
+                        <div style={{ marginTop: '1.5rem', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '1rem' }}>
+                            <a
+                                href={result.downloadUrl}
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="flex items-center gap-2 px-8 py-3 rounded-lg font-bold transition-all hover:scale-105 shadow-lg shadow-blue-500/20"
+                                style={{
+                                    background: 'var(--accent)',
+                                    color: 'white',
+                                    textDecoration: 'none',
+                                    fontSize: '1rem'
+                                }}
+                            >
+                                <Download size={20} />
+                                Descargar Respaldo Ahora
+                            </a>
+                            <p className="text-xs" style={{ color: 'var(--text-muted)' }}>
+                                El archivo se encuentra disponible en el servidor FTP especificado.
+                            </p>
+                        </div>
+                    )}
+                    {result.command_id && !result.downloadUrl && (
                         <p className="font-mono text-xs flex items-center gap-1" style={{ color: 'var(--text-accent)' }}>
                             <Hash size={12} /> Command ID: {result.command_id}
                         </p>