{showFooter && }
{/* Tweaks panel works the same way it did in the canvas */}
setTweak('lang', v)}/>
setTweak('dark', v)}/>
({ label: PALETTES[k].name, value: k }))}
onChange={v => setTweak('palette', v)}/>
setTweak('density', v)}/>
setTweak('layout', v)}/>
);
}
injectGlobalStyles();
// ────────────────────────────────────────────────────────────
// Live-site overrides — the .jsx files were built for a design canvas,
// so MobileChrome renders a bezel and ScreenFrame clips overflow. On
// the real site we want those to flow naturally.
// ────────────────────────────────────────────────────────────
(function injectLiveOverrides() {
if (document.getElementById('is-live-overrides')) return;
const s = document.createElement('style');
s.id = 'is-live-overrides';
s.textContent = `
html, body { background: var(--bg); color: var(--ink); }
body { margin: 0; min-height: 100vh; }
/* ScreenFrame clips overflow for canvas — let it flow on a real page */
.is-surface { overflow: visible !important; height: auto !important; min-height: 100% !important; }
/* Mobile screens were designed for a 390×844 bezel — let them flow on real pages */
[data-screen-label] { height: auto !important; overflow: visible !important; }
/* Smooth anchor + reset focus rings we didn't pick */
a { color: inherit; }
html { scroll-behavior: smooth; }
`;
document.head.appendChild(s);
})();
// Mount — all HTML shells use #root
ReactDOM.createRoot(document.getElementById('root')).render();
// ────────────────────────────────────────────────────────────
// PWA — Service Worker registration (production only)
// Registers /sw.js once site is hosted; silently no-ops on file://
// ────────────────────────────────────────────────────────────
if ('serviceWorker' in navigator && location.protocol.startsWith('http')) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/sw.js')
.then(reg => console.log('[PWA] SW registered:', reg.scope))
.catch(err => console.log('[PWA] SW registration failed:', err.message));
});
}
// ────────────────────────────────────────────────────────────
// AdminGate — protects /yonetim.html with a simple password.
// ⚠️ Client-side gate, not real auth — but stops casual visitors.
// Sets a flag in localStorage so you don't re-enter every visit.
// ────────────────────────────────────────────────────────────
const ADMIN_PASS = 'okxproject2026';
const ADMIN_KEY = 'is:admin';
function AdminGate({ L, lang, theme, isMobile }) {
const [authed, setAuthed] = _appS(() => loadJson(ADMIN_KEY, false));
const [pw, setPw] = _appS('');
const [err, setErr] = _appS(false);
if (!authed) {
return (