BABA_YAGA/Assets/Scripts/UI/SettingsController.cs

using UnityEngine;
using UnityEngine.UIElements;
using UnityEngine.Audio;
using UnityEngine.InputSystem;
using System.Collections.Generic;
using System.Linq;
using System;
using System.Threading.Tasks;
using OnlyScove.Scripts;
using Hallucinate.Audio;
using PrimeTween;

namespace Hallucinate.UI
{
    public class SettingsController : BaseUIController
    {
        private VisualElement _sidebar;
        private VisualElement _tabsColumn;
        private Label _tabTitle;
        private ScrollView _content;
        private Dictionary<string, Button> _tabButtons = new Dictionary<string, Button>();
        private string _activeTab = "GENERAL";

        private Tween _hoverTimer;
        private bool _isExpanded;

        // Advanced Mouse Metrics
        private Label _mouseMetricsLabel;

        // FPS State
        private bool _fpsVisible;

        // Hover Tracking for Arrow Key Slider Control
        private Slider _hoveredSlider;
        private Action<float> _hoveredOnChanged;
        private float _sliderMin, _sliderMax;

        // Osu-style Volume Overlay
        private VisualElement _volumeContainer;
        private VisualElement _masterRing;
        private Label _masterVolLabel;
        private Dictionary<string, (VisualElement ring, Label label)> _subRings = new Dictionary<string, (VisualElement, Label)>();
        private string _hoveredSubVolume = null;
        private float _masterVol = 80f;
        private int _overlayActiveCount = 0;

        public override void Initialize(VisualElement uxmlRoot, UIManager manager)
        {
            base.Initialize(uxmlRoot, manager);

            _sidebar = root.Q<VisualElement>("Sidebar");
            _tabsColumn = root.Q<VisualElement>("TabsColumn");
            _tabTitle = root.Q<Label>("TabTitle");
            _content = root.Q<ScrollView>("SettingsContent");

            // Smart Sidebar Hover Logic
            _tabsColumn.RegisterCallback<PointerEnterEvent>(OnSidebarPointerEnter);
            _tabsColumn.RegisterCallback<PointerLeaveEvent>(OnSidebarPointerLeave);

            // Global Volume Catch
            uiManager.Root.RegisterCallback<WheelEvent>(OnMouseWheel, TrickleDown.TrickleDown);
            SetupHierarchicalVolumeOverlay();

            root.RegisterCallback<PointerDownEvent>(evt => {
                if (evt.target == root) uiManager.ToggleSettings();
            });

            root.RegisterCallback<KeyDownEvent>(OnKeyDown);

            SetupTab("GeneralTab", "GENERAL");
            SetupTab("VideoTab", "VIDEO");
            SetupTab("SoundTab", "SOUND");
            SetupTab("ControlTab", "CONTROL");

            var closeBtn = root.Q<Button>("CloseSettingsBtn");
            if (closeBtn != null) closeBtn.clicked += () => uiManager.ToggleSettings();

            _masterVol = PlayerPrefs.GetFloat("MasterVolume", 80f);
            ApplyVideoSettings();
            SwitchTab("GENERAL");
        }

        private void OnSidebarPointerEnter(PointerEnterEvent evt)
        {
            _hoverTimer.Stop();
            // Bung ra ngay lập tức với animation cực mượt
            ExpandSidebar();
        }

        private void OnSidebarPointerLeave(PointerLeaveEvent evt)
        {
            _hoverTimer.Stop();
            // Thu gọn ngay lập tức
            CollapseSidebar();
        }

        private void ExpandSidebar()
        {
            if (_isExpanded) return;
            _isExpanded = true;
            _tabsColumn.AddToClassList("sidebar-expanded");
            // Animation 0.5s OutQuart cho cảm giác cao cấp
            Tween.Custom(_tabsColumn.resolvedStyle.width, 240f, duration: 0.5f, ease: Ease.OutQuart, onValueChange: val => _tabsColumn.style.width = val);
        }

        private void CollapseSidebar()
        {
            if (!_isExpanded) return;
            _isExpanded = false;
            _tabsColumn.RemoveFromClassList("sidebar-expanded");
            Tween.Custom(_tabsColumn.resolvedStyle.width, 80f, duration: 0.45f, ease: Ease.OutQuart, onValueChange: val => _tabsColumn.style.width = val);
        }

        private void ApplyVideoSettings()
        {
            int frameLimitIdx = PlayerPrefs.GetInt("FrameLimiter", 2);
            ApplyFrameLimit(frameLimitIdx);
            _fpsVisible = PlayerPrefs.GetInt("ShowFPS", 0) == 1;
            PerformanceOverlay.SetVisible(_fpsVisible);
            float dim = PlayerPrefs.GetFloat("BackgroundDim", 50f);
            ApplyBackgroundDim(dim);
            bool isFull = PlayerPrefs.GetInt("Fullscreen", Screen.fullScreen ? 1 : 0) == 1;
            Screen.fullScreen = isFull;
        }

        private void ApplyFrameLimit(int index)
        {
            switch (index)
            {
                case 0: QualitySettings.vSyncCount = 1; Application.targetFrameRate = -1; break;
                case 1: QualitySettings.vSyncCount = 0; Application.targetFrameRate = 60; break;
                case 2: QualitySettings.vSyncCount = 0; Application.targetFrameRate = 144; break;
                case 3: QualitySettings.vSyncCount = 0; Application.targetFrameRate = 999; break;
            }
            PlayerPrefs.SetInt("FrameLimiter", index);
        }

        private void ApplyBackgroundDim(float value)
        {
            PlayerPrefs.SetFloat("BackgroundDim", value);
            var dimOverlay = uiManager.Root.Q<VisualElement>("BackgroundDimOverlay");
            if (dimOverlay != null) dimOverlay.style.backgroundColor = new Color(0, 0, 0, value / 100f);
        }

        private void SetupHierarchicalVolumeOverlay()
        {
            _volumeContainer = new VisualElement { name = "GlobalVolumeOverlay" };
            _volumeContainer.style.position = Position.Absolute;
            _volumeContainer.style.right = 50; _volumeContainer.style.bottom = 50;
            _volumeContainer.style.width = 300; _volumeContainer.style.height = 300;
            _volumeContainer.style.display = DisplayStyle.None;
            _volumeContainer.pickingMode = PickingMode.Ignore;
            uiManager.Root.Add(_volumeContainer);

            _masterRing = CreateRing("Master", 120, cyan: true);
            _masterRing.style.right = 0; _masterRing.style.bottom = 0;
            _masterVolLabel = _masterRing.Q<Label>();
            _volumeContainer.Add(_masterRing);

            string[] subs = { "MusicVolume", "VFXVolume", "PlayerVolume", "UIVolume" };
            string[] shortNames = { "MUS", "VFX", "PLY", "UI" };
            for (int i = 0; i < subs.Length; i++)
            {
                var ring = CreateRing(shortNames[i], 70, false);
                float angle = (i * 30f) * Mathf.Deg2Rad; 
                float radius = 140f;
                ring.style.right = 25 + Mathf.Sin(angle) * radius;
                ring.style.bottom = 25 + Mathf.Cos(angle) * radius;
                string key = subs[i];
                ring.RegisterCallback<PointerEnterEvent>(evt => _hoveredSubVolume = key);
                ring.RegisterCallback<PointerLeaveEvent>(evt => { if (_hoveredSubVolume == key) _hoveredSubVolume = null; });
                ring.pickingMode = PickingMode.Position;
                _subRings[key] = (ring, ring.Q<Label>());
                _volumeContainer.Add(ring);
            }
        }

        private VisualElement CreateRing(string text, float size, bool cyan)
        {
            var ring = new VisualElement();
            ring.style.width = size; ring.style.height = size;
            ring.style.backgroundColor = new Color(0, 0, 0, 0.85f);
            var radius = size / 2;
            ring.style.borderTopLeftRadius = radius; ring.style.borderTopRightRadius = radius;
            ring.style.borderBottomLeftRadius = radius; ring.style.borderBottomRightRadius = radius;
            ring.style.borderTopWidth = 3; ring.style.borderBottomWidth = 3;
            ring.style.borderLeftWidth = 3; ring.style.borderRightWidth = 3;
            ring.style.borderTopColor = ring.style.borderBottomColor = ring.style.borderLeftColor = ring.style.borderRightColor = cyan ? Color.cyan : new Color(0.7f, 0.7f, 0.7f);
            ring.style.justifyContent = Justify.Center; ring.style.alignItems = Align.Center;
            ring.style.position = Position.Absolute;
            var label = new Label("80%");
            label.style.color = Color.white; label.style.fontSize = size * 0.25f;
            label.style.unityFontStyleAndWeight = FontStyle.Bold;
            ring.Add(label);
            var title = new Label(text);
            title.style.color = Color.gray; title.style.fontSize = size * 0.15f;
            title.style.position = Position.Absolute; title.style.bottom = size * 0.15f;
            ring.Add(title);
            return ring;
        }

        private void OnMouseWheel(WheelEvent evt)
        {
            var mainMenuRoot = uiManager.Root.Q<VisualElement>("MainMenuRoot");
            bool isMainMenuVisible = mainMenuRoot != null && mainMenuRoot.style.display == DisplayStyle.Flex;
            if (!uiManager.IsSettingsOpen && isMainMenuVisible) return;
            VisualElement target = evt.target as VisualElement;
            bool isDirectUIInteraction = _hoveredSubVolume != null || (_hoveredSlider != null && _activeTab == "SOUND");
            if (!isDirectUIInteraction && target != null)
            {
                if (target is ScrollView || target.GetFirstAncestorOfType<ScrollView>() != null) return; 
            }
            _overlayActiveCount++;
            ShowVolumeOverlay();
            if (_hoveredSubVolume != null) UpdateSubVolume(_hoveredSubVolume, -evt.delta.y * 2f);
            else if (_hoveredSlider != null && _activeTab == "SOUND")
            {
                float step = (_sliderMax - _sliderMin) / 100f; 
                float newVal = Mathf.Clamp(_hoveredSlider.value - (evt.delta.y * step * 5f), _sliderMin, _sliderMax);
                _hoveredSlider.value = newVal;
                _hoveredOnChanged?.Invoke(newVal);
            }
            else UpdateMasterVolume(-evt.delta.y * 2f);
            evt.StopPropagation();
        }

        private void UpdateMasterVolume(float delta)
        {
            _masterVol = Mathf.Clamp(_masterVol + delta, 0f, 100f);
            PlayerPrefs.SetFloat("MasterVolume", _masterVol);
            AudioManager.Instance?.SetVolume("MasterVolume", _masterVol);
            _masterVolLabel.text = $"{Mathf.RoundToInt(_masterVol)}%";
            if (_activeTab == "SOUND") SwitchTab("SOUND");
        }

        private void UpdateSubVolume(string key, float delta)
        {
            float newVal = Mathf.Clamp(PlayerPrefs.GetFloat(key, 80f) + delta, 0f, 100f);
            PlayerPrefs.SetFloat(key, newVal);
            AudioManager.Instance?.SetVolume(key, newVal);
            if (_subRings.TryGetValue(key, out var data)) data.label.text = $"{Mathf.RoundToInt(newVal)}%";
            if (_activeTab == "SOUND") SwitchTab("SOUND");
        }

        private async void ShowVolumeOverlay()
        {
            _volumeContainer.BringToFront();
            uiManager.Root.Q<VisualElement>("CursorLayer")?.BringToFront();
            _volumeContainer.style.display = DisplayStyle.Flex;
            _volumeContainer.style.opacity = 1f;
            foreach (var kvp in _subRings) kvp.Value.label.text = $"{Mathf.RoundToInt(PlayerPrefs.GetFloat(kvp.Key, 80f))}%";
            _masterVolLabel.text = $"{Mathf.RoundToInt(_masterVol)}%";
            int currentId = _overlayActiveCount;
            await Task.Delay(3000);
            if (currentId == _overlayActiveCount && _hoveredSubVolume == null)
            {
                Tween.Custom(1f, 0f, duration: 0.5f, onValueChange: val => _volumeContainer.style.opacity = val)
                    .OnComplete(() => { if (_volumeContainer.style.opacity == 0f) _volumeContainer.style.display = DisplayStyle.None; });
            }
        }

        private void SetupTab(string btnName, string tabId)
        {
            var btn = root.Q<Button>(btnName);
            if (btn != null) { _tabButtons[tabId] = btn; btn.clicked += () => SwitchTab(tabId); }
        }

        private void SwitchTab(string tabId)
        {
            _activeTab = tabId; _tabTitle.text = tabId;
            foreach (var kvp in _tabButtons)
            {
                if (kvp.Key == tabId) kvp.Value.AddToClassList("active-tab");
                else kvp.Value.RemoveFromClassList("active-tab");
            }
            _content.Clear(); _hoveredSlider = null;
            switch (tabId)
            {
                case "GENERAL": RenderGeneralTab(); break;
                case "VIDEO": RenderVideoTab(); break;
                case "SOUND": RenderSoundTab(); break;
                case "CONTROL": RenderControlTab(); break;
            }
        }

        private void RenderGeneralTab()
        {
            _content.Add(CreateSection("ACCOUNT"));
            var userRow = new VisualElement { style = { flexDirection = FlexDirection.Row, alignItems = Align.Center, marginBottom = 10 } };
            var loggedInLabel = new Label("Logged in as: "); loggedInLabel.AddToClassList("text-body");
            userRow.Add(loggedInLabel);
            userRow.Add(new Label(PlayerPrefs.GetString("Username", "Guest")) { style = { color = Color.cyan, marginLeft = 5, unityFontStyleAndWeight = FontStyle.Bold } });
            _content.Add(userRow);

            _content.Add(CreateSection("LANGUAGE"));
            var langDropdown = new DropdownField(new List<string> { "English", "Tiếng Việt" }, LocalizationManager.Instance?.CurrentLanguage == "vi" ? 1 : 0);
            langDropdown.AddToClassList("custom-dropdown");
            langDropdown.RegisterValueChangedCallback(evt => {
                LocalizationManager.Instance?.LoadLanguage(evt.newValue == "Tiếng Việt" ? "vi" : "en"); SwitchTab("GENERAL");
            });
            _content.Add(langDropdown);

            _content.Add(CreateSection("UPDATES"));
            var versionBox = new VisualElement { style = { flexDirection = FlexDirection.Row, alignItems = Align.Center } };
            var versionLabel = new Label($"Version: {Application.version}"); versionLabel.AddToClassList("text-body");
            versionBox.Add(versionLabel);
            var checkBtn = new Button { text = "CHECK FOR UPDATES" }; checkBtn.AddToClassList("button-spring");
            checkBtn.clicked += () => checkBtn.text = "UP TO DATE";
            versionBox.Add(checkBtn);
            _content.Add(versionBox);

            _content.Add(CreateSection("CURSOR & MOUSE"));
            _content.Add(CreateSliderWithInput("Cursor Size", 10, 150, PlayerPrefs.GetFloat("CursorSize", 40), val => uiManager.SetCursorSize(val)));
            var trailToggle = new Toggle("Enable Cursor Trail") { value = PlayerPrefs.GetInt("CursorTrail", 1) == 1 };
            trailToggle.RegisterValueChangedCallback(evt => uiManager.SetCursorTrail(evt.newValue));
            _content.Add(trailToggle);
            var rippleToggle = new Toggle("Enable Ripple Effects") { value = PlayerPrefs.GetInt("CursorRipples", 1) == 1 };
            rippleToggle.RegisterValueChangedCallback(evt => uiManager.SetCursorRipples(evt.newValue));
            _content.Add(rippleToggle);
            _content.Add(CreateSliderWithInput("Sensitivity", 0.1f, 5.0f, PlayerPrefs.GetFloat("MouseSensitivity", 1.0f), val => uiManager.SetMouseSensitivity(val)));
            _content.Add(new Toggle("Raw Input (Bypass Acceleration)") { value = true });
            _mouseMetricsLabel = new Label("[(report: 0/sec latency: 0ms)]") { style = { fontSize = 11, color = Color.gray, marginTop = 5 } };
            _content.Add(_mouseMetricsLabel);
        }

        private void RenderVideoTab()
        {
            _content.Add(CreateSection("RENDERER"));
            var frameLimit = new DropdownField("Frame Limiter", new List<string> { "VSync", "Power Saving", "Optimal", "Unlimited" }, PlayerPrefs.GetInt("FrameLimiter", 2));
            frameLimit.RegisterValueChangedCallback(evt => ApplyFrameLimit(frameLimit.index));
            _content.Add(frameLimit);
            var fpsToggle = new Toggle("Show FPS Counter") { value = _fpsVisible };
            fpsToggle.RegisterValueChangedCallback(evt => { _fpsVisible = evt.newValue; PlayerPrefs.SetInt("ShowFPS", _fpsVisible ? 1 : 0); PerformanceOverlay.SetVisible(_fpsVisible); });
            _content.Add(fpsToggle);
            _content.Add(CreateSection("LAYOUT"));
            Resolution native = Screen.currentResolution;
            var resList = Screen.resolutions.Select(r => $"{r.width}x{r.height}").Distinct().Select(s => s == $"{native.width}x{native.height}" ? s + " (native)" : s).ToList();
            string currentResStr = $"{Screen.width}x{Screen.height}";
            int currentResIdx = resList.FindIndex(s => s.StartsWith(currentResStr));
            if (currentResIdx == -1) currentResIdx = resList.FindIndex(s => s.Contains("native"));
            var resDropdown = new DropdownField("Resolution", resList, currentResIdx);
            resDropdown.RegisterValueChangedCallback(evt => {
                string[] parts = evt.newValue.Split(' ')[0].Split('x');
                int w = int.Parse(parts[0]), h = int.Parse(parts[1]);
                Screen.SetResolution(w, h, Screen.fullScreen);
                PlayerPrefs.SetInt("ScreenWidth", w); PlayerPrefs.SetInt("ScreenHeight", h);
            });
            _content.Add(resDropdown);
            var fullToggle = new Toggle("Fullscreen Mode") { value = Screen.fullScreen };
            fullToggle.RegisterValueChangedCallback(evt => { Screen.fullScreen = evt.newValue; PlayerPrefs.SetInt("Fullscreen", evt.newValue ? 1 : 0); });
            _content.Add(fullToggle);
            _content.Add(CreateSliderWithInput("Background Dim", 0, 100, PlayerPrefs.GetFloat("BackgroundDim", 50), val => ApplyBackgroundDim(val)));
            _content.Add(CreateSliderWithInput("UI Scale", 0.5f, 2.0f, PlayerPrefs.GetFloat("UIScale", 1.0f), val => uiManager.SetUIScale(val)));
        }

        private void RenderSoundTab()
        {
            _content.Add(CreateSection("AUDIO VOLUMES"));
            _content.Add(CreateAudioSlider("Master", "MasterVolume"));
            _content.Add(CreateAudioSlider("Music", "MusicVolume"));
            _content.Add(CreateAudioSlider("VFX", "VFXVolume"));
            _content.Add(CreateAudioSlider("Player", "PlayerVolume"));
            _content.Add(CreateAudioSlider("UI", "UIVolume"));
            _content.Add(new Label("Use Scroll Wheel to control volume.") { style = { marginTop = 20, color = Color.gray, fontSize = 12 } });
        }

        private VisualElement CreateAudioSlider(string label, string prefKey)
        {
            var sliderRow = CreateSliderWithInput(label, 0, 100, PlayerPrefs.GetFloat(prefKey, 80), val => {
                PlayerPrefs.SetFloat(prefKey, val); AudioManager.Instance?.SetVolume(prefKey, val);
            });
            sliderRow.RegisterCallback<WheelEvent>(evt => {
                float newVal = Mathf.Clamp(PlayerPrefs.GetFloat(prefKey, 80f) - (evt.delta.y * 2f), 0f, 100f);
                PlayerPrefs.SetFloat(prefKey, newVal); AudioManager.Instance?.SetVolume(prefKey, newVal);
                var slider = sliderRow.Q<Slider>(); if (slider != null) slider.value = newVal;
            });
            return sliderRow;
        }

        private void RenderControlTab()
        {
            _content.Add(CreateSection("KEY BINDINGS"));
            if (uiManager.InputReader?.InputActions == null) { _content.Add(new Label("Input Actions not found.") { style = { color = Color.white } }); return; }
            foreach (var map in uiManager.InputReader.InputActions.actionMaps)
            {
                var mapHeader = new Label(map.name.ToUpper()) { style = { fontSize = 14, unityFontStyleAndWeight = FontStyle.Bold, color = Color.cyan, marginTop = 15, marginBottom = 5 } };
                _content.Add(mapHeader);
                foreach (var action in map.actions)
                {
                    if (action.name == "Look" || action.name == "Scroll" || action.name == "Navigate" || action.name == "Point" || action.name == "Click") continue;
                    if (action.bindings.Any(b => b.isComposite))
                    {
                        for (int i = 0; i < action.bindings.Count; i++)
                            if (action.bindings[i].isPartOfComposite && action.bindings[i].groups.Contains("Keyboard&Mouse"))
                                _content.Add(CreateRebindRow(action, i, $"{action.name} {action.bindings[i].name}".ToUpper()));
                    }
                    else
                    {
                        int idx = action.bindings.ToList().FindIndex(b => b.groups.Contains("Keyboard&Mouse"));
                        if (idx != -1) _content.Add(CreateRebindRow(action, idx, action.name.ToUpper()));
                    }
                }
            }
            var resetBtn = new Button { text = "RESET ALL TO DEFAULT" }; resetBtn.AddToClassList("button-spring"); resetBtn.style.marginTop = 30; resetBtn.style.alignSelf = Align.Center;
            resetBtn.clicked += () => { uiManager.InputReader.ResetBindings(); SwitchTab("CONTROL"); };
            _content.Add(resetBtn);
        }

        private VisualElement CreateRebindRow(UnityEngine.InputSystem.InputAction action, int bindingIndex, string labelText)
        {
            var row = new VisualElement(); row.AddToClassList("rebind-row"); row.style.flexDirection = FlexDirection.Row; row.style.justifyContent = Justify.SpaceBetween; row.style.alignItems = Align.Center; row.style.paddingTop = row.style.paddingBottom = 10; row.style.borderBottomWidth = 1; row.style.borderBottomColor = new Color(1, 1, 1, 0.1f);
            var label = new Label(labelText); label.AddToClassList("rebind-label"); label.style.color = Color.white; row.Add(label);
            var btn = new Button { text = action.GetBindingDisplayString(bindingIndex).ToUpper() }; btn.AddToClassList("rebind-button"); btn.style.width = 150;
            btn.clicked += () => StartRebinding(action, bindingIndex, btn); row.Add(btn);
            return row;
        }

        private void StartRebinding(UnityEngine.InputSystem.InputAction action, int bindingIndex, Button btn)
        {
            btn.text = "> <"; btn.style.color = Color.yellow; action.actionMap.Disable();
            var op = action.PerformInteractiveRebinding(bindingIndex).WithControlsExcluding("<Mouse>/position").WithControlsExcluding("<Mouse>/delta").WithControlsExcluding("<Keyboard>/escape").OnMatchWaitForAnother(0.1f)
                .OnComplete(operation => { btn.text = action.GetBindingDisplayString(bindingIndex).ToUpper(); btn.style.color = Color.white; operation.Dispose(); action.actionMap.Enable(); uiManager.InputReader.SaveBindings(); })
                .OnCancel(operation => { btn.text = action.GetBindingDisplayString(bindingIndex).ToUpper(); btn.style.color = Color.white; operation.Dispose(); action.actionMap.Enable(); });
            op.Start();
        }

        private VisualElement CreateSection(string title) { var label = new Label(title); label.AddToClassList("setting-section-header"); label.style.marginTop = 20; return label; }

        private VisualElement CreateSliderWithInput(string labelText, float min, float max, float startVal, Action<float> OnValueChanged)
        {
            var row = new VisualElement { style = { flexDirection = FlexDirection.Row, alignItems = Align.Center, marginTop = 5, marginBottom = 5 } };
            var label = new Label(labelText) { style = { width = Length.Percent(35) } }; label.AddToClassList("text-body");
            var slider = new Slider(min, max) { value = startVal, style = { flexGrow = 1 } };
            var input = new TextField { value = startVal.ToString("F1"), style = { width = 50, marginLeft = 10 } }; input.AddToClassList("input-field");
            slider.RegisterCallback<PointerEnterEvent>(evt => { _hoveredSlider = slider; _hoveredOnChanged = OnValueChanged; _sliderMin = min; _sliderMax = max; });
            slider.RegisterCallback<PointerLeaveEvent>(evt => { if (_hoveredSlider == slider) { _hoveredSlider = null; _hoveredOnChanged = null; } });
            slider.RegisterValueChangedCallback(evt => { float val = Mathf.Round(evt.newValue * 10f) / 10f; if (input.panel?.focusController?.focusedElement != input.ElementAt(0)) input.value = val.ToString("F1"); OnValueChanged?.Invoke(val); });
            input.RegisterValueChangedCallback(evt => { if (float.TryParse(evt.newValue, out float val)) { slider.value = Mathf.Clamp(val, min, max); OnValueChanged?.Invoke(slider.value); } });
            row.Add(label); row.Add(slider); row.Add(input); return row;
        }

        private void OnKeyDown(KeyDownEvent evt)
        {
            if (_hoveredSlider == null) return;
            float step = (_sliderMax - _sliderMin) / 100f; 
            if (evt.keyCode == KeyCode.LeftArrow) _hoveredSlider.value -= step;
            if (evt.keyCode == KeyCode.RightArrow) _hoveredSlider.value += step;
        }

        public override void Update()
        {
            if (_activeTab == "GENERAL" && _mouseMetricsLabel != null)
            {
                var (polling, latency) = MouseMetricsHelper.GetMetrics();
                _mouseMetricsLabel.text = $"[(report: {polling}/sec latency: {latency:F0}ms)]";
            }
        }

        public override async Task PlayTransitionIn()
        {
            root.style.display = DisplayStyle.Flex;
            _sidebar.style.translate = new StyleTranslate(new Translate(Length.Percent(-100), 0));
            await Tween.Custom(-100f, 0f, duration: 0.4f, ease: Ease.OutQuad, onValueChange: val => _sidebar.style.translate = new StyleTranslate(new Translate(Length.Percent(val), 0)));
        }

        public override async Task PlayTransitionOut()
        {
            await Tween.Custom(0f, -100f, duration: 0.3f, ease: Ease.InQuad, onValueChange: val => _sidebar.style.translate = new StyleTranslate(new Translate(Length.Percent(val), 0)));
            Hide();
        }
    }
}