@portaidentity/server 1.7.0

package/templates/default/pages/two-factor-verify.hbs

@@ -0,0 +1,77 @@
+{{!-- Two-factor verification page: OTP/TOTP code entry form --}}
+<h1>{{t "two-factor.verify_title"}}</h1>
+
+{{#if (eq method "email")}}
+  <p class="text-muted mb-4">{{t "two-factor.verify_email_subtitle_prefix"}} <strong>{{maskedEmail}}</strong></p>
+{{else}}
+  <p class="text-muted mb-4">{{t "two-factor.verify_totp_subtitle"}}</p>
+{{/if}}
+
+{{!-- flash-messages partial is already rendered by the main layout --}}
+
+<form method="POST" action="/interaction/{{interaction.uid}}/two-factor" id="verify-form">
+  <input type="hidden" name="_csrf" value="{{csrfToken}}">
+  <input type="hidden" name="codeType" value="{{#if (eq method "totp")}}totp{{else}}otp{{/if}}" id="codeType">
+
+  <div class="form-group">
+    <label for="code">{{t "two-factor.code_label"}}</label>
+    <input type="text" id="code" name="code" required autofocus
+           placeholder="{{t "two-factor.code_placeholder"}}"
+           maxlength="12" autocomplete="one-time-code" inputmode="numeric"
+           pattern="[0-9A-Za-z-]+"
+           style="font-size: 24px; letter-spacing: 4px; text-align: center;">
+  </div>
+
+  <button type="submit" class="btn-primary">{{t "two-factor.verify_button"}}</button>
+</form>
+
+{{#if showResend}}
+<div style="margin-top: 16px; text-align: center;">
+  <form method="POST" action="/interaction/{{interaction.uid}}/two-factor/resend" style="display: inline;">
+    <input type="hidden" name="_csrf" value="{{csrfToken}}">
+    <button type="submit" class="btn-link" style="font-size: 13px;">{{t "two-factor.resend_code"}}</button>
+  </form>
+</div>
+{{/if}}
+
+{{#if showRecoveryLink}}
+<div class="divider"><span>{{t "two-factor.or_divider"}}</span></div>
+
+<p style="text-align: center; font-size: 13px; color: #6b7280;">
+  {{t "two-factor.recovery_prompt"}}
+</p>
+
+<div style="text-align: center;">
+  <button type="button" class="btn-link" id="use-recovery-btn" style="font-size: 13px;">
+    {{t "two-factor.use_recovery_code"}}
+  </button>
+</div>
+{{/if}}
+
+<script>
+  // Toggle between OTP/TOTP and recovery code input
+  var recoveryMode = false;
+  var recoveryBtn = document.getElementById('use-recovery-btn');
+  if (recoveryBtn) {
+    recoveryBtn.addEventListener('click', function() {
+      recoveryMode = !recoveryMode;
+      var codeTypeField = document.getElementById('codeType');
+      var codeInput = document.getElementById('code');
+      if (recoveryMode) {
+        codeTypeField.value = 'recovery';
+        codeInput.placeholder = 'XXXX-XXXX-XXXX';
+        codeInput.maxLength = 14;
+        codeInput.inputMode = 'text';
+        this.textContent = '{{t "two-factor.use_verification_code"}}';
+      } else {
+        codeTypeField.value = '{{#if (eq method "totp")}}totp{{else}}otp{{/if}}';
+        codeInput.placeholder = '{{t "two-factor.code_placeholder"}}';
+        codeInput.maxLength = 12;
+        codeInput.inputMode = 'numeric';
+        this.textContent = '{{t "two-factor.use_recovery_code"}}';
+      }
+      codeInput.value = '';
+      codeInput.focus();
+    });
+  }
+</script>

package/templates/default/partials/flash-messages.hbs

@@ -0,0 +1,10 @@
+{{!-- Flash messages for success/error/info feedback --}}
+{{#if flash.error}}
+  <div class="flash-error" role="alert">{{flash.error}}</div>
+{{/if}}
+{{#if flash.success}}
+  <div class="flash-success" role="status">{{flash.success}}</div>
+{{/if}}
+{{#if flash.info}}
+  <div class="flash-info" role="status">{{flash.info}}</div>
+{{/if}}

package/templates/default/partials/footer.hbs

@@ -0,0 +1,4 @@
+{{!-- Page footer with copyright --}}
+<div class="footer" style="text-align: center; margin-top: 24px; padding-top: 16px; border-top: 1px solid #f3f4f6;">
+  <p class="text-muted" style="margin: 0;">&copy; {{year}} {{branding.companyName}}</p>
+</div>

package/templates/default/partials/header.hbs

@@ -0,0 +1,8 @@
+{{!-- Page header with organization branding/logo --}}
+<div class="header" style="text-align: center; margin-bottom: 24px;">
+  {{#if branding.logoUrl}}
+    <img src="{{branding.logoUrl}}" alt="{{branding.companyName}}" style="max-height: 48px; margin-bottom: 12px;">
+  {{else}}
+    <h2 style="color: var(--primary); margin-bottom: 0;">{{branding.companyName}}</h2>
+  {{/if}}
+</div>