Pantalla: Detalle de Dependiente¶

Identificador: SCR-FAM-003 Modulo: MTS-FAM-001 - Perfiles Familiares Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Especificado

1. Informacion General¶

Atributo	Valor
Nombre	Detalle de Dependiente
Proposito	Vista completa del perfil de un dependiente con acceso a sus datos
Tipo	Full Screen
Acceso	Lista Dependientes > Tap dependiente
Prioridad	Alta

2. Wireframe ASCII¶

2.1. Vista Principal¶

+------------------------------------------+
|  [<]    Maria Garcia              [EDIT]  |
+------------------------------------------+
|                                           |
|         +------------------+              |
|         |                  |              |
|         |   [Avatar 96dp]  |              |
|         |                  |              |
|         +------------------+              |
|              Maria Garcia                 |
|           Hija - 12 anos                  |
|         Bajo tu responsabilidad           |
|                                           |
+------------------------------------------+
|  RESUMEN DE SALUD                         |
|  +------------------------------------+   |
|  |  [Pill]  3 medicamentos activos    |   |
|  |  [%]     98% adherencia (30 dias)  |   |
|  |  [Fire]  45 dias de racha          |   |
|  |  [Bell]  0 alertas pendientes      |   |
|  +------------------------------------+   |
|                                           |
|  ACCIONES RAPIDAS                         |
|  +----------------+ +----------------+    |
|  | [Meds]         | | [Calendar]     |    |
|  | Medicamentos   | | Calendario     |    |
|  +----------------+ +----------------+    |
|  +----------------+ +----------------+    |
|  | [Chart]        | | [Share]        |    |
|  | Estadisticas   | | Compartir      |    |
|  +----------------+ +----------------+    |
|                                           |
|  INFORMACION                              |
|  +------------------------------------+   |
|  | Fecha de nacimiento                |   |
|  | 15 de marzo de 2013           [>]  |   |
|  +------------------------------------+   |
|  | Alergias                           |   |
|  | Penicilina, Mariscos          [>]  |   |
|  +------------------------------------+   |
|  | Condiciones                        |   |
|  | Asma                          [>]  |   |
|  +------------------------------------+   |
|                                           |
|  CONFIGURACION                            |
|  +------------------------------------+   |
|  | Permisos de cuidadores        [>]  |   |
|  +------------------------------------+   |
|  | Alertas y notificaciones      [>]  |   |
|  +------------------------------------+   |
|  | Transferir tutela             [>]  |   |
|  +------------------------------------+   |
|                                           |
+------------------------------------------+

+------------------------------------------+
|  [!] 2 alertas requieren atencion         |
|  [Ver alertas]                            |
+------------------------------------------+

3. Componentes UI¶

3.1. Profile Header¶

Propiedad	Valor
Avatar	96x96dp, circular
Nombre	Text xl, bold
Subtitulo	Relacion + edad
Badge	"Bajo tu responsabilidad"

3.2. Stats Card¶

Propiedad	Valor
Componente	CMP-CRD-013 (Stats Summary)
Items	4 indicadores
Iconos	Pill, Percent, Fire, Bell
Tap action	Navegar a seccion

3.3. Quick Actions Grid¶

Propiedad	Valor
Componente	CMP-NAV-010 (Quick Actions)
Columnas	2
Items	Medicamentos, Calendario, Estadisticas, Compartir

3.4. Info Rows¶

Propiedad	Valor
Componente	CMP-LST-005 (Info Row)
Variante	with_chevron
Tap action	Editar campo

4. Comportamientos¶

4.1. Navegacion¶

Accion	Destino
Tap Medicamentos	Lista medicamentos (context: dependiente)
Tap Calendario	Calendario (context: dependiente)
Tap Estadisticas	Dashboard adherencia
Tap Compartir	SCR-FAM-010 (Compartir con medico)
Tap Edit	SCR-FAM-002 (modo edicion)

4.2. Context Switch¶

Cuando el usuario entra a "Medicamentos" del dependiente:

Toda la app cambia de contexto al dependiente
Banner persistente indica perfil activo
Acciones aplican al dependiente

5. Datos Requeridos¶

interface DependentDetailData {
  profile: {
    id: string;
    name: string;
    lastName: string;
    avatar?: string;
    birthDate: Date;
    age: number;
    relationship: string;
    gender?: string;
  };
  health: {
    allergies: string[];
    conditions: string[];
    bloodType?: string;
  };
  stats: {
    activeMedications: number;
    adherencePercent: number;
    currentStreak: number;
    pendingAlerts: number;
  };
  carers: CarerAccess[];
}

6. Accesibilidad¶

6.1. Labels¶

Elemento	accessibilityLabel
Stats card	"Resumen: {N} medicamentos, {M}% adherencia"
Quick action	"{nombre de accion}"
Edit button	"Editar perfil de {nombre}"

6.2. Orden de Foco¶

Back button
Edit button
Avatar y nombre (agrupado)
Stats card (items individuales)
Quick actions (izq-der, arriba-abajo)
Info rows
Config rows

7. Referencias¶

Documento generado por MobileUxUiDrone (Eight of Eight)