strapi-plugin-magic-link-v5 5.5.8 → 6.0.0

package/dist/_chunks/index-zzoovbM0.js

@@ -1,2906 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const styled = require("styled-components");
-const reactIntl = require("react-intl");
-const designSystem = require("@strapi/design-system");
-const icons = require("@strapi/icons");
-const admin = require("@strapi/strapi/admin");
-const index = require("./index-CGxbhJfg.js");
-const LicenseGuard = require("./LicenseGuard-CiyjFnrw.js");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const EMAIL_TEMPLATES = {
-  modern: {
-    name: "Modern Gradient",
-    preview: "Modern design with gradient header",
-    html: `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Magic Link Login</title>
-</head>
-<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;">
-  <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f7fafc; padding: 40px 20px;">
-    <tr>
-      <td align="center">
-        <table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);">
-          <!-- Header with Gradient -->
-          <tr>
-            <td style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 40px 30px; text-align: center;">
-              <h1 style="color: #ffffff; margin: 0; font-size: 28px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 8px;">
-                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
-                Magic Link Login
-              </h1>
-              <p style="color: rgba(255, 255, 255, 0.9); margin: 10px 0 0; font-size: 16px;">
-                Secure passwordless authentication
-              </p>
-            </td>
-          </tr>
-          
-          <!-- Content -->
-          <tr>
-            <td style="padding: 40px 30px;">
-              <h2 style="color: #2d3748; margin: 0 0 20px; font-size: 22px; font-weight: 600;">
-                Click to login
-              </h2>
-              <p style="color: #4a5568; line-height: 1.6; margin: 0 0 30px; font-size: 16px;">
-                We received a login request for your account. Click the button below to securely sign in.
-              </p>
-              
-              <!-- Button -->
-              <table width="100%" cellpadding="0" cellspacing="0">
-                <tr>
-                  <td align="center" style="padding: 20px 0;">
-                    <a href="<%= URL %>?loginToken=<%= CODE %>" 
-                       style="display: inline-block; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #ffffff; padding: 16px 48px; border-radius: 12px; text-decoration: none; font-weight: 600; font-size: 16px; box-shadow: 0 4px 14px rgba(102, 126, 234, 0.4);">
-                      Sign In Securely
-                    </a>
-                  </td>
-                </tr>
-              </table>
-              
-              <p style="color: #718096; line-height: 1.6; margin: 30px 0 0; font-size: 14px;">
-                Or copy and paste this link into your browser:<br>
-                <a href="<%= URL %>?loginToken=<%= CODE %>" style="color: #667eea; word-break: break-all;"><%= URL %>?loginToken=<%= CODE %></a>
-              </p>
-            </td>
-          </tr>
-          
-          <!-- Footer -->
-          <tr>
-            <td style="background-color: #f7fafc; padding: 30px; text-align: center; border-top: 1px solid #e2e8f0;">
-              <p style="color: #718096; margin: 0 0 10px; font-size: 13px; display: flex; align-items: center; justify-content: center; gap: 6px;">
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
-                This link expires in <%= EXPIRY_TEXT %>
-              </p>
-              <p style="color: #a0aec0; margin: 0; font-size: 12px;">
-                If you didn't request this, you can safely ignore this email.
-              </p>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-  </table>
-</body>
-</html>`,
-    text: `Magic Link Login
-
-Click to login:
-<%= URL %>?loginToken=<%= CODE %>
-
-This link expires in <%= EXPIRY_TEXT %>.
-
-If you didn't request this, you can safely ignore this email.`
-  },
-  minimal: {
-    name: "Clean Minimal",
-    preview: "Simple and elegant design",
-    html: `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Your Magic Link</title>
-</head>
-<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
-  <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #ffffff; padding: 60px 20px;">
-    <tr>
-      <td align="center">
-        <table width="500" cellpadding="0" cellspacing="0">
-          <tr>
-            <td style="text-align: center; padding-bottom: 40px;">
-              <div style="width: 64px; height: 64px; background: #0EA5E9; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;">
-                <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td style="text-align: center;">
-              <h1 style="color: #111827; margin: 0 0 16px; font-size: 32px; font-weight: 700;">
-                Your Magic Link
-              </h1>
-              <p style="color: #6B7280; line-height: 1.6; margin: 0 0 40px; font-size: 16px;">
-                Click the button below to sign in to your account
-              </p>
-              
-              <a href="<%= URL %>?loginToken=<%= CODE %>" 
-                 style="display: inline-block; background-color: #0EA5E9; color: #ffffff; padding: 16px 40px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 16px;">
-                Sign In
-              </a>
-              
-              <p style="color: #9CA3AF; margin: 40px 0 0; font-size: 14px;">
-                Link expires in 1 hour
-              </p>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-  </table>
-</body>
-</html>`,
-    text: `Your Magic Link
-
-Click to sign in:
-<%= URL %>?loginToken=<%= CODE %>
-
-Link expires in <%= EXPIRY_TEXT %>.`
-  },
-  professional: {
-    name: "Professional Blue",
-    preview: "Corporate and trustworthy",
-    html: `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Secure Login Request</title>
-</head>
-<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: #F3F4F6;">
-  <table width="100%" cellpadding="0" cellspacing="0" style="padding: 40px 20px;">
-    <tr>
-      <td align="center">
-        <table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 8px; overflow: hidden;">
-          <!-- Logo/Brand Area -->
-          <tr>
-            <td style="background-color: #1E40AF; padding: 30px; text-align: center;">
-              <h1 style="color: #ffffff; margin: 0; font-size: 24px; font-weight: 600; letter-spacing: 0.5px;">
-                SECURE ACCESS
-              </h1>
-            </td>
-          </tr>
-          
-          <!-- Content -->
-          <tr>
-            <td style="padding: 40px 40px 30px;">
-              <p style="color: #111827; margin: 0 0 20px; font-size: 16px; font-weight: 600;">
-                Hello,
-              </p>
-              <p style="color: #4B5563; line-height: 1.6; margin: 0 0 30px; font-size: 15px;">
-                You have requested secure access to your account. Please click the button below to proceed with authentication.
-              </p>
-              
-              <!-- Button Container -->
-              <table width="100%" cellpadding="0" cellspacing="0" style="margin: 0 0 30px;">
-                <tr>
-                  <td align="center" style="padding: 10px 0;">
-                    <a href="<%= URL %>?loginToken=<%= CODE %>" 
-                       style="display: inline-block; background-color: #1E40AF; color: #ffffff; padding: 14px 32px; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 15px;">
-                      Verify & Sign In
-                    </a>
-                  </td>
-                </tr>
-              </table>
-              
-              <!-- Security Info Box -->
-              <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #EFF6FF; border-left: 4px solid #3B82F6; padding: 16px; margin: 0 0 20px;">
-                <tr>
-                  <td>
-                    <p style="color: #1E40AF; margin: 0; font-size: 13px; line-height: 1.5;">
-                      <strong>🔒 Security Notice:</strong><br>
-                      This link will expire in 60 minutes. For your security, do not share this link with anyone.
-                    </p>
-                  </td>
-                </tr>
-              </table>
-              
-              <p style="color: #6B7280; line-height: 1.6; margin: 0; font-size: 13px;">
-                If you did not request this authentication, please disregard this email or contact support if you have concerns.
-              </p>
-            </td>
-          </tr>
-          
-          <!-- Footer -->
-          <tr>
-            <td style="background-color: #F9FAFB; padding: 20px 40px; border-top: 1px solid #E5E7EB;">
-              <p style="color: #9CA3AF; margin: 0; font-size: 12px; text-align: center;">
-                This is an automated message. Please do not reply to this email.
-              </p>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-  </table>
-</body>
-</html>`,
-    text: `SECURE ACCESS
-
-Hello,
-
-You have requested secure access to your account.
-
-Click to verify and sign in:
-<%= URL %>?loginToken=<%= CODE %>
-
-Security Notice:
-This link will expire in <%= EXPIRY_TEXT %>. Do not share this link.
-
-If you did not request this, please disregard this email.`
-  },
-  dark: {
-    name: "Dark Mode",
-    preview: "Modern dark theme",
-    html: `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Magic Link</title>
-</head>
-<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
-  <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #0F172A; padding: 40px 20px;">
-    <tr>
-      <td align="center">
-        <table width="600" cellpadding="0" cellspacing="0" style="background-color: #1E293B; border-radius: 16px; overflow: hidden; border: 1px solid #334155;">
-          <!-- Header -->
-          <tr>
-            <td style="padding: 40px 30px; text-align: center; background: linear-gradient(135deg, #312E81 0%, #1E293B 100%);">
-              <h1 style="color: #E0E7FF; margin: 0; font-size: 28px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 8px;">
-                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                Magic Link
-              </h1>
-              <p style="color: #A5B4FC; margin: 10px 0 0; font-size: 16px;">
-                Passwordless Authentication
-              </p>
-            </td>
-          </tr>
-          
-          <!-- Content -->
-          <tr>
-            <td style="padding: 40px 30px;">
-              <p style="color: #E2E8F0; line-height: 1.6; margin: 0 0 24px; font-size: 16px;">
-                Hey there! 👋
-              </p>
-              <p style="color: #CBD5E1; line-height: 1.6; margin: 0 0 32px; font-size: 15px;">
-                Click the magic button below to access your account. No passwords, no hassle.
-              </p>
-              
-              <!-- Button -->
-              <table width="100%" cellpadding="0" cellspacing="0">
-                <tr>
-                  <td align="center" style="padding: 20px 0;">
-                    <a href="<%= URL %>?loginToken=<%= CODE %>" 
-                       style="display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%); color: #ffffff; padding: 16px 48px; border-radius: 12px; text-decoration: none; font-weight: 600; font-size: 16px; box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4);">
-                      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
-                      Launch Access
-                    </a>
-                  </td>
-                </tr>
-              </table>
-              
-              <p style="color: #94A3B8; line-height: 1.6; margin: 32px 0 0; font-size: 13px; text-align: center;">
-                Or paste this URL in your browser:<br>
-                <span style="color: #818CF8; word-break: break-all;"><%= URL %>?loginToken=<%= CODE %></span>
-              </p>
-            </td>
-          </tr>
-          
-          <!-- Footer -->
-          <tr>
-            <td style="background-color: #0F172A; padding: 24px 30px; text-align: center; border-top: 1px solid #334155;">
-              <p style="color: #64748B; margin: 0 0 8px; font-size: 13px;">
-                ⏰ Expires in 1 hour
-              </p>
-              <p style="color: #475569; margin: 0; font-size: 12px;">
-                Didn't request this? Just ignore this email.
-              </p>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-  </table>
-</body>
-</html>`,
-    text: `Magic Link
-
-Hey there!
-
-Click the link below to access your account:
-<%= URL %>?loginToken=<%= CODE %>
-
-Expires in <%= EXPIRY_TEXT %>.
-
-Didn't request this? Just ignore this email.`
-  },
-  playful: {
-    name: "Playful & Fun",
-    preview: "Colorful and engaging",
-    html: `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Your Magic Link is Ready!</title>
-</head>
-<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
-  <table width="100%" cellpadding="0" cellspacing="0" style="background: linear-gradient(135deg, #FEF3C7 0%, #FED7AA 50%, #FECACA 100%); padding: 40px 20px;">
-    <tr>
-      <td align="center">
-        <table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);">
-          <!-- Fun Header -->
-          <tr>
-            <td style="padding: 40px 30px 30px; text-align: center;">
-              <div style="margin-bottom: 16px; display: inline-block;">
-                <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="#DC2626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
-              </div>
-              <h1 style="color: #DC2626; margin: 0; font-size: 32px; font-weight: 800;">
-                Your Magic Link is Ready!
-              </h1>
-              <p style="color: #F59E0B; margin: 12px 0 0; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 6px;">
-                Let's get you signed in
-                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-              </p>
-            </td>
-          </tr>
-          
-          <!-- Content -->
-          <tr>
-            <td style="padding: 20px 40px 40px;">
-              <p style="color: #374151; line-height: 1.7; margin: 0 0 30px; font-size: 16px; text-align: center;">
-                Hey friend! We've prepared something special for you. Click the shiny button below to access your account!
-              </p>
-              
-              <!-- Colorful Button -->
-              <table width="100%" cellpadding="0" cellspacing="0">
-                <tr>
-                  <td align="center" style="padding: 10px 0 30px;">
-                    <a href="<%= URL %>?loginToken=<%= CODE %>" 
-                       style="display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #F59E0B 0%, #DC2626 100%); color: #ffffff; padding: 18px 54px; border-radius: 16px; text-decoration: none; font-weight: 700; font-size: 18px; box-shadow: 0 8px 16px rgba(245, 158, 11, 0.4); text-transform: uppercase; letter-spacing: 0.5px;">
-                      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="8 12 12 16 16 12"></polyline><line x1="12" y1="8" x2="12" y2="16"></line></svg>
-                      Click Here!
-                    </a>
-                  </td>
-                </tr>
-              </table>
-              
-              <!-- Fun Fact Box -->
-              <table width="100%" cellpadding="0" cellspacing="0" style="background: linear-gradient(135deg, #DBEAFE 0%, #E0E7FF 100%); border-radius: 12px; padding: 20px; margin: 20px 0;">
-                <tr>
-                  <td style="text-align: center;">
-                    <p style="color: #1E40AF; margin: 0; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 6px;">
-                      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
-                      Pro Tip: Save this email for quick access later!
-                    </p>
-                  </td>
-                </tr>
-              </table>
-              
-              <p style="color: #6B7280; line-height: 1.6; margin: 20px 0 0; font-size: 13px; text-align: center;">
-                Can't click? Copy & paste: <span style="color: #F59E0B; word-break: break-all;"><%= URL %>?loginToken=<%= CODE %></span>
-              </p>
-            </td>
-          </tr>
-          
-          <!-- Footer -->
-          <tr>
-            <td style="background: linear-gradient(135deg, #FEF3C7 0%, #FECACA 100%); padding: 24px; text-align: center;">
-              <p style="color: #B91C1C; margin: 0 0 8px; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 6px;">
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
-                Hurry! Link expires in <%= EXPIRY_TEXT %>
-              </p>
-              <p style="color: #DC2626; margin: 0; font-size: 12px;">
-                Not you? No worries, just delete this email!
-              </p>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-  </table>
-</body>
-</html>`,
-    text: `Your Magic Link is Ready!
-
-Let's get you signed in!
-
-Click here:
-<%= URL %>?loginToken=<%= CODE %>
-
-Pro Tip: Save this email for quick access later!
-
-Hurry! Link expires in <%= EXPIRY_TEXT %>.
-
-Not you? No worries, just delete this email!`
-  }
-};
-const getTemplateList = () => {
-  return Object.entries(EMAIL_TEMPLATES).map(([key, template]) => ({
-    value: key,
-    label: template.name,
-    preview: template.preview
-  }));
-};
-const getTemplate = (key) => {
-  return EMAIL_TEMPLATES[key] || EMAIL_TEMPLATES.modern;
-};
-const theme = {
-  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
-  borderRadius: { md: "8px", lg: "12px" }
-};
-const fadeIn = styled.keyframes`
-  from { opacity: 0; transform: translateY(10px); }
-  to { opacity: 1; transform: translateY(0); }
-`;
-const PlaceholderGrid = styled__default.default(designSystem.Box)`
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: 12px;
-`;
-const PlaceholderTile = styled__default.default(designSystem.Box)`
-  border-radius: 8px;
-  border: 1px solid rgba(14, 165, 233, 0.3);
-  background: rgba(14, 165, 233, 0.04);
-  padding: 14px;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  min-height: 120px;
-  transition: all 0.15s ease;
-
-  &:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 6px 16px rgba(2, 132, 199, 0.15);
-    border-color: rgba(14, 165, 233, 0.6);
-  }
-
-  &:active {
-    transform: translateY(0);
-  }
-`;
-styled.keyframes`
-  0% { background-position: -200% 0; }
-  100% { background-position: 200% 0; }
-`;
-const Container = styled__default.default(designSystem.Box)`
-  animation: ${fadeIn} 0.5s;
-  max-width: 1400px;
-  margin: 0 auto;
-`;
-const ToggleCard = styled__default.default(designSystem.Box)`
-  background: ${(props) => props.$active ? "rgba(22, 163, 74, 0.08)" : "rgba(128, 128, 128, 0.06)"};
-  border-radius: ${theme.borderRadius.md};
-  padding: 20px;
-  transition: all 0.2s ease;
-  border: 2px solid ${(props) => props.$active ? "rgba(22, 163, 74, 0.4)" : "rgba(128, 128, 128, 0.2)"};
-  box-shadow: ${(props) => props.$active ? "0 4px 12px rgba(34, 197, 94, 0.15)" : "0 1px 3px rgba(0, 0, 0, 0.1)"};
-  position: relative;
-  user-select: none;
-  cursor: pointer;
-  
-  &:hover {
-    transform: translateY(-2px);
-    box-shadow: ${(props) => props.$active ? "0 6px 16px rgba(34, 197, 94, 0.25)" : "0 3px 8px rgba(128, 128, 128, 0.2)"};
-    border-color: ${(props) => props.$active ? "rgba(22, 163, 74, 0.6)" : "rgba(128, 128, 128, 0.4)"};
-  }
-  
-  &:active {
-    transform: translateY(0px);
-    box-shadow: ${(props) => props.$active ? "0 2px 6px rgba(34, 197, 94, 0.15)" : "0 1px 2px rgba(0, 0, 0, 0.1)"};
-  }
-  
-  ${(props) => props.$active && `
-    &::before {
-      content: '${props.$statusLabel || ""}';
-      position: absolute;
-      top: 8px;
-      right: 8px;
-      background: #16A34A;
-      color: white;
-      padding: 2px 8px;
-      border-radius: 4px;
-      font-size: 10px;
-      font-weight: bold;
-    }
-  `}
-  
-  ${(props) => !props.$active && `
-    &::before {
-      content: '${props.$statusLabel || ""}';
-      position: absolute;
-      top: 8px;
-      right: 8px;
-      background: rgba(128, 128, 128, 0.5);
-      color: white;
-      padding: 2px 8px;
-      border-radius: 4px;
-      font-size: 10px;
-      font-weight: bold;
-    }
-  `}
-`;
-const GreenToggle = styled__default.default.div`
-  ${(props) => props.$isActive && `
-    button[role="switch"] {
-      background-color: #16A34A !important;
-      border-color: #16A34A !important;
-      
-      &:hover {
-        background-color: #15803D !important;
-        border-color: #15803D !important;
-      }
-      
-      &:focus {
-        background-color: #16A34A !important;
-        border-color: #16A34A !important;
-        box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2) !important;
-      }
-    }
-    
-    /* Toggle handle */
-    button[role="switch"] > span {
-      background-color: white !important;
-    }
-  `}
-  
-  ${(props) => !props.$isActive && `
-    button[role="switch"] {
-      background-color: rgba(128, 128, 128, 0.3);
-      
-      &:hover {
-        background-color: rgba(128, 128, 128, 0.4);
-      }
-    }
-  `}
-`;
-const StickySaveBar = styled__default.default(designSystem.Box)`
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
-  box-shadow: ${theme.shadows.sm};
-`;
-const IconWrapper = styled__default.default.div`
-  width: 48px;
-  height: 48px;
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 12px;
-  background: ${(props) => props.$bgColor || "rgba(2, 132, 199, 0.12)"};
-  
-  svg {
-    width: 24px;
-    height: 24px;
-    color: ${(props) => props.$iconColor || "var(--colors-primary600, #0284C7)"};
-  }
-`;
-const SettingsModern = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  const { toggleNotification } = admin.useNotification();
-  const { get, put } = admin.useFetchClient();
-  const { language, changeLanguage } = LicenseGuard.usePluginLanguage();
-  const [isLoading, setIsLoading] = react.useState(false);
-  const [isSaving, setIsSaving] = react.useState(false);
-  const [settings, setSettings] = react.useState({
-    enabled: true,
-    createUserIfNotExists: true,
-    expire_period: 3600,
-    confirmationUrl: "",
-    from_name: "",
-    from_email: "",
-    response_email: "",
-    token_length: 32,
-    stays_valid: false,
-    object: "",
-    message_html: "",
-    message_text: "",
-    max_login_attempts: 5,
-    context_whitelist: [],
-    context_blacklist: ["password", "secret", "apiKey", "token"],
-    login_path: "/magic-link/login",
-    user_creation_strategy: "email",
-    verify_email: false,
-    welcome_email: false,
-    use_jwt_token: true,
-    jwt_token_expires_in: "30d",
-    callback_url: "",
-    allow_magic_links_on_public_registration: false,
-    store_login_info: true,
-    ui_language: "en",
-    rate_limit_enabled: true,
-    rate_limit_max_attempts: 5,
-    rate_limit_window_minutes: 15,
-    use_email_designer: false,
-    email_designer_template_id: "",
-    use_magic_mail: false,
-    // OTP Settings
-    otp_enabled: false,
-    otp_type: "email",
-    otp_length: 6,
-    otp_expiry: 300,
-    otp_max_attempts: 3,
-    otp_resend_cooldown: 60,
-    // MFA Settings
-    mfa_mode: "disabled",
-    mfa_require_totp: false,
-    totp_as_primary_auth: false,
-    // TOTP Settings
-    totp_issuer: "Magic Link",
-    totp_algorithm: "SHA1",
-    totp_digits: 6,
-    totp_period: 30,
-    // WhatsApp Settings
-    whatsapp_enabled: false,
-    whatsapp_debug: false,
-    whatsapp_app_name: "Magic Link",
-    whatsapp_message_template: `*{{appName}} Login*
-
-Klicke auf den Link um dich einzuloggen:
-
-{{link}}
-
-Dieser Link ist {{expiry}} gültig.
-
-_Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
-    // Frontend URL Settings
-    frontend_url: "",
-    frontend_login_path: "/auth/magic-link"
-  });
-  const [rateLimitStats, setRateLimitStats] = react.useState(null);
-  const [emailDesignerInstalled, setEmailDesignerInstalled] = react.useState(false);
-  const [magicMailInstalled, setMagicMailInstalled] = react.useState(false);
-  const [emailProviderConfigured, setEmailProviderConfigured] = react.useState(false);
-  const [emailProviderName, setEmailProviderName] = react.useState(null);
-  const [otpCodes, setOtpCodes] = react.useState([]);
-  const [selectedEmailTemplate, setSelectedEmailTemplate] = react.useState(null);
-  const [textEditorHeight, setTextEditorHeight] = react.useState(300);
-  const [licenseInfo, setLicenseInfo] = react.useState(null);
-  const [magicMailTemplates, setMagicMailTemplates] = react.useState([]);
-  const [emailTemplates, setEmailTemplates] = react.useState([]);
-  const placeholderList = react.useMemo(() => [
-    {
-      code: formatMessage({ id: index.getTrad("settings.email.placeholders.url") }),
-      desc: formatMessage({ id: index.getTrad("settings.email.placeholders.url.description") }),
-      example: formatMessage({ id: index.getTrad("settings.email.placeholders.url.example") })
-    },
-    {
-      code: formatMessage({ id: index.getTrad("settings.email.placeholders.code") }),
-      desc: formatMessage({ id: index.getTrad("settings.email.placeholders.code.description") }),
-      example: formatMessage({ id: index.getTrad("settings.email.placeholders.code.example") })
-    },
-    {
-      code: formatMessage({ id: index.getTrad("settings.email.placeholders.expiry") }),
-      desc: formatMessage({ id: index.getTrad("settings.email.placeholders.expiry.description") }),
-      example: formatMessage({ id: index.getTrad("settings.email.placeholders.expiry.example") })
-    },
-    {
-      code: formatMessage({ id: index.getTrad("settings.email.placeholders.link") }),
-      desc: formatMessage({ id: index.getTrad("settings.email.placeholders.link.description") }),
-      example: formatMessage({ id: index.getTrad("settings.email.placeholders.link.example") })
-    },
-    {
-      code: formatMessage({ id: index.getTrad("settings.email.placeholders.username") }),
-      desc: formatMessage({ id: index.getTrad("settings.email.placeholders.username.description") }),
-      example: formatMessage({ id: index.getTrad("settings.email.placeholders.username.example") })
-    },
-    {
-      code: formatMessage({ id: index.getTrad("settings.email.placeholders.email") }),
-      desc: formatMessage({ id: index.getTrad("settings.email.placeholders.email.description") }),
-      example: formatMessage({ id: index.getTrad("settings.email.placeholders.email.example") })
-    }
-  ], [formatMessage]);
-  const [selectedTemplateKey, setSelectedTemplateKey] = react.useState(null);
-  const loadSettings = react.useCallback(async () => {
-    setIsLoading(true);
-    try {
-      const res = await get("/magic-link/settings");
-      console.log("🔍 Settings Response:", res.data);
-      const settingsData = res.data.settings || res.data.data || res.data;
-      setSettings((prev) => ({ ...prev, ...settingsData }));
-      if (res.data.emailDesignerInstalled !== void 0) {
-        setEmailDesignerInstalled(res.data.emailDesignerInstalled);
-        console.log("📧 Email Designer:", res.data.emailDesignerInstalled);
-      }
-      if (res.data.magicMailInstalled !== void 0) {
-        setMagicMailInstalled(res.data.magicMailInstalled);
-        console.log("📬 MagicMail:", res.data.magicMailInstalled);
-      }
-      if (res.data.emailProviderConfigured !== void 0) {
-        setEmailProviderConfigured(res.data.emailProviderConfigured);
-        console.log("✉️ Email Provider Configured:", res.data.emailProviderConfigured);
-      }
-      if (res.data.emailProviderName !== void 0) {
-        setEmailProviderName(res.data.emailProviderName);
-        console.log("📮 Email Provider Name:", res.data.emailProviderName);
-      }
-      try {
-        const statsRes = await get("/magic-link/rate-limit/stats");
-        if (statsRes?.data?.data) {
-          setRateLimitStats(statsRes.data.data);
-        }
-      } catch (error) {
-        console.error("Error loading rate limit stats:", error);
-      }
-      try {
-        const licenseRes = await get("/magic-link/license/status");
-        if (licenseRes?.data) {
-          const licenseData = licenseRes.data.data || {};
-          const enrichedLicenseInfo = {
-            ...licenseData,
-            tier: "enterprise",
-            valid: licenseRes.data.valid !== false,
-            hasKey: licenseRes.data.hasKey === true
-          };
-          setLicenseInfo(enrichedLicenseInfo);
-        }
-      } catch (error) {
-        console.error("Error loading license info:", error);
-        setLicenseInfo({ tier: "enterprise", valid: true, hasKey: false });
-      }
-    } catch (error) {
-      if (error.name !== "AbortError") {
-        console.error("Error loading settings:", error);
-        toggleNotification({
-          type: "warning",
-          message: formatMessage({ id: index.getTrad("settings.load.error") })
-        });
-      }
-    } finally {
-      setIsLoading(false);
-    }
-  }, [get, toggleNotification, formatMessage]);
-  react.useEffect(() => {
-    const fetchEmailTemplates = async () => {
-      if (!emailDesignerInstalled) return;
-      try {
-        const response = await get("/email-designer-5/templates");
-        const payload = response?.data;
-        const templates = Array.isArray(payload) ? payload : payload?.data || payload?.templates || [];
-        setEmailTemplates(templates);
-        console.log(`✅ Email Designer templates loaded: ${templates.length}`);
-      } catch (error) {
-        console.error("❌ Error fetching email templates:", error);
-        setEmailTemplates([]);
-      }
-    };
-    fetchEmailTemplates();
-  }, [emailDesignerInstalled, get]);
-  react.useEffect(() => {
-    const fetchMagicMailTemplates = async () => {
-      if (magicMailInstalled) {
-        try {
-          const response = await get("/magic-mail/designer/templates");
-          const payload = response?.data;
-          const templates = Array.isArray(payload) ? payload : payload?.data || payload?.templates || [];
-          setMagicMailTemplates(templates);
-          console.log(`✅ MagicMail templates loaded: ${templates.length}`);
-        } catch (error) {
-          console.error("❌ Error fetching MagicMail templates:", error);
-          setMagicMailTemplates([]);
-        }
-      }
-    };
-    fetchMagicMailTemplates();
-  }, [magicMailInstalled, get]);
-  react.useEffect(() => {
-    loadSettings();
-  }, []);
-  react.useEffect(() => {
-    const templateEntry = getTemplateList().find(({ value }) => {
-      const tpl = getTemplate(value);
-      return tpl.html === settings.message_html && tpl.text === settings.message_text;
-    });
-    if (templateEntry && templateEntry.value !== selectedTemplateKey) {
-      setSelectedTemplateKey(templateEntry.value);
-    }
-  }, [settings.message_html, settings.message_text, selectedTemplateKey]);
-  const handleSave = async (e) => {
-    e.preventDefault();
-    setIsSaving(true);
-    try {
-      const toSave = { ...settings, ui_language: language };
-      if (typeof toSave.context_whitelist === "string") {
-        toSave.context_whitelist = toSave.context_whitelist.split(",").map((s) => s.trim()).filter(Boolean);
-      }
-      if (typeof toSave.context_blacklist === "string") {
-        toSave.context_blacklist = toSave.context_blacklist.split(",").map((s) => s.trim()).filter(Boolean);
-      }
-      await put("/magic-link/settings", toSave);
-      toggleNotification({
-        type: "success",
-        message: formatMessage({ id: index.getTrad("settings.save.success") })
-      });
-    } catch (error) {
-      if (error.name !== "AbortError") {
-        console.error("Error saving settings:", error);
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({ id: index.getTrad("settings.save.error") })
-        });
-      }
-    } finally {
-      setIsSaving(false);
-    }
-  };
-  const updateSetting = (key, value) => {
-    setSettings({ ...settings, [key]: value });
-  };
-  const handleLanguageChange = (newLang) => {
-    changeLanguage(newLang);
-  };
-  const handleRateLimitCleanup = async () => {
-    try {
-      await get("/magic-link/rate-limit/cleanup");
-      toggleNotification({
-        type: "success",
-        message: formatMessage({ id: index.getTrad("settings.rateLimit.cleanupSuccess") })
-      });
-      loadSettings();
-    } catch (error) {
-      toggleNotification({
-        type: "danger",
-        message: formatMessage({ id: index.getTrad("settings.rateLimit.cleanupError") })
-      });
-    }
-  };
-  const handleRateLimitReset = async () => {
-    if (window.confirm(formatMessage({ id: index.getTrad("settings.rateLimit.resetConfirm") }))) {
-      try {
-        await get("/magic-link/rate-limit/reset");
-        toggleNotification({
-          type: "success",
-          message: formatMessage({ id: index.getTrad("settings.rateLimit.resetSuccess") })
-        });
-        loadSettings();
-      } catch (error) {
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({ id: index.getTrad("settings.rateLimit.resetError") })
-        });
-      }
-    }
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({ id: index.getTrad("settings.load.loading") }) }) });
-  }
-  const statusActive = formatMessage({ id: index.getTrad("status.active") });
-  const statusInactive = formatMessage({ id: index.getTrad("status.inactive") });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { as: "form", onSubmit: handleSave, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(StickySaveBar, { background: "neutral0", paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", fontWeight: "bold", textColor: "neutral800", tag: "h1", style: { fontSize: "24px" }, children: formatMessage({ id: index.getTrad("settings.page.title") }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: formatMessage({ id: index.getTrad("settings.page.subtitle") }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Button,
-        {
-          type: "submit",
-          loading: isSaving,
-          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
-          disabled: isSaving,
-          size: "L",
-          style: {
-            background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-            color: "white",
-            fontWeight: "600",
-            padding: "12px 24px",
-            border: "none",
-            boxShadow: "0 4px 12px rgba(102, 126, 234, 0.4)",
-            transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
-          },
-          onMouseEnter: (e) => {
-            if (!isSaving) {
-              e.currentTarget.style.transform = "translateY(-2px)";
-              e.currentTarget.style.boxShadow = "0 8px 20px rgba(102, 126, 234, 0.5)";
-            }
-          },
-          onMouseLeave: (e) => {
-            e.currentTarget.style.transform = "translateY(0)";
-            e.currentTarget.style.boxShadow = "0 4px 12px rgba(102, 126, 234, 0.4)";
-          },
-          children: isSaving ? formatMessage({ id: index.getTrad("settings.save.saving") }) : formatMessage({ id: index.getTrad("settings.save.button") })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 6, paddingLeft: 6, paddingRight: 6, paddingBottom: 10, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Box,
-        {
-          padding: 5,
-          style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(2, 132, 199, 0.3)", marginBottom: "24px", background: "rgba(2, 132, 199, 0.06)" },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Box,
-              {
-                style: {
-                  width: "40px",
-                  height: "40px",
-                  borderRadius: "50%",
-                  background: "var(--colors-primary600, #0284C7)",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  flexShrink: 0
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, { style: { width: "20px", height: "20px", color: "white" } })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", style: { fontSize: "14px", marginBottom: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.info.header") }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { lineHeight: "1.6", fontSize: "13px" }, children: [
-                "• ",
-                formatMessage({ id: index.getTrad("settings.info.line1") }),
-                /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                "• ",
-                formatMessage({ id: index.getTrad("settings.info.line2") }),
-                /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                "• ",
-                formatMessage({ id: index.getTrad("settings.info.line3") }),
-                /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                "• ",
-                formatMessage({ id: index.getTrad("settings.info.line4") })
-              ] })
-            ] })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Root, { type: "multiple", defaultValue: ["general", "auth", "email", "mfa"], children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "general", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Accordion.Trigger,
-            {
-              icon: icons.Cog,
-              description: formatMessage({ id: index.getTrad("settings.section.general.description") }),
-              children: formatMessage({ id: index.getTrad("settings.section.general") })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral50", padding: 4, style: { borderRadius: theme.borderRadius.md, border: "2px solid rgba(128, 128, 128, 0.2)", marginBottom: "24px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, alignItems: "center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { minWidth: "150px" }, children: formatMessage({ id: index.getTrad("settings.language.label") }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "200px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                designSystem.SingleSelect,
-                {
-                  value: language,
-                  onChange: handleLanguageChange,
-                  size: "S",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "en", children: formatMessage({ id: index.getTrad("settings.language.en") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "de", children: formatMessage({ id: index.getTrad("settings.language.de") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "fr", children: formatMessage({ id: index.getTrad("settings.language.fr") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "es", children: formatMessage({ id: index.getTrad("settings.language.es") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "pt", children: formatMessage({ id: index.getTrad("settings.language.pt") }) })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", flex: 1 }, children: formatMessage({ id: index.getTrad("settings.language.hint") }) })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.features.title") }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.features.subtitle") }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.enabled, $statusLabel: settings.enabled ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.Switch,
-                    {
-                      checked: settings.enabled,
-                      onCheckedChange: (checked) => updateSetting("enabled", checked)
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.feature.enabled.title") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.feature.enabled.description") }) })
-                  ] })
-                ] }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.createUserIfNotExists, $statusLabel: settings.createUserIfNotExists ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.Switch,
-                    {
-                      checked: settings.createUserIfNotExists,
-                      onCheckedChange: (checked) => updateSetting("createUserIfNotExists", checked)
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.feature.createUser.title") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.feature.createUser.description") }) })
-                  ] })
-                ] }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.stays_valid, $statusLabel: settings.stays_valid ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.Switch,
-                    {
-                      checked: settings.stays_valid,
-                      onCheckedChange: (checked) => updateSetting("stays_valid", checked)
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.feature.staysValid.title") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.feature.staysValid.description") }) })
-                  ] })
-                ] }) }) })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.time.title") }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.expire.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.NumberInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.expire.hint") }),
-                    value: settings.expire_period,
-                    onValueChange: (val) => updateSetting("expire_period", val),
-                    placeholder: formatMessage({ id: index.getTrad("settings.expire.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "primary50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "primary700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.expire.recommendation") }) }) })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.tokenLength.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.NumberInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.tokenLength.hint") }),
-                    value: settings.token_length,
-                    onValueChange: (val) => updateSetting("token_length", val),
-                    placeholder: formatMessage({ id: index.getTrad("settings.tokenLength.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "success50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "success700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.tokenLength.recommendation") }, { length: settings.token_length }) }) })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.security.title") }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.maxAttempts.label") }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.NumberInput,
-                {
-                  hint: formatMessage({ id: index.getTrad("settings.maxAttempts.hint") }),
-                  value: settings.max_login_attempts,
-                  onValueChange: (val) => updateSetting("max_login_attempts", val),
-                  placeholder: formatMessage({ id: index.getTrad("settings.maxAttempts.placeholder") })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "warning50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "warning700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.maxAttempts.warning") }) }) })
-            ] }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.context.title") }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.context.whitelist.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.context.whitelist.hint") }),
-                    value: typeof settings.context_whitelist === "string" ? settings.context_whitelist : (settings.context_whitelist || []).join(", "),
-                    onChange: (e) => {
-                      updateSetting("context_whitelist", e.target.value);
-                    },
-                    onBlur: (e) => {
-                      const value = typeof settings.context_whitelist === "string" ? settings.context_whitelist : "";
-                      const list = value ? value.split(",").map((s) => s.trim()).filter(Boolean) : [];
-                      updateSetting("context_whitelist", list);
-                    },
-                    placeholder: formatMessage({ id: index.getTrad("settings.context.whitelist.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "primary50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "primary700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.context.whitelist.info") }) }) })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.context.blacklist.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.context.blacklist.hint") }),
-                    value: typeof settings.context_blacklist === "string" ? settings.context_blacklist : (settings.context_blacklist || []).join(", "),
-                    onChange: (e) => {
-                      updateSetting("context_blacklist", e.target.value);
-                    },
-                    onBlur: (e) => {
-                      const value = typeof settings.context_blacklist === "string" ? settings.context_blacklist : "";
-                      const list = value ? value.split(",").map((s) => s.trim()).filter(Boolean) : [];
-                      updateSetting("context_blacklist", list);
-                    },
-                    placeholder: formatMessage({ id: index.getTrad("settings.context.blacklist.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "danger50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.context.blacklist.info") }) }) })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.api.title") }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.loginPath.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.loginPath.hint") }),
-                    value: settings.login_path,
-                    onChange: (e) => updateSetting("login_path", e.target.value),
-                    placeholder: formatMessage({ id: index.getTrad("settings.loginPath.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px", fontFamily: "monospace" }, children: formatMessage({ id: index.getTrad("settings.loginPath.fullPath") }, { path: settings.login_path }) }) })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.confirmationUrl.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.confirmationUrl.hint") }),
-                    value: settings.confirmationUrl,
-                    onChange: (e) => updateSetting("confirmationUrl", e.target.value),
-                    placeholder: formatMessage({ id: index.getTrad("settings.confirmationUrl.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "primary50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "primary700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.confirmationUrl.example") }, { url: settings.confirmationUrl || "https://yourapp.com" }) }) })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.callbackUrl.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.callbackUrl.hint") }),
-                    value: settings.callback_url,
-                    onChange: (e) => updateSetting("callback_url", e.target.value),
-                    placeholder: formatMessage({ id: index.getTrad("settings.callbackUrl.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: formatMessage({ id: index.getTrad("settings.callbackUrl.note") }) })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Item, { col: 12, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { margin: "16px 0" } }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "16px", display: "block" }, children: "Frontend URL (for SPA/Mobile Apps)" })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Frontend Base URL" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    value: settings.frontend_url || "",
-                    onChange: (e) => updateSetting("frontend_url", e.target.value),
-                    placeholder: "https://myapp.com"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: "Base URL deiner Frontend-App (React, Vue, etc.). Wenn leer, wird confirmationUrl verwendet." })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Login Path" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    value: settings.frontend_login_path || "/auth/magic-link",
-                    onChange: (e) => updateSetting("frontend_login_path", e.target.value),
-                    placeholder: "/auth/magic-link"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: "Pfad der an die Frontend URL angehaengt wird." })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 3, background: "primary50", style: { borderRadius: "8px", marginTop: "8px" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { display: "block", marginBottom: "4px" }, children: "Resultierende Magic Link URL:" }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "primary700", style: { fontFamily: "monospace", fontSize: "12px" }, children: settings.frontend_url ? `${settings.frontend_url.replace(/\/$/, "")}${settings.frontend_login_path || "/auth/magic-link"}?loginToken=ABC123` : `${settings.confirmationUrl || "http://localhost:1337/api/magic-link/login"}?loginToken=ABC123` })
-              ] }) })
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "whatsapp", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Accordion.Trigger,
-            {
-              icon: icons.Lightning,
-              description: "WhatsApp-Nachricht anpassen und Delivery konfigurieren",
-              children: "WhatsApp Einstellungen"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "success50", padding: 4, style: { borderRadius: "8px", border: "2px solid rgba(34, 197, 94, 0.4)", marginBottom: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { style: { color: "#22C55E", width: "24px", height: "24px", flexShrink: 0, marginTop: "2px" } }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "4px" }, children: "WhatsApp Magic Link Delivery" }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Sende Magic Links kostenlos via WhatsApp anstatt per Email. Die Nachricht kann hier angepasst werden." })
-              ] })
-            ] }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "App Name (in WhatsApp Nachricht)" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.TextInput,
-                {
-                  value: settings.whatsapp_app_name || "Magic Link",
-                  onChange: (e) => updateSetting("whatsapp_app_name", e.target.value),
-                  placeholder: "Magic Link"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: "Wird in der WhatsApp-Nachricht als App-Name angezeigt." })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.whatsapp_debug, $statusLabel: settings.whatsapp_debug ? "DEBUG" : "OFF", onClick: () => updateSetting("whatsapp_debug", !settings.whatsapp_debug), children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(GreenToggle, { $isActive: settings.whatsapp_debug, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Switch, { checked: settings.whatsapp_debug, onCheckedChange: (checked) => updateSetting("whatsapp_debug", checked) }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: "Debug Mode" }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px" }, children: "Aktiviert ausfuehrliche WhatsApp-Logs" })
-              ] })
-            ] }) }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "WhatsApp Nachricht Template" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Textarea,
-                {
-                  value: settings.whatsapp_message_template || "",
-                  onChange: (e) => updateSetting("whatsapp_message_template", e.target.value),
-                  style: { minHeight: "200px", fontFamily: "monospace", fontSize: "13px" }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 3, background: "neutral100", style: { borderRadius: "8px", marginTop: "12px" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Verfuegbare Platzhalter:" }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: "{{appName}}" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: "{{link}}" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: "{{expiry}}" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px", display: "block" }, children: "*text* = Fett, _text_ = Kursiv (WhatsApp Formatierung)" })
-              ] })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "neutral50", style: { borderRadius: "8px", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Vorschau:" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, background: "neutral0", style: { borderRadius: "8px", whiteSpace: "pre-wrap", fontFamily: "system-ui", fontSize: "14px", lineHeight: "1.5", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: (settings.whatsapp_message_template || "").replace(/\{\{appName\}\}/g, settings.whatsapp_app_name || "Magic Link").replace(/\{\{link\}\}/g, settings.frontend_url ? `${settings.frontend_url.replace(/\/$/, "")}${settings.frontend_login_path || "/auth/magic-link"}?loginToken=ABC123` : `${settings.confirmationUrl || "http://localhost:1337"}?loginToken=ABC123`).replace(/\{\{expiry\}\}/g, "1 Stunde") })
-            ] }) })
-          ] }) }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "auth", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Accordion.Trigger,
-            {
-              icon: icons.Shield,
-              description: formatMessage({ id: index.getTrad("settings.section.auth.description") }),
-              children: formatMessage({ id: index.getTrad("settings.section.auth") })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.auth.options.title") }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.auth.options.subtitle") }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.verify_email, $statusLabel: settings.verify_email ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.Switch,
-                    {
-                      checked: settings.verify_email,
-                      onCheckedChange: (checked) => updateSetting("verify_email", checked),
-                      size: "L"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.auth.verifyEmail.title") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.auth.verifyEmail.description") }) })
-                  ] })
-                ] }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.welcome_email, $statusLabel: settings.welcome_email ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.Switch,
-                    {
-                      checked: settings.welcome_email,
-                      onCheckedChange: (checked) => updateSetting("welcome_email", checked),
-                      size: "L"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.auth.welcomeEmail.title") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.auth.welcomeEmail.description") }) })
-                  ] })
-                ] }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.use_jwt_token, $statusLabel: settings.use_jwt_token ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.Switch,
-                    {
-                      checked: settings.use_jwt_token,
-                      onCheckedChange: (checked) => updateSetting("use_jwt_token", checked),
-                      size: "L"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.auth.useJwt.title") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.auth.useJwt.description") }) })
-                  ] })
-                ] }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.store_login_info, $statusLabel: settings.store_login_info ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.Switch,
-                    {
-                      checked: settings.store_login_info,
-                      onCheckedChange: (checked) => updateSetting("store_login_info", checked),
-                      size: "L"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.auth.storeLoginInfo.title") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.auth.storeLoginInfo.description") }) })
-                  ] })
-                ] }) }) })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.auth.management.title") }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.auth.strategy.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  designSystem.SingleSelect,
-                  {
-                    value: settings.user_creation_strategy,
-                    onChange: (val) => updateSetting("user_creation_strategy", val),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "email", children: formatMessage({ id: index.getTrad("settings.auth.strategy.email") }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "emailUsername", children: formatMessage({ id: index.getTrad("settings.auth.strategy.emailUsername") }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "manual", children: formatMessage({ id: index.getTrad("settings.auth.strategy.manual") }) })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "neutral100", style: { borderRadius: "4px", marginTop: "8px", border: "1px solid rgba(128, 128, 128, 0.2)" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.auth.strategy.current") }, {
-                  strategy: settings.user_creation_strategy === "email" ? formatMessage({ id: index.getTrad("settings.auth.strategy.email") }) : settings.user_creation_strategy === "emailUsername" ? formatMessage({ id: index.getTrad("settings.auth.strategy.emailUsername") }) : formatMessage({ id: index.getTrad("settings.auth.strategy.manual") })
-                }) }) })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.auth.jwtExpiration.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.auth.jwtExpiration.hint") }),
-                    value: settings.jwt_token_expires_in,
-                    onChange: (e) => updateSetting("jwt_token_expires_in", e.target.value),
-                    placeholder: formatMessage({ id: index.getTrad("settings.auth.jwtExpiration.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "success50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "success700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.auth.jwtExpiration.examples") }) }) })
-              ] }) })
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "email", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Accordion.Trigger,
-            {
-              icon: icons.Mail,
-              description: formatMessage({ id: index.getTrad("settings.section.email.description") }),
-              children: formatMessage({ id: index.getTrad("settings.section.email") })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
-            !emailProviderConfigured && !magicMailInstalled && /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Box,
-              {
-                background: "danger100",
-                padding: 5,
-                style: {
-                  borderRadius: theme.borderRadius.md,
-                  marginBottom: "32px",
-                  border: "2px solid rgba(239, 68, 68, 0.4)",
-                  boxShadow: "0 4px 12px rgba(220, 38, 38, 0.15)"
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { style: { color: "var(--colors-danger600, #DC2626)", width: "24px", height: "24px" } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { color: "var(--colors-danger600, #B91C1C)" }, children: "⚠️ No Email Provider Configured" })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "13px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.6" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Magic Link cannot send emails!" }),
-                    " You need to configure an email provider for the plugin to work."
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { backgroundColor: "rgba(220, 38, 38, 0.3)" } }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", style: { fontSize: "13px", color: "var(--colors-danger600, #991B1B)", marginBottom: "8px" }, children: "📋 Choose one of these options:" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingLeft: 3, children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.8" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "1. Install Nodemailer (Recommended)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                      /* @__PURE__ */ jsxRuntime.jsx("code", { style: {
-                        backgroundColor: "rgba(255,255,255,0.8)",
-                        padding: "2px 6px",
-                        borderRadius: "4px",
-                        fontFamily: "monospace",
-                        fontSize: "11px"
-                      }, children: "npm install @strapi/provider-email-nodemailer" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                      "Then configure in ",
-                      /* @__PURE__ */ jsxRuntime.jsx("code", { children: "config/plugins.js" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "2. Install MagicMail Plugin" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                      "Advanced email routing with OAuth2, multi-account support, and analytics"
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "3. Use other providers" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                      "SendGrid, Mailgun, Amazon SES, or any Strapi email provider"
-                    ] })
-                  ] })
-                ] })
-              }
-            ),
-            (emailProviderConfigured || magicMailInstalled) && /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Box,
-              {
-                background: "success100",
-                padding: 4,
-                style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "2px solid rgba(34, 197, 94, 0.4)" },
-                children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { color: "var(--colors-success600, #16A34A)" } }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", style: { color: "var(--colors-success600, #15803D)" }, children: magicMailInstalled ? "✅ Email Provider: MagicMail (Advanced Routing)" : `✅ Email Provider: ${emailProviderName || "Configured"}` })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.email.sender.title") }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.email.sender.subtitle") }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.email.fromName.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.email.fromName.hint") }),
-                    value: settings.from_name,
-                    onChange: (e) => updateSetting("from_name", e.target.value),
-                    placeholder: formatMessage({ id: index.getTrad("settings.email.fromName.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: formatMessage({ id: index.getTrad("settings.email.fromName.example") }) })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.email.fromEmail.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    type: "email",
-                    hint: formatMessage({ id: index.getTrad("settings.email.fromEmail.hint") }),
-                    value: settings.from_email,
-                    onChange: (e) => updateSetting("from_email", e.target.value),
-                    placeholder: formatMessage({ id: index.getTrad("settings.email.fromEmail.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: formatMessage({ id: index.getTrad("settings.email.fromEmail.note") }) })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.email.responseEmail.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    type: "email",
-                    hint: formatMessage({ id: index.getTrad("settings.email.responseEmail.hint") }),
-                    value: settings.response_email,
-                    onChange: (e) => updateSetting("response_email", e.target.value),
-                    placeholder: formatMessage({ id: index.getTrad("settings.email.responseEmail.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: formatMessage({ id: index.getTrad("settings.email.responseEmail.note") }) })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.email.subject.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.TextInput,
-                  {
-                    hint: formatMessage({ id: index.getTrad("settings.email.subject.hint") }),
-                    value: settings.object,
-                    onChange: (e) => updateSetting("object", e.target.value),
-                    placeholder: formatMessage({ id: index.getTrad("settings.email.subject.placeholder") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: formatMessage({ id: index.getTrad("settings.email.subject.note") }) })
-              ] }) })
-            ] }),
-            emailDesignerInstalled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                designSystem.Box,
-                {
-                  padding: 5,
-                  style: {
-                    borderRadius: theme.borderRadius.lg,
-                    border: "2px solid rgba(16, 185, 129, 0.4)",
-                    marginBottom: "24px",
-                    background: "rgba(16, 185, 129, 0.06)"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, style: { marginBottom: "12px" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { width: "24px", height: "24px", style: { color: "#10b981" } }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", textColor: "success600", children: "Email Designer Integration" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: { backgroundColor: "#10b981", color: "white" }, children: "Active" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "success600", style: { fontSize: "13px" }, children: "Use your beautiful Email Designer 5 templates for Magic Link emails!" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Box,
-                {
-                  background: "neutral0",
-                  padding: 5,
-                  style: {
-                    borderRadius: theme.borderRadius.lg,
-                    border: "2px solid rgba(128, 128, 128, 0.2)",
-                    marginBottom: "24px"
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Item, { col: 12, children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, style: { marginBottom: "8px" }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "15px" }, children: "Use Email Designer Template" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(GreenToggle, { $isActive: settings.use_email_designer || false, children: /* @__PURE__ */ jsxRuntime.jsx(
-                          designSystem.Switch,
-                          {
-                            checked: settings.use_email_designer || false,
-                            onCheckedChange: (checked) => updateSetting("use_email_designer", checked)
-                          }
-                        ) })
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px" }, children: "Enable to use a professionally designed template from Email Designer 5" })
-                    ] }),
-                    settings.use_email_designer && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Item, { col: 12, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "16px", marginTop: "8px" } }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "12px", display: "block", fontSize: "14px" }, children: "📋 Select Your Template" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        designSystem.Box,
-                        {
-                          padding: 4,
-                          background: "primary50",
-                          style: {
-                            borderRadius: "8px",
-                            border: "2px solid rgba(14, 165, 233, 0.3)",
-                            marginBottom: "16px"
-                          },
-                          children: /* @__PURE__ */ jsxRuntime.jsx(
-                            designSystem.SingleSelect,
-                            {
-                              value: settings.email_designer_template_id,
-                              onChange: (value) => {
-                                updateSetting("email_designer_template_id", value);
-                                toggleNotification({
-                                  type: "success",
-                                  message: "✅ Email Designer template selected!"
-                                });
-                              },
-                              placeholder: "Choose a template from Email Designer...",
-                              size: "L",
-                              children: emailTemplates.map((template) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: template.id.toString(), children: [
-                                "📄 ",
-                                template.name || template.subject || `Template #${template.id}`
-                              ] }, template.id))
-                            }
-                          )
-                        }
-                      ),
-                      emailTemplates.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-                        designSystem.Box,
-                        {
-                          background: "success100",
-                          padding: 3,
-                          style: { borderRadius: "6px", border: "1px solid rgba(34, 197, 94, 0.4)" },
-                          children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-success600, #15803D)" }, children: [
-                            "✨ ",
-                            emailTemplates.length,
-                            " template",
-                            emailTemplates.length !== 1 ? "s" : "",
-                            " available"
-                          ] })
-                        }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx(
-                        designSystem.Box,
-                        {
-                          background: "warning100",
-                          padding: 3,
-                          style: { borderRadius: "6px", border: "1px solid rgba(234, 179, 8, 0.4)" },
-                          children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-warning600, #A16207)" }, children: "⚠️ No templates found. Create one in Email Designer 5 first!" })
-                        }
-                      )
-                    ] })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Box,
-                {
-                  background: "warning100",
-                  padding: 3,
-                  style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid rgba(234, 179, 8, 0.4)" },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-warning600, #A16207)" }, children: formatMessage({ id: index.getTrad("settings.email.designer.variables") }) })
-                }
-              )
-            ] }),
-            magicMailInstalled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                designSystem.Box,
-                {
-                  padding: 6,
-                  style: {
-                    borderRadius: "16px",
-                    border: "none",
-                    marginBottom: "24px",
-                    background: "linear-gradient(135deg, #7C3AED 0%, #5B21B6 100%)",
-                    boxShadow: "0 10px 25px rgba(124, 58, 237, 0.3)"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, style: { marginBottom: "12px" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-                        background: "rgba(255, 255, 255, 0.2)",
-                        padding: "10px",
-                        borderRadius: "12px",
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center"
-                      }, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "24px", height: "24px", style: { color: "white" } }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { color: "white", fontSize: "20px" }, children: "MagicMail Integration" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        designSystem.Box,
-                        {
-                          style: {
-                            backgroundColor: "rgba(255, 255, 255, 0.2)",
-                            color: "#FFFFFF",
-                            border: "1px solid rgba(255, 255, 255, 0.5)",
-                            borderRadius: "999px",
-                            padding: "4px 14px",
-                            fontSize: "11px",
-                            fontWeight: 700,
-                            textTransform: "uppercase",
-                            letterSpacing: "0.8px"
-                          },
-                          children: "Active"
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { color: "rgba(255, 255, 255, 0.9)", fontSize: "14px", lineHeight: "1.6" }, children: "Advanced email routing with OAuth2 accounts, automatic failover, and comprehensive analytics" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Box,
-                {
-                  background: "neutral0",
-                  padding: 5,
-                  style: {
-                    borderRadius: theme.borderRadius.lg,
-                    border: "2px solid rgba(128, 128, 128, 0.2)",
-                    marginBottom: "24px"
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, style: { marginBottom: "8px" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "15px" }, children: "Use MagicMail for Sending" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(GreenToggle, { $isActive: settings.use_magic_mail || false, children: /* @__PURE__ */ jsxRuntime.jsx(
-                        designSystem.Switch,
-                        {
-                          checked: settings.use_magic_mail || false,
-                          onCheckedChange: (checked) => updateSetting("use_magic_mail", checked)
-                        }
-                      ) })
-                    ] }) }),
-                    settings.use_magic_mail && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Item, { col: 12, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "20px", marginTop: "16px" } }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(
-                        designSystem.Box,
-                        {
-                          padding: 5,
-                          style: {
-                            borderRadius: "12px",
-                            border: "2px solid rgba(139, 92, 246, 0.3)",
-                            background: "rgba(124, 58, 237, 0.06)",
-                            marginBottom: "16px"
-                          },
-                          children: [
-                            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, style: { marginBottom: "16px" }, children: [
-                              /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-                                background: "linear-gradient(135deg, #7C3AED 0%, #5B21B6 100%)",
-                                padding: "8px",
-                                borderRadius: "8px",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center"
-                              }, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "16px", height: "16px", style: { color: "white" } }) }),
-                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "15px", color: "var(--colors-neutral800, #5B21B6)" }, children: "Select Email Template" })
-                            ] }),
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              designSystem.SingleSelect,
-                              {
-                                value: settings.magic_mail_template_id,
-                                onChange: (value) => {
-                                  updateSetting("magic_mail_template_id", value);
-                                  const selectedTemplate = magicMailTemplates.find((t) => t.id.toString() === value);
-                                  toggleNotification({
-                                    type: "success",
-                                    message: `✅ Template "${selectedTemplate?.name || "Selected"}" is now active!`
-                                  });
-                                },
-                                placeholder: "🔍 Choose a template from MagicMail...",
-                                size: "L",
-                                children: magicMailTemplates.map((template) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: template.id.toString(), children: [
-                                  "📧 ",
-                                  template.name || template.subject || `Template #${template.id}`
-                                ] }, template.id))
-                              }
-                            ),
-                            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral500", style: { fontSize: "12px", marginTop: "12px", display: "block" }, children: "💡 Templates are managed in your MagicMail settings" })
-                          ]
-                        }
-                      )
-                    ] })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Box,
-                {
-                  background: "warning100",
-                  padding: 3,
-                  style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid rgba(234, 179, 8, 0.4)" },
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { width: "14px", height: "14px", style: { color: "var(--colors-warning600, #A16207)", flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-warning600, #A16207)" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Tip:" }),
-                      " MagicMail will use your configured email accounts and routing rules. Make sure you have at least one active account configured in MagicMail settings."
-                    ] })
-                  ] })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: [
-              formatMessage({ id: index.getTrad("settings.email.templates.title") }),
-              emailDesignerInstalled && settings.use_email_designer && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: { marginLeft: "8px", backgroundColor: "rgba(128, 128, 128, 0.3)" }, children: formatMessage({ id: index.getTrad("settings.email.designer.fallbackBadge") }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: emailDesignerInstalled && settings.use_email_designer ? formatMessage({ id: index.getTrad("settings.email.designer.fallbackDescription") }) : formatMessage({ id: index.getTrad("settings.email.templates.subtitle") }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              designSystem.Box,
-              {
-                background: "primary100",
-                padding: 3,
-                style: { borderRadius: theme.borderRadius.md, marginBottom: "16px", border: "2px solid rgba(14, 165, 233, 0.3)" },
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "12px" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { color: "var(--colors-primary600, #075985)", fontSize: "13px" }, children: [
-                      "📋 ",
-                      formatMessage({ id: index.getTrad("settings.email.placeholders.title") })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.email.placeholders.clickToCopy") }) })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(PlaceholderGrid, { children: placeholderList.map((placeholder) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    PlaceholderTile,
-                    {
-                      onClick: () => {
-                        navigator.clipboard.writeText(placeholder.code);
-                        toggleNotification({
-                          type: "success",
-                          message: formatMessage({ id: index.getTrad("settings.email.placeholders.copied") }, { placeholder: placeholder.code })
-                        });
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", justifyContent: "space-between", style: { marginBottom: "6px" }, children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: {
-                            fontFamily: "monospace",
-                            fontSize: "13px",
-                            color: "var(--colors-primary600, #075985)",
-                            fontWeight: "bold",
-                            wordBreak: "break-all"
-                          }, children: placeholder.code }),
-                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { size: "S", style: { backgroundColor: "#0EA5E9", color: "white" }, children: formatMessage({ id: index.getTrad("settings.email.placeholders.copyLabel") }) })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", lineHeight: "1.4", flexGrow: 1 }, children: placeholder.desc }),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { fontSize: "9px", color: "#999", fontFamily: "monospace", marginTop: "6px" }, children: placeholder.example })
-                      ]
-                    },
-                    placeholder.code
-                  )) })
-                ]
-              }
-            ),
-            !settings.use_magic_mail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                designSystem.Box,
-                {
-                  background: "neutral0",
-                  padding: 5,
-                  style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(14, 165, 233, 0.4)", marginBottom: "24px", background: "rgba(14, 165, 233, 0.06)" },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, style: { marginBottom: "12px" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "20px", height: "20px", style: { color: "#0EA5E9" } }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { color: "var(--colors-primary600, #0369A1)" }, children: "Email Template Gallery" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: { backgroundColor: "#0EA5E9", color: "white" }, children: "New" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", fontSize: "13px" }, children: "Choose from our professionally designed templates. Click to instantly load a beautiful template!" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.Box,
-                      {
-                        style: {
-                          display: "grid",
-                          gridTemplateColumns: "repeat(auto-fit, minmax(190px, 1fr))",
-                          gap: "12px"
-                        },
-                        children: getTemplateList().map((template) => {
-                          const isActive = selectedTemplateKey === template.value;
-                          return /* @__PURE__ */ jsxRuntime.jsxs(
-                            designSystem.Box,
-                            {
-                              role: "button",
-                              tabIndex: 0,
-                              background: "neutral0",
-                              style: {
-                                borderRadius: "10px",
-                                border: `2px solid ${isActive ? "rgba(2, 132, 199, 0.6)" : "rgba(128, 128, 128, 0.2)"}`,
-                                cursor: "pointer",
-                                transition: "all 0.2s",
-                                padding: "16px",
-                                minHeight: "110px",
-                                boxShadow: isActive ? "0 8px 20px rgba(2, 132, 199, 0.25)" : "0 2px 6px rgba(15, 23, 42, 0.08)",
-                                background: isActive ? "rgba(14, 165, 233, 0.08)" : "rgba(128, 128, 128, 0.04)",
-                                outline: "none",
-                                display: "flex",
-                                flexDirection: "column",
-                                justifyContent: "space-between"
-                              },
-                              onClick: () => {
-                                const selectedTemplate = getTemplate(template.value);
-                                setSelectedTemplateKey(template.value);
-                                setSettings((prev) => ({
-                                  ...prev,
-                                  message_html: selectedTemplate.html,
-                                  message_text: selectedTemplate.text
-                                }));
-                                toggleNotification({
-                                  type: "success",
-                                  message: `✨ Template "${template.label}" loaded!`
-                                });
-                              },
-                              onKeyDown: (e) => {
-                                if (e.key === "Enter" || e.key === " ") {
-                                  e.preventDefault();
-                                  const selectedTemplate = getTemplate(template.value);
-                                  setSelectedTemplateKey(template.value);
-                                  setSettings((prev) => ({
-                                    ...prev,
-                                    message_html: selectedTemplate.html,
-                                    message_text: selectedTemplate.text
-                                  }));
-                                  toggleNotification({
-                                    type: "success",
-                                    message: `✨ Template "${template.label}" loaded!`
-                                  });
-                                }
-                              },
-                              children: [
-                                /* @__PURE__ */ jsxRuntime.jsx(
-                                  designSystem.Typography,
-                                  {
-                                    variant: "pi",
-                                    fontWeight: "bold",
-                                    style: {
-                                      marginBottom: "6px",
-                                      display: "block",
-                                      fontSize: "14px",
-                                      color: isActive ? "#0F172A" : "#111827"
-                                    },
-                                    children: template.label
-                                  }
-                                ),
-                                /* @__PURE__ */ jsxRuntime.jsx(
-                                  designSystem.Typography,
-                                  {
-                                    variant: "omega",
-                                    textColor: "neutral600",
-                                    style: { fontSize: "12px", lineHeight: "1.4" },
-                                    children: template.preview
-                                  }
-                                )
-                              ]
-                            },
-                            template.value
-                          );
-                        })
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 8, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  designSystem.Box,
-                  {
-                    background: "neutral0",
-                    padding: 6,
-                    style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(128, 128, 128, 0.2)", width: "100%" },
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { fontSize: "18px" }, children: formatMessage({ id: index.getTrad("settings.email.html.title") }) }),
-                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { variant: "success", children: formatMessage({ id: index.getTrad("settings.email.html.badge") }) })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          designSystem.Button,
-                          {
-                            variant: "tertiary",
-                            size: "S",
-                            onClick: () => {
-                              const defaultTemplate = `<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-</head>
-<body style="font-family: Arial, sans-serif; padding: 20px;">
-  <h2>Magic Link Login</h2>
-  <p>${formatMessage({ id: index.getTrad("settings.email.placeholders.url.description") })}</p>
-  <p><a href="<%= URL %>?loginToken=<%= CODE %>">${language === "de" ? "Jetzt anmelden" : "Sign in now"}</a></p>
-  <p style="color: #666; font-size: 14px;">${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1 hour."}</p>
-</body>
-</html>`;
-                              updateSetting("message_html", defaultTemplate);
-                              toggleNotification({ type: "success", message: formatMessage({ id: index.getTrad("settings.email.html.defaultLoaded") }) });
-                            },
-                            children: formatMessage({ id: index.getTrad("settings.email.html.loadDefault") })
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", display: "block", fontSize: "14px" }, children: formatMessage({ id: index.getTrad("settings.email.html.description") }) }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(
-                        designSystem.Box,
-                        {
-                          style: {
-                            border: "2px solid rgba(128, 128, 128, 0.2)",
-                            borderRadius: "6px",
-                            overflow: "hidden",
-                            background: "#1e1e1e",
-                            height: "700px",
-                            display: "flex",
-                            flexDirection: "column"
-                          },
-                          children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              designSystem.Box,
-                              {
-                                padding: 2,
-                                background: "neutral700",
-                                style: { borderBottom: "1px solid #333", flexShrink: 0 },
-                                children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { color: "#888", fontSize: "11px", fontFamily: "monospace" }, children: formatMessage({ id: index.getTrad("settings.email.html.filename") }) })
-                              }
-                            ),
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              "textarea",
-                              {
-                                value: settings.message_html,
-                                onChange: (e) => updateSetting("message_html", e.target.value),
-                                style: {
-                                  fontFamily: 'Monaco, Consolas, "Courier New", monospace',
-                                  height: "100%",
-                                  fontSize: "14px",
-                                  lineHeight: "1.8",
-                                  background: "#1e1e1e",
-                                  color: "#d4d4d4",
-                                  border: "none",
-                                  padding: "20px",
-                                  resize: "none",
-                                  width: "100%",
-                                  boxSizing: "border-box",
-                                  outline: "none",
-                                  margin: 0,
-                                  display: "block",
-                                  overflow: "auto"
-                                },
-                                placeholder: formatMessage({ id: index.getTrad("settings.email.html.placeholder") })
-                              }
-                            )
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, style: { marginTop: "12px" }, wrap: "wrap", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          designSystem.Button,
-                          {
-                            variant: "secondary",
-                            size: "S",
-                            onClick: () => {
-                              navigator.clipboard.writeText(settings.message_html);
-                              toggleNotification({ type: "success", message: formatMessage({ id: index.getTrad("settings.email.html.copy") }) + "!" });
-                            },
-                            children: formatMessage({ id: index.getTrad("settings.email.html.copy") })
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          designSystem.Button,
-                          {
-                            variant: "tertiary",
-                            size: "S",
-                            onClick: () => {
-                              const lines = settings.message_html.split("\n").length;
-                              const chars = settings.message_html.length;
-                              toggleNotification({
-                                type: "info",
-                                message: formatMessage({ id: index.getTrad("settings.email.html.stats") }, { lines, chars })
-                              });
-                            },
-                            children: formatMessage({ id: index.getTrad("settings.email.html.info") })
-                          }
-                        )
-                      ] })
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  designSystem.Box,
-                  {
-                    background: "neutral0",
-                    padding: 6,
-                    style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(128, 128, 128, 0.2)", width: "100%" },
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { fontSize: "18px" }, children: formatMessage({ id: index.getTrad("settings.email.text.title") }) }),
-                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { variant: "secondary", children: formatMessage({ id: index.getTrad("settings.email.text.badge") }) })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          designSystem.Button,
-                          {
-                            variant: "tertiary",
-                            size: "S",
-                            onClick: () => {
-                              const defaultTemplate = `${language === "de" ? "Hallo" : "Hello"},
-
-${language === "de" ? "Klicke auf den folgenden Link, um dich anzumelden" : "Click the following link to sign in"}:
-
-<%= URL %>?loginToken=<%= CODE %>
-
-${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1 hour."}`;
-                              updateSetting("message_text", defaultTemplate);
-                              toggleNotification({ type: "success", message: formatMessage({ id: index.getTrad("settings.email.text.defaultLoaded") }) });
-                            },
-                            children: formatMessage({ id: index.getTrad("settings.email.text.loadDefault") })
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", display: "block", fontSize: "14px" }, children: formatMessage({ id: index.getTrad("settings.email.text.description") }) }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(
-                        designSystem.Box,
-                        {
-                          style: {
-                            border: "2px solid rgba(128, 128, 128, 0.2)",
-                            borderRadius: "6px",
-                            overflow: "hidden",
-                            background: "var(--colors-neutral100, #f5f5f5)",
-                            height: "500px",
-                            display: "flex",
-                            flexDirection: "column"
-                          },
-                          children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              designSystem.Box,
-                              {
-                                padding: 2,
-                                background: "neutral200",
-                                style: { borderBottom: "1px solid rgba(128, 128, 128, 0.2)", flexShrink: 0 },
-                                children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { color: "#666", fontSize: "11px", fontFamily: "monospace" }, children: formatMessage({ id: index.getTrad("settings.email.text.filename") }) })
-                              }
-                            ),
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              "textarea",
-                              {
-                                value: settings.message_text,
-                                onChange: (e) => updateSetting("message_text", e.target.value),
-                                style: {
-                                  fontFamily: 'Monaco, Consolas, "Courier New", monospace',
-                                  height: "100%",
-                                  fontSize: "14px",
-                                  lineHeight: "1.8",
-                                  background: "var(--colors-neutral100, #f5f5f5)",
-                                  color: "var(--colors-neutral800, #1f2937)",
-                                  border: "none",
-                                  padding: "20px",
-                                  resize: "none",
-                                  width: "100%",
-                                  boxSizing: "border-box",
-                                  outline: "none",
-                                  margin: 0,
-                                  display: "block",
-                                  overflow: "auto"
-                                },
-                                placeholder: formatMessage({ id: index.getTrad("settings.email.text.placeholder") })
-                              }
-                            )
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, style: { marginTop: "12px" }, wrap: "wrap", children: /* @__PURE__ */ jsxRuntime.jsx(
-                        designSystem.Button,
-                        {
-                          variant: "secondary",
-                          size: "S",
-                          onClick: () => {
-                            navigator.clipboard.writeText(settings.message_text);
-                            toggleNotification({ type: "success", message: formatMessage({ id: index.getTrad("settings.email.text.copy") }) + "!" });
-                          },
-                          children: formatMessage({ id: index.getTrad("settings.email.text.copy") })
-                        }
-                      ) })
-                    ]
-                  }
-                ) })
-              ] })
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "advanced", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Accordion.Trigger,
-            {
-              icon: icons.Code,
-              description: formatMessage({ id: index.getTrad("settings.section.advanced.description") }),
-              children: formatMessage({ id: index.getTrad("settings.section.advanced") })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.advanced.title") }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.advanced.subtitle") }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.allow_magic_links_on_public_registration, $statusLabel: settings.allow_magic_links_on_public_registration ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Switch,
-                {
-                  checked: settings.allow_magic_links_on_public_registration,
-                  onCheckedChange: (checked) => updateSetting("allow_magic_links_on_public_registration", checked),
-                  size: "L"
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.advanced.publicRegistration.title") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.advanced.publicRegistration.description") }) })
-              ] })
-            ] }) }) }) })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "mfa", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Accordion.Trigger,
-            {
-              icon: icons.Shield,
-              description: "Multi-Factor Authentication & Login Modes (Advanced)",
-              children: "MFA & Login Modes"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              designSystem.Box,
-              {
-                background: "neutral100",
-                padding: 4,
-                style: {
-                  borderRadius: theme.borderRadius.md,
-                  marginBottom: "24px",
-                  border: "2px solid rgba(128, 128, 128, 0.2)"
-                },
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, style: { marginBottom: "8px" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.Shield, { width: "20px", height: "20px", style: { color: "#16A34A" } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px" }, children: "All authentication modes are available" })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.5" }, children: [
-                    "💡 ",
-                    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Wähle deinen Login-Modus:" }),
-                    " Magic Link (schnell), Email OTP (sicherer) oder TOTP Authenticator (höchste Sicherheit)"
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral800)" }, children: "Choose Authentication Mode" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, style: { marginBottom: "24px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, style: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                ToggleCard,
-                {
-                  $active: !settings.otp_enabled && !settings.mfa_require_totp && !settings.totp_as_primary_auth || settings.otp_enabled && !["premium", "advanced", "enterprise"].includes(licenseInfo?.tier) || settings.mfa_require_totp && !["advanced", "enterprise"].includes(licenseInfo?.tier),
-                  $statusLabel: !settings.otp_enabled && !settings.mfa_require_totp && !settings.totp_as_primary_auth || settings.otp_enabled && !["premium", "advanced", "enterprise"].includes(licenseInfo?.tier) || settings.mfa_require_totp && !["advanced", "enterprise"].includes(licenseInfo?.tier) ? "ACTIVE" : "OFF",
-                  onClick: () => {
-                    updateSetting("otp_enabled", false);
-                    updateSetting("mfa_require_totp", false);
-                    updateSetting("totp_as_primary_auth", false);
-                  },
-                  style: { cursor: "pointer", minHeight: "160px", width: "100%", display: "flex", flexDirection: "column", justifyContent: "space-between" },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { $bgColor: "rgba(2, 132, 199, 0.12)", $iconColor: "var(--colors-primary600, #0284C7)", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Link, {}) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Magic Link Only" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginBottom: "12px" }, children: "Ein-Klick-Login per E-Mail. Schnell und benutzerfreundlich." }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "10px", color: "var(--colors-primary600, #0284C7)", display: "block", marginBottom: "8px" }, children: [
-                        "✓ Keine Passwörter",
-                        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                        "✓ Schneller Login",
-                        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                        "✓ Immer verfügbar"
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: {
-                      marginTop: "8px",
-                      backgroundColor: "var(--colors-primary600, #0284C7)",
-                      color: "white",
-                      fontWeight: "600",
-                      fontSize: "11px",
-                      padding: "4px 10px"
-                    }, children: "Free" }),
-                    !(!settings.otp_enabled && !settings.mfa_require_totp && !settings.totp_as_primary_auth) && /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.Button,
-                      {
-                        variant: "secondary",
-                        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
-                        onClick: async (e) => {
-                          e.stopPropagation();
-                          try {
-                            const newSettings = {
-                              ...settings,
-                              otp_enabled: false,
-                              mfa_require_totp: false,
-                              totp_as_primary_auth: false
-                            };
-                            await put("/magic-link/settings", newSettings);
-                            setSettings(newSettings);
-                            toggleNotification({
-                              type: "success",
-                              message: "✅ Modus geändert: Magic Link Only"
-                            });
-                          } catch (error) {
-                            console.error("Error saving mode:", error);
-                            toggleNotification({
-                              type: "danger",
-                              message: "❌ Fehler beim Speichern"
-                            });
-                          }
-                        },
-                        style: { marginTop: "12px", width: "100%" },
-                        children: "Aktivieren"
-                      }
-                    )
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, style: { display: "flex", position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                ToggleCard,
-                {
-                  $active: settings.otp_enabled && !settings.mfa_require_totp && ["premium", "advanced", "enterprise"].includes(licenseInfo?.tier),
-                  $statusLabel: settings.otp_enabled && !settings.mfa_require_totp && ["premium", "advanced", "enterprise"].includes(licenseInfo?.tier) ? "ACTIVE" : !["premium", "advanced", "enterprise"].includes(licenseInfo?.tier) ? "🔒 LOCKED" : "OFF",
-                  onClick: () => {
-                    updateSetting("otp_enabled", true);
-                    updateSetting("mfa_require_totp", false);
-                    updateSetting("totp_as_primary_auth", false);
-                  },
-                  style: {
-                    cursor: !["premium", "advanced", "enterprise"].includes(licenseInfo?.tier) ? "not-allowed" : "pointer",
-                    minHeight: "160px",
-                    width: "100%",
-                    display: "flex",
-                    flexDirection: "column",
-                    justifyContent: "space-between",
-                    opacity: !["premium", "advanced", "enterprise"].includes(licenseInfo?.tier) ? 0.6 : 1,
-                    position: "relative"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { $bgColor: "rgba(124, 58, 237, 0.1)", $iconColor: "#7C3AED", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, {}) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Magic Link + Email OTP" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginBottom: "12px" }, children: "Extra Sicherheit: 6-stelliger Code nach dem Klicken des Magic Links." }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "10px", color: "#7C3AED", display: "block", marginBottom: "8px" }, children: [
-                        "✓ Email-Code Verifikation",
-                        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                        "✓ Konfigurierbare Code-Länge",
-                        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                        "✓ Ablaufzeit einstellbar"
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: {
-                      marginTop: "8px",
-                      backgroundColor: "#5B21B6",
-                      color: "#FAF5FF",
-                      fontWeight: "600",
-                      fontSize: "11px",
-                      padding: "4px 10px",
-                      border: "1px solid #4C1D95"
-                    }, children: "Premium" }),
-                    ["premium", "advanced", "enterprise"].includes(licenseInfo?.tier) && !(settings.otp_enabled && !settings.mfa_require_totp) && /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.Button,
-                      {
-                        variant: "secondary",
-                        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
-                        onClick: async (e) => {
-                          e.stopPropagation();
-                          try {
-                            const newSettings = {
-                              ...settings,
-                              otp_enabled: true,
-                              mfa_require_totp: false,
-                              totp_as_primary_auth: false
-                            };
-                            await put("/magic-link/settings", newSettings);
-                            setSettings(newSettings);
-                            toggleNotification({
-                              type: "success",
-                              message: "✅ Modus geändert: Magic Link + Email OTP"
-                            });
-                          } catch (error) {
-                            console.error("Error saving mode:", error);
-                            toggleNotification({
-                              type: "danger",
-                              message: "❌ Fehler beim Speichern"
-                            });
-                          }
-                        },
-                        style: { marginTop: "12px", width: "100%" },
-                        children: "Aktivieren"
-                      }
-                    )
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, style: { display: "flex", position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                ToggleCard,
-                {
-                  $active: settings.mfa_require_totp && ["advanced", "enterprise"].includes(licenseInfo?.tier),
-                  $statusLabel: settings.mfa_require_totp && ["advanced", "enterprise"].includes(licenseInfo?.tier) ? "ACTIVE" : !["advanced", "enterprise"].includes(licenseInfo?.tier) ? "🔒 LOCKED" : "OFF",
-                  onClick: () => {
-                    updateSetting("otp_enabled", false);
-                    updateSetting("mfa_require_totp", true);
-                    updateSetting("totp_as_primary_auth", false);
-                  },
-                  style: {
-                    cursor: !["advanced", "enterprise"].includes(licenseInfo?.tier) ? "not-allowed" : "pointer",
-                    minHeight: "160px",
-                    width: "100%",
-                    display: "flex",
-                    flexDirection: "column",
-                    justifyContent: "space-between",
-                    opacity: !["advanced", "enterprise"].includes(licenseInfo?.tier) ? 0.6 : 1,
-                    position: "relative"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { $bgColor: "rgba(217, 119, 6, 0.1)", $iconColor: "#D97706", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Lock, {}) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Magic Link + TOTP (MFA)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginBottom: "12px" }, children: "Höchste Sicherheit: Magic Link + Authenticator App (Google Authenticator, Authy)." }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "10px", color: "#D97706", display: "block", marginBottom: "8px" }, children: [
-                        "✓ TOTP Authenticator App",
-                        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                        "✓ QR-Code Setup",
-                        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                        "✓ 30s Code-Rotation"
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: {
-                      marginTop: "8px",
-                      backgroundColor: "#92400E",
-                      color: "#FEFCE8",
-                      fontWeight: "600",
-                      fontSize: "11px",
-                      padding: "4px 10px",
-                      border: "1px solid #78350F"
-                    }, children: "Advanced" }),
-                    ["advanced", "enterprise"].includes(licenseInfo?.tier) && !settings.mfa_require_totp && /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.Button,
-                      {
-                        variant: "secondary",
-                        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
-                        onClick: async (e) => {
-                          e.stopPropagation();
-                          try {
-                            const newSettings = {
-                              ...settings,
-                              otp_enabled: false,
-                              mfa_require_totp: true,
-                              totp_as_primary_auth: false
-                            };
-                            await put("/magic-link/settings", newSettings);
-                            setSettings(newSettings);
-                            toggleNotification({
-                              type: "success",
-                              message: "✅ Modus geändert: Magic Link + TOTP (MFA)"
-                            });
-                          } catch (error) {
-                            console.error("Error saving mode:", error);
-                            toggleNotification({
-                              type: "danger",
-                              message: "❌ Fehler beim Speichern"
-                            });
-                          }
-                        },
-                        style: { marginTop: "12px", width: "100%" },
-                        children: "Aktivieren"
-                      }
-                    )
-                  ]
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
-            settings.otp_enabled && !settings.mfa_require_totp && ["premium", "advanced", "enterprise"].includes(licenseInfo?.tier) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                designSystem.Box,
-                {
-                  background: "primary100",
-                  padding: 4,
-                  style: {
-                    borderRadius: theme.borderRadius.md,
-                    marginBottom: "24px",
-                    border: "1px solid rgba(14, 165, 233, 0.3)"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, style: { marginBottom: "8px" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "18px", height: "18px", style: { color: "var(--colors-primary600, #075985)" } }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { color: "var(--colors-primary600, #075985)" }, children: "Email OTP Einstellungen" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-primary600, #075985)", lineHeight: "1.6" }, children: "Konfiguriere hier, wie der OTP-Code per E-Mail verschickt wird. Benutzer erhalten nach dem Klick auf den Magic Link einen zusätzlichen Verifikationscode per E-Mail." })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: "Code-Einstellungen" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "24px" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "📧 Versandmethode" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    designSystem.SingleSelect,
-                    {
-                      value: settings.otp_type || "email",
-                      onChange: (value) => updateSetting("otp_type", value),
-                      placeholder: "Wähle Versandmethode",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "email", children: "E-Mail OTP (Premium)" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "sms", children: "SMS OTP (Advanced)" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "totp", children: "Authenticator App (Advanced)" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: "Wie sollen Benutzer den Verifikationscode erhalten?" })
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "🔢 Code-Länge" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.NumberInput,
-                    {
-                      value: settings.otp_length || 6,
-                      onValueChange: (value) => updateSetting("otp_length", value),
-                      placeholder: "6",
-                      min: 4,
-                      max: 8
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: "Anzahl der Ziffern (4-8). Standard: 6 Ziffern" })
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "⏱️ Gültigkeit (Sekunden)" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.NumberInput,
-                    {
-                      value: settings.otp_expiry || 300,
-                      onValueChange: (value) => updateSetting("otp_expiry", value),
-                      placeholder: "300"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: "Wie lange ist der Code gültig? Standard: 300s (5 Min)" })
-                ] }) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "24px" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "⚠️ Max. Fehlversuche" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.NumberInput,
-                    {
-                      value: settings.otp_max_attempts || 3,
-                      onValueChange: (value) => updateSetting("otp_max_attempts", value),
-                      placeholder: "3"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: "Nach wie vielen Fehlversuchen wird der Code ungültig? Standard: 3" })
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "🔄 Wartezeit für neuen Code" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.NumberInput,
-                    {
-                      value: settings.otp_resend_cooldown || 60,
-                      onValueChange: (value) => updateSetting("otp_resend_cooldown", value),
-                      placeholder: "60"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: "Wie lange muss der Benutzer warten, bevor ein neuer Code angefordert werden kann? Standard: 60s" })
-                ] }) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Box,
-                {
-                  background: "success100",
-                  padding: 4,
-                  style: { borderRadius: theme.borderRadius.md, border: "1px solid rgba(34, 197, 94, 0.3)", marginBottom: "24px" },
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", style: { marginBottom: "12px" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { width: "16px", height: "16px", style: { color: "var(--colors-success600, #15803D)", flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "13px", color: "var(--colors-success600, #15803D)", marginBottom: "6px", display: "block" }, children: "So funktioniert's:" }),
-                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-success600, #15803D)", lineHeight: "1.6" }, children: [
-                        "1. Benutzer klickt auf Magic Link in der E-Mail",
-                        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                        "2. Wird zu OTP-Verifikationsseite weitergeleitet",
-                        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                        "3. Gibt den ",
-                        settings.otp_length || 6,
-                        "-stelligen Code ein, der an ",
-                        settings.otp_type === "sms" ? "sein Telefon" : "seine E-Mail",
-                        " gesendet wurde",
-                        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                        "4. Nach erfolgreicher Verifikation ist der Benutzer eingeloggt"
-                      ] })
-                    ] })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "flex-start", gap: 4, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { flex: "1", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, style: { marginBottom: "8px" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { width: "16px", height: "16px", style: { color: "#D97706" } }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: "Enable TOTP-Only Login" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: {
-                    backgroundColor: "#92400E",
-                    color: "#FEFCE8",
-                    fontWeight: "600",
-                    fontSize: "11px",
-                    padding: "3px 8px",
-                    border: "1px solid #78350F"
-                  }, children: "Advanced" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginBottom: "12px" }, children: "Allow users to login with Email + TOTP code directly, without waiting for magic link email." }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { width: "14px", height: "14px", style: { color: "var(--colors-warning600, #A16207)", flexShrink: 0, marginTop: "2px" } }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "11px", color: "var(--colors-warning600, #A16207)" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Fast login:" }),
-                    " Users open authenticator app, enter code → instant login (no email needed)"
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(GreenToggle, { $isActive: settings.totp_as_primary_auth, children: /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Switch,
-                {
-                  checked: settings.totp_as_primary_auth || false,
-                  onCheckedChange: (checked) => {
-                    updateSetting("totp_as_primary_auth", checked);
-                  }
-                }
-              ) })
-            ] }) }),
-            (settings.mfa_require_totp || settings.totp_as_primary_auth) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: "TOTP Configuration" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Issuer Name" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.TextInput,
-                    {
-                      value: settings.totp_issuer || "Magic Link",
-                      onChange: (e) => updateSetting("totp_issuer", e.target.value),
-                      placeholder: "Magic Link"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: 'Displayed in authenticator apps (e.g., "MyApp")' })
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Code Digits" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    designSystem.SingleSelect,
-                    {
-                      value: settings.totp_digits?.toString() || "6",
-                      onChange: (value) => updateSetting("totp_digits", parseInt(value)),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "6", children: "6 digits" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "8", children: "8 digits" })
-                      ]
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Time Period (s)" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.NumberInput,
-                    {
-                      value: settings.totp_period || 30,
-                      onValueChange: (value) => updateSetting("totp_period", value),
-                      placeholder: "30"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "6px" }, children: "Default: 30 seconds" })
-                ] }) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Box,
-                {
-                  background: "success100",
-                  padding: 4,
-                  style: { borderRadius: theme.borderRadius.md, border: "1px solid rgba(34, 197, 94, 0.3)", marginTop: "16px" },
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.Key, { width: "14px", height: "14px", style: { color: "var(--colors-success600, #15803D)", flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-success600, #15803D)" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "How it works:" }),
-                      " Users scan QR code with Google Authenticator, Authy, or any TOTP app. They'll get a new 6-digit code every 30 seconds."
-                    ] })
-                  ] })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginTop: "24px", marginBottom: "24px" } }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              designSystem.Box,
-              {
-                background: "primary100",
-                padding: 4,
-                style: { borderRadius: theme.borderRadius.md, border: "2px solid rgba(14, 165, 233, 0.3)" },
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", style: { marginBottom: "8px" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { width: "16px", height: "16px", style: { color: "var(--colors-primary600, #075985)" } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { color: "var(--colors-primary600, #075985)" }, children: "Current Configuration:" })
-                  ] }),
-                  !settings.otp_enabled && !settings.mfa_require_totp && !settings.totp_as_primary_auth && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.Link, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "Users login with Magic Link only (one-click email login)" })
-                  ] }),
-                  settings.otp_enabled && !settings.mfa_require_totp && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "Users click Magic Link → Enter 6-digit code from email" })
-                  ] }),
-                  settings.mfa_require_totp && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.Lock, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "Users click Magic Link → Enter code from authenticator app (MFA)" })
-                  ] }),
-                  settings.totp_as_primary_auth && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", style: { marginTop: settings.mfa_require_totp ? "8px" : "0" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "+ TOTP-only login enabled (users can skip email and login with code directly)" })
-                  ] })
-                ]
-              }
-            )
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "ratelimit", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Accordion.Trigger,
-            {
-              icon: icons.Shield,
-              description: formatMessage({ id: index.getTrad("settings.section.rateLimit.description") }),
-              children: formatMessage({ id: index.getTrad("settings.section.rateLimit") })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.title") }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.subtitle") }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.rate_limit_enabled, $statusLabel: settings.rate_limit_enabled ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Switch,
-                  {
-                    checked: settings.rate_limit_enabled,
-                    onCheckedChange: (checked) => updateSetting("rate_limit_enabled", checked),
-                    size: "L"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.enable.title") }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.enable.description") }) })
-                ] })
-              ] }) }) }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.config.title") }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.maxAttempts.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.NumberInput,
-                  {
-                    name: "rate_limit_max_attempts",
-                    hint: formatMessage({ id: index.getTrad("settings.rateLimit.maxAttempts.hint") }),
-                    value: settings.rate_limit_max_attempts,
-                    onValueChange: (val) => updateSetting("rate_limit_max_attempts", val),
-                    min: 1,
-                    max: 100
-                  }
-                )
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.windowMinutes.label") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.NumberInput,
-                  {
-                    name: "rate_limit_window_minutes",
-                    hint: formatMessage({ id: index.getTrad("settings.rateLimit.windowMinutes.hint") }),
-                    value: settings.rate_limit_window_minutes,
-                    onValueChange: (val) => updateSetting("rate_limit_window_minutes", val),
-                    min: 1,
-                    max: 1440
-                  }
-                )
-              ] }) })
-            ] }),
-            rateLimitStats && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.title") }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, wrap: "wrap", justifyContent: "center", style: { marginBottom: "24px" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "neutral100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: "var(--colors-primary600, #0284C7)", fontWeight: "700" }, children: rateLimitStats.totalEntries || 0 }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.total") }) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "danger100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: "var(--colors-danger600, #DC2626)", fontWeight: "700" }, children: rateLimitStats.blocked || 0 }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.blocked") }) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "primary100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: "var(--colors-primary600, #0284C7)", fontWeight: "700" }, children: rateLimitStats.ipLimits || 0 }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.ipLimits") }) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "success100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: "var(--colors-success600, #16A34A)", fontWeight: "700" }, children: rateLimitStats.emailLimits || 0 }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.emailLimits") }) })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, justifyContent: "center", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Button,
-                  {
-                    onClick: handleRateLimitCleanup,
-                    variant: "secondary",
-                    size: "M",
-                    children: formatMessage({ id: index.getTrad("settings.rateLimit.cleanup") })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Button,
-                  {
-                    onClick: handleRateLimitReset,
-                    variant: "danger",
-                    size: "M",
-                    children: formatMessage({ id: index.getTrad("settings.rateLimit.reset") })
-                  }
-                )
-              ] })
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: "compatibility", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Accordion.Trigger,
-            {
-              icon: icons.Link,
-              description: formatMessage({ id: index.getTrad("settings.section.compatibility.description") }),
-              children: formatMessage({ id: index.getTrad("settings.section.compatibility") })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.compatibility.title") }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.compatibility.subtitle") }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Box,
-              {
-                background: "primary100",
-                padding: 4,
-                style: {
-                  borderRadius: theme.borderRadius.md,
-                  marginBottom: "24px",
-                  border: "2px solid rgba(14, 165, 233, 0.3)"
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "flex-start", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(icons.Link, { width: "20px", height: "20px", style: { color: "var(--colors-primary600, #0284C7)", flexShrink: 0, marginTop: "2px" } }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "6px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.compatibility.info.title") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.5" }, children: formatMessage({ id: index.getTrad("settings.compatibility.info.description") }) })
-                  ] })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.passwordlessCompatibility, $statusLabel: settings.passwordlessCompatibility ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Switch,
-                  {
-                    checked: settings.passwordlessCompatibility,
-                    onCheckedChange: (checked) => updateSetting("passwordlessCompatibility", checked),
-                    size: "L"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.compatibility.passwordless.title") }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.compatibility.passwordless.description") }) })
-                ] }),
-                settings.passwordlessCompatibility && /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Box,
-                  {
-                    background: "success100",
-                    padding: 3,
-                    style: {
-                      borderRadius: theme.borderRadius.md,
-                      marginTop: "8px",
-                      border: "1px solid rgba(34, 197, 94, 0.3)"
-                    },
-                    children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "11px", fontFamily: "monospace" }, children: [
-                      "POST /api/passwordless/send-link",
-                      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                      "GET /api/passwordless/login"
-                    ] })
-                  }
-                )
-              ] }) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.emailDesignerCompatibility, $statusLabel: settings.emailDesignerCompatibility ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Switch,
-                  {
-                    checked: settings.emailDesignerCompatibility,
-                    onCheckedChange: (checked) => updateSetting("emailDesignerCompatibility", checked),
-                    size: "L"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "6px", display: "block", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.compatibility.emailDesigner.title") }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.4", textAlign: "center" }, children: formatMessage({ id: index.getTrad("settings.compatibility.emailDesigner.description") }) })
-                ] }),
-                settings.emailDesignerCompatibility && /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Box,
-                  {
-                    background: "success100",
-                    padding: 3,
-                    style: {
-                      borderRadius: theme.borderRadius.md,
-                      marginTop: "8px",
-                      border: "1px solid rgba(34, 197, 94, 0.3)"
-                    },
-                    children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "11px" }, children: [
-                      "✓ Email Designer 5 Integration",
-                      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                      "✓ sendTemplatedEmail() Support"
-                    ] })
-                  }
-                )
-              ] }) }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Box,
-              {
-                background: "warning100",
-                padding: 4,
-                style: {
-                  borderRadius: theme.borderRadius.md,
-                  marginTop: "24px",
-                  border: "2px solid rgba(234, 179, 8, 0.4)"
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "flex-start", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(icons.Code, { width: "20px", height: "20px", style: { color: "var(--colors-warning600, #D97706)", flexShrink: 0, marginTop: "2px" } }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "6px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.compatibility.migration.title") }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.5" }, children: formatMessage({ id: index.getTrad("settings.compatibility.migration.description") }) })
-                  ] })
-                ] })
-              }
-            )
-          ] }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Box,
-        {
-          background: "success50",
-          padding: 5,
-          style: { borderRadius: theme.borderRadius.lg, marginTop: "32px", border: "2px solid rgba(34, 197, 94, 0.3)" },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "center", justifyContent: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { width: "24px", height: "24px", color: "var(--colors-success600, #16A34A)" } }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.footer.quickhelp") }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "13px" }, children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: formatMessage({ id: index.getTrad("settings.footer.reminder") }) }) })
-            ] })
-          ] })
-        }
-      )
-    ] })
-  ] });
-};
-const SettingsWithLanguage = () => /* @__PURE__ */ jsxRuntime.jsx(LicenseGuard.LicenseGuard, { children: /* @__PURE__ */ jsxRuntime.jsx(LicenseGuard.LanguageProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(SettingsModern, {}) }) });
-exports.default = SettingsWithLanguage;