Minor UI refactor (#11212)

Content.Client/Options/EscapeMenuOwner.cs

@@ -0,0 +1,89 @@
+using Content.Client.Gameplay;
+using Content.Client.HUD;
+using Content.Client.Viewport;
+using Robust.Client.Console;
+using Robust.Client.Input;
+using Robust.Client.State;
+using Robust.Shared.Input;
+using Robust.Shared.Input.Binding;
+using Robust.Shared.IoC;
+
+namespace Content.Client.Options
+{
+    internal sealed class EscapeMenuOwner : IEscapeMenuOwner
+    {
+        [Dependency] private readonly IClientConsoleHost _consoleHost = default!;
+        [Dependency] private readonly IInputManager _inputManager = default!;
+        [Dependency] private readonly IStateManager _stateManager = default!;
+        [Dependency] private readonly IGameHud _gameHud = default!;
+
+        private UI.EscapeMenu? _escapeMenu;
+
+        public void Initialize()
+        {
+            _stateManager.OnStateChanged += StateManagerOnOnStateChanged;
+
+            _gameHud.EscapeButtonToggled += _setOpenValue;
+        }
+
+        private void StateManagerOnOnStateChanged(StateChangedEventArgs obj)
+        {
+            if (obj.NewState is GameplayStateBase)
+            {
+                // Switched TO GameScreen.
+                _escapeMenu = new UI.EscapeMenu(_consoleHost);
+
+                _escapeMenu.OnClose += () => _gameHud.EscapeButtonDown = false;
+
+                _inputManager.SetInputCommand(EngineKeyFunctions.EscapeMenu,
+                    InputCmdHandler.FromDelegate(_ => Enabled()));
+            }
+            else if (obj.OldState is GameplayStateBase)
+            {
+                // Switched FROM GameScreen.
+                _escapeMenu?.Dispose();
+                _escapeMenu = null;
+
+                _inputManager.SetInputCommand(EngineKeyFunctions.EscapeMenu, null);
+            }
+        }
+
+        private void Enabled()
+        {
+            if (_escapeMenu != null && _escapeMenu.IsOpen)
+            {
+                if (_escapeMenu.IsAtFront())
+                {
+                    _setOpenValue(false);
+                }
+                else
+                {
+                    _escapeMenu.MoveToFront();
+                }
+            }
+            else
+            {
+                _setOpenValue(true);
+            }
+        }
+
+        private void _setOpenValue(bool value)
+        {
+            if (value)
+            {
+                _gameHud.EscapeButtonDown = true;
+                _escapeMenu?.OpenCentered();
+            }
+            else
+            {
+                _gameHud.EscapeButtonDown = false;
+                _escapeMenu?.Close();
+            }
+        }
+    }
+
+    public interface IEscapeMenuOwner
+    {
+        void Initialize();
+    }
+}

Content.Client/Options/UI/EscapeMenu.xaml

@@ -0,0 +1,16 @@
+<DefaultWindow xmlns="https://spacestation14.io"
+            xmlns:changelog="clr-namespace:Content.Client.Changelog"
+            xmlns:ui="clr-namespace:Content.Client.Voting.UI"
+            Title="{Loc 'ui-escape-title'}"
+            Resizable="False">
+
+    <BoxContainer Orientation="Vertical" SeparationOverride="4" MinWidth="150">
+        <changelog:ChangelogButton />
+        <ui:VoteCallMenuButton />
+        <Button Name="OptionsButton" Text="{Loc 'ui-escape-options'}" />
+        <Button Name="RulesButton" Text="{Loc 'ui-escape-rules'}" />
+        <Button Name="WikiButton" Text="{Loc 'ui-escape-wiki'}" />
+        <Button Name="DisconnectButton" Text="{Loc 'ui-escape-disconnect'}" />
+        <Button Name="QuitButton" Text="{Loc 'ui-escape-quit'}" />
+    </BoxContainer>
+</DefaultWindow>

Content.Client/Options/UI/EscapeMenu.xaml.cs

@@ -0,0 +1,69 @@
+using Content.Client.Info;
+using Content.Client.Administration;
+using Robust.Client.AutoGenerated;
+using Robust.Client.Console;
+using Robust.Client.UserInterface.Controls;
+using Robust.Client.UserInterface.CustomControls;
+using Robust.Client.UserInterface.XAML;
+using Robust.Client.UserInterface;
+using Content.Client.Links;
+using Robust.Shared.GameObjects;
+
+namespace Content.Client.Options.UI
+{
+    [GenerateTypedNameReferences]
+    internal sealed partial class EscapeMenu : DefaultWindow
+    {
+        private readonly IClientConsoleHost _consoleHost;
+
+        private readonly OptionsMenu _optionsMenu;
+
+        public EscapeMenu(IClientConsoleHost consoleHost)
+        {
+            _consoleHost = consoleHost;
+
+            RobustXamlLoader.Load(this);
+
+            _optionsMenu = new OptionsMenu();
+
+            OptionsButton.OnPressed += OnOptionsButtonClicked;
+            QuitButton.OnPressed += OnQuitButtonClicked;
+            RulesButton.OnPressed += _ => new RulesAndInfoWindow().Open();
+            DisconnectButton.OnPressed += OnDisconnectButtonClicked;
+            WikiButton.OnPressed += OnWikiButtonClicked;
+        }
+
+        private void OnQuitButtonClicked(BaseButton.ButtonEventArgs args)
+        {
+            _consoleHost.ExecuteCommand("quit");
+            Dispose();
+        }
+
+        private void OnDisconnectButtonClicked(BaseButton.ButtonEventArgs args)
+        {
+            _consoleHost.ExecuteCommand("disconnect");
+            Dispose();
+        }
+
+        private void OnOptionsButtonClicked(BaseButton.ButtonEventArgs args)
+        {
+            _optionsMenu.OpenCentered();
+        }
+
+        private void OnWikiButtonClicked(BaseButton.ButtonEventArgs args)
+        {
+            var uriOpener = IoCManager.Resolve<IUriOpener>();
+            uriOpener.OpenUri(UILinks.Wiki);
+        }
+
+        protected override void Dispose(bool disposing)
+        {
+            base.Dispose(disposing);
+
+            if (disposing)
+            {
+                _optionsMenu.Dispose();
+            }
+        }
+    }
+}

Content.Client/Options/UI/OptionsMenu.xaml

@@ -0,0 +1,11 @@
+<DefaultWindow xmlns="https://spacestation14.io"
+            xmlns:tabs="clr-namespace:Content.Client.Options.UI.Tabs"
+            Title="{Loc 'ui-options-title'}"
+            MinSize="800 450">
+    <TabContainer Name="Tabs">
+        <tabs:GraphicsTab />
+        <tabs:KeyRebindTab />
+        <tabs:AudioTab />
+        <tabs:NetworkTab/>
+    </TabContainer>
+</DefaultWindow>

Content.Client/Options/UI/OptionsMenu.xaml.cs

@@ -0,0 +1,23 @@
+using Robust.Client.AutoGenerated;
+using Robust.Client.UserInterface.CustomControls;
+using Robust.Client.UserInterface.XAML;
+using Robust.Shared.IoC;
+using Robust.Shared.Localization;
+
+namespace Content.Client.Options.UI
+{
+    [GenerateTypedNameReferences]
+    public sealed partial class OptionsMenu : DefaultWindow
+    {
+        public OptionsMenu()
+        {
+            RobustXamlLoader.Load(this);
+            IoCManager.InjectDependencies(this);
+
+            Tabs.SetTabTitle(0, Loc.GetString("ui-options-tab-graphics"));
+            Tabs.SetTabTitle(1, Loc.GetString("ui-options-tab-controls"));
+            Tabs.SetTabTitle(2, Loc.GetString("ui-options-tab-audio"));
+            Tabs.SetTabTitle(3, Loc.GetString("ui-options-tab-network"));
+        }
+    }
+}

Content.Client/Options/UI/Tabs/AudioTab.xaml

@@ -0,0 +1,91 @@
+<Control xmlns="https://spacestation14.io"
+         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+         xmlns:s="clr-namespace:Content.Client.Stylesheets"
+         xmlns:controls="clr-namespace:Content.Client.UserInterface.Controls">
+    <BoxContainer Orientation="Vertical">
+        <BoxContainer Orientation="Vertical" Margin="8 8 8 8" VerticalExpand="True">
+            <Label Text="{Loc 'ui-options-volume-label'}"
+                   FontColorOverride="{x:Static s:StyleNano.NanoGold}"
+                   StyleClasses="LabelKeyText"/>
+            <BoxContainer Orientation="Vertical" Margin="0 3 0 0">
+                <BoxContainer Orientation="Horizontal" Margin="5 0 0 0">
+                    <Label Text="{Loc 'ui-options-master-volume'}" />
+                    <Control MinSize="8 0" />
+                    <Slider Name="MasterVolumeSlider"
+                            MinValue="0"
+                            MaxValue="100"
+                            HorizontalExpand="True"
+                            MinSize="80 0"
+                            Rounded="True" />
+                    <Control MinSize="8 0" />
+                    <Label Name="MasterVolumeLabel" MinSize="48 0" Align="Right" />
+                    <Control MinSize="4 0"/>
+                </BoxContainer>
+                <Control MinSize="0 8" />
+                <BoxContainer Orientation="Horizontal" Margin="5 0 0 0">
+                    <Label Text="{Loc 'ui-options-midi-volume'}" />
+                    <Control MinSize="8 0" />
+                    <Slider Name="MidiVolumeSlider"
+                            MinValue="0"
+                            MaxValue="200"
+                            HorizontalExpand="True"
+                            MinSize="80 0"
+                            Rounded="True" />
+                    <Control MinSize="8 0" />
+                    <Label Name="MidiVolumeLabel" MinSize="48 0" Align="Right" />
+                    <Control MinSize="4 0"/>
+                </BoxContainer>
+                <BoxContainer Orientation="Horizontal" Margin="5 0 0 0">
+                    <Label Text="{Loc 'ui-options-ambience-volume'}" />
+                    <Control MinSize="8 0" />
+                    <Slider Name="AmbienceVolumeSlider"
+                            MinValue="0"
+                            MaxValue="300"
+                            HorizontalExpand="True"
+                            MinSize="80 0"
+                            Rounded="True" />
+                    <Control MinSize="8 0" />
+                    <Label Name="AmbienceVolumeLabel" MinSize="48 0" Align="Right" />
+                    <Control MinSize="4 0"/>
+                </BoxContainer>
+                <BoxContainer Orientation="Horizontal" Margin="5 0 0 0">
+                    <Label Text="{Loc 'ui-options-ambience-max-sounds'}" />
+                    <Control MinSize="8 0" />
+                    <Slider Name="AmbienceSoundsSlider"
+                            MinValue="0"
+                            MaxValue="1"
+                            HorizontalExpand="True"
+                            MinSize="80 0"
+                            Rounded="True" />
+                    <Control MinSize="8 0" />
+                    <Label Name="AmbienceSoundsLabel" MinSize="48 0" Align="Right" />
+                    <Control MinSize="4 0"/>
+                </BoxContainer>
+                <Control MinSize="0 8" />
+                <CheckBox Name="LobbyMusicCheckBox" Text="{Loc 'ui-options-lobby-music'}" />
+                <CheckBox Name="RestartSoundsCheckBox" Text="{Loc 'ui-options-restart-sounds'}" />
+                <CheckBox Name="EventMusicCheckBox" Text="{Loc 'ui-options-event-music'}" />
+                <CheckBox Name="AdminSoundsCheckBox" Text="{Loc 'ui-options-admin-sounds'}" />
+                <CheckBox Name="StationAmbienceCheckBox" Text="{Loc 'ui-options-station-ambience'}" />
+                <CheckBox Name="SpaceAmbienceCheckBox" Text="{Loc 'ui-options-space-ambience'}" />
+            </BoxContainer>
+        </BoxContainer>
+        <controls:StripeBack HasBottomEdge="False" HasMargins="False">
+            <BoxContainer Orientation="Horizontal"
+                          Align="End"
+                          HorizontalExpand="True"
+                          VerticalExpand="True">
+                <Button Name="ResetButton"
+                        Text="{Loc 'ui-options-reset-all'}"
+                        StyleClasses="Caution"
+                        HorizontalExpand="True"
+                        HorizontalAlignment="Right" />
+                <Control MinSize="2 0" />
+                <Button Name="ApplyButton"
+                        Text="{Loc 'ui-options-apply'}"
+                        TextAlign="Center"
+                        HorizontalAlignment="Right" />
+            </BoxContainer>
+        </controls:StripeBack>
+    </BoxContainer>
+</Control>

Content.Client/Options/UI/Tabs/AudioTab.xaml.cs

@@ -0,0 +1,185 @@
+using Content.Shared.CCVar;
+using Robust.Client.AutoGenerated;
+using Robust.Client.Graphics;
+using Robust.Client.UserInterface;
+using Robust.Client.UserInterface.Controls;
+using Robust.Client.UserInterface.XAML;
+using Robust.Shared;
+using Robust.Shared.Configuration;
+using Range = Robust.Client.UserInterface.Controls.Range;
+
+namespace Content.Client.Options.UI.Tabs
+{
+    [GenerateTypedNameReferences]
+    public sealed partial class AudioTab : Control
+    {
+        [Dependency] private readonly IConfigurationManager _cfg = default!;
+        [Dependency] private readonly IClydeAudio _clydeAudio = default!;
+
+        public AudioTab()
+        {
+            RobustXamlLoader.Load(this);
+            IoCManager.InjectDependencies(this);
+
+            LobbyMusicCheckBox.Pressed = _cfg.GetCVar(CCVars.LobbyMusicEnabled);
+            RestartSoundsCheckBox.Pressed = _cfg.GetCVar(CCVars.RestartSoundsEnabled);
+            EventMusicCheckBox.Pressed = _cfg.GetCVar(CCVars.EventMusicEnabled);
+            AdminSoundsCheckBox.Pressed = _cfg.GetCVar(CCVars.AdminSoundsEnabled);
+            StationAmbienceCheckBox.Pressed = _cfg.GetCVar(CCVars.StationAmbienceEnabled);
+            SpaceAmbienceCheckBox.Pressed = _cfg.GetCVar(CCVars.SpaceAmbienceEnabled);
+
+            ApplyButton.OnPressed += OnApplyButtonPressed;
+            ResetButton.OnPressed += OnResetButtonPressed;
+            MasterVolumeSlider.OnValueChanged += OnMasterVolumeSliderChanged;
+            MidiVolumeSlider.OnValueChanged += OnMidiVolumeSliderChanged;
+            AmbienceVolumeSlider.OnValueChanged += OnAmbienceVolumeSliderChanged;
+            AmbienceSoundsSlider.OnValueChanged += OnAmbienceSoundsSliderChanged;
+            LobbyMusicCheckBox.OnToggled += OnLobbyMusicCheckToggled;
+            RestartSoundsCheckBox.OnToggled += OnRestartSoundsCheckToggled;
+            EventMusicCheckBox.OnToggled += OnEventMusicCheckToggled;
+            AdminSoundsCheckBox.OnToggled += OnAdminSoundsCheckToggled;
+            StationAmbienceCheckBox.OnToggled += OnStationAmbienceCheckToggled;
+            SpaceAmbienceCheckBox.OnToggled += OnSpaceAmbienceCheckToggled;
+
+            AmbienceSoundsSlider.MinValue = _cfg.GetCVar(CCVars.MinMaxAmbientSourcesConfigured);
+            AmbienceSoundsSlider.MaxValue = _cfg.GetCVar(CCVars.MaxMaxAmbientSourcesConfigured);
+
+            Reset();
+        }
+
+        protected override void Dispose(bool disposing)
+        {
+            ApplyButton.OnPressed -= OnApplyButtonPressed;
+            ResetButton.OnPressed -= OnResetButtonPressed;
+            MasterVolumeSlider.OnValueChanged -= OnMasterVolumeSliderChanged;
+            MidiVolumeSlider.OnValueChanged -= OnMidiVolumeSliderChanged;
+            AmbienceVolumeSlider.OnValueChanged -= OnAmbienceVolumeSliderChanged;
+            base.Dispose(disposing);
+        }
+
+        private void OnAmbienceVolumeSliderChanged(Range obj)
+        {
+            UpdateChanges();
+        }
+
+        private void OnAmbienceSoundsSliderChanged(Range obj)
+        {
+            UpdateChanges();
+        }
+
+        private void OnMasterVolumeSliderChanged(Range range)
+        {
+            _clydeAudio.SetMasterVolume(MasterVolumeSlider.Value / 100);
+            UpdateChanges();
+        }
+
+        private void OnMidiVolumeSliderChanged(Range range)
+        {
+            UpdateChanges();
+        }
+
+        private void OnLobbyMusicCheckToggled(BaseButton.ButtonEventArgs args)
+        {
+            UpdateChanges();
+        }
+        private void OnRestartSoundsCheckToggled(BaseButton.ButtonEventArgs args)
+        {
+            UpdateChanges();
+        }
+        private void OnEventMusicCheckToggled(BaseButton.ButtonEventArgs args)
+        {
+            UpdateChanges();
+        }
+
+        private void OnAdminSoundsCheckToggled(BaseButton.ButtonEventArgs args)
+        {
+            UpdateChanges();
+        }
+
+        private void OnStationAmbienceCheckToggled(BaseButton.ButtonEventArgs args)
+        {
+            UpdateChanges();
+        }
+
+        private void OnSpaceAmbienceCheckToggled(BaseButton.ButtonEventArgs args)
+        {
+            UpdateChanges();
+        }
+
+        private void OnApplyButtonPressed(BaseButton.ButtonEventArgs args)
+        {
+            _cfg.SetCVar(CVars.AudioMasterVolume, MasterVolumeSlider.Value / 100);
+            _cfg.SetCVar(CVars.MidiVolume, LV100ToDB(MidiVolumeSlider.Value));
+            _cfg.SetCVar(CCVars.AmbienceVolume, LV100ToDB(AmbienceVolumeSlider.Value));
+            _cfg.SetCVar(CCVars.MaxAmbientSources, (int)AmbienceSoundsSlider.Value);
+            _cfg.SetCVar(CCVars.LobbyMusicEnabled, LobbyMusicCheckBox.Pressed);
+            _cfg.SetCVar(CCVars.RestartSoundsEnabled, RestartSoundsCheckBox.Pressed);
+            _cfg.SetCVar(CCVars.EventMusicEnabled, EventMusicCheckBox.Pressed);
+            _cfg.SetCVar(CCVars.AdminSoundsEnabled, AdminSoundsCheckBox.Pressed);
+            _cfg.SetCVar(CCVars.StationAmbienceEnabled, StationAmbienceCheckBox.Pressed);
+            _cfg.SetCVar(CCVars.SpaceAmbienceEnabled, SpaceAmbienceCheckBox.Pressed);
+            _cfg.SaveToFile();
+            UpdateChanges();
+        }
+
+        private void OnResetButtonPressed(BaseButton.ButtonEventArgs args)
+        {
+            Reset();
+        }
+
+        private void Reset()
+        {
+            MasterVolumeSlider.Value = _cfg.GetCVar(CVars.AudioMasterVolume) * 100;
+            MidiVolumeSlider.Value = DBToLV100(_cfg.GetCVar(CVars.MidiVolume));
+            AmbienceVolumeSlider.Value = DBToLV100(_cfg.GetCVar(CCVars.AmbienceVolume));
+            AmbienceSoundsSlider.Value = _cfg.GetCVar(CCVars.MaxAmbientSources);
+            LobbyMusicCheckBox.Pressed = _cfg.GetCVar(CCVars.LobbyMusicEnabled);
+            RestartSoundsCheckBox.Pressed = _cfg.GetCVar(CCVars.RestartSoundsEnabled);
+            EventMusicCheckBox.Pressed = _cfg.GetCVar(CCVars.EventMusicEnabled);
+            AdminSoundsCheckBox.Pressed = _cfg.GetCVar(CCVars.AdminSoundsEnabled);
+            StationAmbienceCheckBox.Pressed = _cfg.GetCVar(CCVars.StationAmbienceEnabled);
+            SpaceAmbienceCheckBox.Pressed = _cfg.GetCVar(CCVars.SpaceAmbienceEnabled);
+            UpdateChanges();
+        }
+
+        // Note: Rather than moving these functions somewhere, instead switch MidiManager to using linear units rather than dB
+        // Do be sure to rename the setting though
+        private float DBToLV100(float db)
+        {
+            return (MathF.Pow(10, (db / 10)) * 100);
+        }
+
+        private float LV100ToDB(float lv100)
+        {
+            // Saving negative infinity doesn't work, so use -10000000 instead (MidiManager does it)
+            return MathF.Max(-10000000, MathF.Log(lv100 / 100, 10) * 10);
+        }
+
+        private void UpdateChanges()
+        {
+            var isMasterVolumeSame =
+                Math.Abs(MasterVolumeSlider.Value - _cfg.GetCVar(CVars.AudioMasterVolume) * 100) < 0.01f;
+            var isMidiVolumeSame =
+                Math.Abs(MidiVolumeSlider.Value - DBToLV100(_cfg.GetCVar(CVars.MidiVolume))) < 0.01f;
+            var isAmbientVolumeSame =
+                Math.Abs(AmbienceVolumeSlider.Value - DBToLV100(_cfg.GetCVar(CCVars.AmbienceVolume))) < 0.01f;
+            var isAmbientSoundsSame = (int)AmbienceSoundsSlider.Value == _cfg.GetCVar(CCVars.MaxAmbientSources);
+            var isLobbySame = LobbyMusicCheckBox.Pressed == _cfg.GetCVar(CCVars.LobbyMusicEnabled);
+            var isRestartSoundsSame = RestartSoundsCheckBox.Pressed == _cfg.GetCVar(CCVars.RestartSoundsEnabled);
+            var isEventSame = EventMusicCheckBox.Pressed == _cfg.GetCVar(CCVars.EventMusicEnabled);
+            var isAdminSoundsSame = AdminSoundsCheckBox.Pressed == _cfg.GetCVar(CCVars.AdminSoundsEnabled);
+            var isStationAmbienceSame = StationAmbienceCheckBox.Pressed == _cfg.GetCVar(CCVars.StationAmbienceEnabled);
+            var isSpaceAmbienceSame = SpaceAmbienceCheckBox.Pressed == _cfg.GetCVar(CCVars.SpaceAmbienceEnabled);
+            var isEverythingSame = isMasterVolumeSame && isMidiVolumeSame && isAmbientVolumeSame && isAmbientSoundsSame && isLobbySame && isRestartSoundsSame && isEventSame && isAdminSoundsSame && isStationAmbienceSame && isSpaceAmbienceSame;
+            ApplyButton.Disabled = isEverythingSame;
+            ResetButton.Disabled = isEverythingSame;
+            MasterVolumeLabel.Text =
+                Loc.GetString("ui-options-volume-percent", ("volume", MasterVolumeSlider.Value / 100));
+            MidiVolumeLabel.Text =
+                Loc.GetString("ui-options-volume-percent", ("volume", MidiVolumeSlider.Value / 100));
+            AmbienceVolumeLabel.Text =
+                Loc.GetString("ui-options-volume-percent", ("volume", AmbienceVolumeSlider.Value / 100));
+            AmbienceSoundsLabel.Text = ((int)AmbienceSoundsSlider.Value).ToString();
+        }
+    }
+}

Content.Client/Options/UI/Tabs/GraphicsTab.xaml

@@ -0,0 +1,48 @@
+<Control xmlns="https://spacestation14.io"
+         xmlns:controls="clr-namespace:Content.Client.UserInterface.Controls">
+    <BoxContainer Orientation="Vertical">
+        <BoxContainer Orientation="Vertical" Margin="8 8 8 8" VerticalExpand="True">
+            <CheckBox Name="VSyncCheckBox" Text="{Loc 'ui-options-vsync'}" />
+            <CheckBox Name="FullscreenCheckBox" Text="{Loc 'ui-options-fullscreen'}" />
+            <BoxContainer Orientation="Horizontal">
+                <Label Text="{Loc 'ui-options-lighting-label'}" />
+                <Control MinSize="4 0" />
+                <OptionButton Name="LightingPresetOption" MinSize="100 0" />
+            </BoxContainer>
+            <BoxContainer Orientation="Horizontal">
+                <Label Text="{Loc 'ui-options-scale-label'}" />
+                <Control MinSize="4 0" />
+                <OptionButton Name="UIScaleOption" />
+            </BoxContainer>
+            <BoxContainer Orientation="Horizontal">
+                <Label Text="{Loc 'ui-options-hud-theme'}" />
+                <Control MinSize="4 0" />
+                <OptionButton Name="HudThemeOption" />
+            </BoxContainer>
+            <CheckBox Name="ShowHeldItemCheckBox" Text="{Loc 'ui-options-show-held-item'}" />
+            <BoxContainer Orientation="Horizontal">
+                <CheckBox Name="ViewportStretchCheckBox" Text="{Loc 'ui-options-vp-stretch'}" />
+                <BoxContainer Name="ViewportScaleBox" Orientation="Horizontal">
+                    <Label Name="ViewportScaleText" Margin="8 0" />
+                    <Slider Name="ViewportScaleSlider"
+                            MinValue="1"
+                            MaxValue="5"
+                            Rounded="True"
+                            MinWidth="200" />
+                </BoxContainer>
+            </BoxContainer>
+            <CheckBox Name="IntegerScalingCheckBox"
+                      Text="{Loc 'ui-options-vp-integer-scaling'}"
+                      ToolTip="{Loc 'ui-options-vp-integer-scaling-tooltip'}" />
+            <CheckBox Name="ViewportLowResCheckBox" Text="{Loc 'ui-options-vp-low-res'}" />
+            <CheckBox Name="ParallaxLowQualityCheckBox" Text="{Loc 'ui-options-parallax-low-quality'}" />
+            <CheckBox Name="FpsCounterCheckBox" Text="{Loc 'ui-options-fps-counter'}" />
+        </BoxContainer>
+        <controls:StripeBack HasBottomEdge="False" HasMargins="False">
+            <Button Name="ApplyButton"
+                    Text="{Loc 'ui-options-apply'}"
+                    TextAlign="Center"
+                    HorizontalAlignment="Right" />
+        </controls:StripeBack>
+    </BoxContainer>
+</Control>

Content.Client/Options/UI/Tabs/GraphicsTab.xaml.cs

@@ -0,0 +1,249 @@
+using Content.Shared.CCVar;
+using Content.Shared.HUD;
+using Robust.Client.AutoGenerated;
+using Robust.Client.Graphics;
+using Robust.Client.UserInterface;
+using Robust.Client.UserInterface.Controls;
+using Robust.Client.UserInterface.XAML;
+using Robust.Shared;
+using Robust.Shared.Configuration;
+using Robust.Shared.IoC;
+using Robust.Shared.Localization;
+using Robust.Shared.Maths;
+using Robust.Shared.Prototypes;
+
+namespace Content.Client.Options.UI.Tabs
+{
+    [GenerateTypedNameReferences]
+    public sealed partial class GraphicsTab : Control
+    {
+        private static readonly float[] UIScaleOptions =
+        {
+            0f,
+            0.75f,
+            1f,
+            1.25f,
+            1.50f,
+            1.75f,
+            2f
+        };
+
+        [Dependency] private readonly IConfigurationManager _cfg = default!;
+        [Dependency] private readonly IPrototypeManager _prototypeManager = default!;
+
+        public GraphicsTab()
+        {
+            IoCManager.InjectDependencies(this);
+            RobustXamlLoader.Load(this);
+
+            VSyncCheckBox.OnToggled += OnCheckBoxToggled;
+            FullscreenCheckBox.OnToggled += OnCheckBoxToggled;
+
+            LightingPresetOption.AddItem(Loc.GetString("ui-options-lighting-very-low"));
+            LightingPresetOption.AddItem(Loc.GetString("ui-options-lighting-low"));
+            LightingPresetOption.AddItem(Loc.GetString("ui-options-lighting-medium"));
+            LightingPresetOption.AddItem(Loc.GetString("ui-options-lighting-high"));
+            LightingPresetOption.OnItemSelected += OnLightingQualityChanged;
+
+            UIScaleOption.AddItem(Loc.GetString("ui-options-scale-auto",
+                                                ("scale", UserInterfaceManager.DefaultUIScale)));
+            UIScaleOption.AddItem(Loc.GetString("ui-options-scale-75"));
+            UIScaleOption.AddItem(Loc.GetString("ui-options-scale-100"));
+            UIScaleOption.AddItem(Loc.GetString("ui-options-scale-125"));
+            UIScaleOption.AddItem(Loc.GetString("ui-options-scale-150"));
+            UIScaleOption.AddItem(Loc.GetString("ui-options-scale-175"));
+            UIScaleOption.AddItem(Loc.GetString("ui-options-scale-200"));
+            UIScaleOption.OnItemSelected += OnUIScaleChanged;
+
+            foreach (var gear in _prototypeManager.EnumeratePrototypes<HudThemePrototype>())
+            {
+                HudThemeOption.AddItem(Loc.GetString(gear.Name));
+            }
+            HudThemeOption.OnItemSelected += OnHudThemeChanged;
+
+            ViewportStretchCheckBox.OnToggled += _ =>
+            {
+                UpdateViewportScale();
+                UpdateApplyButton();
+            };
+
+            ViewportScaleSlider.OnValueChanged += _ =>
+            {
+                UpdateApplyButton();
+                UpdateViewportScale();
+            };
+
+            ShowHeldItemCheckBox.OnToggled += OnCheckBoxToggled;
+            IntegerScalingCheckBox.OnToggled += OnCheckBoxToggled;
+            ViewportLowResCheckBox.OnToggled += OnCheckBoxToggled;
+            ParallaxLowQualityCheckBox.OnToggled += OnCheckBoxToggled;
+            FpsCounterCheckBox.OnToggled += OnCheckBoxToggled;
+            ApplyButton.OnPressed += OnApplyButtonPressed;
+            VSyncCheckBox.Pressed = _cfg.GetCVar(CVars.DisplayVSync);
+            FullscreenCheckBox.Pressed = ConfigIsFullscreen;
+            LightingPresetOption.SelectId(GetConfigLightingQuality());
+            UIScaleOption.SelectId(GetConfigUIScalePreset(ConfigUIScale));
+            HudThemeOption.SelectId(_cfg.GetCVar(CCVars.HudTheme));
+            ViewportScaleSlider.Value = _cfg.GetCVar(CCVars.ViewportFixedScaleFactor);
+            ViewportStretchCheckBox.Pressed = _cfg.GetCVar(CCVars.ViewportStretch);
+            IntegerScalingCheckBox.Pressed = _cfg.GetCVar(CCVars.ViewportSnapToleranceMargin) != 0;
+            ViewportLowResCheckBox.Pressed = !_cfg.GetCVar(CCVars.ViewportScaleRender);
+            ParallaxLowQualityCheckBox.Pressed = _cfg.GetCVar(CCVars.ParallaxLowQuality);
+            FpsCounterCheckBox.Pressed = _cfg.GetCVar(CCVars.HudFpsCounterVisible);
+            ShowHeldItemCheckBox.Pressed = _cfg.GetCVar(CCVars.HudHeldItemShow);
+
+            UpdateViewportScale();
+            UpdateApplyButton();
+        }
+
+        private void OnUIScaleChanged(OptionButton.ItemSelectedEventArgs args)
+        {
+            UIScaleOption.SelectId(args.Id);
+            UpdateApplyButton();
+        }
+
+        private void OnHudThemeChanged(OptionButton.ItemSelectedEventArgs args)
+        {
+            HudThemeOption.SelectId(args.Id);
+            UpdateApplyButton();
+        }
+
+        private void OnApplyButtonPressed(BaseButton.ButtonEventArgs args)
+        {
+            _cfg.SetCVar(CVars.DisplayVSync, VSyncCheckBox.Pressed);
+            SetConfigLightingQuality(LightingPresetOption.SelectedId);
+            if (HudThemeOption.SelectedId != _cfg.GetCVar(CCVars.HudTheme)) // Don't unnecessarily redraw the HUD
+            {
+                _cfg.SetCVar(CCVars.HudTheme, HudThemeOption.SelectedId);
+            }
+
+            _cfg.SetCVar(CVars.DisplayWindowMode,
+                         (int) (FullscreenCheckBox.Pressed ? WindowMode.Fullscreen : WindowMode.Windowed));
+            _cfg.SetCVar(CVars.DisplayUIScale, UIScaleOptions[UIScaleOption.SelectedId]);
+            _cfg.SetCVar(CCVars.ViewportStretch, ViewportStretchCheckBox.Pressed);
+            _cfg.SetCVar(CCVars.ViewportFixedScaleFactor, (int) ViewportScaleSlider.Value);
+            _cfg.SetCVar(CCVars.ViewportSnapToleranceMargin,
+                         IntegerScalingCheckBox.Pressed ? CCVars.ViewportSnapToleranceMargin.DefaultValue : 0);
+            _cfg.SetCVar(CCVars.ViewportScaleRender, !ViewportLowResCheckBox.Pressed);
+            _cfg.SetCVar(CCVars.ParallaxLowQuality, ParallaxLowQualityCheckBox.Pressed);
+            _cfg.SetCVar(CCVars.HudHeldItemShow, ShowHeldItemCheckBox.Pressed);
+            _cfg.SetCVar(CCVars.HudFpsCounterVisible, FpsCounterCheckBox.Pressed);
+            _cfg.SaveToFile();
+            UpdateApplyButton();
+        }
+
+        private void OnCheckBoxToggled(BaseButton.ButtonToggledEventArgs args)
+        {
+            UpdateApplyButton();
+        }
+
+        private void OnLightingQualityChanged(OptionButton.ItemSelectedEventArgs args)
+        {
+            LightingPresetOption.SelectId(args.Id);
+            UpdateApplyButton();
+        }
+
+        private void UpdateApplyButton()
+        {
+            var isVSyncSame = VSyncCheckBox.Pressed == _cfg.GetCVar(CVars.DisplayVSync);
+            var isFullscreenSame = FullscreenCheckBox.Pressed == ConfigIsFullscreen;
+            var isLightingQualitySame = LightingPresetOption.SelectedId == GetConfigLightingQuality();
+            var isHudThemeSame = HudThemeOption.SelectedId == _cfg.GetCVar(CCVars.HudTheme);
+            var isUIScaleSame = MathHelper.CloseToPercent(UIScaleOptions[UIScaleOption.SelectedId], ConfigUIScale);
+            var isVPStretchSame = ViewportStretchCheckBox.Pressed == _cfg.GetCVar(CCVars.ViewportStretch);
+            var isVPScaleSame = (int) ViewportScaleSlider.Value == _cfg.GetCVar(CCVars.ViewportFixedScaleFactor);
+            var isIntegerScalingSame = IntegerScalingCheckBox.Pressed == (_cfg.GetCVar(CCVars.ViewportSnapToleranceMargin) != 0);
+            var isVPResSame = ViewportLowResCheckBox.Pressed == !_cfg.GetCVar(CCVars.ViewportScaleRender);
+            var isPLQSame = ParallaxLowQualityCheckBox.Pressed == _cfg.GetCVar(CCVars.ParallaxLowQuality);
+            var isShowHeldItemSame = ShowHeldItemCheckBox.Pressed == _cfg.GetCVar(CCVars.HudHeldItemShow);
+            var isFpsCounterVisibleSame = FpsCounterCheckBox.Pressed == _cfg.GetCVar(CCVars.HudFpsCounterVisible);
+
+            ApplyButton.Disabled = isVSyncSame &&
+                                   isFullscreenSame &&
+                                   isLightingQualitySame &&
+                                   isUIScaleSame &&
+                                   isVPStretchSame &&
+                                   isVPScaleSame &&
+                                   isIntegerScalingSame &&
+                                   isVPResSame &&
+                                   isPLQSame &&
+                                   isHudThemeSame &&
+                                   isShowHeldItemSame &&
+                                   isFpsCounterVisibleSame;
+        }
+
+        private bool ConfigIsFullscreen =>
+            _cfg.GetCVar(CVars.DisplayWindowMode) == (int) WindowMode.Fullscreen;
+
+        private float ConfigUIScale => _cfg.GetCVar(CVars.DisplayUIScale);
+
+        private int GetConfigLightingQuality()
+        {
+            var val = _cfg.GetCVar(CVars.DisplayLightMapDivider);
+            var soft = _cfg.GetCVar(CVars.DisplaySoftShadows);
+            if (val >= 8)
+            {
+                return 0;
+            }
+            else if ((val >= 2) && !soft)
+            {
+                return 1;
+            }
+            else if (val >= 2)
+            {
+                return 2;
+            }
+            else
+            {
+                return 3;
+            }
+        }
+
+        private void SetConfigLightingQuality(int value)
+        {
+            switch (value)
+            {
+                case 0:
+                    _cfg.SetCVar(CVars.DisplayLightMapDivider, 8);
+                    _cfg.SetCVar(CVars.DisplaySoftShadows, false);
+                    _cfg.SetCVar(CVars.DisplayBlurLight, false);
+                    break;
+                case 1:
+                    _cfg.SetCVar(CVars.DisplayLightMapDivider, 2);
+                    _cfg.SetCVar(CVars.DisplaySoftShadows, false);
+                    _cfg.SetCVar(CVars.DisplayBlurLight, true);
+                    break;
+                case 2:
+                    _cfg.SetCVar(CVars.DisplayLightMapDivider, 2);
+                    _cfg.SetCVar(CVars.DisplaySoftShadows, true);
+                    _cfg.SetCVar(CVars.DisplayBlurLight, true);
+                    break;
+                case 3:
+                    _cfg.SetCVar(CVars.DisplayLightMapDivider, 1);
+                    _cfg.SetCVar(CVars.DisplaySoftShadows, true);
+                    _cfg.SetCVar(CVars.DisplayBlurLight, true);
+                    break;
+            }
+        }
+
+        private static int GetConfigUIScalePreset(float value)
+        {
+            for (var i = 0; i < UIScaleOptions.Length; i++)
+            {
+                if (MathHelper.CloseToPercent(UIScaleOptions[i], value))
+                {
+                    return i;
+                }
+            }
+
+            return 0;
+        }
+
+        private void UpdateViewportScale()
+        {
+            ViewportScaleBox.Visible = !ViewportStretchCheckBox.Pressed;
+            IntegerScalingCheckBox.Visible = ViewportStretchCheckBox.Pressed;
+            ViewportScaleText.Text = Loc.GetString("ui-options-vp-scale", ("scale", ViewportScaleSlider.Value));
+        }
+    }
+}

Content.Client/Options/UI/Tabs/KeyRebindTab.xaml

@@ -0,0 +1,22 @@
+<Control xmlns="https://spacestation14.io"
+         xmlns:controls="clr-namespace:Content.Client.UserInterface.Controls">
+    <BoxContainer Orientation="Vertical">
+        <ScrollContainer VerticalExpand="True">
+            <BoxContainer Name="KeybindsContainer" Orientation="Vertical" Margin="8 8 8 8">
+
+                <!-- Keybind buttons are added here in the C# code -->
+
+            </BoxContainer>
+        </ScrollContainer>
+        <controls:StripeBack HasBottomEdge="False" HasMargins="False">
+            <BoxContainer Orientation="Horizontal">
+                <Control MinSize="8 0" />
+                <Label Text="{Loc 'ui-options-binds-explanation'}" StyleClasses="LabelSubText" />
+                <Button Name="ResetAllButton"
+                        Text="{Loc 'ui-options-binds-reset-all'}"
+                        HorizontalExpand="True"
+                        HorizontalAlignment="Right" />
+            </BoxContainer>
+        </controls:StripeBack>
+    </BoxContainer>
+</Control>

Content.Client/Options/UI/Tabs/KeyRebindTab.xaml.cs

@@ -0,0 +1,506 @@
+using System;
+using System.Linq;
+using System.Collections.Generic;
+using Content.Client.Stylesheets;
+using Content.Shared.Input;
+using Robust.Client.AutoGenerated;
+using Robust.Client.Input;
+using Robust.Client.UserInterface;
+using Robust.Client.UserInterface.Controls;
+using Robust.Client.UserInterface.XAML;
+using Robust.Shared;
+using Robust.Shared.Configuration;
+using Robust.Shared.Input;
+using Robust.Shared.IoC;
+using Robust.Shared.Localization;
+using Robust.Shared.Timing;
+using Robust.Shared.Utility;
+using Robust.Shared.Log;
+using static Robust.Client.UserInterface.Controls.BoxContainer;
+using Robust.Client.UserInterface.CustomControls;
+
+namespace Content.Client.Options.UI.Tabs
+{
+    [GenerateTypedNameReferences]
+    public sealed partial class KeyRebindTab : Control
+    {
+        // List of key functions that must be registered as toggle instead.
+        private static readonly HashSet<BoundKeyFunction> ToggleFunctions = new()
+        {
+            EngineKeyFunctions.ShowDebugMonitors,
+            EngineKeyFunctions.HideUI,
+        };
+
+        [Dependency] private readonly IInputManager _inputManager = default!;
+        [Dependency] private readonly IConfigurationManager _cfg = default!;
+
+        private BindButton? _currentlyRebinding;
+
+        private readonly Dictionary<BoundKeyFunction, KeyControl> _keyControls =
+            new();
+
+        private readonly List<Action> _deferCommands = new();
+
+        private void HandleToggleUSQWERTYCheckbox(BaseButton.ButtonToggledEventArgs args)
+        {
+            _cfg.SetCVar(CVars.DisplayUSQWERTYHotkeys, args.Pressed);
+            _cfg.SaveToFile();
+        }
+
+        public KeyRebindTab()
+        {
+            IoCManager.InjectDependencies(this);
+            RobustXamlLoader.Load(this);
+
+            ResetAllButton.OnPressed += _ =>
+            {
+                _deferCommands.Add(() =>
+                {
+                    _inputManager.ResetAllBindings();
+                    _inputManager.SaveToUserData();
+                });
+            };
+
+            var first = true;
+
+            void AddHeader(string headerContents)
+            {
+                if (!first)
+                {
+                    KeybindsContainer.AddChild(new Control {MinSize = (0, 8)});
+                }
+
+                first = false;
+                KeybindsContainer.AddChild(new Label
+                {
+                    Text = Loc.GetString(headerContents),
+                    FontColorOverride = StyleNano.NanoGold,
+                    StyleClasses = {StyleNano.StyleClassLabelKeyText}
+                });
+            }
+
+            void AddButton(BoundKeyFunction function)
+            {
+                var control = new KeyControl(this, function);
+                KeybindsContainer.AddChild(control);
+                _keyControls.Add(function, control);
+            }
+
+            void AddCheckBox(string checkBoxName, bool currentState, Action<BaseButton.ButtonToggledEventArgs>? callBackOnClick)
+            {
+                CheckBox newCheckBox = new CheckBox() { Text = Loc.GetString(checkBoxName)};
+                newCheckBox.Pressed = currentState;
+                newCheckBox.OnToggled += callBackOnClick;
+
+                KeybindsContainer.AddChild(newCheckBox);
+            }
+
+            AddHeader("ui-options-header-general");
+            AddCheckBox("ui-options-hotkey-keymap", _cfg.GetCVar(CVars.DisplayUSQWERTYHotkeys), HandleToggleUSQWERTYCheckbox);
+
+            AddHeader("ui-options-header-movement");
+            AddButton(EngineKeyFunctions.MoveUp);
+            AddButton(EngineKeyFunctions.MoveLeft);
+            AddButton(EngineKeyFunctions.MoveDown);
+            AddButton(EngineKeyFunctions.MoveRight);
+            AddButton(EngineKeyFunctions.Walk);
+
+            AddHeader("ui-options-header-camera");
+            AddButton(EngineKeyFunctions.CameraRotateLeft);
+            AddButton(EngineKeyFunctions.CameraRotateRight);
+            AddButton(EngineKeyFunctions.CameraReset);
+
+            AddHeader("ui-options-header-interaction-basic");
+            AddButton(EngineKeyFunctions.Use);
+            AddButton(ContentKeyFunctions.UseItemInHand);
+            AddButton(ContentKeyFunctions.AltUseItemInHand);
+            AddButton(ContentKeyFunctions.ActivateItemInWorld);
+            AddButton(ContentKeyFunctions.AltActivateItemInWorld);
+            AddButton(ContentKeyFunctions.Drop);
+            AddButton(ContentKeyFunctions.ExamineEntity);
+            AddButton(ContentKeyFunctions.SwapHands);
+
+            AddHeader("ui-options-header-interaction-adv");
+            AddButton(ContentKeyFunctions.SmartEquipBackpack);
+            AddButton(ContentKeyFunctions.SmartEquipBelt);
+            AddButton(ContentKeyFunctions.ThrowItemInHand);
+            AddButton(ContentKeyFunctions.TryPullObject);
+            AddButton(ContentKeyFunctions.MovePulledObject);
+            AddButton(ContentKeyFunctions.ReleasePulledObject);
+            AddButton(ContentKeyFunctions.Point);
+
+            AddHeader("ui-options-header-ui");
+            AddButton(ContentKeyFunctions.FocusChat);
+            AddButton(ContentKeyFunctions.FocusLocalChat);
+            AddButton(ContentKeyFunctions.FocusWhisperChat);
+            AddButton(ContentKeyFunctions.FocusRadio);
+            AddButton(ContentKeyFunctions.FocusOOC);
+            AddButton(ContentKeyFunctions.FocusAdminChat);
+            AddButton(ContentKeyFunctions.FocusDeadChat);
+            AddButton(ContentKeyFunctions.FocusConsoleChat);
+            AddButton(ContentKeyFunctions.CycleChatChannelForward);
+            AddButton(ContentKeyFunctions.CycleChatChannelBackward);
+            AddButton(ContentKeyFunctions.OpenCharacterMenu);
+            AddButton(ContentKeyFunctions.OpenContextMenu);
+            AddButton(ContentKeyFunctions.OpenCraftingMenu);
+            AddButton(ContentKeyFunctions.OpenInventoryMenu);
+            AddButton(ContentKeyFunctions.OpenInfo);
+            AddButton(ContentKeyFunctions.OpenActionsMenu);
+            AddButton(ContentKeyFunctions.OpenEntitySpawnWindow);
+            AddButton(ContentKeyFunctions.OpenSandboxWindow);
+            AddButton(ContentKeyFunctions.OpenTileSpawnWindow);
+            AddButton(ContentKeyFunctions.OpenDecalSpawnWindow);
+            AddButton(ContentKeyFunctions.OpenAdminMenu);
+
+            AddHeader("ui-options-header-misc");
+            AddButton(ContentKeyFunctions.TakeScreenshot);
+            AddButton(ContentKeyFunctions.TakeScreenshotNoUI);
+
+            AddHeader("ui-options-header-hotbar");
+            AddButton(ContentKeyFunctions.Hotbar1);
+            AddButton(ContentKeyFunctions.Hotbar2);
+            AddButton(ContentKeyFunctions.Hotbar3);
+            AddButton(ContentKeyFunctions.Hotbar4);
+            AddButton(ContentKeyFunctions.Hotbar5);
+            AddButton(ContentKeyFunctions.Hotbar6);
+            AddButton(ContentKeyFunctions.Hotbar7);
+            AddButton(ContentKeyFunctions.Hotbar8);
+            AddButton(ContentKeyFunctions.Hotbar9);
+            AddButton(ContentKeyFunctions.Hotbar0);
+            AddButton(ContentKeyFunctions.Loadout1);
+            AddButton(ContentKeyFunctions.Loadout2);
+            AddButton(ContentKeyFunctions.Loadout3);
+            AddButton(ContentKeyFunctions.Loadout4);
+            AddButton(ContentKeyFunctions.Loadout5);
+            AddButton(ContentKeyFunctions.Loadout6);
+            AddButton(ContentKeyFunctions.Loadout7);
+            AddButton(ContentKeyFunctions.Loadout8);
+            AddButton(ContentKeyFunctions.Loadout9);
+
+            AddHeader("ui-options-header-shuttle");
+            AddButton(ContentKeyFunctions.ShuttleStrafeUp);
+            AddButton(ContentKeyFunctions.ShuttleStrafeRight);
+            AddButton(ContentKeyFunctions.ShuttleStrafeLeft);
+            AddButton(ContentKeyFunctions.ShuttleStrafeDown);
+            AddButton(ContentKeyFunctions.ShuttleRotateLeft);
+            AddButton(ContentKeyFunctions.ShuttleRotateRight);
+            AddButton(ContentKeyFunctions.ShuttleBrake);
+
+            AddHeader("ui-options-header-map-editor");
+            AddButton(EngineKeyFunctions.EditorPlaceObject);
+            AddButton(EngineKeyFunctions.EditorCancelPlace);
+            AddButton(EngineKeyFunctions.EditorGridPlace);
+            AddButton(EngineKeyFunctions.EditorLinePlace);
+            AddButton(EngineKeyFunctions.EditorRotateObject);
+            AddButton(ContentKeyFunctions.EditorCopyObject);
+
+            AddHeader("ui-options-header-dev");
+            AddButton(EngineKeyFunctions.ShowDebugConsole);
+            AddButton(EngineKeyFunctions.ShowDebugMonitors);
+            AddButton(EngineKeyFunctions.HideUI);
+
+            foreach (var control in _keyControls.Values)
+            {
+                UpdateKeyControl(control);
+            }
+        }
+
+        private void UpdateKeyControl(KeyControl control)
+        {
+            var activeBinds = _inputManager.GetKeyBindings(control.Function);
+
+            IKeyBinding? bind1 = null;
+            IKeyBinding? bind2 = null;
+
+            if (activeBinds.Count > 0)
+            {
+                bind1 = activeBinds[0];
+
+                if (activeBinds.Count > 1)
+                {
+                    bind2 = activeBinds[1];
+                }
+            }
+
+            control.BindButton1.Binding = bind1;
+            control.BindButton1.UpdateText();
+
+            control.BindButton2.Binding = bind2;
+            control.BindButton2.UpdateText();
+
+            control.BindButton2.Button.Disabled = activeBinds.Count == 0;
+            control.ResetButton.Disabled = !_inputManager.IsKeyFunctionModified(control.Function);
+        }
+
+        protected override void EnteredTree()
+        {
+            base.EnteredTree();
+
+            _inputManager.FirstChanceOnKeyEvent += InputManagerOnFirstChanceOnKeyEvent;
+            _inputManager.OnKeyBindingAdded += OnKeyBindAdded;
+            _inputManager.OnKeyBindingRemoved += OnKeyBindRemoved;
+        }
+
+        protected override void ExitedTree()
+        {
+            base.ExitedTree();
+
+            _inputManager.FirstChanceOnKeyEvent -= InputManagerOnFirstChanceOnKeyEvent;
+            _inputManager.OnKeyBindingAdded -= OnKeyBindAdded;
+            _inputManager.OnKeyBindingRemoved -= OnKeyBindRemoved;
+        }
+
+        private void OnKeyBindRemoved(IKeyBinding obj)
+        {
+            OnKeyBindModified(obj, true);
+        }
+
+        private void OnKeyBindAdded(IKeyBinding obj)
+        {
+            OnKeyBindModified(obj, false);
+        }
+
+        private void OnKeyBindModified(IKeyBinding bind, bool removal)
+        {
+            if (!_keyControls.TryGetValue(bind.Function, out var keyControl))
+            {
+                return;
+            }
+
+            if (removal && _currentlyRebinding?.KeyControl == keyControl)
+            {
+                // Don't do update if the removal was from initiating a rebind.
+                return;
+            }
+
+            UpdateKeyControl(keyControl);
+
+            if (_currentlyRebinding == keyControl.BindButton1 || _currentlyRebinding == keyControl.BindButton2)
+            {
+                _currentlyRebinding = null;
+            }
+        }
+
+        private void InputManagerOnFirstChanceOnKeyEvent(KeyEventArgs keyEvent, KeyEventType type)
+        {
+            DebugTools.Assert(IsInsideTree);
+
+            if (_currentlyRebinding == null)
+            {
+                return;
+            }
+
+            keyEvent.Handle();
+
+            if (type != KeyEventType.Up)
+            {
+                return;
+            }
+
+            var key = keyEvent.Key;
+
+            // Figure out modifiers based on key event.
+            // TODO: this won't allow for combinations with keys other than the standard modifier keys,
+            // even though the input system totally supports it.
+            var mods = new Keyboard.Key[3];
+            var i = 0;
+            if (keyEvent.Control && key != Keyboard.Key.Control)
+            {
+                mods[i] = Keyboard.Key.Control;
+                i += 1;
+            }
+
+            if (keyEvent.Shift && key != Keyboard.Key.Shift)
+            {
+                mods[i] = Keyboard.Key.Shift;
+                i += 1;
+            }
+
+            if (keyEvent.Alt && key != Keyboard.Key.Alt)
+            {
+                mods[i] = Keyboard.Key.Alt;
+                i += 1;
+            }
+
+            // The input system can only handle 3 modifier keys so if you hold all 4 of the modifier keys
+            // then system gets the shaft, I guess.
+            if (keyEvent.System && i != 3 && key != Keyboard.Key.LSystem && key != Keyboard.Key.RSystem)
+            {
+                mods[i] = Keyboard.Key.LSystem;
+            }
+
+            var function = _currentlyRebinding.KeyControl.Function;
+            var bindType = KeyBindingType.State;
+            if (ToggleFunctions.Contains(function))
+            {
+                bindType = KeyBindingType.Toggle;
+            }
+
+            var registration = new KeyBindingRegistration
+            {
+                Function = function,
+                BaseKey = key,
+                Mod1 = mods[0],
+                Mod2 = mods[1],
+                Mod3 = mods[2],
+                Priority = 0,
+                Type = bindType,
+                CanFocus = key == Keyboard.Key.MouseLeft
+                           || key == Keyboard.Key.MouseRight
+                           || key == Keyboard.Key.MouseMiddle,
+                CanRepeat = false
+            };
+
+            _inputManager.RegisterBinding(registration);
+            // OnKeyBindModified will cause _currentlyRebinding to be reset and the UI to update.
+            _inputManager.SaveToUserData();
+        }
+
+        private void RebindButtonPressed(BindButton button)
+        {
+            if (_currentlyRebinding != null)
+            {
+                return;
+            }
+
+            _currentlyRebinding = button;
+            _currentlyRebinding.Button.Text = Loc.GetString("ui-options-key-prompt");
+
+            if (button.Binding != null)
+            {
+                _deferCommands.Add(() =>
+                {
+                    // Have to do defer this or else there will be an exception in InputManager.
+                    // Because this IS fired from an input event.
+                    _inputManager.RemoveBinding(button.Binding);
+                });
+            }
+        }
+
+        protected override void FrameUpdate(FrameEventArgs args)
+        {
+            base.FrameUpdate(args);
+
+            if (_deferCommands.Count == 0)
+            {
+                return;
+            }
+
+            foreach (var command in _deferCommands)
+            {
+                command();
+            }
+
+            _deferCommands.Clear();
+        }
+
+        private sealed class KeyControl : Control
+        {
+            public readonly BoundKeyFunction Function;
+            public readonly BindButton BindButton1;
+            public readonly BindButton BindButton2;
+            public readonly Button ResetButton;
+
+            public KeyControl(KeyRebindTab parent, BoundKeyFunction function)
+            {
+                Function = function;
+                var name = new Label
+                {
+                    Text = Loc.GetString(
+                        $"ui-options-function-{CaseConversion.PascalToKebab(function.FunctionName)}"),
+                    HorizontalExpand = true,
+                    HorizontalAlignment = HAlignment.Left
+                };
+
+                BindButton1 = new BindButton(parent, this, StyleBase.ButtonOpenRight);
+                BindButton2 = new BindButton(parent, this, StyleBase.ButtonOpenLeft);
+                ResetButton = new Button {Text = Loc.GetString("ui-options-bind-reset"), StyleClasses = {StyleBase.ButtonCaution}};
+
+                var hBox = new BoxContainer
+                {
+                    Orientation = LayoutOrientation.Horizontal,
+                    Children =
+                    {
+                        new Control {MinSize = (5, 0)},
+                        name,
+                        BindButton1,
+                        BindButton2,
+                        new Control {MinSize = (10, 0)},
+                        ResetButton
+                    }
+                };
+
+                ResetButton.OnPressed += args =>
+                {
+                    parent._deferCommands.Add(() =>
+                    {
+                        parent._inputManager.ResetBindingsFor(function);
+                        parent._inputManager.SaveToUserData();
+                    });
+                };
+
+                AddChild(hBox);
+            }
+        }
+
+        private sealed class BindButton : Control
+        {
+            private readonly KeyRebindTab _tab;
+            public readonly KeyControl KeyControl;
+            public readonly Button Button;
+            public IKeyBinding? Binding;
+
+            public BindButton(KeyRebindTab tab, KeyControl keyControl, string styleClass)
+            {
+                _tab = tab;
+                KeyControl = keyControl;
+                Button = new Button {StyleClasses = {styleClass}};
+                UpdateText();
+                AddChild(Button);
+
+                Button.OnPressed += args =>
+                {
+                    tab.RebindButtonPressed(this);
+                };
+
+                Button.OnKeyBindDown += ButtonOnOnKeyBindDown;
+
+                MinSize = (200, 0);
+            }
+
+            protected override void EnteredTree()
+            {
+                base.EnteredTree();
+                _tab._inputManager.OnInputModeChanged += UpdateText;
+            }
+
+            protected override void ExitedTree()
+            {
+                base.ExitedTree();
+                _tab._inputManager.OnInputModeChanged -= UpdateText;
+            }
+
+            private void ButtonOnOnKeyBindDown(GUIBoundKeyEventArgs args)
+            {
+                if (args.Function == EngineKeyFunctions.UIRightClick)
+                {
+                    if (Binding != null)
+                    {
+                        _tab._deferCommands.Add(() =>
+                        {
+                            _tab._inputManager.RemoveBinding(Binding);
+                            _tab._inputManager.SaveToUserData();
+                        });
+                    }
+
+                    args.Handle();
+                }
+            }
+
+            public void UpdateText()
+            {
+                Button.Text = Binding?.GetKeyString() ?? Loc.GetString("ui-options-unbound");
+            }
+        }
+    }
+}

Content.Client/Options/UI/Tabs/NetworkTab.xaml

@@ -0,0 +1,85 @@
+<Control xmlns="https://spacestation14.io"
+         xmlns:controls="clr-namespace:Content.Client.UserInterface.Controls"
+         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+         x:Class="Content.Client.Options.UI.Tabs.NetworkTab">
+    <BoxContainer Orientation="Vertical" >
+        <BoxContainer Orientation="Vertical" Margin="8 8 8 8" VerticalExpand="True">
+            <BoxContainer Orientation="Horizontal" Margin="4 10 4 0">
+                <Label Text="{Loc 'ui-options-net-interp-ratio'}" />
+                <Control MinSize="8 0" />
+                <Slider Name="NetInterpRatioSlider"
+                            ToolTip="{Loc 'ui-options-net-interp-ratio-tooltip'}"
+                            MaxValue="8"
+                            HorizontalExpand="True"
+                            MinSize="80 0"
+                            Rounded="True" />
+                <Control MinSize="8 0" />
+                <Label Name="NetInterpRatioLabel" MinSize="48 0" Align="Right" />
+                <Control MinSize="4 0"/>
+            </BoxContainer>
+            <BoxContainer Orientation="Horizontal" Margin="4 10 4 0">
+                <Label Text="{Loc 'ui-options-net-predict-tick-bias'}" />
+                <Control MinSize="8 0" />
+                <Slider Name="NetPredictTickBiasSlider"
+                            ToolTip="{Loc 'ui-options-net-predict-tick-bias-tooltip'}"
+                            MaxValue="6"
+                            MinValue="0"
+                            HorizontalExpand="True"
+                            MinSize="80 0"
+                            Rounded="True" />
+                <Control MinSize="8 0" />
+                <Label Name="NetPredictTickBiasLabel" MinSize="48 0" Align="Right" />
+                <Control MinSize="4 0"/>
+            </BoxContainer>
+            <BoxContainer Orientation="Horizontal" Margin="4 10 4 0">
+                <Label Text="{Loc 'ui-options-net-pvs-entry'}" />
+                <Control MinSize="8 0" />
+                <Slider Name="NetPvsEntrySlider"
+                            ToolTip="{Loc 'ui-options-net-pvs-entry-tooltip'}"
+                            MaxValue="150"
+                            MinValue="20"
+                            HorizontalExpand="True"
+                            MinSize="80 0"
+                            Rounded="True" />
+                <Control MinSize="8 0" />
+                <Label Name="NetPvsEntryLabel" MinSize="48 0" Align="Right" />
+                <Control MinSize="4 0"/>
+            </BoxContainer>
+            <BoxContainer Orientation="Horizontal" Margin="4 10 4 10">
+                <Label Text="{Loc 'ui-options-net-pvs-leave'}" />
+                <Control MinSize="8 0" />
+                <Slider Name="NetPvsLeaveSlider"
+                            ToolTip="{Loc 'ui-options-net-pvs-leave-tooltip'}"
+                            MaxValue="300"
+                            MinValue="20"
+                            HorizontalExpand="True"
+                            MinSize="80 0"
+                            Rounded="True" />
+                <Control MinSize="8 0" />
+                <Label Name="NetPvsLeaveLabel" MinSize="48 0" Align="Right" />
+                <Control MinSize="4 0"/>
+            </BoxContainer>
+        </BoxContainer>
+        <controls:StripeBack HasBottomEdge="False" HasMargins="False">
+            <BoxContainer Orientation="Horizontal"
+                          Align="End"
+                          HorizontalExpand="True"
+                          VerticalExpand="True">
+                <Button Name="ResetButton"
+                        Text="{Loc 'ui-options-reset-all'}"
+                        StyleClasses="Caution"
+                        HorizontalExpand="True"
+                        HorizontalAlignment="Right" />
+                <Button Name="DefaultButton"
+                        Text="{Loc 'ui-options-default'}"
+                        TextAlign="Center"
+                        HorizontalAlignment="Right" />
+                <Control MinSize="2 0" />
+                <Button Name="ApplyButton"
+                        Text="{Loc 'ui-options-apply'}"
+                        TextAlign="Center"
+                        HorizontalAlignment="Right" />
+            </BoxContainer>
+        </controls:StripeBack>
+    </BoxContainer>
+</Control>

Content.Client/Options/UI/Tabs/NetworkTab.xaml.cs

@@ -0,0 +1,106 @@
+using Robust.Client.AutoGenerated;
+using Robust.Client.UserInterface;
+using Robust.Client.UserInterface.Controls;
+using Robust.Client.UserInterface.XAML;
+using Robust.Shared;
+using Robust.Shared.Configuration;
+using Robust.Client.GameStates;
+using Content.Client.Entry;
+
+namespace Content.Client.Options.UI.Tabs
+{
+    [GenerateTypedNameReferences]
+    public sealed partial class NetworkTab : Control
+    {
+        [Dependency] private readonly IConfigurationManager _cfg = default!;
+        [Dependency] private readonly IClientGameStateManager _stateMan = default!;
+
+        public NetworkTab()
+        {
+
+            RobustXamlLoader.Load(this);
+            IoCManager.InjectDependencies(this);
+
+            ApplyButton.OnPressed += OnApplyButtonPressed;
+            ResetButton.OnPressed += OnResetButtonPressed;
+            DefaultButton.OnPressed += OnDefaultButtonPressed;
+            NetInterpRatioSlider.OnValueChanged += OnSliderChanged;
+            NetInterpRatioSlider.MinValue = _stateMan.MinBufferSize;
+            NetPredictTickBiasSlider.OnValueChanged += OnSliderChanged;
+            NetPvsEntrySlider.OnValueChanged += OnSliderChanged;
+            NetPvsLeaveSlider.OnValueChanged += OnSliderChanged;
+
+            Reset();
+        }
+
+        protected override void Dispose(bool disposing)
+        {
+            ApplyButton.OnPressed -= OnApplyButtonPressed;
+            ResetButton.OnPressed -= OnResetButtonPressed;
+            DefaultButton.OnPressed -= OnDefaultButtonPressed;
+            NetInterpRatioSlider.OnValueChanged -= OnSliderChanged;
+            NetPredictTickBiasSlider.OnValueChanged -= OnSliderChanged;
+            NetPvsEntrySlider.OnValueChanged -= OnSliderChanged;
+            NetPvsLeaveSlider.OnValueChanged -= OnSliderChanged;
+            base.Dispose(disposing);
+        }
+
+        private void OnSliderChanged(Robust.Client.UserInterface.Controls.Range range)
+        {
+            UpdateChanges();
+        }
+
+        private void OnApplyButtonPressed(BaseButton.ButtonEventArgs args)
+        {
+            _cfg.SetCVar(CVars.NetBufferSize, (int) NetInterpRatioSlider.Value - _stateMan.MinBufferSize);
+            _cfg.SetCVar(CVars.NetPredictTickBias, (int) NetPredictTickBiasSlider.Value);
+            _cfg.SetCVar(CVars.NetPVSEntityBudget, (int) NetPvsEntrySlider.Value);
+            _cfg.SetCVar(CVars.NetPVSEntityExitBudget, (int) NetPvsLeaveSlider.Value);
+
+            _cfg.SaveToFile();
+            UpdateChanges();
+        }
+
+        private void OnResetButtonPressed(BaseButton.ButtonEventArgs args)
+        {
+            Reset();
+        }
+
+        private void OnDefaultButtonPressed(BaseButton.ButtonEventArgs obj)
+        {
+            NetPredictTickBiasSlider.Value = CVars.NetPredictTickBias.DefaultValue;
+            NetPvsEntrySlider.Value = CVars.NetPVSEntityBudget.DefaultValue;
+            NetPvsLeaveSlider.Value = CVars.NetPVSEntityExitBudget.DefaultValue;
+
+            // Apparently default value doesn't get updated when using override defaults, so using a const
+            NetInterpRatioSlider.Value = EntryPoint.NetBufferSizeOverride + _stateMan.MinBufferSize;
+
+            UpdateChanges();
+        }
+
+        private void Reset()
+        {
+            NetInterpRatioSlider.Value = _cfg.GetCVar(CVars.NetBufferSize) + _stateMan.MinBufferSize;
+            NetPredictTickBiasSlider.Value = _cfg.GetCVar(CVars.NetPredictTickBias);
+            NetPvsEntrySlider.Value = _cfg.GetCVar(CVars.NetPVSEntityBudget);
+            NetPvsLeaveSlider.Value = _cfg.GetCVar(CVars.NetPVSEntityExitBudget);
+            UpdateChanges();
+        }
+
+        private void UpdateChanges()
+        {
+            var isEverythingSame =
+                NetInterpRatioSlider.Value == _cfg.GetCVar(CVars.NetBufferSize) + _stateMan.MinBufferSize &&
+                NetPredictTickBiasSlider.Value == _cfg.GetCVar(CVars.NetPredictTickBias) &&
+                NetPvsEntrySlider.Value == _cfg.GetCVar(CVars.NetPVSEntityBudget) &&
+                NetPvsLeaveSlider.Value == _cfg.GetCVar(CVars.NetPVSEntityExitBudget);
+
+            ApplyButton.Disabled = isEverythingSame;
+            ResetButton.Disabled = isEverythingSame;
+            NetInterpRatioLabel.Text = NetInterpRatioSlider.Value.ToString();
+            NetPredictTickBiasLabel.Text = NetPredictTickBiasSlider.Value.ToString();
+            NetPvsEntryLabel.Text = NetPvsEntrySlider.Value.ToString();
+            NetPvsLeaveLabel.Text = NetPvsLeaveSlider.Value.ToString();
+        }
+    }
+}