ui: Add feature flag for pivot tables

Change-Id: Ifea40c30c7abd7cc40d3a731b606f44d04b756a1
diff --git a/ui/src/frontend/keyboard_event_handler.ts b/ui/src/frontend/keyboard_event_handler.ts
index 1e8ec5d..2d4e2cd 100644
--- a/ui/src/frontend/keyboard_event_handler.ts
+++ b/ui/src/frontend/keyboard_event_handler.ts
@@ -14,6 +14,7 @@
 
 import {Actions} from '../common/actions';
 import {Area} from '../common/state';
+import {featureFlags} from '../common/feature_flags';
 
 import {Flow, globals} from './globals';
 import {toggleHelp} from './help_modal';
@@ -24,6 +25,13 @@
 } from './scroll_helper';
 import {executeSearch} from './search_handler';
 
+const PIVOT_TABLE_FLAG = featureFlags.register({
+  id: 'pivotTables',
+  name: 'Pivot tables',
+  description: 'Show experimental pivot table details tab.',
+  defaultValue: false,
+});
+
 const INSTANT_FOCUS_DURATION_S = 1 / 1e9;  // 1 ns.
 type Direction = 'Forward'|'Backward';
 
@@ -71,7 +79,7 @@
       moveByFocusedFlow('Backward');
     }
   }
-  if (down && 'p' === key && e.ctrlKey && globals.isInternalUser) {
+  if (down && 'p' === key && e.ctrlKey && PIVOT_TABLE_FLAG.get()) {
     e.preventDefault();
     globals.frontendLocalState.togglePivotTable();
   }