import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.tsx'
import { hasSupabaseConfig } from './lib/supabaseClient'

const root = document.getElementById('root')!

/**
 * Production build safety gate. `isDemoMode` (supabaseClient.ts) already
 * guarantees demo-mode fallback can only happen in `npm run dev`/`preview`
 * of an unbuilt env — but this is the check that actually stops a
 * misconfigured *production* build from ever mounting the app (and
 * therefore from ever reaching Login/Dashboard with no data source). If
 * `VITE_SUPABASE_URL`/`VITE_SUPABASE_ANON_KEY` weren't baked in at build
 * time, fail immediately and visibly instead of silently doing nothing or
 * falling back to demo/mock WSRA data in front of real users.
 */
if (import.meta.env.PROD && !hasSupabaseConfig) {
  root.innerHTML = `
    <div style="min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;font-family:system-ui,-apple-system,sans-serif;background:#f8fafc;">
      <div style="max-width:480px;text-align:center;">
        <div style="font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#dc2626;margin-bottom:8px;">
          Configuration Error
        </div>
        <h1 style="font-size:18px;font-weight:600;color:#0f172a;margin:0 0 8px;">
          PropertyHub can't start
        </h1>
        <p style="font-size:14px;color:#475569;line-height:1.5;margin:0;">
          This production build is missing Supabase configuration
          (<code>VITE_SUPABASE_URL</code> / <code>VITE_SUPABASE_ANON_KEY</code>).
          It will not fall back to demo data. Rebuild with real values in
          <code>.env</code> before deploying.
        </p>
      </div>
    </div>
  `;
} else {
  createRoot(root).render(
    <StrictMode>
      <App />
    </StrictMode>,
  )
}