# Mockups E250-C0111 — notas Superficie visual del flujo de eliminación de identidad global en la intranet. ## Variantes - **`v1-guided-resolution.html`** — variante única y completa. Galería de una sola página con los 6 estados apilados (listado, confirmación simple, resolución guiada, sub-confirmación, bloqueados, responsive 375px). Los modales se muestran *inline* (no como overlay a pantalla completa) para poder verlos todos a la vez. Se hace **una sola variante** porque la superficie no admite ejes de diseño alternativos genuinos: reusa el shell real (`PanelIntranetUsersView`) y el patrón teclear-el-nombre ya existente (`IntranetArchiveDialog`). Lo único nuevo con decisión de diseño es el **diálogo de resolución guiada**, resuelto así: ## Decisiones de diseño del diálogo de resolución guiada (estado clave) - **Una tarjeta por espacio poseído**; cada una expone las 4 resoluciones como acciones directas (no un radio + «Proceder» global), coherente con la narrativa del contrato («elige purgar el espacio, teclea…»). - **Escala de alcance/peligro por color + orden**, de menos a más destructivo: 1. 👤 Reasignar propietario — `primary` (verde), no destruye; deshabilitado si el espacio no tiene otra membresía elegible (con pista «No hay otros miembros…»). 2. 🧹 Vaciar el espacio — `warning` (ámbar), conserva org+espacio (owner-less transitorio permitido). 3. 🗑️ Purgar el espacio — `error` (rojo), conserva la organización. 4. 💥 Purgar la organización — `error` con borde reforzado (rojo intenso), máximo alcance. - **Estado de progreso**: espacios resueltos vs. pendientes; el botón final «Eliminar identidad» queda deshabilitado mientras quede algún espacio sin resolver. - Cada acción destructiva abre su **sub-confirmación fuerte** propia (teclear el nombre exacto del item). ## Tema Tema real `e250` de `live/packages/widget/tailwind.config.js`, convertido a OKLCH e incrustado en el `` (el CDN de Tailwind Play no ejecuta el plugin DaisyUI, así que el tema se define a mano por variables). Verificado a 1200px (escritorio) y 375px (móvil) — el diálogo cabe en móvil.