# Mockups — E250-C0060 (panel de integraciones: estado + edición explícita)

Eje explorado: **cómo se abre la edición** de una integración.

- **v1-inline.html** — Edición inline: pulsar "Editar" expande la propia tarjeta in-situ a inputs (Guardar/Cancelar), las demás siguen en lectura. Stripe se muestra ya en modo editando.
- **v2-modal.html** — Edición en modal: pulsar "Editar" abre un modal DaisyUI con los inputs de esa integración. La lista queda siempre compacta en lectura; el modal de Stripe se muestra abierto para ilustrarlo.

Ambas variantes comparten el mismo modo lectura: badge de estado por integración (Configurada / Falta configurar), valor visible para campos clear, indicador "✓ Configurado" / "Sin configurar" para secretos (nunca el valor), y sin overrides de testing. El campo Stripe "Webhook signing secret" se muestra como ejemplo de campo requerido vacío.

Observación: v1 mantiene todo el contexto en la misma página (bueno con 4 integraciones cortas); v2 mantiene la lista más limpia y escala mejor si crecen los campos, a coste de un overlay. Ninguna es claramente inferior; v1 tiene menos fricción para el caso actual de pocas integraciones.