readme: add Homebrew installation method (#545)

* wlx-capture: avoid busy loop waiting for screencopy events

* wlx-capture: block while waiting for screencopy events

.github/FUNDING.yml

@@ -0,0 +1 @@
+open_collective: wayvr-org

.github/ISSUE_TEMPLATE/bug-report.md

@@ -22,25 +22,28 @@ If this is a regression, please mention which version was working previously.
 **Kernel version**: 
 
 **VR Runtime**:
-- [ ] Monado/WiVRn
+- [ ] Monado
-- [ ] SteamVR/ALVR
+- [ ] WiVRn
+- [ ] ALVR
+- [ ] SteamLink
+- [ ] SteamVR (not SteamLink)
 
 <!-- Run `vulkaninfo --summary` and paste the devices section from the bottom. -->
 **GPU models and driver versions**: 
 
 ## Overlay Logs
 
-<!-- Start the overlay once more with the following environment variables:
+<!-- Start the overlay from terminal, with additional environment variables:
-  RUST_BACKTRACE=full
-  RUST_LOG=debug
-If your issue is graphical or crash or freeze, also add:
-  VK_INSTANCE_LAYERS=VK_LAYER_KHRONOS_validation
 
-Next, create the empty log file: echo > /tmp/wlx.log
+AppImage:
+  RUST_BACKTRACE=full RUST_LOG=debug /path/to/WayVR.AppImage
 
-Be sure to go and reproduce the issue once more, after these have been set.
+System or AUR package:
+  RUST_BACKTRACE=full RUST_LOG=debug wayvr
 
-Upload the log file from: /tmp/wlx.log
+Reproduce the issue once more, while WayVR is running from the terminal.
+
+Upload the log file from: /tmp/wayvr.log
 
 -->
 

.github/workflows/build-all-features.yml

@@ -11,7 +11,7 @@ env:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     defaults:
       run:
         working-directory: ./wayvr

.github/workflows/build-appimage.yml

@@ -15,7 +15,7 @@ env:
   
 jobs:
   build_appimage:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     defaults:
       run:
         working-directory: ./wayvr

.github/workflows/build-default.yml

@@ -11,7 +11,7 @@ env:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     defaults:
       run:
         working-directory: ./wayvr

.github/workflows/build-wayland-openvr.yml

@@ -11,7 +11,7 @@ env:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     defaults:
       run:
         working-directory: ./wayvr

.github/workflows/build-wayland-openxr.yml

@@ -11,7 +11,7 @@ env:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     defaults:
       run:
         working-directory: ./wayvr

.github/workflows/build-x11-openvr.yml

@@ -11,7 +11,7 @@ env:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     defaults:
       run:
         working-directory: ./wayvr

.github/workflows/build-x11-openxr.yml

@@ -11,7 +11,7 @@ env:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     defaults:
       run:
         working-directory: ./wayvr

.github/workflows/make-release.yml

@@ -13,7 +13,7 @@ env:
   
 jobs:
   make_release:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     defaults:
       run:
         working-directory: ./wayvr

.github/workflows/scripts/appimage_prepare_env.sh

@@ -1,7 +1,5 @@
 #!/bin/sh
 
-sudo add-apt-repository -syn universe
-sudo add-apt-repository -syn ppa:pipewire-debian/pipewire-upstream || sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 25088A0359807596
 sudo apt-get update
 sudo apt-get install -y fuse cmake pkg-config fontconfig libasound2-dev libxkbcommon-dev libxkbcommon-x11-0 libxkbcommon-x11-dev libopenxr-dev libfontconfig-dev libdbus-1-dev libpipewire-0.3-0 libpipewire-0.3-dev libspa-0.2-dev libx11-6 libxext6 libxrandr2 libx11-dev libxext-dev libxrandr-dev libopenvr-dev libopenvr-api1 libwayland-dev libegl-dev libxcb-glx0 libxcb-glx0-dev
 rustup update

Cargo.toml

@@ -1,3 +1,42 @@
+[workspace]
+resolver = "3"
+members = [
+  "dash-frontend",
+  "scripts/prost_build",
+  "uidev",
+  "wayvr",
+  "wayvr-ipc",
+  "wayvrctl",
+  "wgui",
+  "wlx-capture",
+  "wlx-common",
+]
+
+[workspace.dependencies]
+anyhow = "1.0.100"
+clap = { version = "4.5.53", features = ["derive"] }
+glam = { version = "0.30.9", features = ["mint", "serde"] }
+idmap = "0.2.2"
+idmap-derive = "0.2.22"
+log = "0.4.29"
+regex = "1.12.2"
+rust-embed = "8.9.0"
+serde = { version = "1", features = ["derive"] }
+serde_json = "1.0.145"
+slotmap = "1.1.1"
+smol = "2.0.2"
+strum = { version = "0.27.2", features = ["derive"] }
+uuid = { version = "1.19.0", features = ["fast-rng", "v4", "serde"] }
+vulkano = { version = "0.35.2", default-features = false, features = [
+  "macros",
+] }
+vulkano-shaders = "0.35.0"
+wayland-client = { version = "0.31.11" }
+xdg = "3.0.0"
+
+[patch.crates-io]
+vulkano = { git = "https://github.com/galister/vulkano.git", rev = "cf7f92867928a56ce16b376037c1120f2b167678" }
+
 [profile.dev]
 opt-level = 1
 debug = true
@@ -19,39 +58,3 @@ incremental = true
 [profile.release-with-debug]
 inherits = "release"
 debug = true
-
-[workspace]
-members = [
-  "uidev",
-  "wgui",
-  "wlx-common",
-  "wayvr",
-  "wlx-capture",
-  "dash-frontend",
-  "wayvr-ipc",
-  "wayvrctl",
-]
-resolver = "3"
-
-[patch.crates-io]
-vulkano = { git = "https://github.com/galister/vulkano.git", rev = "cf7f92867928a56ce16b376037c1120f2b167678" }
-
-[workspace.dependencies]
-anyhow = "1.0.100"
-glam = { version = "0.30.9", features = ["mint", "serde"] }
-clap = { version = "4.5.53", features = ["derive"] }
-xdg = "3.0.0"
-idmap = "0.2.2"
-idmap-derive = "0.2.22"
-log = "0.4.29"
-regex = "1.12.2"
-rust-embed = "8.9.0"
-serde = { version = "1", features = ["derive"] }
-serde_json = "1.0.145"
-slotmap = "1.1.1"
-strum = { version = "0.27.2", features = ["derive"] }
-vulkano = { version = "0.35.2", default-features = false, features = [
-  "macros",
-] }
-vulkano-shaders = "0.35.0"
-wayland-client = { version = "0.31.11" }

README.md

@@ -1,4 +1,4 @@
-![WayVR splash screen header](https://github.com/wlx-team/wayvr/blob/guide/wayvr-readme-header.webp?raw=true)
+![WayVR splash screen header](https://github.com/wayvr-org/wayvr/blob/guide/wayvr-readme-header.webp?raw=true)
 
 # WayVR (previously WlxOverlay-S)
 
@@ -8,13 +8,13 @@ WayVR lets you access your desktop screens while in VR, and even launch apps dir
 
 In comparison to similar overlays, WayVR aims to run alongside VR games and experiences while having as little performance impact as possible. The UI appearance and rendering techniques are kept as simple and efficient as possible, while still allowing a high degree of customizability.
 
-![Screenshot of WayVR being used as an OpenXR home environment](https://github.com/wlx-team/wayvr/blob/guide/wayvr-readme-screenshot.webp?raw=true)
+![Screenshot of WayVR being used as an OpenXR home environment](https://github.com/wayvr-org/wayvr/blob/guide/wayvr-readme-screenshot.webp?raw=true)
 
 ## Join the Linux VR Community
 
 We are available on either **Discord** or **Matrix space**:
 
-[![LVRA Discord](https://img.shields.io/discord/1065291958328758352?style=for-the-badge&logo=discord)](https://discord.gg/EHAYe3tTYa) [![LVRA Matrix](https://img.shields.io/matrix/linux-vr-adventures:matrix.org?logo=matrix&style=for-the-badge)](https://matrix.to/#/#linux-vr-adventures:matrix.org)
+[![LVRA Discord](https://img.shields.io/discord/1065291958328758352?style=for-the-badge/&logo=discord)](https://discord.gg/EHAYe3tTYa) [![LVRA Matrix](https://img.shields.io/matrix/linux-vr-adventures:matrix.org?logo=matrix&style=for-the-badge)](https://matrix.to/#/#linux-vr-adventures:matrix.org)
 
 Questions/issues specific to WayVR will be handled in the `wayvr` chat room. Feel free to ask anything.
 
@@ -24,9 +24,11 @@ Questions/issues specific to WayVR will be handled in the `wayvr` chat room. Fee
 
 There are multiple ways to install WayVR:
 
-1. AppImage: Download from [Releases](https://github.com/wlx-team/wayvr/releases)
+1. AppImage: Download from [Releases](https://github.com/wayvr-org/wayvr/releases)
 1. AUR package: [wayvr](https://aur.archlinux.org/packages/wayvr) or [wayvr-git](https://aur.archlinux.org/packages/wayvr-git)
-1. [Building from source](https://github.com/wlx-team/wayvr/wiki/Building-from-Source).
+1. Nix package: [wayvr](https://search.nixos.org/packages?channel=unstable&show=wayvr&query=wayvr) or [unstable package from nixpkgs-xr](https://github.com/nix-community/nixpkgs-xr)
+1. [Homebrew-XR](https://tangled.org/matrixfurry.com/homebrew-xr) package (for Bazzite, etc.): [wayvr](https://tangled.org/matrixfurry.com/homebrew-xr/#installing-applications)
+1. [Docs: Building from source](https://wayvr.org/docs/basics/building-from-source/).
 
 ### General Setup
 
@@ -39,7 +41,7 @@ There are multiple ways to install WayVR:
 
 For users specifically running **SteamVR via Steam Flatpak**, follow these steps:
 
-1. Grab the latest AppImage from [Releases](https://github.com/wlx-team/wayvr/releases).
+1. Grab the latest AppImage from [Releases](https://github.com/wayvr-org/wayvr/releases).
 1. `WayVR-*.AppImage --appimage-extract`
 1. `chmod +x squashfs-root/AppRun`
 1. Move the newly created `squashfs-root` folder to a location accessible by the Steam Flatpak.
@@ -63,7 +65,7 @@ In case screens were selected in the wrong order:
 **Envision users**: Go to the Plugins menu and select the WayVR plugin. This will download and run the AppImage version of the overlay.
 To run a standalone installation (for instance, from the AUR), create a bash script containing `wayvr --openxr --show` and then set this bash script as a custom Envision plugin.
 
-This will show a home environment with headset passthrough enabled by default or a [customizable background](https://github.com/wlx-team/wayvr/wiki/OpenXR-Skybox)!
+This will show a home environment with headset passthrough enabled by default or a [customizable background](https://wayvr.org/docs/various/openxr-skybox/)!
 
 **SteamVR users**: WayVR will register itself for auto-start, so there is no need to start it every time. Disclaimer: SteamVR will sometimes disregard this and not start WayVR anyway.
 
@@ -130,26 +132,42 @@ Typing
 - While using the ORANGE laser, all keystrokes will have SHIFT applied.
 - Purple laser is customizable via the settings, no modifier by default.
 
-**Modifier Keys** are sticky. They will remain pressed until a non-modifier key is pressed, the modifier gets toggled off, or the keyboard gets hidden.
+**Modifier Keys are sticky**. They will remain pressed until either:
+
+- a non-modifier key is pressed
+- the modifier is toggled off by clicking again
+- the keyboard is hidden (including via show-hide)
 
 ### Default Bindings
 
-![Index Controller Bindings](https://github.com/wlx-team/wayvr/blob/guide/wlx-index.png)
+![Index Controller Bindings](https://github.com/wayvr-org/wayvr/blob/guide/wlx-index.png)
 
-![Touch Controller Bindings](https://github.com/wlx-team/wayvr/blob/guide/wlx-oculus.png)
+![Touch Controller Bindings](https://github.com/wayvr-org/wayvr/blob/guide/wlx-oculus.png)
 
-To customize bindings on OpenXR, refer to the [OpenXR Bindings wiki page](https://github.com/wlx-team/wayvr/wiki/OpenXR-Bindings).
+### Changing Bindings
 
-If your bindings are not supported, please reach out. \
+SteamVR: Simply change the bindings from the SteamVR bindings section. If WayVR doesn't show up on the list, select any other title and then press back on the top left. (SteamVR is weird like that sometimes)
+
+OpenXR (Monado/WiVRn): See [Docs: OpenXR Bindings](https://wayvr.org/docs/various/openxr-bindings/)
+
+If your controllers are not supported, please reach out. \
 We would like to work with you and include additional bindings.
 
+## Customization
+
+See these relevant wiki pages:
+
+- For all available config options, check [Docs: Configuration](https://wayvr.org/docs/basics/configuration/)
+- Looking to customize look & feel, or add functionality? See [Docs: Customization](https://wayvr.org/docs/basics/customization/)
+- Looking to change the OpenXR background? See [Docs: OpenXR Skybox](https://wayvr.org/docs/various/openxr-skybox/)
+
 ## Troubleshooting
 
 When an error is detected, we often print tips for fixing it into the log file.
 
 Logs will be at `/tmp/wayvr.log` for most distros.
 
-Check [here](https://github.com/wlx-team/wayvr/wiki/Troubleshooting) for tips.
+Check [here](https://wayvr.org/docs/various/troubleshooting/) for tips.
 
 ## Known Issues
 

dash-frontend/Cargo.toml

@@ -8,27 +8,26 @@ authors = ["galister", "oo8dev"]
 repository = "https://github.com/wlx-team/wayvr"
 
 [dependencies]
-wayvr-ipc = { path = "../wayvr-ipc", default-features = false }
-wgui = { path = "../wgui/" }
-wlx-common = { path = "../wlx-common" }
-
 anyhow.workspace = true
+async-native-tls = "0.5.0"
+chrono = "0.4.42"
 glam = { workspace = true, features = ["mint", "serde"] }
+http-body-util = "0.1.3"
+hyper = { version = "1.8.1", features = ["client", "http1", "http2"] }
+keyvalues-parser = { git = "https://codeberg.org/CosmicHarper/vdf-rs.git", rev = "fc6dcbea9eb13cacb98dea40063f6f56cde6e145" }
 log.workspace = true
-xdg.workspace = true
 rust-embed.workspace = true
 serde = { workspace = true, features = ["rc"] }
 serde_json.workspace = true
-strum.workspace = true
+smol = { workspace = true }
-
-chrono = "0.4.42"
-keyvalues-parser = { git = "https://github.com/CosmicHorrorDev/vdf-rs.git", rev = "fc6dcbea9eb13cacb98dea40063f6f56cde6e145" }
-smol = "2.0.2"
-hyper = { version = "1.8.1", features = ["client", "http1", "http2"] }
-http-body-util = "0.1.3"
-async-native-tls = "0.5.0"
 smol-hyper = "0.1.1"
+strum.workspace = true
+uuid.workspace = true
+wayvr-ipc = { path = "../wayvr-ipc", default-features = false }
+wgui = { path = "../wgui/" }
+wlx-common = { path = "../wlx-common" }
+xdg.workspace = true
 
 [features]
-default = ["monado" ]
+default = ["monado"]
 monado = []

dash-frontend/assets/dashboard/check.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="#33FF99" d="m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"/></svg>

dash-frontend/assets/dashboard/download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="m12 16l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11zm-6 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z"/></svg>

dash-frontend/assets/dashboard/drag.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="m12 22l-4.25-4.25l1.425-1.425L11 18.15V13H5.875L7.7 14.8l-1.45 1.45L2 12l4.225-4.225L7.65 9.2L5.85 11H11V5.85L9.175 7.675L7.75 6.25L12 2l4.25 4.25l-1.425 1.425L13 5.85V11h5.125L16.3 9.2l1.45-1.45L22 12l-4.25 4.25l-1.425-1.425L18.15 13H13v5.125l1.8-1.825l1.45 1.45z"/></svg>

dash-frontend/assets/dashboard/error.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="#FF4455" d="M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8"/></svg>

dash-frontend/assets/dashboard/gravity.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="gravity.svg"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="23.234375"
+     inkscape:cx="17.861466"
+     inkscape:cy="22.488231"
+     inkscape:window-width="1582"
+     inkscape:window-height="1302"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1" />
+  <!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE -->
+  <!-- Modified it a little bit, there's no "space gravity" icon available. -->
+  <path
+     fill="currentColor"
+     d="m 15.76786,18.274928 -1.391472,0.295932 -0.674684,-2.9751 -3.051267,-0.735557 -2.4062791,-3.292082 -0.8846145,1.824345 1.561484,2.213127 -1.1706157,0.808349 -1.9932655,-2.862487 1.752944,-3.7745856 Q 7.740355,9.2978686 8.2693798,9.1366908 8.7984057,8.9755132 9.3446883,8.9671549 9.9537305,8.9704882 10.547911,8.8283107 11.142091,8.6861403 11.667399,8.364791 12.192707,8.0434408 12.541821,7.5511898 12.890935,7.0589389 13.170167,6.5208564 l 1.228561,0.6477209 q -0.321651,0.575352 -0.696034,1.1164692 -0.374382,0.5411172 -0.890945,0.9726251 -0.466314,0.3718768 -0.998843,0.6112737 -0.532529,0.2393967 -1.117089,0.3386867 L 12,12 l 2.176682,-1.469824 4.352172,0.934365 -0.326914,1.35612 -3.582453,-0.734464 -2.11263,1.442217 2.281549,0.535655 z M 7.5517982,8.9044443 Q 7.0233673,9.1322023 6.4853273,8.9182692 5.9472884,8.7043353 5.7186139,8.1755407 5.4899403,7.6467461 5.7054294,7.108795 5.9209195,6.5708439 6.4475175,6.3423563 6.9741154,6.1138698 7.5149037,6.3288971 8.0556931,6.5439235 8.2807018,7.07126 8.5057095,7.5985974 8.2948017,8.1383704 8.0838948,8.6781445 7.5517982,8.9044443"
+     id="path1"
+     style="stroke-width:0.697484" />
+  <path
+     id="path2"
+     style="fill:none;stroke:currentColor;stroke-width:2.43525;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0, 7.30575"
+     d="M 22.480952,12 C 22.480952,17.78847 17.78847,22.480952 12,22.480952 6.2115299,22.480952 1.5190477,17.78847 1.5190477,12 1.5190475,6.2115298 6.2115298,1.5190477 12,1.5190477 c 0.653263,0 1.292568,0.059766 1.912744,0.1741274 C 18.787854,2.5921561 22.480952,6.8647934 22.480952,12 Z"
+     sodipodi:nodetypes="ssssss" />
+</svg>

dash-frontend/assets/dashboard/loading.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Design Icons by Pictogrammers - https://github.com/Templarian/MaterialDesign/blob/master/LICENSE --><path fill="currentColor" d="M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8"/></svg>

dash-frontend/assets/dashboard/not_a_bug.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE -->
+  <path fill="currentColor" d="M12 19q1.65 0 2.825-1.175T16 15v-4q0-1.65-1.175-2.825T12 7T9.175 8.175T8 11v4q0 1.65 1.175 2.825T12 19m-2-3h4v-2h-4zm0-4h4v-2h-4zm2 9q-1.625 0-3.012-.8T6.8 18H4v-2h2.1q-.075-.5-.088-1T6 14H4v-2h2q0-.5.012-1t.088-1H4V8h2.8q.35-.575.788-1.075T8.6 6.05L7 4.4L8.4 3l2.15 2.15q.7-.225 1.425-.225t1.425.225L15.6 3L17 4.4l-1.65 1.65q.575.375 1.038.862T17.2 8H20v2h-2.1q.075.5.088 1T18 12h2v2h-2q0 .5-.013 1t-.087 1H20v2h-2.8q-.8 1.4-2.187 2.2T12 21" />
+</svg>

dash-frontend/assets/dashboard/trash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z"/></svg>

dash-frontend/assets/gui/dashboard.xml

@@ -86,26 +86,26 @@
           round="8"
           flex_grow="1"
           width="100%"
-          overflow_y="scroll"
+          overflow="scroll"
+          position="relative"
         >
           <!-- radial gradient -->
           <rectangle
             position="absolute" width="100%" height="100%"
             gradient="radial" color="#44BBFF11" color2="#00000000" />
 
-          <div
+          <div overflow_x="scroll" overflow_y="scroll" width="100%" height="100%">
-            id="content"
+            <div
-            flex_direction="column"
+              id="content"
-            overflow_x="scroll"
+              flex_direction="column"
-            overflow_y="scroll"
+              padding="16"
-            padding="16"
+              gap="8"
-            gap="8"
+              width="100%"
-            width="100%"
+              height="100%"
-            min_height="100%"
+            >
-          >
+              <!-- filled-in at runtime -->
-            <!-- filled-in at runtime -->
+            </div>
           </div>
-
           <div position="absolute" id="popup_manager" width="100%" height="100%" />
         </rectangle>
         <!-- BOTTOM PANEL -->

dash-frontend/assets/gui/t_group_box.xml

@@ -11,10 +11,10 @@
     gap="8"
     round="8" />
 
-  <!-- src, text, translation -->
+  <!-- src_builtin, text, translation -->
   <template name="GroupBoxTitle">
     <div flex_direction="row" align_items="center" gap="8">
-      <sprite src="${src}" src_builtin="${src_builtin}" width="24" height="24" />
+      <sprite src_builtin="${src_builtin}" width="24" height="24" />
       <label text="${text}" translation="${translation}" weight="bold" size="18" />
     </div>
     <rectangle color="#FFFFFF44" width="100%" height="2" />

dash-frontend/assets/gui/t_loading.xml

@@ -0,0 +1,16 @@
+<layout>
+  <template name="LoadingWithText">
+    <div id="root" width="100%" height="100%" align_items="center" justify_content="center">
+      <div flex_direction="row" gap="8" align_items="center" >
+        <sprite id="sprite_loading" src_builtin="dashboard/loading.svg" width="32" height="32"/>
+        <label translation="LOADING" weight="bold"/>
+      </div>
+    </div>
+  </template>
+
+  <template name="LoadingWithoutText">
+    <div id="root" width="100%" height="100%" align_items="center" justify_content="center">
+      <sprite id="sprite_loading" src_builtin="dashboard/loading.svg" width="32" height="32"/>
+    </div>
+  </template>
+</layout>

dash-frontend/assets/gui/tab/apps.xml

@@ -44,7 +44,6 @@
       flex_direction="row"
       flex_wrap="wrap"
       gap="4"
-      overflow_y="scroll"
     />
   </elements>
 </layout>

dash-frontend/assets/gui/tab/games.xml

@@ -1,6 +1,6 @@
 <layout>
   <elements>
     <div id="running_games_list_parent" align_self="center" />
-    <div id="game_list_parent" align_items="center" flex_direction="column" gap="8" overflow_y="scroll" />
+    <div id="game_list_parent" align_items="center" flex_direction="column" gap="8" />
   </elements>
 </layout>

dash-frontend/assets/gui/tab/monado.xml

@@ -1,37 +1,14 @@
 <layout>
-  <include src="../t_group_box.xml" />
-
-  <!-- key: str, value: str -->
-  <template name="BoolFlag">
-    <div flex_direction="row" gap="4">
-      <label text="${key}" />
-      <label weight="bold" text="${value}" />
-    </div>
-  </template>
-
-  <!-- name, checked, flag_* -->
-  <template name="Cell">
-    <rectangle macro="group_box">
-      <CheckBox id="checkbox" text="${name}" checked="${checked}" />
-      <div flex_direction="row" gap="8">
-        <BoolFlag key="Active:" value="${flag_active}" />
-        <BoolFlag key="Focused:" value="${flag_focused}" />
-        <BoolFlag key="IO active:" value="${flag_io_active}" />
-        <BoolFlag key="Overlay:" value="${flag_overlay}" />
-        <BoolFlag key="Primary:" value="${flag_primary}" />
-        <BoolFlag key="Visible:" value="${flag_visible}" />
-      </div>
-    </rectangle>
-  </template>
-
   <elements>
-    <label translation="DISPLAY_BRIGHTNESS" />
+    <div gap="4">
-    <Slider id="slider_brightness" width="300" height="24" min_value="0" max_value="140" />
+      <Tabs id="tabs">
-
+        <Tab name="general_settings" translation="GENERAL_SETTINGS" sprite_src_builtin="dashboard/settings.svg" />
-    <label translation="PROCESS_LIST" />
+        <Tab name="process_list" translation="PROCESS_LIST" sprite_src_builtin="dashboard/cpu.svg" />
-    <div id="list_parent" flex_direction="column" gap="8">
+        <Tab name="debug_timings" translation="DEBUG_INFO" sprite_src_builtin="dashboard/not_a_bug.svg" />
-      <!-- filled at runtime -->
+      </Tabs>
+      <div gap="4" id="content" width="100%">
+        <!-- filled-in at runtime -->
+      </div>
     </div>
-
   </elements>
 </layout>

dash-frontend/assets/gui/tab/monado_tab_debug_timings.xml

@@ -0,0 +1,27 @@
+<layout>
+  <include src="../t_group_box.xml" />
+
+  <!-- name, limit_min, limit_max -->
+  <template name="DebugGraph">
+    <rectangle flex_direction="column" align_items="center" gap="8" border="2" color="#ffffff11" color2="#ffffff22" gradient="vertical" border_color="#ffffff33" round="4" padding="4">
+      <label text="${name}" size="9" weight="bold" />
+      <BarGraph id="graph" width="180" height="70" unit="ms" limit_min="${limit_min}" limit_max="${limit_max}" capacity="50" />
+    </rectangle>
+  </template>
+
+  <!-- text -->
+  <template name="SessionButton">
+    <Button id="button" text="${text}" />
+  </template>
+
+  <elements>
+    <rectangle macro="group_box">
+      <GroupBoxTitle src_builtin="dashboard/apps.svg" text="Sessions" />
+      <div id="session_list_parent" flex_wrap="wrap" flex_direction="row" gap="8" />
+      <GroupBoxTitle src_builtin="dashboard/not_a_bug.svg" text="Debug timings" />
+      <div id="timings_parent" flex_wrap="wrap" flex_direction="row" gap="8">
+        <label text="Please select which session you want to monitor" />
+      </div>
+    </rectangle>
+  </elements>
+</layout>

dash-frontend/assets/gui/tab/monado_tab_general_settings.xml

@@ -0,0 +1,56 @@
+<layout>
+  <include src="../t_group_box.xml" />
+
+  <macro name="slider" width="100%" height="24"/>
+
+  <theme>
+    <var key="s_width" value="500"/>
+  </theme>
+
+  <elements>
+    <div flex_direction="column" gap="8">
+      <rectangle macro="group_box">
+        <GroupBoxTitle src_builtin="dashboard/settings.svg" translation="GENERAL_SETTINGS" />
+
+        <label translation="DISPLAY_BRIGHTNESS" />
+        <Slider id="slider_brightness" width="300" height="24" min_value="0" max_value="140" />
+      </rectangle>
+      <rectangle macro="group_box">
+        <GroupBoxTitle src_builtin="dashboard/settings.svg" translation="APP_SETTINGS.COLOR_KEYING" />
+        <div gap="8" width="~s_width">
+          <div gap="8" flex_direction="column" width="100%">
+            <label text="Color"/>
+            <ColorSelector id="cs_keying" height="24" width="100%"/>
+          </div>
+
+          <div gap="8" flex_direction="column" width="100%">
+            <label text="Despill"/>
+            <Slider id="slider_keying_despill" min_value="0" max_value="100" macro="slider"/>
+          </div>
+    
+          <div gap="8" flex_direction="column" width="100%">
+            <label text="Curve (0 = disabled)"/>
+            <Slider id="slider_keying_curve" min_value="0" max_value="100" macro="slider"/>
+          </div>
+        </div>
+
+        <div gap="8" width="~s_width">
+          <div gap="8" flex_direction="column" width="100%">
+            <label text="Hue range"/>
+            <Slider id="slider_keying_hue_range" min_value="0" max_value="100" macro="slider"/>
+          </div>
+    
+          <div gap="8" flex_direction="column" width="100%">
+            <label text="Saturation range"/>
+            <Slider id="slider_keying_saturation_range" min_value="0" max_value="100" macro="slider"/>
+          </div>
+
+          <div gap="8" flex_direction="column" width="100%">
+            <label text="Value range"/>
+            <Slider id="slider_keying_value_range" min_value="0" max_value="100" macro="slider"/>
+          </div>
+        </div>
+      </rectangle>
+    </div>
+  </elements>
+</layout>

dash-frontend/assets/gui/tab/monado_tab_process_list.xml

@@ -0,0 +1,35 @@
+<layout>
+  <include src="../t_group_box.xml" />
+
+  <!-- key: str, value: str -->
+  <template name="BoolFlag">
+    <div flex_direction="row" gap="4">
+      <label text="${key}" />
+      <label weight="bold" text="${value}" />
+    </div>
+  </template>
+
+  <!-- name, checked, flag_* -->
+  <template name="Cell">
+    <rectangle macro="group_box">
+      <CheckBox id="checkbox" text="${name}" checked="${checked}" />
+      <div flex_direction="row" gap="8" flex_wrap="wrap">
+        <BoolFlag key="Active:" value="${flag_active}" />
+        <BoolFlag key="Focused:" value="${flag_focused}" />
+        <BoolFlag key="IO active:" value="${flag_io_active}" />
+        <BoolFlag key="Overlay:" value="${flag_overlay}" />
+        <BoolFlag key="Primary:" value="${flag_primary}" />
+        <BoolFlag key="Visible:" value="${flag_visible}" />
+      </div>
+    </rectangle>
+  </template>
+
+  <elements>
+    <rectangle macro="group_box">
+      <GroupBoxTitle src_builtin="dashboard/cpu.svg" translation="PROCESS_LIST" />
+      <div id="list_parent" flex_direction="column" gap="8">
+        <!-- filled at runtime -->
+      </div>
+    </rectangle>
+  </elements>
+</layout>

dash-frontend/assets/gui/tab/settings.xml

@@ -13,8 +13,13 @@
   </template>
 
   <template name="SliderSetting">
-    <label text="${text}" translation="${translation}" />
+    <Slider id="${id}" width="200" height="24" min_value="${min}" max_value="${max}" step="${step}" value="${value}" tooltip="${tooltip}" />
-    <Slider id="${id}" width="250" height="24" min_value="${min}" max_value="${max}" step="${step}" value="${value}" tooltip="${tooltip}" />
+    <label text="${text}" weight="bold" translation="${translation}" />
+  </template>
+
+  <template name="RangeSetting">
+    <Slider id="${id}" width="200" height="24" min_value="${min}" max_value="${max}" step="${step}" value="${value}" value2="${value2}" tooltip="${tooltip}" />
+    <label text="${text}" weight="bold" translation="${translation}" />
   </template>
 
   <template name="SelectSetting">
@@ -48,13 +53,17 @@
     <div gap="4">
       <Tabs id="tabs">
         <Tab name="look_and_feel" translation="APP_SETTINGS.LOOK_AND_FEEL" sprite_src_builtin="dashboard/palette.svg" />
+        <Tab name="skybox" translation="APP_SETTINGS.SKYBOX" sprite_src_builtin="dashboard/globe.svg" />
         <Tab name="features" translation="APP_SETTINGS.FEATURES" sprite_src_builtin="dashboard/options.svg" />
         <Tab name="controls" translation="APP_SETTINGS.CONTROLS" sprite_src_builtin="dashboard/controller.svg" />
+        <Tab name="space_drag" translation="APP_SETTINGS.SPACE_DRAG" sprite_src_builtin="dashboard/drag.svg" />
         <Tab name="misc" translation="APP_SETTINGS.MISC" sprite_src_builtin="dashboard/blocks.svg" />
         <Tab name="autostart_apps" translation="APP_SETTINGS.AUTOSTART_APPS" sprite_src_builtin="dashboard/apps.svg" />
         <Tab name="troubleshooting" translation="APP_SETTINGS.TROUBLESHOOTING" sprite_src_builtin="dashboard/cpu.svg" />
       </Tabs>
-      <div flex_wrap="wrap" justify_content="stretch" gap="4" id="settings_root" width="100%" />
+      <div flex_wrap="wrap" justify_content="stretch" gap="4" id="settings_root" width="100%">
+        <!-- filled-in at runtime -->
+      </div>
     </div>
   </elements>
 </layout>

dash-frontend/assets/gui/tab/settings_tab_space_drag.xml

@@ -0,0 +1,14 @@
+<layout>
+  <include src="../t_group_box.xml" />
+
+  <elements>
+    <div id="common_options_parent" flex_direction="column" gap="8"/>
+    <rectangle macro="group_box">
+      <GroupBoxTitle src_builtin="dashboard/gravity.svg" translation="APP_SETTINGS.SPACE_GRAVITY_GRAVITY" />
+      <div id="gravity_enabled_parent"/>
+      <div id="space_gravity_parent" flex_direction="column" gap="8">
+        <!-- filled-in at runtime -->
+      </div>
+    </rectangle>
+  </elements>
+</layout>

dash-frontend/assets/gui/view/audio_settings.xml

@@ -1,16 +1,16 @@
 <layout>
-  <include src="../t_group_box.xml" />
+  <include src_builtin="../t_group_box.xml" />
 
   <!-- device_name, device_icon -->
   <template name="DeviceSlider">
     <rectangle macro="group_box">
       <div width="100%" align_items="center" justify_content="center" gap="8">
-        <sprite src="${device_icon}" width="16" height="16" />
+        <sprite src_builtin="${device_icon}" width="16" height="16" />
         <label text="${device_name}" margin_right="8" size="12" weight="bold" />
       </div>
       <div width="100%" align_items="center">
         <CheckBox id="checkbox" />
-        <Button sprite_src="${volume_icon}" id="btn_mute" width="32" />
+        <Button sprite_src_builtin="${volume_icon}" id="btn_mute" width="32" />
         <Slider id="slider" flex_grow="1" height="16" min_value="0" max_value="150" margin_left="8" />
       </div>
     </rectangle>
@@ -41,7 +41,7 @@
       flex_grow="1"
       id="${id}"
       translation="${translation}"
-      sprite_src="${src}">
+      sprite_src_builtin="${src}">
     </Button>
   </template>
 

dash-frontend/assets/gui/view/dialog_box.xml

@@ -0,0 +1,15 @@
+<layout>
+  <template name="DialogBoxButton">
+    <Button id="btn" translation="CLOSE_WINDOW" align_self="start" sprite_src_builtin="${icon}"/>
+  </template>
+  
+  <elements>
+    <div flex_direction="column" align_items="center" justify_content="center" width="100%" gap="32">
+      <label id="label_message" size="18" weight="bold"/>
+
+      <div id="buttons" gap="8">
+        <!-- filled-in at runtime -->
+      </div>
+    </div>
+  </elements>
+</layout>

dash-frontend/assets/gui/view/download_file.xml

@@ -0,0 +1,22 @@
+<layout>
+  <include src="../t_separator.xml"/>
+
+  <template name="btn_close">
+    <Button id="btn" translation="CLOSE_WINDOW" align_self="start" sprite_src_builtin="dashboard/check.svg"/>
+  </template>
+  
+  <elements>
+    <div align_items="center" justify_content="center" width="100%">
+      <div id="content" flex_direction="column" gap="8" width="100%">
+        <label translation="DOWNLOADING_FILE" size="24" weight="bold"/>
+        <Separator/>
+        <label id="label_target_path" color="~color_text_translucent" />
+
+        <div gap="8" align_items="center">
+          <div id="loading_parent"/>
+          <label id="label_status"/>
+        </div>
+      </div>
+    </div>
+  </elements>
+</layout>

dash-frontend/assets/gui/view/popup_window.xml

@@ -9,6 +9,7 @@
       width="100%"
       height="100%"
       flex_direction="column"
+      position="absolute"
     >
       <!-- Top black bar -->
       <rectangle
@@ -32,13 +33,17 @@
         </div>
       </rectangle>
 
-      <!-- Content -->
+      <rectangle
-      <rectangle height="100%"
+        width="100%"
+        height="100%"
         color="#010310fe"
         color2="#051c55fc"
         gradient="vertical"
-        padding="16"
+        position="relative"
-        id="content">
+      >
+        <div id="content" padding="16" width="100%" height="100%" position="absolute" overflow_y="scroll">
+          <!-- Content, filled-in at runtime -->
+        </div>      
       </rectangle>
     </div>
   </elements>

dash-frontend/assets/gui/view/remote_skymap_downloader.xml

@@ -0,0 +1,36 @@
+<layout>
+
+  <!--
+  parameters:
+    "text"
+    "sprite"
+  
+  ids:
+    "button"
+  -->
+  <template name="ResolutionButton">
+    <Button id="button" sprite_src_builtin="${sprite}" text="${text}"/>
+  </template>
+
+  <include src="../t_separator.xml"/>
+
+  <elements>
+    <div gap="8" flex_direction="column" min_width="100%" overflow_y="scroll">
+      <div gap="8" flex_direction="column" align_items="center">
+        <div id="resolution_buttons" gap="8" flex_direction="row">
+          <!-- filled-in at runtime -->
+        </div>
+        <image id="image" width="400" height="200" round="8" border="2" border_color="~color_accent"/>
+        <label id="label_author" weight="bold"/>
+        <label id="label_description" wrap="1"/>
+        <Separator/>
+        <!-- nerdy stuff below -->
+        <div gap="24" justify_content="center">
+          <label size="10" id="label_creation_date"/>
+          <label size="10" id="label_modification_date"/>
+          <label size="10" id="label_version"/>
+        </div>
+      </div>
+    </div>
+  </elements>
+</layout>

dash-frontend/assets/gui/view/remote_skymap_list.xml

@@ -0,0 +1,7 @@
+<layout>
+  <elements>
+    <div id="list" gap="8" flex_wrap="wrap" align_self="baseline">
+      <!-- filled-in at runtime -->
+    </div>
+  </elements>
+</layout>

dash-frontend/assets/gui/view/skymap_list.xml

@@ -0,0 +1,11 @@
+<layout>
+  <elements>
+    <div flex_direction="column" gap="8" width="100%" align_items="center">
+      <div flex_direction="row" gap="4" align_self="end">
+        <Button id="btn_refresh" tooltip="RELOAD_FROM_DISK" width="32" height="32" sprite_src_builtin="dashboard/refresh.svg" />
+        <Button id="btn_download_skymaps" height="32" translation="APP_SETTINGS.BROWSE_ONLINE_CATALOG" sprite_src_builtin="dashboard/download.svg"/>
+      </div>
+      <div id="list_parent" gap="8" flex_direction="row" flex_wrap="wrap" />
+    </div>
+  </elements>
+</layout>

dash-frontend/assets/gui/view/skymap_list_cell.xml

@@ -0,0 +1,40 @@
+<layout>
+
+  <!--
+  ids:
+    "button"
+    "image_preview"
+    "label_title"
+    "label_desc"
+  -->
+  <template name="Cell">
+    <Button
+      id="button"
+      padding="8"
+      round="8"
+      flex_direction="column"
+      gap="4"
+      width="256"
+      align_items="center"
+      align_self="start">
+      <image id="image_preview" width="100%" height="128" round="6">
+        <!-- new_pass is required, because we need to render rectangles at the top of the image. Sorry. -->
+        <div new_pass="1" id="resolution_pips" gap="4" margin="6"/>
+      </image>
+      <label id="label_title" wrap="1" weight="bold"/>
+      <label id="label_author" wrap="1"/>
+    </Button>
+  </template>
+
+  <!--
+
+  params:
+    "color"
+    "text"
+  -->
+  <template name="ResolutionPip">
+    <rectangle color="${color}" padding_left="4" padding_right="4" padding_top="2" padding_bottom="2" round="3" align_self="start">
+      <label text="${text}" weight="bold" size="12" shadow="#000000" shadow_x="2" shadow_y="2"/>
+    </rectangle>
+  </template>
+</layout>

dash-frontend/assets/lang/de.json

@@ -1,160 +1,162 @@
 {
-  "HOME_SCREEN": "Startbildschirm",
+	"HOME_SCREEN": "Startbildschirm",
-  "MONADO_RUNTIME": "Monado-Laufzeitumgebung",
+	"MONADO_RUNTIME": "Monado-Laufzeitumgebung",
-  "APPLICATIONS": "Anwendungen",
+	"APPLICATIONS": "Anwendungen",
-  "GAMES": "Spiele",
+	"GAMES": "Spiele",
-  "SETTINGS": "Einstellungen",
+	"SETTINGS": "Einstellungen",
-  "HELLO_USER": "Hallo, {USER}!",
+	"HELLO_USER": "Hallo, {USER}!",
-  "GENERAL_SETTINGS": "Allgemeine Einstellungen",
+	"GENERAL_SETTINGS": "Allgemeine Einstellungen",
-  "APPLICATION_LAUNCHER": "Anwendung Launcher",
+	"APPLICATION_LAUNCHER": "Anwendung Launcher",
-  "APP_SETTINGS": {
+	"APP_SETTINGS": {
-    "HIDE_USERNAME": "Benutzernamen ausblenden",
+		"HIDE_USERNAME": "Benutzernamen ausblenden",
-    "OPAQUE_BACKGROUND": "Undurchsichtiger Hintergrund",
+		"OPAQUE_BACKGROUND": "Undurchsichtiger Hintergrund",
-    "WLX": {},
+		"LOOK_AND_FEEL": "Aussehen und Verhalten",
-    "LOOK_AND_FEEL": "Aussehen und Verhalten",
+		"HIDE_GRAB_HELP": "Greif-Hilfe ausblenden",
-    "HIDE_GRAB_HELP": "Greif-Hilfe ausblenden",
+		"ANIMATION_SPEED": "UI-Animationsgeschwindigkeit",
-    "ANIMATION_SPEED": "UI-Animationsgeschwindigkeit",
+		"ROUND_MULTIPLIER": "UI-Kantenrundung",
-    "ROUND_MULTIPLIER": "UI-Kantenrundung",
+		"USE_SKYBOX": "Skybox aktivieren",
-    "USE_SKYBOX": "Skybox aktivieren",
+		"USE_PASSTHROUGH": "Passthrough aktivieren",
-    "USE_PASSTHROUGH": "Passthrough aktivieren",
+		"CLOCK_12H": "12-Stunden-Uhr",
-    "CLOCK_12H": "12-Stunden-Uhr",
+		"FEATURES": "Funktionen",
-    "FEATURES": "Funktionen",
+		"NOTIFICATIONS_ENABLED": "Benachrichtigungen aktivieren",
-    "NOTIFICATIONS_ENABLED": "Benachrichtigungen aktivieren",
+		"NOTIFICATIONS_SOUND_ENABLED": "Benachrichtigungstöne",
-    "NOTIFICATIONS_SOUND_ENABLED": "Benachrichtigungstöne",
+		"KEYBOARD_SOUND_ENABLED": "Tastengeräusche",
-    "KEYBOARD_SOUND_ENABLED": "Tastengeräusche",
+		"SPACE_DRAG_MULTIPLIER": "Raum-Drag-Multiplikator",
-    "SPACE_DRAG_MULTIPLIER": "Raum-Drag-Multiplikator",
+		"SPACE_DRAG_UNLOCKED": "Erlaube Space-Drag auf allen Achsen",
-    "SPACE_DRAG_UNLOCKED": "Erlaube Space-Drag auf allen Achsen",
+		"SPACE_ROTATE_UNLOCKED": "Erlaube Drehungen in allen Achsen",
-    "SPACE_ROTATE_UNLOCKED": "Erlaube Drehungen in allen Achsen",
+		"BLOCK_GAME_INPUT": "Spieleingabe blockieren",
-    "BLOCK_GAME_INPUT": "Spieleingabe blockieren",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH": "Ignoriere Watch beim Blockieren der Eingabe",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH": "Ignoriere Watch beim Blockieren der Eingabe",
+		"CONTROLS": "Steuerung",
-    "CONTROLS": "Steuerung",
+		"FOCUS_FOLLOWS_MOUSE_MODE": "Mausbewegung bei Triggerberührung",
-    "FOCUS_FOLLOWS_MOUSE_MODE": "Mausbewegung bei Triggerberührung",
+		"LEFT_HANDED_MOUSE": "Linkshändige Maus",
-    "LEFT_HANDED_MOUSE": "Linkshändige Maus",
+		"ALLOW_SLIDING": "Stabinteraktion während des Greifens",
-    "ALLOW_SLIDING": "Stabinteraktion während des Greifens",
+		"INVERT_SCROLL_DIRECTION_X": "Horizontale Scrollrichtung umkehren",
-    "INVERT_SCROLL_DIRECTION_X": "Horizontale Scrollrichtung umkehren",
+		"INVERT_SCROLL_DIRECTION_Y": "Vertikale Bildlaufrichtung umkehren",
-    "INVERT_SCROLL_DIRECTION_Y": "Vertikale Bildlaufrichtung umkehren",
+		"SCROLL_SPEED": "Scrollgeschwindigkeit",
-    "SCROLL_SPEED": "Scrollgeschwindigkeit",
+		"LONG_PRESS_DURATION": "Dauer für lange Drückvorgänge",
-    "LONG_PRESS_DURATION": "Dauer für lange Drückvorgänge",
+		"POINTER_LERP_FACTOR": "Zeigerglättung",
-    "POINTER_LERP_FACTOR": "Zeigerglättung",
+		"CLICK_FREEZE_TIME_MS": "Klick-Freeze-Zeit (ms)",
-    "XR_CLICK_SENSITIVITY": "XR-Klicksensitivität",
+		"MISC": "Verschiedenes",
-    "XR_CLICK_SENSITIVITY_RELEASE": "XR-Loslassempfindlichkeit",
+		"XWAYLAND_BY_DEFAULT": "Standardmäßig Apps im Kompatibilitätsmodus ausführen",
-    "CLICK_FREEZE_TIME_MS": "Klick-Freeze-Zeit (ms)",
+		"UPRIGHT_SCREEN_FIX": "Bildschirm-Drehkorrektur",
-    "MISC": "Verschiedenes",
+		"DOUBLE_CURSOR_FIX": "Doppelter Cursor Fix",
-    "XWAYLAND_BY_DEFAULT": "Standardmäßig Apps im Kompatibilitätsmodus ausführen",
+		"SCREEN_RENDER_DOWN": "Bildschirm bei niedrigerer Auflösung rendern",
-    "UPRIGHT_SCREEN_FIX": "Bildschirm-Drehkorrektur",
+		"UPRIGHT_SCREEN_FIX_HELP": "Behebt hochstehende Bildschirme auf einigen Desktops",
-    "DOUBLE_CURSOR_FIX": "Doppelter Cursor Fix",
+		"DOUBLE_CURSOR_FIX_HELP": "Aktivieren Sie dies, wenn Sie 2 Cursor sehen",
-    "SCREEN_RENDER_DOWN": "Bildschirm bei niedrigerer Auflösung rendern",
+		"CLICK_FREEZE_TIME_MS_HELP": "Hilft bei der Präzision von Doppelklicks",
-    "UPRIGHT_SCREEN_FIX_HELP": "Behebt hochstehende Bildschirme auf einigen Desktops",
+		"LEFT_HANDED_MOUSE_HELP": "Verwenden Sie diese Option, wenn die Maustasten vertauscht sind",
-    "DOUBLE_CURSOR_FIX_HELP": "Aktivieren Sie dies, wenn Sie 2 Cursor sehen",
+		"BLOCK_GAME_INPUT_HELP": "Blockiert alle Eingaben, wenn ein Overlay angefahren wird",
-    "XR_CLICK_SENSITIVITY_HELP": "Analoge Trigger-Empfindlichkeit",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "Blockiere die Eingabe nicht, wenn die Überwachung aktiviert ist",
-    "XR_CLICK_SENSITIVITY_RELEASE_HELP": "Muss niedriger als Klick sein",
+		"USE_SKYBOX_HELP": "Zeige einen Skybox, wenn keine Szenen-App oder Passthrough vorhanden ist",
-    "CLICK_FREEZE_TIME_MS_HELP": "Hilft bei der Präzision von Doppelklicks",
+		"USE_PASSTHROUGH_HELP": "Aktiviere Passthrough, falls die XR-Laufzeitumgebung dies unterstützt",
-    "LEFT_HANDED_MOUSE_HELP": "Verwenden Sie diese Option, wenn die Maustasten vertauscht sind",
+		"SCREEN_RENDER_DOWN_HELP": "Hilft bei Aliasing auf hochauflösenden Bildschirmen",
-    "BLOCK_GAME_INPUT_HELP": "Blockiert alle Eingaben, wenn ein Overlay angefahren wird",
+		"SETS_ON_WATCH": "Sets auf der Watch",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "Blockiere die Eingabe nicht, wenn die Überwachung aktiviert ist",
+		"TROUBLESHOOTING": "Fehlerbehebung",
-    "USE_SKYBOX_HELP": "Zeige einen Skybox, wenn keine Szenen-App oder Passthrough vorhanden ist",
+		"CLEAR_SAVED_STATE": "Gespeicherten Zustand löschen",
-    "USE_PASSTHROUGH_HELP": "Aktiviere Passthrough, falls die XR-Laufzeitumgebung dies unterstützt",
+		"CLEAR_PIPEWIRE_TOKENS": "PipeWire Tokens löschen",
-    "SCREEN_RENDER_DOWN_HELP": "Hilft bei Aliasing auf hochauflösenden Bildschirmen",
+		"DELETE_ALL_CONFIGS": "Konfiguration löschen",
-    "SETS_ON_WATCH": "Sets auf der Watch",
+		"RESTART_SOFTWARE": "Software neu starten",
-    "TROUBLESHOOTING": "Fehlerbehebung",
+		"CLEAR_SAVED_STATE_HELP": "Sets und Overlay-Positionen zurücksetzen",
-    "CLEAR_SAVED_STATE": "Gespeicherten Zustand löschen",
+		"CLEAR_PIPEWIRE_TOKENS_HELP": "Bildschirmauswahl beim nächsten Start abfragen",
-    "CLEAR_PIPEWIRE_TOKENS": "PipeWire Tokens löschen",
+		"DELETE_ALL_CONFIGS_HELP": "Entfernen Sie alle Konfigurationsdateien aus conf.d",
-    "DELETE_ALL_CONFIGS": "Konfiguration löschen",
+		"RESTART_SOFTWARE_HELP": "Einstellungen anwenden, die einen Neustart erfordern",
-    "RESTART_SOFTWARE": "Software neu starten",
+		"CAPTURE_METHOD": "Wayland-Bildschirmaufnahme",
-    "CLEAR_SAVED_STATE_HELP": "Sets und Overlay-Positionen zurücksetzen",
+		"CAPTURE_METHOD_HELP": "Versuchen Sie, dies zu ändern, wenn Sie\nschwarze oder fehlerhafte Bildschirme erleben",
-    "CLEAR_PIPEWIRE_TOKENS_HELP": "Bildschirmauswahl beim nächsten Start abfragen",
+		"KEYBOARD_MIDDLE_CLICK": "Keyboard-Mittelklick",
-    "DELETE_ALL_CONFIGS_HELP": "Entfernen Sie alle Konfigurationsdateien aus conf.d",
+		"KEYBOARD_MIDDLE_CLICK_HELP": "Modifikator bei Eingabe mit violettem Laser",
-    "RESTART_SOFTWARE_HELP": "Einstellungen anwenden, die einen Neustart erfordern",
+		"OPTION": {
-    "CAPTURE_METHOD": "Wayland-Bildschirmaufnahme",
+			"AUTO": "Automatisch",
-    "CAPTURE_METHOD_HELP": "Versuchen Sie, dies zu ändern, wenn Sie\nschwarze oder fehlerhafte Bildschirme erleben",
+			"AUTO_HELP": "Bildschirmkopie GPU falls unterstützt,\nansonsten PipeWire GPU.",
-    "KEYBOARD_MIDDLE_CLICK": "Keyboard-Mittelklick",
+			"PIPEWIRE_HELP": "Schnelle GPU-Erfassung,\nStandard auf allen Desktops.",
-    "KEYBOARD_MIDDLE_CLICK_HELP": "Modifikator bei Eingabe mit violettem Laser",
+			"PW_FALLBACK_HELP": "Langsame Methode mit hoher CPU-Auslastung.\nVersuchen Sie es, falls PipeWire GPU nicht funktioniert.",
-    "OPTION": {
+			"SCREENCOPY_GPU_HELP": "Schnell, keine Bildschirmfreigabe-Popups.\nFunktioniert mit: Hyprland, Niri, River, Sway",
-      "AUTO": "Automatisch",
+			"SCREENCOPY_HELP": "Langsam, keine Bildschirmfreigabe-Popups.\nFunktioniert mit: Hyprland, Niri, River, Sway",
-      "AUTO_HELP": "Bildschirmkopie GPU falls unterstützt,\nansonsten PipeWire GPU.",
+			"NONE": "Keine",
-      "PIPEWIRE_HELP": "Schnelle GPU-Erfassung,\nStandard auf allen Desktops.",
+			"HMD_PINCH": "HMD + Kneifen",
-      "PW_FALLBACK_HELP": "Langsame Methode mit hoher CPU-Auslastung.\nVersuchen Sie es, falls PipeWire GPU nicht funktioniert.",
+			"EYE_PINCH": "Auge + Kneifen",
-      "SCREENCOPY_GPU_HELP": "Schnell, keine Bildschirmfreigabe-Popups.\nFunktioniert mit: Hyprland, Niri, River, Sway",
+			"EYE_ONLY": "Nur Auge",
-      "SCREENCOPY_HELP": "Langsam, keine Bildschirmfreigabe-Popups.\nFunktioniert mit: Hyprland, Niri, River, Sway",
+			"HMD_ONLY": "Nur HMD"
-      "NONE": "Keine",
+		},
-      "HMD_PINCH": "HMD + Kneifen",
+		"AUTOSTART_APPS": "Anwendungen, die beim Start ausgeführt werden sollen",
-      "EYE_PINCH": "Auge + Kneifen",
+		"HANDSFREE_POINTER": "Freihändige Modus",
-      "EYE_ONLY": "Nur Auge",
+		"HANDSFREE_POINTER_HELP": "Eingabe, die bei Bewegung\nder Controller verwendet wird, wenn diese nicht verfügbar sind.\nLinkes Kneifen greift, rechtes klickt.",
-      "HMD_ONLY": "Nur HMD"
+		"UI_GRADIENT_INTENSITY": "UI-Verlaufsintensität",
-    },
+		"RESET_PLAYSPACE": "Spielbereich zurücksetzen",
-    "AUTOSTART_APPS": "Anwendungen, die beim Start ausgeführt werden sollen",
+		"RESET_PLAYSPACE_HELP": "Den Abstand des Spielbereichs zurücksetzen.",
-    "HANDSFREE_POINTER": "Freihändige Modus",
+		"BLOCK_POSES_ON_KBD_INTERACTION": "Posen beim Interagieren mit der Tastatur blockieren",
-    "HANDSFREE_POINTER_HELP": "Eingabe, die bei Bewegung\nder Controller verwendet wird, wenn diese nicht verfügbar sind.\nLinkes Kneifen greift, rechtes klickt.",
+		"BLOCK_POSES_ON_KBD_INTERACTION_HELP": "Verhindert, dass das Spiel Posen empfängt, wenn die Tastatur angefahren wird und „Spieleingabe blockieren“ aktiviert ist",
-    "UI_GRADIENT_INTENSITY": "UI-Verlaufsintensität",
+		"LANGUAGE": "Sprache",
-    "RESET_PLAYSPACE": "Spielbereich zurücksetzen",
+		"REQUIRES_RESTART": "Erfordert Neustart",
-    "RESET_PLAYSPACE_HELP": "Den Abstand des Spielbereichs zurücksetzen."
+		"GRID_OPACITY": "Bodenraster-Undurchsichtigkeit",
-  },
+		"GRID_OPACITY_HELP": "Undurchsichtigkeit des Bodenrasters, wenn der Skybox aktiviert ist"
-  "HELLO": "Hallo!",
+	},
-  "AUDIO": {
+	"HELLO": "Hallo!",
-    "VOLUME": "Lautstärke",
+	"AUDIO": {
-    "SETTINGS": "Audioeinstellungen",
+		"VOLUME": "Lautstärke",
-    "AUTO_SWITCH_TO_VR_AUDIO": "Automatisch auf VR-Audio umschalten",
+		"SETTINGS": "Audioeinstellungen",
-    "SPEAKERS": "Lautsprecher",
+		"AUTO_SWITCH_TO_VR_AUDIO": "Automatisch auf VR-Audio umschalten",
-    "MICROPHONES": "Mikrofone",
+		"SPEAKERS": "Lautsprecher",
-    "CARDS": "Sound-Karten",
+		"MICROPHONES": "Mikrofone",
-    "SELECT_AUDIO_CARD_PROFILE": "Wählen Sie das Sound-Kartenprofil",
+		"CARDS": "Sound-Karten",
-    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "Keine VR-Lautsprecher gefunden. Schalten Sie diese manuell um.",
+		"SELECT_AUDIO_CARD_PROFILE": "Wählen Sie das Sound-Kartenprofil",
-    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "Kein VR-Mikrofon gefunden. Schalten Sie es manuell um.",
+		"NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "Keine VR-Lautsprecher gefunden. Schalten Sie diese manuell um.",
-    "FAILED_TO_SWITCH_MICROPHONE": "Fehler beim Wechseln des Mikrofons",
+		"NO_VR_MICROPHONE_SWITCH_MANUALLY": "Kein VR-Mikrofon gefunden. Schalten Sie es manuell um.",
-    "MICROPHONE_SET_SUCCESSFULLY": "Mikrofon erfolgreich umgeschaltet",
+		"FAILED_TO_SWITCH_MICROPHONE": "Fehler beim Wechseln des Mikrofons",
-    "SPEAKERS_SET_SUCCESSFULLY": "Lautsprecher erfolgreich umgeschaltet"
+		"MICROPHONE_SET_SUCCESSFULLY": "Mikrofon erfolgreich umgeschaltet",
-  },
+		"SPEAKERS_SET_SUCCESSFULLY": "Lautsprecher erfolgreich umgeschaltet"
-  "ACTIONS": {
+	},
-    "RECENTER_PLAYSPACE": "Playspace neu zentrieren"
+	"ACTIONS": {
-  },
+		"RECENTER_PLAYSPACE": "Playspace neu zentrieren"
-  "POPUP_ADD_DISPLAY": {
+	},
-    "RESOLUTION": "Auflösung"
+	"POPUP_ADD_DISPLAY": {
-  },
+		"RESOLUTION": "Auflösung"
-  "WIDTH": "Breite",
+	},
-  "HEIGHT": "Höhe",
+	"WIDTH": "Breite",
-  "HIDE": "Verbergen",
+	"HEIGHT": "Höhe",
-  "REMOVE": "Entfernen",
+	"HIDE": "Verbergen",
-  "SHOW": "Anzeigen",
+	"REMOVE": "Entfernen",
-  "FAILED_TO_LAUNCH_APPLICATION": "Fehler beim Starten der Anwendung:",
+	"SHOW": "Anzeigen",
-  "APPLICATION_STARTED": "Anwendung gestartet",
+	"FAILED_TO_LAUNCH_APPLICATION": "Fehler beim Starten der Anwendung:",
-  "CLOSE_WINDOW": "Fenster schließen",
+	"APPLICATION_STARTED": "Anwendung gestartet",
-  "GAME_LIST": {
+	"CLOSE_WINDOW": "Fenster schließen",
-    "NO_GAMES_FOUND": "Keine Spiele gefunden",
+	"GAME_LIST": {
-    "RUNNING_GAMES_LIST": "Liste der laufenden Spiele"
+		"NO_GAMES_FOUND": "Keine Spiele gefunden",
-  },
+		"RUNNING_GAMES_LIST": "Liste der laufenden Spiele"
-  "TERMINATE_PROCESS": "Prozess beenden",
+	},
-  "GAME_LAUNCHED": "Spiel gestartet",
+	"TERMINATE_PROCESS": "Prozess beenden",
-  "APP_LAUNCHER": {
+	"GAME_LAUNCHED": "Spiel gestartet",
-    "MODE": {
+	"APP_LAUNCHER": {
-      "NATIVE": "Nativer Modus",
+		"MODE": {
-      "CAGE": "Kompatibilitätsmodus (Cage)"
+			"NATIVE": "Nativer Modus",
-    },
+			"CAGE": "Kompatibilitätsmodus (Cage)"
-    "RES_TITLE": "Auflösung",
+		},
-    "ASPECT_TITLE": "Seitenverhältnis",
+		"RES_TITLE": "Auflösung",
-    "ASPECT": {
+		"ASPECT_TITLE": "Seitenverhältnis",
-      "WIDE": "Breit",
+		"ASPECT": {
-      "SEMI_WIDE": "Halb-breit",
+			"WIDE": "Breit",
-      "SQUARE": "Quadratisch",
+			"SEMI_WIDE": "Halb-breit",
-      "SEMI_TALL": "Halbhoch",
+			"SQUARE": "Quadratisch",
-      "TALL": "Hoch"
+			"SEMI_TALL": "Halbhoch",
-    },
+			"TALL": "Hoch"
-    "POS_TITLE": "Positionierung",
+		},
-    "POS": {
+		"POS_TITLE": "Positionierung",
-      "FLOATING": "Schwebend",
+		"POS": {
-      "ANCHORED": "Verankert",
+			"FLOATING": "Schwebend",
-      "STATIC": "Statisch",
+			"ANCHORED": "Verankert",
-      "FLOATING_HELP": "Bewegt sich unabhängig, zentriert sich bei Anzeige neu.",
+			"STATIC": "Statisch",
-      "ANCHORED_HELP": "Bleibt relativ zur Mittelmarkierung an Ort und Stelle.",
+			"FLOATING_HELP": "Bewegt sich unabhängig, zentriert sich bei Anzeige neu.",
-      "STATIC_HELP": "Keine Set zugeordnet. Wird nicht zentriert."
+			"ANCHORED_HELP": "Bleibt relativ zur Mittelmarkierung an Ort und Stelle.",
-    },
+			"STATIC_HELP": "Keine Set zugeordnet. Wird nicht zentriert."
-    "AUTOSTART": "Automatisch beim Start ausführen",
+		},
-    "LAUNCH": "Starten"
+		"AUTOSTART": "Automatisch beim Start ausführen",
-  },
+		"LAUNCH": "Starten"
-  "DISPLAY_BRIGHTNESS": "Bildschirmhelligkeit",
+	},
-  "PROCESS_LIST": "Prozessliste",
+	"DISPLAY_BRIGHTNESS": "Bildschirmhelligkeit",
-  "REFRESH": "Aktualisieren",
+	"PROCESS_LIST": "Prozessliste",
-  "PROCESS": {
+	"REFRESH": "Aktualisieren",
-    "STOP": "Stopp",
+	"PROCESS": {
-    "FORCE_KILL": "Erzwinge Beenden"
+		"STOP": "Stopp",
-  }
+		"FORCE_KILL": "Erzwinge Beenden"
+	},
+	"DEBUG_INFO": "Debug-Informationen"
 }

dash-frontend/assets/lang/en.json

@@ -38,8 +38,11 @@
 		"BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "Do not block input when watch is hovered",
 		"BLOCK_POSES_ON_KBD_INTERACTION": "Block poses when interacting with keyboard",
 		"BLOCK_POSES_ON_KBD_INTERACTION_HELP": "Blocks the game from receiving poses when the keyboard is hovered and 'Block game input' is enabled",
+		"BROWSE_ONLINE_CATALOG": "Browse online catalog...",
+		"BROWSE_SKYMAPS": "Browse skymaps",
 		"CAPTURE_METHOD": "Wayland screen capture",
 		"CAPTURE_METHOD_HELP": "Try changing this if you are\nexperiencing black or glitchy screens",
+		"COLOR_KEYING": "Color keying",
 		"CLEAR_PIPEWIRE_TOKENS": "Clear PipeWire tokens",
 		"CLEAR_PIPEWIRE_TOKENS_HELP": "Prompt for screen selection on next start",
 		"CLEAR_SAVED_STATE": "Clear saved state",
@@ -52,6 +55,7 @@
 		"DELETE_ALL_CONFIGS_HELP": "Remove all configuration files from conf.d",
 		"DOUBLE_CURSOR_FIX": "Double cursor fix",
 		"DOUBLE_CURSOR_FIX_HELP": "Enable this if you see 2 cursors",
+		"ENABLED": "Enabled",
 		"FEATURES": "Features",
 		"FOCUS_FOLLOWS_MOUSE_MODE": "Mouse move on trigger touch",
 		"HANDSFREE_POINTER": "Handsfree mode",
@@ -63,6 +67,7 @@
 		"KEYBOARD_MIDDLE_CLICK": "Keyboard middle click",
 		"KEYBOARD_MIDDLE_CLICK_HELP": "Modifier to use when typing\nwith purple laser",
 		"KEYBOARD_SOUND_ENABLED": "Keyboard sounds",
+		"LANGUAGE": "Language",
 		"LEFT_HANDED_MOUSE": "Left-handed mouse",
 		"LEFT_HANDED_MOUSE_HELP": "Use this if mouse buttons are swapped",
 		"LONG_PRESS_DURATION": "Long press duration",
@@ -70,14 +75,16 @@
 		"MISC": "Miscellaneous",
 		"NOTIFICATIONS_ENABLED": "Enable notifications",
 		"NOTIFICATIONS_SOUND_ENABLED": "Notification sounds",
+		"NOT_SUPPORTED": "Not supported",
+		"NO_SKYMAPS_FOUND": "No skymaps found",
 		"OPAQUE_BACKGROUND": "Opaque background",
 		"OPTION": {
 			"AUTO": "Automatic",
 			"AUTO_HELP": "ScreenCopy GPU if supported,\notherwise PipeWire GPU.",
-			"EYE_PINCH": "Eye + pinch",
-			"HMD_PINCH": "HMD + pinch",
 			"EYE_ONLY": "Eye only",
+			"EYE_PINCH": "Eye + pinch",
 			"HMD_ONLY": "HMD only",
+			"HMD_PINCH": "HMD + pinch",
 			"NONE": "None",
 			"PIPEWIRE_HELP": "Fast GPU capture,\nstandard on all desktops.",
 			"PW_FALLBACK_HELP": "Slow method with high CPU usage.\nTry in case PipeWire GPU doesn't work",
@@ -85,6 +92,7 @@
 			"SCREENCOPY_HELP": "Slow, no screen share popups.\nWorks on: Hyprland, Niri, River, Sway"
 		},
 		"POINTER_LERP_FACTOR": "Pointer smoothing",
+		"REQUIRES_RESTART": "Requires restart",
 		"RESET_PLAYSPACE": "Reset playspace",
 		"RESET_PLAYSPACE_HELP": "Clear the stage space offset.",
 		"RESTART_SOFTWARE": "Restart software",
@@ -93,9 +101,24 @@
 		"SCREEN_RENDER_DOWN": "Render screen at lower resolution",
 		"SCREEN_RENDER_DOWN_HELP": "Helps with aliasing on high-res screens",
 		"SCROLL_SPEED": "Scroll speed",
+		"SELECT_VARIANT": "Select variant",
+		"ENABLE_WATCH": "Enable watch",
 		"SETS_ON_WATCH": "Sets on watch",
+		"SKYBOX": "Skybox",
+		"SKYMAP_ALREADY_DOWNLOADED": "This skymap is already downloaded. Select desired action.",
+		"SPACE_DRAG": "Space drag",
 		"SPACE_DRAG_MULTIPLIER": "Space drag multiplier",
 		"SPACE_DRAG_UNLOCKED": "Allow space drag on all axes",
+		"SPACE_GRAVITY_DAMPING": "Damping",
+		"SPACE_GRAVITY_DAMPING_HELP": "Artificial drag to slow down movement. 0.1 - high drag, 1.0 - no drag",
+		"SPACE_GRAVITY_FLING_STRENGTH": "Fling strength",
+		"SPACE_GRAVITY_FLING_STRENGTH_HELP": "Intensity multiplier of gravitational launch force after space-drag.\n0.0 - no movement at all, 2.0 - double intensity",
+		"SPACE_GRAVITY_GRAVITY": "Gravity",
+		"SPACE_GRAVITY_GRAVITY_HELP": "Amount of downwards force. 0.0 - no gravity",
+		"SPACE_GRAVITY_GROUND_FRICTION": "Ground friction",
+		"SPACE_GRAVITY_GROUND_FRICTION_HELP": "Amount of friction slowing you down if you're touching the ground.\n0.0 - no friction (just like on ice), 1.0 - rough surface",
+		"SPACE_GRAVITY_FLOOR_HEIGHT": "Floor height",
+		"SPACE_GRAVITY_FLOOR_HEIGHT_HELP": "The Y position where the floor is. Gravity stops when you reach this height.",
 		"SPACE_ROTATE_UNLOCKED": "Allow space rotate on all axes",
 		"TROUBLESHOOTING": "Troubleshooting",
 		"UI_GRADIENT_INTENSITY": "UI Gradient intensity",
@@ -105,10 +128,12 @@
 		"USE_PASSTHROUGH_HELP": "Allow passthrough if the XR runtime supports it",
 		"USE_SKYBOX": "Enable skybox",
 		"USE_SKYBOX_HELP": "Show a skybox if there's no scene app or passthrough",
-		"XR_CLICK_SENSITIVITY": "XR click sensitivity",
+		"WATCH_VIEW_ANGLE": "Watch view angles",
-		"XR_CLICK_SENSITIVITY_HELP": "Analog trigger sensitivity",
+		"WATCH_VIEW_ANGLE_HELP": "Control how the watch fades away",
-		"XR_CLICK_SENSITIVITY_RELEASE": "XR release sensitivity",
+		"GRID_OPACITY": "Floor grid opacity",
-		"XR_CLICK_SENSITIVITY_RELEASE_HELP": "Must be lower than click",
+		"GRID_OPACITY_HELP": "Opacity of the floor grid when the skybox is enabled",
+		"XR_CLICK_SENSITIVITY": "XR trigger sensitivity",
+		"XR_CLICK_SENSITIVITY_HELP": "Press and release values for analog triggers",
 		"XWAYLAND_BY_DEFAULT": "Run apps in Compatibility mode by default"
 	},
 	"APPLICATION_LAUNCHER": "Application launcher",
@@ -129,7 +154,12 @@
 		"VOLUME": "Volume"
 	},
 	"CLOSE_WINDOW": "Close window",
+	"CREATION_DATE": "Creation date",
+	"DEBUG_INFO": "Debug info",
 	"DISPLAY_BRIGHTNESS": "Display brightness",
+	"DOWNLOADER": "Downloader",
+	"DOWNLOAD_AGAIN": "Download again",
+	"DOWNLOADING_FILE": "Downloading file...",
 	"FAILED_TO_LAUNCH_APPLICATION": "Failed to launch a application:",
 	"GAME_LAUNCHED": "Game launched",
 	"GAME_LIST": {
@@ -143,19 +173,25 @@
 	"HELLO_USER": "Hello, {USER}!",
 	"HIDE": "Hide",
 	"HOME_SCREEN": "Home",
+	"MODIFICATION_DATE": "Modification date",
 	"MONADO_RUNTIME": "Monado runtime",
+	"LOADING": "Loading...",
 	"POPUP_ADD_DISPLAY": {
 		"RESOLUTION": "Resolution"
 	},
 	"PROCESS": {
-		"STOP": "Stop",
+		"FORCE_KILL": "Force-kill",
-		"FORCE_KILL": "Force-kill"
+		"STOP": "Stop"
 	},
 	"PROCESS_LIST": "Process list",
 	"REFRESH": "Refresh",
 	"REMOVE": "Remove",
+	"APPLY": "Apply",
+	"RELOAD_FROM_DISK": "Reload from disk",
 	"SETTINGS": "Settings",
 	"SHOW": "Show",
+	"TARGET_PATH": "Target path",
 	"TERMINATE_PROCESS": "Terminate process",
+	"VERSION": "Version",
 	"WIDTH": "Width"
 }

dash-frontend/assets/lang/es.json

@@ -1,160 +1,162 @@
 {
-  "HOME_SCREEN": "Inicio",
+	"HOME_SCREEN": "Inicio",
-  "MONADO_RUNTIME": "Monado tiempo de ejecución",
+	"MONADO_RUNTIME": "Monado tiempo de ejecución",
-  "APPLICATIONS": "Aplicaciones",
+	"APPLICATIONS": "Aplicaciones",
-  "GAMES": "Juegos",
+	"GAMES": "Juegos",
-  "SETTINGS": "Ajustes",
+	"SETTINGS": "Ajustes",
-  "HELLO_USER": "¡Hola, {USER}!",
+	"HELLO_USER": "¡Hola, {USER}!",
-  "GENERAL_SETTINGS": "Ajustes generales",
+	"GENERAL_SETTINGS": "Ajustes generales",
-  "APPLICATION_LAUNCHER": "Lanzador de aplicaciones",
+	"APPLICATION_LAUNCHER": "Lanzador de aplicaciones",
-  "APP_SETTINGS": {
+	"APP_SETTINGS": {
-    "HIDE_USERNAME": "Ocultar nombre de usuario",
+		"HIDE_USERNAME": "Ocultar nombre de usuario",
-    "OPAQUE_BACKGROUND": "Fondo opaco",
+		"OPAQUE_BACKGROUND": "Fondo opaco",
-    "WLX": {},
+		"LOOK_AND_FEEL": "Apariencia y estilo",
-    "LOOK_AND_FEEL": "Apariencia y estilo",
+		"HIDE_GRAB_HELP": "Ocultar ayuda para agarrar",
-    "HIDE_GRAB_HELP": "Ocultar ayuda para agarrar",
+		"ANIMATION_SPEED": "Velocidad de animación de la IU",
-    "ANIMATION_SPEED": "Velocidad de animación de la IU",
+		"ROUND_MULTIPLIER": "Redondeo de bordes de la IU",
-    "ROUND_MULTIPLIER": "Redondeo de bordes de la IU",
+		"USE_SKYBOX": "Activar skybox",
-    "USE_SKYBOX": "Activar skybox",
+		"USE_PASSTHROUGH": "Activar passthrough",
-    "USE_PASSTHROUGH": "Activar passthrough",
+		"CLOCK_12H": "Reloj de 12 horas",
-    "CLOCK_12H": "Reloj de 12 horas",
+		"FEATURES": "Funciones",
-    "FEATURES": "Funciones",
+		"NOTIFICATIONS_ENABLED": "Habilitar notificaciones",
-    "NOTIFICATIONS_ENABLED": "Habilitar notificaciones",
+		"NOTIFICATIONS_SOUND_ENABLED": "Sonidos de notificación",
-    "NOTIFICATIONS_SOUND_ENABLED": "Sonidos de notificación",
+		"KEYBOARD_SOUND_ENABLED": "Sonidos del teclado",
-    "KEYBOARD_SOUND_ENABLED": "Sonidos del teclado",
+		"SPACE_DRAG_MULTIPLIER": "Multiplicador de arrastre espacial",
-    "SPACE_DRAG_MULTIPLIER": "Multiplicador de arrastre espacial",
+		"SPACE_DRAG_UNLOCKED": "Permitir arrastre del espacio en todos los ejes",
-    "SPACE_DRAG_UNLOCKED": "Permitir arrastre del espacio en todos los ejes",
+		"SPACE_ROTATE_UNLOCKED": "Permitir rotación espacial en todos los ejes",
-    "SPACE_ROTATE_UNLOCKED": "Permitir rotación espacial en todos los ejes",
+		"BLOCK_GAME_INPUT": "Bloquear entrada del juego",
-    "BLOCK_GAME_INPUT": "Bloquear entrada del juego",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH": "Ignorar watch al bloquear la entrada",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH": "Ignorar watch al bloquear la entrada",
+		"CONTROLS": "Controles",
-    "CONTROLS": "Controles",
+		"FOCUS_FOLLOWS_MOUSE_MODE": "El movimiento del ratón en el disparador",
-    "FOCUS_FOLLOWS_MOUSE_MODE": "El movimiento del ratón en el disparador",
+		"LEFT_HANDED_MOUSE": "Ratón para zurdos",
-    "LEFT_HANDED_MOUSE": "Ratón para zurdos",
+		"ALLOW_SLIDING": "Interacción con el stick durante el agarre",
-    "ALLOW_SLIDING": "Interacción con el stick durante el agarre",
+		"INVERT_SCROLL_DIRECTION_X": "Invertir dirección de desplazamiento horizontal",
-    "INVERT_SCROLL_DIRECTION_X": "Invertir dirección de desplazamiento horizontal",
+		"INVERT_SCROLL_DIRECTION_Y": "Invertir la dirección del desplazamiento vertical",
-    "INVERT_SCROLL_DIRECTION_Y": "Invertir la dirección del desplazamiento vertical",
+		"SCROLL_SPEED": "Velocidad de desplazamiento",
-    "SCROLL_SPEED": "Velocidad de desplazamiento",
+		"LONG_PRESS_DURATION": "Duración de la pulsación larga",
-    "LONG_PRESS_DURATION": "Duración de la pulsación larga",
+		"POINTER_LERP_FACTOR": "Suavizado del puntero",
-    "POINTER_LERP_FACTOR": "Suavizado del puntero",
+		"CLICK_FREEZE_TIME_MS": "Tiempo de congelación al hacer clic (ms)",
-    "XR_CLICK_SENSITIVITY": "Sensibilidad del clic XR",
+		"MISC": "Miscelánea",
-    "XR_CLICK_SENSITIVITY_RELEASE": "Sensibilidad de liberación de OpenXR",
+		"XWAYLAND_BY_DEFAULT": "Ejecutar aplicaciones en modo de compatibilidad por defecto",
-    "CLICK_FREEZE_TIME_MS": "Tiempo de congelación al hacer clic (ms)",
+		"UPRIGHT_SCREEN_FIX": "Corrección de pantalla vertical",
-    "MISC": "Miscelánea",
+		"DOUBLE_CURSOR_FIX": "Solución de doble cursor",
-    "XWAYLAND_BY_DEFAULT": "Ejecutar aplicaciones en modo de compatibilidad por defecto",
+		"SCREEN_RENDER_DOWN": "Renderizar pantalla a menor resolución",
-    "UPRIGHT_SCREEN_FIX": "Corrección de pantalla vertical",
+		"UPRIGHT_SCREEN_FIX_HELP": "Corrige pantallas en posición vertical en algunos escritorios",
-    "DOUBLE_CURSOR_FIX": "Solución de doble cursor",
+		"DOUBLE_CURSOR_FIX_HELP": "Habilita esto si ves 2 cursores",
-    "SCREEN_RENDER_DOWN": "Renderizar pantalla a menor resolución",
+		"CLICK_FREEZE_TIME_MS_HELP": "Ayuda con la precisión de los dobles clics",
-    "UPRIGHT_SCREEN_FIX_HELP": "Corrige pantallas en posición vertical en algunos escritorios",
+		"LEFT_HANDED_MOUSE_HELP": "Utilice esto si los botones del ratón están intercambiados",
-    "DOUBLE_CURSOR_FIX_HELP": "Habilita esto si ves 2 cursores",
+		"BLOCK_GAME_INPUT_HELP": "Bloquea toda la entrada cuando se pasa el cursor sobre un overlay",
-    "XR_CLICK_SENSITIVITY_HELP": "Sensibilidad del gatillo analógico",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "No bloquear la entrada cuando el cursor está sobre la ventana",
-    "XR_CLICK_SENSITIVITY_RELEASE_HELP": "Debe ser inferior a 'click'",
+		"USE_SKYBOX_HELP": "Mostrar una skybox si no hay una aplicación de escena o passthrough",
-    "CLICK_FREEZE_TIME_MS_HELP": "Ayuda con la precisión de los dobles clics",
+		"USE_PASSTHROUGH_HELP": "Permitir passthrough si el entorno de ejecución XR lo admite",
-    "LEFT_HANDED_MOUSE_HELP": "Utilice esto si los botones del ratón están intercambiados",
+		"SCREEN_RENDER_DOWN_HELP": "Ayuda a reducir el aliasing en pantallas de alta resolución",
-    "BLOCK_GAME_INPUT_HELP": "Bloquea toda la entrada cuando se pasa el cursor sobre un overlay",
+		"SETS_ON_WATCH": "Conjuntos en el reloj",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "No bloquear la entrada cuando el cursor está sobre la ventana",
+		"TROUBLESHOOTING": "Solución de problemas",
-    "USE_SKYBOX_HELP": "Mostrar una skybox si no hay una aplicación de escena o passthrough",
+		"CLEAR_SAVED_STATE": "Borrar estado guardado",
-    "USE_PASSTHROUGH_HELP": "Permitir passthrough si el entorno de ejecución XR lo admite",
+		"CLEAR_PIPEWIRE_TOKENS": "Limpiar tokens de PipeWire",
-    "SCREEN_RENDER_DOWN_HELP": "Ayuda a reducir el aliasing en pantallas de alta resolución",
+		"DELETE_ALL_CONFIGS": "Borrar configuración",
-    "SETS_ON_WATCH": "Conjuntos en el reloj",
+		"RESTART_SOFTWARE": "Reiniciar software",
-    "TROUBLESHOOTING": "Solución de problemas",
+		"CLEAR_SAVED_STATE_HELP": "Restablecer sets y posiciones de superposición",
-    "CLEAR_SAVED_STATE": "Borrar estado guardado",
+		"CLEAR_PIPEWIRE_TOKENS_HELP": "Solicitar la selección de pantalla al iniciar la próxima vez",
-    "CLEAR_PIPEWIRE_TOKENS": "Limpiar tokens de PipeWire",
+		"DELETE_ALL_CONFIGS_HELP": "Eliminar todos los archivos de configuración de conf.d",
-    "DELETE_ALL_CONFIGS": "Borrar configuración",
+		"RESTART_SOFTWARE_HELP": "Aplicar la configuración que requiere un reinicio",
-    "RESTART_SOFTWARE": "Reiniciar software",
+		"CAPTURE_METHOD": "Captura de pantalla de Wayland",
-    "CLEAR_SAVED_STATE_HELP": "Restablecer sets y posiciones de superposición",
+		"CAPTURE_METHOD_HELP": "Intente cambiar esta opción si\nexperimenta pantallas negras o con fallos",
-    "CLEAR_PIPEWIRE_TOKENS_HELP": "Solicitar la selección de pantalla al iniciar la próxima vez",
+		"KEYBOARD_MIDDLE_CLICK": "Clic del botón central del teclado",
-    "DELETE_ALL_CONFIGS_HELP": "Eliminar todos los archivos de configuración de conf.d",
+		"KEYBOARD_MIDDLE_CLICK_HELP": "Modificador para usar al escribir\ncon láser púrpura",
-    "RESTART_SOFTWARE_HELP": "Aplicar la configuración que requiere un reinicio",
+		"OPTION": {
-    "CAPTURE_METHOD": "Captura de pantalla de Wayland",
+			"AUTO": "Automático",
-    "CAPTURE_METHOD_HELP": "Intente cambiar esta opción si\nexperimenta pantallas negras o con fallos",
+			"AUTO_HELP": "Copiar pantalla usando la GPU si es compatible,\nde lo contrario, GPU de PipeWire.",
-    "KEYBOARD_MIDDLE_CLICK": "Clic del botón central del teclado",
+			"PIPEWIRE_HELP": "Captura de GPU rápida,\nestándar en todos los escritorios.",
-    "KEYBOARD_MIDDLE_CLICK_HELP": "Modificador para usar al escribir\ncon láser púrpura",
+			"PW_FALLBACK_HELP": "Método lento con alto uso de CPU.\nPruébalo si PipeWire GPU no funciona",
-    "OPTION": {
+			"SCREENCOPY_GPU_HELP": "Rápido, sin ventanas emergentes de uso compartido de pantalla.\nFunciona en: Hyprland, Niri, River, Sway",
-      "AUTO": "Automático",
+			"SCREENCOPY_HELP": "Lento, sin ventanas emergentes de uso compartido de pantalla.\nFunciona en: Hyprland, Niri, River, Sway",
-      "AUTO_HELP": "Copiar pantalla usando la GPU si es compatible,\nde lo contrario, GPU de PipeWire.",
+			"NONE": "Ninguno",
-      "PIPEWIRE_HELP": "Captura de GPU rápida,\nestándar en todos los escritorios.",
+			"HMD_PINCH": "HMD + pellizco",
-      "PW_FALLBACK_HELP": "Método lento con alto uso de CPU.\nPruébalo si PipeWire GPU no funciona",
+			"EYE_PINCH": "Ojo + pellizco",
-      "SCREENCOPY_GPU_HELP": "Rápido, sin ventanas emergentes de uso compartido de pantalla.\nFunciona en: Hyprland, Niri, River, Sway",
+			"EYE_ONLY": "Solo ojo",
-      "SCREENCOPY_HELP": "Lento, sin ventanas emergentes de uso compartido de pantalla.\nFunciona en: Hyprland, Niri, River, Sway",
+			"HMD_ONLY": "Solo HMD"
-      "NONE": "Ninguno",
+		},
-      "HMD_PINCH": "HMD + pellizco",
+		"AUTOSTART_APPS": "Aplicaciones a ejecutar al inicio",
-      "EYE_PINCH": "Ojo + pellizco",
+		"HANDSFREE_POINTER": "Modo manos libres",
-      "EYE_ONLY": "Solo ojo",
+		"HANDSFREE_POINTER_HELP": "Entrada a utilizar cuando no\nestén disponibles los mandos de movimiento.\nPellizco con la izquierda para agarrar, con la derecha para hacer clic.",
-      "HMD_ONLY": "Solo HMD"
+		"UI_GRADIENT_INTENSITY": "Intensidad del degradado de la IU",
-    },
+		"RESET_PLAYSPACE": "Restablecer espacio de juego",
-    "AUTOSTART_APPS": "Aplicaciones a ejecutar al inicio",
+		"RESET_PLAYSPACE_HELP": "Borrar el desplazamiento del espacio de juego.",
-    "HANDSFREE_POINTER": "Modo manos libres",
+		"BLOCK_POSES_ON_KBD_INTERACTION": "Bloquear poses al interactuar con el teclado",
-    "HANDSFREE_POINTER_HELP": "Entrada a utilizar cuando no\nestén disponibles los mandos de movimiento.\nPellizco con la izquierda para agarrar, con la derecha para hacer clic.",
+		"BLOCK_POSES_ON_KBD_INTERACTION_HELP": "Bloquea que el juego reciba poses cuando el teclado está sobre él y 'Bloquear entrada del juego' está habilitado",
-    "UI_GRADIENT_INTENSITY": "Intensidad del degradado de la IU",
+		"LANGUAGE": "Idioma",
-    "RESET_PLAYSPACE": "Restablecer espacio de juego",
+		"REQUIRES_RESTART": "Requiere reinicio",
-    "RESET_PLAYSPACE_HELP": "Borrar el desplazamiento del espacio de juego."
+		"GRID_OPACITY": "Opacidad de la cuadrícula del suelo",
-  },
+		"GRID_OPACITY_HELP": "Opacidad de la cuadrícula del suelo cuando el skybox está habilitado"
-  "HELLO": "¡Hola!",
+	},
-  "AUDIO": {
+	"HELLO": "¡Hola!",
-    "VOLUME": "Volumen",
+	"AUDIO": {
-    "SETTINGS": "Configuración de audio",
+		"VOLUME": "Volumen",
-    "AUTO_SWITCH_TO_VR_AUDIO": "Conmutar automáticamente al audio VR",
+		"SETTINGS": "Configuración de audio",
-    "SPEAKERS": "Altavoces",
+		"AUTO_SWITCH_TO_VR_AUDIO": "Conmutar automáticamente al audio VR",
-    "MICROPHONES": "Micrófonos",
+		"SPEAKERS": "Altavoces",
-    "CARDS": "Tarjetas",
+		"MICROPHONES": "Micrófonos",
-    "SELECT_AUDIO_CARD_PROFILE": "Seleccionar perfil de tarjeta de audio",
+		"CARDS": "Tarjetas",
-    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "No se encontraron altavoces VR. Actívelos manualmente.",
+		"SELECT_AUDIO_CARD_PROFILE": "Seleccionar perfil de tarjeta de audio",
-    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "No se encontró micrófono VR. Actívelo manualmente.",
+		"NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "No se encontraron altavoces VR. Actívelos manualmente.",
-    "FAILED_TO_SWITCH_MICROPHONE": "No se pudo cambiar el micrófono",
+		"NO_VR_MICROPHONE_SWITCH_MANUALLY": "No se encontró micrófono VR. Actívelo manualmente.",
-    "MICROPHONE_SET_SUCCESSFULLY": "Micrófono configurado correctamente",
+		"FAILED_TO_SWITCH_MICROPHONE": "No se pudo cambiar el micrófono",
-    "SPEAKERS_SET_SUCCESSFULLY": "Altavoces configurados correctamente"
+		"MICROPHONE_SET_SUCCESSFULLY": "Micrófono configurado correctamente",
-  },
+		"SPEAKERS_SET_SUCCESSFULLY": "Altavoces configurados correctamente"
-  "ACTIONS": {
+	},
-    "RECENTER_PLAYSPACE": "Re-centrar espacio de juego"
+	"ACTIONS": {
-  },
+		"RECENTER_PLAYSPACE": "Re-centrar espacio de juego"
-  "POPUP_ADD_DISPLAY": {
+	},
-    "RESOLUTION": "Resolución"
+	"POPUP_ADD_DISPLAY": {
-  },
+		"RESOLUTION": "Resolución"
-  "WIDTH": "Ancho",
+	},
-  "HEIGHT": "Altura",
+	"WIDTH": "Ancho",
-  "HIDE": "Ocultar",
+	"HEIGHT": "Altura",
-  "REMOVE": "Eliminar",
+	"HIDE": "Ocultar",
-  "SHOW": "Mostrar",
+	"REMOVE": "Eliminar",
-  "FAILED_TO_LAUNCH_APPLICATION": "No se pudo iniciar la aplicación:",
+	"SHOW": "Mostrar",
-  "APPLICATION_STARTED": "Aplicación iniciada",
+	"FAILED_TO_LAUNCH_APPLICATION": "No se pudo iniciar la aplicación:",
-  "CLOSE_WINDOW": "Cerrar ventana",
+	"APPLICATION_STARTED": "Aplicación iniciada",
-  "GAME_LIST": {
+	"CLOSE_WINDOW": "Cerrar ventana",
-    "NO_GAMES_FOUND": "No se encontraron juegos",
+	"GAME_LIST": {
-    "RUNNING_GAMES_LIST": "Lista de juegos en ejecución"
+		"NO_GAMES_FOUND": "No se encontraron juegos",
-  },
+		"RUNNING_GAMES_LIST": "Lista de juegos en ejecución"
-  "TERMINATE_PROCESS": "Finalizar proceso",
+	},
-  "GAME_LAUNCHED": "Juego lanzado",
+	"TERMINATE_PROCESS": "Finalizar proceso",
-  "APP_LAUNCHER": {
+	"GAME_LAUNCHED": "Juego lanzado",
-    "MODE": {
+	"APP_LAUNCHER": {
-      "NATIVE": "Modo nativo",
+		"MODE": {
-      "CAGE": "Modo de compatibilidad (Cage)"
+			"NATIVE": "Modo nativo",
-    },
+			"CAGE": "Modo de compatibilidad (Cage)"
-    "RES_TITLE": "Resolución",
+		},
-    "ASPECT_TITLE": "Aspecto",
+		"RES_TITLE": "Resolución",
-    "ASPECT": {
+		"ASPECT_TITLE": "Aspecto",
-      "WIDE": "Ancho",
+		"ASPECT": {
-      "SEMI_WIDE": "Semi-ancho",
+			"WIDE": "Ancho",
-      "SQUARE": "Cuadrado",
+			"SEMI_WIDE": "Semi-ancho",
-      "SEMI_TALL": "Semi alto",
+			"SQUARE": "Cuadrado",
-      "TALL": "Alto"
+			"SEMI_TALL": "Semi alto",
-    },
+			"TALL": "Alto"
-    "POS_TITLE": "Posicionamiento",
+		},
-    "POS": {
+		"POS_TITLE": "Posicionamiento",
-      "FLOATING": "Flotante",
+		"POS": {
-      "ANCHORED": "Anclado",
+			"FLOATING": "Flotante",
-      "STATIC": "Estático",
+			"ANCHORED": "Anclado",
-      "FLOATING_HELP": "Se mueve independientemente, se recentra al mostrarse.",
+			"STATIC": "Estático",
-      "ANCHORED_HELP": "Se mantiene en su lugar con respecto al marcador central.",
+			"FLOATING_HELP": "Se mueve independientemente, se recentra al mostrarse.",
-      "STATIC_HELP": "No pertenece a ningún conjunto. No se recentra."
+			"ANCHORED_HELP": "Se mantiene en su lugar con respecto al marcador central.",
-    },
+			"STATIC_HELP": "No pertenece a ningún conjunto. No se recentra."
-    "AUTOSTART": "Ejecutar automáticamente al inicio",
+		},
-    "LAUNCH": "Iniciar"
+		"AUTOSTART": "Ejecutar automáticamente al inicio",
-  },
+		"LAUNCH": "Iniciar"
-  "DISPLAY_BRIGHTNESS": "Brillo de la pantalla",
+	},
-  "PROCESS_LIST": "Lista de procesos",
+	"DISPLAY_BRIGHTNESS": "Brillo de la pantalla",
-  "REFRESH": "Actualizar",
+	"PROCESS_LIST": "Lista de procesos",
-  "PROCESS": {
+	"REFRESH": "Actualizar",
-    "STOP": "Detener",
+	"PROCESS": {
-    "FORCE_KILL": "Forzar cierre"
+		"STOP": "Detener",
-  }
+		"FORCE_KILL": "Forzar cierre"
+	},
+	"DEBUG_INFO": "Información de depuración"
 }

dash-frontend/assets/lang/it.json

@@ -1,159 +1,162 @@
 {
-  "ACTIONS": {
+	"ACTIONS": {
-    "RECENTER_PLAYSPACE": "Recentra lo spazio di gioco"
+		"RECENTER_PLAYSPACE": "Recentra lo spazio di gioco"
-  },
+	},
-  "APP_LAUNCHER": {
+	"APP_LAUNCHER": {
-    "ASPECT": {
+		"ASPECT": {
-      "SEMI_TALL": "Semi-alto",
+			"SEMI_TALL": "Semi-alto",
-      "SEMI_WIDE": "Semi-ampio",
+			"SEMI_WIDE": "Semi-ampio",
-      "SQUARE": "Quadrato",
+			"SQUARE": "Quadrato",
-      "TALL": "Alto",
+			"TALL": "Alto",
-      "WIDE": "Ampio"
+			"WIDE": "Ampio"
-    },
+		},
-    "ASPECT_TITLE": "Proporzioni",
+		"ASPECT_TITLE": "Proporzioni",
-    "AUTOSTART": "Avvia automaticamente all'avvio",
+		"AUTOSTART": "Avvia automaticamente all'avvio",
-    "LAUNCH": "Avvia",
+		"LAUNCH": "Avvia",
-    "MODE": {
+		"MODE": {
-      "CAGE": "Modalità compatibilità (Cage)",
+			"CAGE": "Modalità compatibilità (Cage)",
-      "NATIVE": "Modalità nativa"
+			"NATIVE": "Modalità nativa"
-    },
+		},
-    "POS": {
+		"POS": {
-      "ANCHORED": "Ancorato",
+			"ANCHORED": "Ancorato",
-      "ANCHORED_HELP": "Rimane fermo rispetto al marcatore centrale.",
+			"ANCHORED_HELP": "Rimane fermo rispetto al marcatore centrale.",
-      "FLOATING": "Fluttuante",
+			"FLOATING": "Fluttuante",
-      "FLOATING_HELP": "Si muove in modo indipendente, si recentra quando viene mostrato.",
+			"FLOATING_HELP": "Si muove in modo indipendente, si recentra quando viene mostrato.",
-      "STATIC": "Statico",
+			"STATIC": "Statico",
-      "STATIC_HELP": "Non fa parte di alcun set. Non recentra."
+			"STATIC_HELP": "Non fa parte di alcun set. Non recentra."
-    },
+		},
-    "POS_TITLE": "Posizionamento",
+		"POS_TITLE": "Posizionamento",
-    "RES_TITLE": "Risoluzione"
+		"RES_TITLE": "Risoluzione"
-  },
+	},
-  "APP_SETTINGS": {
+	"APP_SETTINGS": {
-    "ALLOW_SLIDING": "Interazione tramite stick durante l'afferrare",
+		"ALLOW_SLIDING": "Interazione tramite stick durante l'afferrare",
-    "ANIMATION_SPEED": "Velocità dell'animazione dell'interfaccia utente",
+		"ANIMATION_SPEED": "Velocità dell'animazione dell'interfaccia utente",
-    "BLOCK_GAME_INPUT": "Blocca l'input di gioco",
+		"BLOCK_GAME_INPUT": "Blocca l'input di gioco",
-    "BLOCK_GAME_INPUT_HELP": "Blocca tutti gli input quando il cursore è sopra un overlay",
+		"BLOCK_GAME_INPUT_HELP": "Blocca tutti gli input quando il cursore è sopra un overlay",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH": "Ignora il Watch quando si blocca l'input",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH": "Ignora il Watch quando si blocca l'input",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "Non bloccare l'input quando il watch è evidenziato",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "Non bloccare l'input quando il watch è evidenziato",
-    "CAPTURE_METHOD": "Acquisizione dello schermo Wayland",
+		"CAPTURE_METHOD": "Acquisizione dello schermo Wayland",
-    "CAPTURE_METHOD_HELP": "Prova a modificare questa impostazione se riscontri schermate nere o con artefatti.",
+		"CAPTURE_METHOD_HELP": "Prova a modificare questa impostazione se riscontri schermate nere o con artefatti.",
-    "CLEAR_PIPEWIRE_TOKENS": "Cancella i token PipeWire",
+		"CLEAR_PIPEWIRE_TOKENS": "Cancella i token PipeWire",
-    "CLEAR_PIPEWIRE_TOKENS_HELP": "Richiedi la selezione dello schermo all'avvio successivo",
+		"CLEAR_PIPEWIRE_TOKENS_HELP": "Richiedi la selezione dello schermo all'avvio successivo",
-    "CLEAR_SAVED_STATE": "Cancella stato salvato",
+		"CLEAR_SAVED_STATE": "Cancella stato salvato",
-    "CLEAR_SAVED_STATE_HELP": "Ripristina set e posizioni degli overlay",
+		"CLEAR_SAVED_STATE_HELP": "Ripristina set e posizioni degli overlay",
-    "CLICK_FREEZE_TIME_MS": "Tempo di congelamento del click (ms)",
+		"CLICK_FREEZE_TIME_MS": "Tempo di congelamento del click (ms)",
-    "CLICK_FREEZE_TIME_MS_HELP": "Aiuta con la precisione dei doppi clic",
+		"CLICK_FREEZE_TIME_MS_HELP": "Aiuta con la precisione dei doppi clic",
-    "CLOCK_12H": "Orologio a 12 ore",
+		"CLOCK_12H": "Orologio a 12 ore",
-    "CONTROLS": "Controlli",
+		"CONTROLS": "Controlli",
-    "DELETE_ALL_CONFIGS": "Elimina configurazione",
+		"DELETE_ALL_CONFIGS": "Elimina configurazione",
-    "DELETE_ALL_CONFIGS_HELP": "Rimuovi tutti i file di configurazione da conf.d",
+		"DELETE_ALL_CONFIGS_HELP": "Rimuovi tutti i file di configurazione da conf.d",
-    "DOUBLE_CURSOR_FIX": "Correzione doppio cursore",
+		"DOUBLE_CURSOR_FIX": "Correzione doppio cursore",
-    "DOUBLE_CURSOR_FIX_HELP": "Abilita questa opzione se vedi 2 cursori",
+		"DOUBLE_CURSOR_FIX_HELP": "Abilita questa opzione se vedi 2 cursori",
-    "FEATURES": "Funzionalità",
+		"FEATURES": "Funzionalità",
-    "FOCUS_FOLLOWS_MOUSE_MODE": "Movimento del mouse al tocco del grilletto",
+		"FOCUS_FOLLOWS_MOUSE_MODE": "Movimento del mouse al tocco del grilletto",
-    "HIDE_GRAB_HELP": "Nascondi l'aiuto per l'afferrare",
+		"HIDE_GRAB_HELP": "Nascondi l'aiuto per l'afferrare",
-    "HIDE_USERNAME": "Nascondi nome utente",
+		"HIDE_USERNAME": "Nascondi nome utente",
-    "INVERT_SCROLL_DIRECTION_X": "Inverti direzione dello scorrimento orizzontale",
+		"INVERT_SCROLL_DIRECTION_X": "Inverti direzione dello scorrimento orizzontale",
-    "INVERT_SCROLL_DIRECTION_Y": "Inverti direzione dello scorrimento verticale",
+		"INVERT_SCROLL_DIRECTION_Y": "Inverti direzione dello scorrimento verticale",
-    "KEYBOARD_MIDDLE_CLICK": "Click centrale del tasto",
+		"KEYBOARD_MIDDLE_CLICK": "Click centrale del tasto",
-    "KEYBOARD_MIDDLE_CLICK_HELP": "Modificatore da usare durante la digitazione\ncon laser viola",
+		"KEYBOARD_MIDDLE_CLICK_HELP": "Modificatore da usare durante la digitazione\ncon laser viola",
-    "KEYBOARD_SOUND_ENABLED": "Suoni della tastiera",
+		"KEYBOARD_SOUND_ENABLED": "Suoni della tastiera",
-    "LEFT_HANDED_MOUSE": "Mouse per mancini",
+		"LEFT_HANDED_MOUSE": "Mouse per mancini",
-    "LEFT_HANDED_MOUSE_HELP": "Usalo se i pulsanti del mouse sono invertiti",
+		"LEFT_HANDED_MOUSE_HELP": "Usalo se i pulsanti del mouse sono invertiti",
-    "LONG_PRESS_DURATION": "Durata pressione prolungata",
+		"LONG_PRESS_DURATION": "Durata pressione prolungata",
-    "LOOK_AND_FEEL": "Aspetto",
+		"LOOK_AND_FEEL": "Aspetto",
-    "MISC": "Varie",
+		"MISC": "Varie",
-    "NOTIFICATIONS_ENABLED": "Abilita notifiche",
+		"NOTIFICATIONS_ENABLED": "Abilita notifiche",
-    "NOTIFICATIONS_SOUND_ENABLED": "Suoni di notifica",
+		"NOTIFICATIONS_SOUND_ENABLED": "Suoni di notifica",
-    "OPAQUE_BACKGROUND": "Sfondo opaco",
+		"OPAQUE_BACKGROUND": "Sfondo opaco",
-    "OPTION": {
+		"OPTION": {
-      "AUTO": "Automatico",
+			"AUTO": "Automatico",
-      "AUTO_HELP": "Copia dello schermo tramite GPU se supportata,\naltrimenti tramite GPU PipeWire.",
+			"AUTO_HELP": "Copia dello schermo tramite GPU se supportata,\naltrimenti tramite GPU PipeWire.",
-      "PIPEWIRE_HELP": "Acquisizione GPU veloce,\nstandard su tutti i desktop.",
+			"PIPEWIRE_HELP": "Acquisizione GPU veloce,\nstandard su tutti i desktop.",
-      "PW_FALLBACK_HELP": "Metodo lento con elevato utilizzo della CPU.\nProva in caso PipeWire GPU non funzioni",
+			"PW_FALLBACK_HELP": "Metodo lento con elevato utilizzo della CPU.\nProva in caso PipeWire GPU non funzioni",
-      "SCREENCOPY_GPU_HELP": "Veloce, senza popup di condivisione schermo.\nFunziona su: Hyprland, Niri, River, Sway",
+			"SCREENCOPY_GPU_HELP": "Veloce, senza popup di condivisione schermo.\nFunziona su: Hyprland, Niri, River, Sway",
-      "SCREENCOPY_HELP": "Lento, nessuna finestra pop-up per la condivisione dello schermo.\nFunziona su: Hyprland, Niri, River, Sway",
+			"SCREENCOPY_HELP": "Lento, nessuna finestra pop-up per la condivisione dello schermo.\nFunziona su: Hyprland, Niri, River, Sway",
-      "NONE": "Nessuno",
+			"NONE": "Nessuno",
-      "HMD_PINCH": "HMD + pizzico",
+			"HMD_PINCH": "HMD + pizzico",
-      "EYE_PINCH": "Occhio + pizzico",
+			"EYE_PINCH": "Occhio + pizzico",
-      "EYE_ONLY": "Solo occhio",
+			"EYE_ONLY": "Solo occhio",
-      "HMD_ONLY": "Solo HMD"
+			"HMD_ONLY": "Solo HMD"
-    },
+		},
-    "POINTER_LERP_FACTOR": "Smussamento puntatore",
+		"POINTER_LERP_FACTOR": "Smussamento puntatore",
-    "RESTART_SOFTWARE": "Riavvia il software",
+		"RESTART_SOFTWARE": "Riavvia il software",
-    "RESTART_SOFTWARE_HELP": "Applica impostazioni che richiedono un riavvio",
+		"RESTART_SOFTWARE_HELP": "Applica impostazioni che richiedono un riavvio",
-    "ROUND_MULTIPLIER": "Arrotondamento bordi UI",
+		"ROUND_MULTIPLIER": "Arrotondamento bordi UI",
-    "SCREEN_RENDER_DOWN": "Rendering dello schermo a risoluzione inferiore",
+		"SCREEN_RENDER_DOWN": "Rendering dello schermo a risoluzione inferiore",
-    "SCREEN_RENDER_DOWN_HELP": "Aiuta a ridurre l'aliasing su schermi ad alta risoluzione",
+		"SCREEN_RENDER_DOWN_HELP": "Aiuta a ridurre l'aliasing su schermi ad alta risoluzione",
-    "SCROLL_SPEED": "Velocità di scorrimento",
+		"SCROLL_SPEED": "Velocità di scorrimento",
-    "SETS_ON_WATCH": "Set sul Watch",
+		"SETS_ON_WATCH": "Set sul Watch",
-    "SPACE_DRAG_MULTIPLIER": "Moltiplicatore space-drag",
+		"SPACE_DRAG_MULTIPLIER": "Moltiplicatore space-drag",
-    "SPACE_DRAG_UNLOCKED": "Consenti lo space-drag su tutti gli assi",
+		"SPACE_DRAG_UNLOCKED": "Consenti lo space-drag su tutti gli assi",
-    "SPACE_ROTATE_UNLOCKED": "Consenti la rotazione dello spazio su tutti gli assi",
+		"SPACE_ROTATE_UNLOCKED": "Consenti la rotazione dello spazio su tutti gli assi",
-    "TROUBLESHOOTING": "Risoluzione dei problemi",
+		"TROUBLESHOOTING": "Risoluzione dei problemi",
-    "UPRIGHT_SCREEN_FIX": "Correzione schermo verticale",
+		"UPRIGHT_SCREEN_FIX": "Correzione schermo verticale",
-    "UPRIGHT_SCREEN_FIX_HELP": "Corregge schermi verticali su alcuni desktop",
+		"UPRIGHT_SCREEN_FIX_HELP": "Corregge schermi verticali su alcuni desktop",
-    "USE_PASSTHROUGH": "Abilita passthrough",
+		"USE_PASSTHROUGH": "Abilita passthrough",
-    "USE_PASSTHROUGH_HELP": "Consenti il passthrough se supportato dal runtime XR",
+		"USE_PASSTHROUGH_HELP": "Consenti il passthrough se supportato dal runtime XR",
-    "USE_SKYBOX": "Abilita skybox",
+		"USE_SKYBOX": "Abilita skybox",
-    "USE_SKYBOX_HELP": "Mostra uno skybox se non c'è un'app di scena o passthrough",
+		"USE_SKYBOX_HELP": "Mostra uno skybox se non c'è un'app di scena o passthrough",
-    "XR_CLICK_SENSITIVITY": "Sensibilità del click XR",
+		"XWAYLAND_BY_DEFAULT": "Esegui le app in modalità Compatibilità per impostazione predefinita",
-    "XR_CLICK_SENSITIVITY_HELP": "Sensibilità del trigger analogico",
+		"AUTOSTART_APPS": "App da avviare all'avvio",
-    "XR_CLICK_SENSITIVITY_RELEASE": "Sensibilità di rilascio XR",
+		"HANDSFREE_POINTER": "Modalità a mani libere",
-    "XR_CLICK_SENSITIVITY_RELEASE_HELP": "Deve essere inferiore al clic",
+		"HANDSFREE_POINTER_HELP": "Input da usare quando i\ncontroller di movimento non sono disponibili.\nPizzico sinistro per afferrare, destro per cliccare.",
-    "XWAYLAND_BY_DEFAULT": "Esegui le app in modalità Compatibilità per impostazione predefinita",
+		"UI_GRADIENT_INTENSITY": "Intensità gradiente dell'interfaccia utente",
-    "AUTOSTART_APPS": "App da avviare all'avvio",
+		"RESET_PLAYSPACE": "Ripristina playspace",
-    "HANDSFREE_POINTER": "Modalità a mani libere",
+		"RESET_PLAYSPACE_HELP": "Cancella l'offset dello spazio di gioco.",
-    "HANDSFREE_POINTER_HELP": "Input da usare quando i\ncontroller di movimento non sono disponibili.\nPizzico sinistro per afferrare, destro per cliccare.",
+		"BLOCK_POSES_ON_KBD_INTERACTION": "Blocca le pose durante l'interazione con la tastiera",
-    "UI_GRADIENT_INTENSITY": "Intensità gradiente dell'interfaccia utente",
+		"BLOCK_POSES_ON_KBD_INTERACTION_HELP": "Impedisce al gioco di ricevere pose quando la tastiera è evidenziata e 'Blocca input di gioco' è abilitato",
-    "RESET_PLAYSPACE": "Ripristina playspace",
+		"LANGUAGE": "Lingua",
-    "RESET_PLAYSPACE_HELP": "Cancella l'offset dello spazio di gioco."
+		"REQUIRES_RESTART": "Richiede riavvio",
-  },
+		"GRID_OPACITY": "Opacità della griglia del pavimento",
-  "APPLICATION_LAUNCHER": "Lanciatore applicazioni",
+		"GRID_OPACITY_HELP": "Opacità della griglia del pavimento quando lo skybox è abilitato"
-  "APPLICATION_STARTED": "Applicazione avviata",
+	},
-  "APPLICATIONS": "Applicazioni",
+	"APPLICATION_LAUNCHER": "Lanciatore applicazioni",
-  "AUDIO": {
+	"APPLICATION_STARTED": "Applicazione avviata",
-    "AUTO_SWITCH_TO_VR_AUDIO": "Passa automaticamente all'audio VR",
+	"APPLICATIONS": "Applicazioni",
-    "CARDS": "Schede",
+	"AUDIO": {
-    "FAILED_TO_SWITCH_MICROPHONE": "Impossibile cambiare microfono",
+		"AUTO_SWITCH_TO_VR_AUDIO": "Passa automaticamente all'audio VR",
-    "MICROPHONE_SET_SUCCESSFULLY": "Microfono impostato con successo",
+		"CARDS": "Schede",
-    "MICROPHONES": "Microfoni",
+		"FAILED_TO_SWITCH_MICROPHONE": "Impossibile cambiare microfono",
-    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "Nessun microfono VR trovato. Attivalo manualmente.",
+		"MICROPHONE_SET_SUCCESSFULLY": "Microfono impostato con successo",
-    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "Nessun altoparlante VR trovato. Selezionali manualmente.",
+		"MICROPHONES": "Microfoni",
-    "SELECT_AUDIO_CARD_PROFILE": "Seleziona profilo scheda audio",
+		"NO_VR_MICROPHONE_SWITCH_MANUALLY": "Nessun microfono VR trovato. Attivalo manualmente.",
-    "SETTINGS": "Impostazioni audio",
+		"NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "Nessun altoparlante VR trovato. Selezionali manualmente.",
-    "SPEAKERS": "Altoparlanti",
+		"SELECT_AUDIO_CARD_PROFILE": "Seleziona profilo scheda audio",
-    "SPEAKERS_SET_SUCCESSFULLY": "Altoparlanti impostati correttamente",
+		"SETTINGS": "Impostazioni audio",
-    "VOLUME": "Volume"
+		"SPEAKERS": "Altoparlanti",
-  },
+		"SPEAKERS_SET_SUCCESSFULLY": "Altoparlanti impostati correttamente",
-  "CLOSE_WINDOW": "Chiudi finestra",
+		"VOLUME": "Volume"
-  "DISPLAY_BRIGHTNESS": "Luminosità display",
+	},
-  "FAILED_TO_LAUNCH_APPLICATION": "Impossibile avviare l'applicazione:",
+	"CLOSE_WINDOW": "Chiudi finestra",
-  "GAME_LAUNCHED": "Gioco lanciato",
+	"DISPLAY_BRIGHTNESS": "Luminosità display",
-  "GAME_LIST": {
+	"FAILED_TO_LAUNCH_APPLICATION": "Impossibile avviare l'applicazione:",
-    "NO_GAMES_FOUND": "Nessun gioco trovato",
+	"GAME_LAUNCHED": "Gioco lanciato",
-    "RUNNING_GAMES_LIST": "Lista dei giochi in esecuzione"
+	"GAME_LIST": {
-  },
+		"NO_GAMES_FOUND": "Nessun gioco trovato",
-  "GAMES": "Giochi",
+		"RUNNING_GAMES_LIST": "Lista dei giochi in esecuzione"
-  "GENERAL_SETTINGS": "Impostazioni generali",
+	},
-  "HEIGHT": "Altezza",
+	"GAMES": "Giochi",
-  "HELLO": "Ciao!",
+	"GENERAL_SETTINGS": "Impostazioni generali",
-  "HELLO_USER": "Ciao, {USER}!",
+	"HEIGHT": "Altezza",
-  "HIDE": "Nascondi",
+	"HELLO": "Ciao!",
-  "HOME_SCREEN": "Home",
+	"HELLO_USER": "Ciao, {USER}!",
-  "MONADO_RUNTIME": "Runtime Monado",
+	"HIDE": "Nascondi",
-  "POPUP_ADD_DISPLAY": {
+	"HOME_SCREEN": "Home",
-    "RESOLUTION": "Risoluzione"
+	"MONADO_RUNTIME": "Runtime Monado",
-  },
+	"POPUP_ADD_DISPLAY": {
-  "REMOVE": "Rimuovi",
+		"RESOLUTION": "Risoluzione"
-  "SETTINGS": "Impostazioni",
+	},
-  "SHOW": "Mostra",
+	"REMOVE": "Rimuovi",
-  "TERMINATE_PROCESS": "Termina processo",
+	"SETTINGS": "Impostazioni",
-  "WIDTH": "Larghezza",
+	"SHOW": "Mostra",
-  "PROCESS_LIST": "Elenco processi",
+	"TERMINATE_PROCESS": "Termina processo",
-  "REFRESH": "Aggiorna",
+	"WIDTH": "Larghezza",
-  "PROCESS": {
+	"PROCESS_LIST": "Elenco processi",
-    "STOP": "Interrompi",
+	"REFRESH": "Aggiorna",
-    "FORCE_KILL": "Uccidi forzatamente"
+	"PROCESS": {
-  }
+		"STOP": "Interrompi",
+		"FORCE_KILL": "Uccidi forzatamente"
+	},
+	"DEBUG_INFO": "Informazioni di debug"
 }

dash-frontend/assets/lang/ja.json

@@ -1,160 +1,162 @@
 {
-  "HOME_SCREEN": "ホーム",
+	"HOME_SCREEN": "ホーム",
-  "MONADO_RUNTIME": "「Monado」ランタイム",
+	"MONADO_RUNTIME": "「Monado」ランタイム",
-  "APPLICATIONS": "アプリ",
+	"APPLICATIONS": "アプリ",
-  "GAMES": "ゲーム",
+	"GAMES": "ゲーム",
-  "SETTINGS": "設定",
+	"SETTINGS": "設定",
-  "HELLO_USER": "こんにちは、{USER}！",
+	"HELLO_USER": "こんにちは、{USER}！",
-  "GENERAL_SETTINGS": "全般設定",
+	"GENERAL_SETTINGS": "全般設定",
-  "APPLICATION_LAUNCHER": "アプリケーションランチャー",
+	"APPLICATION_LAUNCHER": "アプリケーションランチャー",
-  "APP_SETTINGS": {
+	"APP_SETTINGS": {
-    "HIDE_USERNAME": "ユーザー名を非表示",
+		"HIDE_USERNAME": "ユーザー名を非表示",
-    "OPAQUE_BACKGROUND": "不透明な背景",
+		"OPAQUE_BACKGROUND": "不透明な背景",
-    "WLX": {},
+		"LOOK_AND_FEEL": "外観",
-    "LOOK_AND_FEEL": "外観",
+		"HIDE_GRAB_HELP": "グリップ動作中にのヘルプを非表示",
-    "HIDE_GRAB_HELP": "グリップ動作中にのヘルプを非表示",
+		"ANIMATION_SPEED": "UIアニメーション速度",
-    "ANIMATION_SPEED": "UIアニメーション速度",
+		"ROUND_MULTIPLIER": "UI の丸み",
-    "ROUND_MULTIPLIER": "UI の丸み",
+		"USE_SKYBOX": "スカイボックスを有効",
-    "USE_SKYBOX": "スカイボックスを有効",
+		"USE_PASSTHROUGH": "パススルーを有効",
-    "USE_PASSTHROUGH": "パススルーを有効",
+		"CLOCK_12H": "12時間制",
-    "CLOCK_12H": "12時間制",
+		"FEATURES": "機能",
-    "FEATURES": "機能",
+		"NOTIFICATIONS_ENABLED": "通知を有効にする",
-    "NOTIFICATIONS_ENABLED": "通知を有効にする",
+		"NOTIFICATIONS_SOUND_ENABLED": "通知音",
-    "NOTIFICATIONS_SOUND_ENABLED": "通知音",
+		"KEYBOARD_SOUND_ENABLED": "キーボード音",
-    "KEYBOARD_SOUND_ENABLED": "キーボード音",
+		"SPACE_DRAG_MULTIPLIER": "スペースドラッグ倍率",
-    "SPACE_DRAG_MULTIPLIER": "スペースドラッグ倍率",
+		"SPACE_DRAG_UNLOCKED": "全軸のスペースドラッグ",
-    "SPACE_DRAG_UNLOCKED": "全軸のスペースドラッグ",
+		"SPACE_ROTATE_UNLOCKED": "全軸のスペース回転",
-    "SPACE_ROTATE_UNLOCKED": "全軸のスペース回転",
+		"BLOCK_GAME_INPUT": "ゲームの入力をブロック",
-    "BLOCK_GAME_INPUT": "ゲームの入力をブロック",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH": "入力ブロック時に監視を無視",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH": "入力ブロック時に監視を無視",
+		"CONTROLS": "コントロール",
-    "CONTROLS": "コントロール",
+		"FOCUS_FOLLOWS_MOUSE_MODE": "トリガータッチでマウス移動",
-    "FOCUS_FOLLOWS_MOUSE_MODE": "トリガータッチでマウス移動",
+		"LEFT_HANDED_MOUSE": "左利きマウス",
-    "LEFT_HANDED_MOUSE": "左利きマウス",
+		"ALLOW_SLIDING": "グリップ動作中にスティックを有効",
-    "ALLOW_SLIDING": "グリップ動作中にスティックを有効",
+		"INVERT_SCROLL_DIRECTION_X": "水平スクロール方向を反転",
-    "INVERT_SCROLL_DIRECTION_X": "水平スクロール方向を反転",
+		"INVERT_SCROLL_DIRECTION_Y": "垂直スクロール方向を反転",
-    "INVERT_SCROLL_DIRECTION_Y": "垂直スクロール方向を反転",
+		"SCROLL_SPEED": "スクロール速度",
-    "SCROLL_SPEED": "スクロール速度",
+		"LONG_PRESS_DURATION": "長押し時間",
-    "LONG_PRESS_DURATION": "長押し時間",
+		"POINTER_LERP_FACTOR": "ポインターのスムージング",
-    "POINTER_LERP_FACTOR": "ポインターのスムージング",
+		"CLICK_FREEZE_TIME_MS": "クリックで一時停止時間 (ms)",
-    "XR_CLICK_SENSITIVITY": "XRクリック感度",
+		"MISC": "その他",
-    "XR_CLICK_SENSITIVITY_RELEASE": "XRリリース感度",
+		"XWAYLAND_BY_DEFAULT": "アプリ実行のデフォルトは互換モード",
-    "CLICK_FREEZE_TIME_MS": "クリックで一時停止時間 (ms)",
+		"UPRIGHT_SCREEN_FIX": "画面の縦向き修正",
-    "MISC": "その他",
+		"DOUBLE_CURSOR_FIX": "ダブルカーソル修正",
-    "XWAYLAND_BY_DEFAULT": "アプリ実行のデフォルトは互換モード",
+		"SCREEN_RENDER_DOWN": "画面の解像度を縮小",
-    "UPRIGHT_SCREEN_FIX": "画面の縦向き修正",
+		"UPRIGHT_SCREEN_FIX_HELP": "一部のデスクトップで縦向きの画面を修正",
-    "DOUBLE_CURSOR_FIX": "ダブルカーソル修正",
+		"DOUBLE_CURSOR_FIX_HELP": "2つのカーソルが表示される場合は、これを有効にします",
-    "SCREEN_RENDER_DOWN": "画面の解像度を縮小",
+		"CLICK_FREEZE_TIME_MS_HELP": "ダブルクリックの精度向上に役立ちます",
-    "UPRIGHT_SCREEN_FIX_HELP": "一部のデスクトップで縦向きの画面を修正",
+		"LEFT_HANDED_MOUSE_HELP": "マウスボタンが入れ替わっている場合に有効にします",
-    "DOUBLE_CURSOR_FIX_HELP": "2つのカーソルが表示される場合は、これを有効にします",
+		"BLOCK_GAME_INPUT_HELP": "オーバーレイ上にマウスカーソルがあるときに入力をブロックします",
-    "XR_CLICK_SENSITIVITY_HELP": "アナログトリガの感度",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "ウォッチがホバーされているときは入力をブロックしない",
-    "XR_CLICK_SENSITIVITY_RELEASE_HELP": "クリックより低くする必要があります",
+		"USE_SKYBOX_HELP": "シーンアプリまたはパススルーがない場合にスカイボックスを表示します",
-    "CLICK_FREEZE_TIME_MS_HELP": "ダブルクリックの精度向上に役立ちます",
+		"USE_PASSTHROUGH_HELP": "XRランタイムがサポートしていれば、パススルーを有効にします",
-    "LEFT_HANDED_MOUSE_HELP": "マウスボタンが入れ替わっている場合に有効にします",
+		"SCREEN_RENDER_DOWN_HELP": "高解像度スクリーンでのエイリアシングを軽減します",
-    "BLOCK_GAME_INPUT_HELP": "オーバーレイ上にマウスカーソルがあるときに入力をブロックします",
+		"SETS_ON_WATCH": "ウォッチのセット",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "ウォッチがホバーされているときは入力をブロックしない",
+		"TROUBLESHOOTING": "トラブルシューティング",
-    "USE_SKYBOX_HELP": "シーンアプリまたはパススルーがない場合にスカイボックスを表示します",
+		"CLEAR_SAVED_STATE": "保存された状態をクリア",
-    "USE_PASSTHROUGH_HELP": "XRランタイムがサポートしていれば、パススルーを有効にします",
+		"CLEAR_PIPEWIRE_TOKENS": "PipeWire トークンをクリア",
-    "SCREEN_RENDER_DOWN_HELP": "高解像度スクリーンでのエイリアシングを軽減します",
+		"DELETE_ALL_CONFIGS": "設定を消去",
-    "SETS_ON_WATCH": "ウォッチのセット",
+		"RESTART_SOFTWARE": "ソフトウェアを再起動",
-    "TROUBLESHOOTING": "トラブルシューティング",
+		"CLEAR_SAVED_STATE_HELP": "セットとオーバーレイの位置をリセット",
-    "CLEAR_SAVED_STATE": "保存された状態をクリア",
+		"CLEAR_PIPEWIRE_TOKENS_HELP": "次の起動時に画面選択のプロンプトを表示",
-    "CLEAR_PIPEWIRE_TOKENS": "PipeWire トークンをクリア",
+		"DELETE_ALL_CONFIGS_HELP": "conf.d 内のすべての設定ファイルを削除",
-    "DELETE_ALL_CONFIGS": "設定を消去",
+		"RESTART_SOFTWARE_HELP": "再起動が必要な設定を適用",
-    "RESTART_SOFTWARE": "ソフトウェアを再起動",
+		"CAPTURE_METHOD": "Waylandスクリーンキャプチャ",
-    "CLEAR_SAVED_STATE_HELP": "セットとオーバーレイの位置をリセット",
+		"CAPTURE_METHOD_HELP": "画面が黒くなる、または乱れる場合は、\nこの設定を変更してみてください。",
-    "CLEAR_PIPEWIRE_TOKENS_HELP": "次の起動時に画面選択のプロンプトを表示",
+		"KEYBOARD_MIDDLE_CLICK": "キーボードの中ボタンクリック",
-    "DELETE_ALL_CONFIGS_HELP": "conf.d 内のすべての設定ファイルを削除",
+		"KEYBOARD_MIDDLE_CLICK_HELP": "紫色のレーザーで入力する際の修飾キー",
-    "RESTART_SOFTWARE_HELP": "再起動が必要な設定を適用",
+		"OPTION": {
-    "CAPTURE_METHOD": "Waylandスクリーンキャプチャ",
+			"AUTO": "自動",
-    "CAPTURE_METHOD_HELP": "画面が黒くなる、または乱れる場合は、\nこの設定を変更してみてください。",
+			"AUTO_HELP": "サポートされている場合はScreenCopy GPU、\nそうでない場合はPipeWire GPU。",
-    "KEYBOARD_MIDDLE_CLICK": "キーボードの中ボタンクリック",
+			"PIPEWIRE_HELP": "GPU高速キャプチャ。\nすべてのデスクトップで標準です。",
-    "KEYBOARD_MIDDLE_CLICK_HELP": "紫色のレーザーで入力する際の修飾キー",
+			"PW_FALLBACK_HELP": "CPU使用量が多い低速な方法です。\nPipeWire GPUが動作しない場合に試してください。",
-    "OPTION": {
+			"SCREENCOPY_GPU_HELP": "高速で、スクリーン共有ポップアップはありません。\n動作する環境: Hyprland, Niri, River, Sway",
-      "AUTO": "自動",
+			"SCREENCOPY_HELP": "遅延あり、画面共有ポップアップなし。\n動作する環境: Hyprland, Niri, River, Sway",
-      "AUTO_HELP": "サポートされている場合はScreenCopy GPU、\nそうでない場合はPipeWire GPU。",
+			"NONE": "なし",
-      "PIPEWIRE_HELP": "GPU高速キャプチャ。\nすべてのデスクトップで標準です。",
+			"HMD_PINCH": "HMD + ピンチ",
-      "PW_FALLBACK_HELP": "CPU使用量が多い低速な方法です。\nPipeWire GPUが動作しない場合に試してください。",
+			"EYE_PINCH": "つまんで目を合わせる",
-      "SCREENCOPY_GPU_HELP": "高速で、スクリーン共有ポップアップはありません。\n動作する環境: Hyprland, Niri, River, Sway",
+			"EYE_ONLY": "視野のみ",
-      "SCREENCOPY_HELP": "遅延あり、画面共有ポップアップなし。\n動作する環境: Hyprland, Niri, River, Sway",
+			"HMD_ONLY": "HMDのみ"
-      "NONE": "なし",
+		},
-      "HMD_PINCH": "HMD + ピンチ",
+		"AUTOSTART_APPS": "起動時に実行するアプリ",
-      "EYE_PINCH": "つまんで目を合わせる",
+		"HANDSFREE_POINTER": "ハンズフリーモード",
-      "EYE_ONLY": "視野のみ",
+		"HANDSFREE_POINTER_HELP": "モーションコントローラーが利用できない場合の入力方法。\n左手のピンチは掴み、右手のピンチはクリックです。",
-      "HMD_ONLY": "HMDのみ"
+		"UI_GRADIENT_INTENSITY": "UIグラデーションの強さ",
-    },
+		"RESET_PLAYSPACE": "プレイエリアをリセット",
-    "AUTOSTART_APPS": "起動時に実行するアプリ",
+		"RESET_PLAYSPACE_HELP": "プレイエリアのオフセットをクリアします。",
-    "HANDSFREE_POINTER": "ハンズフリーモード",
+		"BLOCK_POSES_ON_KBD_INTERACTION": "キーボード操作時のポーズをブロック",
-    "HANDSFREE_POINTER_HELP": "モーションコントローラーが利用できない場合の入力方法。\n左手のピンチは掴み、右手のピンチはクリックです。",
+		"BLOCK_POSES_ON_KBD_INTERACTION_HELP": "キーボードがホバーされ、「ゲーム入力をブロック」が有効になっている場合、ゲームがポーズを受信することをブロックします",
-    "UI_GRADIENT_INTENSITY": "UIグラデーションの強さ",
+		"LANGUAGE": "言語",
-    "RESET_PLAYSPACE": "プレイエリアをリセット",
+		"REQUIRES_RESTART": "再起動が必要です",
-    "RESET_PLAYSPACE_HELP": "プレイエリアのオフセットをクリアします。"
+		"GRID_OPACITY": "フロアグリッドの不透明度",
-  },
+		"GRID_OPACITY_HELP": "スカイボックスが有効なときの床グリッドの不透明度"
-  "HELLO": "こんにちは！",
+	},
-  "AUDIO": {
+	"HELLO": "こんにちは！",
-    "VOLUME": "音量",
+	"AUDIO": {
-    "SETTINGS": "オーディオ設定",
+		"VOLUME": "音量",
-    "AUTO_SWITCH_TO_VR_AUDIO": "VRオーディオに自動切り替え",
+		"SETTINGS": "オーディオ設定",
-    "SPEAKERS": "スピーカー",
+		"AUTO_SWITCH_TO_VR_AUDIO": "VRオーディオに自動切り替え",
-    "MICROPHONES": "マイク",
+		"SPEAKERS": "スピーカー",
-    "CARDS": "カード",
+		"MICROPHONES": "マイク",
-    "SELECT_AUDIO_CARD_PROFILE": "オーディオカードプロファイルを選択",
+		"CARDS": "カード",
-    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "VRスピーカーが見つかりませんでした。手動で切り替えてください。",
+		"SELECT_AUDIO_CARD_PROFILE": "オーディオカードプロファイルを選択",
-    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "VRマイクが見つかりませんでした。手動で切り替えてください。",
+		"NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "VRスピーカーが見つかりませんでした。手動で切り替えてください。",
-    "FAILED_TO_SWITCH_MICROPHONE": "マイクの切り替えに失敗しました",
+		"NO_VR_MICROPHONE_SWITCH_MANUALLY": "VRマイクが見つかりませんでした。手動で切り替えてください。",
-    "MICROPHONE_SET_SUCCESSFULLY": "マイクの設定が完了しました",
+		"FAILED_TO_SWITCH_MICROPHONE": "マイクの切り替えに失敗しました",
-    "SPEAKERS_SET_SUCCESSFULLY": "スピーカーを設定しました"
+		"MICROPHONE_SET_SUCCESSFULLY": "マイクの設定が完了しました",
-  },
+		"SPEAKERS_SET_SUCCESSFULLY": "スピーカーを設定しました"
-  "ACTIONS": {
+	},
-    "RECENTER_PLAYSPACE": "プレイスペースを再中央"
+	"ACTIONS": {
-  },
+		"RECENTER_PLAYSPACE": "プレイスペースを再中央"
-  "POPUP_ADD_DISPLAY": {
+	},
-    "RESOLUTION": "解像度"
+	"POPUP_ADD_DISPLAY": {
-  },
+		"RESOLUTION": "解像度"
-  "WIDTH": "幅",
+	},
-  "HEIGHT": "高さ",
+	"WIDTH": "幅",
-  "HIDE": "隠す",
+	"HEIGHT": "高さ",
-  "REMOVE": "削除",
+	"HIDE": "隠す",
-  "SHOW": "表示",
+	"REMOVE": "削除",
-  "FAILED_TO_LAUNCH_APPLICATION": "アプリケーションの起動に失敗しました：",
+	"SHOW": "表示",
-  "APPLICATION_STARTED": "アプリケーションが起動しました",
+	"FAILED_TO_LAUNCH_APPLICATION": "アプリケーションの起動に失敗しました：",
-  "CLOSE_WINDOW": "ウィンドウを閉じる",
+	"APPLICATION_STARTED": "アプリケーションが起動しました",
-  "GAME_LIST": {
+	"CLOSE_WINDOW": "ウィンドウを閉じる",
-    "NO_GAMES_FOUND": "ゲームが見つかりませんでした",
+	"GAME_LIST": {
-    "RUNNING_GAMES_LIST": "実行中のゲーム一覧"
+		"NO_GAMES_FOUND": "ゲームが見つかりませんでした",
-  },
+		"RUNNING_GAMES_LIST": "実行中のゲーム一覧"
-  "TERMINATE_PROCESS": "プロセスを終了する",
+	},
-  "GAME_LAUNCHED": "ゲームが起動しました",
+	"TERMINATE_PROCESS": "プロセスを終了する",
-  "APP_LAUNCHER": {
+	"GAME_LAUNCHED": "ゲームが起動しました",
-    "MODE": {
+	"APP_LAUNCHER": {
-      "NATIVE": "ネイティブモード",
+		"MODE": {
-      "CAGE": "互換モード（Cage）"
+			"NATIVE": "ネイティブモード",
-    },
+			"CAGE": "互換モード（Cage）"
-    "RES_TITLE": "解像度",
+		},
-    "ASPECT_TITLE": "アスペクト",
+		"RES_TITLE": "解像度",
-    "ASPECT": {
+		"ASPECT_TITLE": "アスペクト",
-      "WIDE": "ワイド",
+		"ASPECT": {
-      "SEMI_WIDE": "半広角",
+			"WIDE": "ワイド",
-      "SQUARE": "正方形",
+			"SEMI_WIDE": "半広角",
-      "SEMI_TALL": "半縦長",
+			"SQUARE": "正方形",
-      "TALL": "縦長"
+			"SEMI_TALL": "半縦長",
-    },
+			"TALL": "縦長"
-    "POS_TITLE": "配置",
+		},
-    "POS": {
+		"POS_TITLE": "配置",
-      "FLOATING": "フローティング",
+		"POS": {
-      "ANCHORED": "固定",
+			"FLOATING": "フローティング",
-      "STATIC": "固定",
+			"ANCHORED": "固定",
-      "FLOATING_HELP": "独立して移動し、表示時に中央に再配置されます。",
+			"STATIC": "固定",
-      "ANCHORED_HELP": "中央マーカーに対して固定された位置に留まります。",
+			"FLOATING_HELP": "独立して移動し、表示時に中央に再配置されます。",
-      "STATIC_HELP": "どのセットにも属していません。リセンターされません。"
+			"ANCHORED_HELP": "中央マーカーに対して固定された位置に留まります。",
-    },
+			"STATIC_HELP": "どのセットにも属していません。リセンターされません。"
-    "AUTOSTART": "起動時に自動実行",
+		},
-    "LAUNCH": "起動"
+		"AUTOSTART": "起動時に自動実行",
-  },
+		"LAUNCH": "起動"
-  "DISPLAY_BRIGHTNESS": "ディスプレイの明るさ",
+	},
-  "PROCESS_LIST": "プロセスリスト",
+	"DISPLAY_BRIGHTNESS": "ディスプレイの明るさ",
-  "REFRESH": "更新",
+	"PROCESS_LIST": "プロセスリスト",
-  "PROCESS": {
+	"REFRESH": "更新",
-    "STOP": "停止",
+	"PROCESS": {
-    "FORCE_KILL": "強制終了"
+		"STOP": "停止",
-  }
+		"FORCE_KILL": "強制終了"
+	},
+	"DEBUG_INFO": "デバッグ情報"
 }

dash-frontend/assets/lang/pl.json

@@ -1,160 +1,163 @@
 {
-  "ACTIONS": {
+	"ACTIONS": {
-    "RECENTER_PLAYSPACE": "Wycentruj przestrzeń"
+		"RECENTER_PLAYSPACE": "Wycentruj przestrzeń"
-  },
+	},
-  "APP_SETTINGS": {
+	"APP_SETTINGS": {
-    "HIDE_USERNAME": "Ukryj nazwę użytkownika",
+		"HIDE_USERNAME": "Ukryj nazwę użytkownika",
-    "OPAQUE_BACKGROUND": "Nieprzezroczyste tło",
+		"OPAQUE_BACKGROUND": "Nieprzezroczyste tło",
-    "WLX": {},
+		"LOOK_AND_FEEL": "Wygląd i działanie",
-    "LOOK_AND_FEEL": "Wygląd i działanie",
+		"HIDE_GRAB_HELP": "Ukryj pomoc dotyczącą chwytania",
-    "HIDE_GRAB_HELP": "Ukryj pomoc dotyczącą chwytania",
+		"ANIMATION_SPEED": "Prędkość animacji UI",
-    "ANIMATION_SPEED": "Prędkość animacji UI",
+		"ROUND_MULTIPLIER": "Zaokrąglenie krawędzi UI",
-    "ROUND_MULTIPLIER": "Zaokrąglenie krawędzi UI",
+		"USE_SKYBOX": "Włącz niebo",
-    "USE_SKYBOX": "Włącz niebo",
+		"USE_PASSTHROUGH": "Włącz passthrough",
-    "USE_PASSTHROUGH": "Włącz passthrough",
+		"CLOCK_12H": "Zegar 12-godzinny",
-    "CLOCK_12H": "Zegar 12-godzinny",
+		"FEATURES": "Funkcje",
-    "FEATURES": "Funkcje",
+		"NOTIFICATIONS_ENABLED": "Włącz powiadomienia",
-    "NOTIFICATIONS_ENABLED": "Włącz powiadomienia",
+		"NOTIFICATIONS_SOUND_ENABLED": "Dźwięki powiadomień",
-    "NOTIFICATIONS_SOUND_ENABLED": "Dźwięki powiadomień",
+		"KEYBOARD_SOUND_ENABLED": "Dźwięki klawiatury",
-    "KEYBOARD_SOUND_ENABLED": "Dźwięki klawiatury",
+		"SPACE_DRAG_MULTIPLIER": "Mnożnik przesuwania przestrzeni",
-    "SPACE_DRAG_MULTIPLIER": "Mnożnik przesuwania przestrzeni",
+		"SPACE_DRAG_UNLOCKED": "Pozwól na przesuwanie przestrzeni na wszystkich osiach",
-    "SPACE_DRAG_UNLOCKED": "Pozwól na przesuwanie przestrzeni na wszystkich osiach",
+		"SPACE_ROTATE_UNLOCKED": "Pozwól na rotację przestrzeni na wszystkich osiach",
-    "SPACE_ROTATE_UNLOCKED": "Pozwól na rotację przestrzeni na wszystkich osiach",
+		"BLOCK_GAME_INPUT": "Blokuj input z gry",
-    "BLOCK_GAME_INPUT": "Blokuj input z gry",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH": "Nie blokuj inputu gry, gdy zegarek jest używany",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH": "Nie blokuj inputu gry, gdy zegarek jest używany",
+		"CONTROLS": "Sterowanie",
-    "CONTROLS": "Sterowanie",
+		"FOCUS_FOLLOWS_MOUSE_MODE": "Ruch myszą po dotknięciu spustu",
-    "FOCUS_FOLLOWS_MOUSE_MODE": "Ruch myszą po dotknięciu spustu",
+		"LEFT_HANDED_MOUSE": "Myszka dla leworęcznych",
-    "LEFT_HANDED_MOUSE": "Myszka dla leworęcznych",
+		"ALLOW_SLIDING": "Interakcja z drążkami podczas chwytania",
-    "ALLOW_SLIDING": "Interakcja z drążkami podczas chwytania",
+		"INVERT_SCROLL_DIRECTION_X": "Odwróć kierunek przewijania w poziomie",
-    "INVERT_SCROLL_DIRECTION_X": "Odwróć kierunek przewijania w poziomie",
+		"INVERT_SCROLL_DIRECTION_Y": "Odwróć kierunek przewijania w pionie",
-    "INVERT_SCROLL_DIRECTION_Y": "Odwróć kierunek przewijania w pionie",
+		"SCROLL_SPEED": "Prędkość przewijania",
-    "SCROLL_SPEED": "Prędkość przewijania",
+		"LONG_PRESS_DURATION": "Czas długiego przytrzymania",
-    "LONG_PRESS_DURATION": "Czas długiego przytrzymania",
+		"POINTER_LERP_FACTOR": "Wygładzanie wskaźnika",
-    "POINTER_LERP_FACTOR": "Wygładzanie wskaźnika",
+		"CLICK_FREEZE_TIME_MS": "Czas zamrożenia po kliknięciu (ms)",
-    "XR_CLICK_SENSITIVITY": "Czułość kliknięć XR",
+		"XWAYLAND_BY_DEFAULT": "Uruchamiaj aplikacje domyślnie w trybie kompatybilności",
-    "XR_CLICK_SENSITIVITY_RELEASE": "Czułość zwalniania XR",
+		"UPRIGHT_SCREEN_FIX": "Naprawa pozycji ekranu",
-    "CLICK_FREEZE_TIME_MS": "Czas zamrożenia po kliknięciu (ms)",
+		"DOUBLE_CURSOR_FIX": "Naprawa podwójnego kursora",
-    "MISC": "Różne",
+		"SCREEN_RENDER_DOWN": "Renderuj ekran w niższej rozdzielczości",
-    "XWAYLAND_BY_DEFAULT": "Uruchamiaj aplikacje domyślnie w trybie kompatybilności",
+		"UPRIGHT_SCREEN_FIX_HELP": "Naprawia pionowe ekrany na niektórych komputerach",
-    "UPRIGHT_SCREEN_FIX": "Naprawa pozycji ekranu",
+		"DOUBLE_CURSOR_FIX_HELP": "Włącz to, jeśli widzisz 2 kursory",
-    "DOUBLE_CURSOR_FIX": "Naprawa podwójnego kursora",
+		"CLICK_FREEZE_TIME_MS_HELP": "Pomaga w precyzji podwójnego kliknięcia",
-    "SCREEN_RENDER_DOWN": "Renderuj ekran w niższej rozdzielczości",
+		"LEFT_HANDED_MOUSE_HELP": "Użyj tego, jeśli przyciski myszy są zamienione",
-    "UPRIGHT_SCREEN_FIX_HELP": "Naprawia pionowe ekrany na niektórych komputerach",
+		"BLOCK_GAME_INPUT_HELP": "Blokuje wszystkie dane wejściowe, gdy kursor najedzie na nakładkę",
-    "DOUBLE_CURSOR_FIX_HELP": "Włącz to, jeśli widzisz 2 kursory",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "Nie blokuj inputu, gdy wskaźnik jest najedzony",
-    "XR_CLICK_SENSITIVITY_HELP": "Czułość analogowego spustu",
+		"USE_SKYBOX_HELP": "Wyświetlaj niebo, jeśli nie ma aplikacji sceny lub passthrough",
-    "XR_CLICK_SENSITIVITY_RELEASE_HELP": "Musi być niższa niż kliknięcie",
+		"USE_PASSTHROUGH_HELP": "Pozwól na passthrough, jeśli runtime XR to obsługuje",
-    "CLICK_FREEZE_TIME_MS_HELP": "Pomaga w precyzji podwójnego kliknięcia",
+		"SCREEN_RENDER_DOWN_HELP": "Pomaga redukować aliasing na ekranach o wysokiej rozdzielczości",
-    "LEFT_HANDED_MOUSE_HELP": "Użyj tego, jeśli przyciski myszy są zamienione",
+		"ENABLE_WATCH": "Włącz zegarek",
-    "BLOCK_GAME_INPUT_HELP": "Blokuje wszystkie dane wejściowe, gdy kursor najedzie na nakładkę",
+		"SETS_ON_WATCH": "Lista zestawów na zegarku",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "Nie blokuj inputu, gdy wskaźnik jest najedzony",
+		"TROUBLESHOOTING": "Rozwiązywanie problemów",
-    "USE_SKYBOX_HELP": "Wyświetlaj niebo, jeśli nie ma aplikacji sceny lub passthrough",
+		"CLEAR_SAVED_STATE": "Wyczyść zapisany stan",
-    "USE_PASSTHROUGH_HELP": "Pozwól na passthrough, jeśli runtime XR to obsługuje",
+		"CLEAR_PIPEWIRE_TOKENS": "Wyczyść tokeny PipeWire",
-    "SCREEN_RENDER_DOWN_HELP": "Pomaga redukować aliasing na ekranach o wysokiej rozdzielczości",
+		"DELETE_ALL_CONFIGS": "Wyczyść konfigurację",
-    "SETS_ON_WATCH": "Lista zestawów na zegarku",
+		"RESTART_SOFTWARE": "Restartuj WayVR",
-    "TROUBLESHOOTING": "Rozwiązywanie problemów",
+		"CLEAR_SAVED_STATE_HELP": "Zresetuj zestawy i pozycje nakładek",
-    "CLEAR_SAVED_STATE": "Wyczyść zapisany stan",
+		"CLEAR_PIPEWIRE_TOKENS_HELP": "Zapytaj o wybór ekranu przy następnym uruchomieniu",
-    "CLEAR_PIPEWIRE_TOKENS": "Wyczyść tokeny PipeWire",
+		"DELETE_ALL_CONFIGS_HELP": "Usuń wszystkie pliki konfiguracyjne z katalogu conf.d",
-    "DELETE_ALL_CONFIGS": "Wyczyść konfigurację",
+		"RESTART_SOFTWARE_HELP": "Zastosuj ustawienia wymagające ponownego uruchomienia",
-    "RESTART_SOFTWARE": "Uruchom ponownie oprogramowanie",
+		"CAPTURE_METHOD": "Przechwytywanie ekranu Wayland",
-    "CLEAR_SAVED_STATE_HELP": "Zresetuj zestawy i pozycje nakładek",
+		"CAPTURE_METHOD_HELP": "Spróbuj zmienić tę opcję, jeśli masz\nproblemy z czarnym lub migoczącym ekranem",
-    "CLEAR_PIPEWIRE_TOKENS_HELP": "Zapytaj o wybór ekranu przy następnym uruchomieniu",
+		"KEYBOARD_MIDDLE_CLICK": "Środkowy przycisk myszy na klawiaturze",
-    "DELETE_ALL_CONFIGS_HELP": "Usuń wszystkie pliki konfiguracyjne z katalogu conf.d",
+		"KEYBOARD_MIDDLE_CLICK_HELP": "Modyfikator, który ma zostać użyty podczas pisania\nfioletową wiązką lasera",
-    "RESTART_SOFTWARE_HELP": "Zastosuj ustawienia wymagające ponownego uruchomienia",
+		"OPTION": {
-    "CAPTURE_METHOD": "Przechwytywanie ekranu Wayland",
+			"AUTO": "Automatycznie",
-    "CAPTURE_METHOD_HELP": "Spróbuj zmienić tę opcję, jeśli masz\nproblemy z czarnym lub migoczącym ekranem",
+			"AUTO_HELP": "Skopiuj ekran za pomocą GPU, jeśli obsługiwane,\nw przeciwnym razie GPU PipeWire.",
-    "KEYBOARD_MIDDLE_CLICK": "Środkowy przycisk myszy na klawiaturze",
+			"PIPEWIRE_HELP": "Szybkie przechwytywanie GPU,\nstandard na wszystkich komputerach.",
-    "KEYBOARD_MIDDLE_CLICK_HELP": "Modyfikator, który ma zostać użyty podczas pisania\nfioletową wiązką lasera",
+			"PW_FALLBACK_HELP": "Powolna metoda z wysokim użyciem procesora.\nWypróbuj w przypadku, gdy PipeWire GPU nie działa",
-    "OPTION": {
+			"SCREENCOPY_GPU_HELP": "Szybkie działanie, brak wyskakujących okien z informacją o udostępnianiu ekranu.\nDziała na: Hyprland, Niri, River, Sway",
-      "AUTO": "Automatycznie",
+			"SCREENCOPY_HELP": "Wolne, bez wyskakujących okienek udostępniania ekranu.\nDziała na: Hyprland, Niri, River, Sway",
-      "AUTO_HELP": "Skopiuj ekran za pomocą GPU, jeśli obsługiwane,\nw przeciwnym razie GPU PipeWire.",
+			"NONE": "Brak",
-      "PIPEWIRE_HELP": "Szybkie przechwytywanie GPU,\nstandard na wszystkich komputerach.",
+			"HMD_PINCH": "HMD + ściśnięcie placami",
-      "PW_FALLBACK_HELP": "Powolna metoda z wysokim użyciem procesora.\nWypróbuj w przypadku, gdy PipeWire GPU nie działa",
+			"EYE_PINCH": "Ściśnięcie palcami + oko",
-      "SCREENCOPY_GPU_HELP": "Szybkie działanie, brak wyskakujących okien z informacją o udostępnianiu ekranu.\nDziała na: Hyprland, Niri, River, Sway",
+			"EYE_ONLY": "Tylko oko",
-      "SCREENCOPY_HELP": "Wolne, bez wyskakujących okienek udostępniania ekranu.\nDziała na: Hyprland, Niri, River, Sway",
+			"HMD_ONLY": "Tylko HMD"
-      "NONE": "Brak",
+		},
-      "HMD_PINCH": "HMD + szczyknięcie",
+		"AUTOSTART_APPS": "Aplikacje auto-start",
-      "EYE_PINCH": "Ściśnięcie palcami + oko",
+		"HANDSFREE_POINTER": "Tryb bez użycia rąk",
-      "EYE_ONLY": "Tylko oko",
+		"HANDSFREE_POINTER_HELP": "Wejście do użycia, gdy kontrolery ruchu\nsą niedostępne. Lewy szczyptak to chwyt,\nprawy to kliknięcie.",
-      "HMD_ONLY": "Tylko HMD"
+		"UI_GRADIENT_INTENSITY": "Intensywność gradientu UI",
-    },
+		"RESET_PLAYSPACE": "Zresetuj przestrzeń gry",
-    "AUTOSTART_APPS": "Aplikacje do uruchomienia przy starcie",
+		"RESET_PLAYSPACE_HELP": "Wyczyść przesunięcie przestrzeni gry.",
-    "HANDSFREE_POINTER": "Tryb bez użycia rąk",
+		"BLOCK_POSES_ON_KBD_INTERACTION": "Blokuj pozy podczas interakcji z klawiaturą",
-    "HANDSFREE_POINTER_HELP": "Wejście do użycia, gdy kontrolery ruchu\nsą niedostępne. Lewy szczyptak to chwyt,\nprawy to kliknięcie.",
+		"BLOCK_POSES_ON_KBD_INTERACTION_HELP": "Blokuje odbieranie póz przez grę, gdy kursor myszy znajduje się nad klawiaturą i włączona jest opcja 'Blokuj dane wejściowe z gry'",
-    "UI_GRADIENT_INTENSITY": "Intensywność gradientu UI",
+		"LANGUAGE": "Język",
-    "RESET_PLAYSPACE": "Zresetuj przestrzeń gry",
+		"REQUIRES_RESTART": "Wymaga restartu",
-    "RESET_PLAYSPACE_HELP": "Wyczyść przesunięcie przestrzeni gry."
+		"MISC": "Różne",
-  },
+		"GRID_OPACITY": "Przezroczystość siatki podłogowej",
-  "APPLICATION_LAUNCHER": "Uruchamiacz aplikacji",
+		"GRID_OPACITY_HELP": "Przezroczystość siatki podłogowej, gdy włączony jest skybox"
-  "APPLICATIONS": "Aplikacje",
+	},
-  "AUDIO": {
+	"APPLICATION_LAUNCHER": "Uruchamiacz aplikacji",
-    "AUTO_SWITCH_TO_VR_AUDIO": "Automatyczne przełączanie na dźwięk VR",
+	"APPLICATIONS": "Aplikacje",
-    "CARDS": "Karty",
+	"AUDIO": {
-    "FAILED_TO_SWITCH_MICROPHONE": "Nie udało się przełączyć mikrofon",
+		"AUTO_SWITCH_TO_VR_AUDIO": "Automatyczne przełączanie na dźwięk VR",
-    "MICROPHONE_SET_SUCCESSFULLY": "Mikrofon ustawiono pomyślnie",
+		"CARDS": "Karty",
-    "MICROPHONES": "Mikrofony",
+		"FAILED_TO_SWITCH_MICROPHONE": "Nie udało się przełączyć mikrofon",
-    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "Brak mikrofonu VR. Włącz go ręcznie.",
+		"MICROPHONE_SET_SUCCESSFULLY": "Mikrofon ustawiono pomyślnie",
-    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "Brak głośników VR. Włącz je ręcznie.",
+		"MICROPHONES": "Mikrofony",
-    "SELECT_AUDIO_CARD_PROFILE": "Wybierz profil karty dźwiękowej",
+		"NO_VR_MICROPHONE_SWITCH_MANUALLY": "Brak mikrofonu VR. Włącz go ręcznie.",
-    "SETTINGS": "Ustawienia dźwięku",
+		"NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "Brak głośników VR. Włącz je ręcznie.",
-    "SPEAKERS": "Głośniki",
+		"SELECT_AUDIO_CARD_PROFILE": "Wybierz profil karty dźwiękowej",
-    "SPEAKERS_SET_SUCCESSFULLY": "Głośniki ustawiono pomyślnie",
+		"SETTINGS": "Ustawienia dźwięku",
-    "VOLUME": "Głośność"
+		"SPEAKERS": "Głośniki",
-  },
+		"SPEAKERS_SET_SUCCESSFULLY": "Głośniki ustawiono pomyślnie",
-  "GAMES": "Gry",
+		"VOLUME": "Głośność"
-  "GENERAL_SETTINGS": "Ustawienia ogólne",
+	},
-  "HEIGHT": "Wysokość",
+	"GAMES": "Gry",
-  "HELLO": "Witaj!",
+	"GENERAL_SETTINGS": "Ustawienia ogólne",
-  "HELLO_USER": "Witaj, {USER}!",
+	"HEIGHT": "Wysokość",
-  "HIDE": "Ukryj",
+	"HELLO": "Witaj!",
-  "HOME_SCREEN": "Ekran główny",
+	"HELLO_USER": "Witaj, {USER}!",
-  "MONADO_RUNTIME": "Środowisko Monado",
+	"HIDE": "Ukryj",
-  "POPUP_ADD_DISPLAY": {
+	"HOME_SCREEN": "Ekran główny",
-    "RESOLUTION": "Rozdzielczość"
+	"MONADO_RUNTIME": "Środowisko Monado",
-  },
+	"POPUP_ADD_DISPLAY": {
-  "REMOVE": "Usuń",
+		"RESOLUTION": "Rozdzielczość"
-  "SETTINGS": "Ustawienia",
+	},
-  "SHOW": "Pokaż",
+	"REMOVE": "Usuń",
-  "WIDTH": "Szerokość",
+	"SETTINGS": "Ustawienia",
-  "FAILED_TO_LAUNCH_APPLICATION": "Nie udało się uruchomić aplikacji:",
+	"SHOW": "Pokaż",
-  "APPLICATION_STARTED": "Aplikacja uruchomiona",
+	"WIDTH": "Szerokość",
-  "CLOSE_WINDOW": "Zamknij okno",
+	"FAILED_TO_LAUNCH_APPLICATION": "Nie udało się uruchomić aplikacji:",
-  "GAME_LIST": {
+	"APPLICATION_STARTED": "Aplikacja uruchomiona",
-    "NO_GAMES_FOUND": "Nie znaleziono gier",
+	"CLOSE_WINDOW": "Zamknij okno",
-    "RUNNING_GAMES_LIST": "Lista uruchomionych gier"
+	"GAME_LIST": {
-  },
+		"NO_GAMES_FOUND": "Nie znaleziono gier",
-  "TERMINATE_PROCESS": "Zakończ proces",
+		"RUNNING_GAMES_LIST": "Lista uruchomionych gier"
-  "GAME_LAUNCHED": "Gra uruchomiona",
+	},
-  "APP_LAUNCHER": {
+	"TERMINATE_PROCESS": "Zakończ proces",
-    "MODE": {
+	"GAME_LAUNCHED": "Gra uruchomiona",
-      "NATIVE": "Tryb natywny",
+	"APP_LAUNCHER": {
-      "CAGE": "Tryb kompatybilności (Cage)"
+		"MODE": {
-    },
+			"NATIVE": "Tryb natywny",
-    "RES_TITLE": "Rozdzielczość",
+			"CAGE": "Tryb kompatybilności (Cage)"
-    "ASPECT_TITLE": "Proporcje",
+		},
-    "ASPECT": {
+		"RES_TITLE": "Rozdzielczość",
-      "WIDE": "Szeroki",
+		"ASPECT_TITLE": "Proporcje",
-      "SEMI_WIDE": "Półszeroki",
+		"ASPECT": {
-      "SQUARE": "Kwadrat",
+			"WIDE": "Szeroki",
-      "SEMI_TALL": "Pół-wysoki",
+			"SEMI_WIDE": "Półszeroki",
-      "TALL": "Wysoki"
+			"SQUARE": "Kwadrat",
-    },
+			"SEMI_TALL": "Pół-wysoki",
-    "POS_TITLE": "Pozycjonowanie",
+			"TALL": "Wysoki"
-    "POS": {
+		},
-      "FLOATING": "Pływający",
+		"POS_TITLE": "Pozycjonowanie",
-      "ANCHORED": "Przymocowane",
+		"POS": {
-      "STATIC": "Statyczny",
+			"FLOATING": "Pływający",
-      "FLOATING_HELP": "Porusza się niezależnie, wycentrowuje się po otwarciu.",
+			"ANCHORED": "Przymocowane",
-      "ANCHORED_HELP": "Pozostaje nieruchoma względem centralnego znacznika.",
+			"STATIC": "Statyczny",
-      "STATIC_HELP": "Nie należy do żadnego zestawu. Nie wyśrodkowuje."
+			"FLOATING_HELP": "Porusza się niezależnie, wycentrowuje się po otwarciu.",
-    },
+			"ANCHORED_HELP": "Pozostaje nieruchoma względem centralnego znacznika.",
-    "AUTOSTART": "Uruchom automatycznie przy starcie",
+			"STATIC_HELP": "Nie należy do żadnego zestawu. Nie wyśrodkowuje."
-    "LAUNCH": "Uruchom"
+		},
-  },
+		"AUTOSTART": "Uruchom automatycznie przy starcie",
-  "DISPLAY_BRIGHTNESS": "Jasność wyświetlacza",
+		"LAUNCH": "Uruchom"
-  "PROCESS_LIST": "Lista procesów",
+	},
-  "REFRESH": "Odśwież",
+	"DISPLAY_BRIGHTNESS": "Jasność wyświetlacza",
-  "PROCESS": {
+	"PROCESS_LIST": "Lista procesów",
-    "STOP": "Zatrzymaj",
+	"REFRESH": "Odśwież",
-    "FORCE_KILL": "Wymuś zakończenie"
+	"PROCESS": {
-  }
+		"STOP": "Zatrzymaj",
+		"FORCE_KILL": "Wymuś zakończenie"
+	},
+	"DEBUG_INFO": "Informacje debugowania"
 }

dash-frontend/assets/lang/zh_CN.json

@@ -1,159 +1,162 @@
 {
-  "ACTIONS": {
+	"ACTIONS": {
-    "RECENTER_PLAYSPACE": "重置游玩区中心"
+		"RECENTER_PLAYSPACE": "重置游玩区中心"
-  },
+	},
-  "APP_LAUNCHER": {
+	"APP_LAUNCHER": {
-    "ASPECT": {
+		"ASPECT": {
-      "SEMI_TALL": "略高",
+			"SEMI_TALL": "略高",
-      "SEMI_WIDE": "略宽",
+			"SEMI_WIDE": "略宽",
-      "SQUARE": "正方形",
+			"SQUARE": "正方形",
-      "TALL": "高",
+			"TALL": "高",
-      "WIDE": "宽"
+			"WIDE": "宽"
-    },
+		},
-    "ASPECT_TITLE": "比例",
+		"ASPECT_TITLE": "比例",
-    "AUTOSTART": "启动时自动运行",
+		"AUTOSTART": "启动时自动运行",
-    "LAUNCH": "启动",
+		"LAUNCH": "启动",
-    "MODE": {
+		"MODE": {
-      "CAGE": "兼容模式 (Cage)",
+			"CAGE": "兼容模式 (Cage)",
-      "NATIVE": "原生模式"
+			"NATIVE": "原生模式"
-    },
+		},
-    "POS": {
+		"POS": {
-      "ANCHORED": "锚定",
+			"ANCHORED": "锚定",
-      "ANCHORED_HELP": "相对于中心标记保持固定。",
+			"ANCHORED_HELP": "相对于中心标记保持固定。",
-      "FLOATING": "悬浮",
+			"FLOATING": "悬浮",
-      "FLOATING_HELP": "独立移动，显示时自动重置中心。",
+			"FLOATING_HELP": "独立移动，显示时自动重置中心。",
-      "STATIC": "静态",
+			"STATIC": "静态",
-      "STATIC_HELP": "不属于任何集合。不会重置中心。"
+			"STATIC_HELP": "不属于任何集合。不会重置中心。"
-    },
+		},
-    "POS_TITLE": "定位",
+		"POS_TITLE": "定位",
-    "RES_TITLE": "分辨率"
+		"RES_TITLE": "分辨率"
-  },
+	},
-  "APP_SETTINGS": {
+	"APP_SETTINGS": {
-    "ALLOW_SLIDING": "抓取时允许摇杆交互",
+		"ALLOW_SLIDING": "抓取时允许摇杆交互",
-    "ANIMATION_SPEED": "UI 动画速度",
+		"ANIMATION_SPEED": "UI 动画速度",
-    "BLOCK_GAME_INPUT": "屏蔽游戏输入",
+		"BLOCK_GAME_INPUT": "屏蔽游戏输入",
-    "BLOCK_GAME_INPUT_HELP": "悬停在覆盖层上时屏蔽所有输入",
+		"BLOCK_GAME_INPUT_HELP": "悬停在覆盖层上时屏蔽所有输入",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH": "屏蔽输入时忽略手表",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH": "屏蔽输入时忽略手表",
-    "BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "悬停在手表上时不屏蔽输入",
+		"BLOCK_GAME_INPUT_IGNORE_WATCH_HELP": "悬停在手表上时不屏蔽输入",
-    "CAPTURE_METHOD": "Wayland 屏幕采集",
+		"CAPTURE_METHOD": "Wayland 屏幕采集",
-    "CAPTURE_METHOD_HELP": "如果您遇到黑屏或花屏，请尝试更改此项",
+		"CAPTURE_METHOD_HELP": "如果您遇到黑屏或花屏，请尝试更改此项",
-    "CLEAR_PIPEWIRE_TOKENS": "清除 PipeWire 令牌",
+		"CLEAR_PIPEWIRE_TOKENS": "清除 PipeWire 令牌",
-    "CLEAR_PIPEWIRE_TOKENS_HELP": "下次启动时提示选择屏幕",
+		"CLEAR_PIPEWIRE_TOKENS_HELP": "下次启动时提示选择屏幕",
-    "CLEAR_SAVED_STATE": "清除保存的状态",
+		"CLEAR_SAVED_STATE": "清除保存的状态",
-    "CLEAR_SAVED_STATE_HELP": "重置集合与覆盖层位置",
+		"CLEAR_SAVED_STATE_HELP": "重置集合与覆盖层位置",
-    "CLICK_FREEZE_TIME_MS": "点击冻结时间 (毫秒)",
+		"CLICK_FREEZE_TIME_MS": "点击冻结时间 (毫秒)",
-    "CLICK_FREEZE_TIME_MS_HELP": "有助于提高双击精度",
+		"CLICK_FREEZE_TIME_MS_HELP": "有助于提高双击精度",
-    "CLOCK_12H": "12 小时制时钟",
+		"CLOCK_12H": "12 小时制时钟",
-    "CONTROLS": "控制",
+		"CONTROLS": "控制",
-    "DELETE_ALL_CONFIGS": "擦除配置",
+		"DELETE_ALL_CONFIGS": "擦除配置",
-    "DELETE_ALL_CONFIGS_HELP": "从 conf.d 中删除所有配置文件",
+		"DELETE_ALL_CONFIGS_HELP": "从 conf.d 中删除所有配置文件",
-    "DOUBLE_CURSOR_FIX": "双光标修复",
+		"DOUBLE_CURSOR_FIX": "双光标修复",
-    "DOUBLE_CURSOR_FIX_HELP": "如果您看到两个光标，请启用此项",
+		"DOUBLE_CURSOR_FIX_HELP": "如果您看到两个光标，请启用此项",
-    "FEATURES": "功能",
+		"FEATURES": "功能",
-    "FOCUS_FOLLOWS_MOUSE_MODE": "触摸扳机时移动鼠标",
+		"FOCUS_FOLLOWS_MOUSE_MODE": "触摸扳机时移动鼠标",
-    "HIDE_GRAB_HELP": "隐藏抓取帮助",
+		"HIDE_GRAB_HELP": "隐藏抓取帮助",
-    "HIDE_USERNAME": "隐藏用户名",
+		"HIDE_USERNAME": "隐藏用户名",
-    "INVERT_SCROLL_DIRECTION_X": "反转水平滚动方向",
+		"INVERT_SCROLL_DIRECTION_X": "反转水平滚动方向",
-    "INVERT_SCROLL_DIRECTION_Y": "反转垂直滚动方向",
+		"INVERT_SCROLL_DIRECTION_Y": "反转垂直滚动方向",
-    "KEYBOARD_MIDDLE_CLICK": "键盘中键点击",
+		"KEYBOARD_MIDDLE_CLICK": "键盘中键点击",
-    "KEYBOARD_MIDDLE_CLICK_HELP": "使用紫色激光打字时的修饰键",
+		"KEYBOARD_MIDDLE_CLICK_HELP": "使用紫色激光打字时的修饰键",
-    "KEYBOARD_SOUND_ENABLED": "键盘音效",
+		"KEYBOARD_SOUND_ENABLED": "键盘音效",
-    "LEFT_HANDED_MOUSE": "左手鼠标",
+		"LEFT_HANDED_MOUSE": "左手鼠标",
-    "LEFT_HANDED_MOUSE_HELP": "如果鼠标按钮反置，请使用此项",
+		"LEFT_HANDED_MOUSE_HELP": "如果鼠标按钮反置，请使用此项",
-    "LONG_PRESS_DURATION": "长按持续时间",
+		"LONG_PRESS_DURATION": "长按持续时间",
-    "LOOK_AND_FEEL": "外观与体验",
+		"LOOK_AND_FEEL": "外观与体验",
-    "MISC": "杂项",
+		"MISC": "杂项",
-    "NOTIFICATIONS_ENABLED": "启用通知",
+		"NOTIFICATIONS_ENABLED": "启用通知",
-    "NOTIFICATIONS_SOUND_ENABLED": "通知音效",
+		"NOTIFICATIONS_SOUND_ENABLED": "通知音效",
-    "OPAQUE_BACKGROUND": "不透明背景",
+		"OPAQUE_BACKGROUND": "不透明背景",
-    "OPTION": {
+		"OPTION": {
-      "AUTO": "自动",
+			"AUTO": "自动",
-      "AUTO_HELP": "如果支持，则使用 ScreenCopy GPU，\n否则使用 PipeWire GPU。",
+			"AUTO_HELP": "如果支持，则使用 ScreenCopy GPU，\n否则使用 PipeWire GPU。",
-      "PIPEWIRE_HELP": "快速 GPU 采集，\n所有桌面环境的标准方式。",
+			"PIPEWIRE_HELP": "快速 GPU 采集，\n所有桌面环境的标准方式。",
-      "PW_FALLBACK_HELP": "高 CPU 占用的慢速方法。\n在 PipeWire GPU 不起作用时尝试。",
+			"PW_FALLBACK_HELP": "高 CPU 占用的慢速方法。\n在 PipeWire GPU 不起作用时尝试。",
-      "SCREENCOPY_GPU_HELP": "快速，无屏幕共享弹窗。\n支持：Hyprland, Niri, River, Sway",
+			"SCREENCOPY_GPU_HELP": "快速，无屏幕共享弹窗。\n支持：Hyprland, Niri, River, Sway",
-      "SCREENCOPY_HELP": "慢速，无屏幕共享弹窗。\n支持：Hyprland, Niri, River, Sway",
+			"SCREENCOPY_HELP": "慢速，无屏幕共享弹窗。\n支持：Hyprland, Niri, River, Sway",
-      "NONE": "无",
+			"NONE": "无",
-      "HMD_PINCH": "HMD + 捏合",
+			"HMD_PINCH": "HMD + 捏合",
-      "EYE_PINCH": "眼睛 + 捏合",
+			"EYE_PINCH": "眼睛 + 捏合",
-      "EYE_ONLY": "仅眼球",
+			"EYE_ONLY": "仅眼球",
-      "HMD_ONLY": "仅限头显"
+			"HMD_ONLY": "仅限头显"
-    },
+		},
-    "POINTER_LERP_FACTOR": "指针平滑",
+		"POINTER_LERP_FACTOR": "指针平滑",
-    "RESTART_SOFTWARE": "重启软件",
+		"RESTART_SOFTWARE": "重启软件",
-    "RESTART_SOFTWARE_HELP": "应用需要重启的设置",
+		"RESTART_SOFTWARE_HELP": "应用需要重启的设置",
-    "ROUND_MULTIPLIER": "UI 边缘圆角",
+		"ROUND_MULTIPLIER": "UI 边缘圆角",
-    "SCREEN_RENDER_DOWN": "以较低分辨率渲染屏幕",
+		"SCREEN_RENDER_DOWN": "以较低分辨率渲染屏幕",
-    "SCREEN_RENDER_DOWN_HELP": "有助于解决高分辨率屏幕的锯齿问题",
+		"SCREEN_RENDER_DOWN_HELP": "有助于解决高分辨率屏幕的锯齿问题",
-    "SCROLL_SPEED": "滚动速度",
+		"SCROLL_SPEED": "滚动速度",
-    "SETS_ON_WATCH": "在手表上显示集合",
+		"SETS_ON_WATCH": "在手表上显示集合",
-    "SPACE_DRAG_MULTIPLIER": "空间拖拽倍率",
+		"SPACE_DRAG_MULTIPLIER": "空间拖拽倍率",
-    "SPACE_DRAG_UNLOCKED": "允许在所有轴上进行空间拖拽",
+		"SPACE_DRAG_UNLOCKED": "允许在所有轴上进行空间拖拽",
-    "SPACE_ROTATE_UNLOCKED": "允许在所有轴上进行空间旋转",
+		"SPACE_ROTATE_UNLOCKED": "允许在所有轴上进行空间旋转",
-    "TROUBLESHOOTING": "故障排除",
+		"TROUBLESHOOTING": "故障排除",
-    "UPRIGHT_SCREEN_FIX": "垂直屏幕修复",
+		"UPRIGHT_SCREEN_FIX": "垂直屏幕修复",
-    "UPRIGHT_SCREEN_FIX_HELP": "修复某些桌面上的垂直屏幕问题",
+		"UPRIGHT_SCREEN_FIX_HELP": "修复某些桌面上的垂直屏幕问题",
-    "USE_PASSTHROUGH": "启用穿透",
+		"USE_PASSTHROUGH": "启用穿透",
-    "USE_PASSTHROUGH_HELP": "如果 XR 运行时支持，则允许穿透",
+		"USE_PASSTHROUGH_HELP": "如果 XR 运行时支持，则允许穿透",
-    "USE_SKYBOX": "启用天空盒",
+		"USE_SKYBOX": "启用天空盒",
-    "USE_SKYBOX_HELP": "如果没有场景应用或穿透，则显示天空盒",
+		"USE_SKYBOX_HELP": "如果没有场景应用或穿透，则显示天空盒",
-    "XR_CLICK_SENSITIVITY": "XR 点击灵敏度",
+		"XWAYLAND_BY_DEFAULT": "默认以兼容模式运行应用",
-    "XR_CLICK_SENSITIVITY_HELP": "模拟扳机灵敏度",
+		"AUTOSTART_APPS": "开机启动应用",
-    "XR_CLICK_SENSITIVITY_RELEASE": "XR 释放灵敏度",
+		"HANDSFREE_POINTER": "免提模式",
-    "XR_CLICK_SENSITIVITY_RELEASE_HELP": "必须低于点击灵敏度",
+		"HANDSFREE_POINTER_HELP": "当运动控制器不可用时使用的输入。\n左手捏合为抓取，右手为点击。",
-    "XWAYLAND_BY_DEFAULT": "默认以兼容模式运行应用",
+		"UI_GRADIENT_INTENSITY": "UI 渐变强度",
-    "AUTOSTART_APPS": "开机启动应用",
+		"RESET_PLAYSPACE": "重置游戏空间",
-    "HANDSFREE_POINTER": "免提模式",
+		"RESET_PLAYSPACE_HELP": "清除舞台空间偏移。",
-    "HANDSFREE_POINTER_HELP": "当运动控制器不可用时使用的输入。\n左手捏合为抓取，右手为点击。",
+		"BLOCK_POSES_ON_KBD_INTERACTION": "与键盘交互时阻止姿势",
-    "UI_GRADIENT_INTENSITY": "UI 渐变强度",
+		"BLOCK_POSES_ON_KBD_INTERACTION_HELP": "当键盘悬停且启用“阻止游戏输入”时，阻止游戏接收姿势",
-    "RESET_PLAYSPACE": "重置游戏空间",
+		"LANGUAGE": "语言",
-    "RESET_PLAYSPACE_HELP": "清除舞台空间偏移。"
+		"REQUIRES_RESTART": "需要重启",
-  },
+		"GRID_OPACITY": "地面网格不透明度",
-  "APPLICATION_LAUNCHER": "应用启动器",
+		"GRID_OPACITY_HELP": "启用天空盒时地板网格的不透明度"
-  "APPLICATION_STARTED": "应用已启动",
+	},
-  "APPLICATIONS": "应用",
+	"APPLICATION_LAUNCHER": "应用启动器",
-  "AUDIO": {
+	"APPLICATION_STARTED": "应用已启动",
-    "AUTO_SWITCH_TO_VR_AUDIO": "自动切换到 VR 音频",
+	"APPLICATIONS": "应用",
-    "CARDS": "声卡",
+	"AUDIO": {
-    "FAILED_TO_SWITCH_MICROPHONE": "切换麦克风失败",
+		"AUTO_SWITCH_TO_VR_AUDIO": "自动切换到 VR 音频",
-    "MICROPHONE_SET_SUCCESSFULLY": "麦克风设置成功",
+		"CARDS": "声卡",
-    "MICROPHONES": "麦克风",
+		"FAILED_TO_SWITCH_MICROPHONE": "切换麦克风失败",
-    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "未找到 VR 麦克风。请手动切换。",
+		"MICROPHONE_SET_SUCCESSFULLY": "麦克风设置成功",
-    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "未找到 VR 扬声器。请手动切换。",
+		"MICROPHONES": "麦克风",
-    "SELECT_AUDIO_CARD_PROFILE": "选择声卡配置",
+		"NO_VR_MICROPHONE_SWITCH_MANUALLY": "未找到 VR 麦克风。请手动切换。",
-    "SETTINGS": "音频设置",
+		"NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "未找到 VR 扬声器。请手动切换。",
-    "SPEAKERS": "扬声器",
+		"SELECT_AUDIO_CARD_PROFILE": "选择声卡配置",
-    "SPEAKERS_SET_SUCCESSFULLY": "扬声器设置成功",
+		"SETTINGS": "音频设置",
-    "VOLUME": "音量"
+		"SPEAKERS": "扬声器",
-  },
+		"SPEAKERS_SET_SUCCESSFULLY": "扬声器设置成功",
-  "CLOSE_WINDOW": "关闭窗口",
+		"VOLUME": "音量"
-  "DISPLAY_BRIGHTNESS": "显示亮度",
+	},
-  "FAILED_TO_LAUNCH_APPLICATION": "启动应用失败：",
+	"CLOSE_WINDOW": "关闭窗口",
-  "GAME_LAUNCHED": "游戏已启动",
+	"DISPLAY_BRIGHTNESS": "显示亮度",
-  "GAME_LIST": {
+	"FAILED_TO_LAUNCH_APPLICATION": "启动应用失败：",
-    "NO_GAMES_FOUND": "未找到游戏",
+	"GAME_LAUNCHED": "游戏已启动",
-    "RUNNING_GAMES_LIST": "正在运行的游戏列表"
+	"GAME_LIST": {
-  },
+		"NO_GAMES_FOUND": "未找到游戏",
-  "GAMES": "游戏",
+		"RUNNING_GAMES_LIST": "正在运行的游戏列表"
-  "GENERAL_SETTINGS": "通用设置",
+	},
-  "HEIGHT": "高度",
+	"GAMES": "游戏",
-  "HELLO": "你好！",
+	"GENERAL_SETTINGS": "通用设置",
-  "HELLO_USER": "你好，{USER}！",
+	"HEIGHT": "高度",
-  "HIDE": "隐藏",
+	"HELLO": "你好！",
-  "HOME_SCREEN": "主页",
+	"HELLO_USER": "你好，{USER}！",
-  "MONADO_RUNTIME": "Monado 运行时",
+	"HIDE": "隐藏",
-  "POPUP_ADD_DISPLAY": {
+	"HOME_SCREEN": "主页",
-    "RESOLUTION": "分辨率"
+	"MONADO_RUNTIME": "Monado 运行时",
-  },
+	"POPUP_ADD_DISPLAY": {
-  "REMOVE": "移除",
+		"RESOLUTION": "分辨率"
-  "SETTINGS": "设置",
+	},
-  "SHOW": "显示",
+	"REMOVE": "移除",
-  "TERMINATE_PROCESS": "终止进程",
+	"SETTINGS": "设置",
-  "WIDTH": "宽度",
+	"SHOW": "显示",
-  "PROCESS_LIST": "进程列表",
+	"TERMINATE_PROCESS": "终止进程",
-  "REFRESH": "刷新",
+	"WIDTH": "宽度",
-  "PROCESS": {
+	"PROCESS_LIST": "进程列表",
-    "STOP": "停止",
+	"REFRESH": "刷新",
-    "FORCE_KILL": "强制关闭"
+	"PROCESS": {
-  }
+		"STOP": "停止",
+		"FORCE_KILL": "强制关闭"
+	},
+	"DEBUG_INFO": "调试信息"
 }

dash-frontend/src/frontend.rs

@@ -12,12 +12,15 @@ use wgui::{
 	parser::{Fetchable, ParseDocumentParams, ParserState},
 	renderer_vk::text::custom_glyph::CustomGlyphData,
 	task::Tasks,
+	theme::WguiTheme,
 	widget::{label::WidgetLabel, rectangle::WidgetRectangle, sprite::WidgetSprite},
 	windowing::window::{WguiWindow, WguiWindowParams, WguiWindowParamsExtra, WguiWindowPlacement},
 };
 use wlx_common::{
+	async_executor::AsyncExecutor,
 	audio,
 	dash_interface::{BoxDashInterface, RecenterMode},
+	locale::WayVRLangProvider,
 	timestep::{self, Timestep},
 };
 
@@ -25,9 +28,8 @@ use crate::{
 	assets,
 	tab::{Tab, TabType, apps::TabApps, games::TabGames, home::TabHome, monado::TabMonado, settings::TabSettings},
 	util::{
-		popup_manager::{MountPopupParams, PopupManager, PopupManagerParams},
+		popup_manager::{MountPopupOnceParams, PopupManager, PopupManagerParams},
 		toast_manager::ToastManager,
-		various::AsyncExecutor,
 	},
 	views,
 };
@@ -43,7 +45,7 @@ pub type FrontendTasks = Tasks<FrontendTask>;
 
 pub struct Frontend<T> {
 	pub layout: Layout,
-	globals: WguiGlobals,
+	pub globals: WguiGlobals,
 
 	pub interface: BoxDashInterface<T>,
 
@@ -81,9 +83,11 @@ pub struct FrontendUpdateResult {
 	pub sounds_to_play: Vec<SoundType>,
 }
 
-pub struct InitParams<T> {
+pub struct InitParams<'a, T> {
 	pub interface: BoxDashInterface<T>,
+	pub lang_provider: &'a WayVRLangProvider,
 	pub has_monado: bool,
+	pub theme: Rc<WguiTheme>,
 }
 
 #[derive(Clone)]
@@ -97,19 +101,18 @@ pub enum FrontendTask {
 	SetTab(TabType),
 	RefreshClock,
 	RefreshBackground,
-	MountPopup(MountPopupParams),
+	MountPopupOnce(MountPopupOnceParams),
 	RefreshPopupManager,
 	ShowAudioSettings,
 	UpdateAudioSettingsView,
 	RecenterPlayspace,
 	PushToast(Translation),
 	PlaySound(SoundType),
-	UpdateWguiDefaultsFromConfig,
 	HideDashboard,
 }
 
 impl<T: 'static> Frontend<T> {
-	pub fn new(mut params: InitParams<T>, data: &mut T) -> anyhow::Result<Frontend<T>> {
+	pub fn new(params: InitParams<T>) -> anyhow::Result<Frontend<T>> {
 		let mut assets = Box::new(assets::Asset {});
 
 		let font_binary_bold = assets.load_from_path_gzip("Quicksand-Bold.ttf.gz")?;
@@ -118,7 +121,7 @@ impl<T: 'static> Frontend<T> {
 
 		let globals = WguiGlobals::new(
 			assets,
-			wgui::globals::Defaults::default(),
+			params.lang_provider,
 			&WguiFontConfig {
 				binaries: vec![&font_binary_regular, &font_binary_bold, &font_binary_light],
 				family_name_sans_serif: "Quicksand",
@@ -128,15 +131,16 @@ impl<T: 'static> Frontend<T> {
 			PathBuf::new(), //FIXME: pass from somewhere else
 		)?;
 
-		Frontend::update_defaults_from_config(&globals, &mut params.interface, data);
-
 		let (layout, state) = wgui::parser::new_layout_from_assets(
 			&ParseDocumentParams {
 				globals: globals.clone(),
 				path: AssetPath::BuiltIn("gui/dashboard.xml"),
 				extra: Default::default(),
 			},
-			&LayoutParams { resize_to_parent: true },
+			LayoutParams {
+				resize_to_parent: true,
+				theme: params.theme,
+			},
 		)?;
 
 		let id_popup_manager = state.get_widget_id("popup_manager")?;
@@ -182,7 +186,6 @@ impl<T: 'static> Frontend<T> {
 		// init some things first
 		frontend.tasks.push(FrontendTask::RefreshBackground);
 		frontend.tasks.push(FrontendTask::RefreshClock);
-		frontend.tasks.push(FrontendTask::UpdateWguiDefaultsFromConfig);
 
 		Frontend::register_widgets(&mut frontend)?;
 
@@ -193,16 +196,6 @@ impl<T: 'static> Frontend<T> {
 		self.sounds_to_play.push(sound_type);
 	}
 
-	fn update_defaults_from_config(globals: &WguiGlobals, interface: &mut BoxDashInterface<T>, data: &mut T) {
-		let config = interface.general_config(data);
-
-		let mut globals = globals.get();
-		let defaults = &mut globals.defaults;
-
-		defaults.animation_mult = 1.0 / config.ui_animation_speed;
-		defaults.gradient_intensity = config.ui_gradient_intensity;
-	}
-
 	fn play_sound(&mut self, audio_system: &mut audio::AudioSystem, sound_type: SoundType) -> anyhow::Result<()> {
 		let mut assets = self.globals.assets_builtin();
 
@@ -270,7 +263,7 @@ impl<T: 'static> Frontend<T> {
 		{
 			// always 30 times per second
 			while self.timestep.on_tick() {
-				self.toast_manager.tick(&self.globals, &mut self.layout)?;
+				self.toast_manager.tick(&mut self.layout)?;
 			}
 		}
 
@@ -286,10 +279,8 @@ impl<T: 'static> Frontend<T> {
 	}
 
 	fn update_time(&mut self, data: &mut T) -> anyhow::Result<()> {
-		let mut c = self.layout.start_common();
-		let mut common = c.common();
-
 		{
+			let mut common = self.layout.common();
 			let mut label = common
 				.state
 				.widgets
@@ -310,27 +301,20 @@ impl<T: 'static> Frontend<T> {
 			label.set_text(&mut common, Translation::from_raw_text(&text));
 		}
 
-		c.finish()?;
 		Ok(())
 	}
 
-	fn mount_popup(&mut self, params: MountPopupParams, data: &mut T) -> anyhow::Result<()> {
+	fn mount_popup_once(&mut self, params: MountPopupOnceParams, data: &mut T) -> anyhow::Result<()> {
 		let config = self.interface.general_config(data);
 
-		self.popup_manager.mount_popup(
+		self
-			self.globals.clone(),
+			.popup_manager
-			&mut self.layout,
+			.mount_popup_once(&self.globals, &mut self.layout, &self.tasks, params, config)?;
-			self.tasks.clone(),
-			params,
-			config,
-		)?;
 		Ok(())
 	}
 
 	fn refresh_popup_manager(&mut self) -> anyhow::Result<()> {
-		let mut c = self.layout.start_common();
+		self.popup_manager.refresh(&mut self.layout.alterables);
-		self.popup_manager.refresh(c.common().alterables);
-		c.finish()?;
 		Ok(())
 	}
 
@@ -363,7 +347,7 @@ impl<T: 'static> Frontend<T> {
 			FrontendTask::SetTab(tab_type) => self.set_tab(params.data, tab_type)?,
 			FrontendTask::RefreshClock => self.update_time(params.data)?,
 			FrontendTask::RefreshBackground => self.update_background(params.data)?,
-			FrontendTask::MountPopup(popup_params) => self.mount_popup(popup_params, params.data)?,
+			FrontendTask::MountPopupOnce(popup_params) => self.mount_popup_once(popup_params, params.data)?,
 			FrontendTask::RefreshPopupManager => self.refresh_popup_manager()?,
 			FrontendTask::ShowAudioSettings => self.action_show_audio_settings()?,
 			FrontendTask::UpdateAudioSettingsView => self.action_update_audio_settings()?,
@@ -371,16 +355,12 @@ impl<T: 'static> Frontend<T> {
 			FrontendTask::PushToast(content) => self.toast_manager.push(content),
 			FrontendTask::PlaySound(sound_type) => self.queue_play_sound(sound_type),
 			FrontendTask::HideDashboard => self.action_hide_dashboard(params.data),
-			FrontendTask::UpdateWguiDefaultsFromConfig => {
-				Frontend::update_defaults_from_config(&self.globals, &mut self.interface, params.data)
-			}
 		};
 		Ok(())
 	}
 
 	fn set_tab_title(&mut self, translation: &str, icon: &str) -> anyhow::Result<()> {
-		let mut c = self.layout.start_common();
+		let mut common = self.layout.common();
-		let mut common = c.common();
 
 		{
 			let mut label = common
@@ -396,12 +376,11 @@ impl<T: 'static> Frontend<T> {
 				.widgets
 				.cast_as::<WidgetSprite>(self.widgets.id_sprite_titlebar_icon)?;
 			sprite.set_content(
-				&mut common,
+				common.alterables,
 				Some(CustomGlyphData::from_assets(&self.globals, AssetPath::BuiltIn(icon))?),
 			);
 		}
 
-		c.finish()?;
 		Ok(())
 	}
 
@@ -495,7 +474,6 @@ impl<T: 'static> Frontend<T> {
 
 	fn action_show_audio_settings(&mut self) -> anyhow::Result<()> {
 		self.window_audio_settings.open(&mut WguiWindowParams {
-			globals: &self.globals,
 			position: Vec2::new(64.0, 64.0),
 			layout: &mut self.layout,
 			extra: WguiWindowParamsExtra {

dash-frontend/src/tab/apps.rs

@@ -9,26 +9,20 @@ use wgui::{
 	assets::AssetPath,
 	components::button::{ButtonClickCallback, ComponentButton},
 	globals::WguiGlobals,
-	i18n::Translation,
 	layout::{WidgetID, WidgetPair},
 	parser::{Fetchable, ParseDocumentParams, ParserState},
-	task::Tasks,
 };
 use wlx_common::desktop_finder::DesktopEntry;
 
 use crate::{
-	frontend::{Frontend, FrontendTask, FrontendTasks},
+	frontend::{Frontend, FrontendTasks},
 	tab::{Tab, TabType},
-	util::popup_manager::{MountPopupParams, PopupHandle},
+	util::popup_manager::PopupHolder,
-	views::{self, app_launcher},
+	views::{self},
 };
 
-enum Task {
-	CloseLauncher,
-}
-
 struct State {
-	view_launcher: Option<(PopupHandle, views::app_launcher::View)>,
+	view_launcher: PopupHolder<views::app_launcher::View>,
 }
 
 pub struct TabApps<T> {
@@ -37,7 +31,6 @@ pub struct TabApps<T> {
 
 	state: Rc<RefCell<State>>,
 	app_list: AppList,
-	tasks: Tasks<Task>,
 	marker: PhantomData<T>,
 }
 
@@ -47,21 +40,13 @@ impl<T> Tab<T> for TabApps<T> {
 	}
 
 	fn update(&mut self, frontend: &mut Frontend<T>, _time_ms: u32, data: &mut T) -> anyhow::Result<()> {
-		let mut state = self.state.borrow_mut();
+		let state = self.state.borrow_mut();
 
-		for task in self.tasks.drain() {
+		self.app_list.tick(frontend, &self.state, &mut self.parser_state)?;
-			match task {
-				Task::CloseLauncher => state.view_launcher = None,
-			}
-		}
 
-		self
+		state
-			.app_list
+			.view_launcher
-			.tick(frontend, &self.state, &self.tasks, &mut self.parser_state)?;
+			.with_view_res(|view| view.update(&mut frontend.interface, data))?;
-
-		if let Some((_, launcher)) = &mut state.view_launcher {
-			launcher.update(&mut frontend.interface, data)?;
-		}
 		Ok(())
 	}
 }
@@ -79,40 +64,14 @@ fn on_app_click(
 	globals: WguiGlobals,
 	entry: DesktopEntry,
 	state: Rc<RefCell<State>>,
-	tasks: Tasks<Task>,
 ) -> ButtonClickCallback {
 	Rc::new(move |_common, _evt| {
-		frontend_tasks.push(FrontendTask::MountPopup(MountPopupParams {
+		views::app_launcher::mount_popup(
-			title: Translation::from_raw_text(&entry.app_name),
+			frontend_tasks.clone(),
-			on_content: {
+			globals.clone(),
-				// this is awful
+			entry.clone(),
-				let state = state.clone();
+			state.borrow_mut().view_launcher.clone(),
-				let entry = entry.clone();
+		);
-				let globals = globals.clone();
-				let frontend_tasks = frontend_tasks.clone();
-				let tasks = tasks.clone();
-
-				Rc::new(move |data| {
-					let on_launched = {
-						let tasks = tasks.clone();
-						Box::new(move || tasks.push(Task::CloseLauncher))
-					};
-
-					let view = app_launcher::View::new(app_launcher::Params {
-						entry: entry.clone(),
-						globals: &globals,
-						layout: data.layout,
-						parent_id: data.id_content,
-						frontend_tasks: &frontend_tasks,
-						config: data.config,
-						on_launched,
-					})?;
-
-					state.borrow_mut().view_launcher = Some((data.handle, view));
-					Ok(())
-				})
-			},
-		}));
 		Ok(())
 	})
 }
@@ -128,8 +87,9 @@ fn doc_params(globals: WguiGlobals) -> ParseDocumentParams<'static> {
 impl<T> TabApps<T> {
 	pub fn new(frontend: &mut Frontend<T>, parent_id: WidgetID, data: &mut T) -> anyhow::Result<Self> {
 		let globals = frontend.layout.state.globals.clone();
-		let tasks = Tasks::new();
+		let state = Rc::new(RefCell::new(State {
-		let state = Rc::new(RefCell::new(State { view_launcher: None }));
+			view_launcher: Default::default(),
+		}));
 
 		let parser_state = wgui::parser::parse_from_assets(&doc_params(globals.clone()), &mut frontend.layout, parent_id)?;
 		let app_list_parent = parser_state.fetch_widget(&frontend.layout.state, "app_list_parent")?;
@@ -157,7 +117,6 @@ impl<T> TabApps<T> {
 			app_list,
 			parser_state,
 			state,
-			tasks,
 			marker: PhantomData,
 		})
 	}
@@ -286,7 +245,7 @@ impl AppList {
 			let mut params = HashMap::<Rc<str>, Rc<str>>::new();
 			params.insert("text".into(), category_name.into());
 
-			parser_state.parse_template(
+			parser_state.realize_template(
 				doc_params,
 				"CategoryText",
 				&mut frontend.layout,
@@ -318,7 +277,7 @@ impl AppList {
 			);
 			params.insert("name".into(), entry.app_name.clone());
 
-			let data = parser_state.parse_template(
+			let data = parser_state.realize_template(
 				doc_params,
 				"AppEntry",
 				&mut frontend.layout,
@@ -334,11 +293,10 @@ impl AppList {
 		&mut self,
 		frontend: &mut Frontend<T>,
 		state: &Rc<RefCell<State>>,
-		tasks: &Tasks<Task>,
 		parser_state: &mut ParserState,
 	) -> anyhow::Result<()> {
-		// load 4 entries for a single frame at most
+		// load 30 entries for a single frame at most
-		for _ in 0..4 {
+		for _ in 0..30 {
 			if let Some(entry) = self.entries_to_mount.pop_front() {
 				let globals = frontend.layout.state.globals.clone();
 				let button = self.mount_entry(frontend, parser_state, &doc_params(globals.clone()), &entry)?;
@@ -348,7 +306,6 @@ impl AppList {
 					globals.clone(),
 					entry.clone(),
 					state.clone(),
-					tasks.clone(),
 				));
 			} else {
 				break;

dash-frontend/src/tab/games.rs

@@ -10,7 +10,7 @@ use crate::{
 	frontend::Frontend,
 	tab::{Tab, TabType},
 	util::steam_utils::SteamUtils,
-	views::{game_list, running_games_list},
+	views::{ViewTrait, ViewUpdateParams, game_list, running_games_list},
 };
 
 pub struct TabGames<T> {
@@ -19,7 +19,6 @@ pub struct TabGames<T> {
 
 	view_game_list: game_list::View,
 	view_running_games_list: running_games_list::View,
-	steam_utils: SteamUtils,
 	marker: PhantomData<T>,
 }
 
@@ -28,10 +27,20 @@ impl<T> Tab<T> for TabGames<T> {
 		TabType::Games
 	}
 
-	fn update(&mut self, frontend: &mut Frontend<T>, time_ms: u32, _data: &mut T) -> anyhow::Result<()> {
+	fn update(&mut self, frontend: &mut Frontend<T>, time_ms: u32, data: &mut T) -> anyhow::Result<()> {
-		self
+		let mut config_change_kind = None;
-			.view_game_list
+
-			.update(&mut frontend.layout, &mut self.steam_utils, &frontend.executor)?;
+		self.view_game_list.update(&mut ViewUpdateParams {
+			layout: &mut frontend.layout,
+			executor: &frontend.executor,
+			general_config: frontend.interface.general_config(data),
+			config_change_kind: &mut config_change_kind,
+		})?;
+
+		if let Some(kind) = config_change_kind {
+			frontend.interface.config_changed(data, kind);
+		}
+
 		self.view_running_games_list.update(&mut frontend.layout, time_ms)?;
 		Ok(())
 	}
@@ -54,16 +63,17 @@ impl<T> TabGames<T> {
 		let game_list_parent = state.get_widget_id("game_list_parent")?;
 		let id_running_games_list_parent = state.get_widget_id("running_games_list_parent")?;
 
+		let mut steam_utils = SteamUtils::new()?;
+
 		let view_game_list = game_list::View::new(game_list::Params {
 			executor: frontend.executor.clone(),
 			frontend_tasks: frontend.tasks.clone(),
 			globals: globals.clone(),
 			layout: &mut frontend.layout,
 			parent_id: game_list_parent,
+			steam_utils: &steam_utils,
 		})?;
 
-		let mut steam_utils = SteamUtils::new()?;
-
 		let view_running_games_list = running_games_list::View::new(running_games_list::Params {
 			globals: globals.clone(),
 			layout: &mut frontend.layout,
@@ -77,7 +87,6 @@ impl<T> TabGames<T> {
 			view_game_list,
 			view_running_games_list,
 			marker: PhantomData,
-			steam_utils,
 		})
 	}
 }

dash-frontend/src/tab/home.rs

@@ -59,9 +59,12 @@ impl<T> TabHome<T> {
 			parent_id,
 		)?;
 
-		let mut c = frontend.layout.start_common();
+		let widget_label = state.fetch_widget(&frontend.layout.state, "label_hello")?.widget;
-		let widget_label = state.fetch_widget(&c.layout.state, "label_hello")?.widget;
+		configure_label_hello(
-		configure_label_hello(&mut c.common(), widget_label, frontend.interface.general_config(data));
+			&mut frontend.layout.common(),
+			widget_label,
+			frontend.interface.general_config(data),
+		);
 
 		let btn_apps = state.fetch_component_as::<ComponentButton>("btn_apps")?;
 		let btn_games = state.fetch_component_as::<ComponentButton>("btn_games")?;

dash-frontend/src/tab/monado.rs

@@ -2,24 +2,133 @@ use std::{collections::HashMap, marker::PhantomData, rc::Rc};
 
 use wgui::{
 	assets::AssetPath,
-	components::{checkbox::ComponentCheckbox, slider::ComponentSlider},
+	components::{
+		bar_graph::{ComponentBarGraph, ValueCell},
+		button::ComponentButton,
+		checkbox::ComponentCheckbox,
+		color_selector::{ColorSelectorChangedCallback, ComponentColorSelector},
+		slider::{ComponentSlider, SliderValueChangedCallback},
+		tabs::ComponentTabs,
+	},
+	drawing::Color,
 	globals::WguiGlobals,
-	layout::WidgetID,
+	layout::{Layout, WidgetID},
 	parser::{self, Fetchable, ParseDocumentParams, ParserState},
 	task::Tasks,
 };
-use wlx_common::dash_interface;
+use wlx_common::{
+	config::GeneralConfig,
+	dash_interface::{self, ConfigChangeKind, MonadoDumpSessionFrame},
+};
 
 use crate::{
 	frontend::Frontend,
 	tab::{Tab, TabType},
 };
 
-#[derive(Debug)]
+#[derive(Clone)]
+enum TabNameEnum {
+	GeneralSettings,
+	ProcessList,
+	DebugTimings,
+}
+
+impl TabNameEnum {
+	fn from_string(s: &str) -> Option<Self> {
+		match s {
+			"general_settings" => Some(TabNameEnum::GeneralSettings),
+			"process_list" => Some(TabNameEnum::ProcessList),
+			"debug_timings" => Some(TabNameEnum::DebugTimings),
+			_ => None,
+		}
+	}
+}
+
+#[derive(Clone)]
 enum Task {
-	Refresh,
-	FocusClient(String),
 	SetBrightness(f32),
+	SetTab(TabNameEnum),
+
+	// `ProcessList` tab
+	ProcessListRefresh,
+	ProcessListFocusClient(String),
+
+	// `DebugTimings` tab
+	DebugTimingsRefreshSessionList,
+	DebugTimingsSetSessionId(i64),
+
+	GeneralSettingsChromaUpdate,
+}
+
+struct SubtabProcessList {
+	id_list_parent: WidgetID,
+	state: ParserState,
+	cells: Vec<parser::ParserData>,
+}
+
+struct SubtabGeneralSettings {
+	#[allow(dead_code)]
+	state: ParserState,
+
+	slider_keying_curve: Rc<ComponentSlider>,
+	slider_keying_despill: Rc<ComponentSlider>,
+	slider_keying_hue_range: Rc<ComponentSlider>,
+	slider_keying_saturation_range: Rc<ComponentSlider>,
+	slider_keying_value_range: Rc<ComponentSlider>,
+	cs_keying: Rc<ComponentColorSelector>,
+}
+
+struct DebugGraph {
+	graph: Rc<ComponentBarGraph>,
+}
+
+struct DebugSessionList {
+	#[allow(dead_code)]
+	buttons: Vec<Rc<ComponentButton>>,
+}
+
+struct TimingsSession {
+	resolved_name: Option<String>,
+	last_frame: MonadoDumpSessionFrame,
+}
+
+struct Graphs {
+	predicted_display_time: DebugGraph,
+	predicted_frame_time: DebugGraph,
+	predicted_wake_up_time: DebugGraph,
+	predicted_gpu_done_time: DebugGraph,
+	predicted_display_period: DebugGraph,
+	display_time: DebugGraph,
+	when_predicted: DebugGraph,
+	when_wait_woke: DebugGraph,
+	when_begin: DebugGraph,
+	when_delivered: DebugGraph,
+	when_gpu_done: DebugGraph,
+}
+
+type SessionsMap = HashMap<i64 /* session id */, TimingsSession>;
+
+struct SubtabDebugTimings {
+	#[allow(dead_code)]
+	state: ParserState,
+
+	graphs: Option<Graphs>,
+	session_list: DebugSessionList,
+	selected_session_id: Option<i64>,
+
+	id_sessions_list_parent: WidgetID,
+	id_timings_parent: WidgetID,
+
+	sessions: SessionsMap,
+}
+
+#[allow(dead_code)]
+#[allow(clippy::large_enum_variant)]
+enum Subtab {
+	Empty,
+	GeneralSettings(SubtabGeneralSettings),
+	ProcessList(SubtabProcessList),
+	DebugTimings(SubtabDebugTimings),
 }
 
 pub struct TabMonado<T> {
@@ -29,10 +138,8 @@ pub struct TabMonado<T> {
 
 	marker: PhantomData<T>,
 
-	globals: WguiGlobals,
+	id_content: WidgetID,
-	id_list_parent: WidgetID,
+	subtab: Subtab,
-
-	cells: Vec<parser::ParserData>,
 
 	ticks: u32,
 }
@@ -45,15 +152,72 @@ impl<T> Tab<T> for TabMonado<T> {
 	fn update(&mut self, frontend: &mut Frontend<T>, _time_ms: u32, data: &mut T) -> anyhow::Result<()> {
 		for task in self.tasks.drain() {
 			match task {
-				Task::Refresh => self.refresh(frontend, data)?,
+				Task::ProcessListRefresh => {
-				Task::FocusClient(name) => self.focus_client(frontend, data, name)?,
+					if let Subtab::ProcessList(process_list) = &mut self.subtab {
+						process_list.refresh(frontend, data, &self.tasks)?;
+					}
+				}
+				Task::ProcessListFocusClient(client_name) => {
+					if let Subtab::ProcessList(process_list) = &mut self.subtab {
+						process_list.focus_client(frontend, data, client_name, &self.tasks)?;
+					}
+				}
+				Task::DebugTimingsRefreshSessionList => {
+					if let Subtab::DebugTimings(tab) = &mut self.subtab {
+						tab.refresh_session_list(&mut frontend.layout, &self.tasks)?;
+					}
+				}
+				Task::DebugTimingsSetSessionId(session_id) => {
+					if let Subtab::DebugTimings(tab) = &mut self.subtab {
+						tab.set_session_id(&mut frontend.layout, session_id)?;
+					}
+				}
+				Task::GeneralSettingsChromaUpdate => {
+					if let Subtab::GeneralSettings(tab) = &mut self.subtab {
+						tab.chroma_update(frontend.interface.general_config(data));
+						frontend
+							.interface
+							.config_changed(data, ConfigChangeKind::EnvironmentBlend);
+					}
+				}
 				Task::SetBrightness(brightness) => self.set_brightness(frontend, data, brightness),
+				Task::SetTab(tab) => {
+					frontend.layout.remove_children(self.id_content);
+					match tab {
+						TabNameEnum::GeneralSettings => {
+							self.subtab = Subtab::GeneralSettings(SubtabGeneralSettings::new(
+								self.id_content,
+								frontend,
+								data,
+								&self.tasks,
+							)?)
+						}
+						TabNameEnum::ProcessList => {
+							self.tasks.push(Task::ProcessListRefresh);
+							self.subtab = Subtab::ProcessList(SubtabProcessList::new(self.id_content, frontend)?)
+						}
+						TabNameEnum::DebugTimings => {
+							self.subtab = Subtab::DebugTimings(SubtabDebugTimings::new(self.id_content, frontend, &self.tasks)?)
+						}
+					}
+				}
 			}
 		}
 
-		// every few seconds
+		match &mut self.subtab {
-		if self.ticks.is_multiple_of(500) {
+			Subtab::Empty => {}
-			self.tasks.push(Task::Refresh);
+			Subtab::GeneralSettings(_) => {}
+			Subtab::ProcessList(_) => {
+				// every few seconds
+				if let Subtab::ProcessList(_) = &self.subtab
+					&& self.ticks.is_multiple_of(500)
+				{
+					self.tasks.push(Task::ProcessListRefresh);
+				}
+			}
+			Subtab::DebugTimings(timings) => {
+				timings.update(&self.tasks, data, frontend)?;
+			}
 		}
 
 		self.ticks += 1;
@@ -62,7 +226,7 @@ impl<T> Tab<T> for TabMonado<T> {
 	}
 }
 
-fn doc_params(globals: &'_ WguiGlobals) -> ParseDocumentParams<'_> {
+fn doc_params_monado(globals: &'_ WguiGlobals) -> ParseDocumentParams<'_> {
 	ParseDocumentParams {
 		globals: globals.clone(),
 		path: AssetPath::BuiltIn("gui/tab/monado.xml"),
@@ -70,6 +234,30 @@ fn doc_params(globals: &'_ WguiGlobals) -> ParseDocumentParams<'_> {
 	}
 }
 
+fn doc_params_tab_process_list(globals: &'_ WguiGlobals) -> ParseDocumentParams<'_> {
+	ParseDocumentParams {
+		globals: globals.clone(),
+		path: AssetPath::BuiltIn("gui/tab/monado_tab_process_list.xml"),
+		extra: Default::default(),
+	}
+}
+
+fn doc_params_tab_general_settings(globals: &'_ WguiGlobals) -> ParseDocumentParams<'_> {
+	ParseDocumentParams {
+		globals: globals.clone(),
+		path: AssetPath::BuiltIn("gui/tab/monado_tab_general_settings.xml"),
+		extra: Default::default(),
+	}
+}
+
+fn doc_params_tab_debug_timings(globals: &'_ WguiGlobals) -> ParseDocumentParams<'_> {
+	ParseDocumentParams {
+		globals: globals.clone(),
+		path: AssetPath::BuiltIn("gui/tab/monado_tab_debug_timings.xml"),
+		extra: Default::default(),
+	}
+}
+
 fn yesno(n: bool) -> &'static str {
 	match n {
 		true => "yes",
@@ -77,29 +265,393 @@ fn yesno(n: bool) -> &'static str {
 	}
 }
 
-impl<T> TabMonado<T> {
+const SLIDER_MULTIPLIER: f32 = 100.0;
-	pub fn new(frontend: &mut Frontend<T>, parent_id: WidgetID) -> anyhow::Result<Self> {
-		let globals = frontend.layout.state.globals.clone();
-		let state = wgui::parser::parse_from_assets(&doc_params(&globals), &mut frontend.layout, parent_id)?;
 
-		let id_list_parent = state.get_widget_id("list_parent")?;
+impl SubtabGeneralSettings {
+	fn new<T>(
+		parent_id: WidgetID,
+		frontend: &mut Frontend<T>,
+		data: &mut T,
+		tasks: &Tasks<Task>,
+	) -> anyhow::Result<Self> {
+		let state = wgui::parser::parse_from_assets(
+			&doc_params_tab_general_settings(&frontend.globals),
+			&mut frontend.layout,
+			parent_id,
+		)?;
 
-		let tasks = Tasks::<Task>::new();
+		// get brightness
+		let slider_brightness = state.fetch_component_as::<ComponentSlider>("slider_brightness")?;
+		if let Some(brightness) = frontend.interface.monado_brightness_get(data) {
+			slider_brightness.set_value_primary(&mut frontend.layout.common(), brightness * 100.0);
 
-		tasks.push(Task::Refresh);
+			slider_brightness.on_value_changed({
+				let tasks = tasks.clone();
+				Box::new(move |_common, e| {
+					tasks.push(Task::SetBrightness(e.value / 100.0));
+				})
+			});
+		}
+
+		let config = frontend.interface.general_config(data);
+
+		let cs_keying = state.fetch_component_as::<ComponentColorSelector>("cs_keying")?;
+		let slider_keying_despill = state.fetch_component_as::<ComponentSlider>("slider_keying_despill")?;
+		let slider_keying_curve = state.fetch_component_as::<ComponentSlider>("slider_keying_curve")?;
+		let slider_keying_hue_range = state.fetch_component_as::<ComponentSlider>("slider_keying_hue_range")?;
+		let slider_keying_saturation_range =
+			state.fetch_component_as::<ComponentSlider>("slider_keying_saturation_range")?;
+		let slider_keying_value_range = state.fetch_component_as::<ComponentSlider>("slider_keying_value_range")?;
+
+		{
+			let mut common = frontend.layout.common();
+
+			// set initial values
+			let (rgb, range_h, range_s, range_v) = config.chroma_key_params.get_rgb_and_hsv_ranges();
+			slider_keying_curve.set_value_primary(&mut common, config.chroma_key_params.curve * SLIDER_MULTIPLIER);
+			slider_keying_despill.set_value_primary(&mut common, config.chroma_key_params.despill * SLIDER_MULTIPLIER);
+			slider_keying_hue_range.set_value_primary(&mut common, range_h * SLIDER_MULTIPLIER);
+			slider_keying_saturation_range.set_value_primary(&mut common, range_s * SLIDER_MULTIPLIER);
+			slider_keying_value_range.set_value_primary(&mut common, range_v * SLIDER_MULTIPLIER);
+			cs_keying.set_color(&mut common, rgb);
+
+			// prepare callbacks
+			fn get_slider_callback(tasks: &Tasks<Task>) -> SliderValueChangedCallback {
+				Box::new({
+					let tasks = tasks.clone();
+					move |_, _| {
+						tasks.push(Task::GeneralSettingsChromaUpdate);
+					}
+				})
+			}
+
+			fn get_color_selector_callback(tasks: &Tasks<Task>) -> ColorSelectorChangedCallback {
+				Box::new({
+					let tasks = tasks.clone();
+					move |_, _| {
+						tasks.push(Task::GeneralSettingsChromaUpdate);
+					}
+				})
+			}
+			slider_keying_curve.on_value_changed(get_slider_callback(tasks));
+			slider_keying_despill.on_value_changed(get_slider_callback(tasks));
+			slider_keying_hue_range.on_value_changed(get_slider_callback(tasks));
+			slider_keying_saturation_range.on_value_changed(get_slider_callback(tasks));
+			slider_keying_value_range.on_value_changed(get_slider_callback(tasks));
+			cs_keying.on_changed(get_color_selector_callback(tasks));
+		}
 
 		Ok(Self {
 			state,
-			marker: PhantomData,
+			slider_keying_curve,
+			slider_keying_despill,
+			slider_keying_hue_range,
+			slider_keying_saturation_range,
+			slider_keying_value_range,
+			cs_keying,
+		})
+	}
+
+	fn chroma_update(&mut self, config: &mut GeneralConfig) {
+		let val_curve = self.slider_keying_curve.get_value_primary();
+		let val_despill = self.slider_keying_despill.get_value_primary();
+		let val_range_h = self.slider_keying_hue_range.get_value_primary();
+		let val_range_s = self.slider_keying_saturation_range.get_value_primary();
+		let val_range_v = self.slider_keying_value_range.get_value_primary();
+		let val_rgb = self.cs_keying.get_color();
+
+		config.chroma_key_params.despill = val_despill / SLIDER_MULTIPLIER;
+		config.chroma_key_params.curve = val_curve / SLIDER_MULTIPLIER;
+		config.chroma_key_params.update_hsv_range_from_rgb(
+			val_rgb,
+			val_range_h / SLIDER_MULTIPLIER,
+			val_range_s / SLIDER_MULTIPLIER,
+			val_range_v / SLIDER_MULTIPLIER,
+		);
+	}
+}
+
+fn mount_sessions_list(
+	state: &mut ParserState,
+	layout: &mut Layout,
+	tasks: &Tasks<Task>,
+	id_parent: WidgetID,
+	sessions: &SessionsMap,
+) -> anyhow::Result<DebugSessionList> {
+	let mut buttons = Vec::new();
+	let globals = layout.state.globals.clone();
+	layout.remove_children(id_parent);
+
+	for (session_id, session) in sessions {
+		let mut params = HashMap::new();
+
+		params.insert(
+			Rc::from("text"),
+			Rc::from(format!(
+				"{} (ID {})",
+				session.resolved_name.as_ref().map_or("Unknown", |s| s.as_str()),
+				session_id,
+			)),
+		);
+
+		let data = state.realize_template(
+			&doc_params_tab_debug_timings(&globals),
+			"SessionButton",
+			layout,
+			id_parent,
+			params,
+		)?;
+
+		let button = data.fetch_component_as::<ComponentButton>("button")?;
+
+		button.on_click({
+			let tasks = tasks.clone();
+			let session_id = *session_id;
+			Rc::new(move |_, _| {
+				tasks.push(Task::DebugTimingsSetSessionId(session_id));
+				Ok(())
+			})
+		});
+
+		buttons.push(button);
+	}
+
+	Ok(DebugSessionList { buttons })
+}
+
+fn mount_graph(
+	state: &mut ParserState,
+	layout: &mut Layout,
+	id_parent: WidgetID,
+	name: &'static str,
+	limits: (f32, f32),
+) -> anyhow::Result<DebugGraph> {
+	let globals = layout.state.globals.clone();
+	let mut params = HashMap::new();
+	params.insert(Rc::from("name"), Rc::from(name));
+	params.insert(Rc::from("limit_min"), Rc::from(limits.0.to_string()));
+	params.insert(Rc::from("limit_max"), Rc::from(limits.1.to_string()));
+
+	let data = state.realize_template(
+		&doc_params_tab_debug_timings(&globals),
+		"DebugGraph",
+		layout,
+		id_parent,
+		params,
+	)?;
+
+	let graph = data.fetch_component_as::<ComponentBarGraph>("graph")?;
+	Ok(DebugGraph { graph })
+}
+
+fn ns_to_ms(ns: i64) -> f32 {
+	(ns / 1000) as f32 / 1000.0
+}
+
+impl SubtabDebugTimings {
+	fn new<T>(parent_id: WidgetID, frontend: &mut Frontend<T>, tasks: &Tasks<Task>) -> anyhow::Result<Self> {
+		let mut state = wgui::parser::parse_from_assets(
+			&doc_params_tab_debug_timings(&frontend.globals),
+			&mut frontend.layout,
+			parent_id,
+		)?;
+
+		let id_timings_parent = state.get_widget_id("timings_parent")?;
+		let id_sessions_list_parent = state.get_widget_id("session_list_parent")?;
+
+		let sessions = Default::default();
+
+		let session_list = mount_sessions_list(
+			&mut state,
+			&mut frontend.layout,
 			tasks,
-			globals,
+			id_sessions_list_parent,
+			&sessions,
+		)?;
+
+		Ok(Self {
+			state,
+			graphs: None,
+			session_list,
+			id_sessions_list_parent,
+			id_timings_parent,
+			sessions,
+			selected_session_id: None,
+		})
+	}
+
+	fn set_session_id(&mut self, layout: &mut Layout, session_id: i64) -> anyhow::Result<()> {
+		layout.remove_children(self.id_timings_parent);
+
+		let mut graph = |name: &'static str, limits: (f32, f32)| -> anyhow::Result<DebugGraph> {
+			mount_graph(&mut self.state, layout, self.id_timings_parent, name, limits)
+		};
+
+		// populate graphs
+		self.graphs = Some(Graphs {
+			predicted_display_time: graph("Predicted display time", (0.0, 30.0))?,
+			predicted_frame_time: graph("Predicted frame time", (0.0, 30.0))?,
+			predicted_wake_up_time: graph("Predicted wake-up time", (0.0, 30.0))?,
+			predicted_gpu_done_time: graph("Predicted GPU done time", (0.0, 30.0))?,
+			predicted_display_period: graph("Predicted display period", (0.0, 30.0))?,
+			display_time: graph("Display time", (0.0, 30.0))?,
+			when_predicted: graph("When predicted", (0.0, 30.0))?,
+			when_wait_woke: graph("When wait woke", (0.0, 30.0))?,
+			when_begin: graph("When begin", (0.0, 30.0))?,
+			when_delivered: graph("When delivered", (0.0, 30.0))?,
+			when_gpu_done: graph("When GPU done", (0.0, 30.0))?,
+		});
+
+		self.selected_session_id = Some(session_id);
+
+		Ok(())
+	}
+
+	fn refresh_session_list(&mut self, layout: &mut Layout, tasks: &Tasks<Task>) -> anyhow::Result<()> {
+		self.session_list = mount_sessions_list(
+			&mut self.state,
+			layout,
+			tasks,
+			self.id_sessions_list_parent,
+			&self.sessions,
+		)?;
+		Ok(())
+	}
+
+	fn update<T>(&mut self, tasks: &Tasks<Task>, data: &mut T, frontend: &mut Frontend<T>) -> anyhow::Result<()> {
+		if !frontend.interface.monado_metrics_set_enabled(data, true) {
+			return Ok(());
+		}
+
+		let frames = frontend.interface.monado_metrics_dump_session_frames(data);
+		if frames.is_empty() {
+			return Ok(());
+		}
+
+		let col_green = Color::new(0.0, 1.0, 0.0, 1.0);
+
+		for frame in frames {
+			//log::info!("{:?}", frame);
+
+			match self.sessions.get_mut(&frame.session_id) {
+				Some(session) => {
+					if let Some(graphs) = &mut self.graphs
+						&& let Some(selected_session_id) = self.selected_session_id
+						&& selected_session_id == frame.session_id
+					{
+						let predicted_display_time = ns_to_ms(session.last_frame.predicted_display_time_ns as i64);
+						let predicted_frame_time = ns_to_ms(frame.predicted_frame_time_ns as i64);
+						let predicted_wake_up_time =
+							ns_to_ms(frame.predicted_wake_up_time_ns as i64 - session.last_frame.predicted_wake_up_time_ns as i64);
+						let predicted_gpu_done_time =
+							ns_to_ms(frame.predicted_gpu_done_time_ns as i64 - session.last_frame.predicted_gpu_done_time_ns as i64);
+						let predicted_display_period = ns_to_ms(session.last_frame.predicted_display_period_ns as i64); // 6.944 ms for 144Hz
+						let display_time = ns_to_ms(frame.display_time_ns as i64 - session.last_frame.display_time_ns as i64);
+						let when_predicted = ns_to_ms(frame.when_predicted_ns as i64 - session.last_frame.when_predicted_ns as i64);
+						let when_wait_woke = ns_to_ms(frame.when_wait_woke_ns as i64 - session.last_frame.when_wait_woke_ns as i64);
+						let when_begin = ns_to_ms(frame.when_begin_ns as i64 - session.last_frame.when_begin_ns as i64);
+						let when_delivered = ns_to_ms(frame.when_delivered_ns as i64 - session.last_frame.when_delivered_ns as i64);
+						let when_gpu_done = ns_to_ms(frame.when_gpu_done_ns as i64 - session.last_frame.when_gpu_done_ns as i64);
+
+						graphs.predicted_display_time.graph.push_value(ValueCell {
+							value: predicted_display_time,
+							color: col_green,
+						});
+
+						graphs.predicted_frame_time.graph.push_value(ValueCell {
+							value: predicted_frame_time,
+							color: col_green,
+						});
+
+						graphs.predicted_wake_up_time.graph.push_value(ValueCell {
+							value: predicted_wake_up_time,
+							color: col_green,
+						});
+
+						graphs.predicted_gpu_done_time.graph.push_value(ValueCell {
+							value: predicted_gpu_done_time,
+							color: col_green,
+						});
+
+						graphs.predicted_display_period.graph.push_value(ValueCell {
+							value: predicted_display_period,
+							color: col_green,
+						});
+
+						graphs.display_time.graph.push_value(ValueCell {
+							value: display_time,
+							color: col_green,
+						});
+
+						graphs.when_predicted.graph.push_value(ValueCell {
+							value: when_predicted,
+							color: col_green,
+						});
+
+						graphs.when_wait_woke.graph.push_value(ValueCell {
+							value: when_wait_woke,
+							color: col_green,
+						});
+
+						graphs.when_begin.graph.push_value(ValueCell {
+							value: when_begin,
+							color: col_green,
+						});
+
+						graphs.when_delivered.graph.push_value(ValueCell {
+							value: when_delivered,
+							color: col_green,
+						});
+
+						graphs.when_gpu_done.graph.push_value(ValueCell {
+							value: when_gpu_done,
+							color: col_green,
+						});
+					}
+
+					session.last_frame = frame;
+				}
+				None => {
+					self.sessions.insert(
+						frame.session_id,
+						TimingsSession {
+							last_frame: frame,
+							resolved_name: None, /* TODO! find client ID from session ID */
+						},
+					);
+					tasks.push(Task::DebugTimingsRefreshSessionList);
+				}
+			}
+		}
+
+		frontend.layout.mark_redraw();
+
+		Ok(())
+	}
+}
+
+impl SubtabProcessList {
+	fn new<T>(parent_id: WidgetID, frontend: &mut Frontend<T>) -> anyhow::Result<Self> {
+		let state = wgui::parser::parse_from_assets(
+			&doc_params_tab_process_list(&frontend.globals),
+			&mut frontend.layout,
+			parent_id,
+		)?;
+		let id_list_parent = state.get_widget_id("list_parent")?;
+
+		Ok(Self {
+			state,
 			id_list_parent,
-			ticks: 0,
 			cells: Vec::new(),
 		})
 	}
 
-	fn mount_client(&mut self, frontend: &mut Frontend<T>, client: &dash_interface::MonadoClient) -> anyhow::Result<()> {
+	fn mount_client(
+		&mut self,
+		layout: &mut Layout,
+		client: &dash_interface::MonadoClient,
+		tasks: &Tasks<Task>,
+	) -> anyhow::Result<()> {
 		let mut par = HashMap::<Rc<str>, Rc<str>>::new();
 		par.insert(
 			"checked".into(),
@@ -109,7 +661,10 @@ impl<T> TabMonado<T> {
 				Rc::from("0")
 			},
 		);
-		par.insert("name".into(), client.name.clone().into());
+		par.insert(
+			"name".into(),
+			format!("{} (Client ID: {})", client.name, client.id).into(),
+		);
 		par.insert("flag_active".into(), yesno(client.is_active).into());
 		par.insert("flag_focused".into(), yesno(client.is_focused).into());
 		par.insert("flag_io_active".into(), yesno(client.is_io_active).into());
@@ -117,21 +672,23 @@ impl<T> TabMonado<T> {
 		par.insert("flag_primary".into(), yesno(client.is_primary).into());
 		par.insert("flag_visible".into(), yesno(client.is_visible).into());
 
-		let state_cell = self.state.parse_template(
+		let globals = layout.state.globals.clone();
-			&doc_params(&self.globals),
+
+		let state_cell = self.state.realize_template(
+			&doc_params_tab_process_list(&globals),
 			"Cell",
-			&mut frontend.layout,
+			layout,
 			self.id_list_parent,
 			par,
 		)?;
 
 		let checkbox = state_cell.fetch_component_as::<ComponentCheckbox>("checkbox")?;
 		checkbox.on_toggle({
-			let tasks = self.tasks.clone();
+			let tasks = tasks.clone();
 			let client_name = client.name.clone();
 			Box::new(move |_common, e| {
 				if e.checked {
-					tasks.push(Task::FocusClient(client_name.clone()));
+					tasks.push(Task::ProcessListFocusClient(client_name.clone()));
 				}
 				Ok(())
 			})
@@ -142,41 +699,63 @@ impl<T> TabMonado<T> {
 		Ok(())
 	}
 
-	fn refresh(&mut self, frontend: &mut Frontend<T>, data: &mut T) -> anyhow::Result<()> {
+	fn focus_client<T>(
+		&mut self,
+		frontend: &mut Frontend<T>,
+		data: &mut T,
+		name: String,
+		tasks: &Tasks<Task>,
+	) -> anyhow::Result<()> {
+		frontend.interface.monado_client_focus(data, &name)?;
+		tasks.push(Task::ProcessListRefresh);
+		Ok(())
+	}
+
+	fn refresh<T>(&mut self, frontend: &mut Frontend<T>, data: &mut T, tasks: &Tasks<Task>) -> anyhow::Result<()> {
 		log::debug!("refreshing monado client list");
 
-		let clients = frontend.interface.monado_client_list(data)?;
+		let clients = frontend.interface.monado_client_list(data, true)?;
 
 		frontend.layout.remove_children(self.id_list_parent);
 		self.cells.clear();
 
 		for client in clients {
-			self.mount_client(frontend, &client)?;
+			self.mount_client(&mut frontend.layout, &client, tasks)?;
-		}
-
-		// get brightness
-		let slider_brightness = self.state.fetch_component_as::<ComponentSlider>("slider_brightness")?;
-		if let Some(brightness) = frontend.interface.monado_brightness_get(data) {
-			let mut c = frontend.layout.start_common();
-			slider_brightness.set_value(&mut c.common(), brightness * 100.0);
-			c.finish()?;
-
-			slider_brightness.on_value_changed({
-				let tasks = self.tasks.clone();
-				Box::new(move |_common, e| {
-					tasks.push(Task::SetBrightness(e.value / 100.0));
-					Ok(())
-				})
-			});
 		}
 
 		Ok(())
 	}
+}
 
-	fn focus_client(&mut self, frontend: &mut Frontend<T>, data: &mut T, name: String) -> anyhow::Result<()> {
+impl<T> TabMonado<T> {
-		frontend.interface.monado_client_focus(data, &name)?;
+	pub fn new(frontend: &mut Frontend<T>, parent_id: WidgetID) -> anyhow::Result<Self> {
-		self.tasks.push(Task::Refresh);
+		let globals = frontend.layout.state.globals.clone();
-		Ok(())
+		let state = wgui::parser::parse_from_assets(&doc_params_monado(&globals), &mut frontend.layout, parent_id)?;
+		let id_content = state.get_widget_id("content")?;
+		let tabs = state.fetch_component_as::<ComponentTabs>("tabs")?;
+
+		let tasks = Tasks::<Task>::new();
+
+		tabs.on_select({
+			let tasks = tasks.clone();
+			Rc::new(move |_common, evt| {
+				if let Some(tab) = TabNameEnum::from_string(&evt.name) {
+					tasks.push(Task::SetTab(tab));
+				}
+				Ok(())
+			})
+		});
+
+		tasks.push(Task::SetTab(TabNameEnum::ProcessList));
+
+		Ok(Self {
+			state,
+			marker: PhantomData,
+			tasks,
+			id_content,
+			ticks: 0,
+			subtab: Subtab::Empty,
+		})
 	}
 
 	fn set_brightness(&mut self, frontend: &mut Frontend<T>, data: &mut T, brightness: f32) {

dash-frontend/src/tab/settings/macros.rs

@@ -0,0 +1,377 @@
+use std::{collections::HashMap, rc::Rc};
+
+use crate::tab::settings::{self, SettingType, Task, horiz_cell, mount_requires_restart};
+use wgui::{
+	components::{
+		button::{ButtonClickEvent, ComponentButton},
+		checkbox::ComponentCheckbox,
+		slider::ComponentSlider,
+	},
+	layout::{Layout, WidgetID},
+	parser::{Fetchable, ParseDocumentParams, ParserState},
+	task::Tasks,
+	widget::label::WidgetLabel,
+	windowing::context_menu,
+};
+use wlx_common::config::GeneralConfig;
+
+pub fn options_category(
+	mp: &mut MacroParams,
+	parent: WidgetID,
+	translation: &str,
+	icon: &str,
+) -> anyhow::Result<WidgetID> {
+	let id = mp.idx.to_string();
+	mp.idx += 1;
+
+	let mut params: HashMap<Rc<str>, Rc<str>> = HashMap::new();
+	params.insert(Rc::from("translation"), Rc::from(translation));
+	params.insert(Rc::from("icon"), Rc::from(icon));
+	params.insert(Rc::from("id"), Rc::from(id.as_ref()));
+
+	mp.parser_state
+		.instantiate_template(mp.doc_params, "SettingsGroupBox", mp.layout, parent, params)?;
+
+	mp.parser_state.get_widget_id(&id)
+}
+
+pub fn options_checkbox(mp: &mut MacroParams, parent: WidgetID, setting: SettingType) -> anyhow::Result<()> {
+	let id = mp.idx.to_string();
+	mp.idx += 1;
+
+	let mut params: HashMap<Rc<str>, Rc<str>> = HashMap::new();
+	params.insert(Rc::from("id"), Rc::from(id.as_ref()));
+
+	match setting.get_translation() {
+		Ok(translation) => params.insert(Rc::from("translation"), translation.into()),
+		Err(raw_text) => params.insert(Rc::from("text"), raw_text.into()),
+	};
+
+	if let Some(tooltip) = setting.get_tooltip() {
+		params.insert(Rc::from("tooltip"), Rc::from(tooltip));
+	}
+
+	let checked = if *setting.mut_bool(mp.config) { "1" } else { "0" };
+	params.insert(Rc::from("checked"), Rc::from(checked));
+
+	let id_cell = horiz_cell(mp.layout, parent)?;
+
+	mp.parser_state
+		.instantiate_template(mp.doc_params, "CheckBoxSetting", mp.layout, id_cell, params)?;
+
+	if setting.requires_restart() {
+		mount_requires_restart(mp.layout, id_cell)?;
+	}
+
+	let checkbox = mp.parser_state.fetch_component_as::<ComponentCheckbox>(&id)?;
+	checkbox.on_toggle(Box::new({
+		let tasks = mp.tasks.clone();
+		move |_common, e| {
+			tasks.push(Task::UpdateBool(setting, e.checked));
+			Ok(())
+		}
+	}));
+
+	Ok(())
+}
+
+pub fn options_slider_f32(
+	mp: &mut MacroParams,
+	parent: WidgetID,
+	setting: SettingType,
+	min: f32,
+	max: f32,
+	step: f32,
+) -> anyhow::Result<()> {
+	let id = mp.idx.to_string();
+	mp.idx += 1;
+
+	let mut params: HashMap<Rc<str>, Rc<str>> = HashMap::new();
+	params.insert(Rc::from("id"), Rc::from(id.as_ref()));
+
+	match setting.get_translation() {
+		Ok(translation) => params.insert(Rc::from("translation"), translation.into()),
+		Err(raw_text) => params.insert(Rc::from("text"), raw_text.into()),
+	};
+
+	if let Some(tooltip) = setting.get_tooltip() {
+		params.insert(Rc::from("tooltip"), Rc::from(tooltip));
+	}
+
+	let value = setting.mut_f32(mp.config).to_string();
+	params.insert(Rc::from("value"), Rc::from(value));
+	params.insert(Rc::from("min"), Rc::from(min.to_string()));
+	params.insert(Rc::from("max"), Rc::from(max.to_string()));
+	params.insert(Rc::from("step"), Rc::from(step.to_string()));
+
+	let id_cell = horiz_cell(mp.layout, parent)?;
+
+	mp.parser_state
+		.instantiate_template(mp.doc_params, "SliderSetting", mp.layout, id_cell, params)?;
+
+	if setting.requires_restart() {
+		mount_requires_restart(mp.layout, id_cell)?;
+	}
+
+	let slider = mp.parser_state.fetch_component_as::<ComponentSlider>(&id)?;
+	slider.on_value_changed(Box::new({
+		let tasks = mp.tasks.clone();
+		move |_common, e| {
+			tasks.push(Task::UpdateFloat(setting, e.value));
+		}
+	}));
+
+	Ok(())
+}
+
+pub fn options_range_f32(
+	mp: &mut MacroParams,
+	parent: WidgetID,
+	setting: SettingType,
+	setting2: SettingType,
+	min: f32,
+	max: f32,
+	step: f32,
+) -> anyhow::Result<()> {
+	let id = mp.idx.to_string();
+	mp.idx += 1;
+
+	let mut params: HashMap<Rc<str>, Rc<str>> = HashMap::new();
+	params.insert(Rc::from("id"), Rc::from(id.as_ref()));
+
+	match setting.get_translation() {
+		Ok(translation) => params.insert(Rc::from("translation"), translation.into()),
+		Err(raw_text) => params.insert(Rc::from("text"), raw_text.into()),
+	};
+
+	if let Some(tooltip) = setting.get_tooltip() {
+		params.insert(Rc::from("tooltip"), Rc::from(tooltip));
+	}
+
+	let value = setting.mut_f32(mp.config).to_string();
+	let value2 = setting2.mut_f32(mp.config).to_string();
+	params.insert(Rc::from("value"), Rc::from(value));
+	params.insert(Rc::from("value2"), Rc::from(value2));
+	params.insert(Rc::from("min"), Rc::from(min.to_string()));
+	params.insert(Rc::from("max"), Rc::from(max.to_string()));
+	params.insert(Rc::from("step"), Rc::from(step.to_string()));
+
+	let id_cell = horiz_cell(mp.layout, parent)?;
+
+	mp.parser_state
+		.instantiate_template(mp.doc_params, "RangeSetting", mp.layout, id_cell, params)?;
+
+	if setting.requires_restart() {
+		mount_requires_restart(mp.layout, id_cell)?;
+	}
+
+	let slider = mp.parser_state.fetch_component_as::<ComponentSlider>(&id)?;
+	slider.on_value_changed(Box::new({
+		let tasks = mp.tasks.clone();
+		move |_common, e| {
+			if matches!(e.index, wgui::components::slider::ValueIndex::Primary) {
+				tasks.push(Task::UpdateFloat(setting, e.value));
+			} else {
+				tasks.push(Task::UpdateFloat(setting2, e.value));
+			}
+		}
+	}));
+
+	Ok(())
+}
+
+pub fn options_slider_i32(
+	mp: &mut MacroParams,
+	parent: WidgetID,
+	setting: SettingType,
+	min: i32,
+	max: i32,
+	step: i32,
+) -> anyhow::Result<()> {
+	let id = mp.idx.to_string();
+	mp.idx += 1;
+
+	let mut params: HashMap<Rc<str>, Rc<str>> = HashMap::new();
+	params.insert(Rc::from("id"), Rc::from(id.as_ref()));
+
+	match setting.get_translation() {
+		Ok(translation) => params.insert(Rc::from("translation"), translation.into()),
+		Err(raw_text) => params.insert(Rc::from("text"), raw_text.into()),
+	};
+
+	if let Some(tooltip) = setting.get_tooltip() {
+		params.insert(Rc::from("tooltip"), Rc::from(tooltip));
+	}
+
+	let id_cell = horiz_cell(mp.layout, parent)?;
+
+	let value = setting.mut_i32(mp.config).to_string();
+	params.insert(Rc::from("value"), Rc::from(value));
+	params.insert(Rc::from("min"), Rc::from(min.to_string()));
+	params.insert(Rc::from("max"), Rc::from(max.to_string()));
+	params.insert(Rc::from("step"), Rc::from(step.to_string()));
+
+	mp.parser_state
+		.instantiate_template(mp.doc_params, "SliderSetting", mp.layout, id_cell, params)?;
+
+	if setting.requires_restart() {
+		mount_requires_restart(mp.layout, id_cell)?;
+	}
+
+	let slider = mp.parser_state.fetch_component_as::<ComponentSlider>(&id)?;
+	slider.on_value_changed(Box::new({
+		let tasks = mp.tasks.clone();
+		move |_common, e| {
+			tasks.push(Task::UpdateInt(setting, e.value as i32));
+		}
+	}));
+	Ok(())
+}
+
+pub fn options_dropdown<EnumType>(
+	mp: &mut MacroParams,
+	parent: WidgetID,
+	setting: &'static SettingType,
+) -> anyhow::Result<()>
+where
+	EnumType: strum::VariantArray + strum::EnumProperty + std::convert::AsRef<str> + Copy + 'static,
+{
+	let id = mp.idx.to_string();
+	mp.idx += 1;
+
+	let mut params: HashMap<Rc<str>, Rc<str>> = HashMap::new();
+	params.insert(Rc::from("id"), Rc::from(id.as_ref()));
+
+	match setting.get_translation() {
+		Ok(translation) => params.insert(Rc::from("translation"), translation.into()),
+		Err(raw_text) => params.insert(Rc::from("text"), raw_text.into()),
+	};
+
+	if let Some(tooltip) = setting.get_tooltip() {
+		params.insert(Rc::from("tooltip"), Rc::from(tooltip));
+	}
+
+	let id_cell = horiz_cell(mp.layout, parent)?;
+
+	mp.parser_state
+		.instantiate_template(mp.doc_params, "DropdownButton", mp.layout, id_cell, params)?;
+
+	if setting.requires_restart() {
+		mount_requires_restart(mp.layout, id_cell)?;
+	}
+
+	let setting_str = setting.as_ref();
+	let title = setting.get_enum_title(mp.config);
+
+	{
+		let mut label = mp
+			.parser_state
+			.fetch_widget_as::<WidgetLabel>(&mp.layout.state, &format!("{id}_value"))?;
+		label.set_text_simple(&mut mp.layout.state.globals.get(), title);
+	}
+
+	let btn = mp.parser_state.fetch_component_as::<ComponentButton>(&id)?;
+	btn.on_click(Rc::new({
+		let tasks = mp.tasks.clone();
+		move |_common, e: ButtonClickEvent| {
+			tasks.push(Task::OpenContextMenu(
+				e.mouse_pos_absolute.unwrap_or_default(),
+				EnumType::VARIANTS
+					.iter()
+					.filter_map(|item| {
+						if item.get_bool("Hidden").unwrap_or(false) {
+							return None;
+						}
+
+						let value = item.as_ref();
+						let title = SettingType::get_enum_title_inner(*item);
+						let tooltip = SettingType::get_enum_tooltip_inner(*item);
+
+						let text = &title.text;
+						let translated = if title.translated { "1" } else { "0" };
+
+						Some(context_menu::Cell {
+							action_name: Some(format!("{setting_str};{id};{value};{text};{translated}").into()),
+							title,
+							tooltip,
+							attribs: vec![],
+						})
+					})
+					.collect(),
+			));
+			Ok(())
+		}
+	}));
+
+	Ok(())
+}
+
+pub fn options_danger_button(
+	mp: &mut MacroParams,
+	parent: WidgetID,
+	translation: &str,
+	icon: &str,
+	task: Task,
+) -> anyhow::Result<()> {
+	let id = mp.idx.to_string();
+	mp.idx += 1;
+
+	let mut params: HashMap<Rc<str>, Rc<str>> = HashMap::new();
+	params.insert(Rc::from("id"), Rc::from(id.as_ref()));
+	params.insert(Rc::from("translation"), Rc::from(translation));
+	params.insert(Rc::from("icon"), Rc::from(icon));
+
+	mp.parser_state
+		.instantiate_template(mp.doc_params, "DangerButton", mp.layout, parent, params)?;
+
+	let btn = mp.parser_state.fetch_component_as::<ComponentButton>(&id)?;
+	btn.on_click(Rc::new({
+		let tasks = mp.tasks.clone();
+		move |_common, _e| {
+			tasks.push(task.clone());
+			Ok(())
+		}
+	}));
+
+	Ok(())
+}
+
+pub fn options_autostart_app(
+	mp: &mut MacroParams,
+	parent: WidgetID,
+	text: &str,
+	ids: &mut Vec<Rc<str>>,
+) -> anyhow::Result<()> {
+	let id = mp.idx.to_string();
+	mp.idx += 1;
+
+	let mut params: HashMap<Rc<str>, Rc<str>> = HashMap::new();
+	params.insert(Rc::from("id"), Rc::from(id.as_ref()));
+	params.insert(Rc::from("text"), Rc::from(text));
+
+	mp.parser_state
+		.instantiate_template(mp.doc_params, "AutostartApp", mp.layout, parent, params)?;
+
+	let btn = mp.parser_state.fetch_component_as::<ComponentButton>(&id)?;
+	let id: Rc<str> = Rc::from(id);
+
+	ids.push(id.clone());
+
+	btn.on_click(Rc::new({
+		let tasks = mp.tasks.clone();
+		move |_common, _e| {
+			tasks.push(Task::RemoveAutostartApp(id.clone()));
+			Ok(())
+		}
+	}));
+	Ok(())
+}
+
+pub struct MacroParams<'a> {
+	pub layout: &'a mut Layout,
+	pub parser_state: &'a mut ParserState,
+	pub doc_params: &'a ParseDocumentParams<'a>,
+	pub config: &'a mut GeneralConfig,
+	pub tasks: Tasks<settings::Task>,
+	pub idx: usize,
+}

dash-frontend/src/tab/settings/tab_autostart_apps.rs

@@ -0,0 +1,33 @@
+use std::rc::Rc;
+
+use crate::tab::settings::{
+	SettingsMountParams, SettingsTab,
+	macros::{options_autostart_app, options_category},
+};
+
+pub struct State {}
+
+impl SettingsTab for State {}
+
+impl State {
+	pub fn mount(par: SettingsMountParams, app_button_ids: &mut Vec<Rc<str>>) -> anyhow::Result<State> {
+		*app_button_ids = Vec::new();
+
+		if !par.mp.config.autostart_apps.is_empty() {
+			let c = options_category(
+				par.mp,
+				par.id_parent,
+				"APP_SETTINGS.AUTOSTART_APPS",
+				"dashboard/apps.svg",
+			)?;
+
+			// todo: prevent clone
+			let autostart_apps = par.mp.config.autostart_apps.clone();
+			for app in autostart_apps {
+				options_autostart_app(par.mp, c, &app.name, app_button_ids)?;
+			}
+		}
+
+		Ok(State {})
+	}
+}

dash-frontend/src/tab/settings/tab_controls.rs

@@ -0,0 +1,46 @@
+use crate::tab::settings::{
+	SettingType, SettingsMountParams, SettingsTab,
+	macros::{
+		options_category, options_checkbox, options_dropdown, options_range_f32, options_slider_f32, options_slider_i32,
+	},
+};
+
+pub struct State {}
+
+impl SettingsTab for State {}
+
+impl State {
+	pub fn mount(par: SettingsMountParams) -> anyhow::Result<State> {
+		let c = options_category(
+			par.mp,
+			par.id_parent,
+			"APP_SETTINGS.CONTROLS",
+			"dashboard/controller.svg",
+		)?;
+		options_dropdown::<wlx_common::config::AltModifier>(par.mp, c, &SettingType::KeyboardMiddleClick)?;
+		options_dropdown::<wlx_common::config::HandsfreePointer>(par.mp, c, &SettingType::HandsfreePointer)?;
+		options_checkbox(par.mp, c, SettingType::FocusFollowsMouseMode)?;
+		options_checkbox(par.mp, c, SettingType::LeftHandedMouse)?;
+		options_checkbox(par.mp, c, SettingType::AllowSliding)?;
+		options_checkbox(par.mp, c, SettingType::InvertScrollDirectionX)?;
+		options_checkbox(par.mp, c, SettingType::InvertScrollDirectionY)?;
+		options_slider_f32(par.mp, c, SettingType::ScrollSpeed, 0.1, 5.0, 0.1)?;
+		options_slider_f32(par.mp, c, SettingType::LongPressDuration, 0.1, 2.0, 0.1)?;
+
+		if par.feats.openxr {
+			options_slider_f32(par.mp, c, SettingType::PointerLerpFactor, 0.1, 1.0, 0.1)?;
+			options_range_f32(
+				par.mp,
+				c,
+				SettingType::XrClickSensitivityRelease,
+				SettingType::XrClickSensitivity,
+				0.1,
+				0.9,
+				0.1,
+			)?;
+		}
+
+		options_slider_i32(par.mp, c, SettingType::ClickFreezeTimeMs, 0, 500, 50)?;
+		Ok(State {})
+	}
+}

dash-frontend/src/tab/settings/tab_features.rs

@@ -0,0 +1,37 @@
+use crate::tab::settings::{
+	SettingType, SettingsMountParams, SettingsTab,
+	macros::{options_category, options_checkbox, options_range_f32, options_slider_f32},
+};
+
+pub struct State {}
+
+impl SettingsTab for State {}
+
+impl State {
+	pub fn mount(par: SettingsMountParams) -> anyhow::Result<State> {
+		let c = options_category(par.mp, par.id_parent, "APP_SETTINGS.FEATURES", "dashboard/options.svg")?;
+		options_checkbox(par.mp, c, SettingType::NotificationsEnabled)?;
+		options_checkbox(par.mp, c, SettingType::NotificationsSoundEnabled)?;
+		options_checkbox(par.mp, c, SettingType::KeyboardSoundEnabled)?;
+		if !par.feats.openxr || par.feats.monado {
+			// monado or openvr
+			options_checkbox(par.mp, c, SettingType::BlockGameInput)?;
+			options_checkbox(par.mp, c, SettingType::BlockGameInputIgnoreWatch)?;
+		}
+		if par.feats.monado {
+			// monado-only
+			options_checkbox(par.mp, c, SettingType::BlockPosesOnKbdInteraction)?;
+		}
+
+		options_range_f32(
+			par.mp,
+			c,
+			SettingType::WatchViewAngleMin,
+			SettingType::WatchViewAngleMax,
+			0.1,
+			1.0,
+			0.1,
+		)?;
+		Ok(State {})
+	}
+}

dash-frontend/src/tab/settings/tab_look_and_feel.rs

@@ -0,0 +1,30 @@
+use crate::tab::settings::{
+	SettingType, SettingsMountParams, SettingsTab,
+	macros::{options_category, options_checkbox, options_dropdown, options_slider_f32},
+};
+
+pub struct State {}
+
+impl SettingsTab for State {}
+
+impl State {
+	pub fn mount(par: SettingsMountParams) -> anyhow::Result<State> {
+		let c = options_category(
+			par.mp,
+			par.id_parent,
+			"APP_SETTINGS.LOOK_AND_FEEL",
+			"dashboard/palette.svg",
+		)?;
+		options_dropdown::<wlx_common::locale::Language>(par.mp, c, &SettingType::Language)?;
+		options_checkbox(par.mp, c, SettingType::OpaqueBackground)?;
+		options_checkbox(par.mp, c, SettingType::HideUsername)?;
+		options_checkbox(par.mp, c, SettingType::HideGrabHelp)?;
+		options_slider_f32(par.mp, c, SettingType::UiAnimationSpeed, 0.5, 5.0, 0.1)?; // min, max, step
+		options_slider_f32(par.mp, c, SettingType::UiGradientIntensity, 0.0, 1.0, 0.05)?; // min, max, step
+		options_slider_f32(par.mp, c, SettingType::UiRoundMultiplier, 0.1, 5.0, 0.1)?;
+		options_checkbox(par.mp, c, SettingType::EnableWatch)?;
+		options_checkbox(par.mp, c, SettingType::SetsOnWatch)?;
+		options_checkbox(par.mp, c, SettingType::Clock12h)?;
+		Ok(State {})
+	}
+}

dash-frontend/src/tab/settings/tab_misc.rs

@@ -0,0 +1,20 @@
+use crate::tab::settings::{
+	SettingType, SettingsMountParams, SettingsTab,
+	macros::{options_category, options_checkbox, options_dropdown},
+};
+
+pub struct State {}
+
+impl SettingsTab for State {}
+
+impl State {
+	pub fn mount(par: SettingsMountParams) -> anyhow::Result<State> {
+		let c = options_category(par.mp, par.id_parent, "APP_SETTINGS.MISC", "dashboard/blocks.svg")?;
+		options_dropdown::<wlx_common::config::CaptureMethod>(par.mp, c, &SettingType::CaptureMethod)?;
+		options_checkbox(par.mp, c, SettingType::XwaylandByDefault)?;
+		options_checkbox(par.mp, c, SettingType::UprightScreenFix)?;
+		options_checkbox(par.mp, c, SettingType::DoubleCursorFix)?;
+		options_checkbox(par.mp, c, SettingType::ScreenRenderDown)?;
+		Ok(State {})
+	}
+}

dash-frontend/src/tab/settings/tab_skybox.rs

@@ -0,0 +1,70 @@
+use wgui::{assets::AssetPath, i18n::Translation, layout::Layout, task::Tasks};
+
+use crate::{
+	frontend::FrontendTasks,
+	tab::settings::{
+		SettingType, SettingsMountParams, SettingsTab,
+		macros::{options_category, options_checkbox, options_slider_f32},
+	},
+	util::{popup_manager::PopupHolder, wgui_simple},
+	views::{self, ViewUpdateParams, skymap_list},
+};
+
+#[derive(Clone)]
+enum Task {
+	ShowSkymapList,
+}
+
+pub struct State {
+	popup_skymap_list: PopupHolder<skymap_list::View>,
+	tasks: Tasks<Task>,
+	frontend_tasks: FrontendTasks,
+}
+
+impl SettingsTab for State {
+	fn update(&mut self, par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		self.popup_skymap_list.update(par)?;
+
+		for task in self.tasks.drain() {
+			match task {
+				Task::ShowSkymapList => self.show_skymap_list(par.layout),
+			}
+		}
+
+		Ok(())
+	}
+}
+
+impl State {
+	pub fn mount(par: SettingsMountParams) -> anyhow::Result<Self> {
+		let id_category = options_category(par.mp, par.id_parent, "APP_SETTINGS.SKYBOX", "dashboard/globe.svg")?;
+		options_checkbox(par.mp, id_category, SettingType::UseSkybox)?;
+		options_checkbox(par.mp, id_category, SettingType::UsePassthrough)?;
+		options_slider_f32(par.mp, id_category, SettingType::GridOpacity, 0.0, 1.0, 0.05)?;
+
+		let tasks = Tasks::<Task>::new();
+
+		// "Browse skymaps" button
+		wgui_simple::create_button(wgui_simple::CreateButtonParams {
+			id_parent: id_category,
+			layout: par.mp.layout,
+			content: Translation::from_translation_key("APP_SETTINGS.BROWSE_SKYMAPS"),
+			icon_builtin: AssetPath::BuiltIn("dashboard/globe.svg"),
+			on_click: tasks.get_button_click_callback(Task::ShowSkymapList),
+		})?;
+
+		Ok(Self {
+			popup_skymap_list: Default::default(),
+			frontend_tasks: par.frontend_tasks.clone(),
+			tasks,
+		})
+	}
+
+	fn show_skymap_list(&mut self, layout: &mut Layout) {
+		views::skymap_list::mount_popup(
+			self.frontend_tasks.clone(),
+			layout.state.globals.clone(),
+			self.popup_skymap_list.clone(),
+		);
+	}
+}

dash-frontend/src/tab/settings/tab_space_drag.rs

@@ -0,0 +1,138 @@
+use wgui::{
+	assets::AssetPath,
+	i18n::Translation,
+	layout::{Layout, LayoutTask, WidgetID},
+	parser::{Fetchable, ParseDocumentParams},
+};
+
+use crate::{
+	tab::settings::{
+		SettingType, SettingsMountParams, SettingsTab,
+		macros::{options_category, options_checkbox, options_slider_f32},
+	},
+	util::wgui_simple,
+};
+
+pub struct State {
+	id_space_gravity_parent: WidgetID,
+}
+
+fn set_visible(parent: WidgetID, layout: &mut Layout, n: bool) {
+	layout.tasks.push(LayoutTask::SetWidgetVisible(parent, n));
+}
+
+impl SettingsTab for State {
+	fn setting_updated(&mut self, sup: &mut super::SettingUpdatedParams) -> anyhow::Result<()> {
+		if sup.setting_type == SettingType::SpaceGravityEnabled {
+			set_visible(
+				self.id_space_gravity_parent,
+				sup.layout,
+				sup.config.space_gravity_enabled,
+			);
+		}
+		Ok(())
+	}
+}
+
+impl State {
+	pub fn mount(par: SettingsMountParams) -> anyhow::Result<State> {
+		let c = options_category(par.mp, par.id_parent, "APP_SETTINGS.SPACE_DRAG", "dashboard/drag.svg")?;
+
+		let globals = par.mp.layout.state.globals.clone();
+
+		let tab_state = wgui::parser::parse_from_assets(
+			&ParseDocumentParams {
+				globals,
+				path: AssetPath::BuiltIn("gui/tab/settings_tab_space_drag.xml"),
+				extra: Default::default(),
+			},
+			par.mp.layout,
+			c,
+		)?;
+
+		let id_common_options_parent = tab_state.get_widget_id("common_options_parent")?;
+		let id_gravity_enabled_parent = tab_state.get_widget_id("gravity_enabled_parent")?;
+		let id_space_gravity_parent = tab_state.get_widget_id("space_gravity_parent")?;
+
+		if !par.feats.openxr || par.feats.monado {
+			// monado or openvr
+			options_checkbox(par.mp, id_common_options_parent, SettingType::SpaceDragUnlocked)?;
+
+			options_slider_f32(
+				par.mp,
+				id_common_options_parent,
+				SettingType::SpaceDragMultiplier,
+				-10.0,
+				10.0,
+				0.5,
+			)?;
+		}
+
+		if par.feats.monado {
+			// openvr can only ever rotate yaw
+			options_checkbox(par.mp, id_common_options_parent, SettingType::SpaceRotateUnlocked)?;
+		}
+
+		if par.feats.monado {
+			/* space gravity section */
+			options_checkbox(par.mp, id_gravity_enabled_parent, SettingType::SpaceGravityEnabled)?;
+
+			options_slider_f32(
+				par.mp,
+				id_space_gravity_parent,
+				SettingType::SpaceGravityGravity,
+				0.0,
+				10.0,
+				0.5,
+			)?;
+			options_slider_f32(
+				par.mp,
+				id_space_gravity_parent,
+				SettingType::SpaceGravityDamping,
+				0.1,
+				1.0,
+				0.01,
+			)?;
+			options_slider_f32(
+				par.mp,
+				id_space_gravity_parent,
+				SettingType::SpaceGravityFlingStrength,
+				0.0,
+				3.0,
+				0.1,
+			)?;
+			options_slider_f32(
+				par.mp,
+				id_space_gravity_parent,
+				SettingType::SpaceGravityGroundFriction,
+				0.0,
+				1.0,
+				0.01,
+			)?;
+			options_slider_f32(
+				par.mp,
+				id_space_gravity_parent,
+				SettingType::SpaceGravityFloorHeight,
+				-5.0,
+				5.0,
+				0.1,
+			)?;
+		} else {
+			wgui_simple::create_label(
+				par.mp.layout,
+				id_gravity_enabled_parent,
+				Translation::from_translation_key("APP_SETTINGS.NOT_SUPPORTED"),
+			)?;
+		}
+
+		set_visible(
+			id_space_gravity_parent,
+			par.mp.layout,
+			par.mp.config.space_gravity_enabled,
+		);
+
+		Ok(State {
+			id_space_gravity_parent,
+		})
+	}
+}

dash-frontend/src/tab/settings/tab_troubleshooting.rs

@@ -0,0 +1,55 @@
+use crate::tab::settings::{
+	SettingsMountParams, SettingsTab, Task,
+	macros::{options_category, options_danger_button},
+};
+
+pub struct State {}
+
+impl SettingsTab for State {}
+
+impl State {
+	pub fn mount(par: SettingsMountParams) -> anyhow::Result<Self> {
+		let c = options_category(
+			par.mp,
+			par.id_parent,
+			"APP_SETTINGS.TROUBLESHOOTING",
+			"dashboard/cpu.svg",
+		)?;
+		options_danger_button(
+			par.mp,
+			c,
+			"APP_SETTINGS.RESET_PLAYSPACE",
+			"dashboard/recenter.svg",
+			Task::ResetPlayspace,
+		)?;
+		options_danger_button(
+			par.mp,
+			c,
+			"APP_SETTINGS.CLEAR_PIPEWIRE_TOKENS",
+			"dashboard/display.svg",
+			Task::ClearPipewireTokens,
+		)?;
+		options_danger_button(
+			par.mp,
+			c,
+			"APP_SETTINGS.CLEAR_SAVED_STATE",
+			"dashboard/binary.svg",
+			Task::ClearSavedState,
+		)?;
+		options_danger_button(
+			par.mp,
+			c,
+			"APP_SETTINGS.DELETE_ALL_CONFIGS",
+			"dashboard/circle.svg",
+			Task::DeleteAllConfigs,
+		)?;
+		options_danger_button(
+			par.mp,
+			c,
+			"APP_SETTINGS.RESTART_SOFTWARE",
+			"dashboard/refresh.svg",
+			Task::RestartSoftware,
+		)?;
+		Ok(State {})
+	}
+}

dash-frontend/src/util/cached_fetcher.rs

@@ -1,8 +1,7 @@
+use crate::util::{networking::http_client, steam_utils::AppID};
 use anyhow::Context;
 use serde::Deserialize;
-use wlx_common::cache_dir;
+use wlx_common::{async_executor::AsyncExecutor, cache_dir};
-
-use crate::util::{http_client, steam_utils::AppID, various::AsyncExecutor};
 
 pub struct CoverArt {
 	// can be empty in case if data couldn't be fetched (use a fallback image then)
@@ -24,7 +23,7 @@ pub async fn request_image(executor: AsyncExecutor, app_id: AppID) -> anyhow::Re
 		app_id
 	);
 
-	match http_client::get(&executor, &url).await {
+	match http_client::get_simple(&executor, &url).await {
 		Ok(response) => {
 			log::info!("Success");
 			cache_dir::set_data(&cache_file_path, &response.data).await?;
@@ -69,7 +68,7 @@ async fn get_app_details_json_internal(
 	// Fetch from Steam API
 	log::info!("Fetching app detail ID {}", app_id);
 	let url = format!("https://store.steampowered.com/api/appdetails?appids={}", app_id);
-	let response = http_client::get(&executor, &url).await?;
+	let response = http_client::get_simple(&executor, &url).await?;
 	let res_utf8 = String::from_utf8(response.data)?;
 	let root = serde_json::from_str::<serde_json::Value>(&res_utf8)?;
 	let body = root.get(&app_id).context("invalid body")?;

dash-frontend/src/util/mod.rs

@@ -1,8 +1,7 @@
 pub mod cached_fetcher;
-pub mod http_client;
+pub mod networking;
 pub mod pactl_wrapper;
 pub mod popup_manager;
 pub mod steam_utils;
 pub mod toast_manager;
-pub mod various;
 pub mod wgui_simple;

dash-frontend/src/util/networking/http_client.rs

@@ -13,16 +13,38 @@ use smol::{net::TcpStream, prelude::*};
 use std::convert::TryInto;
 use std::pin::Pin;
 use std::task::{Context, Poll};
-
+use wlx_common::async_executor::AsyncExecutor;
-use crate::util::various::AsyncExecutor;
 pub struct HttpClientResponse {
 	pub data: Vec<u8>,
 }
 
-pub async fn get(executor: &AsyncExecutor, url: &str) -> anyhow::Result<HttpClientResponse> {
+impl HttpClientResponse {
-	log::info!("fetching URL \"{}\"", url);
+	pub fn into_json<T>(self) -> anyhow::Result<T>
+	where
+		T: for<'a> serde::Deserialize<'a>,
+	{
+		let utf8 = str::from_utf8(&self.data)?;
+		Ok(serde_json::from_str::<T>(utf8)?)
+	}
+}
 
-	let url: hyper::Uri = url.try_into()?;
+pub struct ProgressFuncData {
+	pub bytes_downloaded: u64,
+	pub file_size: u64,
+}
+
+pub type ProgressFunc = Box<dyn Fn(ProgressFuncData)>;
+
+pub struct GetParams<'a> {
+	pub executor: &'a AsyncExecutor,
+	pub url: &'a str,
+	pub on_progress: Option<ProgressFunc>,
+}
+
+pub async fn get(params: GetParams<'_>) -> anyhow::Result<HttpClientResponse> {
+	log::info!("fetching URL \"{}\"", params.url);
+
+	let url: hyper::Uri = params.url.try_into()?;
 	let req = Request::builder()
 		.header(
 			hyper::header::HOST,
@@ -31,23 +53,55 @@ pub async fn get(executor: &AsyncExecutor, url: &str) -> anyhow::Result<HttpClie
 		.uri(url)
 		.body(Empty::new())?;
 
-	let resp = fetch(executor, req).await?;
+	let resp = fetch(params.executor, req).await?;
 
 	if !resp.status().is_success() {
 		// non-200 HTTP response
 		anyhow::bail!("non-200 HTTP response: {}", resp.status().as_str());
 	}
 
-	let body = BodyStream::new(resp.into_body())
+	let mut bytes_downloaded: u64 = 0;
+	let mut file_size: u64 = 1;
+
+	let (parts, body) = resp.into_parts();
+
+	// that's a pretty interesting way to get file size :]
+	if let Some(val) = parts.headers.get("Content-Length")
+		&& let Ok(str) = val.to_str()
+		&& let Ok(s) = str.parse()
+	{
+		file_size = s;
+	}
+
+	let mut on_progress = params.on_progress;
+
+	let data = BodyStream::new(body)
 		.try_fold(Vec::new(), |mut body, chunk| {
 			if let Some(chunk) = chunk.data_ref() {
+				bytes_downloaded += chunk.len() as u64;
 				body.extend_from_slice(chunk);
+
+				if let Some(on_progress) = &mut on_progress {
+					on_progress(ProgressFuncData {
+						bytes_downloaded,
+						file_size,
+					})
+				}
 			}
 			Ok(body)
 		})
 		.await?;
 
-	Ok(HttpClientResponse { data: body })
+	Ok(HttpClientResponse { data })
+}
+
+pub async fn get_simple(executor: &AsyncExecutor, url: &str) -> anyhow::Result<HttpClientResponse> {
+	get(GetParams {
+		executor,
+		url,
+		on_progress: None,
+	})
+	.await
 }
 
 async fn fetch(

dash-frontend/src/util/networking/image_fetch.rs

@@ -0,0 +1,16 @@
+use std::rc::Rc;
+
+use wgui::{globals::WguiGlobals, renderer_vk::text::custom_glyph::CustomGlyphData};
+use wlx_common::async_executor::AsyncExecutor;
+
+use crate::util::networking::http_client;
+
+pub async fn fetch_to_glyph_data(
+	globals: &WguiGlobals,
+	executor: &AsyncExecutor,
+	url: &str,
+) -> anyhow::Result<(CustomGlyphData, Rc<Vec<u8>>)> {
+	let res = http_client::get_simple(executor, url).await?;
+	let glyph_data = CustomGlyphData::from_bytes_raster(globals, url, &res.data)?;
+	Ok((glyph_data, Rc::new(res.data)))
+}

dash-frontend/src/util/networking/mod.rs

@@ -0,0 +1,6 @@
+pub mod http_client;
+pub mod image_fetch;
+pub mod skymap_catalog;
+
+// pub const WAYVR_ROOT_URL: &str = "https://wayvr.org";
+pub const WAYVR_SKYMAPS_ROOT: &str = "https://wayvr.org/skymaps";

dash-frontend/src/util/networking/skymap_catalog.rs

@@ -0,0 +1,189 @@
+use crate::util::networking::{self, WAYVR_SKYMAPS_ROOT, http_client};
+use serde::{Deserialize, Serialize};
+use std::path::PathBuf;
+use wlx_common::{async_executor::AsyncExecutor, config_io};
+pub type SkymapUuid = uuid::Uuid;
+
+#[derive(Copy, Clone, Serialize, Deserialize, Debug)]
+pub enum SkymapResolution {
+	Res2k,
+	Res4k,
+	Res8k,
+}
+
+impl SkymapResolution {
+	pub const fn get_display_str(&self) -> &'static str {
+		match self {
+			SkymapResolution::Res2k => "2K (2 MiB VRAM)",
+			SkymapResolution::Res4k => "4K (8 MiB VRAM)",
+			SkymapResolution::Res8k => "8K (33 MiB VRAM)",
+		}
+	}
+
+	pub const fn get_display_str_simple(&self) -> &'static str {
+		match self {
+			SkymapResolution::Res2k => "2K",
+			SkymapResolution::Res4k => "4K",
+			SkymapResolution::Res8k => "8K",
+		}
+	}
+
+	pub fn from_display_str_simple(text: &str) -> Option<SkymapResolution> {
+		match text {
+			"2K" => Some(SkymapResolution::Res2k),
+			"4K" => Some(SkymapResolution::Res4k),
+			"8K" => Some(SkymapResolution::Res8k),
+			_ => None,
+		}
+	}
+}
+
+#[derive(Clone, Debug, Serialize, Deserialize)]
+pub struct SkymapCatalogEntryFiles {
+	pub size_8k: Option<String>, // "my_skymap_8k.dds"
+	pub size_4k: Option<String>, // "my_skymap_4k.dds"
+	pub size_2k: String,         // we should have *at least* this
+	pub preview: String,
+}
+
+impl SkymapCatalogEntryFiles {
+	pub fn get_url_preview(&self) -> String {
+		format!("{}/files/{}", WAYVR_SKYMAPS_ROOT, self.preview)
+	}
+
+	pub fn get_filename_from_res(&self, res: SkymapResolution) -> Option<String> {
+		match res {
+			SkymapResolution::Res2k => Some(&self.size_2k),
+			SkymapResolution::Res4k => self.size_4k.as_ref(),
+			SkymapResolution::Res8k => self.size_8k.as_ref(),
+		}
+		.map(|raw_filename| {
+			// sanitize filename, do not allow "../" just in case
+			PathBuf::from(raw_filename)
+				.file_name()
+				.map(|s| String::from(s.to_string_lossy()))
+		})?
+	}
+
+	// example result: "https://wayvr.org/skymaps/files/my_skymap_8k.dds"
+	pub fn get_url_from_res(&self, res: SkymapResolution) -> Option<String> {
+		let filename = self.get_filename_from_res(res)?;
+		Some(format!("{}/files/{}", WAYVR_SKYMAPS_ROOT, filename))
+	}
+
+	pub fn get_preview_path(&self) -> PathBuf {
+		config_io::get_skymaps_root().join(&self.preview)
+	}
+
+	pub fn save_preview_to_file(&self, data: &[u8]) -> anyhow::Result<()> {
+		std::fs::write(self.get_preview_path(), data)?;
+		Ok(())
+	}
+
+	pub fn remove_preview_file(&self) {
+		let _dont_care = std::fs::remove_file(self.get_preview_path());
+	}
+}
+
+#[derive(Clone, Debug, Serialize, Deserialize)]
+pub struct SkymapCatalogEntry {
+	pub uuid: SkymapUuid,
+	pub created_at: String,
+	pub modified_at: String,
+	pub version: u32,
+	pub name: String,
+	pub description: String,
+	pub author: String,
+	pub files: SkymapCatalogEntryFiles,
+}
+
+impl SkymapCatalogEntry {
+	pub fn get_destination_path(&self, resolution: SkymapResolution) -> Option<PathBuf> {
+		let filename = self.files.get_filename_from_res(resolution)?;
+		Some(config_io::get_skymaps_root().join(filename))
+	}
+
+	pub fn get_destination_metadata_path(&self) -> PathBuf {
+		config_io::get_skymaps_root().join(format!("{}.json", self.uuid))
+	}
+
+	pub fn is_downloaded(&self, resolution: SkymapResolution) -> anyhow::Result<bool> {
+		let Some(full_path) = self.get_destination_path(resolution) else {
+			return Ok(false);
+		};
+
+		Ok(std::fs::exists(full_path)?)
+	}
+
+	pub fn has_any_downloaded(&self) -> bool {
+		self.is_downloaded(SkymapResolution::Res2k).unwrap_or(false)
+			|| self.is_downloaded(SkymapResolution::Res4k).unwrap_or(false)
+			|| self.is_downloaded(SkymapResolution::Res8k).unwrap_or(false)
+	}
+
+	pub fn remove_file(&self, resolution: SkymapResolution) {
+		let Some(full_path) = self.get_destination_path(resolution) else {
+			return;
+		};
+
+		let _dont_care = std::fs::remove_file(full_path);
+	}
+
+	pub fn save_metadata(&self) -> anyhow::Result<()> {
+		let json = serde_json::to_string_pretty(self)?;
+		std::fs::write(self.get_destination_metadata_path(), json)?;
+		Ok(())
+	}
+
+	pub fn remove_metadata(&self) {
+		let _dont_care = std::fs::remove_file(self.get_destination_metadata_path());
+	}
+}
+
+#[derive(Clone, Debug, Deserialize)]
+pub struct SkymapCatalog {
+	pub version: u32,
+	pub r#type: String,
+	pub entries: Vec<SkymapCatalogEntry>,
+}
+
+impl SkymapCatalog {
+	fn validate(&self) -> anyhow::Result<()> {
+		if self.version != 1 {
+			anyhow::bail!("Unsupported version");
+		}
+
+		if self.r#type != "wayvr_skymaps" {
+			anyhow::bail!("Unsupported type");
+		}
+		Ok(())
+	}
+}
+
+pub async fn request_catalog(executor: &AsyncExecutor) -> anyhow::Result<SkymapCatalog> {
+	log::info!("Fetching skymap list");
+
+	let res = http_client::get_simple(executor, &format!("{}/catalog.json", networking::WAYVR_SKYMAPS_ROOT)).await?;
+	let catalog = res.into_json::<SkymapCatalog>()?;
+	catalog.validate()?;
+
+	Ok(catalog)
+}
+
+pub fn get_entries_from_disk() -> anyhow::Result<Vec<SkymapCatalogEntry>> {
+	let mut entries = Vec::<SkymapCatalogEntry>::new();
+
+	let skymaps_root = config_io::get_skymaps_root();
+
+	for uuid in config_io::get_skymaps_uuids().unwrap_or_default() {
+		let metadata_path = skymaps_root.join(format!("{}.json", uuid));
+		let Ok(data) = std::fs::read_to_string(metadata_path) else {
+			continue;
+		};
+
+		let entry = serde_json::from_str::<SkymapCatalogEntry>(&data)?;
+		entries.push(entry);
+	}
+
+	Ok(entries)
+}

dash-frontend/src/util/popup_manager.rs

@@ -6,17 +6,19 @@ use std::{
 use wgui::{
 	assets::AssetPath,
 	components::button::ComponentButton,
-	event::{EventAlterables, StyleSetRequest},
+	event::EventAlterables,
 	globals::WguiGlobals,
 	i18n::Translation,
 	layout::{Layout, LayoutTask, LayoutTasks, WidgetID},
 	parser::{Fetchable, ParseDocumentParams, ParserState},
-	taffy::Display,
 	widget::label::WidgetLabel,
 };
 use wlx_common::config::GeneralConfig;
 
-use crate::frontend::{FrontendTask, FrontendTasks};
+use crate::{
+	frontend::{FrontendTask, FrontendTasks},
+	views::{ViewTrait, ViewUpdateParams},
+};
 
 pub struct PopupManagerParams {
 	pub parent_id: WidgetID,
@@ -34,15 +36,136 @@ pub struct MountedPopup {
 	frontend_tasks: FrontendTasks,
 }
 
+#[derive(Default)]
 struct MountedPopupState {
 	mounted_popup: Option<MountedPopup>,
+	closed_callback: Option<PopupClosedCallback>,
 }
 
-#[derive(Clone)]
+#[derive(Default, Clone)]
 pub struct PopupHandle {
 	state: Rc<RefCell<MountedPopupState>>,
 }
 
+struct PopupHolderState<ViewType: ViewTrait> {
+	popup_handle: PopupHandle,
+	view: Option<ViewType>,
+	on_view_close: Option<Box<dyn FnOnce()>>,
+}
+
+// we can't use #[derive(Default)] due to the fact that ViewType can't be Default.
+impl<ViewType: ViewTrait> Default for PopupHolderState<ViewType> {
+	fn default() -> Self {
+		Self {
+			popup_handle: Default::default(),
+			view: None,
+			on_view_close: None,
+		}
+	}
+}
+
+pub struct PopupHolder<ViewType: ViewTrait> {
+	state: Rc<RefCell<PopupHolderState<ViewType>>>,
+}
+
+impl<ViewType: ViewTrait> Default for PopupHolder<ViewType> {
+	fn default() -> Self {
+		Self {
+			state: Rc::new(RefCell::new(PopupHolderState::default())),
+		}
+	}
+}
+
+impl<ViewType: ViewTrait> PopupHolderState<ViewType> {
+	fn close(&mut self) {
+		if self.view.is_some() {
+			self.view = None;
+			if let Some(on_close) = self.on_view_close.take() {
+				on_close();
+			}
+		}
+		self.popup_handle.close();
+	}
+}
+
+impl<ViewType: ViewTrait> Drop for PopupHolderState<ViewType> {
+	fn drop(&mut self) {
+		self.close();
+	}
+}
+
+// we can't derive(Clone) due to the fact that ViewType is non-cloneable
+impl<ViewType: ViewTrait> Clone for PopupHolder<ViewType> {
+	fn clone(&self) -> Self {
+		Self {
+			state: self.state.clone(),
+		}
+	}
+}
+
+impl<ViewType: ViewTrait> PopupHolder<ViewType> {
+	pub fn update(&self, par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		let mut state = self.state.borrow_mut();
+		let Some(view) = &mut state.view else {
+			return Ok(());
+		};
+
+		view.update(par)
+	}
+
+	pub fn set_view(&self, handle: PopupHandle, view: ViewType, on_view_close: Option<Box<dyn FnOnce()>>) {
+		let mut state = self.state.borrow_mut();
+		state.view = Some(view);
+		state.popup_handle = handle;
+		state.on_view_close = on_view_close;
+	}
+
+	// Get underlying ViewType object in a closure and return its value
+	// example usage:
+	//
+	// ```rs
+	// holder.with_view(|view| {
+	//   view.foo();
+	// })
+	// ```
+	//
+	pub fn with_view<F, R>(&self, f: F) -> Option<R>
+	where
+		F: FnOnce(&mut ViewType) -> R,
+	{
+		let mut state = self.state.borrow_mut();
+		state.view.as_mut().map(f)
+	}
+
+	// Same as with_view, but the closure expects a simple anyhow::Result<()> type
+	pub fn with_view_res<F>(&self, f: F) -> anyhow::Result<()>
+	where
+		F: FnOnce(&mut ViewType) -> anyhow::Result<()>,
+	{
+		if let Some(res) = self.with_view(f) {
+			return res;
+		}
+		Ok(())
+	}
+
+	pub fn get_close_callback(&self, layout: &Layout) -> Box<dyn FnOnce()>
+	where
+		ViewType: 'static,
+	{
+		let layout_tasks = layout.tasks.clone();
+		let weak_state = Rc::downgrade(&self.state);
+		Box::new(move || {
+			// we can't borrow State here yet, dispatch it.
+			layout_tasks.push(LayoutTask::Dispatch(Box::new(move |_common| {
+				if let Some(state) = weak_state.upgrade() {
+					state.borrow_mut().close();
+				}
+				Ok(())
+			})));
+		})
+	}
+}
+
 impl PopupHandle {
 	pub fn close(&self) {
 		self.state.borrow_mut().mounted_popup = None; // Drop will be called
@@ -61,10 +184,24 @@ pub struct PopupContentFuncData<'a> {
 	pub id_content: WidgetID,
 }
 
+type PopupClosedCallback = Box<dyn FnOnce()>;
+type OnContentCallback = Box<dyn FnOnce(PopupContentFuncData) -> anyhow::Result<PopupClosedCallback>>;
+
+// we need to implement Clone here, but the underlying function can be called only once.
+// on_content will be cleared after the first call
 #[derive(Clone)]
-pub struct MountPopupParams {
+pub struct MountPopupOnceParams {
-	pub title: Translation,
+	title: Translation,
-	pub on_content: Rc<dyn Fn(PopupContentFuncData) -> anyhow::Result<()>>,
+	on_content: Rc<RefCell<Option<OnContentCallback>>>,
+}
+
+impl MountPopupOnceParams {
+	pub fn new(title: Translation, on_content: OnContentCallback) -> Self {
+		Self {
+			title,
+			on_content: Rc::new(RefCell::new(Some(on_content))),
+		}
+	}
 }
 
 impl Drop for MountedPopup {
@@ -78,25 +215,23 @@ impl State {
 	fn refresh_stack(&mut self, alterables: &mut EventAlterables) {
 		// show only the topmost popup
 		self.popup_stack.retain(|weak| {
-			let Some(popup) = weak.upgrade() else {
+			let retain = {
-				return false;
+				let Some(popup) = weak.upgrade() else {
+					return false;
+				};
+				popup.borrow_mut().mounted_popup.is_some()
 			};
-			popup.borrow_mut().mounted_popup.is_some()
+			if !retain {
+				log::debug!("removing popup from popup_stack");
+			}
+			retain
 		});
 
 		for (idx, popup) in self.popup_stack.iter().enumerate() {
 			let popup = popup.upgrade().unwrap(); // safe
 			let popup = popup.borrow_mut();
 			let mounted_popup = popup.mounted_popup.as_ref().unwrap(); // safe;
-
+			alterables.set_widget_visible(mounted_popup.id_root, idx == self.popup_stack.len() - 1);
-			alterables.set_style(
-				mounted_popup.id_root,
-				StyleSetRequest::Display(if idx == self.popup_stack.len() - 1 {
-					Display::Flex
-				} else {
-					Display::None
-				}),
-			);
 		}
 	}
 }
@@ -116,16 +251,13 @@ impl PopupManager {
 		state.refresh_stack(alterables);
 	}
 
-	/// Mount a new popup on top of the existing popup stack.
+	fn mount_popup_prepare(
-	/// Only the topmost popup is visible.
+		&self,
-	pub fn mount_popup(
+		globals: &WguiGlobals,
-		&mut self,
-		globals: WguiGlobals,
 		layout: &mut Layout,
-		frontend_tasks: FrontendTasks,
+		frontend_tasks: &FrontendTasks,
-		params: MountPopupParams,
+		popup_title: &Translation,
-		config: &GeneralConfig,
+	) -> anyhow::Result<(PopupHandle, WidgetID /* content widget ID */)> {
-	) -> anyhow::Result<()> {
 		let doc_params = &ParseDocumentParams {
 			globals: globals.clone(),
 			path: AssetPath::BuiltIn("gui/view/popup_window.xml"),
@@ -138,7 +270,7 @@ impl PopupManager {
 
 		{
 			let mut label_title = state.fetch_widget_as::<WidgetLabel>(&layout.state, "popup_title")?;
-			label_title.set_text_simple(&mut globals.get(), params.title);
+			label_title.set_text_simple(&mut globals.get(), popup_title.clone());
 		}
 
 		let but_back = state.fetch_component_as::<ComponentButton>("but_back")?;
@@ -152,6 +284,7 @@ impl PopupManager {
 
 		let mounted_popup_state = MountedPopupState {
 			mounted_popup: Some(mounted_popup),
+			closed_callback: None,
 		};
 
 		let popup_handle = PopupHandle {
@@ -159,28 +292,56 @@ impl PopupManager {
 		};
 
 		let mut state = self.state.borrow_mut();
+		log::debug!("pushing popup to popup_stack");
 		state.popup_stack.push(Rc::downgrade(&popup_handle.state));
 
 		but_back.on_click({
 			let popup_handle = Rc::downgrade(&popup_handle.state);
 			Rc::new(move |_common, _evt| {
-				if let Some(popup_handle) = popup_handle.upgrade() {
+				if let Some(popup_handle) = popup_handle.upgrade()
-					popup_handle.borrow_mut().mounted_popup = None; // will call Drop
+					&& let Some(closed_callback) = {
+						let mut state = popup_handle.borrow_mut();
+						state.mounted_popup = None; // will call Drop
+						state.closed_callback.take()
+					} {
+					log::debug!("closed_callback called");
+					closed_callback();
 				}
 				Ok(())
 			})
 		});
 
 		frontend_tasks.push(FrontendTask::RefreshPopupManager);
+		Ok((popup_handle, id_content))
+	}
+
+	/// Mount a new popup on top of the existing popup stack.
+	/// Only the topmost popup is visible.
+	pub fn mount_popup_once(
+		&mut self,
+		globals: &WguiGlobals,
+		layout: &mut Layout,
+		frontend_tasks: &FrontendTasks,
+		params: MountPopupOnceParams,
+		config: &GeneralConfig,
+	) -> anyhow::Result<()> {
+		let mut func = params.on_content.borrow_mut();
+		let Some(on_content_func) = func.take() else {
+			anyhow::bail!("mount_popup_once called more than once");
+		};
+
+		let (popup_handle, id_content) = self.mount_popup_prepare(globals, layout, frontend_tasks, &params.title)?;
 
 		// mount user-set popup content
-		(*params.on_content)(PopupContentFuncData {
+		let closed_callback = on_content_func(PopupContentFuncData {
 			layout,
 			handle: popup_handle.clone(),
 			id_content,
 			config,
 		})?;
 
+		popup_handle.state.borrow_mut().closed_callback = Some(closed_callback);
+
 		Ok(())
 	}
 }

dash-frontend/src/util/steam_utils.rs

@@ -2,6 +2,7 @@ use keyvalues_parser::{Obj, Vdf};
 use serde::{Deserialize, Serialize};
 use std::path::PathBuf;
 
+#[derive(Clone)]
 pub struct SteamUtils {
 	steam_root: PathBuf,
 }

dash-frontend/src/util/toast_manager.rs

@@ -5,7 +5,6 @@ use wgui::{
 	animation::{Animation, AnimationEasing},
 	components::tooltip::{TOOLTIP_BORDER_COLOR, TOOLTIP_COLOR},
 	drawing::Color,
-	globals::WguiGlobals,
 	i18n::Translation,
 	layout::{Layout, LayoutTask, LayoutTasks, WidgetID},
 	renderer_vk::{
@@ -61,15 +60,7 @@ impl ToastManager {
 		}
 	}
 
-	fn mount_toast(
+	fn mount_toast(&self, layout: &mut Layout, state: &mut State, content: Translation) -> anyhow::Result<()> {
-		&self,
-		globals: &WguiGlobals,
-		layout: &mut Layout,
-		state: &mut State,
-		content: Translation,
-	) -> anyhow::Result<()> {
-		let mut globals = globals.get();
-
 		let (root, _) = layout.add_topmost_child(
 			WidgetDiv::create(),
 			taffy::Style {
@@ -110,27 +101,24 @@ impl ToastManager {
 			},
 		)?;
 
-		let (label, _) = layout.add_child(
+		let label = WidgetLabel::create(
-			rect.id,
+			&mut layout.state,
-			WidgetLabel::create(
+			WidgetLabelParams {
-				&mut globals,
+				content,
-				WidgetLabelParams {
+				style: TextStyle {
-					content,
+					weight: Some(FontWeight::Bold),
-					style: TextStyle {
+					align: Some(HorizontalAlign::Center),
-						weight: Some(FontWeight::Bold),
+					wrap: true,
-						align: Some(HorizontalAlign::Center),
+					..Default::default()
-						wrap: true,
-						..Default::default()
-					},
 				},
-			),
+			},
-			taffy::Style { ..Default::default() },
+		);
-		)?;
+		let (label, _) = layout.add_child(rect.id, label, taffy::Style { ..Default::default() })?;
 
 		// show-up animation
 		layout.animations.add(Animation::new(
 			rect.id,
-			(TOAST_DURATION_TICKS as f32 * globals.defaults.animation_mult) as u32,
+			(TOAST_DURATION_TICKS as f32 * layout.state.theme.animation_mult) as u32,
 			AnimationEasing::Linear,
 			Box::new(move |common, data| {
 				let pos_showup = AnimationEasing::OutQuint.interpolate((data.pos * 4.0).min(1.0));
@@ -161,7 +149,7 @@ impl ToastManager {
 		Ok(())
 	}
 
-	pub fn tick(&mut self, globals: &WguiGlobals, layout: &mut Layout) -> anyhow::Result<()> {
+	pub fn tick(&mut self, layout: &mut Layout) -> anyhow::Result<()> {
 		let mut state = self.state.borrow_mut();
 		if state.timeout > 0 {
 			state.timeout -= 1;
@@ -176,7 +164,7 @@ impl ToastManager {
 			state.timeout = TOAST_DURATION_TICKS;
 			// mount next
 			if let Some(content) = state.queue.pop_front() {
-				self.mount_toast(globals, layout, &mut state, content)?;
+				self.mount_toast(layout, &mut state, content)?;
 			}
 		}
 

dash-frontend/src/util/wgui_simple.rs

@@ -1,13 +1,54 @@
+use glam::{Mat4, Vec2};
 use wgui::{
+	animation::{Animation, AnimationEasing},
+	assets::AssetPath,
+	components::{self, button::ButtonClickCallback},
+	drawing,
 	i18n::Translation,
-	layout::{Layout, WidgetID},
+	layout::{Layout, LayoutTask, WidgetID},
-	renderer_vk::text::TextStyle,
+	parser::{Fetchable, ParseDocumentParams},
-	widget::label::{WidgetLabel, WidgetLabelParams},
+	renderer_vk::{
+		text::{FontWeight, TextStyle, custom_glyph::CustomGlyphData},
+		util::centered_matrix,
+	},
+	taffy::{self, prelude::length},
+	widget::{
+		ConstructEssentials,
+		label::{WidgetLabel, WidgetLabelParams},
+		sprite::{WidgetSprite, WidgetSpriteParams},
+	},
 };
 
-pub fn create_label(layout: &mut Layout, parent: WidgetID, content: Translation) -> anyhow::Result<()> {
+pub struct CreateButtonParams<'a> {
+	pub id_parent: WidgetID,
+	pub layout: &'a mut Layout,
+	pub content: Translation,
+	pub icon_builtin: AssetPath<'a>,
+	pub on_click: ButtonClickCallback,
+}
+
+pub fn create_button(par: CreateButtonParams) -> anyhow::Result<()> {
+	let (_, button) = components::button::construct(
+		&mut ConstructEssentials {
+			layout: par.layout,
+			parent: par.id_parent,
+		},
+		components::button::Params {
+			text: Some(par.content),
+			sprite_src: Some(par.icon_builtin),
+			..Default::default()
+		},
+	)?;
+
+	button.on_click(par.on_click);
+
+	Ok(())
+}
+
+#[allow(dead_code)]
+pub fn create_label(layout: &mut Layout, id_parent: WidgetID, content: Translation) -> anyhow::Result<()> {
 	let label = WidgetLabel::create(
-		&mut layout.state.globals.get(),
+		&mut layout.state,
 		WidgetLabelParams {
 			content,
 			style: TextStyle {
@@ -17,7 +58,102 @@ pub fn create_label(layout: &mut Layout, parent: WidgetID, content: Translation)
 		},
 	);
 
+	layout.add_child(id_parent, label, Default::default())?;
+
+	Ok(())
+}
+
+pub fn create_label_error(layout: &mut Layout, parent: WidgetID, content: String) -> anyhow::Result<()> {
+	let label = WidgetLabel::create(
+		&mut layout.state,
+		WidgetLabelParams {
+			content: Translation::from_raw_text_string(content),
+			style: TextStyle {
+				wrap: true,
+				color: Some(drawing::Color::new(1.0, 0.5, 0.0, 1.0)),
+				weight: Some(FontWeight::Bold),
+				..Default::default()
+			},
+		},
+	);
+
 	layout.add_child(parent, label, Default::default())?;
 
 	Ok(())
 }
+
+pub fn create_icon(layout: &mut Layout, id_parent: WidgetID, size: Vec2, path: AssetPath) -> anyhow::Result<WidgetID> {
+	let widget_sprite = WidgetSprite::create(WidgetSpriteParams {
+		color: None,
+		glyph_data: Some(CustomGlyphData::from_assets(&layout.state.globals, path)?),
+	});
+
+	let size = taffy::Size {
+		width: length(size.x),
+		height: length(size.y),
+	};
+
+	let (widget, _) = layout.add_child(
+		id_parent,
+		widget_sprite,
+		taffy::Style {
+			min_size: size,
+			max_size: size,
+			size,
+			..Default::default()
+		},
+	)?;
+
+	Ok(widget.id)
+}
+
+pub struct CreateLoadingParams<'a> {
+	pub layout: &'a mut Layout,
+	pub parent_id: WidgetID,
+	pub with_text: bool,
+}
+
+pub fn create_loading(par: CreateLoadingParams) -> anyhow::Result<WidgetID> {
+	let doc_params = ParseDocumentParams {
+		globals: par.layout.state.globals.clone(),
+		path: AssetPath::BuiltIn("gui/t_loading.xml"),
+		extra: Default::default(),
+	};
+
+	let mut parser_state = wgui::parser::parse_from_assets(&doc_params, par.layout, par.parent_id)?;
+
+	let data = parser_state.realize_template(
+		&doc_params,
+		if par.with_text {
+			"LoadingWithText"
+		} else {
+			"LoadingWithoutText"
+		},
+		par.layout,
+		par.parent_id,
+		Default::default(),
+	)?;
+
+	let id_root = data.get_widget_id("root")?;
+	let id_sprite_loading = data.get_widget_id("sprite_loading")?;
+
+	par.layout.animations.add(Animation::new(
+		id_sprite_loading,
+		60 * 30, /* spin it for 30 seconds at most */
+		AnimationEasing::Linear,
+		Box::new(move |common, data| {
+			// spin it
+			data.data.transform = centered_matrix(data.widget_boundary.size, &Mat4::from_rotation_z(data.pos * 400.0));
+			if data.pos == 1.0 {
+				// remove the spinner, do not waste energy
+				common
+					.alterables
+					.tasks
+					.push(LayoutTask::RemoveWidget(id_sprite_loading));
+			}
+			common.alterables.mark_redraw();
+		}),
+	));
+
+	Ok(id_root)
+}

dash-frontend/src/views/app_launcher.rs

@@ -14,7 +14,11 @@ use wgui::{
 };
 use wlx_common::{config::GeneralConfig, dash_interface::BoxDashInterface, desktop_finder::DesktopEntry};
 
-use crate::frontend::{FrontendTask, FrontendTasks, SoundType};
+use crate::{
+	frontend::{FrontendTask, FrontendTasks, SoundType},
+	util::popup_manager::{MountPopupOnceParams, PopupHolder},
+	views::{ViewTrait, ViewUpdateParams},
+};
 
 #[derive(Clone, Copy, Eq, PartialEq, EnumString, VariantNames, AsRefStr)]
 enum PosMode {
@@ -50,7 +54,6 @@ enum CompositorMode {
 enum Task {
 	SetCompositor(CompositorMode),
 	SetRes(ResMode),
-	SetPos(PosMode), // TODO?
 	SetOrientation(OrientationMode),
 	SetAutoStart(bool),
 	Launch,
@@ -67,7 +70,7 @@ struct LaunchParams<'a, T> {
 	interface: &'a mut BoxDashInterface<T>,
 	auto_start: bool,
 	data: &'a mut T,
-	on_launched: &'a dyn Fn(),
+	on_launched: Option<Box<dyn FnOnce()>>,
 }
 
 pub struct View {
@@ -92,7 +95,7 @@ pub struct View {
 
 	auto_start: bool,
 
-	on_launched: Box<dyn Fn()>,
+	on_launched: Option<Box<dyn FnOnce()>>,
 }
 
 pub struct Params<'a> {
@@ -102,7 +105,13 @@ pub struct Params<'a> {
 	pub parent_id: WidgetID,
 	pub config: &'a GeneralConfig,
 	pub frontend_tasks: &'a FrontendTasks,
-	pub on_launched: Box<dyn Fn()>,
+	pub on_launched: Box<dyn FnOnce()>,
+}
+
+impl ViewTrait for View {
+	fn update(&mut self, _par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		Ok(())
+	}
 }
 
 impl View {
@@ -281,7 +290,7 @@ impl View {
 			entry: params.entry,
 			frontend_tasks: params.frontend_tasks.clone(),
 			globals: params.globals.clone(),
-			on_launched: params.on_launched,
+			on_launched: Some(params.on_launched),
 		})
 	}
 
@@ -295,7 +304,6 @@ impl View {
 				match task {
 					Task::SetCompositor(mode) => self.compositor_mode = mode,
 					Task::SetRes(mode) => self.res_mode = mode,
-					Task::SetPos(mode) => self.pos_mode = mode,
 					Task::SetOrientation(mode) => self.orientation_mode = mode,
 					Task::SetAutoStart(auto_start) => self.auto_start = auto_start,
 					Task::Launch => self.action_launch(interface, data),
@@ -318,7 +326,7 @@ impl View {
 			auto_start: self.auto_start,
 			interface,
 			data,
-			on_launched: &self.on_launched,
+			on_launched: self.on_launched.take(),
 		});
 	}
 
@@ -336,7 +344,7 @@ impl View {
 		))));
 	}
 
-	fn launch<T>(params: LaunchParams<T>) -> anyhow::Result<()> {
+	fn launch<T>(mut params: LaunchParams<T>) -> anyhow::Result<()> {
 		let mut env = Vec::<String>::new();
 
 		if params.compositor_mode == CompositorMode::Native {
@@ -392,7 +400,9 @@ impl View {
 
 		params.frontend_tasks.push(FrontendTask::PlaySound(SoundType::Launch));
 
-		(*params.on_launched)();
+		if let Some(on_launched) = params.on_launched.take() {
+			on_launched();
+		}
 
 		// we're done!
 		Ok(())
@@ -422,3 +432,26 @@ impl View {
 		[width as u32, height as u32]
 	}
 }
+
+pub fn mount_popup(frontend_tasks: FrontendTasks, globals: WguiGlobals, entry: DesktopEntry, popup: PopupHolder<View>) {
+	frontend_tasks
+		.clone()
+		.push(FrontendTask::MountPopupOnce(MountPopupOnceParams::new(
+			Translation::from_raw_text(&entry.app_name),
+			Box::new(move |data| {
+				let on_launched = popup.get_close_callback(data.layout);
+				let view = View::new(Params {
+					entry: entry.clone(),
+					globals: &globals,
+					layout: data.layout,
+					parent_id: data.id_content,
+					frontend_tasks: &frontend_tasks,
+					config: data.config,
+					on_launched,
+				})?;
+
+				popup.set_view(data.handle, view, None);
+				Ok(popup.get_close_callback(data.layout))
+			}),
+		)));
+}

dash-frontend/src/views/audio_settings.rs

@@ -110,8 +110,7 @@ struct MultiSelectorParams<'a> {
 }
 
 fn mount_multi_selector(params: MultiSelectorParams) -> anyhow::Result<()> {
-	let globals = params.ess.layout.state.globals.clone();
+	let accent_color = params.ess.layout.state.theme.accent_color;
-	let accent_color = globals.defaults().accent_color;
 
 	for cell in params.cells {
 		let highlighted = cell.key == params.def_cell;
@@ -654,11 +653,6 @@ impl View {
 	}
 
 	fn update_button_highlights(&self, layout: &mut Layout) -> anyhow::Result<()> {
-		let defaults = self.globals.defaults();
-
-		let mut c = layout.start_common();
-		let mut common = c.common();
-
 		let num: u8 = match &self.mode {
 			CurrentMode::Sinks => 0,
 			CurrentMode::Sources => 1,
@@ -666,22 +660,21 @@ impl View {
 			CurrentMode::CardProfileSelector(_) => 255,
 		};
 
+		let mut com = layout.common();
+
 		let mut perform = |btn_num: u8, btn: &Rc<ComponentButton>| {
-			btn.set_color(
+			let color = if num == btn_num {
-				&mut common,
+				com.state.theme.accent_color
-				if num == btn_num {
+			} else {
-					defaults.accent_color
+				com.state.theme.button_color
-				} else {
+			};
-					defaults.button_color
+			btn.set_color(&mut com, color);
-				},
-			);
 		};
 
 		perform(0, &self.btn_sinks);
 		perform(1, &self.btn_sources);
 		perform(2, &self.btn_cards);
 
-		c.finish()?;
 		Ok(())
 	}
 
@@ -755,7 +748,7 @@ impl View {
 
 		let data = self
 			.state
-			.parse_template(&doc_params(&self.globals), "Card", params.layout, self.id_devices, par)?;
+			.realize_template(&doc_params(&self.globals), "Card", params.layout, self.id_devices, par)?;
 
 		let btn_card = data.fetch_component_as::<ComponentButton>("btn_card")?;
 		btn_card.on_click({
@@ -769,7 +762,6 @@ impl View {
 			})
 		});
 
-		log::info!("mount card TODO: {}", params.card.name);
 		Ok(())
 	}
 
@@ -799,7 +791,7 @@ impl View {
 			},
 		);
 
-		let data = self.state.parse_template(
+		let data = self.state.realize_template(
 			&doc_params(&self.globals),
 			"DeviceSlider",
 			params.layout,
@@ -807,14 +799,12 @@ impl View {
 			par,
 		)?;
 
-		let mut c = params.layout.start_common();
+		let mut common = params.layout.common();
-		let mut common = c.common();
-
 		let checkbox = data.fetch_component_as::<ComponentCheckbox>("checkbox")?;
 		let btn_mute = data.fetch_component_as::<ComponentButton>("btn_mute")?;
 		let slider = data.fetch_component_as::<ComponentSlider>("slider")?;
 
-		slider.set_value(&mut common, params.control.on_volume_request()? / VOLUME_MULT);
+		slider.set_value_primary(&mut common, params.control.on_volume_request()? / VOLUME_MULT);
 
 		checkbox.set_checked(&mut common, params.checked);
 
@@ -829,8 +819,10 @@ impl View {
 		slider.on_value_changed({
 			let control = params.control.clone();
 			Box::new(move |_common, event| {
-				control.on_volume_change(event.value * VOLUME_MULT)?;
+				if let Err(e) = control.on_volume_change(event.value * VOLUME_MULT) {
-				Ok(())
+					log::error!("{:?}", e);
+					debug_assert!(false);
+				};
 			})
 		});
 
@@ -842,8 +834,6 @@ impl View {
 			})
 		});
 
-		c.finish()?;
-
 		Ok(())
 	}
 
@@ -946,7 +936,7 @@ impl View {
 		layout.remove_children(self.id_devices);
 
 		{
-			let data = self.state.parse_template(
+			let data = self.state.realize_template(
 				&doc_params(&self.globals),
 				"SelectAudioProfileText",
 				layout,

dash-frontend/src/views/dialog_box.rs

@@ -0,0 +1,127 @@
+use std::{collections::HashMap, rc::Rc};
+
+use crate::{
+	frontend::{FrontendTask, FrontendTasks},
+	util::popup_manager::{MountPopupOnceParams, PopupHolder},
+	views::{ViewTrait, ViewUpdateParams},
+};
+use wgui::{
+	assets::AssetPath,
+	components::button::ComponentButton,
+	globals::WguiGlobals,
+	i18n::Translation,
+	layout::{Layout, WidgetID},
+	parser::{Fetchable, ParseDocumentParams, ParserState},
+	task::Tasks,
+	widget::label::WidgetLabel,
+};
+
+pub struct ButtonEntry {
+	pub content: Translation, // button text
+	pub icon: &'static str,   // sprite_src_builtin
+	pub action: &'static str, // action name (will be passed into on_action_click)
+}
+
+pub struct Params {
+	pub globals: WguiGlobals,
+	pub entries: Vec<ButtonEntry>,
+	pub message: Translation,
+	pub on_action_click: Box<dyn FnOnce(&'static str)>,
+}
+
+#[derive(Clone)]
+enum Task {
+	ActionClicked(&'static str),
+}
+
+pub struct View {
+	tasks: Tasks<Task>,
+
+	#[allow(dead_code)]
+	parser_state: ParserState,
+
+	on_action_click: Option<Box<dyn FnOnce(&'static str)>>,
+	on_close_request: Option<Box<dyn FnOnce()>>,
+}
+
+fn doc_params(globals: &WguiGlobals) -> ParseDocumentParams<'_> {
+	ParseDocumentParams {
+		globals: globals.clone(),
+		path: AssetPath::BuiltIn("gui/view/dialog_box.xml"),
+		extra: Default::default(),
+	}
+}
+
+impl ViewTrait for View {
+	fn update(&mut self, _par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		for task in self.tasks.drain() {
+			match task {
+				Task::ActionClicked(action) => {
+					if let Some(func) = self.on_action_click.take() {
+						func(action);
+					}
+
+					if let Some(on_close) = self.on_close_request.take() {
+						on_close();
+					}
+				}
+			}
+		}
+		Ok(())
+	}
+}
+
+impl View {
+	pub fn new(
+		layout: &mut Layout,
+		id_parent: WidgetID,
+		on_close_request: Box<dyn FnOnce()>,
+		par: Params,
+	) -> anyhow::Result<Self> {
+		let tasks = Tasks::<Task>::new();
+
+		let mut parser_state = wgui::parser::parse_from_assets(&doc_params(&par.globals), layout, id_parent)?;
+		let id_buttons = parser_state.get_widget_id("buttons")?;
+
+		{
+			let label_message = parser_state.fetch_widget(&layout.state, "label_message")?.widget;
+			label_message
+				.cast::<WidgetLabel>()?
+				.set_text(&mut layout.common(), par.message);
+		}
+
+		for entry in par.entries {
+			let mut t_par = HashMap::<Rc<str>, Rc<str>>::new();
+			t_par.insert(Rc::from("icon"), Rc::from(entry.icon));
+
+			let data =
+				parser_state.realize_template(&doc_params(&par.globals), "DialogBoxButton", layout, id_buttons, t_par)?;
+
+			let button = data.fetch_component_as::<ComponentButton>("btn")?;
+			button.set_text(&mut layout.common(), entry.content.clone());
+			button.on_click(tasks.get_button_click_callback(Task::ActionClicked(entry.action)));
+		}
+
+		Ok(Self {
+			tasks,
+			parser_state,
+			on_action_click: Some(par.on_action_click),
+			on_close_request: Some(on_close_request),
+		})
+	}
+}
+
+pub fn mount_popup(popup: PopupHolder<View>, frontend_tasks: FrontendTasks, params: Params) {
+	frontend_tasks
+		.clone()
+		.push(FrontendTask::MountPopupOnce(MountPopupOnceParams::new(
+			Translation::from_raw_text("Info"),
+			Box::new(move |data| {
+				let on_close_request = popup.get_close_callback(data.layout);
+				let view = View::new(data.layout, data.id_content, on_close_request, params)?;
+
+				popup.set_view(data.handle, view, None);
+				Ok(popup.get_close_callback(data.layout))
+			}),
+		)));
+}

dash-frontend/src/views/download_file.rs

@@ -0,0 +1,265 @@
+use crate::{
+	frontend::{FrontendTask, FrontendTasks},
+	util::{
+		networking::http_client::{self, ProgressFuncData},
+		popup_manager::{MountPopupOnceParams, PopupHolder},
+		wgui_simple,
+	},
+	views::{ViewTrait, ViewUpdateParams},
+};
+use glam::Vec2;
+use std::path::PathBuf;
+use wgui::{
+	assets::AssetPath,
+	components::button::ComponentButton,
+	globals::WguiGlobals,
+	i18n::Translation,
+	layout::{Layout, WidgetID},
+	parser::{Fetchable, ParseDocumentParams, ParserState},
+	task::Tasks,
+	widget::label::WidgetLabel,
+};
+use wlx_common::async_executor::AsyncExecutor;
+
+pub struct Params {
+	pub globals: WguiGlobals,
+	pub executor: AsyncExecutor,
+	pub target_path: PathBuf,
+	pub url: String,
+	pub on_downloaded: Box<dyn FnOnce()>,
+}
+
+#[derive(Clone)]
+enum Task {
+	StartDownload(/*url*/ String, /*target path*/ PathBuf),
+	SetStatusText(String),
+	ShowIconSuccess,
+	ShowIconError,
+	Close,
+}
+
+pub struct View {
+	globals: WguiGlobals,
+	tasks: Tasks<Task>,
+	executor: AsyncExecutor,
+
+	#[allow(dead_code)]
+	parser_state: ParserState,
+
+	id_label_status: WidgetID,
+	id_loading_parent: WidgetID,
+	id_content: WidgetID,
+	on_close_request: Option<Box<dyn FnOnce()>>,
+	on_downloaded: Option<Box<dyn FnOnce()>>,
+}
+
+fn doc_params(globals: &WguiGlobals) -> ParseDocumentParams<'_> {
+	ParseDocumentParams {
+		globals: globals.clone(),
+		path: AssetPath::BuiltIn("gui/view/download_file.xml"),
+		extra: Default::default(),
+	}
+}
+
+impl ViewTrait for View {
+	fn update(&mut self, par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		for task in self.tasks.drain() {
+			match task {
+				Task::StartDownload(url, path) => {
+					if let Some(on_downloaded) = self.on_downloaded.take() {
+						self
+							.executor
+							.spawn(View::download(
+								self.tasks.clone(),
+								self.executor.clone(),
+								url,
+								path,
+								on_downloaded,
+							))
+							.detach();
+					}
+				}
+				Task::SetStatusText(text) => {
+					let widgets = &mut par.layout.state.widgets;
+					widgets
+						.fetch(self.id_label_status)?
+						.cast::<WidgetLabel>()?
+						.set_text(&mut par.layout.common(), Translation::from_raw_text_string(text));
+				}
+				Task::ShowIconSuccess => {
+					par.layout.remove_children(self.id_loading_parent);
+					wgui_simple::create_icon(
+						par.layout,
+						self.id_loading_parent,
+						Vec2::splat(32.0),
+						AssetPath::BuiltIn("dashboard/check.svg"),
+					)?;
+
+					// "Close window" button
+					self
+						.parser_state
+						.realize_template(
+							&doc_params(&self.globals),
+							"btn_close",
+							par.layout,
+							self.id_content,
+							Default::default(),
+						)?
+						.fetch_component_as::<ComponentButton>("btn")?
+						.on_click(self.tasks.get_button_click_callback(Task::Close));
+				}
+				Task::ShowIconError => {
+					par.layout.remove_children(self.id_loading_parent);
+					wgui_simple::create_icon(
+						par.layout,
+						self.id_loading_parent,
+						Vec2::splat(32.0),
+						AssetPath::BuiltIn("dashboard/error.svg"),
+					)?;
+				}
+				Task::Close => {
+					if let Some(on_close) = self.on_close_request.take() {
+						on_close();
+					}
+				}
+			}
+		}
+		Ok(())
+	}
+}
+
+fn handle_async_result<T, E>(error_reason: &'static str, tasks: &Tasks<Task>, result: anyhow::Result<T, E>) -> Option<T>
+where
+	E: std::fmt::Debug,
+{
+	match result {
+		Ok(res) => Some(res),
+		Err(e) => {
+			tasks.push(Task::ShowIconError);
+			tasks.push(Task::SetStatusText(format!("{}: {:?}", error_reason, e)));
+			None
+		}
+	}
+}
+
+impl View {
+	pub fn new(
+		layout: &mut Layout,
+		id_parent: WidgetID,
+		on_close_request: Box<dyn FnOnce()>,
+		par: Params,
+	) -> anyhow::Result<Self> {
+		let tasks = Tasks::<Task>::new();
+
+		let parser_state = wgui::parser::parse_from_assets(&doc_params(&par.globals), layout, id_parent)?;
+		let id_label_status = parser_state.get_widget_id("label_status")?;
+		let id_content = parser_state.get_widget_id("content")?;
+		let id_loading_parent = parser_state.get_widget_id("loading_parent")?;
+
+		wgui_simple::create_loading(wgui_simple::CreateLoadingParams {
+			parent_id: id_loading_parent,
+			layout,
+			with_text: false,
+		})?;
+
+		let str_target_path = par.globals.i18n().translate("TARGET_PATH");
+
+		{
+			let label_target_path = parser_state.fetch_widget(&layout.state, "label_target_path")?.widget;
+			label_target_path.cast::<WidgetLabel>()?.set_text(
+				&mut layout.common(),
+				Translation::from_raw_text_string(format!("{}: {}", str_target_path, par.target_path.display())),
+			);
+		}
+
+		tasks.push(Task::StartDownload(par.url, par.target_path));
+
+		Ok(Self {
+			tasks,
+			globals: par.globals.clone(),
+			executor: par.executor.clone(),
+			parser_state,
+			id_label_status,
+			id_loading_parent,
+			id_content,
+			on_close_request: Some(on_close_request),
+			on_downloaded: Some(par.on_downloaded),
+		})
+	}
+
+	async fn download(
+		tasks: Tasks<Task>,
+		executor: AsyncExecutor,
+		url: String,
+		target_path: PathBuf,
+		on_downloaded: Box<dyn FnOnce()>,
+	) -> Option<()> {
+		tasks.push(Task::SetStatusText(String::from("Connecting to the server...")));
+
+		// start downloading from the server with progress reporting
+		let res = handle_async_result(
+			"Download failed",
+			&tasks,
+			http_client::get(http_client::GetParams {
+				executor: &executor,
+				url: &url,
+				on_progress: Some(Box::new({
+					let tasks = tasks.clone();
+					move |data: ProgressFuncData| {
+						tasks.push(Task::SetStatusText(format!(
+							"{}/{} KiB ({}%)",
+							data.bytes_downloaded / 1024,
+							data.file_size / 1024,
+							(data.bytes_downloaded as f32 / data.file_size as f32 * 100.0).round()
+						)))
+					}
+				})),
+			})
+			.await,
+		)?;
+
+		tasks.push(Task::SetStatusText(String::from("Writing to file...")));
+
+		// create skymaps directory if it doesn't exist yet
+		if let Some(parent) = target_path.parent() {
+			handle_async_result(
+				"Directory creation failed",
+				&tasks,
+				smol::fs::create_dir_all(parent).await,
+			)?;
+		}
+
+		handle_async_result(
+			"File write failed",
+			&tasks,
+			smol::fs::write(target_path, res.data).await,
+		)?;
+
+		tasks.push(Task::SetStatusText(String::from("Download finished")));
+		tasks.push(Task::ShowIconSuccess);
+
+		on_downloaded();
+
+		None
+	}
+}
+
+pub fn mount_popup(
+	popup: PopupHolder<View>,
+	frontend_tasks: FrontendTasks,
+	on_view_close: Box<dyn FnOnce()>,
+	params: Params,
+) {
+	frontend_tasks
+		.clone()
+		.push(FrontendTask::MountPopupOnce(MountPopupOnceParams::new(
+			Translation::from_translation_key("DOWNLOADER"),
+			Box::new(move |data| {
+				let on_close_request = popup.get_close_callback(data.layout);
+				let view = View::new(data.layout, data.id_content, on_close_request, params)?;
+
+				popup.set_view(data.handle, view, Some(on_view_close));
+				Ok(popup.get_close_callback(data.layout))
+			}),
+		)));
+}

dash-frontend/src/views/game_cover.rs

@@ -25,11 +25,12 @@ use wgui::{
 		util::WLength,
 	},
 };
+use wlx_common::async_executor::AsyncExecutor;
 
 use crate::util::{
 	cached_fetcher::{self, CoverArt},
 	steam_utils::{self, AppID},
-	various::AsyncExecutor,
+	wgui_simple,
 };
 
 pub struct ViewCommon {
@@ -48,6 +49,7 @@ pub struct Params<'a, 'b> {
 pub struct View {
 	pub button: Rc<ComponentButton>,
 	id_image_parent: WidgetID,
+	id_loading: WidgetID,
 	app_name: String,
 	app_id: AppID,
 }
@@ -98,15 +100,9 @@ impl View {
 		Ok(())
 	}
 
-	fn mount_placeholder_text(
+	fn mount_placeholder_text(&self, layout: &mut Layout, parent: WidgetID, text: &str) -> anyhow::Result<()> {
-		&self,
-		globals: &WguiGlobals,
-		layout: &mut Layout,
-		parent: WidgetID,
-		text: &str,
-	) -> anyhow::Result<()> {
 		let label = WidgetLabel::create(
-			&mut globals.get(),
+			&mut layout.state,
 			WidgetLabelParams {
 				content: Translation::from_raw_text(text),
 				style: TextStyle {
@@ -149,11 +145,13 @@ impl View {
 		layout: &mut Layout,
 		cover_art: &CoverArt,
 	) -> anyhow::Result<()> {
+		layout.remove_widget(self.id_loading);
+
 		if cover_art.compressed_image_data.is_empty() {
 			// mount placeholder
 			let img = view_common.get_placeholder_image()?.clone();
 			self.mount_image(layout, &img)?;
-			self.mount_placeholder_text(&view_common.globals, layout, self.id_image_parent, &self.app_name)?;
+			self.mount_placeholder_text(layout, self.id_image_parent, &self.app_name)?;
 		} else {
 			// mount image
 			let path = format!("app:{:?}", self.app_id);
@@ -277,6 +275,12 @@ impl View {
 			rect_gradient_style(taffy::AlignSelf::End, 0.05),
 		)?;
 
+		let id_loading = wgui_simple::create_loading(wgui_simple::CreateLoadingParams {
+			layout: params.ess.layout,
+			parent_id: image_parent.id,
+			with_text: false,
+		})?;
+
 		// request cover image data from the internet or disk cache
 		params
 			.executor
@@ -292,6 +296,7 @@ impl View {
 			id_image_parent: image_parent.id,
 			app_name: params.manifest.name.clone(),
 			app_id: params.manifest.app_id.clone(),
+			id_loading,
 		})
 	}
 }

dash-frontend/src/views/game_launcher.rs

@@ -4,10 +4,10 @@ use crate::{
 	frontend::{FrontendTask, FrontendTasks, SoundType},
 	util::{
 		cached_fetcher::{self, CoverArt},
+		popup_manager::{MountPopupOnceParams, PopupHolder},
 		steam_utils::{self, AppID, AppManifest},
-		various::AsyncExecutor,
 	},
-	views::game_cover,
+	views::{ViewTrait, ViewUpdateParams, game_cover},
 };
 use wgui::{
 	assets::AssetPath,
@@ -19,6 +19,7 @@ use wgui::{
 	task::Tasks,
 	widget::{ConstructEssentials, label::WidgetLabel},
 };
+use wlx_common::async_executor::AsyncExecutor;
 
 #[derive(Clone)]
 enum Task {
@@ -34,13 +35,14 @@ pub struct Params<'a> {
 	pub layout: &'a mut Layout,
 	pub parent_id: WidgetID,
 	pub frontend_tasks: &'a FrontendTasks,
-	pub on_launched: Box<dyn Fn()>,
+	pub on_launched: Box<dyn FnOnce()>,
 }
+
 pub struct View {
 	#[allow(dead_code)]
 	state: ParserState,
 	tasks: Tasks<Task>,
-	on_launched: Box<dyn Fn()>,
+	on_launched: Option<Box<dyn FnOnce()>>,
 	frontend_tasks: FrontendTasks,
 
 	game_cover_view_common: game_cover::ViewCommon,
@@ -48,6 +50,30 @@ pub struct View {
 	app_id: AppID,
 }
 
+impl ViewTrait for View {
+	fn update(&mut self, par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		loop {
+			let tasks = self.tasks.drain();
+			if tasks.is_empty() {
+				break;
+			}
+			for task in tasks {
+				match task {
+					Task::FillAppDetails(details) => self.action_fill_app_details(par.layout, details)?,
+					Task::Launch => self.action_launch(),
+					Task::SetCoverArt(cover_art) => {
+						let _ = self
+							.view_cover
+							.set_cover_art(&mut self.game_cover_view_common, par.layout, &cover_art);
+					}
+				}
+			}
+		}
+
+		Ok(())
+	}
+}
+
 impl View {
 	async fn fetch_details(executor: AsyncExecutor, tasks: Tasks<Task>, app_id: AppID) {
 		let Some(details) = cached_fetcher::get_app_details_json(executor, app_id).await else {
@@ -104,7 +130,7 @@ impl View {
 		Ok(Self {
 			state,
 			tasks,
-			on_launched: params.on_launched,
+			on_launched: Some(params.on_launched),
 			frontend_tasks: params.frontend_tasks.clone(),
 			game_cover_view_common: game_cover::ViewCommon::new(params.globals.clone()),
 			view_cover,
@@ -112,43 +138,20 @@ impl View {
 		})
 	}
 
-	pub fn update(&mut self, layout: &mut Layout) -> anyhow::Result<()> {
-		loop {
-			let tasks = self.tasks.drain();
-			if tasks.is_empty() {
-				break;
-			}
-			for task in tasks {
-				match task {
-					Task::FillAppDetails(details) => self.action_fill_app_details(layout, details)?,
-					Task::Launch => self.action_launch(),
-					Task::SetCoverArt(cover_art) => {
-						let _ = self
-							.view_cover
-							.set_cover_art(&mut self.game_cover_view_common, layout, &cover_art);
-					}
-				}
-			}
-		}
-
-		Ok(())
-	}
-
 	fn action_fill_app_details(
 		&mut self,
 		layout: &mut Layout,
 		mut details: cached_fetcher::AppDetailsJSONData,
 	) -> anyhow::Result<()> {
-		let mut c = layout.start_common();
-
 		{
-			let label_author = self.state.fetch_widget(&c.layout.state, "label_author")?.widget;
+			let mut c = layout.common();
-			let label_description = self.state.fetch_widget(&c.layout.state, "label_description")?.widget;
+			let label_author = self.state.fetch_widget(c.state, "label_author")?.widget;
+			let label_description = self.state.fetch_widget(c.state, "label_description")?.widget;
 
 			if let Some(developer) = details.developers.pop() {
 				label_author
 					.cast::<WidgetLabel>()?
-					.set_text(&mut c.common(), Translation::from_raw_text_string(developer));
+					.set_text(&mut c, Translation::from_raw_text_string(developer));
 			}
 
 			let desc = if let Some(desc) = &details.short_description {
@@ -162,11 +165,10 @@ impl View {
 			if let Some(desc) = desc {
 				label_description
 					.cast::<WidgetLabel>()?
-					.set_text(&mut c.common(), Translation::from_raw_text(desc));
+					.set_text(&mut c, Translation::from_raw_text(desc));
 			}
 		}
 
-		c.finish()?;
 		Ok(())
 	}
 
@@ -190,6 +192,37 @@ impl View {
 			}
 		}
 
-		(*self.on_launched)();
+		if let Some(on_launched) = self.on_launched.take() {
+			on_launched();
+		}
 	}
 }
+
+pub fn mount_popup(
+	frontend_tasks: FrontendTasks,
+	executor: AsyncExecutor,
+	globals: WguiGlobals,
+	manifest: AppManifest,
+	popup: PopupHolder<View>,
+) {
+	frontend_tasks
+		.clone()
+		.push(FrontendTask::MountPopupOnce(MountPopupOnceParams::new(
+			Translation::from_raw_text(&manifest.name),
+			Box::new(move |data| {
+				let on_launched = popup.get_close_callback(data.layout);
+				let view = View::new(Params {
+					manifest: manifest.clone(),
+					executor: executor.clone(),
+					globals: &globals,
+					layout: data.layout,
+					parent_id: data.id_content,
+					frontend_tasks: &frontend_tasks,
+					on_launched,
+				})?;
+
+				popup.set_view(data.handle, view, None);
+				Ok(popup.get_close_callback(data.layout))
+			}),
+		)));
+}

dash-frontend/src/views/game_list.rs

@@ -1,4 +1,4 @@
-use std::{cell::RefCell, collections::HashMap, rc::Rc};
+use std::{collections::HashMap, rc::Rc};
 
 use wgui::{
 	assets::AssetPath,
@@ -13,23 +13,22 @@ use wgui::{
 		label::{WidgetLabel, WidgetLabelParams},
 	},
 };
+use wlx_common::async_executor::AsyncExecutor;
 
 use crate::{
-	frontend::{FrontendTask, FrontendTasks},
+	frontend::FrontendTasks,
 	util::{
 		cached_fetcher::CoverArt,
-		popup_manager::{MountPopupParams, PopupHandle},
+		popup_manager::PopupHolder,
 		steam_utils::{self, AppID, SteamUtils},
-		various::AsyncExecutor,
 	},
-	views::{self, game_cover, game_launcher},
+	views::{self, ViewTrait, ViewUpdateParams, game_cover},
 };
 
 #[derive(Clone)]
 enum Task {
 	AppManifestClicked(steam_utils::AppManifest),
 	SetCoverArt(AppID, Rc<CoverArt>),
-	CloseLauncher,
 	LoadManifests,
 	FillPage(u32),
 	PrevPage,
@@ -42,6 +41,7 @@ pub struct Params<'a> {
 	pub frontend_tasks: FrontendTasks,
 	pub layout: &'a mut Layout,
 	pub parent_id: WidgetID,
+	pub steam_utils: &'a SteamUtils,
 }
 
 const MAX_GAMES_PER_PAGE: u32 = 30;
@@ -50,10 +50,6 @@ pub struct GameCoverCell {
 	view_cover: game_cover::View,
 }
 
-struct State {
-	view_launcher: Option<(PopupHandle, views::game_launcher::View)>,
-}
-
 pub struct View {
 	#[allow(dead_code)]
 	parser_state: ParserState,
@@ -63,12 +59,37 @@ pub struct View {
 	id_list_parent: WidgetID,
 	game_cover_view_common: game_cover::ViewCommon,
 	executor: AsyncExecutor,
-	state: Rc<RefCell<State>>,
 	mounted_game_covers: HashMap<AppID, GameCoverCell>,
 	all_manifests: Vec<steam_utils::AppManifest>,
 	cur_page: u32,
 	page_count: u32,
 	id_label_page: WidgetID,
+	view_launcher: PopupHolder<views::game_launcher::View>,
+	steam_utils: SteamUtils,
+}
+
+impl ViewTrait for View {
+	fn update(&mut self, par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		loop {
+			let tasks = self.tasks.drain();
+			if tasks.is_empty() {
+				break;
+			}
+			for task in tasks {
+				match task {
+					Task::LoadManifests => self.load_manifests(),
+					Task::FillPage(page_idx) => self.fill_page(par.layout, par.executor, page_idx)?,
+					Task::AppManifestClicked(manifest) => self.action_app_manifest_clicked(manifest)?,
+					Task::SetCoverArt(app_id, cover_art) => self.set_cover_art(par.layout, app_id, cover_art),
+					Task::PrevPage => self.page_prev(),
+					Task::NextPage => self.page_next(),
+				}
+			}
+		}
+
+		self.view_launcher.update(par)?;
+		Ok(())
+	}
 }
 
 impl View {
@@ -105,46 +126,15 @@ impl View {
 			id_list_parent: list_parent.id,
 			mounted_game_covers: HashMap::new(),
 			game_cover_view_common: game_cover::ViewCommon::new(params.globals.clone()),
-			state: Rc::new(RefCell::new(State { view_launcher: None })),
 			executor: params.executor,
 			all_manifests: Vec::new(),
 			cur_page: 0,
 			page_count: 0,
 			id_label_page,
+			view_launcher: Default::default(),
+			steam_utils: params.steam_utils.clone(),
 		})
 	}
-
-	pub fn update(
-		&mut self,
-		layout: &mut Layout,
-		steam_utils: &mut SteamUtils,
-		executor: &AsyncExecutor,
-	) -> anyhow::Result<()> {
-		loop {
-			let tasks = self.tasks.drain();
-			if tasks.is_empty() {
-				break;
-			}
-			for task in tasks {
-				match task {
-					Task::LoadManifests => self.load_manifests(steam_utils),
-					Task::FillPage(page_idx) => self.fill_page(layout, executor, page_idx)?,
-					Task::AppManifestClicked(manifest) => self.action_app_manifest_clicked(manifest)?,
-					Task::SetCoverArt(app_id, cover_art) => self.set_cover_art(layout, app_id, cover_art),
-					Task::CloseLauncher => self.state.borrow_mut().view_launcher = None,
-					Task::PrevPage => self.page_prev(),
-					Task::NextPage => self.page_next(),
-				}
-			}
-		}
-
-		let mut state = self.state.borrow_mut();
-		if let Some((_, view)) = &mut state.view_launcher {
-			view.update(layout)?;
-		}
-
-		Ok(())
-	}
 }
 
 fn fill_game_list(
@@ -187,8 +177,11 @@ fn fill_game_list(
 }
 
 impl View {
-	fn load_manifests(&mut self, steam_utils: &mut SteamUtils) {
+	fn load_manifests(&mut self) {
-		match steam_utils.list_installed_games(steam_utils::GameSortMethod::PlayDateDesc) {
+		match self
+			.steam_utils
+			.list_installed_games(steam_utils::GameSortMethod::PlayDateDesc)
+		{
 			Ok(manifests) => {
 				self.page_count = (manifests.len() as u32 + MAX_GAMES_PER_PAGE) / MAX_GAMES_PER_PAGE;
 				self.all_manifests = manifests;
@@ -233,16 +226,14 @@ impl View {
 		}
 
 		// set page text
-		let mut c = layout.start_common();
 		{
-			let mut common = c.common();
+			let mut c = layout.common();
-			let mut widget = common.state.widgets.cast_as::<WidgetLabel>(self.id_label_page)?;
+			let mut widget = c.state.widgets.cast_as::<WidgetLabel>(self.id_label_page)?;
 			widget.set_text(
-				&mut common,
+				&mut c,
 				Translation::from_raw_text_string(format!("{}/{}", self.cur_page + 1, self.page_count)),
 			);
 		}
-		c.finish()?;
 
 		fill_game_list(
 			&mut ConstructEssentials {
@@ -256,17 +247,14 @@ impl View {
 		)?;
 
 		if let Some(text) = text.take() {
-			layout.add_child(
+			let label = WidgetLabel::create(
-				self.id_list_parent,
+				&mut layout.state,
-				WidgetLabel::create(
+				WidgetLabelParams {
-					&mut self.globals.get(),
+					content: text,
-					WidgetLabelParams {
+					..Default::default()
-						content: text,
+				},
-						..Default::default()
+			);
-					},
+			layout.add_child(self.id_list_parent, label, Default::default())?;
-				),
-				Default::default(),
-			)?;
 		}
 
 		Ok(())
@@ -286,36 +274,13 @@ impl View {
 	}
 
 	fn action_app_manifest_clicked(&mut self, manifest: steam_utils::AppManifest) -> anyhow::Result<()> {
-		self.frontend_tasks.push(FrontendTask::MountPopup(MountPopupParams {
+		views::game_launcher::mount_popup(
-			title: Translation::from_raw_text(&manifest.name),
+			self.frontend_tasks.clone(),
-			on_content: {
+			self.executor.clone(),
-				let state = self.state.clone();
+			self.globals.clone(),
-				let tasks = self.tasks.clone();
+			manifest,
-				let executor = self.executor.clone();
+			self.view_launcher.clone(),
-				let globals = self.globals.clone();
+		);
-				let frontend_tasks = self.frontend_tasks.clone();
-
-				Rc::new(move |data| {
-					let on_launched = {
-						let tasks = tasks.clone();
-						Box::new(move || tasks.push(Task::CloseLauncher))
-					};
-
-					let view = game_launcher::View::new(game_launcher::Params {
-						manifest: manifest.clone(),
-						executor: executor.clone(),
-						globals: &globals,
-						layout: data.layout,
-						parent_id: data.id_content,
-						frontend_tasks: &frontend_tasks,
-						on_launched,
-					})?;
-
-					state.borrow_mut().view_launcher = Some((data.handle, view));
-					Ok(())
-				})
-			},
-		}));
 
 		Ok(())
 	}

dash-frontend/src/views/mod.rs

@@ -1,6 +1,25 @@
+use wlx_common::{async_executor::AsyncExecutor, config::GeneralConfig, dash_interface::ConfigChangeKind};
+
 pub mod app_launcher;
 pub mod audio_settings;
+pub mod dialog_box;
+pub mod download_file;
 pub mod game_cover;
 pub mod game_launcher;
 pub mod game_list;
+pub mod remote_skymap_downloader;
+pub mod remote_skymap_list;
 pub mod running_games_list;
+pub mod skymap_list;
+pub mod skymap_list_cell;
+
+pub struct ViewUpdateParams<'a> {
+	pub layout: &'a mut wgui::layout::Layout,
+	pub executor: &'a AsyncExecutor,
+	pub general_config: &'a mut GeneralConfig,
+	pub config_change_kind: &'a mut Option<ConfigChangeKind>,
+}
+
+pub trait ViewTrait {
+	fn update(&mut self, par: &mut ViewUpdateParams) -> anyhow::Result<()>;
+}

dash-frontend/src/views/remote_skymap_downloader.rs

@@ -0,0 +1,397 @@
+use std::{collections::HashMap, rc::Rc};
+
+use crate::{
+	frontend::{FrontendTask, FrontendTasks},
+	util::{
+		networking::{self, skymap_catalog::SkymapResolution},
+		popup_manager::{MountPopupOnceParams, PopupHolder},
+	},
+	views::{self, ViewTrait, ViewUpdateParams},
+};
+use anyhow::Context;
+use wgui::{
+	assets::AssetPath,
+	components::button::ComponentButton,
+	drawing::Color,
+	globals::WguiGlobals,
+	i18n::Translation,
+	layout::{Layout, WidgetID},
+	parser::{Fetchable, ParseDocumentParams, ParserState},
+	renderer_vk::text::custom_glyph::CustomGlyphData,
+	task::Tasks,
+	widget::{image::WidgetImage, label::WidgetLabel},
+};
+use wlx_common::{async_executor::AsyncExecutor, config_io, dash_interface::ConfigChangeKind};
+
+pub struct Params<'a> {
+	pub globals: &'a WguiGlobals,
+	pub layout: &'a mut Layout,
+	pub executor: &'a AsyncExecutor,
+	pub frontend_tasks: FrontendTasks,
+	pub parent_id: WidgetID,
+	pub entry: networking::skymap_catalog::SkymapCatalogEntry,
+	pub preview_image: CustomGlyphData,
+	pub preview_image_compressed: Rc<Vec<u8>>,
+	pub on_updated_library: Rc<dyn Fn()>,
+}
+
+#[derive(Clone)]
+enum Task {
+	Refresh,
+	ResolutionClicked(SkymapResolution),
+	DownloadFinished,
+	RunDownload(SkymapResolution),
+	RemoveFile(SkymapResolution),
+	SetSkymap(SkymapResolution),
+}
+
+pub struct View {
+	entry: networking::skymap_catalog::SkymapCatalogEntry,
+	frontend_tasks: FrontendTasks,
+	globals: WguiGlobals,
+	tasks: Tasks<Task>,
+	executor: AsyncExecutor,
+
+	id_resolution_buttons: WidgetID,
+
+	#[allow(dead_code)]
+	parser_state: ParserState,
+
+	popup_download: PopupHolder<views::download_file::View>,
+	popup_dialog_box: PopupHolder<views::dialog_box::View>,
+
+	preview_image_compressed: Rc<Vec<u8>>,
+	on_updated_library: Rc<dyn Fn()>,
+}
+
+fn mount_resolution_button(
+	layout: &mut Layout,
+	parser_state: &mut ParserState,
+	doc_params: &ParseDocumentParams,
+	parent_id: WidgetID,
+	res: SkymapResolution,
+	tasks: &Tasks<Task>,
+	already_downloaded: bool,
+) -> anyhow::Result<()> {
+	let mut t = HashMap::<Rc<str>, Rc<str>>::new();
+	t.insert(Rc::from("text"), Rc::from(res.get_display_str()));
+	t.insert(
+		Rc::from("sprite"),
+		Rc::from(match already_downloaded {
+			true => "dashboard/check.svg",
+			false => "dashboard/download.svg",
+		}),
+	);
+	let data = parser_state.realize_template(doc_params, "ResolutionButton", layout, parent_id, t)?;
+	let button = data.fetch_component_as::<ComponentButton>("button")?;
+
+	if already_downloaded {
+		button.set_color(&mut layout.common(), Color::new(0.0, 0.4, 0.0, 1.0)); // green
+	}
+	tasks.handle_button(&button, Task::ResolutionClicked(res));
+	Ok(())
+}
+
+impl ViewTrait for View {
+	fn update(&mut self, par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		for task in self.tasks.drain() {
+			match task {
+				Task::ResolutionClicked(resolution) => {
+					self.resolution_clicked(resolution)?;
+				}
+				Task::Refresh => {
+					self.refresh(par.layout)?;
+				}
+				Task::DownloadFinished => {
+					self.download_finished()?;
+				}
+				Task::RunDownload(resolution) => {
+					self.run_download(resolution)?;
+				}
+				Task::RemoveFile(resolution) => {
+					self.remove_file(resolution)?;
+				}
+				Task::SetSkymap(resolution) => {
+					let skymap_file_path = self
+						.entry
+						.get_destination_path(resolution)
+						.context("Skymap not found" /* you shouldn't really see this, like ever. */)?;
+
+					par.general_config.skybox_texture = skymap_file_path
+						.to_str()
+						.context("Skymap filename not valid UTF-8")?
+						.into();
+					*par.config_change_kind = Some(ConfigChangeKind::EnvironmentBlend);
+				}
+			}
+		}
+
+		self.popup_download.update(par)?;
+		self.popup_dialog_box.update(par)?;
+		Ok(())
+	}
+}
+
+fn doc_params(globals: &WguiGlobals) -> ParseDocumentParams<'_> {
+	ParseDocumentParams {
+		globals: globals.clone(),
+		path: AssetPath::BuiltIn("gui/view/remote_skymap_downloader.xml"),
+		extra: Default::default(),
+	}
+}
+
+impl View {
+	pub fn new(par: Params) -> anyhow::Result<Self> {
+		let tasks = Tasks::<Task>::new();
+
+		let parser_state = wgui::parser::parse_from_assets(&doc_params(par.globals), par.layout, par.parent_id)?;
+		let id_resolution_buttons = parser_state.get_widget_id("resolution_buttons")?;
+
+		let str_version = par.globals.i18n().translate("VERSION");
+		let str_creation_date = par.globals.i18n().translate("CREATION_DATE");
+		let str_modification_date = par.globals.i18n().translate("MODIFICATION_DATE");
+
+		let image = parser_state.fetch_widget(&par.layout.state, "image")?.widget;
+		let mut image = image.cast::<WidgetImage>()?;
+		image.set_content(&mut par.layout.alterables, Some(par.preview_image));
+
+		// Set author label
+		parser_state
+			.fetch_widget_as::<WidgetLabel>(&par.layout.state, "label_author")?
+			.set_text_simple(
+				&mut par.globals.get(),
+				Translation::from_raw_text_string(format!("by {}", par.entry.author)),
+			);
+
+		// Set description label
+		parser_state
+			.fetch_widget_as::<WidgetLabel>(&par.layout.state, "label_description")?
+			.set_text_simple(
+				&mut par.globals.get(),
+				Translation::from_raw_text(&par.entry.description),
+			);
+
+		// Set version label
+		parser_state
+			.fetch_widget_as::<WidgetLabel>(&par.layout.state, "label_version")?
+			.set_text_simple(
+				&mut par.globals.get(),
+				Translation::from_raw_text_string(format!("{}: {}", str_version, par.entry.version)),
+			);
+
+		// Set creation date label
+		parser_state
+			.fetch_widget_as::<WidgetLabel>(&par.layout.state, "label_creation_date")?
+			.set_text_simple(
+				&mut par.globals.get(),
+				Translation::from_raw_text_string(format!("{}: {}", str_creation_date, par.entry.created_at)),
+			);
+
+		// Set modification date label
+		parser_state
+			.fetch_widget_as::<WidgetLabel>(&par.layout.state, "label_modification_date")?
+			.set_text_simple(
+				&mut par.globals.get(),
+				Translation::from_raw_text_string(format!("{}: {}", str_modification_date, par.entry.created_at)),
+			);
+
+		tasks.push(Task::Refresh);
+
+		Ok(Self {
+			tasks,
+			globals: par.globals.clone(),
+			executor: par.executor.clone(),
+			entry: par.entry,
+			parser_state,
+			frontend_tasks: par.frontend_tasks,
+			popup_download: Default::default(),
+			popup_dialog_box: Default::default(),
+			id_resolution_buttons,
+			preview_image_compressed: par.preview_image_compressed,
+			on_updated_library: par.on_updated_library,
+		})
+	}
+
+	fn refresh(&mut self, layout: &mut Layout) -> anyhow::Result<()> {
+		layout.remove_children(self.id_resolution_buttons);
+
+		let files = &self.entry.files;
+		let mut mount_res = |res: SkymapResolution| -> anyhow::Result<()> {
+			mount_resolution_button(
+				layout,
+				&mut self.parser_state,
+				&doc_params(&self.globals),
+				self.id_resolution_buttons,
+				res,
+				&self.tasks,
+				self.entry.is_downloaded(res)?,
+			)
+		};
+
+		mount_res(SkymapResolution::Res2k)?;
+		if files.size_4k.is_some() {
+			mount_res(SkymapResolution::Res4k)?;
+		}
+		if files.size_8k.is_some() {
+			mount_res(SkymapResolution::Res8k)?;
+		}
+		Ok(())
+	}
+
+	fn resolution_clicked(&mut self, resolution: SkymapResolution) -> anyhow::Result<()> {
+		let is_downloaded = self.entry.is_downloaded(resolution).unwrap_or(false);
+		if !is_downloaded {
+			self.tasks.push(Task::RunDownload(resolution));
+		} else {
+			self.show_dialog_box_action(resolution)?;
+		}
+		Ok(())
+	}
+
+	fn show_dialog_box_action(&mut self, resolution: SkymapResolution) -> anyhow::Result<()> {
+		const ACTION_REMOVE: &str = "remove";
+		const ACTION_DOWNLOAD_AGAIN: &str = "download_again";
+		const ACTION_APPLY: &str = "apply";
+
+		let tasks = self.tasks.clone();
+
+		views::dialog_box::mount_popup(
+			self.popup_dialog_box.clone(),
+			self.frontend_tasks.clone(),
+			views::dialog_box::Params {
+				globals: self.globals.clone(),
+				message: Translation::from_translation_key("APP_SETTINGS.SKYMAP_ALREADY_DOWNLOADED"),
+				entries: vec![
+					views::dialog_box::ButtonEntry {
+						content: Translation::from_translation_key("REMOVE"),
+						icon: "dashboard/trash.svg",
+						action: ACTION_REMOVE,
+					},
+					views::dialog_box::ButtonEntry {
+						content: Translation::from_translation_key("DOWNLOAD_AGAIN"),
+						icon: "dashboard/download.svg",
+						action: ACTION_DOWNLOAD_AGAIN,
+					},
+					views::dialog_box::ButtonEntry {
+						content: Translation::from_translation_key("APPLY"),
+						icon: "dashboard/check.svg",
+						action: ACTION_APPLY,
+					},
+				],
+				on_action_click: Box::new(move |action| match action {
+					ACTION_REMOVE => {
+						tasks.push(Task::RemoveFile(resolution));
+						tasks.push(Task::Refresh);
+					}
+					ACTION_DOWNLOAD_AGAIN => {
+						tasks.push(Task::RunDownload(resolution));
+						tasks.push(Task::Refresh);
+					}
+					ACTION_APPLY => {
+						tasks.push(Task::SetSkymap(resolution));
+						tasks.push(Task::Refresh);
+					}
+					_ => unreachable!(),
+				}),
+			},
+		);
+
+		Ok(())
+	}
+
+	fn download_finished(&mut self) -> anyhow::Result<()> {
+		self.entry.save_metadata()?;
+		let mut uuids = config_io::get_skymaps_uuids().unwrap_or_default();
+		let uuid_str = self.entry.uuid.to_string();
+		if !uuids.contains(&uuid_str) {
+			uuids.push(uuid_str);
+		}
+		config_io::set_skymaps_uuids(&uuids)?;
+
+		// Save preview image
+		self.entry.files.save_preview_to_file(&self.preview_image_compressed)?;
+
+		(*self.on_updated_library)();
+
+		Ok(())
+	}
+
+	fn run_download(&mut self, resolution: SkymapResolution) -> anyhow::Result<()> {
+		let Some(url) = self.entry.files.get_url_from_res(resolution) else {
+			return Ok(());
+		};
+
+		let Some(target_path) = self.entry.get_destination_path(resolution) else {
+			return Ok(());
+		};
+
+		views::download_file::mount_popup(
+			self.popup_download.clone(),
+			self.frontend_tasks.clone(),
+			self.tasks.make_callback_box(Task::Refresh),
+			views::download_file::Params {
+				globals: self.globals.clone(),
+				executor: self.executor.clone(),
+				target_path,
+				url,
+				on_downloaded: self.tasks.make_callback_box(Task::DownloadFinished),
+			},
+		);
+		Ok(())
+	}
+
+	fn remove_file(&mut self, resolution: SkymapResolution) -> anyhow::Result<()> {
+		self.entry.remove_file(resolution);
+
+		if !self.entry.has_any_downloaded() {
+			// all skymaps of this uuid are removed, clean-up files
+			self.entry.remove_metadata();
+
+			// remove uuid of this entry from downloaded skymaps uuid and save the file again
+			let mut uuids = config_io::get_skymaps_uuids().unwrap_or_default();
+			uuids.retain(|uuid| *uuid != self.entry.uuid.to_string());
+			config_io::set_skymaps_uuids(&uuids)?;
+
+			// remove "_preview.dds" files from the disk too
+			self.entry.files.remove_preview_file();
+		}
+
+		(*self.on_updated_library)();
+
+		Ok(())
+	}
+}
+
+#[allow(clippy::too_many_arguments)]
+pub fn mount_popup(
+	frontend_tasks: FrontendTasks,
+	executor: AsyncExecutor,
+	globals: WguiGlobals,
+	entry: networking::skymap_catalog::SkymapCatalogEntry,
+	preview_image: CustomGlyphData,
+	preview_image_compressed: Rc<Vec<u8>>,
+	on_updated_library: Rc<dyn Fn()>,
+	popup: PopupHolder<View>,
+) {
+	frontend_tasks
+		.clone()
+		.push(FrontendTask::MountPopupOnce(MountPopupOnceParams::new(
+			Translation::from_raw_text(&entry.name),
+			Box::new(move |data| {
+				let view = View::new(Params {
+					globals: &globals,
+					layout: data.layout,
+					executor: &executor,
+					parent_id: data.id_content,
+					entry,
+					preview_image,
+					frontend_tasks: frontend_tasks.clone(),
+					preview_image_compressed,
+					on_updated_library,
+				})?;
+
+				popup.set_view(data.handle, view, None);
+				Ok(popup.get_close_callback(data.layout))
+			}),
+		)));
+}

dash-frontend/src/views/remote_skymap_list.rs

@@ -0,0 +1,301 @@
+use std::rc::Rc;
+
+use uuid::Uuid;
+use wgui::{
+	assets::AssetPath,
+	globals::WguiGlobals,
+	i18n::Translation,
+	layout::{Layout, WidgetID},
+	parser::{Fetchable, ParseDocumentParams},
+	renderer_vk::text::custom_glyph::CustomGlyphData,
+	task::Tasks,
+};
+use wlx_common::async_executor::AsyncExecutor;
+
+use crate::{
+	frontend::{FrontendTask, FrontendTasks},
+	util::{
+		networking::{
+			self,
+			skymap_catalog::{SkymapCatalog, SkymapCatalogEntry, SkymapUuid},
+		},
+		popup_manager::{MountPopupOnceParams, PopupHolder},
+		wgui_simple,
+	},
+	views::{self, ViewTrait, ViewUpdateParams},
+};
+
+pub struct Params<'a> {
+	pub globals: &'a WguiGlobals,
+	pub layout: &'a mut Layout,
+	pub executor: &'a AsyncExecutor,
+	pub parent_id: WidgetID,
+	pub frontend_tasks: FrontendTasks,
+	pub on_updated_library: Rc<dyn Fn()>,
+}
+
+type SetSkymapPreview = (Uuid, Option<(CustomGlyphData, Rc<Vec<u8>>)>);
+
+#[derive(Clone)]
+enum Task {
+	SetSkymapCatalog(Rc<anyhow::Result<networking::skymap_catalog::SkymapCatalog>>),
+	SetSkymapPreview(SetSkymapPreview),
+	ShowRemoteSkymapDownloader(SkymapUuid),
+	RefreshCells,
+}
+
+struct MountedCell {
+	skymap_uuid: SkymapUuid,
+	view: views::skymap_list_cell::View,
+	preview_image_compressed: Option<Rc<Vec<u8>>>,
+}
+
+pub struct View {
+	id_parent: WidgetID,
+	id_loading: WidgetID,
+	globals: WguiGlobals,
+	tasks: Tasks<Task>,
+	mounted_cells: Vec<MountedCell>,
+	executor: AsyncExecutor,
+	frontend_tasks: FrontendTasks,
+	catalog: Option<SkymapCatalog>,
+	popup_remote_skymap_downloader: PopupHolder<views::remote_skymap_downloader::View>,
+	on_updated_library: Rc<dyn Fn()>,
+}
+
+fn get_entry_by_uuid(catalog: &SkymapCatalog, skymap_uuid: Uuid) -> Option<&SkymapCatalogEntry> {
+	let entry = catalog.entries.iter().find(|entry| entry.uuid == skymap_uuid)?;
+
+	Some(entry)
+}
+
+impl ViewTrait for View {
+	fn update(&mut self, par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		self.popup_remote_skymap_downloader.update(par)?;
+
+		for task in self.tasks.drain() {
+			match task {
+				Task::SetSkymapCatalog(skymap_catalog) => {
+					par.layout.remove_widget(self.id_loading);
+					match &*skymap_catalog {
+						Ok(skymap_catalog) => {
+							self.mount_catalog(par.layout, skymap_catalog)?;
+						}
+						Err(e) => wgui_simple::create_label_error(
+							par.layout,
+							self.id_parent,
+							format!("Failed to fetch skymap catalog: {:?}", e),
+						)?,
+					}
+				}
+				Task::SetSkymapPreview((skymap_uuid, opt_preview_image)) => {
+					if let Some(cell) = &mut self
+						.mounted_cells
+						.iter_mut()
+						.find(|cell| cell.skymap_uuid == skymap_uuid)
+					{
+						if let Some((preview_image, preview_image_compressed)) = opt_preview_image {
+							cell.view.set_image(par.layout, Some(preview_image))?;
+							cell.preview_image_compressed = Some(preview_image_compressed);
+						} else {
+							cell.view.set_image(par.layout, None)?;
+						}
+					}
+				}
+				Task::ShowRemoteSkymapDownloader(skymap_uuid) => {
+					if let Some((preview_image, preview_image_compressed)) = self.get_image_preview(skymap_uuid) {
+						self.show_remote_skymap_downloader(skymap_uuid, preview_image, preview_image_compressed)?;
+					} else {
+						log::error!("preview image not present, ignoring request");
+					}
+				}
+				Task::RefreshCells => {
+					self.refresh_cells(par.layout)?;
+				}
+			}
+		}
+		Ok(())
+	}
+}
+
+impl View {
+	async fn skymap_catalog_request_wrapper(tasks: Tasks<Task>, executor: AsyncExecutor) {
+		let res = networking::skymap_catalog::request_catalog(&executor).await;
+		tasks.push(Task::SetSkymapCatalog(Rc::new(res)))
+	}
+
+	pub fn new(par: Params) -> anyhow::Result<Self> {
+		let id_loading = wgui_simple::create_loading(wgui_simple::CreateLoadingParams {
+			layout: par.layout,
+			parent_id: par.parent_id,
+			with_text: true,
+		})?;
+		let tasks = Tasks::<Task>::new();
+		let fut = View::skymap_catalog_request_wrapper(tasks.clone(), par.executor.clone());
+		par.executor.spawn(fut).detach();
+		Ok(Self {
+			id_parent: par.parent_id,
+			id_loading,
+			tasks,
+			globals: par.globals.clone(),
+			mounted_cells: Vec::new(),
+			executor: par.executor.clone(),
+			frontend_tasks: par.frontend_tasks,
+			catalog: None,
+			popup_remote_skymap_downloader: Default::default(),
+			on_updated_library: par.on_updated_library,
+		})
+	}
+
+	async fn request_skymap_preview(
+		globals: WguiGlobals,
+		executor: AsyncExecutor,
+		entry: SkymapCatalogEntry,
+		tasks: Tasks<Task>,
+	) {
+		tasks.push(Task::SetSkymapPreview((
+			entry.uuid,
+			networking::image_fetch::fetch_to_glyph_data(&globals, &executor, &entry.files.get_url_preview())
+				.await
+				.ok(),
+		)));
+	}
+
+	fn refresh_cells(&mut self, layout: &mut Layout) -> anyhow::Result<()> {
+		let Some(catalog) = &self.catalog else {
+			debug_assert!(false);
+			return Ok(());
+		};
+
+		for cell in &mut self.mounted_cells {
+			if let Some(entry) = get_entry_by_uuid(catalog, cell.skymap_uuid) {
+				cell.view.refresh_resolution_pips(layout, entry)?;
+			}
+		}
+
+		Ok(())
+	}
+
+	fn mount_catalog(
+		&mut self,
+		layout: &mut Layout,
+		catalog: &networking::skymap_catalog::SkymapCatalog,
+	) -> anyhow::Result<()> {
+		let doc_params = &ParseDocumentParams {
+			globals: self.globals.clone(),
+			path: AssetPath::BuiltIn("gui/view/remote_skymap_list.xml"),
+			extra: Default::default(),
+		};
+
+		let parser_state = wgui::parser::parse_from_assets(doc_params, layout, self.id_parent)?;
+
+		let id_list = parser_state.fetch_widget(&layout.state, "list")?.id;
+
+		for entry in &catalog.entries {
+			let task = View::request_skymap_preview(
+				self.globals.clone(),
+				self.executor.clone(),
+				entry.clone(),
+				self.tasks.clone(),
+			);
+
+			let skymap_uuid = entry.uuid;
+
+			self.mounted_cells.push(MountedCell {
+				preview_image_compressed: None,
+				skymap_uuid: entry.uuid,
+				view: views::skymap_list_cell::View::new(views::skymap_list_cell::Params {
+					id_parent: id_list,
+					layout,
+					entry: Some(entry.clone()),
+					on_click: self
+						.tasks
+						.get_button_click_callback(Task::ShowRemoteSkymapDownloader(skymap_uuid)),
+				})?,
+			});
+
+			self.executor.spawn(task).detach();
+		}
+
+		self.catalog = Some(catalog.clone());
+		Ok(())
+	}
+
+	fn show_remote_skymap_downloader(
+		&mut self,
+		uuid: SkymapUuid,
+		preview_image: CustomGlyphData,
+		preview_image_compressed: Rc<Vec<u8>>,
+	) -> anyhow::Result<()> {
+		let Some(catalog) = &self.catalog else {
+			debug_assert!(false); // impossible
+			return Ok(());
+		};
+
+		let Some(entry) = get_entry_by_uuid(catalog, uuid) else {
+			return Ok(());
+		};
+
+		// call our task before calling underlying on_updated_library callback
+		let on_updated_library = Rc::new({
+			let func = self.on_updated_library.clone();
+			let tasks = self.tasks.clone();
+			move || {
+				tasks.push(Task::RefreshCells);
+				(*func)();
+			}
+		});
+
+		views::remote_skymap_downloader::mount_popup(
+			self.frontend_tasks.clone(),
+			self.executor.clone(),
+			self.globals.clone(),
+			entry.clone(),
+			preview_image,
+			preview_image_compressed,
+			on_updated_library,
+			self.popup_remote_skymap_downloader.clone(),
+		);
+
+		Ok(())
+	}
+
+	fn get_image_preview(
+		&self,
+		skymap_uuid: SkymapUuid,
+	) -> Option<(CustomGlyphData, Rc<Vec<u8>> /* preview_image_compressed */)> {
+		if let Some(cell) = &self.mounted_cells.iter().find(|mc| mc.skymap_uuid == skymap_uuid) {
+			let image = cell.view.get_image()?;
+			let preview_image_compressed = cell.preview_image_compressed.clone()?;
+			return Some((image, preview_image_compressed));
+		}
+		None
+	}
+}
+
+pub fn mount_popup(
+	frontend_tasks: FrontendTasks,
+	executor: AsyncExecutor,
+	globals: WguiGlobals,
+	on_updated_library: Rc<dyn Fn()>,
+	popup: PopupHolder<View>,
+) {
+	frontend_tasks
+		.clone()
+		.push(FrontendTask::MountPopupOnce(MountPopupOnceParams::new(
+			Translation::from_translation_key("APP_SETTINGS.BROWSE_ONLINE_CATALOG"),
+			Box::new(move |data| {
+				let view = View::new(Params {
+					globals: &globals,
+					layout: data.layout,
+					executor: &executor,
+					parent_id: data.id_content,
+					frontend_tasks,
+					on_updated_library,
+				})?;
+
+				popup.set_view(data.handle, view, None);
+				Ok(popup.get_close_callback(data.layout))
+			}),
+		)));
+}

dash-frontend/src/views/running_games_list.rs

@@ -112,10 +112,7 @@ impl View {
 	fn fill_list(&mut self, layout: &mut Layout, games: Vec<steam_utils::RunningGame>) -> anyhow::Result<()> {
 		if games.is_empty() {
 			// hide self
-			layout.tasks.push(LayoutTask::SetWidgetStyle(
+			layout.tasks.push(LayoutTask::SetWidgetVisible(self.parent_id, false));
-				self.parent_id,
-				StyleSetRequest::Display(Display::None),
-			));
 			return Ok(());
 		}
 
@@ -127,7 +124,7 @@ impl View {
 		for game in games {
 			let game_name = View::extract_name_from_appid(&game.app_id, &self.installed_games);
 
-			let t = self.state.parse_template(
+			let t = self.state.realize_template(
 				&doc_params(layout.state.globals.clone()),
 				"RunningGameCell",
 				layout,

dash-frontend/src/views/skymap_list.rs

@@ -0,0 +1,269 @@
+use anyhow::Context;
+use wgui::{
+	assets::AssetPath,
+	components::button::ComponentButton,
+	globals::WguiGlobals,
+	i18n::Translation,
+	layout::{Layout, WidgetID},
+	parser::{Fetchable, ParseDocumentParams, ParserState},
+	renderer_vk::text::custom_glyph::CustomGlyphData,
+	task::Tasks,
+};
+use wlx_common::{async_executor::AsyncExecutor, config::GeneralConfig, config_io, dash_interface::ConfigChangeKind};
+
+use crate::{
+	frontend::{FrontendTask, FrontendTasks},
+	util::{
+		networking::skymap_catalog::{self, SkymapCatalogEntry, SkymapResolution},
+		popup_manager::{MountPopupOnceParams, PopupHolder},
+	},
+	views::{self, ViewTrait, ViewUpdateParams},
+};
+
+#[derive(Clone)]
+enum Task {
+	DownloadSkymaps,
+	Refresh,
+	ShowSkymapResolutionSelector(SkymapCatalogEntry),
+	SetSkymap(SkymapCatalogEntry, SkymapResolution),
+	SetSkymapBuiltIn,
+}
+
+pub struct Params<'a> {
+	pub globals: WguiGlobals,
+	pub layout: &'a mut Layout,
+	pub parent_id: WidgetID,
+	pub frontend_tasks: &'a FrontendTasks,
+}
+
+struct Cell {
+	#[allow(dead_code)]
+	view: views::skymap_list_cell::View,
+}
+
+pub struct View {
+	#[allow(dead_code)]
+	parser_state: ParserState,
+	tasks: Tasks<Task>,
+	list_parent: WidgetID,
+	frontend_tasks: FrontendTasks,
+	globals: WguiGlobals,
+	popup_remote_skymap_list: PopupHolder<views::remote_skymap_list::View>,
+	popup_dialog_box: PopupHolder<views::dialog_box::View>,
+	cells: Vec<Cell>,
+}
+
+impl ViewTrait for View {
+	fn update(&mut self, par: &mut ViewUpdateParams) -> anyhow::Result<()> {
+		self.popup_remote_skymap_list.update(par)?;
+		self.popup_dialog_box.update(par)?;
+
+		loop {
+			let tasks = self.tasks.drain();
+			if tasks.is_empty() {
+				break;
+			}
+			for task in tasks {
+				match task {
+					Task::DownloadSkymaps => {
+						self.download_skymaps(par.executor)?;
+					}
+					Task::Refresh => {
+						self.refresh(par.layout)?;
+					}
+					Task::ShowSkymapResolutionSelector(entry) => {
+						self.show_skymap_resolution_selector(entry);
+					}
+					Task::SetSkymap(entry, resolution) => {
+						self.set_skymap(entry, resolution, par.general_config, par.config_change_kind)?;
+					}
+					Task::SetSkymapBuiltIn => {
+						par.general_config.skybox_texture = "".into();
+						*par.config_change_kind = Some(ConfigChangeKind::EnvironmentBlend);
+					}
+				}
+			}
+		}
+
+		Ok(())
+	}
+}
+
+impl View {
+	pub fn new(params: Params) -> anyhow::Result<Self> {
+		let doc_params = &ParseDocumentParams {
+			globals: params.globals.clone(),
+			path: AssetPath::BuiltIn("gui/view/skymap_list.xml"),
+			extra: Default::default(),
+		};
+
+		let parser_state = wgui::parser::parse_from_assets(doc_params, params.layout, params.parent_id)?;
+		let list_parent = parser_state.fetch_widget(&params.layout.state, "list_parent")?.id;
+		let tasks = Tasks::new();
+
+		tasks.push(Task::Refresh);
+
+		tasks.handle_button(
+			&parser_state.fetch_component_as::<ComponentButton>("btn_download_skymaps")?,
+			Task::DownloadSkymaps,
+		);
+
+		tasks.handle_button(
+			&parser_state.fetch_component_as::<ComponentButton>("btn_refresh")?,
+			Task::Refresh,
+		);
+
+		Ok(Self {
+			parser_state,
+			tasks,
+			list_parent,
+			frontend_tasks: params.frontend_tasks.clone(),
+			globals: params.globals.clone(),
+			popup_remote_skymap_list: Default::default(),
+			popup_dialog_box: Default::default(),
+			cells: Vec::new(),
+		})
+	}
+
+	fn download_skymaps(&mut self, executor: &AsyncExecutor) -> anyhow::Result<()> {
+		views::remote_skymap_list::mount_popup(
+			self.frontend_tasks.clone(),
+			executor.clone(),
+			self.globals.clone(),
+			self.tasks.make_callback_rc(Task::Refresh), /* on_updated_library */
+			self.popup_remote_skymap_list.clone(),
+		);
+		Ok(())
+	}
+
+	fn set_skymap(
+		&mut self,
+		entry: SkymapCatalogEntry,
+		resolution: SkymapResolution,
+		config: &mut GeneralConfig,
+		change_kind: &mut Option<ConfigChangeKind>,
+	) -> anyhow::Result<()> {
+		let skymap_file_path = entry
+			.get_destination_path(resolution)
+			.context("Skymap not found" /* you shouldn't really see this, like ever. */)?;
+
+		config.skybox_texture = config_io::get_skymaps_root()
+			.join(skymap_file_path)
+			.to_str()
+			.context("Skymap filename not valid UTF-8")?
+			.into();
+		*change_kind = Some(ConfigChangeKind::EnvironmentBlend);
+
+		Ok(())
+	}
+
+	fn show_skymap_resolution_selector(&mut self, entry: SkymapCatalogEntry) {
+		let tasks = self.tasks.clone();
+
+		let mut entries = Vec::<views::dialog_box::ButtonEntry>::new();
+
+		let mut add_entry_resolution = |resolution: SkymapResolution| {
+			if entry.is_downloaded(resolution).unwrap_or(false) {
+				entries.push(views::dialog_box::ButtonEntry {
+					content: Translation::from_raw_text(resolution.get_display_str()),
+					icon: "dashboard/globe.svg",
+					action: resolution.get_display_str_simple(),
+				});
+			}
+		};
+
+		add_entry_resolution(SkymapResolution::Res2k);
+		add_entry_resolution(SkymapResolution::Res4k);
+		add_entry_resolution(SkymapResolution::Res8k);
+
+		if entries.is_empty() {
+			// if the skymap is not downloaded, how did we get there?!
+			debug_assert!(false);
+			return;
+		}
+
+		views::dialog_box::mount_popup(
+			self.popup_dialog_box.clone(),
+			self.frontend_tasks.clone(),
+			views::dialog_box::Params {
+				globals: self.globals.clone(),
+				entries,
+				message: Translation::from_translation_key("APP_SETTINGS.SELECT_VARIANT"),
+				on_action_click: Box::new(move |action| {
+					let resolution = SkymapResolution::from_display_str_simple(action).unwrap(); // safety: never fails.
+					tasks.push(Task::SetSkymap(entry, resolution))
+				}),
+			},
+		);
+	}
+
+	fn refresh(&mut self, layout: &mut Layout) -> anyhow::Result<()> {
+		let entries = match skymap_catalog::get_entries_from_disk() {
+			Ok(entries) => entries,
+			Err(e) => {
+				log::error!("failed to get skymap entries: {}", e);
+				Default::default()
+			}
+		};
+
+		layout.remove_children(self.list_parent);
+		self.cells.clear();
+
+		let skymaps_root = config_io::get_skymaps_root();
+
+		let mut view = views::skymap_list_cell::View::new(views::skymap_list_cell::Params {
+			id_parent: self.list_parent,
+			layout,
+			entry: None,
+			on_click: self.tasks.get_button_click_callback(Task::SetSkymapBuiltIn),
+		})?;
+		// load preview image
+		let data = include_bytes!("../../assets/dashboard/builtin-skybox-preview.jpg");
+		if let Ok(glyph_data) = CustomGlyphData::from_bytes_raster(&self.globals, "builtin-skybox-preview.jpg", data) {
+			view.set_image(layout, Some(glyph_data))?;
+		}
+
+		self.cells.push(Cell { view });
+
+		for entry in &entries {
+			let mut view = views::skymap_list_cell::View::new(views::skymap_list_cell::Params {
+				id_parent: self.list_parent,
+				layout,
+				entry: Some(entry.clone()),
+				on_click: self
+					.tasks
+					.get_button_click_callback(Task::ShowSkymapResolutionSelector(entry.clone())),
+			})?;
+
+			// load preview image
+			if let Ok(data) = std::fs::read(skymaps_root.join(&entry.files.preview))
+				&& let Ok(glyph_data) = CustomGlyphData::from_bytes_raster(&self.globals, &entry.files.preview, &data)
+			{
+				view.set_image(layout, Some(glyph_data))?;
+			}
+
+			self.cells.push(Cell { view });
+		}
+
+		Ok(())
+	}
+}
+
+pub fn mount_popup(frontend_tasks: FrontendTasks, globals: WguiGlobals, popup: PopupHolder<View>) {
+	frontend_tasks
+		.clone()
+		.push(FrontendTask::MountPopupOnce(MountPopupOnceParams::new(
+			Translation::from_translation_key("APP_SETTINGS.BROWSE_SKYMAPS"),
+			Box::new(move |data| {
+				let view = View::new(Params {
+					globals: globals.clone(),
+					layout: data.layout,
+					parent_id: data.id_content,
+					frontend_tasks: &frontend_tasks,
+				})?;
+
+				popup.set_view(data.handle, view, None);
+				Ok(popup.get_close_callback(data.layout))
+			}),
+		)));
+}

dash-frontend/src/views/skymap_list_cell.rs

@@ -0,0 +1,168 @@
+use std::{collections::HashMap, rc::Rc};
+
+use wgui::{
+	assets::AssetPath,
+	components::button::{ButtonClickCallback, ComponentButton},
+	event::EventAlterables,
+	globals::WguiGlobals,
+	i18n::Translation,
+	layout::{Layout, WidgetID},
+	parser::{Fetchable, ParseDocumentParams, ParserState},
+	renderer_vk::text::custom_glyph::CustomGlyphData,
+	widget::{image::WidgetImage, label::WidgetLabel},
+};
+
+use crate::util::{
+	networking::{
+		self,
+		skymap_catalog::{SkymapCatalogEntry, SkymapResolution},
+	},
+	wgui_simple,
+};
+
+pub struct Params<'a> {
+	pub id_parent: WidgetID,
+	pub layout: &'a mut Layout,
+	pub entry: Option<networking::skymap_catalog::SkymapCatalogEntry>,
+	pub on_click: ButtonClickCallback,
+}
+
+pub struct View {
+	#[allow(dead_code)]
+	parser_state: ParserState,
+	id_loading: WidgetID,
+	id_image_preview: WidgetID,
+	id_resolution_pips: WidgetID,
+	image: Option<CustomGlyphData>,
+}
+
+fn doc_params(globals: &'_ WguiGlobals) -> ParseDocumentParams<'_> {
+	ParseDocumentParams {
+		globals: globals.clone(),
+		path: AssetPath::BuiltIn("gui/view/skymap_list_cell.xml"),
+		extra: Default::default(),
+	}
+}
+
+fn populate_res_pips(
+	layout: &mut Layout,
+	id_parent: WidgetID,
+	parser_state: &mut ParserState,
+	entry: &SkymapCatalogEntry,
+) -> anyhow::Result<()> {
+	let globals = layout.state.globals.clone();
+	layout.remove_children(id_parent);
+
+	let mut populate_res_pip = |res: SkymapResolution| -> anyhow::Result<()> {
+		let mut tpar = HashMap::<Rc<str>, Rc<str>>::new();
+		let downloaded = entry.is_downloaded(res).unwrap_or(false);
+		tpar.insert(
+			Rc::from("color"),
+			if downloaded {
+				Rc::from("#11aa40")
+			} else {
+				Rc::from("#444444")
+			},
+		);
+		tpar.insert(Rc::from("text"), res.get_display_str_simple().into());
+		parser_state.realize_template(&doc_params(&globals), "ResolutionPip", layout, id_parent, tpar)?;
+
+		Ok(())
+	};
+
+	populate_res_pip(SkymapResolution::Res2k)?;
+	if entry.files.size_4k.is_some() {
+		populate_res_pip(SkymapResolution::Res4k)?;
+	}
+	if entry.files.size_8k.is_some() {
+		populate_res_pip(SkymapResolution::Res8k)?;
+	}
+
+	Ok(())
+}
+
+impl View {
+	pub fn new(par: Params) -> anyhow::Result<Self> {
+		let globals = par.layout.state.globals.clone();
+
+		let mut parser_state = wgui::parser::parse_from_assets(&doc_params(&globals), par.layout, par.id_parent)?;
+
+		let data = parser_state.realize_template(
+			&doc_params(&globals),
+			"Cell",
+			par.layout,
+			par.id_parent,
+			Default::default(),
+		)?;
+
+		let id_image_preview = data.get_widget_id("image_preview")?;
+		let id_resolution_pips = data.get_widget_id("resolution_pips")?;
+
+		data
+			.fetch_component_as::<ComponentButton>("button")?
+			.on_click(par.on_click);
+
+		{
+			let mut label_title = data.fetch_widget_as::<WidgetLabel>(&par.layout.state, "label_title")?;
+			let mut label_author = data.fetch_widget_as::<WidgetLabel>(&par.layout.state, "label_author")?;
+
+			label_title.set_text_simple(
+				&mut globals.get(),
+				Translation::from_raw_text_string(
+					par
+						.entry
+						.as_ref()
+						.map(|e| e.name.clone())
+						.unwrap_or_else(|| "Built-in Sky Shader".into()),
+				),
+			);
+			label_author.set_text_simple(
+				&mut globals.get(),
+				Translation::from_raw_text_string(format!(
+					"by {}",
+					par.entry.as_ref().map(|e| e.author.as_str()).unwrap_or("WayVR Team")
+				)),
+			);
+		}
+
+		let id_loading = wgui_simple::create_loading(wgui_simple::CreateLoadingParams {
+			layout: par.layout,
+			parent_id: id_image_preview,
+			with_text: false,
+		})?;
+
+		// Populate resolution pips
+		if let Some(entry) = par.entry.as_ref() {
+			populate_res_pips(par.layout, id_resolution_pips, &mut parser_state, entry)?;
+		}
+
+		Ok(Self {
+			parser_state,
+			id_loading,
+			id_image_preview,
+			image: None,
+			id_resolution_pips,
+		})
+	}
+
+	pub fn refresh_resolution_pips(&mut self, layout: &mut Layout, entry: &SkymapCatalogEntry) -> anyhow::Result<()> {
+		populate_res_pips(layout, self.id_resolution_pips, &mut self.parser_state, entry)?;
+		Ok(())
+	}
+
+	pub fn set_image(&mut self, layout: &mut Layout, content: Option<CustomGlyphData>) -> anyhow::Result<()> {
+		layout.remove_widget(self.id_loading);
+		let mut alt = EventAlterables::default();
+		{
+			let mut image_preview = layout.state.widgets.cast_as::<WidgetImage>(self.id_image_preview)?;
+			image_preview.set_content(&mut alt, content.clone());
+		}
+		layout.process_alterables(alt)?;
+		self.image = content;
+		Ok(())
+	}
+
+	pub fn get_image(&self) -> Option<CustomGlyphData> {
+		self.image.clone()
+	}
+}

scripts/prost_build/Cargo.toml

@@ -0,0 +1,7 @@
+[package]
+name = "prost_build"
+version = "0.1.0"
+edition = "2024"
+
+[dependencies]
+prost-build = "0.14.3"

scripts/prost_build/src/main.rs

@@ -0,0 +1,5 @@
+use std::io::Result;
+fn main() -> Result<()> {
+    prost_build::compile_protos(&["src/monado_metrics.proto"], &["src/"])?;
+    Ok(())
+}

scripts/prost_build/src/monado_metrics.proto

@@ -0,0 +1,174 @@
+syntax = "proto3";
+
+package monado_metrics;
+
+
+message Version
+{
+	uint32 major = 1;
+	uint32 minor = 2;
+}
+
+message SessionFrame
+{
+	//! Which session this frame belongs to.
+	int64 session_id = 1;
+
+	//! ID of frame.
+	int64 frame_id = 2;
+
+	//! How long we thought the frame would take.
+	uint64 predicted_frame_time_ns = 3;
+
+	//! When we predicted the app should wake up.
+	uint64 predicted_wake_up_time_ns = 4;
+
+	//! When the client's GPU work should have completed.
+	uint64 predicted_gpu_done_time_ns = 5;
+
+	//! When we predicted this frame to be shown.
+	uint64 predicted_display_time_ns = 6;
+
+	//! The selected display period.
+	uint64 predicted_display_period_ns = 7;
+
+	/*!
+	 * When the app told us to display this frame, can be different
+	 * then the predicted display time so we track that separately.
+	 */
+	uint64 display_time_ns = 8;
+
+	//! When the predict call was made (inside of xrWaitFrame).
+	uint64 when_predicted_ns = 9;
+
+	//! When the waiting thread was woken up.
+	uint64 when_wait_woke_ns = 10;
+
+	//! When xrBeginFrame was called.
+	uint64 when_begin_ns = 11;
+
+	//! When the layer information was delivered, (inside of xrEndFrame).
+	uint64 when_delivered_ns = 12;
+
+	//! When the scheduled GPU work was completed.
+	uint64 when_gpu_done_ns = 13;
+
+	//! Was this frame discarded.
+	bool discarded = 14;
+}
+
+message Used
+{
+	//! Owning session of the frame.
+	int64 session_id = 1;
+
+	//! Which session frame was used by the compositor.
+	int64 session_frame_id = 2;
+
+	//! The system frame that the session was used by.
+	int64 system_frame_id = 3;
+
+	//! When the frame was latched.
+	uint64 when_ns = 4;
+}
+
+message SystemFrame
+{
+	//! ID of frame.
+	int64 frame_id = 1;
+
+	//! Projected pixels to photon time.
+	uint64 predicted_display_time_ns = 2;
+
+	//! Current period of displaying of frames.
+	uint64 predicted_display_period_ns = 3;
+
+	//! When the compositor should hand pixels to display hardware.
+	uint64 desired_present_time_ns = 4;
+
+	//! The time that the compositor should wake up.
+	uint64 wake_up_time_ns = 5;
+	uint64 present_slop_ns = 6;
+}
+
+/*!
+ * Out of band info about a GPU timing from a system compositor.
+ */
+message SystemGpuInfo
+{
+	//! ID of frame.
+	int64 frame_id = 1;
+
+	//! Start of GPU work.
+	uint64 gpu_start_ns = 2;
+
+	//! End of GPU work.
+	uint64 gpu_end_ns = 3;
+
+	//! When the information was gathered.
+	uint64 when_ns = 4;
+}
+
+/*!
+ * Information that comes from the vulkan present timing.
+ */
+message SystemPresentInfo
+{
+	//! ID of frame.
+	int64 frame_id = 1;
+
+	//! The total expected time for the compositor to complete a frame.
+	uint64 expected_comp_time_ns = 2;
+
+	//! The time we predicted the compositor to wake up time.
+	uint64 predicted_wake_up_time_ns = 3;
+
+	//! Predicted time for completion of the GPU work.
+	uint64 predicted_done_time_ns = 4;
+
+	//! Predicted display time.
+	uint64 predicted_display_time_ns = 5;
+
+	//! When was this frame predicted.
+	uint64 when_predict_ns = 6;
+
+	//! When we last woke up the compositor after its equivalent of wait_frame.
+	uint64 when_woke_ns = 7;
+
+	//! When the compositor started rendering a frame
+	uint64 when_began_ns = 8;
+
+	//! When the compositor finished rendering a frame
+	uint64 when_submitted_ns = 9;
+
+	//! When new frame timing info was last added.
+	uint64 when_infoed_ns = 10;
+
+	//! When we wanted to start presenting.
+	uint64 desired_present_time_ns = 11;
+
+	//! The slop used for this frame.
+	uint64 present_slop_ns = 12;
+
+	//! Margin of GPU to present time.
+	uint64 present_margin_ns = 13;
+
+	//! When the present time actually happened.
+	uint64 actual_present_time_ns = 14;
+
+	//! The earliest we could have presented.
+	uint64 earliest_present_time_ns = 15;
+}
+
+
+message Record
+{
+	oneof record {
+		Version version = 1;
+		SessionFrame session_frame = 2;
+		Used used = 3;
+		SystemFrame system_frame = 4;
+		SystemGpuInfo system_gpu_info = 5;
+		SystemPresentInfo system_present_info = 6;
+	};
+}

uidev/assets/gui/various_widgets.xml

@@ -59,10 +59,22 @@
         </div>
       </rectangle>
 
-      <rectangle macro="rect">
+      <div gap="4" flex_direction="column">
-        <label text="Context menu test" />
+        <rectangle macro="rect">
-        <Button id="button_context_menu" text="Show context menu" />
+          <label text="Color selector!"/>
-      </rectangle>
+          <ColorSelector />
+        </rectangle>
+        <rectangle macro="rect">
+          <label text="Context menu test" />
+          <Button id="button_context_menu" text="Show context menu" />
+        </rectangle>
+        <rectangle macro="rect">
+          <label text="Editbox test" />
+          <EditBox text="Initial text. Test, abcdef." width="400" />
+
+          <EditBox margin_left="42" margin_top="42" margin_bottom="40" width="200" />
+        </rectangle>
+      </div>
 
       <rectangle macro="rect">
         <label text="visibility test" weight="bold" />
@@ -82,6 +94,11 @@
         <CheckBox text="i'm checked by default" checked="1" />
       </rectangle>
     
+      <rectangle macro="rect" flex_direction="row" gap="16">
+        <label text="range slider test" weight="bold" />
+        <Slider value="0.5" value2="1.0" min_value="-5.0" max_value="20.0" width="200" height="24"/>
+      </rectangle>
+
       <rectangle macro="rect" flex_direction="row" align_items="start">
         <div flex_direction="column" gap="8">
           <label text="height 16" weight="bold" />

uidev/assets/lang/it.json

@@ -0,0 +1,9 @@
+{
+  "BAR": {
+    "OPACITY": "Opacità",
+    "ADDITIVE": "Additivo"
+  },
+  "TESTBED": {
+    "HELLO_WORLD": "Ciao, mondo! Questo è un testo I18n tradotto."
+  }
+}

uidev/assets/lang/zh_CN.json

@@ -0,0 +1,9 @@
+{
+  "BAR": {
+    "OPACITY": "不透明度",
+    "ADDITIVE": "加法"
+  },
+  "TESTBED": {
+    "HELLO_WORLD": "你好，世界！这是一段翻译后的国际化文本。"
+  }
+}

uidev/src/main.rs

@@ -1,25 +1,25 @@
-use glam::{vec2, Vec2};
+use glam::{Vec2, vec2};
-use std::sync::Arc;
+use std::{rc::Rc, sync::Arc};
-use testbed::{testbed_any::TestbedAny, Testbed};
+use testbed::{Testbed, testbed_any::TestbedAny};
+use tracing_subscriber::EnvFilter;
 use tracing_subscriber::filter::LevelFilter;
 use tracing_subscriber::layer::SubscriberExt;
 use tracing_subscriber::util::SubscriberInitExt;
-use tracing_subscriber::EnvFilter;
 use vulkan::init_window;
 use vulkano::{
+	Validated, VulkanError,
 	command_buffer::CommandBufferUsage,
 	format::Format,
-	image::{view::ImageView, ImageUsage},
+	image::{ImageUsage, view::ImageView},
 	swapchain::{
-		acquire_next_image, ColorSpace, CompositeAlpha, PresentMode, Surface, SurfaceInfo, Swapchain,
+		ColorSpace, CompositeAlpha, PresentMode, Surface, SurfaceInfo, Swapchain, SwapchainCreateInfo,
-		SwapchainCreateInfo, SwapchainPresentInfo,
+		SwapchainPresentInfo, acquire_next_image,
 	},
 	sync::GpuFuture,
-	Validated, VulkanError,
 };
 use wgui::{
-	event::{MouseButtonIndex, MouseDownEvent, MouseMotionEvent, MouseUpEvent, MouseWheelEvent},
+	event::{MouseButtonEvent, MouseButtonIndex, MouseMotionEvent, MouseWheelEvent},
-	gfx::{cmd::WGfxClearMode, WGfx},
+	gfx::{WGfx, cmd::WGfxClearMode},
 	renderer_vk::{self},
 };
 use winit::{
@@ -32,7 +32,7 @@ use wlx_common::{audio, timestep::Timestep};
 use crate::{
 	rate_limiter::RateLimiter,
 	testbed::{
-		testbed_dashboard::TestbedDashboard, testbed_generic::TestbedGeneric, TestbedUpdateParams,
+		TestbedUpdateParams, testbed_dashboard::TestbedDashboard, testbed_generic::TestbedGeneric,
 	},
 };
 
@@ -143,7 +143,7 @@ fn main() -> Result<(), Box<dyn std::error::Error>> {
 							&wgui::event::Event::MouseWheel(MouseWheelEvent {
 								delta: Vec2::new(x, y),
 								pos: mouse / scale,
-								device: 0,
+								device: wgui::event::DeviceBitmask(0),
 							}),
 							&mut (),
 							&mut (),
@@ -157,7 +157,7 @@ fn main() -> Result<(), Box<dyn std::error::Error>> {
 							&wgui::event::Event::MouseWheel(MouseWheelEvent {
 								delta: Vec2::new(pos.x as f32 / 5.0, pos.y as f32 / 5.0),
 								pos: mouse / scale,
-								device: 0,
+								device: wgui::event::DeviceBitmask(0),
 							}),
 							&mut (),
 							&mut (),
@@ -174,10 +174,10 @@ fn main() -> Result<(), Box<dyn std::error::Error>> {
 						testbed
 							.layout()
 							.push_event(
-								&wgui::event::Event::MouseDown(MouseDownEvent {
+								&wgui::event::Event::MouseDown(MouseButtonEvent {
 									pos: mouse / scale,
 									index: MouseButtonIndex::Left,
-									device: 0,
+									device: wgui::event::DeviceBitmask(0),
 								}),
 								&mut (),
 								&mut (),
@@ -187,10 +187,10 @@ fn main() -> Result<(), Box<dyn std::error::Error>> {
 						testbed
 							.layout()
 							.push_event(
-								&wgui::event::Event::MouseUp(MouseUpEvent {
+								&wgui::event::Event::MouseUp(MouseButtonEvent {
 									pos: mouse / scale,
 									index: MouseButtonIndex::Left,
-									device: 0,
+									device: wgui::event::DeviceBitmask(0),
 								}),
 								&mut (),
 								&mut (),
@@ -209,7 +209,7 @@ fn main() -> Result<(), Box<dyn std::error::Error>> {
 					.push_event(
 						&wgui::event::Event::MouseMotion(MouseMotionEvent {
 							pos: mouse / scale,
-							device: 0,
+							device: wgui::event::DeviceBitmask(0),
 						}),
 						&mut (),
 						&mut (),
@@ -221,33 +221,46 @@ fn main() -> Result<(), Box<dyn std::error::Error>> {
 				..
 			} => {
 				if event.state == ElementState::Pressed {
-					if event.physical_key == PhysicalKey::Code(KeyCode::F10) {
+					if !event.repeat {
-						debug_draw_enabled = !debug_draw_enabled;
+						if event.physical_key == PhysicalKey::Code(KeyCode::F10) {
-						if debug_draw_enabled {
+							debug_draw_enabled = !debug_draw_enabled;
-							log::info!(
+							if debug_draw_enabled {
-								"Debug draw enabled\n\tAqua: widget boundary\n\tMagenta: Scissoring (separate render pass)"
+								log::info!(
-							);
+									"Debug draw enabled\n\tAqua: widget boundary\n\tMagenta: Scissoring (separate render pass)"
+								);
+							}
+							testbed.layout().mark_redraw();
+						}
+
+						if event.physical_key == PhysicalKey::Code(KeyCode::F11) {
+							testbed.layout().print_tree();
+						}
+
+						if event.physical_key == PhysicalKey::Code(KeyCode::Equal) {
+							scale *= 1.25;
+							render_context
+								.update_viewport(&mut shared_context, swapchain_size, scale)
+								.unwrap();
+						}
+
+						if event.physical_key == PhysicalKey::Code(KeyCode::Minus) {
+							scale *= 0.75;
+							render_context
+								.update_viewport(&mut shared_context, swapchain_size, scale)
+								.unwrap();
 						}
-						testbed.layout().mark_redraw();
 					}
 
-					if event.physical_key == PhysicalKey::Code(KeyCode::F11) {
+					testbed
-						testbed.layout().print_tree();
+						.layout()
-					}
+						.push_event(
-
+							&wgui::event::Event::TextInput(wgui::event::TextInputEvent {
-					if event.physical_key == PhysicalKey::Code(KeyCode::Equal) {
+								text: event.text.map(|text| Rc::from(text.as_str())),
-						scale *= 1.25;
+							}),
-						render_context
+							&mut (),
-							.update_viewport(&mut shared_context, swapchain_size, scale)
+							&mut (),
-							.unwrap();
+						)
-					}
+						.unwrap();
-
-					if event.physical_key == PhysicalKey::Code(KeyCode::Minus) {
-						scale *= 0.75;
-						render_context
-							.update_viewport(&mut shared_context, swapchain_size, scale)
-							.unwrap();
-					}
 				}
 			}
 			Event::WindowEvent {

uidev/src/testbed/testbed_any.rs

@@ -12,6 +12,7 @@ use wgui::{
 	layout::{Layout, LayoutParams, LayoutUpdateParams},
 	parser::{ParseDocumentParams, ParserState},
 };
+use wlx_common::locale::WayVRLangProvider;
 
 pub struct TestbedAny {
 	pub layout: Layout,
@@ -28,9 +29,11 @@ impl TestbedAny {
 			AssetPath::BuiltIn(&format!("gui/{name}.xml"))
 		};
 
+		let lang_provider = WayVRLangProvider::default();
+
 		let globals = WguiGlobals::new(
 			assets,
-			wgui::globals::Defaults::default(),
+			&lang_provider,
 			&WguiFontConfig::default(),
 			PathBuf::new(), // cwd
 		)?;
@@ -41,7 +44,7 @@ impl TestbedAny {
 				path,
 				extra: Default::default(),
 			},
-			&LayoutParams::default(),
+			LayoutParams::default(),
 		)?;
 		Ok(Self { layout, state })
 	}

uidev/src/testbed/testbed_dashboard.rs

@@ -1,7 +1,9 @@
+use std::rc::Rc;
+
 use crate::testbed::{Testbed, TestbedUpdateParams};
 use dash_frontend::frontend::{self, FrontendUpdateParams};
-use wgui::layout::Layout;
+use wgui::{layout::Layout, theme::WguiTheme};
-use wlx_common::dash_interface_emulated::DashInterfaceEmulated;
+use wlx_common::{dash_interface_emulated::DashInterfaceEmulated, locale::WayVRLangProvider};
 
 pub struct TestbedDashboard {
 	frontend: frontend::Frontend<()>,
@@ -10,14 +12,14 @@ pub struct TestbedDashboard {
 impl TestbedDashboard {
 	pub fn new() -> anyhow::Result<Self> {
 		let interface = DashInterfaceEmulated::new();
+		let lang_provider = WayVRLangProvider::default();
 
-		let frontend = frontend::Frontend::new(
+		let frontend = frontend::Frontend::new(frontend::InitParams {
-			frontend::InitParams {
+			interface: Box::new(interface),
-				interface: Box::new(interface),
+			has_monado: true,
-				has_monado: true,
+			lang_provider: &lang_provider,
-			},
+			theme: Rc::new(WguiTheme::default()),
-			&mut (),
+		})?;
-		)?;
 		Ok(Self { frontend })
 	}
 }

uidev/src/testbed/testbed_generic.rs

@@ -13,7 +13,6 @@ use wgui::{
 		checkbox::ComponentCheckbox,
 	},
 	drawing::Color,
-	event::StyleSetRequest,
 	font_config::WguiFontConfig,
 	globals::WguiGlobals,
 	i18n::Translation,
@@ -21,12 +20,14 @@ use wgui::{
 	parser::{Fetchable, ParseDocumentExtra, ParseDocumentParams, ParserState},
 	taffy::{self, prelude::length},
 	task::Tasks,
+	theme::WguiTheme,
 	widget::{div::WidgetDiv, label::WidgetLabel, rectangle::WidgetRectangle},
 	windowing::{
 		context_menu::{self, TickResult},
 		window::{WguiWindow, WguiWindowParams, WguiWindowParamsExtra},
 	},
 };
+use wlx_common::locale::WayVRLangProvider;
 
 #[derive(Clone)]
 pub enum TestbedTask {
@@ -44,7 +45,6 @@ pub struct TestbedGeneric {
 	pub parser_state: ParserState,
 	tasks: Tasks<TestbedTask>,
 
-	globals: WguiGlobals,
 	data: Rc<RefCell<Data>>,
 }
 
@@ -85,9 +85,11 @@ impl TestbedGeneric {
 	}
 
 	pub fn new(assets: Box<assets::Asset>) -> anyhow::Result<Self> {
+		let lang_provider = WayVRLangProvider::default();
+
 		let globals = WguiGlobals::new(
 			assets,
-			wgui::globals::Defaults::default(),
+			&lang_provider,
 			&WguiFontConfig::default(),
 			PathBuf::new(), // cwd
 		)?;
@@ -121,8 +123,9 @@ impl TestbedGeneric {
 
 		let (layout, parser_state) = wgui::parser::new_layout_from_assets(
 			&TestbedGeneric::doc_params(&globals, extra),
-			&LayoutParams {
+			LayoutParams {
 				resize_to_parent: true,
+				theme: Rc::new(WguiTheme::default()),
 			},
 		)?;
 
@@ -130,14 +133,9 @@ impl TestbedGeneric {
 		let div_visibility = parser_state.fetch_widget(&layout.state, "div_visibility")?;
 
 		cb_visible.on_toggle(Box::new(move |common, evt| {
-			common.alterables.set_style(
+			common
-				div_visibility.id,
+				.alterables
-				StyleSetRequest::Display(if evt.checked {
+				.set_widget_visible(div_visibility.id, evt.checked);
-					taffy::Display::Flex
-				} else {
-					taffy::Display::None
-				}),
-			);
 			Ok(())
 		}));
 
@@ -178,7 +176,6 @@ impl TestbedGeneric {
 			layout,
 			parser_state,
 			tasks: Default::default(),
-			globals: globals.clone(),
 			data: Rc::new(RefCell::new(Data {
 				popup_window: WguiWindow::default(),
 				context_menu: context_menu::ContextMenu::default(),
@@ -224,7 +221,6 @@ impl TestbedGeneric {
 		data: &mut Data,
 	) -> anyhow::Result<()> {
 		data.popup_window.open(&mut WguiWindowParams {
-			globals: &self.globals,
 			position: Vec2::new(128.0, 128.0),
 			layout: &mut self.layout,
 			extra: WguiWindowParamsExtra {

uidev/src/vulkan.rs

@@ -2,8 +2,8 @@ use anyhow::Context;
 use std::sync::{Arc, OnceLock};
 use vulkano::{
 	device::{
-		physical::{PhysicalDevice, PhysicalDeviceType},
 		Device, DeviceCreateInfo, DeviceExtensions, DeviceFeatures, Queue, QueueCreateInfo, QueueFlags,
+		physical::{PhysicalDevice, PhysicalDeviceType},
 	},
 	instance::{Instance, InstanceCreateInfo},
 	swapchain::ColorSpace,
@@ -96,8 +96,8 @@ pub fn init_window(
 	let (format, color_space) = physical_device
 		.surface_formats(&surface, vulkano::swapchain::SurfaceInfo::default())?
 		.into_iter()
-		.next()
+		.find(|(format, _)| !format.components().iter().any(|b| *b > 8))
-		.context("Could not read surface formats for PhysicalDevice")?;
+		.context("Could not read or no suitable surface formats for PhysicalDevice")?;
 
 	let (device, queues) = Device::new(
 		physical_device,

wayvr-ipc/README.md

@@ -2,8 +2,4 @@
 
 This repository contains the IPC specification and client implementation for the WayVR protocol. The primary purpose is to enable communication between applications and the WayVR server, offering a range of API functions.
 
-[WayVR Server README](https://github.com/galister/wlx-overlay-s/tree/main/contrib/wayvr)
+[Wayvrctl Documentation](https://wayvr.org/docs/various/integrations/wayvr-ipc/)
-
-## Usage
-
-[Example WayVR IPC Client usage in WayVR Dashboard (Legacy)](https://github.com/olekolek1000/wayvr-dashboard/blob/master/src-tauri/src/frontend_ipc.rs)