Pantalla: Timeline de Eventos de Salud¶

Identificador: SCR-EVT-001 Modulo: MTS-EVT-001 - Eventos de Salud Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Especificado

1. Informacion General¶

Atributo	Valor
Nombre	Timeline de Eventos de Salud
Proposito	Vista cronologica de todos los eventos de salud (mediciones y tratamientos)
Tipo	Full Screen con Tabs
Acceso	Bottom Nav > Eventos / Home > Ver eventos
Prioridad	Alta

2. Wireframe ASCII¶

2.1. Vista Principal - Todos los Eventos¶

+------------------------------------------+
|  [=]    Eventos de Salud           [CAL]  |
+------------------------------------------+
| [Todos] [Mediciones] [Tratamientos]       |  <- Tab Bar
+------------------------------------------+
|                                           |
|  HOY - 5 de diciembre                     |
|  +------------------------------------+   |
|  | 10:30  [Glucose]  Glucosa             |
|  |        115 mg/dL                      |
|  |        [En rango]            Post-    |
|  |                              comida   |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | 08:00  [BP]  Presion Arterial         |
|  |        125/82 mmHg                    |
|  |        [Leve+]               Reposo   |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | 07:30  [Band]  Curacion               |
|  |        Pierna izquierda               |
|  |        [Completado]          [Foto]   |
|  +------------------------------------+   |
|                                           |
|  AYER - 4 de diciembre                    |
|  +------------------------------------+   |
|  | 21:00  [Syr]  Insulina                |
|  |        20 UI - Lantus                 |
|  |        [Completado]          Abdomen  |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | 14:00  [Dialysis]  Dialisis           |
|  |        DPCA - Balance: +150ml         |
|  |        [Completado]          40 min   |
|  +------------------------------------+   |
|                                           |
|                                     (+)   |  <- FAB
+------------------------------------------+
| [Home] [Meds] [Events*] [Calendar] [More]|
+------------------------------------------+

2.2. Tab: Mediciones¶

+------------------------------------------+
|  [=]    Eventos de Salud           [CAL]  |
+------------------------------------------+
| [Todos] [Mediciones*] [Tratamientos]      |
+------------------------------------------+
|                                           |
|  FILTRAR POR TIPO                         |
|  [Glucosa] [Presion] [Peso] [+Mas]        |  <- Chips filtro
|                                           |
|  HOY - 5 de diciembre                     |
|  +------------------------------------+   |
|  | 10:30  [Glucose]  Glucosa             |
|  |        115 mg/dL    [En rango]        |
|  |        Post-comida                    |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | 08:00  [BP]  Presion Arterial         |
|  |        125/82 mmHg  [Leve elevada]    |
|  |        Reposo, manana                 |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | 07:15  [Scale]  Peso                  |
|  |        72.5 kg      [Estable]         |
|  |        Al despertar                   |
|  +------------------------------------+   |
|                                           |
+------------------------------------------+

2.3. Tab: Tratamientos¶

+------------------------------------------+
|  [=]    Eventos de Salud           [CAL]  |
+------------------------------------------+
| [Todos] [Mediciones] [Tratamientos*]      |
+------------------------------------------+
|                                           |
|  FILTRAR POR TIPO                         |
|  [Curacion] [Dialisis] [Inyeccion] [+]    |
|                                           |
|  HOY - 5 de diciembre                     |
|  +------------------------------------+   |
|  | 07:30  [Band]  Curacion               |
|  |        Pierna izquierda               |
|  |        Mejorando - Sin infeccion      |
|  |        [Foto antes] [Foto despues]    |
|  +------------------------------------+   |
|                                           |
|  AYER - 4 de diciembre                    |
|  +------------------------------------+   |
|  | 21:00  [Syr]  Insulina                |
|  |        Lantus 20 UI                   |
|  |        Abdomen izquierdo              |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | 14:00  [Dialysis]  Dialisis DPCA      |
|  |        Infundido: 2000ml              |
|  |        Drenado: 2150ml (+150)         |
|  |        Liquido claro, sin dolor       |
|  +------------------------------------+   |
|                                           |
+------------------------------------------+

2.4. FAB Expandido¶

+------------------------------------------+
|                                           |
|                                           |
|                    [Medicion]        (+)  |
|                    [Tratamiento]          |
|                                           |
+------------------------------------------+

3. Componentes UI¶

3.1. Event Card - Medicion¶

Propiedad	Valor
Componente	CMP-CRD-021 (Measurement Card)
Icono	Tipo de medicion
Valor	Text xl, bold, color por estado
Badge	Estado (En rango, Elevado, etc.)
Contexto	Momento, actividad

3.2. Event Card - Tratamiento¶

Propiedad	Valor
Componente	CMP-CRD-022 (Treatment Card)
Icono	Tipo de tratamiento
Titulo	Nombre del tratamiento
Detalle	Informacion especifica
Thumbnails	Fotos si existen

3.3. Filter Chips¶

Propiedad	Valor
Componente	CMP-CHP-003 (Filter Chip)
Seleccion	Multiple
Scroll	Horizontal
Estado	Selected/Unselected

3.4. Day Header¶

Propiedad	Valor
Componente	CMP-HDR-005 (Sticky Header)
Formato	"HOY", "AYER", o fecha completa
Sticky	Si

4. Comportamientos¶

4.1. Navegacion¶

Accion	Destino
Tap evento	SCR-EVT-003 (Detalle)
Tap FAB > Medicion	SCR-EVT-002 (Registrar medicion)
Tap FAB > Tratamiento	SCR-EVT-002 (Registrar tratamiento)
Tap calendario	Vista calendario de eventos
Pull down	Refresh

4.2. Filtros¶

Filtro	Comportamiento
Tab	Filtra por categoria
Chips	Filtra por subtipo
Combinacion	AND entre todos

4.3. Ordenamiento¶

Cronologico descendente (mas reciente primero)
Agrupado por dia

5. Datos Requeridos¶

interface EventTimelineData {
  events: HealthEvent[];
  filters: {
    activeTab: 'all' | 'measurements' | 'treatments';
    selectedTypes: string[];
  };
  pagination: {
    hasMore: boolean;
    nextCursor: string;
  };
}

interface HealthEvent {
  id: string;
  type: 'MEDICION' | 'TRATAMIENTO';
  subtype: string;
  timestamp: Date;
  // Para mediciones
  value?: number;
  secondaryValue?: number;
  unit?: string;
  status?: 'NORMAL' | 'LOW' | 'HIGH' | 'CRITICAL';
  context?: string;
  // Para tratamientos
  completed?: boolean;
  duration?: number;
  photos?: string[];
  details?: object;
}

6. Accesibilidad¶

6.1. Labels¶

Elemento	accessibilityLabel
Event card medicion	"{tipo}: {valor} {unidad}, {estado}, {fecha}"
Event card tratamiento	"{tipo}: {estado}, {fecha}"
FAB	"Registrar nuevo evento"
Filter chip	"Filtrar por {tipo}, {estado}"

6.2. Anuncios¶

Evento	Anuncio
Tab cambiado	"Mostrando {categoria}"
Filtro aplicado	"Filtrado por {tipos}"
Lista cargada	"{N} eventos"

7. Referencias¶

Documento generado por MobileUxUiDrone (Eight of Eight)