♻️ Refactoring DeviceSelectorAction (#8475)

Continue working on
#8471. The PR refactored
the device selector.

**Changes**
1. Now it builds the component without a combo box button and has an
adaptive interface provided by the IntelliJ platform.
2. Device icons are updated to use icons from [Material Symbols
(Rounded)](https://fonts.google.com/icons?icon.size=16&icon.platform=web&icon.set=Material+Symbols&icon.style=Rounded).

This is supported by Claude Sonnet 4 (75%), GPT-5 (20%), and Gemini 2.5
Pro (5%).

**Screenshots**
| Variants | Before | After |
|:---:|:---:|:---:|
| Regular | <img width="412" height="286" alt="image"
src="https://github.com/user-attachments/assets/745632f7-6f96-4810-a07c-7885c35889ba"
/> | <img width="416" height="288" alt="image"
src="https://github.com/user-attachments/assets/b74b5d68-381a-4097-aef4-f2086e232de1"
/> |
| Compact | <img width="396" height="264" alt="image"
src="https://github.com/user-attachments/assets/15075978-1bbb-4191-9382-071fe9b11d60"
/> | <img width="402" height="264" alt="image"
src="https://github.com/user-attachments/assets/a8d73e37-9af4-4e25-afa5-6117d7f98f57"
/> |

Author: AlexV525

CHANGELOG.md

@@ -11,6 +11,7 @@
 - Resolved a "Slow operations are prohibited on EDT" exception on Flutter Project creation (#8446, #8447, #8448)
 - Made dev release daily instead of weekly
 - Set the device selector component to opaque during its creation to avoid an unexpected background color (#8471)
+- Refactored `DeviceSelectorAction` and add rich icons to different platform devices (#8475)
 
 ## 87.1.0
 

resources/META-INF/plugin.xml

@@ -57,7 +57,7 @@
       <!--suppress PluginXmlCapitalization -->
       <action id="Flutter.DeviceSelector" class="io.flutter.actions.DeviceSelectorAction"
               description="Flutter Device Selection"
-              icon="FlutterIcons.Phone"/>
+              icon="FlutterIcons.Mobile"/>
       <action id="Flutter.DeviceSelectorRefresher" class="io.flutter.actions.DeviceSelectorRefresherAction"
               text="Refresh Device List"
               description="Refresh device list"
@@ -70,7 +70,7 @@
       <!--suppress PluginXmlCapitalization -->
       <action id="Flutter.DeviceSelectorLegacy" class="io.flutter.actions.DeviceSelectorAction"
               description="Flutter Device Selection"
-              icon="FlutterIcons.Phone"/>
+              icon="FlutterIcons.Mobile"/>
       <action id="Flutter.DeviceSelectorRefresherLegacy" class="io.flutter.actions.DeviceSelectorRefresherAction"
               text="Refresh Device List"
               description="Refresh device list" />

resources/icons/android.svg

@@ -17,9 +17,14 @@ private static Icon load(String path) {
   public static final Icon Flutter = load("/icons/flutter.png");
   public static final Icon Flutter_2x = load("/icons/[email protected]");
   public static final Icon Flutter_test = load("/icons/flutter_test.png");
-  public static final Icon Phone = load("/icons/phone.png");
   public static final Icon RefreshItems = load("/icons/refresh_items.png");
 
+  public static final Icon Android = load("/icons/android.svg");
+  public static final Icon IOS = load("/icons/ios.svg");
+  public static final Icon Mobile = load("/icons/mobile.svg");
+  public static final Icon Desktop = load("/icons/desktop.svg");
+  public static final Icon Web = load("/icons/web.svg");
+
   public static final Icon Dart_16 = load("/icons/dart_16.svg");
 
   public static final Icon HotReload = load("/icons/hot-reload.png");