From 1e15e44a0074833915cb9bfc33616e749accb77b Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Tue, 14 Jul 2026 07:16:27 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20Alpine=203.x=20=E2=80=94=20@click.away?=
 =?UTF-8?q?=E2=86=92@click.outside=20+=20register=20=5FwsInitData?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- @click.away n'existe pas dans Alpine 3.x (renommé @click.outside)
  6 occurrences corrigées dans local_workspace.html
- Ajout Alpine.data('_wsInitData') pour un binding fiable des @click
  (le IIFE seul ne garantissait pas une reconnaissance Alpine propre)
---
 app/templates/local_workspace.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/templates/local_workspace.html b/app/templates/local_workspace.html
index 8f307ac..58318ed 100644
--- a/app/templates/local_workspace.html
+++ b/app/templates/local_workspace.html
@@ -1972,6 +1972,10 @@ for (var _i = 0; _i < _wsKeys.length; _i++) {
   try { window[_wsKeys[_i]] = window._wsInitData[_wsKeys[_i]]; } catch(e) {}
 }
 _wsInitData = window._wsInitData;
+// Register as proper Alpine component for reliable @click binding
+document.addEventListener('alpine:init', function() {
+  Alpine.data('_wsInitData', function() { return window._wsInitData; });
+});
 // Objet léger pour le ctx-menu (évite le conflit $nextTick avec Alpine)
 window._ctxMenuData = {
   ctxMenu: {visible:false,x:0,y:0,node:null,tags:[]},
@@ -2378,7 +2382,7 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
   </div>
 
   <!-- Create Modal -->
-  <div class="modal-overlay" x-show="showCreate" @click.away="showCreate=false" @keydown.escape="showCreate=false">
+  <div class="modal-overlay" x-show="showCreate" @click.outside="showCreate=false" @keydown.escape="showCreate=false">
     <div class="modal-box">
       <h3><span x-text="createType==='folder'?'📁':'📄'"></span> <span x-text="createType==='folder'?'New Folder':'New File'"></span></h3>
       <p class="modal-sub">
@@ -2394,7 +2398,7 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
   </div>
 
   <!-- Rename Modal -->
-  <div class="modal-overlay" x-show="showRename" @click.away="showRename=false" @keydown.escape="showRename=false">
+  <div class="modal-overlay" x-show="showRename" @click.outside="showRename=false" @keydown.escape="showRename=false">
     <div class="modal-box">
       <h3>✏️ Rename</h3>
       <p class="modal-sub">Rename <strong x-text="target?.name"></strong></p>
@@ -2407,7 +2411,7 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
   </div>
 
   <!-- Delete Modal -->
-  <div class="modal-overlay" x-show="showDelete" @click.away="showDelete=false" @keydown.escape="showDelete=false">
+  <div class="modal-overlay" x-show="showDelete" @click.outside="showDelete=false" @keydown.escape="showDelete=false">
     <div class="modal-box">
       <h3>🗑 Delete</h3>
       <p class="modal-sub">Delete <strong x-text="target?.name"></strong>?</p>