[Settings]New Landing Page Experimentation (#22365)

Co-authored-by: Sophia Chen <sophia.six.chen@gmail.com>
Co-authored-by: Niels Laute <niels.laute@live.nl>
Co-authored-by: Sophia Chen <sophchen@microsoft.com>

src/settings-ui/Settings.UI.Library/GeneralSettings.cs

@@ -49,12 +49,16 @@ namespace Microsoft.PowerToys.Settings.UI.Library
         [JsonPropertyName("download_updates_automatically")]
         public bool AutoDownloadUpdates { get; set; }
 
+        [JsonPropertyName("enable_experimentation")]
+        public bool EnableExperimentation { get; set; }
+
         public GeneralSettings()
         {
             Startup = false;
             IsAdmin = false;
             IsElevated = false;
             AutoDownloadUpdates = false;
+            EnableExperimentation = true;
             Theme = "system";
             SystemTheme = "light";
             try

src/settings-ui/Settings.UI.Library/Telemetry/Events/OobeVariantAssignmentEvent.cs

@@ -0,0 +1,21 @@
+// 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.Diagnostics.Tracing;
+using Microsoft.PowerToys.Telemetry;
+using Microsoft.PowerToys.Telemetry.Events;
+
+namespace Microsoft.PowerToys.Settings.UI.Library.Telemetry.Events
+{
+    [EventData]
+    public class OobeVariantAssignmentEvent : EventBase, IEvent
+    {
+        public string AssignmentContext { get; set; }
+
+        public string ClientID { get; set; }
+
+        public PartA_PrivTags PartA_PrivTags => PartA_PrivTags.ProductAndServiceUsage;
+    }
+}

src/settings-ui/Settings.UI.UnitTests/Settings.UI.UnitTests.csproj

@@ -3,7 +3,7 @@
   <PropertyGroup>
     <TargetFramework>net7.0-windows10.0.19041.0</TargetFramework>
     <IsPackable>false</IsPackable>
-    
+    <RuntimeIdentifiers>win10-x64;win10-arm64</RuntimeIdentifiers>
     <Version>$(Version).0</Version>
   </PropertyGroup>
 

src/settings-ui/Settings.UI/Controls/OOBEPageControl/OOBEPageControl.xaml

@@ -10,12 +10,13 @@
 
     <Grid>
         <Grid.RowDefinitions>
-            <RowDefinition Height="280" />
+            <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
         <Image
             x:Name="HeaderImage"
+            Height="{x:Bind HeroImageHeight}"
             Source="{x:Bind HeroImage}"
             Stretch="UniformToFill" />
 
@@ -23,9 +24,7 @@
             Grid.Row="1"
             Padding="32,24,32,24"
             VerticalScrollBarVisibility="Auto">
-            <StackPanel
-                VerticalAlignment="Top"
-                Orientation="Vertical">
+            <StackPanel VerticalAlignment="Top" Orientation="Vertical">
 
                 <TextBlock
                     x:Name="TitleTxt"
@@ -49,4 +48,4 @@
             </StackPanel>
         </ScrollViewer>
     </Grid>
-</UserControl>
+</UserControl>

src/settings-ui/Settings.UI/Controls/OOBEPageControl/OOBEPageControl.xaml.cs

@@ -32,6 +32,12 @@ namespace Microsoft.PowerToys.Settings.UI.Controls
             set => SetValue(HeroImageProperty, value);
         }
 
+        public double HeroImageHeight
+        {
+            get { return (double)GetValue(HeroImageHeightProperty); }
+            set { SetValue(HeroImageHeightProperty, value); }
+        }
+
         public object PageContent
         {
             get { return (object)GetValue(PageContentProperty); }
@@ -42,5 +48,6 @@ namespace Microsoft.PowerToys.Settings.UI.Controls
         public static readonly DependencyProperty DescriptionProperty = DependencyProperty.Register("Description", typeof(string), typeof(SettingsPageControl), new PropertyMetadata(default(string)));
         public static readonly DependencyProperty HeroImageProperty = DependencyProperty.Register("HeroImage", typeof(string), typeof(SettingsPageControl), new PropertyMetadata(default(string)));
         public static readonly DependencyProperty PageContentProperty = DependencyProperty.Register("PageContent", typeof(object), typeof(SettingsPageControl), new PropertyMetadata(new Grid()));
+        public static readonly DependencyProperty HeroImageHeightProperty = DependencyProperty.Register("HeroImageHeight", typeof(double), typeof(SettingsPageControl), new PropertyMetadata(280.0));
     }
 }

src/settings-ui/Settings.UI/OOBE/Views/OobeOverviewAlternate.xaml

@@ -0,0 +1,193 @@
+<Page
+    x:Class="Microsoft.PowerToys.Settings.UI.OOBE.Views.OobeOverviewAlternate"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:controls="using:Microsoft.PowerToys.Settings.UI.Controls"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="using:Microsoft.PowerToys.Settings.UI.OOBE.Views"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <controls:OOBEPageControl
+        x:Uid="Oobe_Overview"
+        HeroImage="ms-appx:///Assets/Modules/OOBE/OOBEPTHero.png"
+        HeroImageHeight="120">
+
+        <controls:OOBEPageControl.PageContent>
+            <StackPanel Orientation="Vertical">
+                <TextBlock
+                    x:Uid="Alternate_OOBE_Description"
+                    Margin="0,24,0,12"
+                    FontWeight="SemiBold" />
+                <GridView Margin="-8,0,0,0" SelectionMode="None">
+                    <GridViewItem>
+                        <Grid
+                            Width="280"
+                            Margin="8"
+                            Padding="16,16,16,10"
+                            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+                            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+                            BorderThickness="1"
+                            CornerRadius="8"
+                            RowSpacing="0">
+
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+                            <Image
+                                Width="36"
+                                HorizontalAlignment="Left"
+                                Source="ms-appx:///Assets/FluentIcons/FluentIconsFancyZones.png" />
+                            <TextBlock
+                                x:Uid="Alternate_OOBE_FancyZones_Title"
+                                Grid.Row="1"
+                                Margin="0,12,0,6"
+                                HorizontalAlignment="Left"
+                                FontSize="16"
+                                FontWeight="SemiBold"
+                                TextWrapping="Wrap" />
+                            <TextBlock
+                                x:Uid="Alternate_OOBE_FancyZones_Description"
+                                Grid.Row="2"
+                                FontSize="12"
+                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                                TextWrapping="Wrap" />
+                            <controls:ShortcutWithTextLabelControl
+                                x:Name="FancyZonesHotkeyControl"
+                                Grid.Row="3"
+                                Margin="0,8,0,0" />
+                        </Grid>
+                    </GridViewItem>
+
+                    <GridViewItem>
+                        <Grid
+                            Width="280"
+                            Padding="16,16,16,10"
+                            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+                            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+                            BorderThickness="1"
+                            CornerRadius="8"
+                            RowSpacing="0">
+
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+                            <Image
+                                Width="36"
+                                HorizontalAlignment="Left"
+                                Source="ms-appx:///Assets/FluentIcons/FluentIconsPowerToysRun.png" />
+                            <TextBlock
+                                x:Uid="Alternate_OOBE_Run_Title"
+                                Grid.Row="1"
+                                Margin="0,12,0,6"
+                                HorizontalAlignment="Left"
+                                FontSize="16"
+                                FontWeight="SemiBold"
+                                TextWrapping="Wrap" />
+                            <TextBlock
+                                x:Uid="Alternate_OOBE_Run_Description"
+                                Grid.Row="2"
+                                FontSize="12"
+                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                                TextWrapping="Wrap" />
+                            <controls:ShortcutWithTextLabelControl
+                                x:Name="RunHotkeyControl"
+                                Grid.Row="3"
+                                Margin="0,8,0,0" />
+                        </Grid>
+                    </GridViewItem>
+
+                    <GridViewItem>
+                        <Grid
+                            Width="280"
+                            Padding="16,16,16,10"
+                            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+                            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+                            BorderThickness="1"
+                            CornerRadius="8"
+                            RowSpacing="0">
+
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+                            <Image
+                                Width="36"
+                                HorizontalAlignment="Left"
+                                Source="ms-appx:///Assets/FluentIcons/FluentIconsColorPicker.png" />
+                            <TextBlock
+                                x:Uid="Alternate_OOBE_ColorPicker_Title"
+                                Grid.Row="1"
+                                Margin="0,12,0,6"
+                                HorizontalAlignment="Left"
+                                FontSize="16"
+                                FontWeight="SemiBold"
+                                TextWrapping="Wrap" />
+                            <TextBlock
+                                x:Uid="Alternate_OOBE_ColorPicker_Description"
+                                Grid.Row="2"
+                                FontSize="12"
+                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                                Text="To pick a color:"
+                                TextWrapping="Wrap" />
+                            <controls:ShortcutWithTextLabelControl
+                                x:Name="ColorPickerHotkeyControl"
+                                Grid.Row="3"
+                                Margin="0,8,0,0" />
+                        </Grid>
+                    </GridViewItem>
+
+                    <GridViewItem>
+                        <Grid
+                            Width="280"
+                            Padding="16,16,16,10"
+                            Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
+                            BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
+                            BorderThickness="1"
+                            CornerRadius="8"
+                            RowSpacing="0">
+
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+                            <Image
+                                Width="36"
+                                HorizontalAlignment="Left"
+                                Source="ms-appx:///Assets/FluentIcons/FluentIconsAlwaysOnTop.png" />
+                            <TextBlock
+                                x:Uid="Alternate_OOBE_AlwaysOnTop_Title"
+                                Grid.Row="1"
+                                Margin="0,12,0,6"
+                                HorizontalAlignment="Left"
+                                FontSize="16"
+                                FontWeight="SemiBold"
+                                TextWrapping="Wrap" />
+                            <TextBlock
+                                x:Uid="Alternate_OOBE_AlwaysOnTop_Description"
+                                Grid.Row="2"
+                                FontSize="12"
+                                Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                                TextWrapping="Wrap" />
+                            <controls:ShortcutWithTextLabelControl
+                                x:Name="AlwaysOnTopHotkeyControl"
+                                Grid.Row="3"
+                                Margin="0,8,0,0" />
+                        </Grid>
+                    </GridViewItem>
+
+                </GridView>
+            </StackPanel>
+        </controls:OOBEPageControl.PageContent>
+    </controls:OOBEPageControl>
+</Page>

src/settings-ui/Settings.UI/OOBE/Views/OobeOverviewAlternate.xaml.cs

@@ -0,0 +1,50 @@
+// 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.PowerToys.Settings.UI.Library;
+using Microsoft.PowerToys.Settings.UI.OOBE.Enums;
+using Microsoft.PowerToys.Settings.UI.OOBE.ViewModel;
+using Microsoft.PowerToys.Settings.UI.Views;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Navigation;
+
+namespace Microsoft.PowerToys.Settings.UI.OOBE.Views
+{
+    public sealed partial class OobeOverviewAlternate : Page
+    {
+        public OobePowerToysModule ViewModel { get; set; }
+
+        public OobeOverviewAlternate()
+        {
+            this.InitializeComponent();
+            ViewModel = new OobePowerToysModule(OobeShellPage.OobeShellHandler.Modules[(int)PowerToysModules.Overview]);
+            DataContext = ViewModel;
+
+            FancyZonesHotkeyControl.Keys = SettingsRepository<FancyZonesSettings>.GetInstance(new SettingsUtils()).SettingsConfig.Properties.FancyzonesEditorHotkey.Value.GetKeysList();
+            RunHotkeyControl.Keys = SettingsRepository<PowerLauncherSettings>.GetInstance(new SettingsUtils()).SettingsConfig.Properties.OpenPowerLauncher.GetKeysList();
+            ColorPickerHotkeyControl.Keys = SettingsRepository<ColorPickerSettings>.GetInstance(new SettingsUtils()).SettingsConfig.Properties.ActivationShortcut.GetKeysList();
+            AlwaysOnTopHotkeyControl.Keys = SettingsRepository<AlwaysOnTopSettings>.GetInstance(new SettingsUtils()).SettingsConfig.Properties.Hotkey.Value.GetKeysList();
+        }
+
+        private void SettingsLaunchButton_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
+        {
+            if (OobeShellPage.OpenMainWindowCallback != null)
+            {
+                OobeShellPage.OpenMainWindowCallback(typeof(GeneralPage));
+            }
+
+            ViewModel.LogOpeningSettingsEvent();
+        }
+
+        protected override void OnNavigatedTo(NavigationEventArgs e)
+        {
+            ViewModel.LogOpeningModuleEvent();
+        }
+
+        protected override void OnNavigatedFrom(NavigationEventArgs e)
+        {
+            ViewModel.LogClosingModuleEvent();
+        }
+    }
+}

src/settings-ui/Settings.UI/OOBE/Views/OobeOverviewPlaceholder.xaml

@@ -0,0 +1,23 @@
+<!-- Copyright (c) Microsoft Corporation. All rights reserved. -->
+<!-- Licensed under the MIT License. See LICENSE in the project root for license information. -->
+
+<Page
+    x:Class="Microsoft.PowerToys.Settings.UI.OOBE.Views.OobeOverviewPlaceholder"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:Microsoft.PowerToys.Settings.UI.OOBE.Views"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d"
+    Loaded="Page_Loaded"
+    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+
+    <Grid Margin="0,24,0,0">
+        <ProgressRing
+                    x:Name="LoadingProgressRing"
+                    HorizontalAlignment="Center"
+                    VerticalAlignment="Center"
+                    IsIndeterminate="True"
+                    Visibility="Visible" />
+    </Grid>
+</Page>

src/settings-ui/Settings.UI/OOBE/Views/OobeOverviewPlaceholder.xaml.cs

@@ -0,0 +1,73 @@
+// 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.Threading.Tasks;
+using AllExperiments;
+using Microsoft.PowerToys.Settings.UI.OOBE.Enums;
+using Microsoft.PowerToys.Settings.UI.OOBE.ViewModel;
+using Microsoft.PowerToys.Settings.UI.Services;
+using Microsoft.PowerToys.Settings.UI.Views;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Navigation;
+
+namespace Microsoft.PowerToys.Settings.UI.OOBE.Views
+{
+    public sealed partial class OobeOverviewPlaceholder : Page
+    {
+        public OobePowerToysModule ViewModel { get; set; }
+
+        public OobeOverviewPlaceholder()
+        {
+            this.InitializeComponent();
+            ViewModel = new OobePowerToysModule(OobeShellPage.OobeShellHandler.Modules[(int)PowerToysModules.Overview]);
+            DataContext = ViewModel;
+        }
+
+        private static async Task<bool> GetIsExperiment()
+        {
+            Experiments landingPageExp = new Experiments();
+            var experimentEnabled = await landingPageExp.EnableLandingPageExperimentAsync();
+            return experimentEnabled;
+        }
+
+        private async void Reload()
+        {
+            var isExperiment = await GetIsExperiment();
+
+            if (isExperiment)
+            {
+                this.Frame.Navigate(typeof(OobeOverviewAlternate));
+            }
+            else
+            {
+                this.Frame.Navigate(typeof(OobeOverview));
+            }
+        }
+
+        private void Page_Loaded(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
+        {
+            Reload();
+        }
+
+        private void SettingsLaunchButton_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
+        {
+            if (OobeShellPage.OpenMainWindowCallback != null)
+            {
+                OobeShellPage.OpenMainWindowCallback(typeof(GeneralPage));
+            }
+
+            ViewModel.LogOpeningSettingsEvent();
+        }
+
+        protected override void OnNavigatedTo(NavigationEventArgs e)
+        {
+            ViewModel.LogOpeningModuleEvent();
+        }
+
+        protected override void OnNavigatedFrom(NavigationEventArgs e)
+        {
+            ViewModel.LogClosingModuleEvent();
+        }
+    }
+}

src/settings-ui/Settings.UI/OOBE/Views/OobeShellPage.xaml.cs

@@ -4,6 +4,8 @@
 
 using System;
 using System.Collections.ObjectModel;
+using System.Globalization;
+using AllExperiments;
 using Microsoft.PowerToys.Settings.UI.Library;
 using Microsoft.PowerToys.Settings.UI.OOBE.Enums;
 using Microsoft.PowerToys.Settings.UI.OOBE.ViewModel;
@@ -47,10 +49,16 @@ namespace Microsoft.PowerToys.Settings.UI.OOBE.Views
 
         public ObservableCollection<OobePowerToysModule> Modules { get; }
 
+        private static ISettingsUtils settingsUtils = new SettingsUtils();
+
+        private bool ExperimentationToggleSwitchEnabled { get; set; } = true;
+
         public OobeShellPage()
         {
             InitializeComponent();
 
+            ExperimentationToggleSwitchEnabled = SettingsRepository<GeneralSettings>.GetInstance(settingsUtils).SettingsConfig.EnableExperimentation;
+
             DataContext = ViewModel;
             OobeShellHandler = this;
             UpdateUITheme();
@@ -186,7 +194,27 @@ namespace Microsoft.PowerToys.Settings.UI.OOBE.Views
             {
                 switch (selectedItem.Tag)
                 {
-                    case "Overview": NavigationFrame.Navigate(typeof(OobeOverview)); break;
+                    case "Overview":
+                        if (ExperimentationToggleSwitchEnabled)
+                        {
+                            switch (AllExperiments.Experiments.LandingPageExperiment)
+                            {
+                                case Experiments.ExperimentState.Enabled:
+                                    NavigationFrame.Navigate(typeof(OobeOverviewAlternate)); break;
+                                case Experiments.ExperimentState.Disabled:
+                                    NavigationFrame.Navigate(typeof(OobeOverview)); break;
+                                case Experiments.ExperimentState.NotLoaded:
+                                    NavigationFrame.Navigate(typeof(OobeOverviewPlaceholder)); break;
+                            }
+
+                            break;
+                        }
+                        else
+                        {
+                            NavigationFrame.Navigate(typeof(OobeOverview));
+                            break;
+                        }
+
                     case "WhatsNew": NavigationFrame.Navigate(typeof(OobeWhatsNew)); break;
                     case "AlwaysOnTop": NavigationFrame.Navigate(typeof(OobeAlwaysOnTop)); break;
                     case "Awake": NavigationFrame.Navigate(typeof(OobeAwake)); break;

src/settings-ui/Settings.UI/PowerToys.Settings.csproj

@@ -55,6 +55,9 @@
 	<PropertyGroup>
 		<RestoreAdditionalProjectSources>https://pkgs.dev.azure.com/dotnet/CommunityToolkit/_packaging/CommunityToolkit-Labs/nuget/v3/index.json</RestoreAdditionalProjectSources>
 	</PropertyGroup>
+	<ItemGroup>
+	  <None Remove="OOBE\Views\OobeOverviewPlaceholder.xaml" />
+	</ItemGroup>
 	<ItemGroup>
 	  <None Remove="Controls\ColorFormatEditor.xaml" />
 	</ItemGroup>
@@ -91,15 +94,19 @@
   <!-- Defining the "Msix" ProjectCapability here allows the Single-project MSIX Packaging
        Tools extension to be activated for this project even if the Windows App SDK Nuget
        package has not yet been restored -->
+	
   <ItemGroup Condition="'$(DisableMsixProjectCapabilityAddedByProject)'!='true' and '$(EnablePreviewMsixTooling)'=='true'">
     <ProjectCapability Include="Msix" />
   </ItemGroup>
+	
   <ItemGroup>
+    <ProjectReference Include="..\..\common\AllExperiments\AllExperiments.csproj" />
     <ProjectReference Include="..\..\common\GPOWrapper\GPOWrapper.vcxproj" />
     <ProjectReference Include="..\..\common\ManagedCommon\ManagedCommon.csproj" />
     <ProjectReference Include="..\..\common\ManagedTelemetry\Telemetry\ManagedTelemetry.csproj" />
     <ProjectReference Include="..\Settings.UI.Library\Settings.UI.Library.csproj" />
   </ItemGroup>
+	
   <ItemGroup>
     <Page Update="FlyoutWindow.xaml">
       <Generator>MSBuild:Compile</Generator>
@@ -122,10 +129,17 @@
     <None Update="icon.ico">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </None>
+    <Page Update="OOBE\Views\OobeOverviewPlaceholder.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
     <Page Update="OOBE\Views\OobeHosts.xaml">
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Update="OOBE\Views\OobeOverviewAlternate.xaml">
+      <XamlRuntime>$(DefaultXamlRuntime)</XamlRuntime>
+    </Page>
   </ItemGroup>
+	
   <ItemGroup>
     <Page Update="OOBE\Views\OobePowerOCR.xaml">
       <XamlRuntime>$(DefaultXamlRuntime)</XamlRuntime>

src/settings-ui/Settings.UI/Strings/en-us/Resources.resw

@@ -2830,6 +2830,10 @@ Activate by holding the key for the character you want to add an accent to, then
     <value>Launch Host File Editor</value>
     <comment>"Host File Editor" is a product name</comment>
   </data>
+  <data name="Hosts_LaunchButton_Accessible.[using:Microsoft.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
+    <value>Launch Host File Editor</value>
+    <comment>"Host File Editor" is a product name</comment>
+  </data>
   <data name="Hosts_AdditionalLinesPosition.Header" xml:space="preserve">
     <value>Position of additional content</value>
   </data>
@@ -2891,6 +2895,39 @@ Activate by holding the key for the character you want to add an accent to, then
   <data name="TextExtractor_Languages.Header" xml:space="preserve">
     <value>Preferred language</value>
   </data>
+  <data name="Alternate_OOBE_AlwaysOnTop_Description.Text" xml:space="preserve">
+    <value>Pin a window so that:</value>
+  </data>
+  <data name="Alternate_OOBE_AlwaysOnTop_Title.Text" xml:space="preserve">
+    <value>Always On Top</value>
+  </data>
+  <data name="Alternate_OOBE_ColorPicker_Description.Text" xml:space="preserve">
+    <value>To pick a color:</value>
+  </data>
+  <data name="Alternate_OOBE_ColorPicker_Title.Text" xml:space="preserve">
+    <value>Color Picker</value>
+  </data>
+  <data name="Alternate_OOBE_Description.Text" xml:space="preserve">
+    <value>Here are a few shortcuts to get you started:</value>
+  </data>
+  <data name="Alternate_OOBE_FancyZones_Description.Text" xml:space="preserve">
+    <value>To open the FancyZones editor, press:</value>
+  </data>
+  <data name="Alternate_OOBE_FancyZones_Title.Text" xml:space="preserve">
+    <value>FancyZones</value>
+  </data>
+  <data name="Alternate_OOBE_Run_Description.Text" xml:space="preserve">
+    <value>Get access to your files and more:</value>
+  </data>
+  <data name="Alternate_OOBE_Run_Title.Text" xml:space="preserve">
+    <value>PowerToys Run</value>
+  </data>
+  <data name="GeneralPage_EnableExperimentation.Description" xml:space="preserve">
+    <value>Only affects Windows Insider builds</value>
+  </data>
+  <data name="GeneralPage_EnableExperimentation.Header" xml:space="preserve">
+    <value>Enable experimentation</value>
+  </data>
   <data name="AllAppsTxt.Text" xml:space="preserve">
     <value>All apps</value>
   </data>

src/settings-ui/Settings.UI/ViewModels/GeneralViewModel.cs

@@ -125,6 +125,7 @@ namespace Microsoft.PowerToys.Settings.UI.ViewModels
 
             _startup = GeneralSettingsConfig.Startup;
             _autoDownloadUpdates = GeneralSettingsConfig.AutoDownloadUpdates;
+            _enableExperimentation = GeneralSettingsConfig.EnableExperimentation;
 
             _isElevated = isElevated;
             _runElevated = GeneralSettingsConfig.RunElevated;
@@ -152,6 +153,7 @@ namespace Microsoft.PowerToys.Settings.UI.ViewModels
         private int _themeIndex;
 
         private bool _autoDownloadUpdates;
+        private bool _enableExperimentation;
 
         private UpdatingSettings.UpdatingState _updatingState = UpdatingSettings.UpdatingState.UpToDate;
         private string _newAvailableVersion = string.Empty;
@@ -284,6 +286,24 @@ namespace Microsoft.PowerToys.Settings.UI.ViewModels
             }
         }
 
+        public bool EnableExperimentation
+        {
+            get
+            {
+                return _enableExperimentation;
+            }
+
+            set
+            {
+                if (_enableExperimentation != value)
+                {
+                    _enableExperimentation = value;
+                    GeneralSettingsConfig.EnableExperimentation = value;
+                    NotifyPropertyChanged();
+                }
+            }
+        }
+
         public static bool AutoUpdatesEnabled
         {
             get

src/settings-ui/Settings.UI/Views/GeneralPage.xaml

@@ -369,8 +369,13 @@
                             </labs:SettingsCard>
                         </labs:SettingsExpander.Items>
                     </labs:SettingsExpander>
+                    <labs:SettingsCard x:Uid="GeneralPage_EnableExperimentation"
+                                       HeaderIcon="{ui:BitmapIcon Source=/Assets/FluentIcons/FluentIconsExperimentation.png}">
+                        <ToggleSwitch
+                            x:Uid="ToggleSwitch"
+                            IsOn="{Binding Mode=TwoWay, Path=EnableExperimentation}" />
+                    </labs:SettingsCard>
                 </controls:SettingsGroup>
-
                 <InfoBar
                     x:Uid="General_SettingsBackupMessageResults"
                     Title="{Binding SettingsBackupMessage}"