From 621865d69f62dd3d9e2392746e5439b910d268d6 Mon Sep 17 00:00:00 2001
From: Stanislaw Grams <stanislawgrams@gmail.com>
Date: Fri, 13 Feb 2026 08:24:52 +0100
Subject: [PATCH] [fix](trx-frontend-http): hide tabs until authentication is
 granted

Hide the Main/Plugins/About tab bar initially, only showing it after
the user successfully authenticates. This prevents navigation options
from being visible when access has not been granted.

Changes:
- Add display:none and id to tab-bar div in index.html
- Update showAuthGate() to hide tab-bar
- Update hideAuthGate() to show tab-bar

Now the UI flow is:
1. Header only (auth gate visible)
2. After login: Header + tabs + content

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Stanislaw Grams <stanislawgrams@gmail.com>
---
 src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js | 2 ++
 .../trx-frontend/trx-frontend-http/assets/web/index.html        | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
index 8b6abd5..4e48520 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
@@ -58,11 +58,13 @@ function showAuthGate() {
   document.getElementById("loading").style.display = "none";
   document.getElementById("content").style.display = "none";
   document.getElementById("auth-gate").style.display = "block";
+  document.getElementById("tab-bar").style.display = "none";
 }
 
 function hideAuthGate() {
   document.getElementById("auth-gate").style.display = "none";
   document.getElementById("loading").style.display = "block";
+  document.getElementById("tab-bar").style.display = "";
 }
 
 function showAuthError(msg) {
diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
index a7643ad..f539307 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
@@ -39,7 +39,7 @@
       <div id="auth-error" style="color: #ff6b6b; font-size: 0.9rem; margin-top: 1rem; display: none;"></div>
       <div id="auth-role" style="margin-top: 1rem; color: var(--text-muted); font-size: 0.85rem; display: none;"></div>
     </div>
-    <div class="tab-bar">
+    <div class="tab-bar" style="display:none;" id="tab-bar">
       <button class="tab active" data-tab="main">Main</button>
       <button class="tab" data-tab="plugins">Plugins</button>
       <button class="tab" data-tab="about">About</button>