[RPP] Add experiment for the alternative timeline navigation option

Bug: 313757601
Change-Id: Id595a18f4ef0d9e1c2c25d2be077c69cbb0a5104
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5970794
Commit-Queue: Jack Franklin <[email protected]>
Reviewed-by: Jack Franklin <[email protected]>
Auto-Submit: Alina Varkki <[email protected]>

Author: AlinaVarkki

front_end/core/host/UserMetrics.ts

@@ -1028,10 +1028,11 @@ export enum DevtoolsExperiments {
   'floating-entry-points-for-ai-assistance' = 101,
   'timeline-experimental-insights' = 102,
   'timeline-dim-unrelated-events' = 103,
+  'timeline-alternative-navigation' = 104,
   /* eslint-enable @typescript-eslint/naming-convention */
 
   // Increment this when new experiments are added.
-  MAX_VALUE = 104,
+  MAX_VALUE = 105,
 }
 
 export const enum CSSPropertyDocumentation {

front_end/core/root/Runtime.ts

@@ -303,6 +303,7 @@ export const enum ExperimentName {
   FLOATING_ENTRY_POINTS_FOR_AI_ASSISTANCE = 'floating-entry-points-for-ai-assistance',
   TIMELINE_EXPERIMENTAL_INSIGHTS = 'timeline-experimental-insights',
   TIMELINE_DIM_UNRELATED_EVENTS = 'timeline-dim-unrelated-events',
+  TIMELINE_ALTERNATIVE_NAVIGATION = 'timeline-alternative-navigation',
   // when adding to this enum, you'll need to also add to REGISTERED_EXPERIMENTS in EnvironmentHelpers.ts
 }
 

front_end/entrypoints/main/MainImpl.ts

@@ -418,6 +418,11 @@ export class MainImpl {
         'Performance panel: enable dimming unrelated events in performance insights and search results',
     );
 
+    Root.Runtime.experiments.register(
+        Root.Runtime.ExperimentName.TIMELINE_ALTERNATIVE_NAVIGATION,
+        'Performance panel: enable a switch to an alternative timeline navigation option',
+    );
+
     Root.Runtime.experiments.enableExperimentsByDefault([
       'css-type-component-length-deprecate',
       Root.Runtime.ExperimentName.AUTOFILL_VIEW,

front_end/testing/EnvironmentHelpers.ts

@@ -134,6 +134,7 @@ const REGISTERED_EXPERIMENTS = [
   Root.Runtime.ExperimentName.EXTENSION_STORAGE_VIEWER,
   Root.Runtime.ExperimentName.TIMELINE_EXPERIMENTAL_INSIGHTS,
   Root.Runtime.ExperimentName.TIMELINE_DIM_UNRELATED_EVENTS,
+  Root.Runtime.ExperimentName.TIMELINE_ALTERNATIVE_NAVIGATION,
 ];
 
 export async function initializeGlobalVars({reset = true} = {}) {

front_end/ui/visual_logging/KnownContextValues.ts

@@ -3020,6 +3020,7 @@ export const knownContextValues = new Set([
   'thumbs-up',
   'time',
   'timeline',
+  'timeline-alternative-navigation',
   'timeline-capture-layers-and-pictures',
   'timeline-capture-selector-stats',
   'timeline-compiled-sources',