import React from 'react';
import ReactDOM from 'react-dom/client';
import { Toaster } from 'sonner';
import App from './App';
import './index.css';
import './i18n';
import LocaleProvider from './components/LocaleProvider';
import { initTableDensity } from './lib/density';
import { installGlobalErrorHandlers, reportClientError } from './lib/errorReporter';

initTableDensity();
installGlobalErrorHandlers();

// E2E / debug hook for auto-report smoke (mock suite)
declare global {
    interface Window {
        __ehReportClientError?: typeof reportClientError;
    }
}
if (typeof window !== 'undefined') {
    window.__ehReportClientError = reportClientError;
}

ReactDOM.createRoot(document.getElementById('root')!).render(
    <React.StrictMode>
        <LocaleProvider>
            <App />
            <Toaster richColors position="top-right" />
        </LocaleProvider>
    </React.StrictMode>
);