Se oculto reporte de minimos y de coves

src/pages/Reports.jsx

@@ -34,6 +34,9 @@ if (typeof document !== 'undefined' && !document.getElementById('reports-animati
 }
 
 export default function Reports() {
+  // Leer DEBUG_MODE desde variables de entorno
+  const isDebugMode = import.meta.env.VITE_DEBUG_MODE === 'true';
+  
   const [isExporting, setIsExporting] = useState(false);
   const [exportFormat, setExportFormat] = useState('excel');
   const [showExportSuccess, setShowExportSuccess] = useState(false);
@@ -44,6 +47,14 @@ export default function Reports() {
   // Estado para pestañas
   const [activeTab, setActiveTab] = useState('pedimentos');
 
+  // Efecto para manejar el cambio de pestaña cuando isDebugMode cambia
+  useEffect(() => {
+    // Si no está en modo debug y la pestaña activa es una pestaña de debug, cambiar a 'pedimentos'
+    if (!isDebugMode && (activeTab === 'minimos' || activeTab === 'coves')) {
+      setActiveTab('pedimentos');
+    }
+  }, [isDebugMode, activeTab]);
+
   // Importar modelos
   const datastageModels = datastageModelsData?.models || [];
   const pedimentosModels = pedimentosModelsData?.models || [];
@@ -807,6 +818,7 @@ export default function Reports() {
                   <span>Datastage cargados</span>
                 </div>
               </button>
+              {isDebugMode && (
                 <button
                   className={`flex-1 py-3 px-4 text-sm font-semibold rounded-xl focus:outline-none transition-all duration-200 ${
                     activeTab === 'minimos' 
@@ -822,6 +834,8 @@ export default function Reports() {
                     <span>Mínimos</span>
                   </div>
                 </button>
+              )}
+              {isDebugMode && (
                 <button
                   className={`flex-1 py-3 px-4 text-sm font-semibold rounded-xl focus:outline-none transition-all duration-200 ${
                     activeTab === 'coves' 
@@ -837,6 +851,7 @@ export default function Reports() {
                     <span>COVES</span>
                   </div>
                 </button>
+              )}
             </div>
             {/* Contenido de la pestaña activa */}
             <div>{tabContents[activeTab]}</div>