@memori.ai/memori-react 9.0.0-alpha.24 → 9.0.0-alpha.25

package/src/components/layouts/__snapshots__/Totem.test.tsx.snap

@@ -10,7 +10,7 @@ exports[`renders Totem layout unchanged 1`] = `
     data-memori-name="Memori"
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
     data-theme="light"
-    style="height: 100vh;"
+    style="height: 100vh; --memori-z-index-base: 0;"
   >
     <div
       aria-atomic="false"
@@ -20,11 +20,11 @@ exports[`renders Totem layout unchanged 1`] = `
       class="memori-alert-viewport memori-alert-viewport--top-end"
       data-theme="light"
       role="region"
-      style="z-index: 10002;"
       tabindex="-1"
     />
     <div
       class="memori-widget__surface"
+      style="--memori-z-index-base: 0;"
     >
       <style>
         @layer memori.overrides {
@@ -225,7 +225,7 @@ exports[`renders Totem layout unchanged 1`] = `
                       >
                         <svg
                           aria-hidden="true"
-                          class="lucide lucide-volume2"
+                          class="lucide lucide-volume2 lucide-volume-2"
                           fill="none"
                           height="20"
                           stroke="currentColor"
@@ -276,7 +276,7 @@ exports[`renders Totem layout unchanged 1`] = `
                       >
                         <svg
                           aria-hidden="true"
-                          class="lucide lucide-share2"
+                          class="lucide lucide-share2 lucide-share-2"
                           fill="none"
                           height="24"
                           stroke="currentColor"
@@ -341,6 +341,7 @@ exports[`renders Totem layout unchanged 1`] = `
                         class="memori-button__icon"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-refresh-cw"
                           fill="none"
                           height="24"
@@ -391,6 +392,7 @@ exports[`renders Totem layout unchanged 1`] = `
                         class="memori-button__icon"
                       >
                         <svg
+                          aria-hidden="true"
                           class="lucide lucide-settings"
                           fill="none"
                           height="24"
@@ -403,7 +405,7 @@ exports[`renders Totem layout unchanged 1`] = `
                           xmlns="http://www.w3.org/2000/svg"
                         >
                           <path
-                            d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"
+                            d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"
                           />
                           <circle
                             cx="12"
@@ -452,6 +454,7 @@ exports[`renders Totem layout unchanged 1`] = `
                           class="memori-button__icon"
                         >
                           <svg
+                            aria-hidden="true"
                             class="lucide lucide-user"
                             fill="none"
                             height="24"
@@ -732,6 +735,7 @@ exports[`renders Totem layout unchanged 1`] = `
                           class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                         >
                           <svg
+                            aria-hidden="true"
                             class="lucide lucide-eye memori--settings-section__icon"
                             fill="none"
                             height="24"
@@ -788,6 +792,7 @@ exports[`renders Totem layout unchanged 1`] = `
                                 class="memori-button__content"
                               >
                                 <svg
+                                  aria-hidden="true"
                                   class="lucide lucide-info memori--settings-section__inline-info-icon"
                                   fill="none"
                                   height="24"

package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap

@@ -10,7 +10,7 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
     data-memori-name="Memori"
     data-memori-secondary-id="25ced51c-3520-41af-8bbe-222d861b8e32"
     data-theme="light"
-    style="height: 100vh;"
+    style="height: 100vh; --memori-z-index-base: 0;"
   >
     <div
       aria-atomic="false"
@@ -20,11 +20,11 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
       class="memori-alert-viewport memori-alert-viewport--top-end"
       data-theme="light"
       role="region"
-      style="z-index: 10002;"
       tabindex="-1"
     />
     <div
       class="memori-widget__surface"
+      style="--memori-z-index-base: 0;"
     >
       <style>
         @layer memori.overrides {
@@ -92,7 +92,7 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="lucide lucide-volume2"
+                                class="lucide lucide-volume2 lucide-volume-2"
                                 fill="none"
                                 height="20"
                                 stroke="currentColor"
@@ -143,7 +143,7 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="lucide lucide-share2"
+                                class="lucide lucide-share2 lucide-share-2"
                                 fill="none"
                                 height="24"
                                 stroke="currentColor"
@@ -456,6 +456,7 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
                                   class="memori--settings-section__icon-box memori--settings-section__icon-box--neutral"
                                 >
                                   <svg
+                                    aria-hidden="true"
                                     class="lucide lucide-eye memori--settings-section__icon"
                                     fill="none"
                                     height="24"
@@ -512,6 +513,7 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
                                         class="memori-button__content"
                                       >
                                         <svg
+                                          aria-hidden="true"
                                           class="lucide lucide-info memori--settings-section__inline-info-icon"
                                           fill="none"
                                           height="24"

package/src/components/layouts/fullpage.css

@@ -423,6 +423,7 @@
 .memori-widget.memori-layout-fullpage .memori-chat-layout--controls .memori-chat-inputs-wrapper {
     width: 100%;
     flex-shrink: 0;
+    padding: 16px 4px;
     border: none;
     border-radius: 0;
     background: var(--memori-secondary-background);

package/src/components/layouts/hidden-chat.css

@@ -190,12 +190,17 @@
     flex-shrink: 0;
 }
 
-/* Fullscreen styles */
-.memori-sidebar-fullscreen {
+/* Fullscreen styles — cover the full window width (browser FS or class toggle) */
+.memori-sidebar-fullscreen,
+.memori-sidebar:fullscreen,
+.memori-sidebar:-webkit-full-screen {
+    top: 0 !important;
     right: 0 !important;
+    left: 0 !important;
     width: 100% !important;
-    max-width: 100% !important;
+    max-width: none !important;
     height: 100% !important;
+    border-radius: 0;
     box-shadow: none;
 }
 
@@ -287,6 +292,19 @@
     right: 55%;
 }
 
+/* Fullscreen must win over the artifact split offset */
+.memori-sidebar-toggle-artifact:checked
+    ~ .memori-sidebar-container
+    .memori-sidebar.memori-sidebar-fullscreen,
+.memori-sidebar-toggle-artifact:checked
+    ~ .memori-sidebar-container
+    .memori-sidebar:fullscreen,
+.memori-sidebar-toggle-artifact:checked
+    ~ .memori-sidebar-container
+    .memori-sidebar:-webkit-full-screen {
+    right: 0 !important;
+}
+
 .memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-open-label {
     opacity: 0;
     pointer-events: none;
@@ -554,16 +572,22 @@
     }
 
     /* Mobile fullscreen styles */
-    .memori-sidebar-fullscreen {
+    .memori-sidebar-fullscreen,
+    .memori-sidebar:fullscreen,
+    .memori-sidebar:-webkit-full-screen {
         display: block;
     }
 
-    .memori-sidebar-container .memori-sidebar-fullscreen {
+    .memori-sidebar-container .memori-sidebar-fullscreen,
+    .memori-sidebar-container .memori-sidebar:fullscreen,
+    .memori-sidebar-container .memori-sidebar:-webkit-full-screen {
         position: fixed;
         top: 0;
+        right: 0 !important;
         left: 0;
         display: block;
         width: 100% !important;
+        max-width: none !important;
         height: 100% !important;
     }
 }

package/src/components/layouts/layouts.stories.tsx

@@ -94,10 +94,10 @@ export const WebsiteAssistant: Story = {
   },
 };
 
-export const WebsiteAssistantWithout3DAvatar: Story = {
+export const WebsiteAssistantWith3DAvatar: Story = {
   args: {
     ...WebsiteAssistant.args,
-    avatar3dHidden: true,
+    avatar3dHidden: false,
   },
 };
 

package/src/helpers/error.ts

@@ -52,7 +52,8 @@ const errors = {
   SESSION_EXPIRED: -103,
   SESSION_OTP_NOT_FOUND: -107,
   SESSION_OTP_EXPIRED: -108,
-  SESSION_MISSING_TEMPORARY_TOKEN: -109,
+  SESSION_OTP_INVALID: -109,
+  SESSION_OTP_ATTEMPTS_EXCEEDED: -110,
 
   MEMORI_MISSING_CONFIGURATION: -201,
   MEMORI_CONFIGURATION_NOT_FOUND: -202,

package/src/helpers/positionPopover.test.ts

@@ -1,8 +1,23 @@
 import {
+  isHeaderPositionPopoverAvailable,
   shouldHoldAutoStartForPosition,
   shouldRestartSessionOnPositionPopoverClose,
 } from './positionPopover';
 
+describe('isHeaderPositionPopoverAvailable', () => {
+  it('is unavailable on mobile when the layout strips needsPosition', () => {
+    expect(isHeaderPositionPopoverAvailable(true, true)).toBe(false);
+  });
+
+  it('is available on desktop even when the layout strips on mobile', () => {
+    expect(isHeaderPositionPopoverAvailable(false, true)).toBe(true);
+  });
+
+  it('is available on mobile when the layout keeps needsPosition', () => {
+    expect(isHeaderPositionPopoverAvailable(true, false)).toBe(true);
+  });
+});
+
 describe('shouldHoldAutoStartForPosition', () => {
   it('holds auto-start when position is required and none is stored', () => {
     expect(shouldHoldAutoStartForPosition(true, false)).toBe(true);

package/src/helpers/positionPopover.ts

@@ -10,6 +10,22 @@ export function shouldHoldAutoStartForPosition(
   return !!needsPosition && !hasPosition;
 }
 
+/**
+ * Whether Header exposes the position popover for the current layout.
+ * Mobile FullPage/Chat/ZoomedFullBody strip `needsPosition` from Header, so
+ * PositionPopover is not mounted and StartPanel must not rely on
+ * openPositionPopover + autoStartGeolocation alone.
+ */
+export function isHeaderPositionPopoverAvailable(
+  isMobile: boolean,
+  layoutStripsNeedsPositionOnMobile: boolean
+): boolean {
+  if (isMobile && layoutStripsNeedsPositionOnMobile) {
+    return false;
+  }
+  return true;
+}
+
 /**
  * Whether closing the position popover should re-run autoStart (`onClickStart`).
  * Only true on a real open → closed transition when a session has not started yet

package/src/helpers/usePressTooltip.test.ts

@@ -0,0 +1,30 @@
+import { renderHook, act } from '@testing-library/react';
+import type { MouseEvent } from 'react';
+import { usePressTooltip } from './usePressTooltip';
+
+describe('usePressTooltip', () => {
+  it('toggles open on press trigger click and exposes a fixed anchor positioner', () => {
+    const { result } = renderHook(() => usePressTooltip());
+
+    expect(result.current.open).toBe(false);
+    expect(result.current.positionerProps.positionMethod).toBe('fixed');
+
+    const anchor = document.createElement('button');
+    act(() => {
+      result.current.anchorRef(anchor);
+    });
+    expect(result.current.positionerProps.anchor.current).toBe(anchor);
+
+    const clickEvent = {
+      stopPropagation: jest.fn(),
+    } as unknown as MouseEvent;
+
+    act(() => {
+      result.current.pressTriggerProps.onClick(clickEvent);
+    });
+
+    expect(clickEvent.stopPropagation).toHaveBeenCalled();
+    expect(result.current.open).toBe(true);
+    expect(result.current.tooltipProps.open).toBe(true);
+  });
+});

package/src/helpers/usePressTooltip.ts

@@ -1,18 +1,36 @@
 import {
   useCallback,
+  useRef,
   useState,
   type MouseEvent,
   type PointerEvent,
+  type RefCallback,
 } from 'react';
 
+/**
+ * Click-to-toggle for Base UI tooltips (touch / explicit open).
+ *
+ * Hover opens through Base UI with the trigger attached synchronously
+ * (`flushSync`). A controlled `open` flip from a nested button click does
+ * not — `stopPropagation` also blocks `referencePress` dismiss, so Floating UI
+ * can mount the positioner with no reference and stick at viewport 0,0.
+ *
+ * Attach `anchorRef` to the press target and merge `positionerProps` into
+ * Tooltip `slotProps.positioner` so click-open stays aligned with the control.
+ */
 export function usePressTooltip(defaultOpen = false) {
   const [open, setOpen] = useState(defaultOpen);
+  const anchorRef = useRef<HTMLElement | null>(null);
 
   const toggleOpen = useCallback((e: MouseEvent | PointerEvent) => {
     e.stopPropagation();
     setOpen(prev => !prev);
   }, []);
 
+  const setAnchorRef = useCallback<RefCallback<HTMLElement>>(node => {
+    anchorRef.current = node;
+  }, []);
+
   const pressTriggerProps = {
     onPointerDown: (e: PointerEvent) => {
       e.stopPropagation();
@@ -20,10 +38,22 @@ export function usePressTooltip(defaultOpen = false) {
     onClick: toggleOpen,
   } as const;
 
+  const positionerProps = {
+    anchor: anchorRef,
+    positionMethod: 'fixed' as const,
+  };
+
   const tooltipProps = {
     open,
     onOpenChange: setOpen,
   } as const;
 
-  return { open, setOpen, pressTriggerProps, tooltipProps };
+  return {
+    open,
+    setOpen,
+    anchorRef: setAnchorRef,
+    pressTriggerProps,
+    positionerProps,
+    tooltipProps,
+  };
 }

package/src/index.tsx

@@ -51,7 +51,7 @@ export interface Props {
   showLogin?: boolean;
   showUpload?: boolean;
   showReasoning?: boolean;
-  /** When true and layout is WEBSITE_ASSISTANT, hide the 3D avatar in the expanded panel. */
+  /** When true (default for WEBSITE_ASSISTANT), hide the 3D avatar in the expanded panel. Set false to show it. */
   avatar3dHidden?: boolean;
   height?: number | string;
   baseURL?: string;

package/src/locales/de.json

@@ -406,16 +406,18 @@
     "otpTitle": "Bestätigungscode eingeben",
     "otpDescription": "Geben Sie den 4-stelligen Code ein, den Sie in Ihrem Konto generiert haben",
     "otpStep1": "Klicken Sie auf die Schaltfläche unten, um Ihr Konto zu öffnen",
-    "otpStep2": "Generieren Sie einen 4-stelligen Bestätigungscode (60 Sekunden gültig)",
+    "otpStep2": "Generieren Sie einen 4-stelligen Bestätigungscode (5 Minuten gültig)",
     "otpStep3": "Kehren Sie hierher zurück und geben Sie den Code ein",
     "startOtpLogin": "Verifizierung starten",
     "generateOtp": "Code generieren",
-    "otpTimer": "Code läuft in {{seconds}} Sekunden ab",
+    "otpTimer": "Code läuft in {{time}} ab",
     "otpInvalidFormat": "Bitte geben Sie einen gültigen 4-stelligen Code ein",
     "otpInvalid": "Ungültiger Bestätigungscode",
     "otpExpired": "Der Bestätigungscode ist abgelaufen",
     "otpError": "Fehler bei der Code-Validierung. Bitte versuchen Sie es erneut.",
     "otpSuccess": "Anmeldung erfolgreich!",
+    "otpAttemptsExceeded": "Zu viele Versuche. Fordern Sie einen neuen Bestätigungscode an.",
+    "resendOtpIn": "Erneut senden in {{seconds}}s",
     "password": "Passwort",
     "newPassword": "Neues Passwort",
     "confirmPassword": "Passwort bestätigen",
@@ -551,6 +553,10 @@
     "SESSION_NOT_FOUND": "Sitzung nicht gefunden",
     "SESSION_IS_NOT_ADMINISTRATIVE": "Nicht-administrative Sitzung",
     "SESSION_EXPIRED": "Sitzung abgelaufen",
+    "SESSION_OTP_NOT_FOUND": "Bestätigungscode nicht gefunden",
+    "SESSION_OTP_EXPIRED": "Der Bestätigungscode ist abgelaufen",
+    "SESSION_OTP_INVALID": "Ungültiger Bestätigungscode",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Zu viele Versuche. Fordern Sie einen neuen Bestätigungscode an.",
 
     "MEMORI_MISSING_CONFIGURATION": "Zwilling: fehlende Konfiguration",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Zwilling: Konfiguration nicht gefunden",

package/src/locales/en.json

@@ -433,11 +433,11 @@
     "otpTitle": "Enter verification code",
     "otpDescription": "Enter the 4-digit code you generated in your account",
     "otpStep1": "Click the button below to open your account",
-    "otpStep2": "Generate a 4-digit verification code (valid for 60 seconds)",
+    "otpStep2": "Generate a 4-digit verification code (valid for 5 minutes)",
     "otpStep3": "Return here and enter the code",
     "startOtpLogin": "Start verification",
     "generateOtp": "Generate code",
-    "otpTimer": "Code expires in {{seconds}} seconds",
+    "otpTimer": "Code expires in {{time}}",
     "otpInvalidFormat": "Please enter a valid 4-digit code",
     "otpInvalid": "Invalid verification code",
     "otpError": "Error validating code. Please try again.",
@@ -448,6 +448,7 @@
     "emailPlaceholder": "Enter your email",
     "sendOtp": "Send code",
     "resendOtp": "Resend code",
+    "resendOtpIn": "Resend in {{seconds}}s",
     "resending": "Resending...",
     "backToEmail": "Back to email",
     "otpSent": "Verification code sent!",
@@ -458,6 +459,7 @@
     "otpNotFound": "Verification code not found",
     "otpExpired": "Verification code has expired",
     "otpMissing": "Verification code is required",
+    "otpAttemptsExceeded": "Too many attempts. Request a new verification code.",
     "otpSuccessMessage": "Verification successful! Redirecting...",
     "otpSuccessDescription": "Your account has been verified successfully. You will be redirected shortly.",
     "otpHelp": "Enter the 4-digit code from your email",
@@ -623,7 +625,8 @@
     "SESSION_EXPIRED": "Session expired",
     "SESSION_OTP_NOT_FOUND": "Verification code not found",
     "SESSION_OTP_EXPIRED": "Verification code has expired",
-    "SESSION_MISSING_TEMPORARY_TOKEN": "Verification code is required",
+    "SESSION_OTP_INVALID": "Invalid verification code",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Too many attempts. Request a new verification code.",
 
     "MEMORI_MISSING_CONFIGURATION": "Agent: missing configuration",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Agent: configuration not found",

package/src/locales/es.json

@@ -405,11 +405,11 @@
     "otpTitle": "Ingresa el código de verificación",
     "otpDescription": "Ingresa el código de 4 dígitos que generaste en tu cuenta",
     "otpStep1": "Haz clic en el botón de abajo para abrir tu cuenta",
-    "otpStep2": "Genera un código de verificación de 4 dígitos (válido por 60 segundos)",
+    "otpStep2": "Genera un código de verificación de 4 dígitos (válido por 5 minutos)",
     "otpStep3": "Regresa aquí e ingresa el código",
     "startOtpLogin": "Iniciar verificación",
     "generateOtp": "Generar código",
-    "otpTimer": "El código expira en {{seconds}} segundos",
+    "otpTimer": "El código expira en {{time}}",
     "otpInvalidFormat": "Por favor ingresa un código válido de 4 dígitos",
     "otpInvalid": "Código de verificación inválido",
     "otpError": "Error al validar el código. Por favor intenta de nuevo.",
@@ -420,6 +420,7 @@
     "emailPlaceholder": "Ingresa tu email",
     "sendOtp": "Enviar código",
     "resendOtp": "Reenviar código",
+    "resendOtpIn": "Reenviar en {{seconds}}s",
     "resending": "Reenviando...",
     "backToEmail": "Volver al email",
     "otpSent": "¡Código de verificación enviado!",
@@ -430,6 +431,7 @@
     "otpNotFound": "Código de verificación no encontrado",
     "otpExpired": "El código de verificación ha expirado",
     "otpMissing": "El código de verificación es requerido",
+    "otpAttemptsExceeded": "Demasiados intentos. Solicita un nuevo código de verificación.",
     "otpSuccessMessage": "¡Verificación exitosa! Redirigiendo...",
     "otpSuccessDescription": "Tu cuenta ha sido verificada exitosamente. Serás redirigido en breve.",
     "otpHelp": "Ingresa el código de 4 dígitos de tu email",
@@ -574,7 +576,8 @@
     "SESSION_EXPIRED": "La sesión expiró",
     "SESSION_OTP_NOT_FOUND": "Código de verificación no encontrado",
     "SESSION_OTP_EXPIRED": "El código de verificación ha expirado",
-    "SESSION_MISSING_TEMPORARY_TOKEN": "El código de verificación es requerido",
+    "SESSION_OTP_INVALID": "Código de verificación inválido",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Demasiados intentos. Solicita un nuevo código de verificación.",
     "MEMORI_MISSING_CONFIGURATION": "Gemelo: falta configuración",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Gemelo: configuración no encontrada",
     "MEMORI_INVALID_PRIVACY_TYPE": "Gemelo: tipo de privacidad no válido",

package/src/locales/fr.json

@@ -405,11 +405,11 @@
     "otpTitle": "Entrez le code de vérification",
     "otpDescription": "Entrez le code à 4 chiffres que vous avez généré dans votre compte",
     "otpStep1": "Cliquez sur le bouton ci-dessous pour ouvrir votre compte",
-    "otpStep2": "Générez un code de vérification à 4 chiffres (valide pendant 60 secondes)",
+    "otpStep2": "Générez un code de vérification à 4 chiffres (valide pendant 5 minutes)",
     "otpStep3": "Revenez ici et entrez le code",
     "startOtpLogin": "Commencer la vérification",
     "generateOtp": "Générer le code",
-    "otpTimer": "Le code expire dans {{seconds}} secondes",
+    "otpTimer": "Le code expire dans {{time}}",
     "otpInvalidFormat": "Veuillez entrer un code valide à 4 chiffres",
     "otpInvalid": "Code de vérification invalide",
     "otpError": "Erreur lors de la validation du code. Veuillez réessayer.",
@@ -420,6 +420,7 @@
     "emailPlaceholder": "Entrez votre email",
     "sendOtp": "Envoyer le code",
     "resendOtp": "Renvoyer le code",
+    "resendOtpIn": "Renvoyer dans {{seconds}}s",
     "resending": "Envoi en cours...",
     "backToEmail": "Retour à l'email",
     "otpSent": "Code de vérification envoyé !",
@@ -430,6 +431,7 @@
     "otpNotFound": "Code de vérification introuvable",
     "otpExpired": "Le code de vérification a expiré",
     "otpMissing": "Le code de vérification est requis",
+    "otpAttemptsExceeded": "Trop de tentatives. Demandez un nouveau code de vérification.",
     "otpSuccessMessage": "Vérification réussie ! Redirection...",
     "otpSuccessDescription": "Votre compte a été vérifié avec succès. Vous allez être redirigé sous peu.",
     "otpHelp": "Entrez le code à 4 chiffres de votre email",
@@ -574,7 +576,8 @@
     "SESSION_EXPIRED": "Session expirée",
     "SESSION_OTP_NOT_FOUND": "Code de vérification introuvable",
     "SESSION_OTP_EXPIRED": "Le code de vérification a expiré",
-    "SESSION_MISSING_TEMPORARY_TOKEN": "Le code de vérification est requis",
+    "SESSION_OTP_INVALID": "Code de vérification invalide",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Trop de tentatives. Demandez un nouveau code de vérification.",
     "MEMORI_MISSING_CONFIGURATION": "Agent : configuration manquante",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Agent : configuration introuvable",
     "MEMORI_INVALID_PRIVACY_TYPE": "Agent : type de confidentialité non valide",

package/src/locales/it.json

@@ -432,11 +432,11 @@
     "otpTitle": "Inserisci il codice di verifica",
     "otpDescription": "Inserisci il codice a 4 cifre che hai generato nel tuo account",
     "otpStep1": "Clicca il pulsante qui sotto per aprire il tuo account",
-    "otpStep2": "Genera un codice di verifica a 4 cifre (valido per 60 secondi)",
+    "otpStep2": "Genera un codice di verifica a 4 cifre (valido per 5 minuti)",
     "otpStep3": "Torna qui e inserisci il codice",
     "startOtpLogin": "Inizia verifica",
     "generateOtp": "Genera codice",
-    "otpTimer": "Il codice scade tra {{seconds}} secondi",
+    "otpTimer": "Il codice scade tra {{time}}",
     "otpInvalidFormat": "Inserisci un codice valido a 4 cifre",
     "otpInvalid": "Codice di verifica non valido",
     "otpError": "Errore nella validazione del codice. Riprova.",
@@ -447,6 +447,7 @@
     "emailPlaceholder": "Inserisci la tua email",
     "sendOtp": "Invia codice",
     "resendOtp": "Invia di nuovo",
+    "resendOtpIn": "Reinvia tra {{seconds}}s",
     "resending": "Invio in corso...",
     "backToEmail": "Torna all'email",
     "otpSent": "Codice di verifica inviato!",
@@ -457,6 +458,7 @@
     "otpNotFound": "Codice di verifica non trovato",
     "otpExpired": "Il codice di verifica è scaduto",
     "otpMissing": "Il codice di verifica è richiesto",
+    "otpAttemptsExceeded": "Troppi tentativi. Richiedi un nuovo codice di verifica.",
     "otpSuccessMessage": "Verifica completata! Reindirizzamento...",
     "otpSuccessDescription": "Il tuo account è stato verificato con successo. Sarai reindirizzato a breve.",
     "otpHelp": "Inserisci il codice a 4 cifre dalla tua email",
@@ -619,7 +621,8 @@
     "SESSION_EXPIRED": "Sessione scaduta",
     "SESSION_OTP_NOT_FOUND": "Codice di verifica non trovato",
     "SESSION_OTP_EXPIRED": "Il codice di verifica è scaduto",
-    "SESSION_MISSING_TEMPORARY_TOKEN": "Il codice di verifica è richiesto",
+    "SESSION_OTP_INVALID": "Codice di verifica non valido",
+    "SESSION_OTP_ATTEMPTS_EXCEEDED": "Troppi tentativi. Richiedi un nuovo codice di verifica.",
 
     "MEMORI_MISSING_CONFIGURATION": "Agente: configurazione mancante",
     "MEMORI_CONFIGURATION_NOT_FOUND": "Agente: configurazione non trovata",

package/src/styles.brandTokens.test.js

@@ -0,0 +1,52 @@
+/* eslint-env node */
+const fs = require('fs');
+const path = require('path');
+
+/**
+ * Embeds set `--memori-primary-color` on `.memori-widget`, not always on `:root`.
+ * CSS custom properties resolve `var()` when the custom property itself is
+ * computed, so derived tokens defined only on `:root` stay frozen to the
+ * default brand. Disabled / soft / subtle UI uses those derived tokens
+ * (`--memori-primary-disabled`, etc.), so the host must rebind them on the
+ * same scopes as `--memori-primary`.
+ */
+describe('brand token cascade (styles.css)', () => {
+  const css = fs.readFileSync(path.join(__dirname, 'styles.css'), 'utf8');
+
+  const overridesBlocks = [
+    ...css.matchAll(/@layer\s+memori\.overrides\s*\{([\s\S]*?)\n\}/g),
+  ].map(match => match[1]);
+
+  it('rebinds primary-derived tokens next to --memori-primary on host scopes', () => {
+    const lightBlock = overridesBlocks.find(
+      block =>
+        block.includes('.memori-widget') &&
+        block.includes('--memori-primary:') &&
+        !block.includes("data-theme='dark'")
+    );
+
+    expect(lightBlock).toBeDefined();
+    expect(lightBlock).toMatch(/--memori-primary-disabled\s*:/);
+    expect(lightBlock).toMatch(/--memori-primary-hover\s*:/);
+    expect(lightBlock).toMatch(/--memori-primary-subtle\s*:/);
+    expect(lightBlock).toMatch(/--memori-border-primary\s*:/);
+    expect(lightBlock).toMatch(
+      /--memori-primary-disabled\s*:\s*color-mix\(in oklch,\s*var\(--memori-primary\)/
+    );
+  });
+
+  it('rebinds dark primary-derived tokens on dark host scopes', () => {
+    const darkBlock = overridesBlocks.find(
+      block =>
+        block.includes("data-theme='dark'") &&
+        block.includes('.memori-widget')
+    );
+
+    expect(darkBlock).toBeDefined();
+    expect(darkBlock).toMatch(/--memori-primary-disabled\s*:/);
+    expect(darkBlock).toMatch(/--memori-primary-hover\s*:/);
+    expect(darkBlock).toMatch(
+      /--memori-primary-disabled\s*:\s*color-mix\(in oklch,\s*var\(--memori-primary\)/
+    );
+  });
+});