import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import { AuthGate } from './components/AuthGate';
import { ErrorBoundary } from './components/ErrorBoundary';
import { ThemeProvider } from './utils/ThemeContext';
import { installGlobalErrorHandlers } from './utils/errorReporting';

// Installed before anything renders, so a failure during startup is captured
// rather than being the one class of error nobody ever sees. Reports buffer until
// a transport is registered — see utils/errorReporting.ts.
installGlobalErrorHandlers();

const rootElement = document.getElementById('root');
if (!rootElement) {
  throw new Error("Could not find root element to mount to");
}

const root = ReactDOM.createRoot(rootElement);
root.render(
  <React.StrictMode>
    <ThemeProvider>
      <ErrorBoundary>
        <AuthGate />
      </ErrorBoundary>
    </ThemeProvider>
  </React.StrictMode>
);