import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter } from 'react-router-dom'
import App from './App.jsx'
import { ZinoProvider } from './api/provider.jsx'
import { basePath, requireConfigValue } from './runtimeConfig.js'
import './styles/tokens.css'
import './styles/app.css'

/**
 * The API base URL is read at RUNTIME from the config.js the server writes when
 * it places the build — never compiled in, so one artifact is promoted between
 * environments unchanged. Same contract as the desktop console.
 */
const baseUrl = requireConfigValue('VITE_ZINO_API_URL')

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <BrowserRouter basename={basePath()}>
      <ZinoProvider baseUrl={baseUrl}>
        <App />
      </ZinoProvider>
    </BrowserRouter>
  </StrictMode>,
)