npm - strapi-plugin-magic-sessionmanager - Versions diffs - 4.0.0 → 4.0.2 - Mend

strapi-plugin-magic-sessionmanager 4.0.0 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/README.md +2 -2
package/admin/src/components/LicenseGuard.jsx +6 -6
package/admin/src/components/OnlineUsersWidget.jsx +11 -7
package/admin/src/components/SessionDetailModal.jsx +45 -41
package/admin/src/components/SessionInfoCard.jsx +3 -3
package/admin/src/components/SessionInfoPanel.jsx +31 -21
package/admin/src/index.js +9 -0
package/admin/src/pages/Analytics.jsx +2 -2
package/admin/src/pages/HomePage.jsx +129 -165
package/admin/src/pages/License.jsx +5 -5
package/admin/src/pages/Settings.jsx +148 -144
package/admin/src/pages/SettingsNew.jsx +21 -21
package/admin/src/pages/UpgradePage.jsx +448 -0
package/admin/src/pluginId.js +1 -0
package/admin/src/translations/de.json +294 -15
package/admin/src/translations/en.json +293 -14
package/admin/src/translations/es.json +284 -18
package/admin/src/translations/fr.json +284 -18
package/admin/src/translations/pt.json +284 -18
package/admin/src/utils/parseUserAgent.js +6 -6
package/admin/src/utils/theme.js +85 -0
package/dist/_chunks/{Analytics-mYu_uGwU.mjs → Analytics-DTE_zmRV.mjs} +4 -4
package/dist/_chunks/{Analytics-ioaeEh-E.js → Analytics-lw_JaOVy.js} +4 -4
package/dist/_chunks/{App-DdnUYWbC.js → App-DDKYCjKw.js} +221 -216
package/dist/_chunks/{App-BXpIS12l.mjs → App-DJW1ZNl5.mjs} +221 -216
package/dist/_chunks/{License-C03C2j9P.mjs → License-DaOFuImm.mjs} +6 -10
package/dist/_chunks/{License-DZYrOgcx.js → License-Tk-6UfPl.js} +6 -10
package/dist/_chunks/{OnlineUsersWidget-B8JS1xZu.js → OnlineUsersWidget-C1qTpsws.js} +11 -7
package/dist/_chunks/{OnlineUsersWidget-ArMl0nen.mjs → OnlineUsersWidget-CADphbXG.mjs} +11 -7
package/dist/_chunks/{Settings-0ocB3qHk.mjs → Settings-C9xvckgq.mjs} +200 -188
package/dist/_chunks/{Settings-C6_CqpCC.js → Settings-DyEAuTNQ.js} +200 -188
package/dist/_chunks/UpgradePage-Dssk8A0Z.js +354 -0
package/dist/_chunks/UpgradePage-cINvE9zY.mjs +352 -0
package/dist/_chunks/de-CDA1V0rF.mjs +292 -0
package/dist/_chunks/de-I-Q-pWqu.js +292 -0
package/dist/_chunks/en-Bd7_h-4e.js +292 -0
package/dist/_chunks/en-DzmOCyzQ.mjs +292 -0
package/dist/_chunks/es-BcAx18XG.js +277 -0
package/dist/_chunks/es-Cx-SN6qV.mjs +277 -0
package/dist/_chunks/fr-DCzYMuJ-.js +277 -0
package/dist/_chunks/fr-DXlXE5Eo.mjs +277 -0
package/dist/_chunks/{index-DC8Y0qxx.js → index-CWcvrfXc.js} +52 -49
package/dist/_chunks/{index-DBRS3kt5.mjs → index-DQO9bNP7.mjs} +52 -49
package/dist/_chunks/pt-21-MAb72.js +277 -0
package/dist/_chunks/pt-zsdTSjba.mjs +277 -0
package/dist/_chunks/{useLicense-qgGfMvse.js → useLicense-DtvJOszr.js} +1 -1
package/dist/_chunks/{useLicense-DSLL9n3Y.mjs → useLicense-DxbD4Wf8.mjs} +1 -1
package/dist/admin/index.js +1 -1
package/dist/admin/index.mjs +1 -1
package/dist/server/index.js +142 -33
package/dist/server/index.mjs +142 -33
package/package.json +1 -1
package/server/src/bootstrap.js +76 -4
package/server/src/controllers/session.js +59 -9
package/server/src/middlewares/last-seen.js +5 -4
package/server/src/routes/content-api.js +11 -2
package/server/src/services/notifications.js +10 -10
package/server/src/services/session.js +24 -4
package/dist/_chunks/de-BxFx1pwE.js +0 -23
package/dist/_chunks/de-CdO3s01z.mjs +0 -23
package/dist/_chunks/en-CsPpPJL3.mjs +0 -23
package/dist/_chunks/en-RqmpDHdS.js +0 -23
package/dist/_chunks/es-CuLHazN1.js +0 -23
package/dist/_chunks/es-Dkmjhy9c.mjs +0 -23
package/dist/_chunks/fr-BAJp2yhI.js +0 -23
package/dist/_chunks/fr-Bssg_3UF.mjs +0 -23
package/dist/_chunks/pt-BAP9cKs3.js +0 -23
package/dist/_chunks/pt-BVNoNcuY.mjs +0 -23

package/dist/_chunks/{Settings-0ocB3qHk.mjs → Settings-C9xvckgq.mjs} RENAMED Viewed

@@ -1,11 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
+import { useIntl } from "react-intl";
 import { Flex, Loader, Typography, Button, Box, Badge, Accordion, Grid, SingleSelect, SingleSelectOption, Divider, Alert, TextInput, Toggle, NumberInput, Checkbox, Tabs } from "@strapi/design-system";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { Check, Information, Cog, Trash, Shield, Code, Duplicate, Mail } from "@strapi/icons";
 import styled, { css, keyframes } from "styled-components";
-import { a as pluginId } from "./index-DBRS3kt5.mjs";
-import { u as useLicense } from "./useLicense-DSLL9n3Y.mjs";
+import { a as pluginId, g as getTranslation } from "./index-DQO9bNP7.mjs";
+import { u as useLicense } from "./useLicense-DxbD4Wf8.mjs";
 const theme = {
   colors: {
     primary: { 600: "#0284C7", 700: "#075985", 100: "#E0F2FE", 50: "#F0F9FF" },
@@ -13,7 +14,6 @@ const theme = {
     danger: { 600: "#DC2626" },
     neutral: { 0: "#FFFFFF", 200: "#E5E7EB", 400: "#9CA3AF", 700: "#374151" }
   },
-  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
   borderRadius: { md: "8px", lg: "12px" }
 };
 const fadeIn = keyframes`
@@ -33,9 +33,9 @@ const StickySaveBar = styled(Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: white;
-  border-bottom: 1px solid ${theme.colors.neutral[200]};
-  box-shadow: ${theme.shadows.sm};
+  background: ${(props) => props.theme.colors.neutral0};
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral200};
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;
 const ToggleCard = styled(Box)`
   background: ${(props) => props.$active ? "linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%)" : "linear-gradient(135deg, #fafafa 0%, #f3f4f6 100%)"};
@@ -181,12 +181,12 @@ const validateTemplate = (template, templateType) => {
 };
 const getDefaultTemplates = () => ({
   suspiciousLogin: {
-    subject: "🚨 Suspicious Login Alert - Session Manager",
+    subject: "[ALERT] Suspicious Login Alert - Session Manager",
     html: `
 <html>
 <body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
   <div style="max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f9fafb; border-radius: 10px;">
-    <h2 style="color: #dc2626;">🚨 Suspicious Login Detected</h2>
+    <h2 style="color: #dc2626;">[ALERT] Suspicious Login Detected</h2>
     <p>A potentially suspicious login was detected for your account.</p>
     <div style="background: white; padding: 15px; border-radius: 8px; margin: 20px 0;">
@@ -221,7 +221,7 @@ const getDefaultTemplates = () => ({
   </div>
 </body>
 </html>`,
-    text: `🚨 Suspicious Login Detected
+    text: `[ALERT] Suspicious Login Detected
 A potentially suspicious login was detected for your account.
@@ -236,12 +236,12 @@ Login Details:
 Security: VPN={{reason.isVpn}}, Proxy={{reason.isProxy}}, Threat={{reason.isThreat}}, Score={{reason.securityScore}}/100`
   },
   newLocation: {
-    subject: "📍 New Location Login Detected",
+    subject: "[LOCATION] New Location Login Detected",
     html: `
 <html>
 <body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
   <div style="max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f0f9ff; border-radius: 10px;">
-    <h2 style="color: #0284c7;">📍 Login from New Location</h2>
+    <h2 style="color: #0284c7;">[LOCATION] Login from New Location</h2>
     <p>Your account was accessed from a new location.</p>
     <div style="background: white; padding: 15px; border-radius: 8px; margin: 20px 0;">
@@ -264,7 +264,7 @@ Security: VPN={{reason.isVpn}}, Proxy={{reason.isProxy}}, Threat={{reason.isThre
   </div>
 </body>
 </html>`,
-    text: `📍 Login from New Location
+    text: `[LOCATION] Login from New Location
 Your account was accessed from a new location.
@@ -279,12 +279,12 @@ New Location Details:
 If this was you, no action is needed.`
   },
   vpnProxy: {
-    subject: "⚠️ VPN/Proxy Login Detected",
+    subject: "[WARNING] VPN/Proxy Login Detected",
     html: `
 <html>
 <body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
   <div style="max-width: 600px; margin: 0 auto; padding: 20px; background-color: #fffbeb; border-radius: 10px;">
-    <h2 style="color: #d97706;">⚠️ VPN/Proxy Detected</h2>
+    <h2 style="color: #d97706;">[WARNING] VPN/Proxy Detected</h2>
     <p>A login from a VPN or proxy service was detected on your account.</p>
     <div style="background: white; padding: 15px; border-radius: 8px; margin: 20px 0;">
@@ -309,7 +309,7 @@ If this was you, no action is needed.`
   </div>
 </body>
 </html>`,
-    text: `⚠️ VPN/Proxy Detected
+    text: `[WARNING] VPN/Proxy Detected
 A login from a VPN or proxy service was detected on your account.
@@ -333,9 +333,11 @@ const generateSecureKey = () => {
   return key;
 };
 const SettingsPage = () => {
+  const { formatMessage } = useIntl();
   const { get, post, put } = useFetchClient();
   const { toggleNotification } = useNotification();
   const { isPremium, isAdvanced, isEnterprise } = useLicense();
+  const t = (id, defaultMessage, values) => formatMessage({ id: getTranslation(id), defaultMessage }, values);
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
   const [hasChanges, setHasChanges] = useState(false);
@@ -401,7 +403,7 @@ const SettingsPage = () => {
       console.error("[Settings] Error loading from backend:", err);
       toggleNotification({
         type: "warning",
-        message: "Could not load settings from server. Using defaults."
+        message: t("notifications.warning.settingsLoad", "Could not load settings from server. Using defaults.")
       });
       setSettings((prev) => ({ ...prev, emailTemplates: getDefaultTemplates() }));
     } finally {
@@ -419,7 +421,7 @@ const SettingsPage = () => {
       if (response?.data?.success) {
         toggleNotification({
           type: "success",
-          message: "Settings saved successfully to database!"
+          message: t("notifications.success.saved", "Settings saved successfully to database!")
         });
         setHasChanges(false);
         try {
@@ -434,7 +436,7 @@ const SettingsPage = () => {
       console.error("[Settings] Error saving:", err);
       toggleNotification({
         type: "danger",
-        message: "Failed to save settings to server"
+        message: t("notifications.error.save", "Failed to save settings to server")
       });
     } finally {
       setSaving(false);
@@ -445,7 +447,7 @@ const SettingsPage = () => {
     setHasChanges(false);
   };
   const handleCleanInactive = async () => {
-    if (!confirm("⚠️ WARNING: This will permanently delete ALL inactive sessions.\n\nContinue?")) {
+    if (!confirm(t("settings.general.danger.confirm", "[WARNING] This will permanently delete ALL inactive sessions.\n\nContinue?"))) {
       return;
     }
     setCleaning(true);
@@ -453,28 +455,31 @@ const SettingsPage = () => {
       const { data } = await post(`/${pluginId}/sessions/clean-inactive`);
       toggleNotification({
         type: "success",
-        message: `Successfully deleted ${data.deletedCount} inactive sessions!`
+        message: t("notifications.success.cleaned", "Successfully deleted {count} inactive sessions!", { count: data.deletedCount })
       });
     } catch (err) {
       toggleNotification({
         type: "danger",
-        message: "Failed to delete inactive sessions"
+        message: t("notifications.error.clean", "Failed to delete inactive sessions")
       });
     } finally {
       setCleaning(false);
     }
   };
   if (loading) {
-    return /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsx(Loader, { children: "Loading settings..." }) });
+    return /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsx(Loader, { children: t("common.loading", "Loading...") }) });
   }
   return /* @__PURE__ */ jsxs(Container, { children: [
     /* @__PURE__ */ jsx(StickySaveBar, { paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", style: { fontSize: "24px" }, children: "⚙️ Session Manager Settings" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: "Configure session tracking, security, and email notifications" })
+        /* @__PURE__ */ jsxs(Typography, { variant: "alpha", fontWeight: "bold", style: { fontSize: "24px" }, children: [
+          "⚙️ ",
+          t("settings.title", "Session Manager Settings")
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: t("settings.subtitle", "Configure session tracking, security, and email notifications") })
       ] }),
       /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        hasChanges && /* @__PURE__ */ jsx(Button, { onClick: handleReset, variant: "tertiary", size: "L", children: "Reset" }),
+        hasChanges && /* @__PURE__ */ jsx(Button, { onClick: handleReset, variant: "tertiary", size: "L", children: t("settings.reset", "Reset") }),
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -502,7 +507,7 @@ const SettingsPage = () => {
               e.currentTarget.style.transform = "translateY(0)";
               e.currentTarget.style.boxShadow = hasChanges && !saving ? "0 4px 12px rgba(102, 126, 234, 0.4)" : "none";
             },
-            children: saving ? "Saving..." : hasChanges ? "Save Changes" : "No Changes"
+            children: saving ? t("settings.saving", "Saving...") : hasChanges ? t("settings.save", "Save Changes") : t("settings.noChanges", "No Changes")
           }
         )
       ] })
@@ -511,19 +516,22 @@ const SettingsPage = () => {
       /* @__PURE__ */ jsx(Box, { padding: 4, background: "primary50", hasRadius: true, style: { marginBottom: "24px", border: "1px solid #bae6fd" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", children: [
         /* @__PURE__ */ jsx(Information, { style: { width: "20px", height: "20px", color: "#0284C7" } }),
         /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "primary700", style: { marginBottom: "4px" }, children: "Current License Status" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "primary700", style: { marginBottom: "4px" }, children: t("settings.license.title", "Current License Status") }),
           /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
             /* @__PURE__ */ jsxs(Badge, { backgroundColor: isPremium ? "success100" : "neutral100", textColor: isPremium ? "success700" : "neutral600", children: [
               isPremium ? "✓" : "✗",
-              " Premium"
+              " ",
+              t("settings.license.premium", "Premium")
             ] }),
             /* @__PURE__ */ jsxs(Badge, { backgroundColor: isAdvanced ? "primary100" : "neutral100", textColor: isAdvanced ? "primary700" : "neutral600", children: [
               isAdvanced ? "✓" : "✗",
-              " Advanced"
+              " ",
+              t("settings.license.advanced", "Advanced")
             ] }),
             /* @__PURE__ */ jsxs(Badge, { backgroundColor: isEnterprise ? "secondary100" : "neutral100", textColor: isEnterprise ? "secondary700" : "neutral600", children: [
               isEnterprise ? "✓" : "✗",
-              " Enterprise"
+              " ",
+              t("settings.license.enterprise", "Enterprise")
             ] })
           ] })
         ] })
@@ -534,114 +542,99 @@ const SettingsPage = () => {
             Accordion.Trigger,
             {
               icon: Cog,
-              description: "Basic session tracking configuration",
-              children: "General Settings"
+              description: t("settings.general.description", "Basic session tracking configuration"),
+              children: t("settings.general.title", "General Settings")
             }
           ) }),
           /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "⏱️ SESSION TIMEOUT" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: t("settings.general.timeout.title", "SESSION TIMEOUT") }),
             /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Inactivity Timeout" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.timeout.inactivity", "Inactivity Timeout") }),
                 /* @__PURE__ */ jsxs(
                   SingleSelect,
                   {
                     value: String(settings.inactivityTimeout),
                     onChange: (value) => handleChange("inactivityTimeout", parseInt(value)),
                     children: [
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "5", children: "5 minutes (Very Strict)" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: "10 minutes (Strict)" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "15", children: "15 minutes (Recommended)" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "30", children: "30 minutes (Moderate)" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "60", children: "1 hour (Relaxed)" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "120", children: "2 hours (Very Relaxed)" })
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "5", children: t("settings.general.timeout.5min", "5 minutes (Very Strict)") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: t("settings.general.timeout.10min", "10 minutes (Strict)") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "15", children: t("settings.general.timeout.15min", "15 minutes (Recommended)") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "30", children: t("settings.general.timeout.30min", "30 minutes (Moderate)") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "60", children: t("settings.general.timeout.1hour", "1 hour (Relaxed)") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "120", children: t("settings.general.timeout.2hours", "2 hours (Very Relaxed)") })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: [
-                  "Sessions inactive for more than ",
-                  settings.inactivityTimeout,
-                  " minutes will be marked as offline"
-                ] })
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: t("settings.general.timeout.inactivityHint", "Sessions inactive for more than {minutes} minutes will be marked as offline", { minutes: settings.inactivityTimeout }) })
               ] }) }),
               /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Last Seen Rate Limit" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.rateLimit.title", "Last Seen Rate Limit") }),
                 /* @__PURE__ */ jsxs(
                   SingleSelect,
                   {
                     value: String(settings.lastSeenRateLimit),
                     onChange: (value) => handleChange("lastSeenRateLimit", parseInt(value)),
                     children: [
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: "10 seconds" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "30", children: "30 seconds (Recommended)" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "60", children: "1 minute" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "120", children: "2 minutes" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "300", children: "5 minutes" })
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: t("settings.general.rateLimit.10sec", "10 seconds") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "30", children: t("settings.general.rateLimit.30sec", "30 seconds (Recommended)") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "60", children: t("settings.general.rateLimit.1min", "1 minute") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "120", children: t("settings.general.rateLimit.2min", "2 minutes") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "300", children: t("settings.general.rateLimit.5min", "5 minutes") })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: [
-                  "Prevents excessive database writes. Updates throttled to once every ",
-                  settings.lastSeenRateLimit,
-                  " seconds"
-                ] })
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: t("settings.general.rateLimit.hint", "Prevents excessive database writes. Updates throttled to once every {seconds} seconds", { seconds: settings.lastSeenRateLimit }) })
               ] }) })
             ] }),
             /* @__PURE__ */ jsx(Divider, { style: { marginBottom: "24px" } }),
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "🧹 AUTO-CLEANUP & RETENTION" }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: [
+              "🧹 ",
+              t("settings.general.cleanup.title", "AUTO-CLEANUP & RETENTION")
+            ] }),
             /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Cleanup Interval" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.cleanup.interval", "Cleanup Interval") }),
                 /* @__PURE__ */ jsxs(
                   SingleSelect,
                   {
                     value: String(settings.cleanupInterval),
                     onChange: (value) => handleChange("cleanupInterval", parseInt(value)),
                     children: [
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "15", children: "15 minutes" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "30", children: "30 minutes (Recommended)" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "60", children: "1 hour" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "120", children: "2 hours" })
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "15", children: t("settings.general.cleanup.15min", "15 minutes") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "30", children: t("settings.general.cleanup.30min", "30 minutes (Recommended)") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "60", children: t("settings.general.cleanup.1hour", "1 hour") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "120", children: t("settings.general.cleanup.2hours", "2 hours") })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: [
-                  "Inactive sessions are automatically cleaned every ",
-                  settings.cleanupInterval,
-                  " minutes"
-                ] })
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: t("settings.general.cleanup.intervalHint", "Inactive sessions are automatically cleaned every {minutes} minutes", { minutes: settings.cleanupInterval }) })
               ] }) }),
               /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Retention Period" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.retention.title", "Retention Period") }),
                 /* @__PURE__ */ jsxs(
                   SingleSelect,
                   {
                     value: String(settings.retentionDays),
                     onChange: (value) => handleChange("retentionDays", parseInt(value)),
                     children: [
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "7", children: "7 days" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "30", children: "30 days" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "60", children: "60 days" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "90", children: "90 days (Recommended)" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "180", children: "180 days" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "365", children: "1 year" }),
-                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "-1", children: "Forever" })
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "7", children: t("settings.general.retention.7days", "7 days") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "30", children: t("settings.general.retention.30days", "30 days") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "60", children: t("settings.general.retention.60days", "60 days") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "90", children: t("settings.general.retention.90days", "90 days (Recommended)") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "180", children: t("settings.general.retention.180days", "180 days") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "365", children: t("settings.general.retention.1year", "1 year") }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "-1", children: t("settings.general.retention.forever", "Forever") })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: [
-                  "Old sessions deleted after ",
-                  settings.retentionDays === -1 ? "never" : `${settings.retentionDays} days`
-                ] })
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: settings.retentionDays === -1 ? t("settings.general.retention.hintNever", "Old sessions deleted after never") : t("settings.general.retention.hint", "Old sessions deleted after {days}", { days: `${settings.retentionDays} days` }) })
               ] }) }),
               /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(Box, { padding: 4, background: "danger100", style: { borderRadius: theme.borderRadius.md, border: `2px solid ${theme.colors.danger[200]}` }, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
                 /* @__PURE__ */ jsx(Trash, { style: { width: "18px", height: "18px", color: theme.colors.danger[600], flexShrink: 0, marginTop: "2px" } }),
                 /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "danger700", style: { marginBottom: "8px", display: "block" }, children: "Danger Zone" }),
-                  /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger600", style: { fontSize: "13px", lineHeight: "1.7" }, children: [
-                    /* @__PURE__ */ jsx("strong", { children: "Clean All Inactive:" }),
-                    " Permanently deletes all inactive sessions. This cannot be undone."
-                  ] })
+                  /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "danger700", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.danger.title", "Danger Zone") }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", style: { fontSize: "13px", lineHeight: "1.7" }, children: t("settings.general.danger.description", "Clean All Inactive: Permanently deletes all inactive sessions. This cannot be undone.") })
                 ] }),
                 /* @__PURE__ */ jsx(
                   Button,
@@ -652,7 +645,7 @@ const SettingsPage = () => {
                     variant: "danger",
                     size: "S",
                     style: { flexShrink: 0 },
-                    children: "Clean Now"
+                    children: t("settings.general.danger.cleanNow", "Clean Now")
                   }
                 )
               ] }) }) })
@@ -664,12 +657,12 @@ const SettingsPage = () => {
             Accordion.Trigger,
             {
               icon: Shield,
-              description: "Security policies and threat protection",
-              children: "Security Settings"
+              description: t("settings.security.description", "Security policies and threat protection"),
+              children: t("settings.security.title", "Security Settings")
             }
           ) }),
           /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "🔒 SECURITY OPTIONS" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: t("settings.security.options", "SECURITY OPTIONS") }),
             /* @__PURE__ */ jsx(
               Box,
               {
@@ -684,32 +677,26 @@ const SettingsPage = () => {
                 children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
                   /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, children: [
                     /* @__PURE__ */ jsx(Shield, { style: { width: 24, height: 24, color: theme.colors.primary[600] } }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: "JWT Encryption Key Generator" })
+                    /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: t("settings.security.encryption.title", "JWT Encryption Key Generator") })
                   ] }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { lineHeight: 1.6 }, children: "Generate a secure 32-character encryption key for JWT token storage. This key is used to encrypt tokens before saving them to the database." }),
-                  /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { lineHeight: 1.6 }, children: t("settings.security.encryption.description", "Generate a secure 32-character encryption key for JWT token storage. This key is used to encrypt tokens before saving them to the database.") }),
+                  /* @__PURE__ */ jsx(
                     Alert,
                     {
                       variant: "default",
-                      title: "Important",
+                      title: t("settings.security.encryption.important", "Important"),
                       style: { marginTop: 8 },
-                      children: [
-                        "Add this key to your ",
-                        /* @__PURE__ */ jsx("code", { children: ".env" }),
-                        " file as ",
-                        /* @__PURE__ */ jsx("strong", { children: "SESSION_ENCRYPTION_KEY" }),
-                        " for production."
-                      ]
+                      children: t("settings.security.encryption.envHint", "Add this key to your .env file as SESSION_ENCRYPTION_KEY for production.")
                     }
                   ),
                   /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-end", children: [
                     /* @__PURE__ */ jsx(Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
                       TextInput,
                       {
-                        label: "Generated Encryption Key",
+                        label: t("settings.security.encryption.label", "Generated Encryption Key"),
                         value: encryptionKey,
                         onChange: (e) => setEncryptionKey(e.target.value),
-                        placeholder: "Click 'Generate Key' to create a secure key",
+                        placeholder: t("settings.security.encryption.placeholder", "Click 'Generate Key' to create a secure key"),
                         type: showEncryptionKey ? "text" : "password"
                       }
                     ) }),
@@ -719,7 +706,7 @@ const SettingsPage = () => {
                         variant: "secondary",
                         onClick: () => setShowEncryptionKey(!showEncryptionKey),
                         size: "L",
-                        children: showEncryptionKey ? "Hide" : "Show"
+                        children: showEncryptionKey ? t("settings.security.encryption.hide", "Hide") : t("settings.security.encryption.show", "Show")
                       }
                     )
                   ] }),
@@ -735,11 +722,11 @@ const SettingsPage = () => {
                           setShowEncryptionKey(true);
                           toggleNotification({
                             type: "success",
-                            message: "32-character encryption key generated!"
+                            message: t("notifications.success.keyGenerated", "32-character encryption key generated!")
                           });
                         },
                         size: "L",
-                        children: "Generate Key"
+                        children: t("settings.security.encryption.generate", "Generate Key")
                       }
                     ),
                     /* @__PURE__ */ jsx(
@@ -752,13 +739,13 @@ const SettingsPage = () => {
                             navigator.clipboard.writeText(encryptionKey);
                             toggleNotification({
                               type: "success",
-                              message: "Encryption key copied to clipboard!"
+                              message: t("notifications.success.keyCopied", "Encryption key copied to clipboard!")
                             });
                           }
                         },
                         disabled: !encryptionKey,
                         size: "L",
-                        children: "Copy to Clipboard"
+                        children: t("settings.security.encryption.copy", "Copy to Clipboard")
                       }
                     ),
                     /* @__PURE__ */ jsx(
@@ -772,13 +759,13 @@ const SettingsPage = () => {
                             navigator.clipboard.writeText(envLine);
                             toggleNotification({
                               type: "success",
-                              message: "Copied as .env format!"
+                              message: t("notifications.success.envCopied", "Copied as .env format!")
                             });
                           }
                         },
                         disabled: !encryptionKey,
                         size: "L",
-                        children: "Copy for .env"
+                        children: t("settings.security.encryption.copyEnv", "Copy for .env")
                       }
                     )
                   ] }),
@@ -795,7 +782,7 @@ const SettingsPage = () => {
                         wordBreak: "break-all"
                       },
                       children: [
-                        /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: 8, display: "block" }, children: "Add to .env file:" }),
+                        /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: 8, display: "block" }, children: t("settings.security.encryption.envLabel", "Add to .env file:") }),
                         /* @__PURE__ */ jsxs("code", { style: { color: theme.colors.primary[700] }, children: [
                           "SESSION_ENCRYPTION_KEY=",
                           encryptionKey
@@ -828,10 +815,10 @@ const SettingsPage = () => {
                           fontWeight: "bold",
                           textColor: settings.blockSuspiciousSessions ? "success700" : "neutral800",
                           style: { fontSize: "16px" },
-                          children: "Block Suspicious Sessions"
+                          children: t("settings.security.blockSuspicious.title", "Block Suspicious Sessions")
                         }
                       ),
-                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: "Automatically block sessions from VPNs, proxies, or threat IPs" })
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: t("settings.security.blockSuspicious.description", "Automatically block sessions from VPNs, proxies, or threat IPs") })
                     ] })
                   ] })
                 }
@@ -858,10 +845,10 @@ const SettingsPage = () => {
                             fontWeight: "bold",
                             textColor: settings.enableGeolocation ? "success700" : "neutral800",
                             style: { fontSize: "16px" },
-                            children: "IP Geolocation"
+                            children: t("settings.security.geolocation.title", "IP Geolocation")
                           }
                         ),
-                        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: "Fetch location data for each session (Premium)" })
+                        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: t("settings.security.geolocation.description", "Fetch location data for each session (Premium)") })
                       ] })
                     ] })
                   }
@@ -887,10 +874,10 @@ const SettingsPage = () => {
                             fontWeight: "bold",
                             textColor: settings.enableSecurityScoring ? "success700" : "neutral800",
                             style: { fontSize: "16px" },
-                            children: "Security Scoring"
+                            children: t("settings.security.scoring.title", "Security Scoring")
                           }
                         ),
-                        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: "Calculate security scores and detect threats (Premium)" })
+                        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: t("settings.security.scoring.description", "Calculate security scores and detect threats (Premium)") })
                       ] })
                     ] })
                   }
@@ -898,7 +885,10 @@ const SettingsPage = () => {
               ] })
             ] }) }),
             /* @__PURE__ */ jsx(Grid.Root, { gap: 6, children: /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "🚫 Max Failed Login Attempts" }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: [
+                "🚫 ",
+                t("settings.security.maxFailed.title", "Max Failed Login Attempts")
+              ] }),
               /* @__PURE__ */ jsx(
                 NumberInput,
                 {
@@ -908,11 +898,7 @@ const SettingsPage = () => {
                   max: 20
                 }
               ),
-              /* @__PURE__ */ jsx(Box, { padding: 2, background: "warning50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "warning700", style: { fontSize: "11px" }, children: [
-                "User will be blocked after ",
-                settings.maxFailedLogins,
-                " failed attempts"
-              ] }) })
+              /* @__PURE__ */ jsx(Box, { padding: 2, background: "warning50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning700", style: { fontSize: "11px" }, children: t("settings.security.maxFailed.hint", "User will be blocked after {count} failed attempts", { count: settings.maxFailedLogins }) }) })
             ] }) }) })
           ] }) })
         ] }),
@@ -921,14 +907,17 @@ const SettingsPage = () => {
             Accordion.Trigger,
             {
               icon: Mail,
-              description: "Email alerts for security events",
-              children: "Email Notifications (Advanced)"
+              description: t("settings.email.description", "Email alerts for security events"),
+              children: t("settings.email.title", "Email Notifications (Advanced)")
             }
           ) }),
           /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
             /* @__PURE__ */ jsxs(Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "32px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: theme.colors.neutral[700] }, children: "📧 EMAIL ALERTS" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: "Send security alerts to users via email" }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: theme.colors.neutral[700] }, children: [
+                "📧 ",
+                t("settings.email.alerts.title", "EMAIL ALERTS")
+              ] }),
+              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: t("settings.email.alerts.subtitle", "Send security alerts to users via email") }),
               /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(
                 ToggleCard,
                 {
@@ -950,17 +939,20 @@ const SettingsPage = () => {
                           fontWeight: "bold",
                           textColor: settings.enableEmailAlerts ? "success700" : "neutral800",
                           style: { fontSize: "16px" },
-                          children: "Enable Email Alerts"
+                          children: t("settings.email.enable.title", "Enable Email Alerts")
                         }
                       ),
-                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: "Send security alerts for suspicious logins, new locations, and VPN/Proxy usage" })
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: t("settings.email.enable.description", "Send security alerts for suspicious logins, new locations, and VPN/Proxy usage") })
                     ] })
                   ] })
                 }
               ) }) })
             ] }),
             settings.enableEmailAlerts && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "⚙️ ALERT TYPES" }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: [
+                "⚙️ ",
+                t("settings.email.types.title", "ALERT TYPES")
+              ] }),
               /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, style: { marginBottom: "32px" }, children: [
                 /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsx(
                   Box,
@@ -979,7 +971,7 @@ const SettingsPage = () => {
                       {
                         checked: settings.alertOnSuspiciousLogin,
                         onChange: () => handleChange("alertOnSuspiciousLogin", !settings.alertOnSuspiciousLogin),
-                        children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: "🚨 Suspicious Login" })
+                        children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: t("settings.email.types.suspicious", "Suspicious Login") })
                       }
                     )
                   }
@@ -1001,7 +993,7 @@ const SettingsPage = () => {
                       {
                         checked: settings.alertOnNewLocation,
                         onChange: () => handleChange("alertOnNewLocation", !settings.alertOnNewLocation),
-                        children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: "📍 New Location" })
+                        children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: t("settings.email.types.newLocation", "New Location") })
                       }
                     )
                   }
@@ -1023,24 +1015,24 @@ const SettingsPage = () => {
                       {
                         checked: settings.alertOnVpnProxy,
                         onChange: () => handleChange("alertOnVpnProxy", !settings.alertOnVpnProxy),
-                        children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: "⚠️ VPN/Proxy" })
+                        children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: t("settings.email.types.vpnProxy", "VPN/Proxy") })
                       }
                     )
                   }
                 ) })
               ] }),
               /* @__PURE__ */ jsx(Divider, { style: { marginBottom: "24px" } }),
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: "📝 EMAIL TEMPLATES" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: "Customize email notification templates with dynamic variables" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: t("settings.email.templates.title", "EMAIL TEMPLATES") }),
+              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: t("settings.email.templates.subtitle", "Customize email notification templates with dynamic variables") }),
               /* @__PURE__ */ jsxs(Tabs.Root, { value: activeTemplateTab, onValueChange: setActiveTemplateTab, children: [
                 /* @__PURE__ */ jsxs(Tabs.List, { "aria-label": "Email Templates", children: [
-                  /* @__PURE__ */ jsx(Tabs.Trigger, { value: "suspiciousLogin", children: "🚨 Suspicious Login" }),
-                  /* @__PURE__ */ jsx(Tabs.Trigger, { value: "newLocation", children: "📍 New Location" }),
-                  /* @__PURE__ */ jsx(Tabs.Trigger, { value: "vpnProxy", children: "⚠️ VPN/Proxy" })
+                  /* @__PURE__ */ jsx(Tabs.Trigger, { value: "suspiciousLogin", children: t("settings.email.templates.tab.suspicious", "Suspicious Login") }),
+                  /* @__PURE__ */ jsx(Tabs.Trigger, { value: "newLocation", children: t("settings.email.templates.tab.newLocation", "New Location") }),
+                  /* @__PURE__ */ jsx(Tabs.Trigger, { value: "vpnProxy", children: t("settings.email.templates.tab.vpnProxy", "VPN/Proxy") })
                 ] }),
                 Object.keys(settings.emailTemplates).map((templateKey) => /* @__PURE__ */ jsx(Tabs.Content, { value: templateKey, children: /* @__PURE__ */ jsxs(Box, { paddingTop: 4, children: [
                   /* @__PURE__ */ jsxs(Box, { style: { marginBottom: "24px" }, children: [
-                    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "✉️ Email Subject" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.email.templates.subject", "Email Subject") }),
                     /* @__PURE__ */ jsx(
                       TextInput,
                       {
@@ -1050,7 +1042,7 @@ const SettingsPage = () => {
                           newTemplates[templateKey].subject = e.target.value;
                           handleChange("emailTemplates", newTemplates);
                         },
-                        placeholder: "Enter email subject..."
+                        placeholder: t("settings.email.templates.subjectPlaceholder", "Enter email subject...")
                       }
                     )
                   ] }),
@@ -1063,7 +1055,7 @@ const SettingsPage = () => {
                       children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
                         /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
                           /* @__PURE__ */ jsx(Code, { style: { width: "16px", height: "16px", color: theme.colors.primary[600] } }),
-                          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "primary600", children: "Available Variables (click to copy)" })
+                          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "primary600", children: t("settings.email.templates.variables", "Available Variables (click to copy)") })
                         ] }),
                         /* @__PURE__ */ jsx(Flex, { gap: 2, wrap: "wrap", children: TEMPLATE_VARIABLES[templateKey].map(({ var: variable, desc }) => /* @__PURE__ */ jsx(
                           Button,
@@ -1072,7 +1064,7 @@ const SettingsPage = () => {
                             variant: "tertiary",
                             onClick: () => {
                               navigator.clipboard.writeText(variable);
-                              toggleNotification({ type: "success", message: `${variable} copied!` });
+                              toggleNotification({ type: "success", message: t("notifications.success.variableCopied", "{variable} copied!", { variable }) });
                             },
                             style: {
                               fontFamily: "monospace",
@@ -1096,10 +1088,13 @@ const SettingsPage = () => {
                       children: [
                         /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
                           /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
-                            /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { fontSize: "18px" }, children: "🎨 HTML Template" }),
-                            /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Main Template" })
+                            /* @__PURE__ */ jsxs(Typography, { variant: "delta", fontWeight: "bold", style: { fontSize: "18px" }, children: [
+                              "🎨 ",
+                              t("settings.email.templates.html.title", "HTML Template")
+                            ] }),
+                            /* @__PURE__ */ jsx(Badge, { variant: "success", children: t("settings.email.templates.html.badge", "Main Template") })
                           ] }),
-                          /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsxs(
                             Button,
                             {
                               variant: "tertiary",
@@ -1109,17 +1104,16 @@ const SettingsPage = () => {
                                 const newTemplates = { ...settings.emailTemplates };
                                 newTemplates[templateKey].html = defaultTemplates[templateKey].html;
                                 handleChange("emailTemplates", newTemplates);
-                                toggleNotification({ type: "success", message: "Default HTML template loaded!" });
+                                toggleNotification({ type: "success", message: t("notifications.success.defaultLoaded", "Default template loaded!") });
                               },
-                              children: "📋 Load Default"
+                              children: [
+                                "📋 ",
+                                t("settings.email.templates.html.loadDefault", "Load Default")
+                              ]
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", display: "block", fontSize: "14px" }, children: [
-                          "HTML template for email notifications. Use variables like ",
-                          /* @__PURE__ */ jsx("code", { children: "{{user.email}}" }),
-                          " for dynamic content."
-                        ] }),
+                        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", display: "block", fontSize: "14px" }, children: t("settings.email.templates.html.description", "HTML template for email notifications. Use variables like {{user.email}} for dynamic content.") }),
                         /* @__PURE__ */ jsxs(
                           Box,
                           {
@@ -1175,19 +1169,22 @@ const SettingsPage = () => {
                           }
                         ),
                         /* @__PURE__ */ jsxs(Flex, { gap: 2, style: { marginTop: "12px" }, wrap: "wrap", children: [
-                          /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsxs(
                             Button,
                             {
                               variant: "secondary",
                               size: "S",
                               onClick: () => {
                                 navigator.clipboard.writeText(settings.emailTemplates[templateKey].html);
-                                toggleNotification({ type: "success", message: "HTML template copied!" });
+                                toggleNotification({ type: "success", message: t("notifications.success.htmlCopied", "HTML template copied!") });
                               },
-                              children: "📋 Copy Template"
+                              children: [
+                                "📋 ",
+                                t("settings.email.templates.html.copy", "Copy Template")
+                              ]
                             }
                           ),
-                          /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsxs(
                             Button,
                             {
                               variant: "tertiary",
@@ -1196,13 +1193,16 @@ const SettingsPage = () => {
                                 const validation = validateTemplate(settings.emailTemplates[templateKey].html, templateKey);
                                 toggleNotification({
                                   type: validation.isValid ? "success" : "warning",
-                                  message: validation.isValid ? `✓ Template valid! Found ${validation.foundVars.length}/${validation.totalAvailable} variables.` : "⚠️ No variables found. Add at least one variable."
+                                  message: validation.isValid ? t("notifications.success.validated", "Template valid! Found {found}/{total} variables.", { found: validation.foundVars.length, total: validation.totalAvailable }) : t("notifications.warning.noVariables", "[WARNING] No variables found. Add at least one variable.")
                                 });
                               },
-                              children: "✓ Validate"
+                              children: [
+                                "✓ ",
+                                t("settings.email.templates.html.validate", "Validate")
+                              ]
                             }
                           ),
-                          /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsxs(
                             Button,
                             {
                               variant: "tertiary",
@@ -1212,10 +1212,13 @@ const SettingsPage = () => {
                                 const chars = settings.emailTemplates[templateKey].html.length;
                                 toggleNotification({
                                   type: "info",
-                                  message: `Template has ${lines} lines and ${chars} characters`
+                                  message: t("notifications.info.templateStats", "Template has {lines} lines and {chars} characters", { lines, chars })
                                 });
                               },
-                              children: "ℹ️ Template Info"
+                              children: [
+                                "ℹ️ ",
+                                t("settings.email.templates.html.info", "Template Info")
+                              ]
                             }
                           )
                         ] })
@@ -1231,10 +1234,13 @@ const SettingsPage = () => {
                       children: [
                         /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "16px" }, children: [
                           /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
-                            /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { fontSize: "18px" }, children: "📄 Text Template" }),
-                            /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Fallback" })
+                            /* @__PURE__ */ jsxs(Typography, { variant: "delta", fontWeight: "bold", style: { fontSize: "18px" }, children: [
+                              "📄 ",
+                              t("settings.email.templates.text.title", "Text Template")
+                            ] }),
+                            /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: t("settings.email.templates.text.badge", "Fallback") })
                           ] }),
-                          /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsxs(
                             Button,
                             {
                               variant: "tertiary",
@@ -1244,13 +1250,16 @@ const SettingsPage = () => {
                                 const newTemplates = { ...settings.emailTemplates };
                                 newTemplates[templateKey].text = defaultTemplates[templateKey].text;
                                 handleChange("emailTemplates", newTemplates);
-                                toggleNotification({ type: "success", message: "Default text template loaded!" });
+                                toggleNotification({ type: "success", message: t("notifications.success.defaultLoaded", "Default template loaded!") });
                               },
-                              children: "📋 Load Default"
+                              children: [
+                                "📋 ",
+                                t("settings.email.templates.text.loadDefault", "Load Default")
+                              ]
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", display: "block", fontSize: "14px" }, children: "Plain text version (no HTML) as fallback for older email clients" }),
+                        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", display: "block", fontSize: "14px" }, children: t("settings.email.templates.text.description", "Plain text version (no HTML) as fallback for older email clients") }),
                         /* @__PURE__ */ jsxs(
                           Box,
                           {
@@ -1305,16 +1314,19 @@ const SettingsPage = () => {
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsx(Flex, { gap: 2, style: { marginTop: "12px" }, wrap: "wrap", children: /* @__PURE__ */ jsx(
+                        /* @__PURE__ */ jsx(Flex, { gap: 2, style: { marginTop: "12px" }, wrap: "wrap", children: /* @__PURE__ */ jsxs(
                           Button,
                           {
                             variant: "secondary",
                             size: "S",
                             onClick: () => {
                               navigator.clipboard.writeText(settings.emailTemplates[templateKey].text);
-                              toggleNotification({ type: "success", message: "Text template copied!" });
+                              toggleNotification({ type: "success", message: t("notifications.success.textCopied", "Text template copied!") });
                             },
-                            children: "📋 Copy Template"
+                            children: [
+                              "📋 ",
+                              t("settings.email.templates.text.copy", "Copy Template")
+                            ]
                           }
                         ) })
                       ]
@@ -1330,8 +1342,8 @@ const SettingsPage = () => {
             Accordion.Trigger,
             {
               icon: Code,
-              description: "Discord & Slack integration",
-              children: "Webhook Integration (Advanced)"
+              description: t("settings.webhooks.description", "Discord & Slack integration"),
+              children: t("settings.webhooks.title", "Webhook Integration (Advanced)")
             }
           ) }),
           /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
@@ -1356,17 +1368,20 @@ const SettingsPage = () => {
                         fontWeight: "bold",
                         textColor: settings.enableWebhooks ? "success700" : "neutral800",
                         style: { fontSize: "16px" },
-                        children: "Enable Webhooks"
+                        children: t("settings.webhooks.enable.title", "Enable Webhooks")
                       }
                     ),
-                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: "Send session events to Discord, Slack, or custom endpoints" })
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: t("settings.webhooks.enable.description", "Send session events to Discord, Slack, or custom endpoints") })
                   ] })
                 ] })
               }
             ) }) }) }),
             settings.enableWebhooks && /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "🔗 Discord Webhook URL" }),
+                /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: [
+                  "🔗 ",
+                  t("settings.webhooks.discord.title", "Discord Webhook URL")
+                ] }),
                 /* @__PURE__ */ jsx(
                   Box,
                   {
@@ -1379,7 +1394,7 @@ const SettingsPage = () => {
                     children: /* @__PURE__ */ jsx(
                       "textarea",
                       {
-                        placeholder: "https://discord.com/api/webhooks/123456789/abcdefghijklmnopqrstuvwxyz...",
+                        placeholder: t("settings.webhooks.discord.placeholder", "https://discord.com/api/webhooks/123456789/abcdefghijklmnopqrstuvwxyz..."),
                         value: settings.discordWebhookUrl,
                         onChange: (e) => handleChange("discordWebhookUrl", e.target.value),
                         rows: 3,
@@ -1401,15 +1416,15 @@ const SettingsPage = () => {
                   }
                 ),
                 /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginTop: "10px" }, children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px" }, children: "💡 Optional: Post session alerts to your Discord channel" }),
-                  settings.discordWebhookUrl && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "primary600", style: { fontSize: "11px", fontFamily: "monospace" }, children: [
-                    settings.discordWebhookUrl.length,
-                    " characters"
-                  ] })
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px" }, children: t("settings.webhooks.discord.hint", "Optional: Post session alerts to your Discord channel") }),
+                  settings.discordWebhookUrl && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "primary600", style: { fontSize: "11px", fontFamily: "monospace" }, children: t("settings.webhooks.characters", "{count} characters", { count: settings.discordWebhookUrl.length }) })
                 ] })
               ] }) }),
               /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: "💬 Slack Webhook URL" }),
+                /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: [
+                  "💬 ",
+                  t("settings.webhooks.slack.title", "Slack Webhook URL")
+                ] }),
                 /* @__PURE__ */ jsx(
                   Box,
                   {
@@ -1422,7 +1437,7 @@ const SettingsPage = () => {
                     children: /* @__PURE__ */ jsx(
                       "textarea",
                       {
-                        placeholder: "https://hooks.slack.com/services/XXXX/XXXX/XXXX",
+                        placeholder: t("settings.webhooks.slack.placeholder", "https://hooks.slack.com/services/XXXX/XXXX/XXXX"),
                         value: settings.slackWebhookUrl,
                         onChange: (e) => handleChange("slackWebhookUrl", e.target.value),
                         rows: 3,
@@ -1444,11 +1459,8 @@ const SettingsPage = () => {
                   }
                 ),
                 /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginTop: "10px" }, children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px" }, children: "💡 Optional: Post session alerts to your Slack workspace" }),
-                  settings.slackWebhookUrl && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "primary600", style: { fontSize: "11px", fontFamily: "monospace" }, children: [
-                    settings.slackWebhookUrl.length,
-                    " characters"
-                  ] })
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px" }, children: t("settings.webhooks.slack.hint", "Optional: Post session alerts to your Slack workspace") }),
+                  settings.slackWebhookUrl && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "primary600", style: { fontSize: "11px", fontFamily: "monospace" }, children: t("settings.webhooks.characters", "{count} characters", { count: settings.slackWebhookUrl.length }) })
                 ] })
               ] }) })
             ] })
@@ -1458,8 +1470,8 @@ const SettingsPage = () => {
       /* @__PURE__ */ jsx(Box, { padding: 5, background: "primary100", style: { borderRadius: theme.borderRadius.md, marginTop: "32px", border: "2px solid #BAE6FD" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
         /* @__PURE__ */ jsx(Check, { style: { width: "20px", height: "20px", color: theme.colors.success[600], flexShrink: 0, marginTop: "2px" } }),
         /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.primary[700] }, children: "✨ Database-Backed Settings" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "primary700", style: { fontSize: "13px", lineHeight: "1.8" }, children: "All settings are stored in your Strapi database and shared across all admin users. Changes take effect immediately - no server restart required! Email templates, webhooks, and security options are all managed from this interface." })
+          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.primary[700] }, children: t("settings.footer.title", "Database-Backed Settings") }),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "primary700", style: { fontSize: "13px", lineHeight: "1.8" }, children: t("settings.footer.description", "All settings are stored in your Strapi database and shared across all admin users. Changes take effect immediately - no server restart required! Email templates, webhooks, and security options are all managed from this interface.") })
         ] })
       ] }) })
     ] })