sdasd

public/assets/js/app.js

@@ -744,6 +744,7 @@ document.addEventListener('DOMContentLoaded', () => {
   };
 
   const avatarComponentFields = Object.keys(avatarComponentFieldMap);
+  const avatarEndpoint = 'https://api.dicebear.com/10.x/lorelei/svg';
 
   const buildAvatarParams = (form, overrides = {}) => {
     const seed = overrides.avatar_preset || readAvatarValue(form, 'avatar_preset');
@@ -770,7 +771,8 @@ document.addEventListener('DOMContentLoaded', () => {
     const params = buildAvatarParams(form);
     if (!params) return;
 
-    const url = `/api/avatar?${params.toString()}`;
+    params.set('size', '256');
+    const url = `${avatarEndpoint}?${params.toString()}`;
     if (!url) return;
     image.src = url;
   };
@@ -782,7 +784,8 @@ document.addEventListener('DOMContentLoaded', () => {
       const params = buildAvatarParams(form, { [field]: value });
       if (!params) return;
 
-      image.src = `/api/avatar?${params.toString()}`;
+      params.set('size', '256');
+      image.src = `${avatarEndpoint}?${params.toString()}`;
     });
   };
 
@@ -800,9 +803,10 @@ document.addEventListener('DOMContentLoaded', () => {
       card.type = 'button';
       card.className = 'avatar-seed-card';
       card.setAttribute('data-avatar-seed-option', seed);
+      params.set('size', '256');
       card.innerHTML = `
         <span class="avatar-seed-card__thumb">
-          <img src="/api/avatar?${params.toString()}" alt="Grundvariante ${index + 1}">
+          <img src="${avatarEndpoint}?${params.toString()}" alt="Grundvariante ${index + 1}">
         </span>
         <span class="avatar-seed-card__label">Variante ${index + 1}</span>
       `;