Usar constructor de plantillas

Edita dos diseños independientes de una plantilla: visual Builder y HTML asistido por AI.

Que se logra

• Resultado: el negocio adapta la presentación de sus documentos sin cambiar cada cotización o factura.
• Caso de uso: una agencia crea una propuesta visual desde Builder y ajusta una variante con AI.
• Se combina con: Previsualizar documento, PDF y Campos personalizados.

Donde esta

• Ruta: /[orgId]/document-template-builder/[id]
• Acceso en UI: Document Templates > icono de lápiz
• Componente(s): EasyTemplateBuilder.tsx, AITemplateEditorPanel.tsx, TemplatePreview.tsx

Como funciona

1. Abre AI o Builder; la pestaña inicial es el diseño que el documento usa.
2. En Builder, ajusta acordeones; en AI, conversa o abre Edit HTML.
3. Revisa Template Preview y pulsa Save Builder o Save AI design.

Reglas y validaciones

• Guardar la pestaña que no está activa pide confirmación para cambiar el diseño usado.
• La vista previa se actualiza con espera de 800 ms.
• Servicios: document-templates (get, patch) y document-template-preview (create).

Backend

• Los servicios indicados aplican las validaciones y actualizan los registros relacionados.

Relaciones

• Requiere: acceso al módulo Finance.
• Dispara / afecta: documentos y relaciones del flujo financiero cuando aplica.