mercadodevida/work/artifacts/ORDERS-FIX/01-intake.md

ORDERS-FIX — Intake

Feature

• ID: ORDERS-FIX
• Title: Orders detail: refund history shown in human-friendly format
• Type: fix
• Priority: med
• Risk: low

Análisis

Estado Actual

En project/apps/admin/src/app/(dashboard)/orders/[id]/page.tsx, la sección de historial muestra:

{[...history].reverse().map((event) => (
  <div key={event.id} className="flex gap-3">
    <div className={`w-2 h-2 rounded-full mt-1.5 flex-shrink-0 ...`} />
    <div className="min-w-0">
      <p className="text-sm text-gray-800 break-words">{event.message}</p>
      <p className="text-xs text-gray-400">
        {new Date(event.createdAt).toLocaleString('es-ES')}
        {event.actorEmail ? ` · ${event.actorEmail}` : ''}
      </p>
    </div>
  </div>
))}

Problema

Los mensajes de eventos (event.message) podrían ser:

• Técnicos: "Refund issued for payment XYZ"
• Sin formato: sin importes formateados, sin contexto visual

Solución Propuesta

Mejorar el formateo de eventos en el historial:

1. Detectar eventos de tipo refund
2. Mostrar importe formateado (€XX.XX)
3. Usar iconos y colores más visuales

Preguntas Pendientes

• ¿Los mensajes de refund ya existen o hay que crearlos?
• ¿Se necesita guardar el importe del refund en el evento?