import React from 'react'
import ReactDOM from 'react-dom/client'
import { AgentBuilderProvider } from '@standardagents/react'
import { ThemeProvider } from '../src/hooks/useTheme'
import { AuthProvider } from '../src/hooks/useAuth'
import { configureApi, getSdkEndpoint } from '../src/lib/api'
import App from '../src/App'
import '../src/index.css'

// The dev server proxies /api to VITE_AGENTBUILDER_URL (same-origin); a
// production build talks to the runtime directly.
configureApi({ baseUrl: import.meta.env.DEV ? '' : import.meta.env.VITE_AGENTBUILDER_URL })

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <ThemeProvider>
      <AuthProvider>
        <AgentBuilderProvider config={{ endpoint: getSdkEndpoint() }}>
          <App />
        </AgentBuilderProvider>
      </AuthProvider>
    </ThemeProvider>
  </React.StrictMode>
)