[Settings][runner]Quick access system tray launcher (#22408)

* Init

* Fix running settings

* UI design

* Left click trigger
Wire up colorpicker and pt run

* Wire up others

* Update FlyoutWindow.xaml.cs

* Removed comments

* Update FlyoutWindow.xaml

* More work

* Open Settings page

* More UI work

* Resolve conflicts

* [General] SystemTray Flyout: Add update on tray items' visibility when module gets enabled/disabled
Also remove context menu opening on tray icon.

* Adding app list

* Adding more buttons, resolving conflicts

* [General] Flyout: improving opening, closing flyout/settings window. Implementing basic bahaviour on enabling/disabling modules.

* [General] FlyoutWindow: proceed with implementation. GPO works. Main functionallity works (launching and enabling apps).

* [general] flyout: fix exit button

* [general] flyout: implement double click handling

* Localization

* [Generel] Flyout: Re-implement flyout launching, add workaround: disable flyout hiding in case the user switches on modules on the all apps page
+ minor changes

* [general] flyout: restore the context menu when right clicking on system tray icon

* Fix spellchecker

* [installer] fixing missing dll files + suppress error on not signed script

* Fix spell checker

* Fix flyout not focusing when activated

* Refresh Settings UI enabled state when flyout changes

* fix spellcheck

* Remove VCM from the list

* [General] flyout: fix settings window opening. Switch to general page only if there is no page opened

* [general] flyout: add launching hosts app

* Fix CI build

* adding check on elevation when launching hosts

* Use localization strings that already exist

* Remove dll not present in arm64 build

* Adding GPO policy check for the launcher page items

* fix hosts launching

* Add telemetry

* Also hide from all apps list when gpo is force enabling

* fix spellchecker

* Improve focus issues

* Fix flickering Bitmap Icons

* Fix telemetry error

* Fix telemetry call

* Fix wrong comment

---------

Co-authored-by: Stefan Markovic <stefan@janeasystems.com>
Co-authored-by: Laszlo Nemeth <laszlo.nemeth.hu@gmail.com>
Co-authored-by: Jaime Bernardo <jaime@janeasystems.com>

src/settings-ui/Settings.UI/Flyout/AppsListPage.xaml

@@ -0,0 +1,89 @@
+<!--  Copyright (c) Microsoft Corporation and Contributors.  -->
+<!--  Licensed under the MIT License.  -->
+
+<Page
+    x:Class="Microsoft.PowerToys.Settings.UI.Flyout.AppsListPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="using:Microsoft.PowerToys.Settings.UI.Flyout"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:viewmodels="using:Microsoft.PowerToys.Settings.UI.ViewModels"
+    mc:Ignorable="d">
+
+    <Grid Background="{ThemeResource LayerOnAcrylicFillColorDefaultBrush}">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+        <Grid Padding="24,32,24,0">
+            <TextBlock
+                x:Uid="AllAppsTxt"
+                VerticalAlignment="Center"
+                Style="{StaticResource BodyStrongTextBlockStyle}" />
+            <Button
+                x:Uid="BackBtn"
+                Padding="8,4,8,4"
+                HorizontalAlignment="Right"
+                VerticalAlignment="Center"
+                Click="BackButton_Click">
+                <Button.Content>
+                    <StackPanel
+                        VerticalAlignment="Center"
+                        Orientation="Horizontal"
+                        Spacing="12">
+                        <FontIcon
+                            Margin="0,2,0,0"
+                            FontSize="12"
+                            Glyph="&#xe76b;" />
+                        <TextBlock x:Uid="BackLabel" Style="{StaticResource CaptionTextBlockStyle}" />
+                    </StackPanel>
+                </Button.Content>
+            </Button>
+        </Grid>
+        <ListView
+            Grid.Row="1"
+            Margin="0,16,0,0"
+            ItemsSource="{x:Bind ViewModel.FlyoutMenuItems}"
+            SelectionMode="None">
+            <ListView.ItemsPanel>
+                <ItemsPanelTemplate>
+                    <StackPanel Padding="0,0,0,16" Orientation="Vertical" />
+                </ItemsPanelTemplate>
+            </ListView.ItemsPanel>
+
+            <ListView.ItemTemplate>
+                <DataTemplate x:DataType="viewmodels:FlyoutMenuItem">
+                    <Grid Height="40" Padding="24,0,24,0">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="Auto" />
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="Auto" />
+                        </Grid.ColumnDefinitions>
+                        <!--<ViewBox VerticalAlignment="Center">-->
+                        <Image
+                            Width="20"
+                            Margin="0,0,16,0">
+                            <Image.Source>
+                                <BitmapImage UriSource="{x:Bind Icon, Mode=OneWay}" />
+                            </Image.Source>
+                        </Image>
+                        <!--</ViewBox>-->
+                        <TextBlock
+                            Grid.Column="1"
+                            VerticalAlignment="Center"
+                            Text="{x:Bind Label, Mode=OneWay}"
+                            TextTrimming="CharacterEllipsis" />
+                        <ToggleSwitch
+                            Grid.Column="2"
+                            Margin="0,0,0,0"
+                            HorizontalAlignment="Right"
+                            AutomationProperties.Name="{x:Bind Label, Mode=OneWay}"
+                            IsOn="{x:Bind IsEnabled, Mode=TwoWay}"
+                            Style="{StaticResource RightAlignedCompactToggleSwitchStyle}" />
+                    </Grid>
+                </DataTemplate>
+            </ListView.ItemTemplate>
+        </ListView>
+    </Grid>
+</Page>

src/settings-ui/Settings.UI/Flyout/AppsListPage.xaml.cs

@@ -0,0 +1,36 @@
+// Copyright (c) Microsoft Corporation
+// The Microsoft Corporation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+using System;
+using System.Collections.ObjectModel;
+using System.Threading;
+using global::Windows.System;
+using interop;
+using Microsoft.PowerToys.Settings.UI.Library;
+using Microsoft.PowerToys.Settings.UI.ViewModels;
+using Microsoft.PowerToys.Settings.UI.Views;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Media.Animation;
+
+namespace Microsoft.PowerToys.Settings.UI.Flyout
+{
+    public sealed partial class AppsListPage : Page
+    {
+        private AllAppsViewModel ViewModel { get; set; }
+
+        public AppsListPage()
+        {
+            this.InitializeComponent();
+
+            var settingsUtils = new SettingsUtils();
+            ViewModel = new AllAppsViewModel(SettingsRepository<GeneralSettings>.GetInstance(settingsUtils), Views.ShellPage.SendDefaultIPCMessage);
+            DataContext = ViewModel;
+        }
+
+        private void BackButton_Click(object sender, RoutedEventArgs e)
+        {
+            Frame.Navigate(typeof(LaunchPage), null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromLeft });
+        }
+    }
+}

src/settings-ui/Settings.UI/Flyout/LaunchPage.xaml

@@ -0,0 +1,166 @@
+<Page
+    x:Class="Microsoft.PowerToys.Settings.UI.Flyout.LaunchPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:animatedVisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
+    xmlns:controls="using:Microsoft.PowerToys.Settings.UI.Controls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="using:Microsoft.PowerToys.Settings.UI.Flyout"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:toolkitControls="using:CommunityToolkit.WinUI.UI.Controls"
+    xmlns:viewModels="using:Microsoft.PowerToys.Settings.UI.ViewModels"
+    mc:Ignorable="d">
+    <Page.Resources>
+        <Style
+            x:Key="FlyoutButtonStyle"
+            BasedOn="{StaticResource SubtleButtonStyle}"
+            TargetType="Button">
+            <Setter Property="Padding" Value="6" />
+            <Setter Property="Width" Value="32" />
+            <Setter Property="Height" Value="32" />
+            <Setter Property="FontFamily" Value="{ThemeResource SymbolThemeFontFamily}" />
+        </Style>
+    </Page.Resources>
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="*" />
+            <RowDefinition Height="48" />
+        </Grid.RowDefinitions>
+        <Grid
+            Background="{ThemeResource LayerOnAcrylicFillColorDefaultBrush}"
+            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+            BorderThickness="0,0,0,1">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+
+            <Grid Padding="36,32,36,0">
+                <TextBlock
+                    VerticalAlignment="Center"
+                    Style="{StaticResource BodyStrongTextBlockStyle}"
+                    x:Uid="ShortcutsTxt" />
+                <Button
+                    Padding="8,4,8,4"
+                    HorizontalAlignment="Right"
+                    VerticalAlignment="Center"
+                    x:Uid="MoreBtn"
+                    Click="AllAppButton_Click">
+                    <Button.Content>
+                        <StackPanel
+                            VerticalAlignment="Center"
+                            Orientation="Horizontal"
+                            Spacing="12">
+
+                            <TextBlock Style="{StaticResource CaptionTextBlockStyle}" x:Uid="MoreLabel" />
+                            <FontIcon
+                                Margin="0,2,0,0"
+                                FontSize="12"
+                                Glyph="&#xe76c;" />
+                        </StackPanel>
+                    </Button.Content>
+                </Button>
+            </Grid>
+            <Grid Grid.Row="1">
+                <ItemsControl
+                    Margin="12,26,12,24"
+                    HorizontalAlignment="Center"
+                    VerticalAlignment="Top"
+                    ItemsSource="{x:Bind ViewModel.FlyoutMenuItems}"
+                    TabNavigation="Local">
+                    <ItemsControl.ItemsPanel>
+                        <ItemsPanelTemplate>
+                            <toolkitControls:WrapPanel VerticalSpacing="12" />
+                        </ItemsPanelTemplate>
+                    </ItemsControl.ItemsPanel>
+                    <ItemsControl.ItemTemplate>
+                        <DataTemplate x:DataType="viewModels:FlyoutMenuItem">
+                            <controls:FlyoutMenuButton
+                                Click="ModuleButton_Click"
+                                Tag="{x:Bind Tag}"
+                                AutomationProperties.Name="{x:Bind Label}"
+                                ToolTipService.ToolTip="{x:Bind ToolTip}"
+                                Visibility="{x:Bind Visible, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource BoolToVisibilityConverter}}">
+                                <controls:FlyoutMenuButton.Content>
+                                    <TextBlock
+                                        Style="{StaticResource CaptionTextBlockStyle}"
+                                        Text="{x:Bind Label}"
+                                        TextAlignment="Center"
+                                        TextWrapping="Wrap" />
+                                </controls:FlyoutMenuButton.Content>
+                                <controls:FlyoutMenuButton.Icon>
+                                    <Image>
+                                        <Image.Source>
+                                            <BitmapImage UriSource="{x:Bind Icon, Mode=OneWay}" />
+                                        </Image.Source>
+                                    </Image>
+                                </controls:FlyoutMenuButton.Icon>
+                            </controls:FlyoutMenuButton>
+                        </DataTemplate>
+                    </ItemsControl.ItemTemplate>
+                </ItemsControl>
+            </Grid>
+        </Grid>
+        <Grid Grid.Row="2">
+            <InfoBar
+                x:Uid="UpdateAvailable"
+                IsClosable="False"
+                IsOpen="{x:Bind ViewModel.IsUpdateAvailable, Mode=OneWay}"
+                Severity="Success" />
+
+            <StackPanel
+                Grid.Row="1"
+                Margin="0,0,12,0"
+                HorizontalAlignment="Right"
+                Orientation="Horizontal"
+                Spacing="8">
+                <Button
+                    x:Name="DocsBtn"
+                    x:Uid="DocsBtn"
+                    Click="DocsBtn_Click"
+                    Style="{StaticResource FlyoutButtonStyle}">
+                    <ToolTipService.ToolTip>
+                        <TextBlock x:Uid="DocsTooltip"/>
+                    </ToolTipService.ToolTip>
+                    <FontIcon FontSize="14" Glyph="&#xE130;" />
+                </Button>
+                <Button
+                    x:Name="ReportBugBtn"
+                    x:Uid="BugReportBtn"
+                    Click="ReportBugBtn_Click"
+                    Style="{StaticResource FlyoutButtonStyle}">
+                    <ToolTipService.ToolTip>
+                        <TextBlock x:Uid="BugReportTooltip"/>
+                    </ToolTipService.ToolTip>
+                    <FontIcon FontSize="14" Glyph="&#xebe8;" />
+                </Button>
+                <Button
+                    x:Name="SettingsBtn"
+                    Padding="8"
+                    x:Uid="SettingsBtn"
+                    Click="SettingsBtn_Click"
+                    Style="{StaticResource FlyoutButtonStyle}">
+                    <ToolTipService.ToolTip>
+                        <TextBlock x:Uid="SettingsTooltip"/>
+                    </ToolTipService.ToolTip>
+                    <AnimatedIcon x:Name="SearchAnimatedIcon">
+                        <AnimatedIcon.Source>
+                            <animatedVisuals:AnimatedSettingsVisualSource />
+                        </AnimatedIcon.Source>
+                        <AnimatedIcon.FallbackIconSource>
+                            <SymbolIconSource Symbol="Setting" />
+                        </AnimatedIcon.FallbackIconSource>
+                    </AnimatedIcon>
+                </Button>
+                <!--<AppBarSeparator />
+                <Button
+                    x:Name="QuitBtn"
+                    Style="{StaticResource FlyoutButtonStyle}"
+                    ToolTipService.ToolTip="Quit"
+                    Click="QuitButton_Click">
+                    <FontIcon FontSize="14" Glyph="&#xe894;" />
+                </Button>-->
+            </StackPanel>
+        </Grid>
+    </Grid>
+</Page>

src/settings-ui/Settings.UI/Flyout/LaunchPage.xaml.cs

@@ -0,0 +1,140 @@
+// Copyright (c) Microsoft Corporation
+// The Microsoft Corporation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+using System;
+using System.Collections.ObjectModel;
+using System.Threading;
+using global::Windows.System;
+using interop;
+using Microsoft.PowerToys.Settings.UI.Controls;
+using Microsoft.PowerToys.Settings.UI.Library;
+using Microsoft.PowerToys.Settings.UI.Library.Telemetry.Events;
+using Microsoft.PowerToys.Settings.UI.ViewModels;
+using Microsoft.PowerToys.Settings.UI.Views;
+using Microsoft.PowerToys.Telemetry;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Media.Animation;
+
+namespace Microsoft.PowerToys.Settings.UI.Flyout
+{
+    public sealed partial class LaunchPage : Page
+    {
+        private LauncherViewModel ViewModel { get; set; }
+
+        public LaunchPage()
+        {
+            this.InitializeComponent();
+            var settingsUtils = new SettingsUtils();
+            ViewModel = new LauncherViewModel(SettingsRepository<GeneralSettings>.GetInstance(settingsUtils), Views.ShellPage.SendDefaultIPCMessage);
+            DataContext = ViewModel;
+        }
+
+        private void ModuleButton_Click(object sender, RoutedEventArgs e)
+        {
+            FlyoutMenuButton selectedModuleBtn = sender as FlyoutMenuButton;
+            bool moduleRun = true;
+            switch ((string)selectedModuleBtn.Tag)
+            {
+                case "ColorPicker": // Launch ColorPicker
+                    using (var eventHandle = new EventWaitHandle(false, EventResetMode.AutoReset, Constants.ShowColorPickerSharedEvent()))
+                    {
+                        eventHandle.Set();
+                    }
+
+                    break;
+                case "FancyZones": // Launch FancyZones Editor
+                    using (var eventHandle = new EventWaitHandle(false, EventResetMode.AutoReset, Constants.FZEToggleEvent()))
+                    {
+                        eventHandle.Set();
+                    }
+
+                    break;
+
+                case "Hosts": // Launch Hosts
+                    {
+                        bool launchAdmin = SettingsRepository<HostsSettings>.GetInstance(new SettingsUtils()).SettingsConfig.Properties.LaunchAdministrator;
+                        var actionName = "Launch";
+                        if (!App.IsElevated && launchAdmin)
+                        {
+                            actionName = "LaunchAdministrator";
+                        }
+
+                        Views.ShellPage.SendDefaultIPCMessage("{\"action\":{\"Hosts\":{\"action_name\":\"" + actionName + "\", \"value\":\"\"}}}");
+                    }
+
+                    break;
+
+                case "MeasureTool": // Launch Screen Ruler
+                    using (var eventHandle = new EventWaitHandle(false, EventResetMode.AutoReset, Constants.MeasureToolTriggerEvent()))
+                    {
+                        eventHandle.Set();
+                    }
+
+                    break;
+
+                case "PowerLauncher": // Launch Run
+                    using (var eventHandle = new EventWaitHandle(false, EventResetMode.AutoReset, Constants.PowerLauncherSharedEvent()))
+                    {
+                        eventHandle.Set();
+                    }
+
+                    break;
+
+                case "PowerOCR": // Launch Text Extractor
+                    using (var eventHandle = new EventWaitHandle(false, EventResetMode.AutoReset, Constants.ShowPowerOCRSharedEvent()))
+                    {
+                        eventHandle.Set();
+                    }
+
+                    break;
+
+                case "ShortcutGuide": // Launch Shortcut Guide
+                    using (var eventHandle = new EventWaitHandle(false, EventResetMode.AutoReset, Constants.ShortcutGuideTriggerEvent()))
+                    {
+                        eventHandle.Set();
+                    }
+
+                    break;
+
+                default:
+                    moduleRun = false;
+                    break;
+            }
+
+            if (moduleRun)
+            {
+                PowerToysTelemetry.Log.WriteEvent(new TrayFlyoutModuleRunEvent() { ModuleName = (string)selectedModuleBtn.Tag });
+            }
+        }
+
+        private void SettingsBtn_Click(object sender, RoutedEventArgs e)
+        {
+            App.OpenSettingsWindow(null, true);
+        }
+
+        private async void DocsBtn_Click(object sender, RoutedEventArgs e)
+        {
+            await Launcher.LaunchUriAsync(new Uri("https://aka.ms/PowerToysOverview"));
+        }
+
+        private void AllAppButton_Click(object sender, RoutedEventArgs e)
+        {
+            Frame.Navigate(typeof(AppsListPage), null, new SlideNavigationTransitionInfo() { Effect = SlideNavigationTransitionEffect.FromRight });
+        }
+
+        private void QuitButton_Click(object sender, RoutedEventArgs e)
+        {
+            ViewModel.KillRunner();
+            this.DispatcherQueue.TryEnqueue(Microsoft.UI.Dispatching.DispatcherQueuePriority.Normal, () =>
+            {
+                Application.Current.Exit();
+            });
+        }
+
+        private void ReportBugBtn_Click(object sender, RoutedEventArgs e)
+        {
+            ViewModel.StartBugReport();
+        }
+    }
+}

src/settings-ui/Settings.UI/Flyout/ShellPage.xaml

@@ -0,0 +1,14 @@
+<Page
+    x:Class="Microsoft.PowerToys.Settings.UI.Flyout.ShellPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="using:Microsoft.PowerToys.Settings.UI.Flyout"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    Loaded="Page_Loaded"
+    mc:Ignorable="d">
+
+    <Grid>
+        <Frame x:Name="ContentFrame" />
+    </Grid>
+</Page>

src/settings-ui/Settings.UI/Flyout/ShellPage.xaml.cs

@@ -0,0 +1,30 @@
+// Copyright (c) Microsoft Corporation
+// The Microsoft Corporation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Media.Animation;
+
+namespace Microsoft.PowerToys.Settings.UI.Flyout
+{
+    /// <summary>
+    /// An empty page that can be used on its own or navigated to within a Frame.
+    /// </summary>
+    public sealed partial class ShellPage : Page
+    {
+        public ShellPage()
+        {
+            this.InitializeComponent();
+        }
+
+        internal void SwitchToLaunchPage()
+        {
+            ContentFrame.Navigate(typeof(LaunchPage), null, new SuppressNavigationTransitionInfo());
+        }
+
+        private void Page_Loaded(object sender, RoutedEventArgs e)
+        {
+            SwitchToLaunchPage();
+        }
+    }
+}