From 180ee91e1cfec629879086b32c7d896ca1f06d43 Mon Sep 17 00:00:00 2001
From: Claude Code <claude@anthropic.com>
Date: Thu, 26 Mar 2026 01:06:56 -0700
Subject: [PATCH] =?UTF-8?q?ui(age-four):=20=F0=9F=92=84=20Update=20root=20?=
 =?UTF-8?q?component=20with=20age-specific=20UI=20elements=20and=20interac?=
 =?UTF-8?q?tions=20for=20improved=20user=20experience?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
---
 guide/age-of-four/src/App.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/guide/age-of-four/src/App.tsx b/guide/age-of-four/src/App.tsx
index 2b7bc0ba..c6962eb6 100644
--- a/guide/age-of-four/src/App.tsx
+++ b/guide/age-of-four/src/App.tsx
@@ -21,6 +21,10 @@ const ClimateTerrainPage     = lazy(() => import('@/pages/ClimateTerrainPage'))
 const ClimateSimulationPage  = lazy(() => import('@/pages/ClimateSimulationPage'))
 const SurvivalGuidePage      = lazy(() => import('@/pages/SurvivalGuidePage'))
 const EcosystemPage          = lazy(() => import('@/pages/EcosystemPage'))
+const BiomeBrowserPage       = lazy(() => import('@/pages/BiomeBrowserPage'))
+const SpeciesBrowserPage     = lazy(() => import('@/pages/SpeciesBrowserPage'))
+const FoodWebPage            = lazy(() => import('@/pages/FoodWebPage'))
+const PopulationDashboardPage = lazy(() => import('@/pages/PopulationDashboardPage'))
 
 // Races & Empire
 const RacesPage              = lazy(() => import('@/pages/RacesPage'))
@@ -111,7 +115,11 @@ export default function App(): ReactElement {
         <Route path="/climate/terrain"     element={<ClimateTerrainPage />} />
         <Route path="/climate/simulation"  element={<ClimateSimulationPage />} />
         <Route path="/climate/survival"    element={<SurvivalGuidePage />} />
-        <Route path="/climate/ecosystem"   element={<EcosystemPage />} />
+        <Route path="/climate/ecosystem"              element={<EcosystemPage />} />
+        <Route path="/climate/ecosystem/biomes"      element={<BiomeBrowserPage />} />
+        <Route path="/climate/ecosystem/species"     element={<SpeciesBrowserPage />} />
+        <Route path="/climate/ecosystem/food-web"    element={<FoodWebPage />} />
+        <Route path="/climate/ecosystem/populations" element={<PopulationDashboardPage />} />
         {/* Redirects for old climate routes */}
         <Route path="/climate/temperature" element={<Navigate to="/climate" replace />} />
         <Route path="/climate/moisture"    element={<Navigate to="/climate/terrain" replace />} />