strapi-plugin-oidc 1.8.5 → 1.9.1

package/dist/admin/{index-DDCcJt16.js → index-BJjdJ_L0.js}

@@ -7,7 +7,7 @@ const React = require("react");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
-const index = require("./index-C8nfr95D.js");
+const index = require("./index-C5fI9GEC.js");
 const styled = require("styled-components");
 const lucideReact = require("lucide-react");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -426,7 +426,14 @@ const DayButton = styled__default.default.button`
   aspect-ratio: 1;
   border: none;
   background: ${({ $selected, $inRange, $pending, theme }) => $pending ? theme.colors.warning200 : $selected ? theme.colors.primary600 : $inRange ? theme.colors.primary100 : "transparent"};
-  color: ${({ $selected, $inRange, $pending, $future, $alreadySelected, theme }) => $pending ? theme.colors.warning600 : $selected ? theme.colors.neutral0 : $inRange ? theme.colors.primary600 : theme.colors.neutral800};
+  color: ${({
+  $selected,
+  $inRange,
+  $pending,
+  $future: _future,
+  $alreadySelected: _alreadySelected,
+  theme
+}) => $pending ? theme.colors.warning600 : $selected ? theme.colors.neutral0 : $inRange ? theme.colors.primary600 : theme.colors.neutral800};
   opacity: ${({ $future, $alreadySelected }) => $future || $alreadySelected ? 0.4 : 1};
   border-radius: 4px;
   cursor: pointer;
@@ -852,7 +859,6 @@ function TablePagination({ page, pageCount, onPageChange, total }) {
   ] }) });
 }
 const PAGE_SIZE$1 = 10;
-const EMAIL_REGEX$1 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function Whitelist({
   users,
   useWhitelist,
@@ -893,7 +899,7 @@ function Whitelist({
         if (!Array.isArray(parsed)) throw new Error();
         const emails = parsed.filter((item) => item?.email).map(
           (item) => String(item.email).trim().toLowerCase()
-        ).filter((email2) => EMAIL_REGEX$1.test(email2));
+        ).filter((email2) => index.EMAIL_REGEX.test(email2));
         const count = await onImport(emails);
         if (count === 0) {
           toggleNotification({
@@ -935,7 +941,7 @@ function Whitelist({
                   type: "text",
                   disabled: loading,
                   value: email,
-                  hasError: Boolean(email && !EMAIL_REGEX$1.test(email)),
+                  hasError: Boolean(email && !index.EMAIL_REGEX.test(email)),
                   onChange: (e) => setEmail(e.currentTarget.value),
                   placeholder: formatMessage(index.getTrad("whitelist.email.placeholder")),
                   style: { fontSize: "1.4rem", lineHeight: "2.2rem" }
@@ -946,7 +952,7 @@ function Whitelist({
                 {
                   size: "S",
                   startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
-                  disabled: loading || email.trim() === "" || !EMAIL_REGEX$1.test(email),
+                  disabled: loading || email.trim() === "" || !index.EMAIL_REGEX.test(email),
                   loading,
                   onClick: onSaveEmail,
                   children: formatMessage(index.getTrad("page.add"))
@@ -1081,7 +1087,6 @@ const AUDIT_ACTIONS = [
   "user_created"
 ];
 const IP_REGEX = /^(?:(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)|(?:(?:[0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,7}:|(?:[0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,5}(?::[0-9a-fA-F]{1,4}){1,2}|(?:[0-9a-fA-F]{1,4}:){1,4}(?::[0-9a-fA-F]{1,4}){1,3}|(?:[0-9a-fA-F]{1,4}:){1,3}(?::[0-9a-fA-F]{1,4}){1,4}|(?:[0-9a-fA-F]{1,4}:){1,2}(?::[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:(?::[0-9a-fA-F]{1,4}){1,6}|:(?::[0-9a-fA-F]{1,4}){1,7}|::))$/;
-const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function FilterBar({
   filters,
   hasActiveFilters,
@@ -1114,7 +1119,7 @@ function FilterBar({
               onChange: (selections) => {
                 onFiltersChange((prev) => {
                   if (selections.length === 0) {
-                    const { createdAt, ...rest } = prev;
+                    const { createdAt: _createdAt, ...rest } = prev;
                     return rest;
                   }
                   return { ...prev, createdAt: selections };
@@ -1141,7 +1146,7 @@ function FilterBar({
               onChange: (value) => onFiltersChange((prev) => ({ ...prev, email: value })),
               placeholder: formatMessage(index.getTrad("auditlog.filters.email")),
               startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "1.4rem", height: "1.4rem" }) }),
-              validate: (v) => EMAIL_REGEX.test(v)
+              validate: (v) => index.EMAIL_REGEX.test(v)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1181,25 +1186,36 @@ function LogTable({ records, loading, hasActiveFilters }) {
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tbody, { children: [
         records.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "80px" }, children: loading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: hasActiveFilters ? formatMessage(index.getTrad("auditlog.filters.empty")) : formatMessage(index.getTrad("auditlog.table.empty")) }) }) }) }),
-        records.map((record) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { style: { opacity: loading ? 0.4 : 1, transition: "opacity 0.15s" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: /* @__PURE__ */ jsxRuntime.jsx(LocalizedDate, { date: record.createdAt, options: { second: "2-digit" } }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: record.action }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: formatMessage(index.getTrad(`auditlog.action.${record.action}`)), children: /* @__PURE__ */ jsxRuntime.jsx(
-              icons.Information,
-              {
-                "aria-hidden": true,
-                style: { cursor: "help" },
-                width: "1.4rem",
-                height: "1.4rem",
-                fill: "primary600"
-              }
-            ) })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: record.email ?? "—" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: record.ip ?? "—" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { maxWidth: "200px" }, children: record.details ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: record.details, side: "top", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: DETAILS_TEXT_STYLE, children: record.details }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: "—" }) })
-        ] }, record.id))
+        records.map((record) => {
+          const detailKey = record.detailsKey ? `audit.${record.detailsKey}` : null;
+          const detail = detailKey && index.en[detailKey] ? formatMessage(index.getTrad(detailKey), record.detailsParams ?? {}) : null;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Tr,
+            {
+              style: { opacity: loading ? 0.4 : 1, transition: "opacity 0.15s" },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: /* @__PURE__ */ jsxRuntime.jsx(LocalizedDate, { date: record.createdAt, options: { second: "2-digit" } }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: record.action }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: formatMessage(index.getTrad(`auditlog.action.${record.action}`)), children: /* @__PURE__ */ jsxRuntime.jsx(
+                    icons.Information,
+                    {
+                      "aria-hidden": true,
+                      style: { cursor: "help" },
+                      width: "1.4rem",
+                      height: "1.4rem",
+                      fill: "primary600"
+                    }
+                  ) })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: record.email ?? "—" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: record.ip ?? "—" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { maxWidth: "200px" }, children: detail ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: detail, side: "top", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: DETAILS_TEXT_STYLE, children: detail }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: "—" }) })
+              ]
+            },
+            record.id
+          );
+        })
       ] })
     ] }),
     loading && records.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -3773,8 +3789,7 @@ function buildQueryString(params) {
     { encodeValuesOnly: true }
   );
 }
-const PAGE_SIZE = 10;
-const MIN_SPINNER_MS = 400;
+const PAGE_SIZE = index.AUDIT_LOG_DEFAULTS.ADMIN_PAGE_SIZE;
 function useDebounced(value, delay = 300) {
   const [debounced, setDebounced] = React.useState(value);
   React.useEffect(() => {
@@ -3814,7 +3829,7 @@ function useAuditLogs(page, filters) {
         };
       } catch {
       }
-      const remaining = MIN_SPINNER_MS - (Date.now() - startTime);
+      const remaining = index.UI_DEFAULTS.MIN_SPINNER_MS - (Date.now() - startTime);
       if (remaining > 0) await new Promise((r) => setTimeout(r, remaining));
       if (gen !== fetchGenRef.current) return;
       setRecords(newRecords);
@@ -4003,7 +4018,7 @@ const SwitchInput = styled__default.default.input`
   &:checked + span:before {
     transform: translateX(16px);
   }
-  
+
   &:disabled + span {
     pointer-events: none;
   }
@@ -4021,7 +4036,7 @@ const SwitchSlider = styled__default.default.span`
 
   &:before {
     position: absolute;
-    content: "";
+    content: '';
     height: 18px;
     width: 18px;
     left: 3px;
@@ -4031,21 +4046,26 @@ const SwitchSlider = styled__default.default.span`
     border-radius: 50%;
   }
 `;
-function CustomSwitch({ checked, onChange, label, disabled }) {
+function CustomSwitch({
+  checked,
+  onChange,
+  label,
+  disabled
+}) {
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(SwitchContainer, { $disabled: disabled, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        SwitchInput,
-        {
-          type: "checkbox",
-          checked,
-          onChange,
-          disabled
-        }
-      ),
+      /* @__PURE__ */ jsxRuntime.jsx(SwitchInput, { type: "checkbox", checked, onChange, disabled }),
       /* @__PURE__ */ jsxRuntime.jsx(SwitchSlider, {})
     ] }),
-    label && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: disabled ? "neutral500" : "neutral800", children: label })
+    label && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Typography,
+      {
+        variant: "pi",
+        fontWeight: "bold",
+        textColor: disabled ? "neutral500" : "neutral800",
+        children: label
+      }
+    )
   ] });
 }
 function formatDatetimeForFilename(date) {

package/dist/admin/{index-C8nfr95D.js → index-C5fI9GEC.js}

@@ -177,7 +177,10 @@ const en = {
   "user.invalid_state": "State parameter mismatch. Please restart the login flow.",
   "user.signInError": "Authentication failed. Please try again.",
   "settings.section": "OIDC",
-  "settings.configuration": "Configuration"
+  "settings.configuration": "Configuration",
+  "audit.login_failure": "Error: {message}",
+  "audit.roles_updated": "Roles updated to: {roles}",
+  "audit.user_created": "Roles assigned: {roles}"
 };
 function getTrad(id) {
   const pluginIdWithId = `${pluginId}.${id}`;
@@ -189,9 +192,30 @@ function getTrad(id) {
 function t(id) {
   return en[id];
 }
+const PLUGIN_UID = "plugin::strapi-plugin-oidc";
+const PERMISSIONS = {
+  READ: `${PLUGIN_UID}.read`
+};
+const AUDIT_LOG_DEFAULTS = {
+  ADMIN_PAGE_SIZE: 10
+};
+const UI_DEFAULTS = {
+  MIN_SPINNER_MS: 400
+};
+const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const name = pluginPkg.strapi.displayName;
 const index = {
   register(app) {
+    const link = {
+      id: "configuration",
+      to: `/settings/${pluginId}`,
+      intlLabel: {
+        id: "settings.configuration",
+        defaultMessage: "Configuration"
+      },
+      Component: () => Promise.resolve().then(() => require("./index-BJjdJ_L0.js")),
+      permissions: [{ action: PERMISSIONS.READ, subject: null }]
+    };
     app.addSettingsLink(
       {
         id: "oidc",
@@ -200,18 +224,7 @@ const index = {
           defaultMessage: "OIDC"
         }
       },
-      {
-        id: "configuration",
-        to: `/settings/${pluginId}`,
-        intlLabel: {
-          id: "settings.configuration",
-          defaultMessage: "Configuration"
-        },
-        Component: async () => {
-          return await Promise.resolve().then(() => require("./index-DDCcJt16.js"));
-        },
-        permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }]
-      }
+      link
     );
     app.registerPlugin({
       id: pluginId,
@@ -344,5 +357,9 @@ const index = {
     return importedTrads;
   }
 };
+exports.AUDIT_LOG_DEFAULTS = AUDIT_LOG_DEFAULTS;
+exports.EMAIL_REGEX = EMAIL_REGEX;
+exports.UI_DEFAULTS = UI_DEFAULTS;
+exports.en = en;
 exports.getTrad = getTrad;
 exports.index = index;

package/dist/admin/{index-BlfNZYVU.mjs → index-D0ORg9LL.mjs}

@@ -174,7 +174,10 @@ const en = {
   "user.invalid_state": "State parameter mismatch. Please restart the login flow.",
   "user.signInError": "Authentication failed. Please try again.",
   "settings.section": "OIDC",
-  "settings.configuration": "Configuration"
+  "settings.configuration": "Configuration",
+  "audit.login_failure": "Error: {message}",
+  "audit.roles_updated": "Roles updated to: {roles}",
+  "audit.user_created": "Roles assigned: {roles}"
 };
 function getTrad(id) {
   const pluginIdWithId = `${pluginId}.${id}`;
@@ -186,9 +189,30 @@ function getTrad(id) {
 function t(id) {
   return en[id];
 }
+const PLUGIN_UID = "plugin::strapi-plugin-oidc";
+const PERMISSIONS = {
+  READ: `${PLUGIN_UID}.read`
+};
+const AUDIT_LOG_DEFAULTS = {
+  ADMIN_PAGE_SIZE: 10
+};
+const UI_DEFAULTS = {
+  MIN_SPINNER_MS: 400
+};
+const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const name = pluginPkg.strapi.displayName;
 const index = {
   register(app) {
+    const link = {
+      id: "configuration",
+      to: `/settings/${pluginId}`,
+      intlLabel: {
+        id: "settings.configuration",
+        defaultMessage: "Configuration"
+      },
+      Component: () => import("./index-YcZbHa90.mjs"),
+      permissions: [{ action: PERMISSIONS.READ, subject: null }]
+    };
     app.addSettingsLink(
       {
         id: "oidc",
@@ -197,18 +221,7 @@ const index = {
           defaultMessage: "OIDC"
         }
       },
-      {
-        id: "configuration",
-        to: `/settings/${pluginId}`,
-        intlLabel: {
-          id: "settings.configuration",
-          defaultMessage: "Configuration"
-        },
-        Component: async () => {
-          return await import("./index-DRFXk_MQ.mjs");
-        },
-        permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }]
-      }
+      link
     );
     app.registerPlugin({
       id: pluginId,
@@ -342,6 +355,10 @@ const index = {
   }
 };
 export {
+  AUDIT_LOG_DEFAULTS as A,
+  EMAIL_REGEX as E,
+  UI_DEFAULTS as U,
+  en as e,
   getTrad as g,
   index as i
 };

package/dist/admin/{index-DRFXk_MQ.mjs → index-YcZbHa90.mjs}

@@ -5,7 +5,7 @@ import { useState, useRef, useId, useEffect, useCallback, useReducer, useMemo, m
 import { Typography, Flex, Box, MultiSelect, MultiSelectOption, Button, Dialog, Table, Pagination, PreviousLink, NextLink, PageLink, Field, Divider, Thead, Tr, Th, Tbody, Td, IconButton, Loader, Tooltip, Alert } from "@strapi/design-system";
 import { Cross, WarningCircle, Plus, Download, Upload, Trash, Calendar, Mail, Information } from "@strapi/icons";
 import { useIntl } from "react-intl";
-import { g as getTrad } from "./index-BlfNZYVU.mjs";
+import { g as getTrad, E as EMAIL_REGEX, e as en, A as AUDIT_LOG_DEFAULTS, U as UI_DEFAULTS } from "./index-D0ORg9LL.mjs";
 import styled from "styled-components";
 import { Filter, ClipboardList, Server } from "lucide-react";
 function Role({ oidcRoles, roles, onChangeRole }) {
@@ -422,7 +422,14 @@ const DayButton = styled.button`
   aspect-ratio: 1;
   border: none;
   background: ${({ $selected, $inRange, $pending, theme }) => $pending ? theme.colors.warning200 : $selected ? theme.colors.primary600 : $inRange ? theme.colors.primary100 : "transparent"};
-  color: ${({ $selected, $inRange, $pending, $future, $alreadySelected, theme }) => $pending ? theme.colors.warning600 : $selected ? theme.colors.neutral0 : $inRange ? theme.colors.primary600 : theme.colors.neutral800};
+  color: ${({
+  $selected,
+  $inRange,
+  $pending,
+  $future: _future,
+  $alreadySelected: _alreadySelected,
+  theme
+}) => $pending ? theme.colors.warning600 : $selected ? theme.colors.neutral0 : $inRange ? theme.colors.primary600 : theme.colors.neutral800};
   opacity: ${({ $future, $alreadySelected }) => $future || $alreadySelected ? 0.4 : 1};
   border-radius: 4px;
   cursor: pointer;
@@ -848,7 +855,6 @@ function TablePagination({ page, pageCount, onPageChange, total }) {
   ] }) });
 }
 const PAGE_SIZE$1 = 10;
-const EMAIL_REGEX$1 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function Whitelist({
   users,
   useWhitelist,
@@ -889,7 +895,7 @@ function Whitelist({
         if (!Array.isArray(parsed)) throw new Error();
         const emails = parsed.filter((item) => item?.email).map(
           (item) => String(item.email).trim().toLowerCase()
-        ).filter((email2) => EMAIL_REGEX$1.test(email2));
+        ).filter((email2) => EMAIL_REGEX.test(email2));
         const count = await onImport(emails);
         if (count === 0) {
           toggleNotification({
@@ -931,7 +937,7 @@ function Whitelist({
                   type: "text",
                   disabled: loading,
                   value: email,
-                  hasError: Boolean(email && !EMAIL_REGEX$1.test(email)),
+                  hasError: Boolean(email && !EMAIL_REGEX.test(email)),
                   onChange: (e) => setEmail(e.currentTarget.value),
                   placeholder: formatMessage(getTrad("whitelist.email.placeholder")),
                   style: { fontSize: "1.4rem", lineHeight: "2.2rem" }
@@ -942,7 +948,7 @@ function Whitelist({
                 {
                   size: "S",
                   startIcon: /* @__PURE__ */ jsx(Plus, {}),
-                  disabled: loading || email.trim() === "" || !EMAIL_REGEX$1.test(email),
+                  disabled: loading || email.trim() === "" || !EMAIL_REGEX.test(email),
                   loading,
                   onClick: onSaveEmail,
                   children: formatMessage(getTrad("page.add"))
@@ -1077,7 +1083,6 @@ const AUDIT_ACTIONS = [
   "user_created"
 ];
 const IP_REGEX = /^(?:(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)|(?:(?:[0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,7}:|(?:[0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|(?:[0-9a-fA-F]{1,4}:){1,5}(?::[0-9a-fA-F]{1,4}){1,2}|(?:[0-9a-fA-F]{1,4}:){1,4}(?::[0-9a-fA-F]{1,4}){1,3}|(?:[0-9a-fA-F]{1,4}:){1,3}(?::[0-9a-fA-F]{1,4}){1,4}|(?:[0-9a-fA-F]{1,4}:){1,2}(?::[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:(?::[0-9a-fA-F]{1,4}){1,6}|:(?::[0-9a-fA-F]{1,4}){1,7}|::))$/;
-const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function FilterBar({
   filters,
   hasActiveFilters,
@@ -1110,7 +1115,7 @@ function FilterBar({
               onChange: (selections) => {
                 onFiltersChange((prev) => {
                   if (selections.length === 0) {
-                    const { createdAt, ...rest } = prev;
+                    const { createdAt: _createdAt, ...rest } = prev;
                     return rest;
                   }
                   return { ...prev, createdAt: selections };
@@ -1177,25 +1182,36 @@ function LogTable({ records, loading, hasActiveFilters }) {
       ] }) }),
       /* @__PURE__ */ jsxs(Tbody, { children: [
         records.length === 0 && /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 5, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", style: { minHeight: "80px" }, children: loading ? /* @__PURE__ */ jsx(Loader, { small: true }) : /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: hasActiveFilters ? formatMessage(getTrad("auditlog.filters.empty")) : formatMessage(getTrad("auditlog.table.empty")) }) }) }) }),
-        records.map((record) => /* @__PURE__ */ jsxs(Tr, { style: { opacity: loading ? 0.4 : 1, transition: "opacity 0.15s" }, children: [
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: /* @__PURE__ */ jsx(LocalizedDate, { date: record.createdAt, options: { second: "2-digit" } }) }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.action }),
-            /* @__PURE__ */ jsx(Tooltip, { label: formatMessage(getTrad(`auditlog.action.${record.action}`)), children: /* @__PURE__ */ jsx(
-              Information,
-              {
-                "aria-hidden": true,
-                style: { cursor: "help" },
-                width: "1.4rem",
-                height: "1.4rem",
-                fill: "primary600"
-              }
-            ) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.email ?? "—" }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.ip ?? "—" }) }),
-          /* @__PURE__ */ jsx(Td, { style: { maxWidth: "200px" }, children: record.details ? /* @__PURE__ */ jsx(Tooltip, { label: record.details, side: "top", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: DETAILS_TEXT_STYLE, children: record.details }) }) : /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "—" }) })
-        ] }, record.id))
+        records.map((record) => {
+          const detailKey = record.detailsKey ? `audit.${record.detailsKey}` : null;
+          const detail = detailKey && en[detailKey] ? formatMessage(getTrad(detailKey), record.detailsParams ?? {}) : null;
+          return /* @__PURE__ */ jsxs(
+            Tr,
+            {
+              style: { opacity: loading ? 0.4 : 1, transition: "opacity 0.15s" },
+              children: [
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: /* @__PURE__ */ jsx(LocalizedDate, { date: record.createdAt, options: { second: "2-digit" } }) }) }),
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.action }),
+                  /* @__PURE__ */ jsx(Tooltip, { label: formatMessage(getTrad(`auditlog.action.${record.action}`)), children: /* @__PURE__ */ jsx(
+                    Information,
+                    {
+                      "aria-hidden": true,
+                      style: { cursor: "help" },
+                      width: "1.4rem",
+                      height: "1.4rem",
+                      fill: "primary600"
+                    }
+                  ) })
+                ] }) }),
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.email ?? "—" }) }),
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: record.ip ?? "—" }) }),
+                /* @__PURE__ */ jsx(Td, { style: { maxWidth: "200px" }, children: detail ? /* @__PURE__ */ jsx(Tooltip, { label: detail, side: "top", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: DETAILS_TEXT_STYLE, children: detail }) }) : /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "—" }) })
+              ]
+            },
+            record.id
+          );
+        })
       ] })
     ] }),
     loading && records.length > 0 && /* @__PURE__ */ jsx(
@@ -3769,8 +3785,7 @@ function buildQueryString(params) {
     { encodeValuesOnly: true }
   );
 }
-const PAGE_SIZE = 10;
-const MIN_SPINNER_MS = 400;
+const PAGE_SIZE = AUDIT_LOG_DEFAULTS.ADMIN_PAGE_SIZE;
 function useDebounced(value, delay = 300) {
   const [debounced, setDebounced] = useState(value);
   useEffect(() => {
@@ -3810,7 +3825,7 @@ function useAuditLogs(page, filters) {
         };
       } catch {
       }
-      const remaining = MIN_SPINNER_MS - (Date.now() - startTime);
+      const remaining = UI_DEFAULTS.MIN_SPINNER_MS - (Date.now() - startTime);
       if (remaining > 0) await new Promise((r) => setTimeout(r, remaining));
       if (gen !== fetchGenRef.current) return;
       setRecords(newRecords);
@@ -3999,7 +4014,7 @@ const SwitchInput = styled.input`
   &:checked + span:before {
     transform: translateX(16px);
   }
-  
+
   &:disabled + span {
     pointer-events: none;
   }
@@ -4017,7 +4032,7 @@ const SwitchSlider = styled.span`
 
   &:before {
     position: absolute;
-    content: "";
+    content: '';
     height: 18px;
     width: 18px;
     left: 3px;
@@ -4027,21 +4042,26 @@ const SwitchSlider = styled.span`
     border-radius: 50%;
   }
 `;
-function CustomSwitch({ checked, onChange, label, disabled }) {
+function CustomSwitch({
+  checked,
+  onChange,
+  label,
+  disabled
+}) {
   return /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
     /* @__PURE__ */ jsxs(SwitchContainer, { $disabled: disabled, children: [
-      /* @__PURE__ */ jsx(
-        SwitchInput,
-        {
-          type: "checkbox",
-          checked,
-          onChange,
-          disabled
-        }
-      ),
+      /* @__PURE__ */ jsx(SwitchInput, { type: "checkbox", checked, onChange, disabled }),
       /* @__PURE__ */ jsx(SwitchSlider, {})
     ] }),
-    label && /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: disabled ? "neutral500" : "neutral800", children: label })
+    label && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "pi",
+        fontWeight: "bold",
+        textColor: disabled ? "neutral500" : "neutral800",
+        children: label
+      }
+    )
   ] });
 }
 function formatDatetimeForFilename(date) {

package/dist/admin/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("./index-C8nfr95D.js");
+const index = require("./index-C5fI9GEC.js");
 require("react");
 require("react-dom/client");
 exports.default = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "./index-BlfNZYVU.mjs";
+import { i } from "./index-D0ORg9LL.mjs";
 import "react";
 import "react-dom/client";
 export {