Do not show nested subdirectories in experiments navigation

Author: michaldudak

docs/src/app/(private)/experiments/[...slug]/page.tsx

@@ -52,11 +52,13 @@ export async function generateStaticParams() {
     cwd: experimentsRootDirectory,
   });
 
-  return files.map((file) => {
-    return {
-      slug: file.replace(/\.tsx$/, '').split('/'),
-    };
-  });
+  return files
+    .filter((file) => file.split('/').length <= 2)
+    .map((file) => {
+      return {
+        slug: file.replace(/\.tsx$/, '').split('/'),
+      };
+    });
 }
 
 export async function generateMetadata(props: Props): Promise<Metadata> {

docs/src/components/Experiments/ExperimentsList.tsx

@@ -19,6 +19,11 @@ const groups: Record<string, { name: string; path: string }[]> = {};
 
 for (const key of allExperimentFiles) {
   const segments = key.split('/');
+
+  // Ignore nested entries like `perf/utils/*` to keep navigation at 1 level deep.
+  if (segments.length > 2) {
+    continue;
+  }
   let group: string;
   let name: string;