Merge pull request #282 from galister/next

--- a/.github/workflows/build-all-features.yml
+++ b/.github/workflows/build-all-features.yml
@@ -12,13 +12,16 @@ env:
 jobs:
  build:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
    - uses: actions/checkout@v4
    - name: Setup sccache
      uses: mozilla-actions/sccache-action@v0.0.9
    - name: Prepare Environment
      run: |
-        .github/workflows/scripts/appimage_prepare_env.sh
+        ../.github/workflows/scripts/appimage_prepare_env.sh
    - name: Build
      run: cargo build --verbose --all-features
    - name: Run tests
--- a/.github/workflows/build-appimage.yml
+++ b/.github/workflows/build-appimage.yml
@@ -15,19 +15,22 @@ env:
 jobs:
  build_appimage:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
      - uses: actions/checkout@v3
      - name: Setup sccache
        uses: mozilla-actions/sccache-action@v0.0.9
      - name: Prepare Environment
        run: |
-          .github/workflows/scripts/appimage_prepare_env.sh
+          ../.github/workflows/scripts/appimage_prepare_env.sh
      - name: Cargo Build
        run: |
-          .github/workflows/scripts/appimage_build_wlx.sh
+          ../.github/workflows/scripts/appimage_build_wlx.sh
      - name: Package AppImage
        run: |
-          .github/workflows/scripts/appimage_package.sh
+          ../.github/workflows/scripts/appimage_package.sh
      - name: Upload AppImage
        uses: actions/upload-artifact@v4
        with:
--- a/.github/workflows/build-default.yml
+++ b/.github/workflows/build-default.yml
@@ -12,13 +12,16 @@ env:
 jobs:
  build:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
    - uses: actions/checkout@v4
    - name: Setup sccache
      uses: mozilla-actions/sccache-action@v0.0.9
    - name: Prepare Environment
      run: |
-        .github/workflows/scripts/appimage_prepare_env.sh
+        ../.github/workflows/scripts/appimage_prepare_env.sh
    - name: Run cargo fmt
      run: cargo fmt --check
    - name: Build
--- a/.github/workflows/build-full-appimage.yml
+++ b/.github/workflows/build-full-appimage.yml
@@ -15,22 +15,25 @@ env:
 jobs:
  build_appimage:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
      - uses: actions/checkout@v3
      - name: Setup sccache
        uses: mozilla-actions/sccache-action@v0.0.9
      - name: Prepare Environment
        run: |
-          .github/workflows/scripts/appimage_prepare_env.sh
+          ../.github/workflows/scripts/appimage_prepare_env.sh
      - name: Cargo Build
        run: |
-          .github/workflows/scripts/appimage_build_wlx.sh
+          ../.github/workflows/scripts/appimage_build_wlx.sh
      - name: Build WayVR Dashboard
        run: |
-          .github/workflows/scripts/appimage_build_wayvr_dashboard.sh
+          ../.github/workflows/scripts/appimage_build_wayvr_dashboard.sh
      - name: Package AppImage
        run: |
-          .github/workflows/scripts/appimage_package_full.sh
+          ../.github/workflows/scripts/appimage_package_full.sh
      - name: Upload AppImage
        uses: actions/upload-artifact@v4
        with:
--- a/.github/workflows/build-wayland-openvr.yml
+++ b/.github/workflows/build-wayland-openvr.yml
@@ -12,13 +12,16 @@ env:
 jobs:
  build:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
    - uses: actions/checkout@v4
    - name: Setup sccache
      uses: mozilla-actions/sccache-action@v0.0.9
    - name: Prepare Environment
      run: |
-        .github/workflows/scripts/appimage_prepare_env.sh
+        ../.github/workflows/scripts/appimage_prepare_env.sh
    - name: Build
      run: cargo build --verbose --no-default-features --features=wayland,openvr
    - name: Run tests
--- a/.github/workflows/build-wayland-openxr-openvr-wayvr.yml
+++ b/.github/workflows/build-wayland-openxr-openvr-wayvr.yml
@@ -12,13 +12,16 @@ env:
 jobs:
  build:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
    - uses: actions/checkout@v4
    - name: Setup sccache
      uses: mozilla-actions/sccache-action@v0.0.9
    - name: Prepare Environment
      run: |
-        .github/workflows/scripts/appimage_prepare_env.sh
+        ../.github/workflows/scripts/appimage_prepare_env.sh
    - name: Build
      run: cargo build --verbose --no-default-features --features=wayland,openxr,openvr,wayvr
    - name: Run tests
--- a/.github/workflows/build-wayland-openxr.yml
+++ b/.github/workflows/build-wayland-openxr.yml
@@ -12,13 +12,16 @@ env:
 jobs:
  build:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
    - uses: actions/checkout@v4
    - name: Setup sccache
      uses: mozilla-actions/sccache-action@v0.0.9
    - name: Prepare Environment
      run: |
-        .github/workflows/scripts/appimage_prepare_env.sh
+        ../.github/workflows/scripts/appimage_prepare_env.sh
    - name: Build
      run: cargo build --verbose --no-default-features --features=wayland,openxr
    - name: Run tests
--- a/.github/workflows/build-x11-openvr.yml
+++ b/.github/workflows/build-x11-openvr.yml
@@ -12,13 +12,16 @@ env:
 jobs:
  build:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
    - uses: actions/checkout@v4
    - name: Setup sccache
      uses: mozilla-actions/sccache-action@v0.0.9
    - name: Prepare Environment
      run: |
-        .github/workflows/scripts/appimage_prepare_env.sh
+        ../.github/workflows/scripts/appimage_prepare_env.sh
    - name: Build
      run: cargo build --verbose --no-default-features --features=x11,openvr
    - name: Run tests
--- a/.github/workflows/build-x11-openxr.yml
+++ b/.github/workflows/build-x11-openxr.yml
@@ -12,13 +12,16 @@ env:
 jobs:
  build:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
    - uses: actions/checkout@v4
    - name: Setup sccache
      uses: mozilla-actions/sccache-action@v0.0.9
    - name: Prepare Environment
      run: |
-        .github/workflows/scripts/appimage_prepare_env.sh
+        ../.github/workflows/scripts/appimage_prepare_env.sh
    - name: Build
      run: cargo build --verbose --no-default-features --features=x11,openxr
    - name: Run tests
--- a/.github/workflows/make-release.yml
+++ b/.github/workflows/make-release.yml
@@ -14,13 +14,16 @@ env:
 jobs:
  make_release:
    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./wlx-overlay-s
    steps:
      - uses: actions/checkout@v3
      - name: Setup sccache
        uses: mozilla-actions/sccache-action@v0.0.9
      - name: Prepare Environment
        run: |
-          .github/workflows/scripts/appimage_prepare_env.sh
+          ../.github/workflows/scripts/appimage_prepare_env.sh
      - name: Cargo Build
        run: |
          cargo build --release
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,5 @@
 /target
 .gdb_history
+.vscode
+.cargo
+scripts/translator/node_modules
--- a/Cargo.lock
+++ b/Cargo.lock
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,120 +1,36 @@
+[profile.dev]
+opt-level = 1
+debug = true
+strip = "none"
+debug-assertions = true
+incremental = true
+
 [profile.release-with-debug]
 inherits = "release"
 debug = true

-[package]
-name = "wlx-overlay-s"
-version = "25.4.2"
-edition = "2021"
-license = "GPL-3.0-only"
-authors = ["galister"]
-description = "Access your Wayland/X11 desktop from Monado/WiVRn/SteamVR. Now with Vulkan!"
-repository = "https://github.com/galister/wlx-overlay-s"
-keywords = ["linux", "openvr", "openxr", "x11", "wayland", "openvr-overlay", "openxr-overlay"]
-categories = ["games"]
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-anyhow = "1.0.89"
-ash = "^0.38.0" # must match vulkano
-chrono = "0.4.38"
-chrono-tz = "0.10.0"
-clap = { version = "4.5.6", features = ["derive"] }
-config = "0.15.11"
-ctrlc = { version = "3.4.4", features = ["termination"] }
-dbus = { version = "0.9.7" }
-fontconfig-rs = "0.1.1"
-freetype-rs = "0.36.0" # latest version supported on ubuntu 22.04
-futures = "0.3.30"
-glam = { version = "0.30.1", features = ["approx", "mint", "serde"] }
-idmap = { version = "0.2.21", features = ["serde"] }
-idmap-derive = "0.1.2"
-input-linux = "0.7.0"
-json = { version = "0.12.4", optional = true }
-json5 = "0.4.1"
-libc = "0.2.155"
-log = "0.4.21"
-openxr = { git = "https://github.com/Ralith/openxrs", rev = "d0afdd3365bc1e14de28f6a3a21f457e788a702e", features = [
-  "linked",
-  "mint",
-], optional = true }
-ovr_overlay = { features = [
-  "ovr_input",
-  "ovr_system",
-], git = "https://github.com/galister/ovr_overlay_oyasumi", optional = true }
-regex = "1.11.1"
-rodio = { version = "0.20.1", default-features = false, features = [
-  "wav",
-  "hound",
-] }
-rosc = { version = "0.11.4", optional = true }
-serde = { version = "1.0.203", features = ["derive", "rc"] }
-serde_json = "1.0.117"
-serde_yaml = "0.9.34"
-smallvec = "1.13.2"
-strum = { version = "0.27.1", features = ["derive"] }
-sysinfo = { version = "0.34.2" }
-thiserror = "2.0.3"
-vulkano = { version = "0.35.1" }
-vulkano-shaders = { version = "0.35.0" }
-wlx-capture = { git = "https://github.com/galister/wlx-capture", tag = "v0.5.4", default-features = false }
-libmonado = { version = "1.3.2", optional = true }
-winit = { version = "0.30.0", optional = true }
-xdg = "2.5.2"
-log-panics = { version = "2.1.0", features = ["with-backtrace"] }
-serde_json5 = "0.2.1"
-xkbcommon = { version = "0.8.0" }
-xcb = { version = "1.4.0", optional = true, features = [
-  "as-raw-xcb-connection",
-] }
-image_dds = { version = "0.7.2", default-features = false, features = [
-  "ddsfile",
-] }
-mint = "0.5.9"
-tracing-subscriber = { version = "0.3.19", features = ["env-filter"] }
-tracing = "0.1.41"
-
-################################
-#WayVR-only deps
-################################
-khronos-egl = { version = "6.0.0", features = ["static"], optional = true }
-smithay = { version = "0.5.1", default-features = false, features = [
-  "renderer_gl",
-  "backend_egl",
-  "backend_drm",
-  "xwayland",
-  "wayland_frontend",
-], optional = true }
-uuid = { version = "1.10.0", features = ["v4", "fast-rng"], optional = true }
-wayland-client = { version = "0.31.6", optional = true }
-wayland-egl = { version = "0.32.4", optional = true }
-interprocess = { version = "2.2.2", optional = true }
-bytes = { version = "1.9.0", optional = true }
-wayvr_ipc = { git = "https://github.com/olekolek1000/wayvr-ipc.git", rev = "a72587d23f3bb8624d9aeb1f13c0a21e65350f51", default-features = false, optional = true }
-################################
-
-[build-dependencies]
-regex = { version = "1.11.1" }
-
-[features]
-default = ["openvr", "openxr", "osc", "x11", "wayland", "wayvr"]
-openvr = ["dep:ovr_overlay", "dep:json"]
-openxr = ["dep:openxr", "dep:libmonado"]
-osc = ["dep:rosc"]
-x11 = ["dep:xcb", "wlx-capture/xshm", "xkbcommon/x11"]
-wayland = ["pipewire", "wlx-capture/wlr", "xkbcommon/wayland"]
-pipewire = ["wlx-capture/pipewire"]
-uidev = ["dep:winit"]
-xcb = ["dep:xcb"]
-wayvr = [
-  "dep:khronos-egl",
-  "dep:smithay",
-  "dep:uuid",
-  "dep:wayland-client",
-  "dep:wayland-egl",
-  "dep:interprocess",
-  "dep:bytes",
-  "dep:wayvr_ipc",
+[workspace]
+members = [
+  "uidev",
+  "wgui",
+  "wlx-common",
+  "wlx-overlay-s",
+  "wlx-capture",
+  "dash-frontend",
 ]
-as-raw-xcb-connection = []
+resolver = "3"
+
+[workspace.dependencies]
+anyhow = "1.0.100"
+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"
+slotmap = "1.1.1"
+vulkano = { version = "0.35.2", default-features = false, features = [
+  "macros",
+] }
+vulkano-shaders = "0.35.0"
+wayland-client = { version = "0.31.11" }
--- a/README.md
+++ b/README.md
@@ -19,10 +19,18 @@ Questions/issues specific to WlxOverlay-S will be handled in the `wlxoverlay` ch

 ## Setup

+### Installation
+
+There are multiple ways to install WlxOverlay-S:
+1. AppImage: Download from [Releases](https://github.com/galister/wlx-overlay-s/releases)
+1. AUR package: [wlx-overlay-s-git](https://aur.archlinux.org/packages/wlx-overlay-s-git)
+1. Homebrew:
+  1. Add AtomicXR tap: `brew tap matrixfurry.com/atomicxr https://tangled.sh/@matrixfurry.com/homebrew-atomicxr`
+  1. Install WlxOverlay-S: `brew install wlx-overlay-s`
+1. [Building from source](https://github.com/galister/wlx-overlay-s/wiki/Building-from-Source).
+
 ### General Setup

-1. Grab the latest AppImage from [Releases](https://github.com/galister/wlx-overlay-s/releases).
-1. `chmod +x WlxOverlay-S-*.AppImage`
 1. Start Monado, WiVRn or SteamVR.
 1. Run the overlay

@@ -41,30 +49,25 @@ For users specifically running **SteamVR via Steam Flatpak**, follow these steps
 1. Start SteamVR.
 1. `flatpak run --command='/path/to/squashfs-root/AppRun' com.valvesoftware.Steam`

-### Install via Homebrew
-
-1. Add AtomicXR tap `brew tap matrixfurry.com/atomicxr https://tangled.sh/@matrixfurry.com/homebrew-atomicxr`
-2. Install WlxOverlay-S: `brew install wlx-overlay-s`
-
-AUR package is [wlx-overlay-s-git](https://aur.archlinux.org/packages/wlx-overlay-s-git).
-
-You may also want to [build from source](https://github.com/galister/wlx-overlay-s/wiki/Building-from-Source).

 ## First Start

-**When the screen share pop-up appears, check the terminal and select the screens in the order it requests.**
+**When the screen share pop-up appears, check your notifications or the terminal and select the screens in the order it requests.**

 In case screens were selected in the wrong order:

 - `rm ~/.config/wlxoverlay/conf.d/pw_tokens.yaml` then restart

-**SteamVR users**: WlxOverlay-S will register itself for auto-start, so there is no need to start it every time.
+
+**WiVRn users**: Select WlxOverlay-S from the `Application` drop-down. If there's no such entry, select `Custom` and browse to your WlxOverlay-S executable or AppImage.

 **Envision users**: Go to the Plugins menu and select the WlxOverlay-S plugin. This will download and run the AppImage version of the overlay.
-In order to run a standalone installation (for instance from the AUR), create a bash script containing `wlx-overlay-s --openxr --show` and then select this bash script as a custom Envision plugin.
+In order to run a standalone installation (for instance from the AUR), create a bash script containing `wlx-overlay-s --openxr --show` and then set this bash script as a custom Envision plugin.

 This will show a home environment with headset passthrough by default or a [customizable background](https://github.com/galister/wlx-overlay-s/wiki/OpenXR-Skybox)!

+**SteamVR users**: WlxOverlay-S 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 Wlx anyway.
+
 **Please continue reading the guide below.**

 ## Getting Started
@@ -76,10 +79,11 @@ The working set consists of all currently selected overlays; screens, mirrors, k
 The working set appears in front of the headset when shown, and can be re-centered by hiding and showing again.

 Show and hide the working set using:
-
 - Non-vive controller: double-tap B or Y on the left controller.
 - Vive controller: double-tap the menu button on the left controller (for SteamVR, the `showhide` binding must be bound)

+See the [bindings](#default-bindings) section on how to grab, move and resize overlay windows.
+
 ### Pointer Modes AKA Laser Colors

 Much of the functionality in WlxOverlay-S depends on what color of laser is used to interact with a UI element. \
@@ -93,27 +97,33 @@ Please see the bindings section below on how to activate these modes.

 The guide here uses the colors for ease of getting started.

-### The Watch
+### The watch

 Check your left wrist for the watch. The watch is the primary tool for controlling the app.

+The top of the watch shows device batteries, and the bottom shows your overlay controls.
+
+Enter edit mode (leftmost button on bottom) to edit your overlay sets.
+
+While in edit mode, the watch can also be grabbed, and passed between your hands.
+
+After grabbing, the watch will automatically attach to the hand that's opposite from the one that held it.
+
+In edit mode, try hovering other overlays to see their advanced options!
+
 ![Watch usage guide](https://github.com/galister/wlx-overlay-s/blob/guide/wlx-watch.png)

-### The Screens
+### The screens

 Hovering a pointer over a screen will move the mouse. If there are more than one pointers hovering a screen, the pointer that was last used to click will take precedence.

-The click depends on the laser color:
+The click type depends on the laser color:

 - Blue laser: Left click
 - Orange laser: Right click
 - Purple laser: Middle click
 - Stick up/down: Scroll wheel

-To **curve a screen**, grab it with one hand. Then, using the other hand, hover the laser over the screen and use the scroll action.
-
-See the [bindings](#default-bindings) section on how to grab, move and resize screens.
-
 ### The keyboard

 The keyboard is fully customizable via the [keyboard.yaml](https://raw.githubusercontent.com/galister/wlx-overlay-s/main/src/res/keyboard.yaml) file. \
@@ -123,7 +133,7 @@ Typing

 - Use the BLUE laser when typing regularly.
 - While using ORANGE laser, all keystrokes will have SHIFT applied.
- Purple laser has no effect as of now.
+- Purple laser is customizable via the `keyboard.yaml`'s `alt_modifier` settings.

 **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.

@@ -150,9 +160,10 @@ Check [here](https://github.com/galister/wlx-overlay-s/wiki/Troubleshooting) for

 ### Mouse is not where it should be

-Niri users: use on Niri 0.1.7 or later.
-
-X11 users might be dealing with a [Phantom Monitor](https://wiki.archlinux.org/title/Xrandr#Disabling_phantom_monitor).
+X11 users:
+- Might be dealing with a [Phantom Monitor](https://wiki.archlinux.org/title/Xrandr#Disabling_phantom_monitor).
+- DPI scaling is not supported and will mess with the mouse.
+- Upright screens are not supported and will mess with the mouse.

 Other desktops: The screens may have been selected in the wrong order, see [First Start](#first-start).

@@ -168,17 +179,13 @@ echo 'capture_method: pw_fallback' > ~/.config/wlxoverlay/conf.d/pw_fallback.yam

 Without DMA-buf capture, capturing screens takes CPU power, so let's try and not show too many screens at the same time.

-### Space-drag crashes SteamVR
+### Modifiers get stuck, mouse clicks stop working on KDE Plasma

-This has been idenfitied as an issue with SteamVR versions 2.5.5 and above (latest tested 2.7.2). One way to avoid the crash is by switching to the `temp-v1.27.5` branch of SteamVR (via beta selection) and selecting [Steam-Play-None](https://github.com/Scrumplex/Steam-Play-None) under the compatibility tab.
-
-### Modifiers get stuck in weird ways
-
-This is a rare issue that can make KDE Plasma not react to click or keys due to what seems to be a race condition with modifiers. Restarting the overlay fixes this.
+We are not sure what causes this, but it only happens on KDE Plasma. Restarting the overlay fixes this.

 ### X11 limitations

- X11 capture can generally seem slow. This is because zero-copy GPU capture is not supported on the general X11 desktop. Consider trying Wayland or Picom.
+- X11 capture can generally seem slow. This is because zero-copy GPU capture is not supported on the general X11 desktop. Consider trying Wayland.
 - DPI scaling is not supported and may cause the mouse to not follow the laser properly.
- Upright screens are not supported and can cause the mouse to act weirdly.
+- Upright screens are not supported and can cause the mouse to not follow the laser properly.
 - Screen changes (connecting / disconnecting a display, resolution changes, etc) are not handled at runtime. Restart the overlay for these to take effect.
--- a/dash-frontend/.editorconfig
+++ b/dash-frontend/.editorconfig
@@ -0,0 +1,8 @@
+root = true
+
+[*.rs]
+indent_style = tab
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = false
+insert_final_newline = false
--- a/dash-frontend/Cargo.toml
+++ b/dash-frontend/Cargo.toml
@@ -0,0 +1,17 @@
+[package]
+name = "dash-frontend"
+version = "0.1.0"
+edition = "2024"
+
+[dependencies]
+anyhow.workspace = true
+wgui = { path = "../wgui/" }
+glam = { workspace = true, features = ["mint", "serde"] }
+log = { workspace = true }
+rust-embed = { workspace = true }
+chrono = "0.4.42"
+gio = "0.21.5"
+gtk = "0.18.2"
+serde = { version = "1.0.228", features = ["derive"] }
+serde_json = "1.0.145"
+wlx-common = { path = "../wlx-common" }
--- a/dash-frontend/assets/Quicksand-Bold.ttf.gz
+++ b/dash-frontend/assets/Quicksand-Bold.ttf.gz
--- a/dash-frontend/assets/Quicksand-Light.ttf.gz
+++ b/dash-frontend/assets/Quicksand-Light.ttf.gz
--- a/dash-frontend/assets/Quicksand-Regular.ttf.gz
+++ b/dash-frontend/assets/Quicksand-Regular.ttf.gz
--- a/dash-frontend/assets/dashboard/add.svg
+++ b/dash-frontend/assets/dashboard/add.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z" />
+</svg>
--- a/dash-frontend/assets/dashboard/alphabetical.svg
+++ b/dash-frontend/assets/dashboard/alphabetical.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M6 11a2 2 0 0 1 2 2v4H4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2zm-2 2v2h2v-2zm16 0v2h2v2h-2a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h2v2zm-8-6v4h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V7zm0 8h2v-2h-2z" />
+</svg>
--- a/dash-frontend/assets/dashboard/apps.svg
+++ b/dash-frontend/assets/dashboard/apps.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <path fill="white" fill-rule="evenodd" d="M4.857 3A1.857 1.857 0 0 0 3 4.857v4.286C3 10.169 3.831 11 4.857 11h4.286A1.857 1.857 0 0 0 11 9.143V4.857A1.857 1.857 0 0 0 9.143 3zm10 0A1.857 1.857 0 0 0 13 4.857v4.286c0 1.026.831 1.857 1.857 1.857h4.286A1.857 1.857 0 0 0 21 9.143V4.857A1.857 1.857 0 0 0 19.143 3zm-10 10A1.857 1.857 0 0 0 3 14.857v4.286C3 20.169 3.831 21 4.857 21h4.286A1.857 1.857 0 0 0 11 19.143v-4.286A1.857 1.857 0 0 0 9.143 13zm10 0A1.857 1.857 0 0 0 13 14.857v4.286c0 1.026.831 1.857 1.857 1.857h4.286A1.857 1.857 0 0 0 21 19.143v-4.286A1.857 1.857 0 0 0 19.143 13z" clip-rule="evenodd" />
+</svg>
--- a/dash-frontend/assets/dashboard/back.svg
+++ b/dash-frontend/assets/dashboard/back.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="m9.55 12l7.35 7.35q.375.375.363.875t-.388.875t-.875.375t-.875-.375l-7.7-7.675q-.3-.3-.45-.675t-.15-.75t.15-.75t.45-.675l7.7-7.7q.375-.375.888-.363t.887.388t.375.875t-.375.875z" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_10.svg
+++ b/dash-frontend/assets/dashboard/bat_10.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16 18H8V6h8m.67-2H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_100.svg
+++ b/dash-frontend/assets/dashboard/bat_100.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16.67 4H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_20.svg
+++ b/dash-frontend/assets/dashboard/bat_20.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16 17H8V6h8m.67-2H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_30.svg
+++ b/dash-frontend/assets/dashboard/bat_30.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16 15H8V6h8m.67-2H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_40.svg
+++ b/dash-frontend/assets/dashboard/bat_40.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16 14H8V6h8m.67-2H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_50.svg
+++ b/dash-frontend/assets/dashboard/bat_50.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16 13H8V6h8m.67-2H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_60.svg
+++ b/dash-frontend/assets/dashboard/bat_60.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16 12H8V6h8m.67-2H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_70.svg
+++ b/dash-frontend/assets/dashboard/bat_70.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16 10H8V6h8m.67-2H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_80.svg
+++ b/dash-frontend/assets/dashboard/bat_80.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16 9H8V6h8m.67-2H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_90.svg
+++ b/dash-frontend/assets/dashboard/bat_90.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M16 8H8V6h8m.67-2H15V2H9v2H7.33A1.33 1.33 0 0 0 6 5.33v15.34C6 21.4 6.6 22 7.33 22h9.34A1.33 1.33 0 0 0 18 20.67V5.33C18 4.6 17.4 4 16.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_10.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_10.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M23.05 11h-3V4l-5 10h3v8M12 18H4l.05-12h8m.67-2h-1.67V2h-6v2H3.38a1.33 1.33 0 0 0-1.33 1.33v15.34c0 .73.6 1.33 1.33 1.33h9.34c.73 0 1.33-.6 1.33-1.33V5.33A1.33 1.33 0 0 0 12.72 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_100.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_100.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M23 11h-3V4l-5 10h3v8M12.67 4H11V2H5v2H3.33A1.33 1.33 0 0 0 2 5.33v15.34C2 21.4 2.6 22 3.33 22h9.34c.73 0 1.33-.6 1.33-1.33V5.33A1.33 1.33 0 0 0 12.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_20.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_20.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M23.05 11h-3V4l-5 10h3v8m-6-5h-8V6h8m.67-2h-1.67V2h-6v2H3.38a1.33 1.33 0 0 0-1.33 1.33v15.34c0 .73.6 1.33 1.33 1.33h9.34c.73 0 1.33-.6 1.33-1.33V5.33A1.33 1.33 0 0 0 12.72 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_30.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_30.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M12 15H4V6h8m.67-2H11V2H5v2H3.33A1.33 1.33 0 0 0 2 5.33v15.34C2 21.4 2.6 22 3.33 22h9.34c.73 0 1.33-.6 1.33-1.33V5.33A1.33 1.33 0 0 0 12.67 4M23 11h-3V4l-5 10h3v8z" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_40.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_40.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M13 4h-2V2H5v2H3c-.6 0-1 .4-1 1v16c0 .6.4 1 1 1h10c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1m-1 10.5H4V6h8zM23 11h-3V4l-5 10h3v8" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_50.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_50.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M23 11h-3V4l-5 10h3v8m-6-9H4V6h8m.67-2H11V2H5v2H3.33A1.33 1.33 0 0 0 2 5.33v15.34C2 21.4 2.6 22 3.33 22h9.34c.73 0 1.33-.6 1.33-1.33V5.33A1.33 1.33 0 0 0 12.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_60.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_60.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M12 11H4V6h8m.67-2H11V2H5v2H3.33A1.33 1.33 0 0 0 2 5.33v15.34C2 21.4 2.6 22 3.33 22h9.34c.73 0 1.33-.6 1.33-1.33V5.33A1.33 1.33 0 0 0 12.67 4M23 11h-3V4l-5 10h3v8z" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_70.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_70.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M12 10H4V6h8m.67-2H11V2H5v2H3.33A1.33 1.33 0 0 0 2 5.33v15.34C2 21.4 2.6 22 3.33 22h9.34c.73 0 1.33-.6 1.33-1.33V5.33A1.33 1.33 0 0 0 12.67 4M23 11h-3V4l-5 10h3v8z" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_80.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_80.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M23 11h-3V4l-5 10h3v8M12 9H4V6h8m.67-2H11V2H5v2H3.33A1.33 1.33 0 0 0 2 5.33v15.34C2 21.4 2.6 22 3.33 22h9.34c.73 0 1.33-.6 1.33-1.33V5.33A1.33 1.33 0 0 0 12.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/bat_chr_90.svg
+++ b/dash-frontend/assets/dashboard/bat_chr_90.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M23 11h-3V4l-5 10h3v8M12 8H4V6h8m.67-2H11V2H5v2H3.33A1.33 1.33 0 0 0 2 5.33v15.34C2 21.4 2.6 22 3.33 22h9.34c.73 0 1.33-.6 1.33-1.33V5.33A1.33 1.33 0 0 0 12.67 4" />
+</svg>
--- a/dash-frontend/assets/dashboard/binary.svg
+++ b/dash-frontend/assets/dashboard/binary.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<g fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+		<rect width="4" height="6" x="14" y="14" rx="2" />
+		<rect width="4" height="6" x="6" y="4" rx="2" />
+		<path d="M6 20h4m4-10h4M6 14h2v6m6-16h2v6" />
+	</g>
+</svg>
--- a/dash-frontend/assets/dashboard/burger.svg
+++ b/dash-frontend/assets/dashboard/burger.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <path fill="white" d="M21 18H3v-2h18v2Zm0-5H3v-2h18v2Zm0-5H3V6h18v2Z" />
+</svg>
--- a/dash-frontend/assets/dashboard/category_search.svg
+++ b/dash-frontend/assets/dashboard/category_search.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M3 20.5q-.425 0-.712-.288T2 19.5v-6q0-.425.288-.712T3 12.5h6q.425 0 .713.288T10 13.5v6q0 .425-.288.713T9 20.5zm1-2h4v-4H4zM14.725 10h-7.45q-.575 0-.862-.513t.012-1.012L10.15 2.4q.3-.5.85-.5t.85.5l3.725 6.075q.3.5.013 1.013t-.863.512M9.05 8h3.9L11 4.85zm11.825 14.25l-1.95-1.95q-.525.35-1.137.525T16.5 21q-1.875 0-3.187-1.312T12 16.5t1.313-3.187T16.5 12t3.188 1.313T21 16.5q0 .65-.175 1.263t-.5 1.137l1.95 1.95q.275.275.275.7t-.275.7t-.7.275t-.7-.275M16.5 19q1.05 0 1.775-.725T19 16.5t-.725-1.775T16.5 14t-1.775.725T14 16.5t.725 1.775T16.5 19M11 8" />
+</svg>
--- a/dash-frontend/assets/dashboard/circle.svg
+++ b/dash-frontend/assets/dashboard/circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M12 22q-2.075 0-3.9-.788q-1.825-.787-3.175-2.137q-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175q1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138q1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175q-1.35 1.35-3.175 2.137Q14.075 22 12 22Z" />
+</svg>
--- a/dash-frontend/assets/dashboard/close.svg
+++ b/dash-frontend/assets/dashboard/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M8.4 17L7 15.6l3.6-3.6L7 8.425l1.4-1.4l3.6 3.6l3.575-3.6l1.4 1.4l-3.6 3.575l3.6 3.6l-1.4 1.4L12 13.4z" />
+</svg>
--- a/dash-frontend/assets/dashboard/cpu.svg
+++ b/dash-frontend/assets/dashboard/cpu.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 1024 1024">
+	<path fill="white" d="M320 256a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h384a64 64 0 0 0 64-64V320a64 64 0 0 0-64-64zm0-64h384a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128H320a128 128 0 0 1-128-128V320a128 128 0 0 1 128-128" />
+	<path fill="white" d="M512 64a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32m160 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32m-320 0a32 32 0 0 1 32 32v128h-64V96a32 32 0 0 1 32-32m160 896a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32m160 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32m-320 0a32 32 0 0 1-32-32V800h64v128a32 32 0 0 1-32 32M64 512a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32m0-160a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32m0 320a32 32 0 0 1 32-32h128v64H96a32 32 0 0 1-32-32m896-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32m0-160a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32m0 320a32 32 0 0 1-32 32H800v-64h128a32 32 0 0 1 32 32" />
+</svg>
--- a/dash-frontend/assets/dashboard/display.svg
+++ b/dash-frontend/assets/dashboard/display.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M2 16V4q0-.825.588-1.412T4 2h14v2H4v12zm9 6v-2H8q-.825 0-1.412-.587T6 18V8q0-.825.588-1.412T8 6h13q.825 0 1.413.588T23 8v10q0 .825-.587 1.413T21 20h-3v2zm-3-4h13V8H8zm6.5-5" />
+</svg>
--- a/dash-frontend/assets/dashboard/displayport.svg
+++ b/dash-frontend/assets/dashboard/displayport.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16">
+	<g fill="white">
+		<path d="M2.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 1 0V8h10v.5a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-.5-.5z" />
+		<path d="M1 5a1 1 0 0 0-1 1v3.191a1 1 0 0 0 .553.894l1.618.81a1 1 0 0 0 .447.105H15a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm0 1h14v4H2.618L1 9.191z" />
+	</g>
+</svg>
--- a/dash-frontend/assets/dashboard/eye.svg
+++ b/dash-frontend/assets/dashboard/eye.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <g fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+    <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0" />
+    <path d="M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" />
+  </g>
+</svg>
--- a/dash-frontend/assets/dashboard/fix_floor.svg
+++ b/dash-frontend/assets/dashboard/fix_floor.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M6 22q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h12q.825 0 1.413.588T20 4v16q0 .825-.587 1.413T18 22zm12-2V4H6v16zm0-16H6zM9 9h6l-3-3zm3 9l3-3H9z" />
+</svg>
--- a/dash-frontend/assets/dashboard/games.svg
+++ b/dash-frontend/assets/dashboard/games.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <path fill="white" d="M7 6h10a6 6 0 0 1 6 6a6 6 0 0 1-6 6c-1.78 0-3.37-.77-4.47-2h-1.06c-1.1 1.23-2.69 2-4.47 2a6 6 0 0 1-6-6a6 6 0 0 1 6-6M6 9v2H4v2h2v2h2v-2h2v-2H8V9zm9.5 3a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5a1.5 1.5 0 0 0-1.5-1.5m3-3a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5A1.5 1.5 0 0 0 18.5 9" />
+</svg>
--- a/dash-frontend/assets/dashboard/github.svg
+++ b/dash-frontend/assets/dashboard/github.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2" />
+</svg>
--- a/dash-frontend/assets/dashboard/globe.svg
+++ b/dash-frontend/assets/dashboard/globe.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M12 22q-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 12q0-.175-.012-.363t-.013-.312q-.125.725-.675 1.2T18 13h-2q-.825 0-1.412-.587T14 11v-1h-4V8q0-.825.588-1.412T12 6h1q0-.575.313-1.012t.762-.713q-.5-.125-1.012-.2T12 4Q8.65 4 6.325 6.325T4 12h5q1.65 0 2.825 1.175T13 16v1h-3v2.75q.5.125.988.188T12 20" />
+</svg>
--- a/dash-frontend/assets/dashboard/home.svg
+++ b/dash-frontend/assets/dashboard/home.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M4 21V9l8-6l8 6v12h-6v-7h-4v7Z" />
+</svg>
--- a/dash-frontend/assets/dashboard/knife.svg
+++ b/dash-frontend/assets/dashboard/knife.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 Design Icons by Pictogrammers - https://github.com/Templarian/MaterialDesign/blob/master/LICENSE -->
+	<path fill="#F22" d="M20.62 2c3.35 5.61-8.15 18.15-8.15 18.15L9.6 17.28L4.91 22l-2.14-2.14z" />
+</svg>
--- a/dash-frontend/assets/dashboard/magic_wand.svg
+++ b/dash-frontend/assets/dashboard/magic_wand.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 21L21 6l-3-3L3 18zm9-15l3 3M9 3a2 2 0 0 0 2 2a2 2 0 0 0-2 2a2 2 0 0 0-2-2a2 2 0 0 0 2-2m10 10a2 2 0 0 0 2 2a2 2 0 0 0-2 2a2 2 0 0 0-2-2a2 2 0 0 0 2-2" />
+</svg>
--- a/dash-frontend/assets/dashboard/microphone.svg
+++ b/dash-frontend/assets/dashboard/microphone.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M12 2a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3m7 9c0 3.53-2.61 6.44-6 6.93V21h-2v-3.07c-3.39-.49-6-3.4-6-6.93h2a5 5 0 0 0 5 5a5 5 0 0 0 5-5z" />
+</svg>
--- a/dash-frontend/assets/dashboard/minijack.svg
+++ b/dash-frontend/assets/dashboard/minijack.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M11 4V3c0-.55.45-1 1-1s1 .45 1 1v1zm2 5V5h-2v4H9v6c0 1.3.84 2.4 2 2.82V22h2v-4.18c1.16-.42 2-1.52 2-2.82V9z" />
+</svg>
--- a/dash-frontend/assets/dashboard/monado.svg
+++ b/dash-frontend/assets/dashboard/monado.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="vector"
+   width="24"
+   height="24"
+   viewBox="0 0 150.72 144.4"
+   version="1.1"
+   sodipodi:docname="ic_monado_notif.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   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">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="24.5"
+     inkscape:cx="10.265306"
+     inkscape:cy="15.469388"
+     inkscape:window-width="2560"
+     inkscape:window-height="1378"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="vector" />
+  <g
+     transform="translate(6.0288, 8.5612955) scale(0.92, 0.8814225)"
+     id="g_0"
+     style="fill:#ffffff">
+    <path
+       fill="#782b90"
+       d="m143.23,19.75L79.85,0.66c-2.93,-0.88 -6.05,-0.88 -8.97,0L7.49,19.75c-4.45,1.34 -7.49,5.43 -7.49,10.08v85.07c0,4.66 3.07,8.77 7.54,10.09l63.43,18.77c2.87,0.85 5.92,0.85 8.79,0l63.43,-18.77c4.47,-1.32 7.54,-5.43 7.54,-10.09L150.72,29.83c0,-4.64 -3.04,-8.74 -7.49,-10.08ZM49.02,104l-17.99,-5.35c-2.52,-0.75 -4.24,-3.06 -4.24,-5.68v-36.81l22.23,30.57v17.28ZM75.36,108.15v0l-0,-0 -0,0v-0L26.79,41.84l17.99,-5.35c2.35,-0.7 4.88,0.12 6.38,2.06l24.19,31.33 24.19,-31.33c1.5,-1.94 4.04,-2.76 6.38,-2.06l17.99,5.35 -48.56,66.3ZM123.93,92.96c0,2.62 -1.72,4.94 -4.24,5.68l-17.99,5.35v-17.28l22.23,-30.57v36.81Z"
+       id="path1"
+       style="fill:#ffffff" />
+  </g>
+</svg>
--- a/dash-frontend/assets/dashboard/panorama.svg
+++ b/dash-frontend/assets/dashboard/panorama.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M3 20q-.425 0-.712-.288T2 19V5q0-.425.288-.712T3 4q.2 0 .888.238t1.837.512t2.713.513T12 5.5t3.563-.238t2.712-.512t1.838-.513T21 4q.425 0 .713.288T22 5v14q0 .425-.288.713T21 20q-.2 0-.888-.238t-1.837-.512t-2.712-.513T12 18.5t-3.562.238t-2.713.512t-1.837.513T3 20m1-2.35q1.95-.575 3.963-.862T12 16.5t4.038.288T20 17.65V6.375q-1.95.575-3.963.85T12 7.5t-4.038-.275T4 6.375zM12 12" />
+</svg>
--- a/dash-frontend/assets/dashboard/play.svg
+++ b/dash-frontend/assets/dashboard/play.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M8 19V5l11 7z" />
+</svg>
--- a/dash-frontend/assets/dashboard/power.svg
+++ b/dash-frontend/assets/dashboard/power.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <path fill="white" d="M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12q0-2.1.788-3.912t2.137-3.163l1.4 1.4q-1.1 1.1-1.712 2.55T4 12q0 3.35 2.325 5.675T12 20t5.675-2.325T20 12q0-1.675-.612-3.125t-1.713-2.55l1.4-1.4q1.35 1.35 2.138 3.163T22 12q0 2.075-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m-1-9V2h2v11z" />
+</svg>
--- a/dash-frontend/assets/dashboard/recenter.svg
+++ b/dash-frontend/assets/dashboard/recenter.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <path fill="white" d="M11 23v-4.175L9.9 19.9l-1.4-1.4L12 15l3.5 3.5l-1.4 1.4l-1.1-1.075V23zm-5.5-7.5l-1.4-1.4L5.175 13H1v-2h4.175L4.1 9.9l1.4-1.4L9 12zm13 0L15 12l3.5-3.5l1.4 1.4l-1.075 1.1H23v2h-4.175l1.075 1.1zm-6.5-2q-.625 0-1.062-.437T10.5 12t.438-1.062T12 10.5t1.063.438T13.5 12t-.437 1.063T12 13.5M12 9L8.5 5.5l1.4-1.4L11 5.175V1h2v4.175L14.1 4.1l1.4 1.4z" />
+</svg>
--- a/dash-frontend/assets/dashboard/refresh.svg
+++ b/dash-frontend/assets/dashboard/refresh.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <path fill="white" d="M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V4h2v7h-7V9h4.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.925 0 3.475-1.1T17.65 14h2.1q-.7 2.65-2.85 4.325T12 20" />
+</svg>
--- a/dash-frontend/assets/dashboard/remove_circle.svg
+++ b/dash-frontend/assets/dashboard/remove_circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="#F55" d="M7 12c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1m5-10C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8" />
+</svg>
--- a/dash-frontend/assets/dashboard/search.svg
+++ b/dash-frontend/assets/dashboard/search.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16m0-2q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14" />
+</svg>
--- a/dash-frontend/assets/dashboard/settings.svg
+++ b/dash-frontend/assets/dashboard/settings.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <path fill="white" d="m9.25 22l-.4-3.2q-.325-.125-.612-.3t-.563-.375L4.7 19.375l-2.75-4.75l2.575-1.95Q4.5 12.5 4.5 12.338v-.675q0-.163.025-.338L1.95 9.375l2.75-4.75l2.975 1.25q.275-.2.575-.375t.6-.3l.4-3.2h5.5l.4 3.2q.325.125.613.3t.562.375l2.975-1.25l2.75 4.75l-2.575 1.95q.025.175.025.338v.674q0 .163-.05.338l2.575 1.95l-2.75 4.75l-2.95-1.25q-.275.2-.575.375t-.6.3l-.4 3.2zm2.8-6.5q1.45 0 2.475-1.025T15.55 12t-1.025-2.475T12.05 8.5q-1.475 0-2.488 1.025T8.55 12t1.013 2.475T12.05 15.5" />
+</svg>
--- a/dash-frontend/assets/dashboard/sleep.svg
+++ b/dash-frontend/assets/dashboard/sleep.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M23 12h-6v-2l3.39-4H17V4h6v2l-3.38 4H23zm-8 4H9v-2l3.39-4H9V8h6v2l-3.38 4H15zm-8 4H1v-2l3.39-4H1v-2h6v2l-3.38 4H7z" />
+</svg>
--- a/dash-frontend/assets/dashboard/terminal.svg
+++ b/dash-frontend/assets/dashboard/terminal.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="white" d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm0-2h16V8H4zm3.5-1l-1.4-1.4L8.675 13l-2.6-2.6L7.5 9l4 4zm4.5 0v-2h6v2z" />
+</svg>
--- a/dash-frontend/assets/dashboard/usage.svg
+++ b/dash-frontend/assets/dashboard/usage.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="white" d="M12 22q-2.075 0-3.9-.788t-3.175-2.15t-2.137-3.187T2 12q0-3.925 2.6-6.75t6.4-3.2v3q-2.575.35-4.288 2.313T5 12q0 2.9 2.05 4.95T12 19q1.65 0 3.088-.7t2.412-1.9l2.6 1.5q-1.35 1.875-3.475 2.988T12 22m9.15-5.95l-2.6-1.5q.225-.6.337-1.237T19 12q0-2.675-1.713-4.637T13 5.05v-3q3.8.375 6.4 3.2T22 12q0 1.1-.2 2.125t-.65 1.925" />
+</svg>
--- a/dash-frontend/assets/dashboard/volume.svg
+++ b/dash-frontend/assets/dashboard/volume.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <path fill="white" d="M19 11.975q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.063T21 11.974t-1.45 4.913t-3.875 3.287q-.4.175-.788 0t-.537-.575q-.125-.375.05-.737t.55-.538q1.85-.85 2.95-2.562t1.1-3.788M7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T10.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.513.013T14 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2" />
+</svg>
--- a/dash-frontend/assets/dashboard/volume_off.svg
+++ b/dash-frontend/assets/dashboard/volume_off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+	<path fill="#FF8888" d="M16.775 19.575q-.275.175-.55.325t-.575.275q-.375.175-.762 0t-.538-.575q-.15-.375.038-.737t.562-.538q.1-.05.188-.1t.187-.1L12 14.8v2.775q0 .675-.612.938T10.3 18.3L7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h2.2L2.1 4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l17 17q.275.275.275.7t-.275.7t-.7.275t-.7-.275zm2.225-7.6q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.05T21 11.975q0 .825-.15 1.638t-.425 1.562q-.2.55-.612.688t-.763.012t-.562-.45t-.013-.75q.275-.65.4-1.312T19 11.975m-4.225-3.55Q15.6 8.95 16.05 10t.45 2v.25q0 .125-.025.25q-.05.325-.35.425t-.55-.15L14.3 11.5q-.15-.15-.225-.337T14 10.775V8.85q0-.3.263-.437t.512.012M9.75 6.95Q9.6 6.8 9.6 6.6t.15-.35l.55-.55q.475-.475 1.087-.213t.613.938V8q0 .35-.3.475t-.55-.125z" />
+</svg>
--- a/dash-frontend/assets/dashboard/vr.svg
+++ b/dash-frontend/assets/dashboard/vr.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 15 15">
+	<path fill="white" d="m.851 5.4l.137.48zm13.298 0l.137-.481zM4.58 12.352l.44.24zm5.84 0l.438-.239zM2.996 3.757l-.464-.185zm-.961 1.057a.5.5 0 0 0 .928.372zm9.967-1.057l.464-.185zm.033 1.429a.5.5 0 1 0 .928-.372zm1.964.68V9.21h1V5.865zM11.21 12h-.542v1h.542zm-6.878 0H3.79v1h.542zM1 9.21V5.865H0V9.21zM.988 5.88a23.7 23.7 0 0 1 13.024 0l.274-.961a24.7 24.7 0 0 0-13.572 0zM3.79 12A2.79 2.79 0 0 1 1 9.21H0A3.79 3.79 0 0 0 3.79 13zm.352.113a.22.22 0 0 1 .19-.113v1a.78.78 0 0 0 .687-.408zm.877.479c1.071-1.963 3.89-1.963 4.962 0l.877-.479c-1.45-2.658-5.267-2.658-6.716 0zM10.668 12c.08 0 .152.043.19.113l-.877.479a.78.78 0 0 0 .687.408zM14 9.21A2.79 2.79 0 0 1 11.21 12v1A3.79 3.79 0 0 0 15 9.21zm1-3.345a.984.984 0 0 0-.714-.946l-.274.961A.02.02 0 0 1 14 5.865zm-14 0a.02.02 0 0 1-.012.015l-.274-.96A.984.984 0 0 0 0 5.865zm1.533-2.293l-.497 1.242l.928.372l.497-1.243zm9.006.37l.497 1.244l.928-.372l-.497-1.242zM4.854 3h5.292V2H4.854zm7.613.572A2.5 2.5 0 0 0 10.146 2v1a1.5 1.5 0 0 1 1.393.943zm-9.006.37A1.5 1.5 0 0 1 4.854 3V2a2.5 2.5 0 0 0-2.321 1.572z" />
+</svg>
--- a/dash-frontend/assets/dashboard/wayvr_dashboard.svg
+++ b/dash-frontend/assets/dashboard/wayvr_dashboard.svg
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="30"
+   height="30"
+   viewBox="0 0 7.9375004 7.9375004"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   sodipodi:docname="dashboard_logo.svg"
+   inkscape:export-filename="dashboard_logo.png"
+   inkscape:export-xdpi="409.60001"
+   inkscape:export-ydpi="409.60001"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   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="true"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="16"
+     inkscape:cx="11.8125"
+     inkscape:cy="16.78125"
+     inkscape:window-width="1836"
+     inkscape:window-height="1185"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     showguides="false">
+    <inkscape:grid
+       id="grid2"
+       units="mm"
+       originx="0"
+       originy="0"
+       spacingx="0.26458333"
+       spacingy="0.26458333"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       enabled="true"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient1"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#ad70ff;stop-opacity:1;"
+         offset="0"
+         id="stop1" />
+      <stop
+         style="stop-color:#00ffff;stop-opacity:1;"
+         offset="0.99844205"
+         id="stop2" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1"
+       id="linearGradient2"
+       x1="0"
+       y1="8.4666653"
+       x2="8.4664993"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="scale(0.93751843,0.93750002)" />
+  </defs>
+  <g
+     inkscape:label="back"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="font-variation-settings:'wght' 700;fill:url(#linearGradient2);stroke-width:0.468754;stroke-linecap:round;stroke-linejoin:round"
+       id="rect1"
+       width="7.9380002"
+       height="7.9375"
+       x="0"
+       y="0"
+       rx="1.5874999"
+       ry="1.5874999" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 1.5874998,3.7041664 v 1.3229167 h 1.3229166 v 1.3229165 l 1.3229165,-1e-7"
+       id="path3"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 1.5874998,2.6458332 V 1.5875 c 3.1749997,-2e-7 4.7624995,1.5874997 4.7624995,4.7624995 H 5.2916661"
+       id="path4"
+       sodipodi:nodetypes="cccc" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="front"
+     style="stroke-width:2.11667;stroke-dasharray:none" />
+</svg>
--- a/dash-frontend/assets/dashboard/wayvr_dashboard_mono.svg
+++ b/dash-frontend/assets/dashboard/wayvr_dashboard_mono.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="30"
+   height="30"
+   viewBox="0 0 7.9375004 7.9375004"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="mono.svg"
+   inkscape:export-filename="dashboard_logo.png"
+   inkscape:export-xdpi="409.60001"
+   inkscape:export-ydpi="409.60001"
+   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="true"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="16"
+     inkscape:cx="11.84375"
+     inkscape:cy="16.78125"
+     inkscape:window-width="1836"
+     inkscape:window-height="1080"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     showguides="false">
+    <inkscape:grid
+       id="grid2"
+       units="mm"
+       originx="0"
+       originy="0"
+       spacingx="0.26458333"
+       spacingy="0.26458333"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       enabled="true"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="back"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 1.5874998,3.7041664 v 1.3229167 h 1.3229166 v 1.3229165 l 1.3229165,-1e-7"
+       id="path3"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="M 1.5874998,2.6458332 V 1.5875 c 3.1749997,-2e-7 4.7624995,1.5874997 4.7624995,4.7624995 H 5.2916661"
+       id="path4"
+       sodipodi:nodetypes="cccc" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="front"
+     style="stroke-width:2.11667;stroke-dasharray:none" />
+</svg>
--- a/dash-frontend/assets/dashboard/window.svg
+++ b/dash-frontend/assets/dashboard/window.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+  <path fill="white" d="M16 7H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-1.103-.897-2-2-2M4 19v-8h12V9l.002 10z" />
+  <path fill="white" d="M22 5c0-1.103-.897-2-2-2H7c-1.103 0-2 .897-2 2h13.001c1.101 0 1.996.895 1.999 1.994L20.002 15H20v2c1.103 0 2-.897 2-2V8.007L22.001 8V6L22 5.99z" />
+</svg>
--- a/dash-frontend/assets/gui/dashboard.xml
+++ b/dash-frontend/assets/gui/dashboard.xml
@@ -0,0 +1,148 @@
+<layout>
+  <include src="theme.xml" />
+
+  <theme>
+    <var key="side_size" value="48" />
+    <var key="side_sprite_size" value="26" />
+    <var key="side_button_size" value="48" />
+  </theme>
+
+  <template name="SideButton">
+    <Button
+      id="${id}"
+      round="100%"
+      width="~side_button_size"
+      height="~side_button_size"
+      color="#44444400"
+      hover_color="#333333ff"
+      hover_border_color="#555555ff"
+      tooltip="${tooltip}"
+      tooltip_side="${tooltip_side}"
+    >
+      <sprite src="${src}" width="~side_sprite_size" height="~side_sprite_size" />
+    </Button>
+  </template>
+
+  <elements>
+    <!-- background for testing -->
+    <!-- <rectangle position="absolute" color="#333333" width="100%" height="100%" /> -->
+
+    <!-- left/right separator (menu and rest) -->
+    <div flex_direction="row" gap="8" width="100%" height="100%">
+      <!-- LEFT MENU -->
+      <div id="menu"
+        width="~size_size"
+        min_width="~side_size"
+        max_width="~side_size"
+        height="100%"
+        align_items="center"
+        justify_content="center">
+        <rectangle
+          width="100%"
+          round="100%"
+          color="~color_menu_dark"
+          flex_direction="column"
+          justify_content="center"
+          align_items="center"
+          gap="4"
+        >
+          <SideButton id="btn_side_home" src="dashboard/wayvr_dashboard_mono.svg" tooltip="HOME_SCREEN" tooltip_side="right" />
+          <SideButton id="btn_side_apps" src="dashboard/apps.svg" tooltip="APPLICATIONS" tooltip_side="right" />
+          <SideButton id="btn_side_games" src="dashboard/games.svg" tooltip="GAMES" tooltip_side="right" />
+          <SideButton id="btn_side_monado" src="dashboard/monado.svg" tooltip="MONADO_RUNTIME" tooltip_side="right" />
+          <SideButton id="btn_side_processes" src="dashboard/window.svg" tooltip="PROCESSES" tooltip_side="right" />
+          <rectangle height="2" color="#FFFFFF33" width="~side_sprite_size" />
+          <SideButton id="btn_side_settings" src="dashboard/settings.svg" tooltip="SETTINGS" tooltip_side="right" />
+        </rectangle>
+      </div>
+      <!-- REST -->
+      <!-- content/bottom panel separator -->
+      <div
+        flex_direction="column"
+        gap="8"
+        width="100%"
+        height="100%"
+        overflow_x="scroll">
+        <!-- CONTENT -->
+
+        <!-- color and color2 alpha will be modified at runtime -->
+        <rectangle
+          id="rect_content"
+          color2="#0d131a00"
+          color="#24417900"
+          gradient="vertical"
+          round="8"
+          flex_grow="1"
+          width="100%"
+          overflow_y="scroll"
+        >
+          <!-- radial gradient -->
+          <rectangle
+            position="absolute" width="100%" height="100%"
+            gradient="radial" color="#44BBFF22" color2="#00000000" />
+
+          <div
+            id="content"
+            flex_direction="column"
+            overflow_x="scroll"
+            overflow_y="scroll"
+            padding_top="8"
+            padding_bottom="8"
+            padding_left="16"
+            padding_right="16"
+            gap="8"
+            width="100%"
+            min_height="100%"
+          >
+            <!-- filled-in at runtime -->
+          </div>
+
+          <div position="absolute" id="popup_manager" width="100%" height="100%" />
+        </rectangle>
+        <!-- BOTTOM PANEL -->
+        <rectangle
+          width="100%"
+          height="48"
+          min_height="48"
+          max_height="48"
+          box_sizing="border_box"
+          round="8"
+          flex_direction="row"
+          align_items="center"
+          justify_content="space_between"
+          color="~color_bottom_panel"
+        >
+          <!-- left gradient -->
+          <div position="absolute" width="100%" height="100%" justify_content="start">
+            <rectangle position="absolute" width="40%" height="100%" color="#0a0a0a" color2="#0a0a0a00" round="8" gradient="horizontal" />
+          </div>
+
+          <!-- right gradient -->
+          <div position="absolute" width="100%" height="100%" justify_content="end">
+            <rectangle position="absolute" width="40%" height="100%" color2="#0a0a0a" color="#0a0a0a00" round="8" gradient="horizontal" />
+          </div>
+
+          <!-- top shine -->
+          <div position="absolute" width="100%" height="100%" justify_content="center">
+            <rectangle position="absolute" width="99%" height="2" color="#FFFFFF66" round="4" />
+          </div>
+
+          <!-- Left bottom side -->
+          <div margin_left="8">
+            <Button id="btn_audio" color="#FFFFFF00" border_color="#FFFFFF00" tooltip="AUDIO.VOLUME" tooltip_side="top">
+              <sprite src="dashboard/volume.svg" width="24" height="24" margin="8" />
+            </Button>
+            <Button id="btn_recenter" color="#FFFFFF00" border_color="#FFFFFF00" tooltip="ACTIONS.RECENTER_PLAYSPACE" tooltip_side="top">
+              <sprite src="dashboard/recenter.svg" width="24" height="24" margin="8" />
+            </Button>
+          </div>
+
+          <!-- Right bottom side -->
+          <div margin_right="16">
+            <label id="label_time" size="16" weight="light" />
+          </div>
+        </rectangle>
+      </div>
+    </div>
+  </elements>
+</layout>
--- a/dash-frontend/assets/gui/t_group_box.xml
+++ b/dash-frontend/assets/gui/t_group_box.xml
@@ -0,0 +1,22 @@
+<layout>
+  <include src="theme.xml" />
+
+  <macro name="group_box"
+    flex_direction="column"
+    align_items="baseline"
+    border="2"
+    color="#00000055"
+    border_color="#FFFFFF66"
+    padding="12"
+    gap="8"
+    round="8" />
+
+  <!-- src, text, translation -->
+  <template name="GroupBoxTitle">
+    <div flex_direction="row" align_items="center" gap="8">
+      <sprite src="${src}" width="24" height="24" />
+      <label text="${text}" translation="${translation}" weight="bold" size="18" />
+    </div>
+    <rectangle color="#FFFFFF44" width="100%" height="2" />
+  </template>
+</layout>
--- a/dash-frontend/assets/gui/t_menu_button.xml
+++ b/dash-frontend/assets/gui/t_menu_button.xml
@@ -0,0 +1,23 @@
+<layout>
+  <include src="theme.xml" />
+
+  <template name="MenuButton">
+    <Button
+      id="${id}"
+      width="120"
+      height="82"
+      color="#00000033"
+      border_color="#FFFFFF77"
+      hover_color="~color_accent"
+      hover_border_color="#FFFFFF"
+      round="8">
+      <div gap="8"
+        align_items="center"
+        justify_content="center"
+        flex_direction="column">
+        <sprite src="${icon}" width="32" height="32" />
+        <label weight="bold" size="18" text="${text}" translation="${translation}" />
+      </div>
+    </Button>
+  </template>
+</layout>
--- a/dash-frontend/assets/gui/t_separator.xml
+++ b/dash-frontend/assets/gui/t_separator.xml
@@ -0,0 +1,5 @@
+<layout>
+  <template name="Separator">
+    <rectangle width="100%" height="1" color="#FFFFFF77" />
+  </template>
+</layout>
--- a/dash-frontend/assets/gui/tab/apps.xml
+++ b/dash-frontend/assets/gui/tab/apps.xml
@@ -0,0 +1,42 @@
+<layout>
+  <include src="t_tab_title.xml" />
+
+  <template name="AppEntry">
+    <Button
+      id="button" width="116" max_width="140" min_height="100" flex_grow="1"
+      flex_direction="column" overflow="visible" align_items="center" justify_content="center" gap="8">
+      <div>
+        <sprite src="${src}" src_ext="${src_ext}" width="64" height="64" />
+      </div>
+      <div align_items="center" justify_content="center">
+        <label weight="bold" text="${name}" size="12" />
+      </div>
+    </Button>
+  </template>
+
+  <elements>
+    <TabTitle translation="APPLICATIONS" icon="dashboard/apps.svg" />
+    <!-- placeholders for now -->
+    <div gap="4" align_items="center">
+      <Button width="48" height="38">
+        <sprite src="dashboard/alphabetical.svg" width="24" height="24" />
+      </Button>
+      <Button width="48" height="38">
+        <sprite src="dashboard/category_search.svg" width="24" height="24" />
+      </Button>
+      <sprite src="dashboard/search.svg" width="24" height="24" />
+      <!-- placeholder editbox -->
+      <rectangle flex_grow="1" height="100%" color="#1d2e51" border_color="#294774" border="2" round="4" align_items="center" padding_left="12">
+        <label text="Search" color="#FFFFFF88" weight="bold" />
+      </rectangle>
+    </div>
+    <div
+      id="app_list_parent"
+      flex_direction="row"
+      flex_wrap="wrap"
+      justify_content="center"
+      gap="4"
+      overflow_y="scroll"
+    />
+  </elements>
+</layout>
--- a/dash-frontend/assets/gui/tab/games.xml
+++ b/dash-frontend/assets/gui/tab/games.xml
@@ -0,0 +1,7 @@
+<layout>
+  <include src="t_tab_title.xml" />
+
+  <elements>
+    <TabTitle translation="GAMES" icon="dashboard/games.svg" />
+  </elements>
+</layout>
--- a/dash-frontend/assets/gui/tab/home.xml
+++ b/dash-frontend/assets/gui/tab/home.xml
@@ -0,0 +1,24 @@
+<layout>
+  <include src="../t_menu_button.xml" />
+
+  <elements>
+    <div
+      flex_direction="column"
+      justify_content="center"
+      align_items="center"
+      flex_grow="1"
+      gap="24">
+      <sprite src="dashboard/wayvr_dashboard.svg" width="96" height="96" />
+      <label id="label_hello" size="32" weight="bold" />
+
+      <!-- main button list -->
+      <div flex_direction="row" gap="8">
+        <MenuButton id="btn_apps" icon="dashboard/apps.svg" translation="APPLICATIONS" />
+        <MenuButton id="btn_games" icon="dashboard/games.svg" translation="GAMES" />
+        <MenuButton id="btn_monado" icon="dashboard/monado.svg" text="Monado" />
+        <MenuButton id="btn_processes" icon="dashboard/window.svg" translation="PROCESSES" />
+        <MenuButton id="btn_settings" icon="dashboard/settings.svg" translation="SETTINGS" />
+      </div>
+    </div>
+  </elements>
+</layout>
--- a/dash-frontend/assets/gui/tab/monado.xml
+++ b/dash-frontend/assets/gui/tab/monado.xml
@@ -0,0 +1,7 @@
+<layout>
+  <include src="t_tab_title.xml" />
+
+  <elements>
+    <TabTitle translation="MONADO_RUNTIME" icon="dashboard/monado.svg" />
+  </elements>
+</layout>
--- a/dash-frontend/assets/gui/tab/processes.xml
+++ b/dash-frontend/assets/gui/tab/processes.xml
@@ -0,0 +1,7 @@
+<layout>
+  <include src="t_tab_title.xml" />
+
+  <elements>
+    <TabTitle translation="PROCESSES" icon="dashboard/window.svg" />
+  </elements>
+</layout>
--- a/dash-frontend/assets/gui/tab/settings.xml
+++ b/dash-frontend/assets/gui/tab/settings.xml
@@ -0,0 +1,61 @@
+<layout>
+  <include src="t_tab_title.xml" />
+  <include src="../t_group_box.xml" />
+
+  <elements>
+    <TabTitle translation="SETTINGS" icon="dashboard/settings.svg" />
+
+
+    <div flex_wrap="wrap" justify_content="stretch" gap="4">
+      <!-- Home screen -->
+      <rectangle macro="group_box">
+        <GroupBoxTitle translation="HOME_SCREEN" src="dashboard/wayvr_dashboard.svg" />
+        <CheckBox id="cb_hide_username" translation="APP_SETTINGS.HIDE_USERNAME" />
+      </rectangle>
+
+      <!-- General settings -->
+      <rectangle macro="group_box">
+        <GroupBoxTitle translation="GENERAL_SETTINGS" src="dashboard/settings.svg" />
+        <CheckBox id="cb_am_pm_clock" text="AM/PM clock" />
+        <CheckBox id="cb_opaque_background" translation="APP_SETTINGS.OPAQUE_BACKGROUND" />
+      </rectangle>
+
+      <!-- Application launcher -->
+      <rectangle macro="group_box">
+        <GroupBoxTitle translation="APPLICATION_LAUNCHER" src="dashboard/apps.svg" />
+        <CheckBox id="cb_xwayland_by_default" translation="APP_SETTINGS.RUN_IN_XWAYLAND_MODE_BY_DEFAULT" />
+      </rectangle>
+
+      <!-- headset settings -->
+      <rectangle macro="group_box">
+        <GroupBoxTitle translation="APP_SETTINGS.HEADSET_SETTINGS" src="dashboard/vr.svg" />
+        <label translation="APP_SETTINGS.BRIGHTNESS" />
+        <Slider width="100" height="24" min_value="0.0" max_value="100.0" />
+      </rectangle>
+
+      <!-- wlx-overlay-s settings -->
+      <rectangle macro="group_box">
+        <GroupBoxTitle translation="APP_SETTINGS.WLX_OVERLAY_S_SETTINGS" src="dashboard/vr.svg" />
+        <CheckBox translation="APP_SETTINGS.WLX.NOTIFICATIONS_ENABLED" />
+        <CheckBox translation="APP_SETTINGS.WLX.NOTIFICATIONS_SOUND_ENABLED" />
+        <CheckBox translation="APP_SETTINGS.WLX.KEYBOARD_SOUND_ENABLED" />
+        <CheckBox translation="APP_SETTINGS.WLX.BLOCK_GAME_INPUT" />
+        <label translation="APP_SETTINGS.WLX.SPACE_DRAG_MULTIPLIER" />
+        <Slider width="100" height="24" min_value="0.0" max_value="3.0" />
+        <CheckBox translation="APP_SETTINGS.WLX.SPACE_DRAG_ROTATION_ENABLED" />
+        <CheckBox translation="APP_SETTINGS.WLX.SHOW_SKYBOX" />
+        <CheckBox translation="APP_SETTINGS.WLX.ENABLE_PASSTHROUGH" />
+      </rectangle>
+    </div>
+
+    <div>
+      <!-- TODO: icon support in buttons -->
+      <Button color="#AA3333" height="32">
+        <div margin_left="8" margin_right="8" gap="4" align_items="center">
+          <sprite src="dashboard/refresh.svg" width="24" height="24" />
+          <label weight="bold" translation="APP_SETTINGS.RESTART_SOFTWARE" />
+        </div>
+      </Button>
+    </div>
+  </elements>
+</layout>
--- a/dash-frontend/assets/gui/tab/t_tab_title.xml
+++ b/dash-frontend/assets/gui/tab/t_tab_title.xml
@@ -0,0 +1,9 @@
+<layout>
+  <!-- translation, icon -->
+  <template name="TabTitle">
+    <div gap="8" align_items="center">
+      <sprite src="${icon}" width="24" height="24" />
+      <label translation="${translation}" size="18" weight="bold" />
+    </div>
+  </template>
+</layout>
--- a/dash-frontend/assets/gui/theme.xml
+++ b/dash-frontend/assets/gui/theme.xml
@@ -0,0 +1,7 @@
+<layout>
+  <theme>
+    <var key="color_menu_dark" value="#0A0A0ACC" />
+    <var key="color_accent" value="#008cff" />
+    <var key="color_bottom_panel" value="#141e28" />
+  </theme>
+</layout>
--- a/dash-frontend/assets/gui/view/app_launcher.xml
+++ b/dash-frontend/assets/gui/view/app_launcher.xml
@@ -0,0 +1,40 @@
+<layout>
+  <template name="Subtext">
+    <div flex_direction="row" gap="8">
+      <label weight="bold" text="${title}" />
+      <label text="foo" />
+    </div>
+  </template>
+
+  <template name="ApplicationIcon">
+    <sprite src_ext="${path}" width="128" height="128" />
+  </template>
+
+  <include src="../t_separator.xml" />
+  <include src="../t_group_box.xml" />
+
+  <elements>
+    <div flex_direction="row" gap="16" width="100%">
+      <rectangle macro="group_box" id="icon_parent" height="100%" padding="8" color="#0033aa66" color2="#00000022" gradient="vertical" justify_content="center">
+
+      </rectangle>
+      <div flex_direction="column" gap="8" width="100%" align_items="baseline">
+        <label id="label_title" weight="bold" size="32" />
+        <Subtext title="Exec:" />
+        <Subtext title="Args:" />
+        <Separator />
+        <CheckBox text="Run in X11 mode (cage)" />
+        <CheckBox text="Run in Wayland mode" checked="1" />
+        <Separator />
+        <Button color="#44ce22FF" padding_top="4" padding_bottom="4" round="8" padding_right="12">
+          <sprite src="dashboard/play.svg" width="32" height="32" />
+          <label text="Launch embedded" weight="bold" size="17" shadow="#00000099" />
+        </Button>
+        <Separator />
+        <rectangle macro="group_box">
+          <label size="16" weight="bold" text="Or launch it detached" />
+        </rectangle>
+      </div>
+    </div>
+  </elements>
+</layout>
--- a/dash-frontend/assets/gui/view/audio_settings.xml
+++ b/dash-frontend/assets/gui/view/audio_settings.xml
@@ -0,0 +1,68 @@
+<layout>
+  <include src="../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" />
+        <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" />
+        <Slider id="slider" flex_grow="1" height="16" min_value="0" max_value="150" margin_left="8" />
+      </div>
+    </rectangle>
+  </template>
+
+  <!-- card_name, profile_name -->
+  <template name="Card">
+    <rectangle macro="group_box">
+      <div width="100%" align_items="center" justify_content="center">
+        <label text="${card_name}" size="12" weight="bold" />
+      </div>
+      <Button id="btn_card" text="${profile_name}" width="100%" height="32" />
+    </rectangle>
+  </template>
+
+  <template name="SelectAudioProfileText">
+    <div align_items="center" gap="8">
+      <Button width="48" height="32" id="btn_back">
+        <sprite src="dashboard/back.svg" width="24" height="24" />
+      </Button>
+      <label translation="AUDIO.SELECT_AUDIO_CARD_PROFILE" size="14" weight="bold" />
+    </div>
+  </template>
+
+  <!-- id (Button), src, translation -->
+  <template name="BottomButton">
+    <Button
+      flex_grow="1"
+      id="${id}"
+      translation="${translation}"
+      sprite_src="${src}">
+    </Button>
+  </template>
+
+  <elements>
+    <div id="devices" flex_direction="column" gap="4">
+
+    </div>
+
+    <!-- bottom buttons -->
+    <div flex_direction="row" gap="4">
+      <Button
+        id="btn_auto"
+        sprite_src="dashboard/magic_wand.svg"
+        min_width="32"
+        tooltip="AUDIO.AUTO_SWITCH_TO_VR_AUDIO"
+        color="~color_accent"
+        tooltip_side="right" />
+
+      <BottomButton id="btn_sinks" src="dashboard/volume.svg" translation="AUDIO.SPEAKERS" />
+      <BottomButton id="btn_sources" src="dashboard/microphone.svg" translation="AUDIO.MICROPHONES" />
+      <BottomButton id="btn_cards" src="dashboard/cpu.svg" translation="AUDIO.CARDS" />
+    </div>
+  </elements>
+</layout>
--- a/dash-frontend/assets/gui/view/popup_window.xml
+++ b/dash-frontend/assets/gui/view/popup_window.xml
@@ -0,0 +1,45 @@
+<layout>
+  <include src="../theme.xml" />
+
+  <elements>
+    <div
+      id="root"
+      new_pass="1"
+      width="100%"
+      height="100%"
+      flex_direction="column"
+    >
+      <!-- Top black bar -->
+      <rectangle
+        position="relative"
+        color="#000000"
+        round="4"
+        width="100%" height="48"
+      >
+
+        <!-- Shine effect at the top -->
+        <rectangle position="absolute" width="100%" height="2" round="4" color="#ffffff55" />
+
+        <!-- Top bar contents -->
+        <div gap="16" align_items="center">
+          <!-- Back button -->
+          <Button id="but_back" width="48" height="48" color="#ffffff00" border_color="#ffffff00">
+            <sprite src="dashboard/back.svg" width="24" height="24" />
+          </Button>
+
+          <!-- Title -->
+          <label id="popup_title" weight="bold" size="18" />
+        </div>
+      </rectangle>
+
+      <!-- Content -->
+      <rectangle width="100%" height="100%"
+        color="#010310ee"
+        color2="#062a5eee"
+        gradient="vertical"
+        padding="16"
+        id="content">
+      </rectangle>
+    </div>
+  </elements>
+</layout>
--- a/dash-frontend/assets/lang/de.json
+++ b/dash-frontend/assets/lang/de.json
@@ -0,0 +1,49 @@
+{
+  "HOME_SCREEN": "Startbildschirm",
+  "MONADO_RUNTIME": "„Monado”-Laufzeitumgebung",
+  "APPLICATIONS": "Anwendungen",
+  "GAMES": "Spiele",
+  "SETTINGS": "Einstellungen",
+  "PROCESSES": "Prozesse",
+  "HELLO_USER": "Hallo, {USER}!",
+  "GENERAL_SETTINGS": "Allgemeine Einstellungen",
+  "APPLICATION_LAUNCHER": "Anwendung Launcher",
+  "APP_SETTINGS": {
+    "HIDE_USERNAME": "Benutzernamen ausblenden",
+    "OPAQUE_BACKGROUND": "Undurchsichtiger Hintergrund",
+    "RUN_IN_XWAYLAND_MODE_BY_DEFAULT": "Standardmäßig in XWayland-Modus ausführen",
+    "WLX_OVERLAY_S_SETTINGS": "WlxOverlay-S Einstellungen",
+    "HEADSET_SETTINGS": "Headset-Einstellungen",
+    "BRIGHTNESS": "Helligkeit",
+    "WLX": {
+      "NOTIFICATIONS_ENABLED": "Benachrichtigungen aktiviert",
+      "NOTIFICATIONS_SOUND_ENABLED": "Benachrichtigungssound aktiviert",
+      "KEYBOARD_SOUND_ENABLED": "Tastaturgeräusch aktiviert",
+      "BLOCK_GAME_INPUT": "Spielsteuerung blockieren",
+      "SPACE_DRAG_MULTIPLIER": "Raum-Drag-Multiplikator",
+      "SPACE_DRAG_ROTATION_ENABLED": "Rotation im Space-Drag aktivieren",
+      "SHOW_SKYBOX": "Skybox anzeigen",
+      "ENABLE_PASSTHROUGH": "Passthrough aktivieren"
+    },
+    "RESTART_SOFTWARE": "Software neu starten"
+  },
+  "HELLO": "Hallo!",
+  "AUDIO": {
+    "VOLUME": "Lautstärke",
+    "SETTINGS": "Audioeinstellungen",
+    "AUTO_SWITCH_TO_VR_AUDIO": "Automatisch auf VR-Audio umschalten",
+    "SPEAKERS": "Lautsprecher",
+    "MICROPHONES": "Mikrofone",
+    "CARDS": "Karten",
+    "SELECT_AUDIO_CARD_PROFILE": "Wählen Sie das Audio-Kartenprofil",
+    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "Keine VR-Lautsprecher gefunden. Schalten Sie diese manuell um.",
+    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "Kein VR-Mikrofon gefunden. Schalten Sie es manuell um.",
+    "FAILED_TO_SWITCH_MICROPHONE": "Fehler beim Wechseln des Mikrofons",
+    "MICROPHONE_SET_SUCCESSFULLY": "Mikrofon erfolgreich eingestellt",
+    "SPEAKERS_SET_SUCCESSFULLY": "Lautsprecher erfolgreich eingestellt",
+    "DEVICE_FOUND_AND_INITIALIZED_BUT_NOT_SWITCHED": "Gerät gefunden und initialisiert, aber nicht umgeschaltet"
+  },
+  "ACTIONS": {
+    "RECENTER_PLAYSPACE": "Playspace neu zentrieren"
+  }
+}
--- a/dash-frontend/assets/lang/en.json
+++ b/dash-frontend/assets/lang/en.json
@@ -0,0 +1,49 @@
+{
+	"HOME_SCREEN": "Home",
+	"MONADO_RUNTIME": "„Monado” runtime",
+	"APPLICATIONS": "Applications",
+	"GAMES": "Games",
+	"SETTINGS": "Settings",
+	"PROCESSES": "Processes",
+	"HELLO_USER": "Hello, {USER}!",
+	"HELLO": "Hello!",
+	"GENERAL_SETTINGS": "General settings",
+	"APPLICATION_LAUNCHER": "Application launcher",
+	"APP_SETTINGS": {
+		"RESTART_SOFTWARE": "Restart software",
+		"HIDE_USERNAME": "Hide username",
+		"OPAQUE_BACKGROUND": "Opaque background",
+		"RUN_IN_XWAYLAND_MODE_BY_DEFAULT": "Run in XWayland mode by default",
+		"WLX_OVERLAY_S_SETTINGS": "WlxOverlay-S settings",
+		"HEADSET_SETTINGS": "Headset settings",
+		"BRIGHTNESS": "Brightness",
+		"WLX": {
+			"NOTIFICATIONS_ENABLED": "Notifications enabled",
+			"NOTIFICATIONS_SOUND_ENABLED": "Notifications sound enabled",
+			"KEYBOARD_SOUND_ENABLED": "Keyboard sound enabled",
+			"BLOCK_GAME_INPUT": "Block game input",
+			"SPACE_DRAG_MULTIPLIER": "Space-drag multiplier",
+			"SPACE_DRAG_ROTATION_ENABLED": "Enable rotation in space-drag",
+			"SHOW_SKYBOX": "Show skybox",
+			"ENABLE_PASSTHROUGH": "Enable passthrough"
+		}
+	},
+	"AUDIO": {
+		"SELECT_AUDIO_CARD_PROFILE": "Select audio card profile",
+		"SETTINGS": "Audio settings",
+		"VOLUME": "Volume",
+		"AUTO_SWITCH_TO_VR_AUDIO": "Auto-switch to VR audio",
+		"SPEAKERS": "Speakers",
+		"MICROPHONES": "Microphones",
+		"CARDS": "Cards",
+		"NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "No VR speakers found. Switch them manually.",
+		"NO_VR_MICROPHONE_SWITCH_MANUALLY": "No VR microphone found. Switch it manually.",
+		"FAILED_TO_SWITCH_MICROPHONE": "Failed to switch microphone",
+		"MICROPHONE_SET_SUCCESSFULLY": "Microphone set successfully",
+		"SPEAKERS_SET_SUCCESSFULLY": "Speakers set successfully",
+		"DEVICE_FOUND_AND_INITIALIZED_BUT_NOT_SWITCHED": "Device found and initialized, but not switched"
+	},
+	"ACTIONS": {
+		"RECENTER_PLAYSPACE": "Re-center playspace"
+	}
+}
--- a/dash-frontend/assets/lang/es.json
+++ b/dash-frontend/assets/lang/es.json
@@ -0,0 +1,49 @@
+{
+  "HOME_SCREEN": "Inicio",
+  "MONADO_RUNTIME": "„Monado” tiempo de ejecución",
+  "APPLICATIONS": "Aplicaciones",
+  "GAMES": "Juegos",
+  "SETTINGS": "Ajustes",
+  "PROCESSES": "Procesos",
+  "HELLO_USER": "¡Hola, {USER}!",
+  "GENERAL_SETTINGS": "Ajustes generales",
+  "APPLICATION_LAUNCHER": "Lanzador de aplicaciones",
+  "APP_SETTINGS": {
+    "HIDE_USERNAME": "Ocultar nombre de usuario",
+    "OPAQUE_BACKGROUND": "Fondo opaco",
+    "RUN_IN_XWAYLAND_MODE_BY_DEFAULT": "Ejecutar en modo XWayland por defecto",
+    "WLX_OVERLAY_S_SETTINGS": "Configuración de WlxOverlay-S",
+    "HEADSET_SETTINGS": "Configuración del casco",
+    "BRIGHTNESS": "Brillo",
+    "WLX": {
+      "NOTIFICATIONS_ENABLED": "Notificaciones activadas",
+      "NOTIFICATIONS_SOUND_ENABLED": "Sonido de notificaciones activado",
+      "KEYBOARD_SOUND_ENABLED": "Sonido del teclado activado",
+      "BLOCK_GAME_INPUT": "Bloquear entrada del juego",
+      "SPACE_DRAG_MULTIPLIER": "Multiplicador de movimiento por arrastre",
+      "SPACE_DRAG_ROTATION_ENABLED": "Habilitar rotación en space-drag",
+      "SHOW_SKYBOX": "Mostrar cielo",
+      "ENABLE_PASSTHROUGH": "Habilitar Passthrough"
+    },
+    "RESTART_SOFTWARE": "Reiniciar software"
+  },
+  "HELLO": "¡Hola!",
+  "AUDIO": {
+    "VOLUME": "Volumen",
+    "SETTINGS": "Configuración de audio",
+    "AUTO_SWITCH_TO_VR_AUDIO": "Conmutar automáticamente al audio VR",
+    "SPEAKERS": "Altavoces",
+    "MICROPHONES": "Micrófonos",
+    "CARDS": "Tarjetas",
+    "SELECT_AUDIO_CARD_PROFILE": "Seleccionar perfil de tarjeta de audio",
+    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "No se encontraron altavoces VR. Actívelos manualmente.",
+    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "No se encontró micrófono VR. Actívelo manualmente.",
+    "FAILED_TO_SWITCH_MICROPHONE": "No se pudo cambiar el micrófono",
+    "MICROPHONE_SET_SUCCESSFULLY": "Micrófono configurado correctamente",
+    "SPEAKERS_SET_SUCCESSFULLY": "Altavoces configurados correctamente",
+    "DEVICE_FOUND_AND_INITIALIZED_BUT_NOT_SWITCHED": "Dispositivo encontrado e inicializado, pero no cambiado"
+  },
+  "ACTIONS": {
+    "RECENTER_PLAYSPACE": "Re-centrar espacio de juego"
+  }
+}
--- a/dash-frontend/assets/lang/ja.json
+++ b/dash-frontend/assets/lang/ja.json
@@ -0,0 +1,49 @@
+{
+  "HOME_SCREEN": "ホーム",
+  "MONADO_RUNTIME": "「Monado」ランタイム",
+  "APPLICATIONS": "アプリケーション",
+  "GAMES": "ゲーム",
+  "SETTINGS": "設定",
+  "PROCESSES": "プロセス",
+  "HELLO_USER": "こんにちは、{USER}！",
+  "GENERAL_SETTINGS": "全般設定",
+  "APPLICATION_LAUNCHER": "アプリケーションランチャー",
+  "APP_SETTINGS": {
+    "HIDE_USERNAME": "ユーザー名を表示しない",
+    "OPAQUE_BACKGROUND": "不透明な背景",
+    "RUN_IN_XWAYLAND_MODE_BY_DEFAULT": "XWaylandモードでデフォルトで実行する",
+    "WLX_OVERLAY_S_SETTINGS": "WlxOverlay-Sの設定",
+    "HEADSET_SETTINGS": "ヘッドセット設定",
+    "BRIGHTNESS": "明るさ",
+    "WLX": {
+      "NOTIFICATIONS_ENABLED": "通知が有効",
+      "NOTIFICATIONS_SOUND_ENABLED": "通知音を有効にする",
+      "KEYBOARD_SOUND_ENABLED": "キーボード音を有効にする",
+      "BLOCK_GAME_INPUT": "ゲーム入力をブロック",
+      "SPACE_DRAG_MULTIPLIER": "スペースドラッグ乗数",
+      "SPACE_DRAG_ROTATION_ENABLED": "スペースドラッグでの回転を有効にする",
+      "SHOW_SKYBOX": "スカイボックスを表示",
+      "ENABLE_PASSTHROUGH": "Passthroughを有効にする"
+    },
+    "RESTART_SOFTWARE": "ソフトウェアを再起動"
+  },
+  "HELLO": "こんにちは！",
+  "AUDIO": {
+    "VOLUME": "音量",
+    "SETTINGS": "オーディオ設定",
+    "AUTO_SWITCH_TO_VR_AUDIO": "VRオーディオに自動切り替え",
+    "SPEAKERS": "スピーカー",
+    "MICROPHONES": "マイク",
+    "CARDS": "カード",
+    "SELECT_AUDIO_CARD_PROFILE": "オーディオカードプロファイルを選択",
+    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "VRスピーカーが見つかりませんでした。手動で切り替えてください。",
+    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "VRマイクが見つかりませんでした。手動で切り替えてください。",
+    "FAILED_TO_SWITCH_MICROPHONE": "マイクの切り替えに失敗しました",
+    "MICROPHONE_SET_SUCCESSFULLY": "マイクの設定が完了しました",
+    "SPEAKERS_SET_SUCCESSFULLY": "スピーカーを設定しました",
+    "DEVICE_FOUND_AND_INITIALIZED_BUT_NOT_SWITCHED": "デバイスが見つかり、初期化されましたが、切り替えられていません"
+  },
+  "ACTIONS": {
+    "RECENTER_PLAYSPACE": "プレイスペースを再中央"
+  }
+}
--- a/dash-frontend/assets/lang/pl.json
+++ b/dash-frontend/assets/lang/pl.json
@@ -0,0 +1,49 @@
+{
+  "HOME_SCREEN": "Ekran główny",
+  "MONADO_RUNTIME": "„Monado” środowisko uruchomieniowe",
+  "APPLICATIONS": "Aplikacje",
+  "GAMES": "Gry",
+  "SETTINGS": "Ustawienia",
+  "PROCESSES": "Procesy",
+  "HELLO_USER": "Witaj, {USER}!",
+  "GENERAL_SETTINGS": "Ustawienia ogólne",
+  "APPLICATION_LAUNCHER": "Uruchamiacz aplikacji",
+  "APP_SETTINGS": {
+    "HIDE_USERNAME": "Ukryj nazwę użytkownika",
+    "OPAQUE_BACKGROUND": "Nieprzezroczyste tło",
+    "RUN_IN_XWAYLAND_MODE_BY_DEFAULT": "Uruchom domyślnie w trybie XWayland",
+    "WLX_OVERLAY_S_SETTINGS": "Ustawienia wlx-overlay-s",
+    "HEADSET_SETTINGS": "Ustawienia HMD",
+    "BRIGHTNESS": "Jasność",
+    "WLX": {
+      "NOTIFICATIONS_ENABLED": "Powiadomienia",
+      "NOTIFICATIONS_SOUND_ENABLED": "Dźwięk powiadomień",
+      "KEYBOARD_SOUND_ENABLED": "Dźwięki klawiatury",
+      "BLOCK_GAME_INPUT": "Zablokuj sterowanie grą podczas używania Wlx",
+      "SPACE_DRAG_MULTIPLIER": "Mnożnik space-drag",
+      "SPACE_DRAG_ROTATION_ENABLED": "Włącz rotację w space-drag",
+      "SHOW_SKYBOX": "Pokaż skybox",
+      "ENABLE_PASSTHROUGH": "Włącz passthrough"
+    },
+    "RESTART_SOFTWARE": "Uruchom ponownie oprogramowanie"
+  },
+  "HELLO": "Witaj!",
+  "AUDIO": {
+    "VOLUME": "Głośność",
+    "SETTINGS": "Ustawienia dźwięku",
+    "AUTO_SWITCH_TO_VR_AUDIO": "Automatyczne przełączanie na dźwięk VR",
+    "SPEAKERS": "Głośniki",
+    "MICROPHONES": "Mikrofony",
+    "CARDS": "Karty",
+    "SELECT_AUDIO_CARD_PROFILE": "Wybierz profil karty dźwiękowej",
+    "NO_VR_SPEAKERS_FOUND_SWITCH_MANUALLY": "Brak głośników VR. Włącz je ręcznie.",
+    "NO_VR_MICROPHONE_SWITCH_MANUALLY": "Brak mikrofonu VR. Włącz go ręcznie.",
+    "FAILED_TO_SWITCH_MICROPHONE": "Nie udało się przełączyć mikrofon",
+    "MICROPHONE_SET_SUCCESSFULLY": "Mikrofon ustawiono pomyślnie",
+    "SPEAKERS_SET_SUCCESSFULLY": "Głośniki ustawiono pomyślnie",
+    "DEVICE_FOUND_AND_INITIALIZED_BUT_NOT_SWITCHED": "Urządzenie znalezione i zainicjalizowane, ale nie przełączone"
+  },
+  "ACTIONS": {
+    "RECENTER_PLAYSPACE": "Wycentruj przestrzeń"
+  }
+}
--- a/dash-frontend/rustfmt.toml
+++ b/dash-frontend/rustfmt.toml
@@ -0,0 +1,3 @@
+tab_spaces = 2
+hard_tabs = true
+max_width = 120
--- a/Show More
+++ b/Show More