Modal de Oficialización de Cap Table
# 🚀 Modal de Oficialización de Cap Table
**[Link a Figma*](https://www.figma.com/design/BSfZMr8i4OVxZybjalTUy1/Roma-Capital-%F0%9F%8F%9B%EF%B8%8F?node-id=40000545-8058&t=LXnTjbw2mdKmbbUM-1)*
## 🔍 Contexto
Cuando una simulación se convierte en el **Cap Table oficial**, es un hito legal y estratégico.
El modal debe transmitir **seriedad + celebración**, dejando claro que es una acción **irreversible**.
Ya existe la maqueta en Figma del modal.
## 🎯 Objetivo
Implementar el **modal de confirmación de oficialización** con overlay, copy explicativo y acciones principales.
## 📚 Alcance
- **Pantalla de simulación individual** → botón “Oficializar” en el header de acciones.
- Modal de confirmación con acciones claras:
- Confirmar y oficializar (CTA principal).
- Cancelar (CTA secundario).
## 🛠️ Recursos
- Maquetas en Figma: [link al figma con modal]
- shadcn/ui → `Dialog`
- Tailwind para overlay (`bg-black/70` + `backdrop-blur-sm`)
## 📌 Detalles de implementación
### Overlay
- Fondo: negro 70% → `bg-black/70`.
- Blur: 2px → `backdrop-blur-sm`.
### Contenido
- **Título:** “¡Oficialicemos esta simulación!”
- **Texto:** Explica que será el nuevo Cap Table oficial, se genera libro + acta, y es irreversible.
- **Bloque destacado (importante):**
- Fondo gris claro (`bg-gray-100`)
- Texto: *“Una vez confirmado, este será tu nuevo punto de referencia para accionistas e inversionistas.”*

### Botones
- **Primario (naranja/rojo):** “Confirmar y oficializar”
- **Secundario:** “Todavía no estoy seguro”
### Acción al confirmar
- Marca simulación como oficial.
- Registra evento en histórico.
- Dispara generación de documentos.
- Cierra modal y abre toast de confirmación.
## ✅ Conclusiones y Próximos Pasos
- [ ] Implementar botón “Oficializar” en vista de simulación.
- [ ] Implementar modal (`Dialog`) con overlay configurado.
- [ ] QA visual con Figma.
关闭于 2025-08-28 1 条评论