@startuml ux-user-flow-5-marketing-campana
!include _style.iuml

title 5. Flujo F5 — Marketing crea campana programada

start

partition "Marketing (web)" {
  :Iniciar sesion;
  :Abrir workspace marketing;
  note right
    apps/web/src/app/dashboard/marketing/page.tsx
  end note
  :Ir a banners;
  note right
    apps/web/src/app/dashboard/banners/page.tsx
  end note
  :Crear nuevo banner;
  note right
    apps/web/src/app/dashboard/banners/nuevo/page.tsx
  end note
  :Subir imagen, definir segmento y vigencia;
}

partition "Sistema" {
  :Validar dimensiones y peso;
  :Persistir banner estatus=programado;
  :Indexar segmento (zona, ciudad, rol);
}

partition "Marketing (web)" {
  :Revisar previsualizacion;
  if (Aprobado para programar?) then (si)
    :Confirmar programacion;
  else (no)
    :Editar y volver a guardar;
    stop
  endif
}

partition "Sistema" {
  :En fecha de inicio: marcar activo;
  :Servir a clientes elegibles via API home;
  :En fecha de fin: marcar expirado;
}

partition "Marketing (web)" {
  :Consultar metricas de la campana;
  note right
    apps/web/src/app/dashboard/marketing/banner/[id]/page.tsx
  end note
}

stop

footer Fuente: apps/web/src/app/dashboard/{marketing,banners}/**
@enduml