fix: emergency restore of frontend navigation and tab functionality

- Removed restrictive x-show/x-cloak that blocked UI visibility - Forced tab container display and visibility in header - Improved auth state synchronization with synchronous Alpine loading - Fixed home section initialization and tab switching logic
2026-03-24 12:23:50 +00:00
parent 69e14afedf
commit 4e313392d0
5 changed files with 29 additions and 94 deletions
@@ -11,9 +11,13 @@

    <!-- External Libraries -->
    <script src="https://unpkg.com/htmx.org@1.9.10"></script>
-    <script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
+    <script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
    <script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script>

+    <style>
+        [x-cloak] { display: none !important; }
+    </style>
+
    <!-- Legacy JavaScript (To be refactored) -->
    <script src="/static/js/auth.js?v=1.10" defer></script>
    <script src="/static/js/api.js?v=1.11" defer></script>
@@ -29,10 +33,10 @@
 </head>
 <body x-data="{ 
    activeTab: 'home', 
-    isAuthenticated: false,
+    isAuthenticated: true,
    username: ''
 }" @set-tab.window="activeTab = $event.detail.tab"
-   @auth-success.window="isAuthenticated = true; username = $event.detail.username; activeTab = 'home'">
+   @auth-success.window="isAuthenticated = true; username = $event.detail.username">
    {% include "components/toast_container.html" %}
    <div class="container">
        {% block content %}{% endblock %}