# Mockups E250-C0077 — Sección «Experiencias» + código de inserción

Ambas variantes parten del **mismo shell renombrado** (sidebar con item «Experiencias» 🧭 en lugar de «Mapeo» 🗺️, breadcrumb «Operación / Experiencias», título e intro en español, y la tabla de experiencias con sus columnas y acciones existentes). Lo que exploran es **cómo se presenta el snippet embed.js**:

- **v1-modal-dialog.html** — La acción «Código de inserción» abre un `<dialog class="modal">` (mismo patrón que `MappingEditorModal.vue`). El snippet va en un `<pre><code>` sobre `bg-base-200`, con botón «Copiar» flotante en la esquina del bloque **y** un «Copiar al portapapeles» en el `modal-action`. Estado de copiado: el botón vira a `btn-success` con «Copiado ✓» durante 2 s. Se abre automáticamente al cargar la página para que el revisor vea el modal de inmediato.

- **v2-inline-expand.html** — La acción «Embeber» despliega una **fila de detalle inline** justo debajo de la experiencia (sin modal); el snippet queda en contexto, junto a la fila. Útil si se quiere comparar varias experiencias sin abrir/cerrar diálogos. Mismo bloque de código y mismo feedback de copiado por fila.

## Decisiones comunes reflejadas

- El snippet es **sólo** la variante embed.js: `<div data-turitop-widget data-product-id="…" data-lang="es"></div>` + `<script src="https://e250dev.turitop.net/embed.js" async></script>`. `data-product-id` = `vt_product_id` de la experiencia (715, 902…). El origen es el dominio dev real `e250dev.turitop.net`.
- Las experiencias **incompletas** (sin emparejamiento / sin `vt_product_id` válido) muestran la acción **deshabilitada** con tooltip explicativo — no generan snippet inválido.
- Tema `e250` real horneado inline; clases DaisyUI semánticas (`btn`, `card`, `modal`, `badge`, `table table-sm`, `alert`).

> Los textos (es/en, namespace `experiences`) y el rename de ruta/`name`/claves i18n son parte del contrato pero no tienen superficie visual nueva más allá de lo mostrado; la implementación real va por TDD con build-frontend tras promover.