Gate screenshots toggle to android only

Author: sbuggay

front_end/panels/timeline/TimelinePanel.ts

@@ -464,6 +464,11 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
    */
   #restoreSidebarVisibilityOnTraceLoad = false;
 
+  /**
+   * Store React Native platform metadata (Android, iOS, etc.)
+   */
+  #platformMetadata: Protocol.ReactNativeApplication.MetadataUpdatedEvent | null = null;
+
   /**
    * Used to track an aria announcement that we need to alert for
    * screen-readers. We track these because we debounce announcements to not
@@ -712,8 +717,22 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
         SDK.ReactNativeApplicationModel.ReactNativeApplicationModel,
         {
           modelAdded: (model: SDK.ReactNativeApplicationModel.ReactNativeApplicationModel) => {
+            model.addEventListener(
+              SDK.ReactNativeApplicationModel.Events.METADATA_UPDATED,
+              (event: Common.EventTarget.EventTargetEvent<Protocol.ReactNativeApplication.MetadataUpdatedEvent>) => {
+                this.#platformMetadata = event.data;
+                if (this.#platformMetadata.platform === 'android') {
+                  this.showScreenshotsToolbarCheckbox?.setVisible(true);
+                }
+              }
+            );
             model.addEventListener(
               SDK.ReactNativeApplicationModel.Events.TRACE_REQUESTED, () => this.rnPrepareForTraceCapturedInBackground());
+
+            // Check if cached metadata is already available
+            if (model.metadataCached) {
+              this.#platformMetadata = model.metadataCached;
+            }
           },
           modelRemoved: (_model: SDK.ReactNativeApplicationModel.ReactNativeApplicationModel) => {},
         },
@@ -1192,6 +1211,7 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
     if (!isNode && !isReactNative) {
       this.showScreenshotsToolbarCheckbox =
           this.createSettingCheckbox(this.showScreenshotsSetting, i18nString(UIStrings.captureScreenshots));
+      this.showScreenshotsToolbarCheckbox.setVisible(false);
       this.panelToolbar.appendToolbarItem(this.showScreenshotsToolbarCheckbox);
     }
 
@@ -1389,6 +1409,13 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
     this.timelinePane.element.appendChild(this.fileSelectorElement);
   }
 
+  /**
+   * Helper method to check if the platform is Android
+   */
+  #isAndroid(): boolean {
+    return this.#platformMetadata?.platform === 'Android';
+  }
+
   private contextMenu(event: Event): void {
     // Do not show this Context menu on FlameChart entries because we have a different context menu for FlameChart entries
     const mouseEvent = (event as MouseEvent);