Co-authored-by: eddgranados12 <eddgranados12@users.noreply.github.com>

Co-authored-by: MENDOZA BALLARDO GAEL RICARDO <gael-meb123@users.noreply.github.com>
Co-authored-by: Azareth-Tr <Azareth-Tr@users.noreply.github.com>

modificacion de las vistas principales para el usuario ciudadano, primer avance para el panel admin

recolecta_app/lib/features/home/house_screen.dart

@@ -2,7 +2,9 @@ import 'package:flutter/material.dart';
 import 'package:dio/dio.dart';
 import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:flutter_map/flutter_map.dart';
+import 'package:go_router/go_router.dart';
 import 'package:latlong2/latlong.dart';
+import '../../core/constants/auth_constants.dart';
 import '../../core/theme/app_theme.dart';
 import '../../core/models/ui_models.dart';
 import 'colonias_data.dart';
@@ -28,7 +30,7 @@ class _MyHouseScreenState extends State<MyHouseScreen> {
   Future<void> _cargarDomicilio() async {
     try {
       const storage = FlutterSecureStorage();
-      final token = await storage.read(key: 'token') ?? '';
+      final token = await storage.read(key: authTokenStorageKey) ?? '';
 
       if (token.isEmpty) {
         setState(() => _isLoading = false);
@@ -96,7 +98,11 @@ class _MyHouseScreenState extends State<MyHouseScreen> {
           _CasaCard(casa: _casa!),
           const SizedBox(height: 16),
           const AppSectionTitle(title: 'Mapa del Sector (Restringido)'),
-          _MapaColoniaRestringido(colonia: _casa!.colonia),
+          _MapaColoniaRestringido(
+            colonia: _casa!.colonia,
+            lat: _casa!.lat,
+            lng: _casa!.lng,
+          ),
           const SizedBox(height: 16),
           const AppSectionTitle(title: 'Radio de alerta'),
           _RadioAlertaCard(
@@ -120,13 +126,13 @@ class _MyHouseScreenState extends State<MyHouseScreen> {
           _HorarioCard(),
           const SizedBox(height: 16),
           GestureDetector(
-            onTap: () => ScaffoldMessenger.of(context).showSnackBar(
-              const SnackBar(
-                content: Text('Funcionalidad próximamente disponible'),
-                behavior: SnackBarBehavior.floating,
-                backgroundColor: AppTheme.primary,
-              ),
-            ),
+            onTap: () async {
+              final added = await context.push<bool>('/add-address');
+              if (added == true && mounted) {
+                setState(() => _isLoading = true);
+                _cargarDomicilio();
+              }
+            },
             child: Container(
               padding: const EdgeInsets.all(16),
               decoration: BoxDecoration(
@@ -251,19 +257,14 @@ class _CasaCard extends StatelessWidget {
 // ── Mapa de Colonia (Restringido para Privacidad) ──────────────────────────────
 class _MapaColoniaRestringido extends StatelessWidget {
   final String colonia;
-  const _MapaColoniaRestringido({required this.colonia});
+  final double? lat;
+  final double? lng;
+  const _MapaColoniaRestringido({required this.colonia, this.lat, this.lng});
 
   @override
   Widget build(BuildContext context) {
-    // Usa las coordenadas del archivo centralizado de datos de colonias.
-    final center =
-        kColoniasCoordinates[colonia] ?? const LatLng(20.5222, -100.8123);
-
-    // Creamos una "caja" o límite geográfico de aprox 1km a la redonda
-    final bounds = LatLngBounds(
-      LatLng(center.latitude - 0.01, center.longitude - 0.01),
-      LatLng(center.latitude + 0.01, center.longitude + 0.01),
-    );
+    final center = kColoniaCenter(colonia);
+    final pin = (lat != null && lng != null) ? LatLng(lat!, lng!) : center;
 
     return Container(
       height: 200,
@@ -274,11 +275,10 @@ class _MapaColoniaRestringido extends StatelessWidget {
       clipBehavior: Clip.hardEdge,
       child: FlutterMap(
         options: MapOptions(
-          initialCameraFit: CameraFit.bounds(bounds: bounds),
-          // ESTO ES LA MAGIA DE LA PRIVACIDAD: Bloquea el mapa a esta caja
-          cameraConstraint: CameraConstraint.contain(bounds: bounds),
+          initialCenter: pin,
+          initialZoom: 16.0,
           interactionOptions: const InteractionOptions(
-            flags: InteractiveFlag.drag | InteractiveFlag.pinchZoom,
+            flags: InteractiveFlag.none,
           ),
         ),
         children: [
@@ -286,15 +286,17 @@ class _MapaColoniaRestringido extends StatelessWidget {
             urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
             userAgentPackageName: 'com.onlineshack.recolecta',
           ),
-          CircleLayer(
-            circles: [
-              CircleMarker(
-                point: center,
-                color: AppTheme.primary.withValues(alpha: 0.2),
-                borderColor: AppTheme.primary,
-                borderStrokeWidth: 2,
-                radius: 350, // 350 metros a la redonda remarcados
-                useRadiusInMeter: true,
+          MarkerLayer(
+            markers: [
+              Marker(
+                point: pin,
+                width: 36,
+                height: 36,
+                child: const Icon(
+                  Icons.home_rounded,
+                  color: AppTheme.primary,
+                  size: 36,
+                ),
               ),
             ],
           ),