From b771708bdcbb5287dc944ccef690058528a8dc3d Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Tue, 14 Jul 2026 07:16:56 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20@click.away=E2=86=92@click.outside=20GLO?=
 =?UTF-8?q?BAL=20=E2=80=94=2016=20instances=20across=205=20templates?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Alpine 3.x a renommé .away en .outside. Toutes les occurrences dans:
- base.html (3: user menu, context menu, ws ctx)
- page_editor.html (5: share, perm, access, more, gsMore)
- workspaces.html (1: dialog overlay)
- workspace.html (1: modal overlay)
- local_workspace.html (6: create, rename, delete modals, context menus)

Ces .away cassées empêchaient tous les @click Alpine de fonctionner
sur ces pages (Cancel, Delete, et tous les autres boutons modaux).
---
 app/templates/base.html        |  6 +++---
 app/templates/page_editor.html | 10 +++++-----
 app/templates/workspace.html   |  2 +-
 app/templates/workspaces.html  |  2 +-
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index 8194137..c28535c 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -77,7 +77,7 @@
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>
       </button>
     </div>
-    <div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.away="workspaceMenuOpen = false" x-transition>
+    <div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.outside="workspaceMenuOpen = false" x-transition>
       <div class="um-user-info">
         <div class="um-avatar" style="{% if avatar_url %}background-image:url('{{ avatar_url }}');background-size:cover;{% else %}background:{{ avatar_color }};{% endif %}">{% if not avatar_url %}{{ user.full_name[:1].upper() if user and user.get('full_name') else workspaceInitial }}{% endif %}</div>
         <div>
@@ -393,7 +393,7 @@
   <div class="context-menu" id="context-menu"
        :class="{ visible: contextMenu.visible }"
        :style="'left:' + contextMenu.x + 'px; top:' + contextMenu.y + 'px'"
-       @click.away="contextMenu.visible = false">
+       @click.outside="contextMenu.visible = false">
     <div class="context-menu-section">
       <div class="context-menu-label">Database</div>
     </div>
@@ -453,7 +453,7 @@
   <div class="context-menu" id="ws-context-menu"
        :class="{ visible: wsCtx.visible }"
        :style="'left:' + wsCtx.x + 'px; top:' + wsCtx.y + 'px'"
-       @click.away="wsCtx.visible = false">
+       @click.outside="wsCtx.visible = false">
     <template x-if="wsCtx.isFolder">
       <div class="context-menu-section">
         <div class="context-menu-item" @click="wsCtxAction('new-file')">
diff --git a/app/templates/page_editor.html b/app/templates/page_editor.html
index 2d40c4e..cce88c9 100644
--- a/app/templates/page_editor.html
+++ b/app/templates/page_editor.html
@@ -41,7 +41,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
             <div
                 class="share-dialog"
                 x-show="shareOpen"
-                @click.away="shareOpen = false"
+                @click.outside="shareOpen = false"
                 x-transition.opacity.scale.origin.top.right
             >
                 <!-- Header with tabs -->
@@ -121,7 +121,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
                                 <div
                                     class="sd-perm-menu"
                                     x-show="a.permOpen"
-                                    @click.away="a.permOpen = false"
+                                    @click.outside="a.permOpen = false"
                                 >
                                     <div
                                         class="sd-perm-option"
@@ -184,7 +184,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
                             <div
                                 class="sd-access-menu"
                                 x-show="accessMenuOpen"
-                                @click.away="accessMenuOpen = false"
+                                @click.outside="accessMenuOpen = false"
                                 x-transition
                             >
                                 <div
@@ -366,7 +366,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
             <div
                 class="more-menu"
                 x-show="moreOpen"
-                @click.away="moreOpen = false"
+                @click.outside="moreOpen = false"
                 x-transition
             >
                 <div class="more-menu-item" @click="exportPage">↗ Export</div>
@@ -475,7 +475,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
             <div
                 class="gs-more-dropdown"
                 x-show="gsMoreOpen"
-                @click.away="gsMoreOpen = false"
+                @click.outside="gsMoreOpen = false"
                 x-transition
             >
                 <div class="gs-more-item" @click="gsMoreOpen=false">
diff --git a/app/templates/workspace.html b/app/templates/workspace.html
index 42b36e1..3ad1773 100644
--- a/app/templates/workspace.html
+++ b/app/templates/workspace.html
@@ -135,7 +135,7 @@
   </div>
 
   <!-- Create Modal -->
-  <div class="modal-overlay" x-show="showCreateModal" @click.away="showCreateModal=false" @keydown.escape="showCreateModal=false">
+  <div class="modal-overlay" x-show="showCreateModal" @click.outside="showCreateModal=false" @keydown.escape="showCreateModal=false">
     <div class="modal-box">
       <h3>Create New Project</h3>
       <input class="modal-input" x-model="newProjectName" placeholder="Project name" @keydown.enter="createProject">
diff --git a/app/templates/workspaces.html b/app/templates/workspaces.html
index 12e28c9..00f5f2e 100644
--- a/app/templates/workspaces.html
+++ b/app/templates/workspaces.html
@@ -165,7 +165,7 @@
   </div>
 
   <!-- Create/Rename dialog -->
-  <div class="dialog-overlay" x-show="showCreate||showRename" @click.away="showCreate=false;showRename=false">
+  <div class="dialog-overlay" x-show="showCreate||showRename" @click.outside="showCreate=false;showRename=false">
     <div class="dialog-box">
       <h3 x-text="showRename?'Rename Workspace':'New Workspace'"></h3>
       <input class="dialog-input" x-model="wsName" placeholder="Workspace name" @keydown.enter="showRename?doRename():doCreate()">