@hed-hog/core 0.0.390 → 0.0.394

package/hedhog/data/mail.yaml

@@ -5,27 +5,27 @@
   body:
     en: |
       Hello {{name}},<br>
-      Thank you for signing up for a {{brandName}} account! 
-      To complete your registration, please confirm your email address 
-      by using the code below:<br>
-      Confirmation Code: {{code}}<br>
+      Thank you for signing up for a {{brandName}} account!
+      Your account is ready — just confirm your email address
+      using the link below:<br>
+      Confirmation Link: <a href="{{link}}">{{link}}</a><br>
       If you did not sign up for a {{brandName}} account, please ignore this email.<br>
       Best regards,<br>
       The {{brandName}} Team
     pt: |
       Olá {{name}},<br>
-      Obrigado por se inscrever para uma conta {{brandName}}! 
-      Para completar seu registro, por favor confirme seu endereço de e-mail 
-      usando o código abaixo:<br>
-      Código de Confirmação: {{code}}<br>
-      Se você não se inscreveu para uma conta {{brandName}}, 
+      Obrigado por se inscrever para uma conta {{brandName}}!
+      Sua conta já está pronta — só falta confirmar seu endereço de e-mail
+      usando o link abaixo:<br>
+      Link de Confirmação: <a href="{{link}}">{{link}}</a><br>
+      Se você não se inscreveu para uma conta {{brandName}},
       por favor ignore este e-mail.<br>
       Atenciosamente,<br>
       A equipe {{brandName}}
   relations:
     mail_var:
       - name: name
-      - name: code
+      - name: link
 - slug: auth-email-verification-code
   subject:
     en: Your verification code
@@ -49,41 +49,54 @@
     mail_var:
       - name: name
       - name: code
+# O corpo abaixo usa escalar dobrado (>-) de proposito: MailService.interpolateTemplate
+# troca toda quebra de linha por <br/> antes de compilar o Handlebars, entao um corpo
+# em bloco literal (|) espalharia <br/> soltos no meio da tabela. Sob >- o YAML dobra
+# tudo numa linha so — o que exige indentacao identica em TODAS as linhas: um espaco a
+# mais transforma o resto em bloco literal e as quebras voltam.
 - slug: auth-login-new-device
   subject:
-    en: New login from a new device
-    pt: Novo login de um novo dispositivo
+    en: New sign-in from an unrecognized device
+    pt: Novo acesso de um dispositivo desconhecido
   body:
-    en: |
-      Hello {{name}},<br>
-      We noticed a login to your {{brandName}} account from a new device.<br>
-      Here are the details of the login:<br>
-      • User Agent: {{userAgent}}<br>
-      • IP Address: {{ipAddress}}<br>
-      • Location: {{location}}<br>
-      If this was you, no further action is needed. 
-      If you did not recognize this activity, 
-      please secure your account immediately.<br>
-      Best regards,<br>
-      The {{brandName}} Team
-    pt: |
-      Olá {{name}},<br>
-      Notamos um login na sua conta {{brandName}} a partir de um novo dispositivo.<br>
-      Aqui estão os detalhes do login:<br>
-      • Agente do Usuário: {{userAgent}}<br>
-      • Endereço IP: {{ipAddress}}<br>
-      • Localização: {{location}}<br>
-      Se foi você, nenhuma ação adicional é necessária. 
-      Se você não reconheceu esta atividade, 
-      por favor, proteja sua conta imediatamente.<br>
-      Atenciosamente,<br>
-      A equipe {{brandName}}
+    en: >-
+      <p style="margin:0 0 16px;">Hello {{name}},</p>
+      <p style="margin:0 0 20px;">We detected a sign-in to your {{brandName}} account from a device we have not seen before.</p>
+      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 20px;"><tr><td style="padding:12px 20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;">
+      {{#if datetime}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Date and time</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{datetime}}</td></tr>{{/if}}
+      {{#if browser}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Browser</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{browser}}</td></tr>{{/if}}
+      {{#if os}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">System</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{os}}</td></tr>{{/if}}
+      {{#unless browser}}{{#unless os}}{{#if userAgent}}<tr><td colspan="2" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Device<br /><span style="font-size:13px;line-height:1.5;color:#334155;word-break:break-all;">{{userAgent}}</span></td></tr>{{/if}}{{/unless}}{{/unless}}
+      {{#if location}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Location</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{countryFlag}} {{location}}</td></tr>{{/if}}
+      {{#if ipAddress}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">IP address</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{ipAddress}}</td></tr>{{/if}}
+      </table></td></tr></table>
+      <p style="margin:0 0 16px;">If this was you, there is nothing else to do.</p>
+      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;margin:0 0 20px;"><tr><td style="padding:12px 16px;background:#fef2f2;border-left:4px solid #dc2626;font-size:15px;line-height:1.6;color:#7f1d1d;"><strong style="color:#7f1d1d;">If you do not recognize this sign-in</strong>, change your password right away and review the active sessions on your account.</td></tr></table>
+      <p style="margin:0;">Best regards,<br />The {{brandName}} Team</p>
+    pt: >-
+      <p style="margin:0 0 16px;">Olá {{name}},</p>
+      <p style="margin:0 0 20px;">Detectamos um acesso à sua conta {{brandName}} a partir de um dispositivo que ainda não conhecíamos.</p>
+      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 20px;"><tr><td style="padding:12px 20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;">
+      {{#if datetime}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Data e hora</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{datetime}}</td></tr>{{/if}}
+      {{#if browser}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Navegador</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{browser}}</td></tr>{{/if}}
+      {{#if os}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Sistema</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{os}}</td></tr>{{/if}}
+      {{#unless browser}}{{#unless os}}{{#if userAgent}}<tr><td colspan="2" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Dispositivo<br /><span style="font-size:13px;line-height:1.5;color:#334155;word-break:break-all;">{{userAgent}}</span></td></tr>{{/if}}{{/unless}}{{/unless}}
+      {{#if location}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Localização</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{countryFlag}} {{location}}</td></tr>{{/if}}
+      {{#if ipAddress}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Endereço IP</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{ipAddress}}</td></tr>{{/if}}
+      </table></td></tr></table>
+      <p style="margin:0 0 16px;">Se foi você, não é preciso fazer nada.</p>
+      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;margin:0 0 20px;"><tr><td style="padding:12px 16px;background:#fef2f2;border-left:4px solid #dc2626;font-size:15px;line-height:1.6;color:#7f1d1d;"><strong style="color:#7f1d1d;">Se você não reconhece este acesso</strong>, altere sua senha imediatamente e revise as sessões ativas da sua conta.</td></tr></table>
+      <p style="margin:0;">Atenciosamente,<br />A equipe {{brandName}}</p>
   relations:
     mail_var:
+      - name: name
+      - name: datetime
+      - name: browser
+      - name: os
       - name: userAgent
-      - name: ipAddress
       - name: location
-      - name: name
+      - name: countryFlag
+      - name: ipAddress
 - slug: auth-forget-password
   subject:
     en: Reset your {{brandName}} password
@@ -132,39 +145,50 @@
   relations:
     mail_var:
       - name: name
+# Mesmo cartao de detalhes do auth-login-new-device — ver a nota sobre >- la em cima.
 - slug: auth-change-password-notification
   subject:
     en: Your {{brandName}} password has been changed
     pt: Sua senha do {{brandName}} foi alterada
   body:
-    en: |
-      Hello {{name}},<br>
-      We wanted to inform you that the password for your {{brandName}} account 
-      has been changed. If you did not make this change, 
-      please secure your account immediately.<br>
-      Here are the details of the login:<br>
-      • User Agent: {{userAgent}}<br>
-      • IP Address: {{ipAddress}}<br>
-      • Location: {{location}}<br>
-      Best regards,<br>
-      The {{brandName}} Team
-    pt: |
-      Olá {{name}},<br>
-      Queríamos informar que a senha da sua conta {{brandName}} foi alterada. 
-      Se você não fez essa alteração, 
-      por favor proteja sua conta imediatamente.<br>
-      Aqui estão os detalhes do login:<br>
-      • Agente do Usuário: {{userAgent}}<br>
-      • Endereço IP: {{ipAddress}}<br>
-      • Localização: {{location}}<br>
-      Atenciosamente,<br>
-      A equipe {{brandName}}
+    en: >-
+      <p style="margin:0 0 16px;">Hello {{name}},</p>
+      <p style="margin:0 0 20px;">The password for your {{brandName}} account has just been changed.</p>
+      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 20px;"><tr><td style="padding:12px 20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;">
+      {{#if datetime}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Date and time</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{datetime}}</td></tr>{{/if}}
+      {{#if browser}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Browser</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{browser}}</td></tr>{{/if}}
+      {{#if os}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">System</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{os}}</td></tr>{{/if}}
+      {{#unless browser}}{{#unless os}}{{#if userAgent}}<tr><td colspan="2" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Device<br /><span style="font-size:13px;line-height:1.5;color:#334155;word-break:break-all;">{{userAgent}}</span></td></tr>{{/if}}{{/unless}}{{/unless}}
+      {{#if location}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Location</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{countryFlag}} {{location}}</td></tr>{{/if}}
+      {{#if ipAddress}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">IP address</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{ipAddress}}</td></tr>{{/if}}
+      </table></td></tr></table>
+      <p style="margin:0 0 16px;">If this was you, there is nothing else to do.</p>
+      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;margin:0 0 20px;"><tr><td style="padding:12px 16px;background:#fef2f2;border-left:4px solid #dc2626;font-size:15px;line-height:1.6;color:#7f1d1d;"><strong style="color:#7f1d1d;">If you did not make this change</strong>, reset your password immediately and contact support.</td></tr></table>
+      <p style="margin:0;">Best regards,<br />The {{brandName}} Team</p>
+    pt: >-
+      <p style="margin:0 0 16px;">Olá {{name}},</p>
+      <p style="margin:0 0 20px;">A senha da sua conta {{brandName}} acabou de ser alterada.</p>
+      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 20px;"><tr><td style="padding:12px 20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;">
+      {{#if datetime}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Data e hora</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{datetime}}</td></tr>{{/if}}
+      {{#if browser}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Navegador</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{browser}}</td></tr>{{/if}}
+      {{#if os}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Sistema</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{os}}</td></tr>{{/if}}
+      {{#unless browser}}{{#unless os}}{{#if userAgent}}<tr><td colspan="2" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Dispositivo<br /><span style="font-size:13px;line-height:1.5;color:#334155;word-break:break-all;">{{userAgent}}</span></td></tr>{{/if}}{{/unless}}{{/unless}}
+      {{#if location}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Localização</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{countryFlag}} {{location}}</td></tr>{{/if}}
+      {{#if ipAddress}}<tr><td width="40%" valign="top" style="padding:7px 0;font-size:13px;line-height:1.5;color:#64748b;">Endereço IP</td><td valign="top" align="right" style="padding:7px 0 7px 16px;font-size:15px;line-height:1.5;color:#0f172a;font-weight:600;">{{ipAddress}}</td></tr>{{/if}}
+      </table></td></tr></table>
+      <p style="margin:0 0 16px;">Se foi você, não é preciso fazer nada.</p>
+      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="width:100%;border-collapse:collapse;margin:0 0 20px;"><tr><td style="padding:12px 16px;background:#fef2f2;border-left:4px solid #dc2626;font-size:15px;line-height:1.6;color:#7f1d1d;"><strong style="color:#7f1d1d;">Se você não fez esta alteração</strong>, redefina sua senha imediatamente e entre em contato com o suporte.</td></tr></table>
+      <p style="margin:0;">Atenciosamente,<br />A equipe {{brandName}}</p>
   relations:
     mail_var:
+      - name: name
+      - name: datetime
+      - name: browser
+      - name: os
       - name: userAgent
-      - name: ipAddress
       - name: location
-      - name: name
+      - name: countryFlag
+      - name: ipAddress
 - slug: auth-mfa-code
   subject:
     en: Your {{brandName}} MFA Code
@@ -537,3 +561,115 @@
     mail_var:
       - name: name
       - name: company
+
+- slug: brclick-inscricao-confirmacao
+  subject:
+    en: BRClick registration confirmed — protocol {{protocolo}}
+    pt: Inscrição confirmada no BRClick — protocolo {{protocolo}}
+  body:
+    en: |
+      Hello {{name}},<br>
+      Your <strong>BRClick</strong> registration has been recorded.<br>
+      Protocol: <strong>{{protocolo}}</strong><br>
+      <br>
+      You are enrolled in:<br>
+      {{{turmas}}}
+      {{#if hasWaitlist}}
+      <br>
+      <strong style="color:#9c7a00;">Waiting list:</strong> these classes are full, so you are on the waiting list for:<br>
+      {{{turmasEspera}}}
+      If someone drops out, we will email you about the open spot.<br>
+      {{/if}}
+      {{#if hasUnavailable}}
+      <br>
+      <strong style="color:#b3261e;">Heads up:</strong> we could not confirm your spot in:<br>
+      {{{turmasIndisponiveis}}}
+      Our team will reach out to sort this out.<br>
+      {{/if}}
+      {{#if hasAccount}}
+      {{#if emailLinkSent}}
+      You already had an account on the training platform, but no password yet. We sent you a separate email with the link to set one.<br>
+      {{else}}
+      You already have an account on the training platform — sign in with your usual password to see your classes.<br>
+      Sign in: <a href="{{link}}">{{link}}</a><br>
+      {{/if}}
+      {{else}}
+      Your training platform account was created with the password you chose in the form.<br>
+      Sign in: <a href="{{link}}">{{link}}</a><br>
+      {{/if}}
+      <br>
+      <strong>Meanwhile, you can already get started:</strong><br>
+      1. Sign in to Hcode Training with the email and password from the form.<br>
+      2. {{#if logicCourseEnrolled}}You are already enrolled in the <strong>Programming Logic</strong> course — it's the prerequisite for the live classes, and the best place to start.{{else}}We are granting your access to the <strong>Programming Logic</strong> course, the prerequisite for the live classes; if it doesn't show up on your dashboard within a few hours, just reply to this email.{{/if}}<br>
+      3. Click the button below to start right now.<br>
+      <br>
+      <table role="presentation" cellspacing="0" cellpadding="0" border="0" style="width:100%;max-width:320px;">
+      <tr>
+      <td align="center" bgcolor="#1465b8" style="border-radius:10px;">
+      <a href="{{logicCourseUrl}}" target="_blank" style="display:block; padding:14px 20px; font-size:16px; line-height:1.1; font-weight:700; color:#ffffff; text-decoration:none;">🎓 &nbsp; Go to the Logic course</a>
+      </td>
+      </tr>
+      </table>
+      <br>
+      Best regards,<br>
+      The Hcode Team
+    pt: |
+      Olá {{name}},<br>
+      Sua inscrição no <strong>BRClick</strong> foi registrada.<br>
+      Protocolo: <strong>{{protocolo}}</strong><br>
+      <br>
+      Você está matriculado em:<br>
+      {{{turmas}}}
+      {{#if hasWaitlist}}
+      <br>
+      <strong style="color:#9c7a00;">Lista de espera:</strong> estas turmas já estão cheias, então você entrou na lista de espera de:<br>
+      {{{turmasEspera}}}
+      Se alguém desistir, avisamos você por e-mail sobre a vaga.<br>
+      {{/if}}
+      {{#if hasUnavailable}}
+      <br>
+      <strong style="color:#b3261e;">Atenção:</strong> não conseguimos confirmar sua vaga em:<br>
+      {{{turmasIndisponiveis}}}
+      Nossa equipe vai entrar em contato para resolver isso.<br>
+      {{/if}}
+      {{#if hasAccount}}
+      {{#if emailLinkSent}}
+      Você já tinha uma conta na plataforma de treinamentos, mas ainda sem senha. Enviamos um e-mail separado com o link para você defini-la.<br>
+      {{else}}
+      Você já tem conta na plataforma de treinamentos — entre com a sua senha de sempre para ver as aulas.<br>
+      Acessar: <a href="{{link}}">{{link}}</a><br>
+      {{/if}}
+      {{else}}
+      Sua conta na plataforma de treinamentos foi criada com a senha que você definiu no formulário.<br>
+      Acessar: <a href="{{link}}">{{link}}</a><br>
+      {{/if}}
+      <br>
+      <strong>Enquanto isso, já dá pra começar:</strong><br>
+      1. Entre no Hcode Training com o e-mail e a senha do cadastro.<br>
+      2. {{#if logicCourseEnrolled}}Você já está matriculado no curso <strong>Lógica de Programação</strong> — é o pré-requisito das turmas, e é por aí que vale começar.{{else}}Estamos liberando seu acesso ao curso <strong>Lógica de Programação</strong>, o pré-requisito das turmas; se não aparecer no seu painel em algumas horas, responda este e-mail.{{/if}}<br>
+      3. Clique no botão abaixo para começar agora mesmo.<br>
+      <br>
+      <table role="presentation" cellspacing="0" cellpadding="0" border="0" style="width:100%;max-width:320px;">
+      <tr>
+      <td align="center" bgcolor="#1465b8" style="border-radius:10px;">
+      <a href="{{logicCourseUrl}}" target="_blank" style="display:block; padding:14px 20px; font-size:16px; line-height:1.1; font-weight:700; color:#ffffff; text-decoration:none;">🎓 &nbsp; Acessar o curso de Lógica</a>
+      </td>
+      </tr>
+      </table>
+      <br>
+      Atenciosamente,<br>
+      A equipe Hcode
+  relations:
+    mail_var:
+      - name: name
+      - name: protocolo
+      - name: turmas
+      - name: link
+      - name: hasAccount
+      - name: emailLinkSent
+      - name: hasWaitlist
+      - name: turmasEspera
+      - name: hasUnavailable
+      - name: turmasIndisponiveis
+      - name: logicCourseUrl
+      - name: logicCourseEnrolled

package/hedhog/data/mail_layout.yaml

@@ -1,7 +1,10 @@
 - slug: default
   is_default: true
   # Shell que estava hardcoded em packages/api-mail/src/mail-template.ts.
-  # Tokens: {{{header}}} {{{content}}} {{{footer}}} {{subject}} {{brandName}} {{year}} {{lang}}
+  # Tokens: {{{header}}} {{{content}}} {{{footer}}} {{subject}} {{brandName}} {{{brandMark}}}
+  #         {{primaryColor}} {{primaryForeground}} {{year}} {{lang}}
+  # brandMark/primaryColor/primaryForeground vem das settings image-url, theme-primary-light
+  # e theme-primary-foreground-light (ver MailService.resolveLayout em packages/api-mail).
   wrapper: |
     <!DOCTYPE html>
     <html lang="{{lang}}">
@@ -15,7 +18,7 @@
           body {
             margin: 0;
             padding: 0;
-            background: #eef2f7;
+            background: #ffffff;
             color: #1f2937;
             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
           }
@@ -24,9 +27,7 @@
           }
           .page {
             width: 100%;
-            background:
-              radial-gradient(circle at top, rgba(245, 158, 11, 0.14), transparent 32%),
-              linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
+            background: #ffffff;
             padding: 32px 16px;
           }
           .shell {
@@ -37,12 +38,21 @@
           .hero {
             padding: 0 0 18px;
           }
+          .brand-mark {
+            margin: 0 0 16px;
+          }
+          .brand-mark img {
+            display: block;
+            height: 32px;
+            max-height: 32px;
+            width: auto;
+          }
           .brand {
             display: inline-block;
             padding: 8px 14px;
             border-radius: 999px;
-            background: #111827;
-            color: #ffffff;
+            background: {{primaryColor}};
+            color: {{primaryForeground}};
             font-size: 12px;
             font-weight: 700;
             letter-spacing: 0.08em;
@@ -50,24 +60,23 @@
           }
           .subject {
             margin: 18px 0 0;
-            font-size: 28px;
-            line-height: 1.2;
-            font-weight: 800;
+            font-size: 24px;
+            line-height: 1.3;
+            font-weight: 700;
             color: #0f172a;
           }
           .panel {
             background: #ffffff;
-            border: 1px solid rgba(148, 163, 184, 0.22);
-            border-radius: 24px;
+            border: 1px solid #e2e8f0;
+            border-radius: 12px;
             overflow: hidden;
-            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
           }
           .panel-accent {
-            height: 6px;
-            background: linear-gradient(90deg, #f59e0b 0%, #f97316 45%, #ea580c 100%);
+            height: 4px;
+            background: {{primaryColor}};
           }
           .content {
-            padding: 36px 34px 28px;
+            padding: 32px 34px 28px;
             font-size: 16px;
             line-height: 1.7;
             color: #334155;
@@ -76,12 +85,13 @@
           .content h2,
           .content h3 {
             margin: 0 0 16px;
-            line-height: 1.25;
+            line-height: 1.3;
+            font-weight: 700;
             color: #0f172a;
           }
-          .content h1 { font-size: 28px; }
-          .content h2 { font-size: 22px; }
-          .content h3 { font-size: 18px; }
+          .content h1 { font-size: 24px; }
+          .content h2 { font-size: 20px; }
+          .content h3 { font-size: 17px; }
           .content p,
           .content ul,
           .content ol,
@@ -96,7 +106,7 @@
             margin-top: 8px;
           }
           .content a {
-            color: #c2410c;
+            color: {{primaryColor}};
             font-weight: 600;
             text-decoration: none;
           }
@@ -105,10 +115,10 @@
           }
           .content blockquote {
             padding: 14px 16px;
-            border-left: 4px solid #f59e0b;
-            border-radius: 0 14px 14px 0;
-            background: #fff7ed;
-            color: #7c2d12;
+            border-left: 3px solid {{primaryColor}};
+            border-radius: 0 8px 8px 0;
+            background: #f8fafc;
+            color: #334155;
           }
           .content hr {
             margin: 24px 0;
@@ -117,24 +127,24 @@
           }
           .content img {
             max-width: 100%;
-            border-radius: 16px;
+            border-radius: 8px;
           }
           .footer {
-            padding: 18px 12px 0;
+            padding: 24px 12px 0;
             font-size: 12px;
             line-height: 1.6;
             text-align: center;
-            color: #64748b;
+            color: #94a3b8;
           }
           @media only screen and (max-width: 640px) {
             .page {
               padding: 20px 12px;
             }
             .subject {
-              font-size: 24px;
+              font-size: 21px;
             }
             .content {
-              padding: 26px 20px 22px;
+              padding: 24px 20px 22px;
               font-size: 15px;
             }
           }
@@ -153,7 +163,7 @@
                 <tr>
                   <td>
                     <div class="panel">
-                      <div class="panel-accent"></div>
+                      <div class="panel-accent" style="background:{{primaryColor}};"></div>
                       <div class="content">
                         {{{content}}}
                       </div>
@@ -176,10 +186,10 @@
     pt: Layout padrão
   header:
     en: |
-      <div class="brand">{{brandName}}</div>
+      <div class="brand-mark">{{{brandMark}}}</div>
       <div class="subject">{{subject}}</div>
     pt: |
-      <div class="brand">{{brandName}}</div>
+      <div class="brand-mark">{{{brandMark}}}</div>
       <div class="subject">{{subject}}</div>
   footer:
     en: |

package/hedhog/data/menu.yaml

@@ -294,6 +294,8 @@
           slug: admin
       - where:
           slug: admin-user
+      - where:
+          slug: admin-impersonation
 
 - url: /core/mcp_chat
   order: 8

package/hedhog/data/role.yaml

@@ -19,6 +19,13 @@
   description:
     en: Access to administrative privileges related to users.
     pt: Acesso a privilégios administrativos relacionados á usuários.
+- slug: admin-user-permission
+  name:
+    en: User Permission Administrator
+    pt: Administrador de Permissões de Usuário
+  description:
+    en: Can assign and remove roles from users.
+    pt: Pode atribuir e remover papéis de usuários.
 - slug: admin-mail
   name:
     en: Admin Mail
@@ -47,4 +54,13 @@
   description:
     en: Access to manage integration profiles and their credentials.
     pt: Acesso para gerenciar perfis de integração e suas credenciais.
+# O slug precisa começar com "admin": o GuardPage do painel só deixa entrar quem
+# tem algum papel com esse prefixo.
+- slug: admin-impersonation
+  name:
+    en: Access Simulation
+    pt: Simulação de Acesso
+  description:
+    en: Can open a short, audited session as another user. Cannot target administrators.
+    pt: Pode abrir uma sessão curta e auditada como outro usuário. Não pode simular administradores.