strapi-plugin-magic-sessionmanager 4.0.1 → 4.0.2

package/dist/_chunks/{Settings-CqxgjU0y.js → Settings-DyEAuTNQ.js}

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
+const reactIntl = require("react-intl");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
 const icons = require("@strapi/icons");
 const styled = require("styled-components");
-const index = require("./index-WH04CS1c.js");
-const useLicense = require("./useLicense-BwOlCyhc.js");
+const index = require("./index-CWcvrfXc.js");
+const useLicense = require("./useLicense-DtvJOszr.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {
@@ -17,7 +18,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 = styled.keyframes`
@@ -37,9 +37,9 @@ const StickySaveBar = styled__default.default(designSystem.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__default.default(designSystem.Box)`
   background: ${(props) => props.$active ? "linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%)" : "linear-gradient(135deg, #fafafa 0%, #f3f4f6 100%)"};
@@ -337,9 +337,11 @@ const generateSecureKey = () => {
   return key;
 };
 const SettingsPage = () => {
+  const { formatMessage } = reactIntl.useIntl();
   const { get, post, put } = admin.useFetchClient();
   const { toggleNotification } = admin.useNotification();
   const { isPremium, isAdvanced, isEnterprise } = useLicense.useLicense();
+  const t = (id, defaultMessage, values) => formatMessage({ id: index.getTranslation(id), defaultMessage }, values);
   const [loading, setLoading] = react.useState(true);
   const [saving, setSaving] = react.useState(false);
   const [hasChanges, setHasChanges] = react.useState(false);
@@ -405,7 +407,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 {
@@ -423,7 +425,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 {
@@ -438,7 +440,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);
@@ -449,7 +451,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);
@@ -457,28 +459,31 @@ const SettingsPage = () => {
       const { data } = await post(`/${index.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__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading settings..." }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: t("common.loading", "Loading...") }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(StickySaveBar, { 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", style: { fontSize: "24px" }, children: "⚙️ Session Manager Settings" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: "Configure session tracking, security, and email notifications" })
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "alpha", fontWeight: "bold", style: { fontSize: "24px" }, children: [
+          "⚙️ ",
+          t("settings.title", "Session Manager Settings")
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: t("settings.subtitle", "Configure session tracking, security, and email notifications") })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-        hasChanges && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleReset, variant: "tertiary", size: "L", children: "Reset" }),
+        hasChanges && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleReset, variant: "tertiary", size: "L", children: t("settings.reset", "Reset") }),
         /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Button,
           {
@@ -506,7 +511,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")
           }
         )
       ] })
@@ -515,19 +520,22 @@ const SettingsPage = () => {
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "primary50", hasRadius: true, style: { marginBottom: "24px", border: "1px solid #bae6fd" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(icons.Information, { style: { width: "20px", height: "20px", color: "#0284C7" } }),
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "primary700", style: { marginBottom: "4px" }, children: "Current License Status" }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "primary700", style: { marginBottom: "4px" }, children: t("settings.license.title", "Current License Status") }),
           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: isPremium ? "success100" : "neutral100", textColor: isPremium ? "success700" : "neutral600", children: [
               isPremium ? "✓" : "✗",
-              " Premium"
+              " ",
+              t("settings.license.premium", "Premium")
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: isAdvanced ? "primary100" : "neutral100", textColor: isAdvanced ? "primary700" : "neutral600", children: [
               isAdvanced ? "✓" : "✗",
-              " Advanced"
+              " ",
+              t("settings.license.advanced", "Advanced")
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: isEnterprise ? "secondary100" : "neutral100", textColor: isEnterprise ? "secondary700" : "neutral600", children: [
               isEnterprise ? "✓" : "✗",
-              " Enterprise"
+              " ",
+              t("settings.license.enterprise", "Enterprise")
             ] })
           ] })
         ] })
@@ -538,114 +546,99 @@ const SettingsPage = () => {
             designSystem.Accordion.Trigger,
             {
               icon: icons.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__ */ 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: "16px", display: "block", color: theme.colors.neutral[700] }, children: "SESSION TIMEOUT" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: t("settings.general.timeout.title", "SESSION TIMEOUT") }),
             /* @__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: "Inactivity Timeout" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.timeout.inactivity", "Inactivity Timeout") }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   designSystem.SingleSelect,
                   {
                     value: String(settings.inactivityTimeout),
                     onChange: (value) => handleChange("inactivityTimeout", parseInt(value)),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "5", children: "5 minutes (Very Strict)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "10", children: "10 minutes (Strict)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "15", children: "15 minutes (Recommended)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "30", children: "30 minutes (Moderate)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "60", children: "1 hour (Relaxed)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "120", children: "2 hours (Very Relaxed)" })
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "5", children: t("settings.general.timeout.5min", "5 minutes (Very Strict)") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "10", children: t("settings.general.timeout.10min", "10 minutes (Strict)") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "15", children: t("settings.general.timeout.15min", "15 minutes (Recommended)") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "30", children: t("settings.general.timeout.30min", "30 minutes (Moderate)") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "60", children: t("settings.general.timeout.1hour", "1 hour (Relaxed)") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "120", children: t("settings.general.timeout.2hours", "2 hours (Very Relaxed)") })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.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__ */ jsxRuntime.jsx(designSystem.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__ */ 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: "Last Seen Rate Limit" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.rateLimit.title", "Last Seen Rate Limit") }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   designSystem.SingleSelect,
                   {
                     value: String(settings.lastSeenRateLimit),
                     onChange: (value) => handleChange("lastSeenRateLimit", parseInt(value)),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "10", children: "10 seconds" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "30", children: "30 seconds (Recommended)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "60", children: "1 minute" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "120", children: "2 minutes" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "300", children: "5 minutes" })
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "10", children: t("settings.general.rateLimit.10sec", "10 seconds") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "30", children: t("settings.general.rateLimit.30sec", "30 seconds (Recommended)") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "60", children: t("settings.general.rateLimit.1min", "1 minute") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "120", children: t("settings.general.rateLimit.2min", "2 minutes") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "300", children: t("settings.general.rateLimit.5min", "5 minutes") })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: [
-                  "Prevents excessive database writes. Updates throttled to once every ",
-                  settings.lastSeenRateLimit,
-                  " seconds"
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "🧹 AUTO-CLEANUP & RETENTION" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.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__ */ 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: "Cleanup Interval" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.cleanup.interval", "Cleanup Interval") }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   designSystem.SingleSelect,
                   {
                     value: String(settings.cleanupInterval),
                     onChange: (value) => handleChange("cleanupInterval", parseInt(value)),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "15", children: "15 minutes" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "30", children: "30 minutes (Recommended)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "60", children: "1 hour" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "120", children: "2 hours" })
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "15", children: t("settings.general.cleanup.15min", "15 minutes") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "30", children: t("settings.general.cleanup.30min", "30 minutes (Recommended)") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "60", children: t("settings.general.cleanup.1hour", "1 hour") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "120", children: t("settings.general.cleanup.2hours", "2 hours") })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: [
-                  "Inactive sessions are automatically cleaned every ",
-                  settings.cleanupInterval,
-                  " minutes"
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ 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: "Retention Period" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.retention.title", "Retention Period") }),
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   designSystem.SingleSelect,
                   {
                     value: String(settings.retentionDays),
                     onChange: (value) => handleChange("retentionDays", parseInt(value)),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "7", children: "7 days" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "30", children: "30 days" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "60", children: "60 days" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "90", children: "90 days (Recommended)" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "180", children: "180 days" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "365", children: "1 year" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "-1", children: "Forever" })
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "7", children: t("settings.general.retention.7days", "7 days") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "30", children: t("settings.general.retention.30days", "30 days") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "60", children: t("settings.general.retention.60days", "60 days") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "90", children: t("settings.general.retention.90days", "90 days (Recommended)") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "180", children: t("settings.general.retention.180days", "180 days") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "365", children: t("settings.general.retention.1year", "1 year") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "-1", children: t("settings.general.retention.forever", "Forever") })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginTop: "8px" }, children: [
-                  "Old sessions deleted after ",
-                  settings.retentionDays === -1 ? "never" : `${settings.retentionDays} days`
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "danger100", style: { borderRadius: theme.borderRadius.md, border: `2px solid ${theme.colors.danger[200]}` }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { style: { width: "18px", height: "18px", color: theme.colors.danger[600], flexShrink: 0, marginTop: "2px" } }),
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "danger700", style: { marginBottom: "8px", display: "block" }, children: "Danger Zone" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "danger600", style: { fontSize: "13px", lineHeight: "1.7" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Clean All Inactive:" }),
-                    " Permanently deletes all inactive sessions. This cannot be undone."
-                  ] })
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "danger700", style: { marginBottom: "8px", display: "block" }, children: t("settings.general.danger.title", "Danger Zone") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(
                   designSystem.Button,
@@ -656,7 +649,7 @@ const SettingsPage = () => {
                     variant: "danger",
                     size: "S",
                     style: { flexShrink: 0 },
-                    children: "Clean Now"
+                    children: t("settings.general.danger.cleanNow", "Clean Now")
                   }
                 )
               ] }) }) })
@@ -668,12 +661,12 @@ const SettingsPage = () => {
             designSystem.Accordion.Trigger,
             {
               icon: icons.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__ */ 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: "16px", display: "block", color: theme.colors.neutral[700] }, children: "SECURITY OPTIONS" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: t("settings.security.options", "SECURITY OPTIONS") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               designSystem.Box,
               {
@@ -688,32 +681,26 @@ const SettingsPage = () => {
                 children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(icons.Shield, { style: { width: 24, height: 24, color: theme.colors.primary[600] } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: "JWT Encryption Key Generator" })
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: t("settings.security.encryption.title", "JWT Encryption Key Generator") })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(
                     designSystem.Alert,
                     {
                       variant: "default",
-                      title: "Important",
+                      title: t("settings.security.encryption.important", "Important"),
                       style: { marginTop: 8 },
-                      children: [
-                        "Add this key to your ",
-                        /* @__PURE__ */ jsxRuntime.jsx("code", { children: ".env" }),
-                        " file as ",
-                        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-end", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                       designSystem.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"
                       }
                     ) }),
@@ -723,7 +710,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")
                       }
                     )
                   ] }),
@@ -739,11 +726,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__ */ jsxRuntime.jsx(
@@ -756,13 +743,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__ */ jsxRuntime.jsx(
@@ -776,13 +763,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")
                       }
                     )
                   ] }),
@@ -799,7 +786,7 @@ const SettingsPage = () => {
                         wordBreak: "break-all"
                       },
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: 8, display: "block" }, children: "Add to .env file:" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: 8, display: "block" }, children: t("settings.security.encryption.envLabel", "Add to .env file:") }),
                         /* @__PURE__ */ jsxRuntime.jsxs("code", { style: { color: theme.colors.primary[700] }, children: [
                           "SESSION_ENCRYPTION_KEY=",
                           encryptionKey
@@ -832,10 +819,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__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: "Automatically block sessions from VPNs, proxies, or threat IPs" })
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.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") })
                     ] })
                   ] })
                 }
@@ -862,10 +849,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__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: "Fetch location data for each session (Premium)" })
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: t("settings.security.geolocation.description", "Fetch location data for each session (Premium)") })
                       ] })
                     ] })
                   }
@@ -891,10 +878,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__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: "Calculate security scores and detect threats (Premium)" })
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: t("settings.security.scoring.description", "Calculate security scores and detect threats (Premium)") })
                       ] })
                     ] })
                   }
@@ -902,7 +889,10 @@ const SettingsPage = () => {
               ] })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(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: "🚫 Max Failed Login Attempts" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: [
+                "🚫 ",
+                t("settings.security.maxFailed.title", "Max Failed Login Attempts")
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 designSystem.NumberInput,
                 {
@@ -912,11 +902,7 @@ const SettingsPage = () => {
                   max: 20
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "warning50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "warning700", style: { fontSize: "11px" }, children: [
-                "User will be blocked after ",
-                settings.maxFailedLogins,
-                " failed attempts"
-              ] }) })
+              /* @__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: t("settings.security.maxFailed.hint", "User will be blocked after {count} failed attempts", { count: settings.maxFailedLogins }) }) })
             ] }) }) })
           ] }) })
         ] }),
@@ -925,14 +911,17 @@ const SettingsPage = () => {
             designSystem.Accordion.Trigger,
             {
               icon: icons.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__ */ 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: "32px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: theme.colors.neutral[700] }, children: "📧 EMAIL ALERTS" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: "Send security alerts to users via email" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.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__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
                 ToggleCard,
                 {
@@ -954,17 +943,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__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "⚙️ ALERT TYPES" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: [
+                "⚙️ ",
+                t("settings.email.types.title", "ALERT TYPES")
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, style: { marginBottom: "32px" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
                   designSystem.Box,
@@ -983,7 +975,7 @@ const SettingsPage = () => {
                       {
                         checked: settings.alertOnSuspiciousLogin,
                         onChange: () => handleChange("alertOnSuspiciousLogin", !settings.alertOnSuspiciousLogin),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: "Suspicious Login" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: t("settings.email.types.suspicious", "Suspicious Login") })
                       }
                     )
                   }
@@ -1005,7 +997,7 @@ const SettingsPage = () => {
                       {
                         checked: settings.alertOnNewLocation,
                         onChange: () => handleChange("alertOnNewLocation", !settings.alertOnNewLocation),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: "New Location" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: t("settings.email.types.newLocation", "New Location") })
                       }
                     )
                   }
@@ -1027,24 +1019,24 @@ const SettingsPage = () => {
                       {
                         checked: settings.alertOnVpnProxy,
                         onChange: () => handleChange("alertOnVpnProxy", !settings.alertOnVpnProxy),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: "VPN/Proxy" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "14px" }, children: t("settings.email.types.vpnProxy", "VPN/Proxy") })
                       }
                     )
                   }
                 ) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: "EMAIL TEMPLATES" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: "Customize email notification templates with dynamic variables" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: t("settings.email.templates.title", "EMAIL TEMPLATES") }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { value: activeTemplateTab, onValueChange: setActiveTemplateTab, children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.List, { "aria-label": "Email Templates", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "suspiciousLogin", children: "Suspicious Login" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "newLocation", children: "New Location" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "vpnProxy", children: "VPN/Proxy" })
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "suspiciousLogin", children: t("settings.email.templates.tab.suspicious", "Suspicious Login") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "newLocation", children: t("settings.email.templates.tab.newLocation", "New Location") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "vpnProxy", children: t("settings.email.templates.tab.vpnProxy", "VPN/Proxy") })
                 ] }),
                 Object.keys(settings.emailTemplates).map((templateKey) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: templateKey, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 4, children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { marginBottom: "24px" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Email Subject" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: t("settings.email.templates.subject", "Email Subject") }),
                     /* @__PURE__ */ jsxRuntime.jsx(
                       designSystem.TextInput,
                       {
@@ -1054,7 +1046,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...")
                       }
                     )
                   ] }),
@@ -1067,7 +1059,7 @@ const SettingsPage = () => {
                       children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
                         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
                           /* @__PURE__ */ jsxRuntime.jsx(icons.Code, { style: { width: "16px", height: "16px", color: theme.colors.primary[600] } }),
-                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "primary600", children: "Available Variables (click to copy)" })
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: "primary600", children: t("settings.email.templates.variables", "Available Variables (click to copy)") })
                         ] }),
                         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, wrap: "wrap", children: TEMPLATE_VARIABLES[templateKey].map(({ var: variable, desc }) => /* @__PURE__ */ jsxRuntime.jsx(
                           designSystem.Button,
@@ -1076,7 +1068,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",
@@ -1100,10 +1092,13 @@ const SettingsPage = () => {
                       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: "🎨 HTML Template" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { variant: "success", children: "Main Template" })
+                            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { fontSize: "18px" }, children: [
+                              "🎨 ",
+                              t("settings.email.templates.html.title", "HTML Template")
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { variant: "success", children: t("settings.email.templates.html.badge", "Main Template") })
                           ] }),
-                          /* @__PURE__ */ jsxRuntime.jsx(
+                          /* @__PURE__ */ jsxRuntime.jsxs(
                             designSystem.Button,
                             {
                               variant: "tertiary",
@@ -1113,17 +1108,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__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", display: "block", fontSize: "14px" }, children: [
-                          "HTML template for email notifications. Use variables like ",
-                          /* @__PURE__ */ jsxRuntime.jsx("code", { children: "{{user.email}}" }),
-                          " for dynamic content."
-                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(
                           designSystem.Box,
                           {
@@ -1179,19 +1173,22 @@ const SettingsPage = () => {
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, style: { marginTop: "12px" }, wrap: "wrap", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
+                          /* @__PURE__ */ jsxRuntime.jsxs(
                             designSystem.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__ */ jsxRuntime.jsx(
+                          /* @__PURE__ */ jsxRuntime.jsxs(
                             designSystem.Button,
                             {
                               variant: "tertiary",
@@ -1200,13 +1197,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.` : "[WARNING] 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__ */ jsxRuntime.jsx(
+                          /* @__PURE__ */ jsxRuntime.jsxs(
                             designSystem.Button,
                             {
                               variant: "tertiary",
@@ -1216,10 +1216,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")
+                              ]
                             }
                           )
                         ] })
@@ -1235,10 +1238,13 @@ const SettingsPage = () => {
                       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: "📄 Text Template" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { variant: "secondary", children: "Fallback" })
+                            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { fontSize: "18px" }, children: [
+                              "📄 ",
+                              t("settings.email.templates.text.title", "Text Template")
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { variant: "secondary", children: t("settings.email.templates.text.badge", "Fallback") })
                           ] }),
-                          /* @__PURE__ */ jsxRuntime.jsx(
+                          /* @__PURE__ */ jsxRuntime.jsxs(
                             designSystem.Button,
                             {
                               variant: "tertiary",
@@ -1248,13 +1254,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__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(
                           designSystem.Box,
                           {
@@ -1309,16 +1318,19 @@ const SettingsPage = () => {
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, style: { marginTop: "12px" }, wrap: "wrap", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, style: { marginTop: "12px" }, wrap: "wrap", children: /* @__PURE__ */ jsxRuntime.jsxs(
                           designSystem.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")
+                            ]
                           }
                         ) })
                       ]
@@ -1334,8 +1346,8 @@ const SettingsPage = () => {
             designSystem.Accordion.Trigger,
             {
               icon: icons.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__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
@@ -1360,17 +1372,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__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "13px", lineHeight: "1.6" }, children: "Send session events to Discord, Slack, or custom endpoints" })
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ 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: "12px", display: "block" }, children: "🔗 Discord Webhook URL" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: [
+                  "🔗 ",
+                  t("settings.webhooks.discord.title", "Discord Webhook URL")
+                ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   designSystem.Box,
                   {
@@ -1383,7 +1398,7 @@ const SettingsPage = () => {
                     children: /* @__PURE__ */ jsxRuntime.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,
@@ -1405,15 +1420,15 @@ const SettingsPage = () => {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", style: { marginTop: "10px" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px" }, children: "Optional: Post session alerts to your Discord channel" }),
-                  settings.discordWebhookUrl && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "primary600", style: { fontSize: "11px", fontFamily: "monospace" }, children: [
-                    settings.discordWebhookUrl.length,
-                    " characters"
-                  ] })
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "primary600", style: { fontSize: "11px", fontFamily: "monospace" }, children: t("settings.webhooks.characters", "{count} characters", { count: settings.discordWebhookUrl.length }) })
                 ] })
               ] }) }),
               /* @__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: "12px", display: "block" }, children: "💬 Slack Webhook URL" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: [
+                  "💬 ",
+                  t("settings.webhooks.slack.title", "Slack Webhook URL")
+                ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   designSystem.Box,
                   {
@@ -1426,7 +1441,7 @@ const SettingsPage = () => {
                     children: /* @__PURE__ */ jsxRuntime.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,
@@ -1448,11 +1463,8 @@ const SettingsPage = () => {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", style: { marginTop: "10px" }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px" }, children: "Optional: Post session alerts to your Slack workspace" }),
-                  settings.slackWebhookUrl && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "primary600", style: { fontSize: "11px", fontFamily: "monospace" }, children: [
-                    settings.slackWebhookUrl.length,
-                    " characters"
-                  ] })
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "primary600", style: { fontSize: "11px", fontFamily: "monospace" }, children: t("settings.webhooks.characters", "{count} characters", { count: settings.slackWebhookUrl.length }) })
                 ] })
               ] }) })
             ] })
@@ -1462,8 +1474,8 @@ const SettingsPage = () => {
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 5, background: "primary100", style: { borderRadius: theme.borderRadius.md, marginTop: "32px", border: "2px solid #BAE6FD" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
         /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { width: "20px", height: "20px", color: theme.colors.success[600], flexShrink: 0, marginTop: "2px" } }),
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.primary[700] }, children: "Database-Backed Settings" }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.primary[700] }, children: t("settings.footer.title", "Database-Backed Settings") }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.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.") })
         ] })
       ] }) })
     ] })