feat(ui): add hydration banner to index.html; auto-hide after React mount to verify hydration path

Faxbot Agent · Faxbot Agent · commit 11a67e0b420a · 2025-09-27T00:01:18.000-06:00
diff --git a/api/admin_ui/index.html b/api/admin_ui/index.html
@@ -25,6 +25,9 @@
     </script>
   </head>
   <body>
+    <div id="hydration-banner" style="position:fixed;top:0;left:0;right:0;z-index:99999;padding:8px 12px;background:#111;color:#fff;font-family:Inter,system-ui,Arial,sans-serif;font-size:14px;text-align:center;">
+      Admin Console is loading…
+    </div>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
diff --git a/api/admin_ui/src/App.tsx b/api/admin_ui/src/App.tsx
@@ -876,3 +876,10 @@ function App() {
 }
 
 export default App;
+  // Hide hydration banner on successful React mount
+  useEffect(() => {
+    const el = document.getElementById('hydration-banner');
+    if (el) {
+      el.style.display = 'none';
+    }
+  }, []);
