up

frontend/src/main.tsx

@@ -2,13 +2,19 @@ import React from 'react'
 import {createRoot} from 'react-dom/client'
 import './style.css'
 import App from './App'
+import { syncPortablePrefs } from './lib/uiPref'
 
 const container = document.getElementById('root')
 
 const root = createRoot(container!)
 
-root.render(
-    <React.StrictMode>
-        <App/>
-    </React.StrictMode>
-)
+// Pull portable UI prefs (DB → localStorage) before the first render so the
+// app's synchronous reads see the values copied along with the data/ folder.
+// Render regardless of the outcome so a backend hiccup never blocks startup.
+syncPortablePrefs().finally(() => {
+    root.render(
+        <React.StrictMode>
+            <App/>
+        </React.StrictMode>
+    )
+})