typescript
import React from 'react'
import { Routes, Route } from 'react-router-dom'
import { AuthProvider } from './contexts/AuthContext'
import { ToastProvider } from './contexts/ToastContext'
import ProtectedRoute from './components/ProtectedRoute'
import Layout from './components/Layout'
import Login from './pages/Login'
import Dashboard from './pages/Dashboard'
import AssetInventory from './pages/AssetInventory'
import AssetDetail from './pages/AssetDetail'
import KnowledgeBase from './pages/KnowledgeBase'
import RelationshipMap from './pages/RelationshipMap'
import Settings from './pages/Settings'

function App() {
  return (
    <ToastProvider>
      <AuthProvider>
        <Routes>
          <Route path="/login" element={<Login />} />
          <Route path="/" element={<ProtectedRoute><Layout /></ProtectedRoute>}>
            <Route index element={<Dashboard />} />
            <Route path="assets" element={<AssetInventory />} />
            <Route path="assets/:id" element={<AssetDetail />} />
            <Route path="knowledge" element={<KnowledgeBase />} />
            <Route path="map" element={<RelationshipMap />} />
            <Route path="settings" element={<Settings />} />
          </Route>
        </Routes>
      </AuthProvider>
    </ToastProvider>
  )
}

export default App

</html>