Pantalla: Medicamentos Recientes¶

Identificador: SCR-CAT-005 Modulo: MTS-CAT-001 - Catalogo de Medicamentos Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Especificado FASE: 2 - Value

1. Informacion General¶

Atributo	Valor
Nombre	Medicamentos Recientes
Proposito	Historial de busquedas y medicamentos vistos recientemente
Tipo	Full Screen
Acceso	SCR-CAT-001 > "Ver todo el historial"
Prioridad	Media

2. Wireframe ASCII¶

2.1. Estado: Historial Con Items¶

+------------------------------------------+
|  [<]    Historial de Busquedas            |
+------------------------------------------+
|                                           |
|  Maximo 50 busquedas - 7 dias             |
|  [Limpiar todo]                           |
|                                           |
|  ─────────────────────────────────────    |
|                                           |
|  HOY                                      |
|  ┌─────────────────────────────────────┐  |
|  │  🕐 metformina               [X]   │  |
|  │     Hace 2 horas                   │  |
|  ├─────────────────────────────────────┤  |
|  │  💊 Glucophage 850mg          [X]   │  |
|  │     Hace 2 horas (visto)           │  |
|  ├─────────────────────────────────────┤  |
|  │  🕐 lisinopril                [X]   │  |
|  │     Hace 5 horas                   │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  AYER                                     |
|  ┌─────────────────────────────────────┐  |
|  │  💊 Metformina 850mg          [X]   │  |
|  │     Ayer 14:30 (agregado)          │  |
|  ├─────────────────────────────────────┤  |
|  │  🕐 aspirina                  [X]   │  |
|  │     Ayer 10:15                     │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  HACE 3 DIAS                              |
|  ┌─────────────────────────────────────┐  |
|  │  🕐 omeprazol                 [X]   │  |
|  │     Miercoles 09:00               │  |
|  ├─────────────────────────────────────┤  |
|  │  💊 Losec 20mg                [X]   │  |
|  │     Miercoles 09:05 (visto)       │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  ─────────────────────────────────────    |
|                                           |
|  ℹ️ El historial se guarda solo en tu    |
|     dispositivo y nunca se sincroniza.   |
|                                           |
+------------------------------------------+

2.2. Estado: Historial Vacio¶

+------------------------------------------+
|  [<]    Historial de Busquedas            |
+------------------------------------------+
|                                           |
|  ┌─────────────────────────────────────┐  |
|  │                                     │  |
|  │           ┌─────────────┐           │  |
|  │           │     🕐      │           │  |
|  │           │             │           │  |
|  │           └─────────────┘           │  |
|  │                                     │  |
|  │     Sin busquedas recientes        │  |
|  │                                     │  |
|  │   Tus busquedas apareceran aqui    │  |
|  │   para que puedas acceder          │  |
|  │   rapidamente a ellas.             │  |
|  │                                     │  |
|  │   +─────────────────────────────+   │  |
|  │   │      Buscar medicamento     │   │  |
|  │   +─────────────────────────────+   │  |
|  │                                     │  |
|  └─────────────────────────────────────┘  |
|                                           |
|  ─────────────────────────────────────    |
|                                           |
|  ℹ️ El historial se guarda solo en tu    |
|     dispositivo y nunca se sincroniza.   |
|                                           |
+------------------------------------------+

3. Componentes UI¶

3.1. History Header¶

Propiedad	Valor
Texto	"Maximo 50 busquedas - 7 dias"
Accion	"Limpiar todo"
Color accion	error.500

3.2. Day Section Header¶

Propiedad	Valor
Texto	"HOY", "AYER", o fecha
Background	neutral.50
Sticky	Si

3.3. History Item - Busqueda¶

Propiedad	Valor
Componente	CMP-CAT-013 (HistorySearchItem) NUEVO
Icono	Reloj
Titulo	Termino de busqueda
Subtitulo	Tiempo relativo
Accion	X para eliminar

3.4. History Item - Medicamento Visto¶

Propiedad	Valor
Componente	CMP-CAT-014 (HistoryMedicationItem) NUEVO
Icono	Pastilla (segun forma)
Titulo	Nombre del medicamento
Subtitulo	Tiempo + estado
Badge	"(visto)" o "(agregado)"
Accion	X para eliminar

3.5. Privacy Info¶

Propiedad	Valor
Componente	CMP-FBK-004 (Banner)
Variante	info
Icono	Info
Texto	Politica de privacidad local

4. Comportamientos¶

4.1. Tipos de Items¶

Tipo	Icono	Descripcion
search	Reloj	Termino de busqueda
viewed	Pastilla	Medicamento visto en detalle
added	Pastilla + check	Medicamento agregado

4.2. Gestos¶

Gesto	Elemento	Accion
Tap	Search item	Ejecutar busqueda
Tap	Medication item	SCR-CAT-003
Tap	X	Eliminar item
Tap	"Limpiar todo"	Confirmacion + limpiar
Swipe left	Item	Reveal delete

4.3. Confirmacion Limpiar Todo¶

+------------------------------------------+
|                                           |
|  Limpiar historial?                       |
|                                           |
|  Se eliminaran todas las busquedas        |
|  recientes. Esta accion no se puede       |
|  deshacer.                                |
|                                           |
|  [Cancelar]              [Si, limpiar]    |
|                                           |
+------------------------------------------+

4.4. Retencion de Datos¶

Regla	Valor
Maximo items	50
Retencion	7 dias
Almacenamiento	Solo local
Sincronizacion	NUNCA

5. Datos Requeridos¶

5.1. Input Data¶

interface RecentHistoryData {
  items: HistoryItem[];
  totalCount: number;
  maxItems: number;
  retentionDays: number;
}

interface HistoryItem {
  id: string;
  type: 'search' | 'viewed' | 'added';
  timestamp: Date;

  // Para busquedas
  query?: string;

  // Para medicamentos
  medicationId?: string;
  medicationName?: string;
  medicationForm?: string;
}

// Agrupados por dia para UI
interface GroupedHistory {
  date: string;        // "HOY", "AYER", "Miercoles"
  items: HistoryItem[];
}

5.2. Output Events¶

Evento	Payload	Destino
onSearchTap	query	SCR-CAT-001
onMedicationTap	medication_id	SCR-CAT-003
onDeleteItem	item_id	Eliminar
onClearAll	-	Limpiar todo

6. Accesibilidad¶

6.1. Labels¶

Elemento	accessibilityLabel
Search item	"Busqueda: {query}, {tiempo}"
Medication item	"Medicamento: {nombre}, {tiempo}, {estado}"
Delete	"Eliminar {item}"
Clear all	"Limpiar todo el historial"

Evento	Anuncio
Item eliminado	"{item} eliminado del historial"
Todo limpiado	"Historial limpiado"

7. Metricas¶

7.1. Analytics Events¶

Evento	Parametros
screen_view	screen_name: "search_history"
history_search_tap	query
history_medication_tap	medication_id
history_item_delete	item_type
history_clear_all	items_count

8. Referencias¶

Documento generado por MobileUxUiDrone (Eight of Eight)