strapi-plugin-magic-sessionmanager 4.0.1 → 4.0.3

package/dist/_chunks/{Settings-D5dLEGc_.mjs → Settings-C9xvckgq.mjs}

@@ -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-Duk1_Wrz.mjs";
-import { u as useLicense } from "./useLicense-Ce8GaxB0.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%)"};
@@ -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.` : "[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__ */ 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.") })
         ] })
       ] }) })
     ] })