import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { App } from './app/App';
import { AppProvider } from './app/AppProvider';
import { RelatedFindingsProvider } from './features/related-findings/RelatedFindings';
import '@fontsource-variable/inter/wght.css';
import './styles/layers.css';
import './styles/ui-tokens.css';
/* styles/ui-components.css wird absichtlich noch nicht global geladen.
 * Grund: `.btn`, `.icon-btn`, `.input`, `.select`, `.tile-grid` und
 * `.is-bookmarked` existieren in beiden Systemen. Da der Altbestand
 * ausserhalb der Layer liegt, gewinnt er zwar bei gemeinsamen
 * Eigenschaften, uebernimmt aber alle nur neu gesetzten (height, gap,
 * justify-content) - das veraendert bestehende Ansichten unkontrolliert.
 * Der Import erfolgt mit der Umstellung von `Work`, zusammen mit der
 * Auflösung dieser sechs Namen. */
import './styles/tokens.css';
import './styles/base.css';
import './styles/layout.css';
import './styles/components.css';
import './styles/dynamic-filters.css';
import './styles/datahub.css';
import './styles/datahub-redesign.css';
import './styles/policy-analysis.css';
import './styles/policy-analysis-actions.css';
import './styles/import-workflow.css';
import './styles/legacy-views.css';
import './styles/obsidian-graph.css';
import './styles/functional-icons.css';
import './styles/tile-contract.css';
import './styles/filter-empty-state.css';
import './styles/ai-overview.css';

if (import.meta.env.DEV && new URLSearchParams(location.search).get('measureNavigation') === '1') {
  void import('./app/navigation-diagnostics').then(module => module.observeNavigationPerformance());
}

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <AppProvider>
      <RelatedFindingsProvider><App /></RelatedFindingsProvider>
    </AppProvider>
  </StrictMode>
);