docs(world): document map lod system

src/data/docs/docsSections.ts

@@ -92,6 +92,12 @@ export const docGroups: DocGroup[] = [
         subtitle: "Draw calls, triangles, and streaming",
         meta: "13",
       },
+      {
+        path: "/docs/map-lod",
+        title: "Map LOD System",
+        subtitle: "Presets, paths, and model workflow",
+        meta: "14",
+      },
     ],
   },
   {
@@ -101,31 +107,31 @@ export const docGroups: DocGroup[] = [
         path: "/docs/features",
         title: "Features",
         subtitle: "Implemented scope",
-        meta: "14",
+        meta: "15",
       },
       {
         path: "/docs/main-feature",
         title: "Main Feature",
         subtitle: "Repair-game prototype",
-        meta: "15",
+        meta: "16",
       },
       {
         path: "/docs/editor",
         title: "Editor User Guide",
         subtitle: "Editing workflow",
-        meta: "16",
+        meta: "17",
       },
       {
         path: "/docs/animation",
         title: "Animation & 3D Model System",
         subtitle: "Components and usage",
-        meta: "17",
+        meta: "18",
       },
       {
         path: "/docs/gallery",
         title: "Model Gallery",
         subtitle: "Browsing 3D assets",
-        meta: "18",
+        meta: "19",
       },
     ],
   },
@@ -136,7 +142,7 @@ export const docGroups: DocGroup[] = [
         path: "/docs/code-review",
         title: "Code Review Prep",
         subtitle: "Presentation support",
-        meta: "19",
+        meta: "20",
       },
     ],
   },

src/pages/docs/map-lod/page.tsx

@@ -0,0 +1,6 @@
+import mapLod from "../../../../docs/technical/map-lod.md?raw";
+import { DocsDocument } from "@/components/docs/DocsDocument";
+
+export function DocsMapLodPage(): React.JSX.Element {
+  return <DocsDocument content={mapLod} meta="14" title="Map LOD System" />;
+}

src/router.tsx

@@ -22,6 +22,7 @@ import {
   DocsInteractionRoute,
   DocsLayoutRoute,
   DocsMainFeatureRoute,
+  DocsMapLodRoute,
   DocsMapPerformanceRoute,
   DocsMissionFlowRoute,
   DocsReadmeRoute,
@@ -93,6 +94,7 @@ const docsChildRoutes = [
   { path: "zustand", component: DocsZustandRoute },
   { path: "three-debugging", component: DocsThreeDebuggingRoute },
   { path: "map-performance", component: DocsMapPerformanceRoute },
+  { path: "map-lod", component: DocsMapLodRoute },
   { path: "features", component: DocsFeaturesRoute },
   { path: "main-feature", component: DocsMainFeatureRoute },
   { path: "editor", component: DocsEditorRoute },

src/routes/DocsRoute.tsx

@@ -107,6 +107,10 @@ const LazyDocsMapPerformancePage = lazyNamed(
   () => import("@/pages/docs/map-performance/page"),
   "DocsMapPerformancePage",
 );
+const LazyDocsMapLodPage = lazyNamed(
+  () => import("@/pages/docs/map-lod/page"),
+  "DocsMapLodPage",
+);
 
 export const DocsLayoutRoute = createDocsRoute(LazyDocsLayout);
 export const DocsReadmeRoute = createDocsRoute(LazyDocsReadmePage);
@@ -136,3 +140,4 @@ export const DocsThreeDebuggingRoute = createDocsRoute(
 export const DocsMapPerformanceRoute = createDocsRoute(
   LazyDocsMapPerformancePage,
 );
+export const DocsMapLodRoute = createDocsRoute(LazyDocsMapLodPage);