From b2426a35049f034f56d6187e2b7b893b99d36858 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Fri, 10 Jul 2026 09:55:05 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20library=20tabs=20now=20switch=20content?=
 =?UTF-8?q?=20=E2=80=94=20single=20Alpine=20scope?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bug: two separate x-data='{ tab }' scopes (one on tabs, one on table)
→ clicking tabs changed tab in first scope, x-show looked at second scope
Fix: single x-data wrapper around both tabs and table divs
---
 app/templates/library.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/templates/library.html b/app/templates/library.html
index b1747e6..83c0100 100644
--- a/app/templates/library.html
+++ b/app/templates/library.html
@@ -10,8 +10,10 @@
   </div>
 </div>
 
-<!-- Library tabs -->
-<div class="view-tabs" x-data="{ tab: 'recents' }">
+<!-- Library tabs + table — single Alpine scope -->
+<div x-data="{ tab: 'recents' }">
+
+<div class="view-tabs">
   <button class="view-tab" :class="{ active: tab === 'recents' }" @click="tab = 'recents'">
     <span class="tab-icon">🕒</span> Recents
   </button>
@@ -40,7 +42,7 @@
 </div>
 
 <!-- Table -->
-<div x-data="{ tab: 'recents' }" style="padding: 0 24px;">
+<div style="padding: 0 24px;">
   <!-- Column headers -->
   <div class="library-table-header">
     <span class="lib-col lib-col-name">📄 Page name</span>
@@ -110,6 +112,7 @@
     {% endif %}
   </div>
 </div>
+</div>
 {% endblock %}
 
 {% block scripts %}