From 4a58261c0273c5a011f8feb8285b1ef7d5a4cce4 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Fri, 10 Jul 2026 11:40:00 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20Jinja2/Alpine=20conflict=20=E2=80=94=20r?=
 =?UTF-8?q?aw=20block=20around=20x-for=20template?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Jinja2 tried to evaluate {{ a.email[0].toUpperCase() }} inside Alpine.js
x-for template, causing UndefinedError. Wrapped in {% raw %} block.
Also changed avatars to use x-text binding instead of {{ }} interpolation.
---
 app/templates/page_editor.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/templates/page_editor.html b/app/templates/page_editor.html
index 25a858b..f2b7d62 100644
--- a/app/templates/page_editor.html
+++ b/app/templates/page_editor.html
@@ -51,9 +51,10 @@
           <!-- Participants list -->
           <div class="sd-participants" x-show="accessList.length">
             <template x-for="a in accessList" :key="a.email">
+              {% raw %}
               <div class="sd-participant">
                 <div class="sd-participant-info">
-                  <div class="sd-avatar">{{ a.email[0].toUpperCase() }}</div>
+                  <div class="sd-avatar" x-text="a.email[0].toUpperCase()"></div>
                   <div>
                     <div class="sd-participant-name" x-text="a.email"></div>
                     <div class="sd-participant-email" x-text="a.email"></div>
@@ -79,6 +80,7 @@
                   <div class="sd-perm-option danger" @click="removeAccess(a.email); a.permOpen=false">Remove</div>
                 </div>
               </div>
+              {% endraw %}
             </template>
           </div>