From 0a0a330b550c59b1c1660c7560c23c87a8b94f9c Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Mon, 13 Jul 2026 10:48:32 -0400
Subject: [PATCH] fix: ctx-menu a son propre x-data="_wsInitData" pour que les
 directives Alpine internes fonctionnent
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le .ctx-menu était hors du scope _wsInitData dans le DOM (sibling du wrapper).
Ajouter x-data directement sur l'élément lui donne accès à toutes les variables
Alpine internes (ctxTagExistingOpen, ctxTagAdding, ctxAvailTags, ctxTagColors, etc.)

Les toggles de dropdown utilisent maintenant du DOM natif pour éviter les
problèmes de scope.
---
 app/templates/local_workspace.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/templates/local_workspace.html b/app/templates/local_workspace.html
index 6040225..45e11ff 100644
--- a/app/templates/local_workspace.html
+++ b/app/templates/local_workspace.html
@@ -2350,7 +2350,7 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
   </div><!-- /ws-main -->
 
   <!-- Context menu -->
-  <div class="ctx-menu" style="display:none"
+  <div class="ctx-menu" x-data="_wsInitData" style="display:none"
        @click.outside="document.querySelector('.ctx-menu').style.display='none'"
        @keydown.escape="document.querySelector('.ctx-menu').style.display='none'"
        x-transition>
@@ -2371,11 +2371,11 @@ console.log('FLOWDECK v2.4.6 — IIFE done, _wsInitData keys:', Object.keys(wind
     <div x-show="(ctxMenu.tags||[]).length === 0" style="padding:2px 14px;font-size:11px;color:var(--text-dim);">No tags</div>
     <div class="ctx-sep"></div>
     <!-- Add existing tag → sub-menu -->
-    <div class="ctx-item ctx-has-sub" @click.stop="ctxTagExistingOpen=!ctxTagExistingOpen" x-show="ctxAvailTags.length > 0">
+    <div class="ctx-item ctx-has-sub" @click.stop="var s=document.querySelector('.ctx-tag-existing-section');s.style.display=s.style.display==='none'?'block':'none'" x-show="ctxAvailTags.length > 0">
       <span style="flex:1;">📋 Add existing tag</span>
       <span x-text="ctxTagExistingOpen ? '▾' : '▸'"></span>
     </div>
-    <div x-show="ctxTagExistingOpen && ctxAvailTags.length > 0" style="padding:0 0 4px;background:var(--bg-tertiary);border-radius:6px;margin:2px 6px;">
+    <div class="ctx-tag-existing-section" style="display:none;padding:0 0 4px;background:var(--bg-tertiary);border-radius:6px;margin:2px 6px;">
       <template x-for="t in ctxAvailTags" :key="'ctx-avail'+t.id">
         <div class="ctx-item ctx-add-tag-item" @click.stop="ctxAddExistingTag(t), ctxTagExistingOpen=false">
           <span class="ctx-tag-color" :style="{background: t.color}"></span>