remove qs, fixes to waybar

flake.lock

@@ -24,14 +24,15 @@
     "ags": {
       "inputs": {
         "astal": "astal",
+        "gnim": "gnim",
         "nixpkgs": "nixpkgs_2"
       },
       "locked": {
-        "lastModified": 1744557573,
+        "lastModified": 1751192975,
-        "narHash": "sha256-XAyj0iDuI51BytJ1PwN53uLpzTDdznPDQFG4RwihlTQ=",
+        "narHash": "sha256-X2WQxQZX9aktyaFQW94a4eCO0BYkLm9FZr9dyjVS7Sg=",
         "owner": "Aylur",
         "repo": "ags",
-        "rev": "3ed9737bdbc8fc7a7c7ceef2165c9109f336bff6",
+        "rev": "74cdd7eabf0884a7d5ba0b300849891a7e89697e",
         "type": "github"
       },
       "original": {
@@ -80,11 +81,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750372185,
+        "lastModified": 1750974272,
-        "narHash": "sha256-lVBKxd9dsZOH1fA6kSE5WNnt8e+09fN+NL/Q3BjTWHY=",
+        "narHash": "sha256-VaeQzSzekMvP+/OhwNZP4kzs4paWk5+20N0MFLTn+cs=",
         "owner": "hyprwm",
         "repo": "aquamarine",
-        "rev": "7cef49d261cbbe537e8cb662485e76d29ac4cbca",
+        "rev": "dd921421391e75793d0cc674dc15eca16b46a089",
         "type": "github"
       },
       "original": {
@@ -101,11 +102,31 @@
         ]
       },
       "locked": {
-        "lastModified": 1742571008,
+        "lastModified": 1751126708,
-        "narHash": "sha256-5WgfJAeBpxiKbTR/gJvxrGYfqQRge5aUDcGKmU1YZ1Q=",
+        "narHash": "sha256-AodIKw7TmI7rHVcOfEsO82stupMYIMVQeLAUQfVxnkU=",
         "owner": "aylur",
         "repo": "astal",
-        "rev": "dc0e5d37abe9424c53dcbd2506a4886ffee6296e",
+        "rev": "ac90f09385a2295da9fdc108aaba4a317aaeacc7",
+        "type": "github"
+      },
+      "original": {
+        "owner": "aylur",
+        "repo": "astal",
+        "type": "github"
+      }
+    },
+    "astal_2": {
+      "inputs": {
+        "nixpkgs": [
+          "nixpkgs"
+        ]
+      },
+      "locked": {
+        "lastModified": 1751126708,
+        "narHash": "sha256-AodIKw7TmI7rHVcOfEsO82stupMYIMVQeLAUQfVxnkU=",
+        "owner": "aylur",
+        "repo": "astal",
+        "rev": "ac90f09385a2295da9fdc108aaba4a317aaeacc7",
         "type": "github"
       },
       "original": {
@@ -123,11 +144,11 @@
         "rust-overlay": "rust-overlay"
       },
       "locked": {
-        "lastModified": 1750590097,
+        "lastModified": 1751233610,
-        "narHash": "sha256-t4kfCp4x9D3MuboVa9/GSOYoWd6qeexxrdW/ismcuBY=",
+        "narHash": "sha256-MEPUIeFkbrva11hEz+epaDFK/Qz4wTU9VMfwqjqEhjE=",
         "owner": "chaotic-cx",
         "repo": "nyx",
-        "rev": "2ec05989abec9857735ea87803bdffcb40f4c910",
+        "rev": "41a000489d5a84e18d22b9dca682cf479a0541cf",
         "type": "github"
       },
       "original": {
@@ -139,11 +160,11 @@
     },
     "crane": {
       "locked": {
-        "lastModified": 1748970125,
+        "lastModified": 1750266157,
-        "narHash": "sha256-UDyigbDGv8fvs9aS95yzFfOKkEjx1LO3PL3DsKopohA=",
+        "narHash": "sha256-tL42YoNg9y30u7zAqtoGDNdTyXTi8EALDeCB13FtbQA=",
         "owner": "ipetkov",
         "repo": "crane",
-        "rev": "323b5746d89e04b22554b061522dfce9e4c49b18",
+        "rev": "e37c943371b73ed87faf33f7583860f81f1d5a48",
         "type": "github"
       },
       "original": {
@@ -182,11 +203,11 @@
         "rust-analyzer-src": "rust-analyzer-src"
       },
       "locked": {
-        "lastModified": 1750574187,
+        "lastModified": 1751265761,
-        "narHash": "sha256-A2v6EQCnGk67cZstf5nxfH4ZUr9DpUovAvSrLaAfhUM=",
+        "narHash": "sha256-VSbk7ppgFSqBxlsWtzIO52iT9TKkLJrmVYOIhQi13Kg=",
         "owner": "nix-community",
         "repo": "fenix",
-        "rev": "263d9d394e9b9606a82c73941c4145052007799a",
+        "rev": "19c910fe3de1768e64e76b5ee6daa346e6b07410",
         "type": "github"
       },
       "original": {
@@ -438,11 +459,11 @@
         "zon2nix": "zon2nix"
       },
       "locked": {
-        "lastModified": 1750564801,
+        "lastModified": 1751249933,
-        "narHash": "sha256-A/zncbdhx0lBESpvVZEjVgosBpR76F3loYQKS8iCg9c=",
+        "narHash": "sha256-v7zWYl6ifTnPLFwRF4kdBeae/c6Tc1SUZWRCOGX332s=",
         "owner": "ghostty-org",
         "repo": "ghostty",
-        "rev": "5bfdb1b9cfc58eee9c0eca38a1e2ce8e3e38e0fc",
+        "rev": "259228698873c0c934741445ec6790cfafb64502",
         "type": "github"
       },
       "original": {
@@ -495,13 +516,29 @@
         "type": "github"
       }
     },
+    "gnim": {
+      "flake": false,
+      "locked": {
+        "lastModified": 1751120710,
+        "narHash": "sha256-sT1ILM8m1QG8CeMmqLHhW/8T/MzUq3JL9jO3V7FMa4w=",
+        "owner": "aylur",
+        "repo": "gnim",
+        "rev": "5d2b734be452e2819f3a7313dbb34fa43c23e5d9",
+        "type": "github"
+      },
+      "original": {
+        "owner": "aylur",
+        "repo": "gnim",
+        "type": "github"
+      }
+    },
     "hardware": {
       "locked": {
-        "lastModified": 1750431636,
+        "lastModified": 1750837715,
-        "narHash": "sha256-vnzzBDbCGvInmfn2ijC4HsIY/3W1CWbwS/YQoFgdgPg=",
+        "narHash": "sha256-2m1ceZjbmgrJCZ2PuQZaK4in3gcg3o6rZ7WK6dr5vAA=",
         "owner": "nixos",
         "repo": "nixos-hardware",
-        "rev": "1552a9f4513f3f0ceedcf90320e48d3d47165712",
+        "rev": "98236410ea0fe204d0447149537a924fb71a6d4f",
         "type": "github"
       },
       "original": {
@@ -533,11 +570,11 @@
         "rust-overlay": "rust-overlay_2"
       },
       "locked": {
-        "lastModified": 1750531852,
+        "lastModified": 1751148058,
-        "narHash": "sha256-ps4Fa8cq+q13Kb2nj9uxXjIGvsSRBUfcxW5CgquxiQI=",
+        "narHash": "sha256-8Zvw/xGpWtOXtz7l1ZDIHsX/TSnc34p38CEnYANwzRk=",
         "owner": "helix-editor",
         "repo": "helix",
-        "rev": "171dfc60e5cda8f9fb6c4f662872f35bbe864a53",
+        "rev": "f75d71844f27a13b313603af42c58a5c6d6b608e",
         "type": "github"
       },
       "original": {
@@ -553,11 +590,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750304462,
+        "lastModified": 1751239699,
-        "narHash": "sha256-Mj5t4yX05/rXnRqJkpoLZTWqgStB88Mr/fegTRqyiWc=",
+        "narHash": "sha256-zA1uUdAq3c26fHm26xMWMuF5COhI18EzaH7az/P2OWM=",
         "owner": "nix-community",
         "repo": "home-manager",
-        "rev": "863842639722dd12ae9e37ca83bcb61a63b36f6c",
+        "rev": "f6deff178cc4d6049d30785dbfc831e6c6e3a219",
         "type": "github"
       },
       "original": {
@@ -595,11 +632,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750304462,
+        "lastModified": 1750973805,
-        "narHash": "sha256-Mj5t4yX05/rXnRqJkpoLZTWqgStB88Mr/fegTRqyiWc=",
+        "narHash": "sha256-BZXgag7I0rnL/HMHAsBz3tQrfKAibpY2vovexl2lS+Y=",
         "owner": "nix-community",
         "repo": "home-manager",
-        "rev": "863842639722dd12ae9e37ca83bcb61a63b36f6c",
+        "rev": "080e8b48b0318b38143d5865de9334f46d51fce3",
         "type": "github"
       },
       "original": {
@@ -653,11 +690,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750371717,
+        "lastModified": 1750621377,
-        "narHash": "sha256-cNP+bVq8m5x2Rl6MTjwfQLCdwbVmKvTH7yqVc1SpiJM=",
+        "narHash": "sha256-8u6b5oAdX0rCuoR8wFenajBRmI+mzbpNig6hSCuWUzE=",
         "owner": "hyprwm",
         "repo": "hyprgraphics",
-        "rev": "15c6f8f3a567fec9a0f732cd310a7ff456deef88",
+        "rev": "b3d628d01693fb9bb0a6690cd4e7b80abda04310",
         "type": "github"
       },
       "original": {
@@ -682,11 +719,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1749145600,
+        "lastModified": 1750621377,
-        "narHash": "sha256-v2kY5RDk9oyo1x9m8u83GdklC96xlJ7ka1rrvZoYL78=",
+        "narHash": "sha256-8u6b5oAdX0rCuoR8wFenajBRmI+mzbpNig6hSCuWUzE=",
         "owner": "hyprwm",
         "repo": "hyprgraphics",
-        "rev": "80b754e38e836777ad3a9d5d1ffc3491b0332471",
+        "rev": "b3d628d01693fb9bb0a6690cd4e7b80abda04310",
         "type": "github"
       },
       "original": {
@@ -746,11 +783,11 @@
         "xdph": "xdph"
       },
       "locked": {
-        "lastModified": 1750589353,
+        "lastModified": 1751214576,
-        "narHash": "sha256-+3W7HI8ZzVqhjaws8++TFaUX8JP2eq9Uzn/KHA/qr0U=",
+        "narHash": "sha256-88TyGNyk+uSsIXhTjS+YmL/4pMaH6M9NYkHadR7fEkU=",
         "owner": "hyprwm",
         "repo": "hyprland",
-        "rev": "dd33128c2f127f39c30cca72addb1970b8936d07",
+        "rev": "ee8978b961b9b02ed41bd7b6d1e91cc607b6b530",
         "type": "github"
       },
       "original": {
@@ -949,11 +986,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750577079,
+        "lastModified": 1751139849,
-        "narHash": "sha256-KX7nCVTBEMy75mTqZG/GadOSP717HhVv2aSc1sGPTx8=",
+        "narHash": "sha256-S4WaVk8tR6svR+L8y4VUjFPSYhsUvA9Oc6zYYELTPY0=",
         "owner": "hyprwm",
         "repo": "hyprlock",
-        "rev": "a9638986c31ab74fd95e83057f7cdd5187747ec7",
+        "rev": "fee04f640676868fe343bd3ffd0b81b22bd032ee",
         "type": "github"
       },
       "original": {
@@ -987,11 +1024,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750371944,
+        "lastModified": 1750621577,
-        "narHash": "sha256-9a7ZrB/7PD3xbnAP2UKLW9D6pRif7uRNsidOKQXmaBM=",
+        "narHash": "sha256-F/E2WQFl8IolTrf4mHNzRIvHw3ss1/Ciztzwtdi8NuU=",
         "owner": "hyprwm",
         "repo": "hyprpaper",
-        "rev": "7d63e15c0998d0a4d55246b8b6d3b7255b70c62a",
+        "rev": "a88e0e066eb3a5a3187aec7532e49b61ab73e165",
         "type": "github"
       },
       "original": {
@@ -1012,11 +1049,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750371096,
+        "lastModified": 1751061882,
-        "narHash": "sha256-JB1IeJ41y7kWc/dPGV6RMcCUM0Xj2NEK26A2Ap7EM9c=",
+        "narHash": "sha256-g9n8Vrbx+2JYM170P9BbvGHN39Wlkr4U+V2WLHQsXL8=",
         "owner": "hyprwm",
         "repo": "hyprutils",
-        "rev": "38f3a211657ce82a1123bf19402199b67a410f08",
+        "rev": "4737241eaf8a1e51671a2a088518071f9a265cf4",
         "type": "github"
       },
       "original": {
@@ -1087,11 +1124,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1749145760,
+        "lastModified": 1750371869,
-        "narHash": "sha256-IHaGWpGrv7seFWdw/1A+wHtTsPlOGIKMrk1TUIYJEFI=",
+        "narHash": "sha256-lGk4gLjgZQ/rndUkzmPYcgbHr8gKU5u71vyrjnwfpB4=",
         "owner": "hyprwm",
         "repo": "hyprwayland-scanner",
-        "rev": "817918315ea016cc2d94004bfb3223b5fd9dfcc6",
+        "rev": "aa38edd6e3e277ae6a97ea83a69261a5c3aab9fd",
         "type": "github"
       },
       "original": {
@@ -1112,11 +1149,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1749145760,
+        "lastModified": 1750371869,
-        "narHash": "sha256-IHaGWpGrv7seFWdw/1A+wHtTsPlOGIKMrk1TUIYJEFI=",
+        "narHash": "sha256-lGk4gLjgZQ/rndUkzmPYcgbHr8gKU5u71vyrjnwfpB4=",
         "owner": "hyprwm",
         "repo": "hyprwayland-scanner",
-        "rev": "817918315ea016cc2d94004bfb3223b5fd9dfcc6",
+        "rev": "aa38edd6e3e277ae6a97ea83a69261a5c3aab9fd",
         "type": "github"
       },
       "original": {
@@ -1157,11 +1194,11 @@
         "rust-overlay": "rust-overlay_3"
       },
       "locked": {
-        "lastModified": 1750168384,
+        "lastModified": 1750866260,
-        "narHash": "sha256-PBfJ7dGsR02im/RYN8wXII8yNPFhKxiPdq+JDfbvD2k=",
+        "narHash": "sha256-fo5NvfutMEw9OV+5rGYuCKjlNNjcnD3cKMbOfzusO/E=",
         "owner": "nix-community",
         "repo": "lanzaboote",
-        "rev": "38c2addd2e0cedcb03708de6e6c21fb1be86d410",
+        "rev": "f40a3401f86d117affeeb8ca6f0ce5cd1ca3cc24",
         "type": "github"
       },
       "original": {
@@ -1251,11 +1288,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750557776,
+        "lastModified": 1751163021,
-        "narHash": "sha256-+BgqY5UK1moaknyb+yi6NOqx63e0lT7V6d2h6lhFQoQ=",
+        "narHash": "sha256-BZGuvFape+quvsfFm+RJdjABUu/xMWnRNd+mzvfrj30=",
         "owner": "fufexan",
         "repo": "nix-gaming",
-        "rev": "6bdd014132028f025d53059a40ce9489c070ca27",
+        "rev": "094da7499257ec96bb1708f76cf221687a9aa498",
         "type": "github"
       },
       "original": {
@@ -1320,11 +1357,11 @@
     },
     "nixpkgs_10": {
       "locked": {
-        "lastModified": 1750365781,
+        "lastModified": 1751011381,
-        "narHash": "sha256-XE/lFNhz5lsriMm/yjXkvSZz5DfvKJLUjsS6pP8EC50=",
+        "narHash": "sha256-krGXKxvkBhnrSC/kGBmg5MyupUUT5R6IBCLEzx9jhMM=",
         "owner": "NixOS",
         "repo": "nixpkgs",
-        "rev": "08f22084e6085d19bcfb4be30d1ca76ecb96fe54",
+        "rev": "30e2e2857ba47844aa71991daa6ed1fc678bcbb7",
         "type": "github"
       },
       "original": {
@@ -1352,11 +1389,11 @@
     },
     "nixpkgs_2": {
       "locked": {
-        "lastModified": 1743583204,
+        "lastModified": 1751011381,
-        "narHash": "sha256-F7n4+KOIfWrwoQjXrL2wD9RhFYLs2/GGe/MQY1sSdlE=",
+        "narHash": "sha256-krGXKxvkBhnrSC/kGBmg5MyupUUT5R6IBCLEzx9jhMM=",
         "owner": "nixos",
         "repo": "nixpkgs",
-        "rev": "2c8d3f48d33929642c1c12cd243df4cc7d2ce434",
+        "rev": "30e2e2857ba47844aa71991daa6ed1fc678bcbb7",
         "type": "github"
       },
       "original": {
@@ -1384,11 +1421,11 @@
     },
     "nixpkgs_4": {
       "locked": {
-        "lastModified": 1750365781,
+        "lastModified": 1751011381,
-        "narHash": "sha256-XE/lFNhz5lsriMm/yjXkvSZz5DfvKJLUjsS6pP8EC50=",
+        "narHash": "sha256-krGXKxvkBhnrSC/kGBmg5MyupUUT5R6IBCLEzx9jhMM=",
         "owner": "NixOS",
         "repo": "nixpkgs",
-        "rev": "08f22084e6085d19bcfb4be30d1ca76ecb96fe54",
+        "rev": "30e2e2857ba47844aa71991daa6ed1fc678bcbb7",
         "type": "github"
       },
       "original": {
@@ -1429,11 +1466,11 @@
     },
     "nixpkgs_7": {
       "locked": {
-        "lastModified": 1750365781,
+        "lastModified": 1751011381,
-        "narHash": "sha256-XE/lFNhz5lsriMm/yjXkvSZz5DfvKJLUjsS6pP8EC50=",
+        "narHash": "sha256-krGXKxvkBhnrSC/kGBmg5MyupUUT5R6IBCLEzx9jhMM=",
         "owner": "NixOS",
         "repo": "nixpkgs",
-        "rev": "08f22084e6085d19bcfb4be30d1ca76ecb96fe54",
+        "rev": "30e2e2857ba47844aa71991daa6ed1fc678bcbb7",
         "type": "github"
       },
       "original": {
@@ -1445,11 +1482,11 @@
     },
     "nixpkgs_8": {
       "locked": {
-        "lastModified": 1750005889,
+        "lastModified": 1750576544,
-        "narHash": "sha256-5Ja4RfAWUqzX1B1MC/mSQzNBsTtXmlW4RQyPqmHVU90=",
+        "narHash": "sha256-8myT+IxNWIB1B66NNDzQCXc5apy6pIXLW49m4qCRHFs=",
         "owner": "NixOS",
         "repo": "nixpkgs",
-        "rev": "0fbc85d348db795d46453097b151c08712b86a84",
+        "rev": "e2d9c5bd3cd01115da3fc48c5d46b508a2c5deb1",
         "type": "github"
       },
       "original": {
@@ -1484,11 +1521,11 @@
         "systems": "systems_6"
       },
       "locked": {
-        "lastModified": 1750441488,
+        "lastModified": 1751186226,
-        "narHash": "sha256-JuFBp2xM4JD/XGb69dTSDOdGbUD0fVHlgY9X9GHGTFE=",
+        "narHash": "sha256-Bt7jtmCW72JUPxOIrV73qBTAUOy4qvJXsls2ERDUcGo=",
         "owner": "notashelf",
         "repo": "nvf",
-        "rev": "18c17b7b8dbf6e0f10e3eb5f1fa5341a9175a3b1",
+        "rev": "5bad5dd94ce5ea3b40b08d9e6802e69d02198d21",
         "type": "github"
       },
       "original": {
@@ -1507,11 +1544,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1749636823,
+        "lastModified": 1750779888,
-        "narHash": "sha256-WUaIlOlPLyPgz9be7fqWJA5iG6rHcGRtLERSCfUDne4=",
+        "narHash": "sha256-wibppH3g/E2lxU43ZQHC5yA/7kIKLGxVEnsnVK1BtRg=",
         "owner": "cachix",
         "repo": "git-hooks.nix",
-        "rev": "623c56286de5a3193aa38891a6991b28f9bab056",
+        "rev": "16ec914f6fb6f599ce988427d9d94efddf25fe6d",
         "type": "github"
       },
       "original": {
@@ -1551,6 +1588,7 @@
         "agenix": "agenix",
         "ags": "ags",
         "anyrun": "anyrun",
+        "astal": "astal_2",
         "chaotic": "chaotic",
         "fenix": "fenix",
         "flake-parts": "flake-parts_2",
@@ -1577,11 +1615,11 @@
     "rust-analyzer-src": {
       "flake": false,
       "locked": {
-        "lastModified": 1750538096,
+        "lastModified": 1751210071,
-        "narHash": "sha256-8/KtURbFw0cd15WcqKJOMeF3JoxBbmjk2AWJ8Ud80WY=",
+        "narHash": "sha256-v7XmmLBNRMzRXiVCeH60ZeGEqo+aagmwawI0Z9+EoXY=",
         "owner": "rust-lang",
         "repo": "rust-analyzer",
-        "rev": "0ddaf2cd7b5c020addb5c35b09dc5ef409701522",
+        "rev": "6df12139bccaaeecf6a34789e0ca799d1fe99c53",
         "type": "github"
       },
       "original": {
@@ -1599,11 +1637,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750473400,
+        "lastModified": 1751078221,
-        "narHash": "sha256-wiW2j63MyGQyyijRF25hf7Ab7vx4G8pCiGjUe3OGV4c=",
+        "narHash": "sha256-/SRmXIPxL7ixFLZgcDdgZDuIwt8eWQAamMYer0ODwbM=",
         "owner": "oxalica",
         "repo": "rust-overlay",
-        "rev": "3d7d4c4e284f26d6dc4840491c66884912be0062",
+        "rev": "1712a6d3430ca75353d366b7ddd1c79d6b243efc",
         "type": "github"
       },
       "original": {
@@ -1641,11 +1679,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1749955444,
+        "lastModified": 1750560265,
-        "narHash": "sha256-CllTHvHX8KAdAZ+Lxzd23AmZTxO1Pfy+zC43/5tYkAE=",
+        "narHash": "sha256-jQCojKl1/TzqE6ANOu6rP2qqxOcGK2xs6hpxZ77wrR8=",
         "owner": "oxalica",
         "repo": "rust-overlay",
-        "rev": "539ba15741f0e6691a2448743dbc601d8910edce",
+        "rev": "076fdb0d45a9de3f379a626f51a62c78afe7efb1",
         "type": "github"
       },
       "original": {
@@ -1846,11 +1884,11 @@
       },
       "locked": {
         "dir": "nix",
-        "lastModified": 1750571237,
+        "lastModified": 1750745566,
-        "narHash": "sha256-sc6D/HSaArKwdzyDvMbirPQlJPHI2PoqUUh1haVOw5Q=",
+        "narHash": "sha256-uu3LULgJSgVBWYgdf3Za9T/kTNCu394togdfRIEqWdg=",
         "owner": "wez",
         "repo": "wezterm",
-        "rev": "2b656cb5b931fc32e79421d38a141d1de2f2aeec",
+        "rev": "2deb317ec069b8f94ec1282253faaa71a8d997fc",
         "type": "github"
       },
       "original": {
@@ -1909,11 +1947,11 @@
         ]
       },
       "locked": {
-        "lastModified": 1750151185,
+        "lastModified": 1751231061,
-        "narHash": "sha256-FEWPaTam/kE83JI/G6QhdFKqNihYnt6ve1q/hY754R4=",
+        "narHash": "sha256-g4Y0PfEFeAXKZVd9ommtqe4jcWDOMajtb0le1RG4+yU=",
         "ref": "refs/heads/main",
-        "rev": "224eb5b606bd0930adf3d30e17f759a52f8dc50e",
+        "rev": "06600cbff7995d3e91cc19f80591ea07f6589f68",
-        "revCount": 106,
+        "revCount": 108,
         "type": "git",
         "url": "https://git.sr.ht/~canasta/zen-browser-flake"
       },

flake.nix

@@ -12,7 +12,9 @@
       ];
 
       perSystem = {pkgs, ...}: {
-        devShells = import ./nix/shell {inherit pkgs inputs;};
+        devShells = import ./nix/shell {
+          inherit pkgs inputs;
+        };
         formatter = pkgs.alejandra;
       };
     };
@@ -91,6 +93,11 @@
       };
     };
 
+    astal = {
+      url = "github:aylur/astal";
+      inputs.nixpkgs.follows = "nixpkgs";
+    };
+
     anyrun.url = "github:anyrun-org/anyrun";
     microfetch.url = "github:NotAShelf/microfetch";
     agenix.url = "github:ryantm/agenix";

hosts/cnixtop/hardware-configuration.nix

@@ -13,17 +13,17 @@
   ];
 
   # Use system-wide overlays to override linux-firmware
-  nixpkgs.overlays = [
+  # nixpkgs.overlays = [
-    (final: prev: {
+  #   (final: prev: {
-      linux-firmware = prev.linux-firmware.overrideAttrs (old: rec {
+  #     linux-firmware = prev.linux-firmware.overrideAttrs (old: rec {
-        version = "20250509";
+  #       version = "20250509";
-        src = prev.fetchzip {
+  #       src = prev.fetchzip {
-          url = "https://cdn.kernel.org/pub/linux/kernel/firmware/linux-firmware-${version}.tar.xz";
+  #         url = "https://cdn.kernel.org/pub/linux/kernel/firmware/linux-firmware-${version}.tar.xz";
-          hash = "sha256-0FrhgJQyCeRCa3s0vu8UOoN0ZgVCahTQsSH0o6G6hhY=";
+  #         hash = "sha256-0FrhgJQyCeRCa3s0vu8UOoN0ZgVCahTQsSH0o6G6hhY=";
-        };
+  #       };
-      });
+  #     });
-    })
+  #   })
-  ];
+  # ];
 
   boot.initrd.availableKernelModules = ["nvme" "xhci_pci" "ahci" "usb_storage" "usbhid" "sd_mod"];
   boot.initrd.kernelModules = [];

modules/default.nix

@@ -49,6 +49,7 @@
         ./home/services/protonmail-bridge
         ./home/services/swaync
         ./home/services/syncthing
+        # ./home/services/quickshell
         ./home/services/udiskie
         ./home/services/xdg
       ];

modules/home/programs/helix/languages.nix

@@ -91,6 +91,11 @@
             args = ["-" "--quiet" "--line-length 100"];
           };
         }
+        {
+          name = "qml";
+          auto-format = true;
+          language-servers = ["qmlls"];
+        }
         {
           name = "typescript";
           auto-format = true;
@@ -173,6 +178,11 @@
         args = ["lsp"];
       };
 
+      qmlls = {
+        command = "${pkgs.qt6.qtdeclarative}/bin/qmlls";
+        args = ["-E"];
+      };
+
       pyright = {
         command = "${pkgs.pyright}/bin/pyright-langserver";
         args = ["--stdio"];

modules/home/programs/misc/default.nix

@@ -31,6 +31,7 @@ in {
     home.packages = with pkgs; [
       protontricks
       lutris
+      monero-gui
       # misc.gui
       # virt-manager
       gnome-calculator
@@ -70,6 +71,8 @@ in {
       gnutar
       p7zip
       unrar
+      material-icons
+      material-symbols
     ];
   };
 }

modules/home/programs/waybar/assets/button.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="60"
+   height="45"
+   viewBox="0 0 15.875 11.90625"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="button.svg"
+   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:document-units="mm"
+     inkscape:zoom="4.4257576"
+     inkscape:cx="28.695652"
+     inkscape:cy="59.763779"
+     inkscape:window-width="1587"
+     inkscape:window-height="1401"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <rect
+       x="63.266006"
+       y="57.843204"
+       width="682.36908"
+       height="582.95105"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-19.208647,-19.184876)">
+    <path
+       style="font-size:14.6667px;line-height:14.6667px;font-family:'Input Mono';-inkscape-font-specification:'Input Mono';letter-spacing:0px;word-spacing:0px;white-space:pre;fill:#7daea3;fill-opacity:1;stroke-width:0.0799522"
+       d="m 26.15396,27.783766 v 0.661508 h 0.330683 v 0.661331 h 0.661504 0.661505 0.661366 0.661504 0.661505 v 0.661506 h 0.330682 v 0.661508 h 0.330684 v 0.661507 h 0.661504 0.330683 v -0.661507 h 0.330822 V 29.768111 H 31.44558 v -0.661506 h 0.330822 0.661366 0.661504 0.330683 v -0.661331 h 0.330822 v -0.661508 h -0.661505 -0.661504 -0.661366 -0.661505 -0.661504 -0.661366 -0.661505 -0.661504 -0.661366 -0.661505 -0.661504 z"
+       id="path125" />
+    <path
+       style="font-size:14.6667px;line-height:14.6667px;font-family:'Input Mono';-inkscape-font-specification:'Input Mono';letter-spacing:0px;word-spacing:0px;white-space:pre;fill:#89b482;fill-opacity:1;stroke-width:0.0799522"
+       d="m 23.838763,25.79942 v 0.661508 H 23.50808 v 0.661331 h 0.330683 v 1.323015 H 23.50808 v 0.661331 h -0.330683 v 0.661506 h -0.330822 v 0.661508 h -0.330682 v 0.661507 h 0.661504 0.661366 v -0.661507 h 0.330821 v -0.661508 h 0.330684 v -0.661506 h 0.330683 v 0.661506 h 0.330821 v 0.661508 h 0.330683 v 0.661507 h 0.330683 0.661505 0.330821 V 30.429619 H 26.484643 V 29.768111 H 26.15396 V 29.106605 H 25.823138 V 28.445274 H 25.492455 V 27.783766 H 25.161772 V 27.122259 H 24.830951 V 26.460928 H 24.500268 V 25.79942 Z"
+       id="path124" />
+    <path
+       style="font-size:14.6667px;line-height:14.6667px;font-family:'Input Mono';-inkscape-font-specification:'Input Mono';letter-spacing:0px;word-spacing:0px;white-space:pre;fill:#7daea3;fill-opacity:1;stroke-width:0.0799522"
+       d="m 22.846575,23.153567 v 0.661507 h -0.330682 v 0.661508 H 21.854388 21.193022 20.531517 19.870013 19.53933 v 0.661331 h -0.330683 v 0.661507 h 0.661366 0.661504 0.661505 0.330683 v 0.661508 h -0.330683 v 0.661331 h -0.330821 v 0.661507 h 0.330821 v 0.661508 h 0.330683 v 0.661331 h 0.330683 v -0.661331 h 0.330821 v -0.661508 h 0.330684 v -0.661507 h 0.330682 v -0.661331 h 0.330822 V 25.79942 h 0.330683 v -0.661507 h 0.330683 v -0.661331 h 0.330821 v -0.661508 h 0.330684 v -0.661507 h -0.661505 -0.661366 z"
+       id="path123" />
+    <path
+       style="font-size:14.6667px;line-height:14.6667px;font-family:'Input Mono';-inkscape-font-specification:'Input Mono';letter-spacing:0px;word-spacing:0px;white-space:pre;fill:#89b482;fill-opacity:1;stroke-width:0.0799522"
+       d="m 32.437768,21.169222 v 0.661507 h -0.330684 v 0.661507 h -0.330682 v 0.661331 H 31.44558 v 0.661507 h -0.330683 v 0.661508 h -0.330683 v 0.661331 h -0.330821 v 0.661507 h -0.330684 v 0.661508 h -0.330682 v 0.661331 h 0.661366 0.661504 0.330683 v -0.661331 h 0.330822 V 25.79942 h 0.661366 0.661504 0.661505 0.661366 0.330821 v -0.661507 h 0.330683 v -0.661331 h -0.661504 -0.661366 -0.661505 -0.330683 v -0.661508 h 0.330683 v -0.661507 h 0.330683 v -0.661331 h -0.330683 v -0.661507 h -0.330683 v -0.661507 z"
+       id="path122" />
+    <path
+       style="font-size:14.6667px;line-height:14.6667px;font-family:'Input Mono';-inkscape-font-specification:'Input Mono';letter-spacing:0px;word-spacing:0px;white-space:pre;fill:#7daea3;fill-opacity:1;stroke-width:0.0799522"
+       d="m 27.47683,19.184876 v 0.661507 h 0.330822 v 0.661507 h 0.330682 v 0.661332 h 0.330684 v 0.661507 h 0.330821 v 0.661507 h 0.330683 v 0.661331 h 0.330683 v 0.661507 h 0.330822 v 0.661508 h 0.661366 v -0.661508 h 0.330821 v -0.661507 h -0.330821 v -1.322838 h 0.330821 v -0.661507 h 0.330683 V 20.50789 h 0.330683 v -0.661507 h 0.330822 v -0.661507 h -0.661505 -0.661504 v 0.661507 h -0.330684 v 0.661507 h -0.330682 v 0.661332 H 29.461205 V 20.50789 h -0.330683 v -0.661507 h -0.330683 v -0.661507 h -0.330821 -0.661366 z"
+       id="path121" />
+    <path
+       style="font-size:14.6667px;line-height:14.6667px;font-family:'Input Mono';-inkscape-font-specification:'Input Mono';letter-spacing:0px;word-spacing:0px;white-space:pre;fill:#89b482;fill-opacity:1;stroke-width:0.0799522"
+       d="m 22.846575,19.184876 v 0.661507 h -0.330682 v 0.661507 h 0.330682 v 0.661332 h -0.330682 -0.661505 -0.661366 -0.330821 v 0.661507 h -0.330684 v 0.661507 h 0.661505 0.661366 0.661505 0.661504 0.661366 0.661505 0.661504 0.661366 0.661505 0.661504 0.661505 0.330682 V 21.830729 H 27.807652 V 21.169222 H 27.146147 26.484643 25.823138 25.161772 24.500268 V 20.50789 h -0.330684 v -0.661507 h -0.330821 v -0.661507 h -0.661366 z"
+       id="text121" />
+  </g>
+</svg>

modules/home/programs/waybar/config/config.jsonc

@@ -0,0 +1,188 @@
+[
+  {
+    "backlight": {
+      "format": "<span foreground='#928374'>{icon}</span> {percent}%",
+      "format-icons": [
+        ""
+      ],
+      "tooltip": false
+    },
+    "battery": {
+      "format": "<span foreground='#928374'>{icon}</span> {capacity}%",
+      "format-charging": "<span foreground='#928374'></span> {capacity}%",
+      "format-icons": [
+        "",
+        "",
+        "",
+        "",
+        ""
+      ],
+      "states": {
+        "critical": 15,
+        "warning": 30
+      }
+    },
+    "clock": {
+      "format": "<span foreground='#928374'></span> {:%a, %d %b <span foreground='#928374'></span> %H:%M}",
+      "on-click": "calcurse-toggle.sh",
+      "on-click-right": "calsync.sh",
+      "rotate": 0,
+      "tooltip": false
+    },
+    "cpu": {
+      "format": "<span foreground='#928374'></span> {usage}%",
+      "states": {
+        "critical": 90,
+        "warning": 70
+      }
+    },
+    "custom/dunst": {
+      "exec": "dunst.sh",
+      "on-click": "dunstctl set-paused toggle",
+      "restart-interval": 1,
+      "tooltip": false
+    },
+    "custom/logo": {
+      "format": "   ",
+      "tooltip": false
+    },
+    "custom/mako": {
+      "exec": "mako.sh",
+      "on-click": "mako-toggle.sh",
+      "restart-interval": 1,
+      "tooltip": false
+    },
+    "custom/progress": {
+      "exec": "waybar-progress.sh",
+      "interval": 1,
+      "return-type": "json"
+    },
+    "custom/systemd": {
+      "exec": "waybar-systemd.sh",
+      "interval": 10,
+      "return-type": "json"
+    },
+    "custom/trayicon": {
+      "format": "󰅁",
+      "tooltip": false
+    },
+    "disk": {
+      "format": "<span foreground='#928374'></span> {percentage_free}%",
+      "states": {
+        "critical": 90,
+        "warning": 70
+      }
+    },
+    "group/system": {
+      "drawer": {
+        "click-to-reveal": true,
+        "transistion-left-to-right": true,
+        "transition-duration": 250
+      },
+      "modules": [
+        "custom/logo",
+        "cpu",
+        "memory",
+        "disk",
+        "network"
+      ],
+      "orientation": "inherit"
+    },
+    "group/tray": {
+      "drawer": {
+        "click-to-reveal": true,
+        "transistion-duration": 250,
+        "transition-left-to-right": false
+      },
+      "modules": [
+        "custom/trayicon",
+        "tray"
+      ],
+      "orientation": "inherit"
+    },
+    "height": 25,
+    "hyprland/workspaces": {
+      "active-only": false,
+      "all-outputs": false,
+      "disable-scroll": true,
+      "format": "{icon}",
+      "format-icons": {
+        "4": "",
+        "active": "",
+        "default": "",
+        "empty": "",
+        "persistent": ""
+      },
+      "on-click": "activate",
+      "persistent-workspaces": {
+        "*": 3
+      },
+      "rotate": 0
+    },
+    "memory": {
+      "format": "<span foreground='#928374'></span> {}%",
+      "states": {
+        "critical": 90,
+        "warning": 70
+      }
+    },
+    "modules-center": [
+      "hyprland/workspaces"
+    ],
+    "modules-left": [
+      "group/system"
+    ],
+    "modules-right": [
+      "custom/progress",
+      "custom/systemd",
+      "group/tray",
+      "pulseaudio",
+      "backlight",
+      "battery",
+      "clock",
+      "custom/dunst"
+    ],
+    "network": {
+      "format-disconnected": " <span foreground='#928374'></span> ",
+      "format-ethernet": "<span foreground='#928374'></span> {ifname}",
+      "format-linked": "<span foreground='#928374'></span> {ifname}",
+      "format-wifi": "<span foreground='#928374'></span> {essid}",
+      "interval": 2,
+      "tooltip-format": "{ifname}: {ipaddr}/{cidr}\n {bandwidthDownBits}\n {bandwidthUpBits}"
+    },
+    "output": [
+      "DP-3",
+      "eDP-1"
+    ],
+    "pulseaudio": {
+      "format": "<span foreground='#928374'>{icon}</span> {volume}% {format_source}",
+      "format-bluetooth": "<span foreground='#928374'>{icon}</span> {volume}% {format_source}",
+      "format-bluetooth-muted": "<span foreground='#928374'> {icon}</span> {format_source}",
+      "format-icons": {
+        "car": "",
+        "default": [
+          "",
+          "",
+          ""
+        ],
+        "hands-free": "",
+        "headphone": "",
+        "headset": "",
+        "phone": "",
+        "portable": ""
+      },
+      "format-muted": "<span foreground='#928374'></span> {format_source}",
+      "format-source": "<span foreground='#928374'></span> {volume}%",
+      "format-source-muted": "<span foreground='#928374'></span>",
+      "on-click": "/nix/store/2894dhb9zixl8a46hai9rh20k91mw5p3-pavucontrol-6.1/bin/pavucontrol",
+      "on-click-middle": "/nix/store/xfwsp8vl887ks0hbb227i0fj4lijz082-helvum-0.5.1/bin/helvum",
+      "on-scroll-down": "volume-control.sh --dec",
+      "on-scroll-up": "volume-control.sh --inc"
+    },
+    "tray": {
+      "icon-size": 12,
+      "rotate": 0,
+      "spacing": 5
+    }
+  }
+]

modules/home/programs/waybar/config/style.css

@@ -1,33 +1,29 @@
 * {
   all: unset;
-  background: #282828;
   border: none;
   border-radius: 0;
   font-family:
     Input Mono Narrow Light,
     "Font Awesome 6 Free Solid";
-  font-size: 13px;
+  font-size: 14px;
   min-height: 0;
 }
 
 window#waybar {
-  background: transparent;
   color: #fbf1c7;
-  /* transition-property: background-color; */
+  background-color: rgba(43, 45, 50, 0.5);
-  /* transition-duration: 0.5s; */
 }
 
 #workspaces button {
-  padding: 0 0px;
+  padding: 0 6px;
-  margin: 0 6px;
+  margin: 0 0px;
   background-color: transparent;
   color: #fbf1c7;
   border-top: 3px solid transparent;
   border-bottom: 3px solid transparent;
 }
+
 #workspaces button:hover {
-  background-color: #282828;
-  background: #282828;
   color: #ebdbb2;
   animation: ws_active 0s ease-in-out 1;
   transition: all 0.2s cubic-bezier(0.55, -0.68, 0.48, 1.682);
@@ -41,7 +37,7 @@ window#waybar {
 
 #custom-logo {
   font-size: 16px;
-  background-image: url("../waybar/images/button.svg");
+  background-image: url("assets/button.svg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 18px 15px;
@@ -54,12 +50,9 @@ window#waybar {
   margin: 1px 0px 0px 0px;
   padding-left: 2px;
   padding-right: 2px;
-  font-family: "Cantarell";
   font-size: 14px;
 }
 
-#custom-usbguard,
-#custom-decrypted,
 #custom-mail,
 #battery.warning,
 #disk.warning,
@@ -126,20 +119,23 @@ window#waybar {
   color: #fbf1c7;
 }
 
+#custom-dunst,
 #custom-mako {
-  color: #928374;
+  color: #fbf1c7;
   background: transparent;
-  opacity: 1;
+  padding-right: 6px;
-  margin: 1px 0px 0px 0px;
+  padding-left: 4px;
-  padding-right: 12px;
+  /* font-size: 14px; */
-  padding-left: 8px;
-  font-family: "Cantarell";
-  font-size: 16px;
 }
 
 #tray menu * {
-  color: #fbf1c7;
+  background-color: rgba(50, 48, 47, 0.9);
   font-family: "Input Sans Compressed";
+  padding: 2px 2px;
+}
+
+#tray menu menuitem:hover {
+  color: #4c7a5d;
 }
 
 #tray {

modules/home/programs/waybar/default.nix

@@ -6,252 +6,37 @@
 }: let
   inherit (lib) mkIf mkEnableOption;
   cfg = config.home.programs.waybar;
+  uwsm = lib.getExe pkgs.uwsm;
+  waybar = lib.getExe pkgs.waybar;
+
+  waybarAssets = pkgs.runCommand "waybar-config-assets" {} ''
+    mkdir -p $out/assets
+    cp ${./assets/button.svg} $out/assets/button.svg
+    cp ${./config/style.css} $out/style.css
+    cp ${./config/config.jsonc} $out/config.jsonc
+  '';
 in {
   options = {
     home.programs.waybar.enable = mkEnableOption "Enables waybar";
   };
   config = mkIf cfg.enable {
     systemd.user.services.waybar = {
-      Unit.StartLimitBurst = 30;
+      Unit = {
-    };
+        After = ["graphical-session.target"];
-    programs.waybar = {
+        ConditionEnvironment = "WAYLAND_DISPLAY";
-      enable = true;
+        Description = "waybar";
-      package = pkgs.waybar;
-      systemd.enable = true;
-      # style = ./style.css;
-
-      settings = [
-        {
-          height = 25;
-          output = ["DP-3" "eDP-1"];
-
-          modules-left = [
-            "group/system"
-          ];
-
-          modules-center = [
-            "hyprland/workspaces"
-          ];
-
-          modules-right = [
-            "custom/progress"
-            "custom/systemd"
-            # "custom/mail"
-            "group/tray"
-            "pulseaudio"
-            "backlight"
-            "battery"
-            "clock"
-            "custom/dunst"
-          ];
-
-          "hyprland/workspaces" = {
-            format = "{icon}";
-            format-icons = {
-              "default" = "";
-              "active" = "";
-              "empty" = "";
-              "persistent" = "";
-              "4" = "";
-            };
-            disable-scroll = true;
-            rotate = 0;
-            all-outputs = false;
-            active-only = false;
-            on-click = "activate";
-            persistent-workspaces = {
-              "*" = 3;
-            };
       };
 
-          "group/tray" = {
+      Service = {
-            orientation = "inherit";
+        ExecStart = "${uwsm} app -- ${waybar} -c ${waybarAssets}/config.jsonc -s ${waybarAssets}/style.css";
-            drawer = {
+        Slice = "app-graphical.slice";
-              transition-left-to-right = false;
+        Restart = "always";
-              transistion-duration = 250;
+        RestartSec = 10;
-              click-to-reveal = true;
-            };
-            modules = [
-              "custom/trayicon"
-              "tray"
-            ];
       };
 
-          "group/system" = {
+      Install = {
-            orientation = "inherit";
+        WantedBy = ["graphical-session.target"];
-            drawer = {
-              transistion-left-to-right = true;
-              transition-duration = 250;
-              click-to-reveal = true;
       };
-            modules = [
-              "custom/logo"
-              "cpu"
-              "memory"
-              "disk"
-              "network"
-            ];
-          };
-
-          "custom/trayicon" = {
-            format = "󰅁";
-            tooltip = false;
-          };
-
-          "custom/logo" = {
-            format = "   ";
-            tooltip = false;
-          };
-
-          "custom/mako" = {
-            exec = "mako.sh";
-            on-click = "mako-toggle.sh";
-            restart-interval = 1;
-            tooltip = false;
-          };
-
-          "custom/progress" = {
-            exec = "waybar-progress.sh";
-            return-type = "json";
-            interval = 1;
-          };
-
-          "custom/systemd" = {
-            exec = "waybar-systemd.sh";
-            return-type = "json";
-            interval = 10;
-          };
-
-          "custom/dunst" = {
-            exec = "dunst.sh";
-            on-click = "dunstctl set-paused toggle";
-            restart-interval = 1;
-            tooltip = false;
-          };
-
-          "custom/swaync" = {
-            tooltip = false;
-            format = "{} {icon} ";
-            format-icons = {
-              "notification" = "󰂚<span foreground='red'><sup></sup></span>";
-              "none" = "󰂚";
-              "dnd-notification" = "󱏧<span foreground='red'><sup></sup></span>";
-              "dnd-none" = "󱏧";
-              "inhibited-notification" = "󰂚<span foreground='red'><sup></sup></span>";
-              "inhibited-none" = "󰂚";
-              "dnd-inhibited-notification" = "󱏧<span foreground='red'><sup></sup></span>";
-              "dnd-inhibited-none" = "󱏧";
-            };
-            return-type = "json";
-            exec-if = "which swaync-client";
-            exec = "swaync-client -swb";
-            on-click = "sleep 0.1 && swaync-client -t -sw";
-            on-click-right = "swaync-client -d -sw";
-            escape = true;
-          };
-
-          # "custom/mail" = {
-          #   format-icons = {
-          #     icon = "<span foreground='#928374'> </span>";
-          #   };
-          #   format = "{icon}{}";
-          #   exec = "${app}/bin/waybar-mail";
-          #   return-type = "json";
-          # };
-
-          # "custom/recording" = {
-          #   exec = "${app}/bin/waybar-recording";
-          #   return-type = "json";
-          #   signal = 3;
-          #   interval = "once";
-          # };
-
-          tray = {
-            icon-size = 12;
-            rotate = 0;
-            spacing = 5;
-          };
-
-          clock = {
-            format = "<span foreground='#928374'></span> {:%a, %d %b <span foreground='#928374'></span> %H:%M}";
-            rotate = 0;
-            on-click = "calcurse-toggle.sh";
-            on-click-right = "calsync.sh";
-            tooltip = false;
-          };
-
-          cpu = {
-            format = "<span foreground='#928374'></span> {usage}%";
-            states = {
-              warning = 70;
-              critical = 90;
-            };
-          };
-
-          disk = {
-            format = "<span foreground='#928374'></span> {percentage_free}%";
-            states = {
-              warning = 70;
-              critical = 90;
-            };
-          };
-
-          memory = {
-            format = "<span foreground='#928374'></span> {}%";
-            states = {
-              warning = 70;
-              critical = 90;
-            };
-          };
-
-          backlight = {
-            format = "<span foreground='#928374'>{icon}</span> {percent}%";
-            format-icons = [""];
-            tooltip = false;
-          };
-
-          battery = {
-            states = {
-              warning = 30;
-              critical = 15;
-            };
-            format = "<span foreground='#928374'>{icon}</span> {capacity}%";
-            format-charging = "<span foreground='#928374'></span> {capacity}%";
-            format-icons = ["" "" "" "" ""];
-          };
-
-          network = {
-            interval = 2;
-            format-wifi = "<span foreground='#928374'></span> {essid}";
-            format-ethernet = "<span foreground='#928374'></span> {ifname}";
-            format-linked = "<span foreground='#928374'></span> {ifname}";
-            format-disconnected = " <span foreground='#928374'></span> ";
-            tooltip-format = "{ifname}: {ipaddr}/{cidr}\n {bandwidthDownBits}\n {bandwidthUpBits}";
-          };
-
-          pulseaudio = {
-            format = "<span foreground='#928374'>{icon}</span> {volume}% {format_source}";
-            on-scroll-up = "volume-control.sh --inc";
-            on-scroll-down = "volume-control.sh --dec";
-            format-bluetooth = "<span foreground='#928374'>{icon}</span> {volume}% {format_source}";
-            format-bluetooth-muted = "<span foreground='#928374'> {icon}</span> {format_source}";
-            format-muted = "<span foreground='#928374'></span> {format_source}";
-            format-source = "<span foreground='#928374'></span> {volume}%";
-            format-source-muted = "<span foreground='#928374'></span>";
-            format-icons = {
-              headphone = "";
-              hands-free = "";
-              headset = "";
-              phone = "";
-              portable = "";
-              car = "";
-              default = ["" "" ""];
-            };
-            on-click = lib.getExe pkgs.pavucontrol;
-            on-click-middle = lib.getExe pkgs.helvum;
-          };
-        }
-      ];
     };
   };
 }

modules/home/services/quickshell/components/bar/Battery.qml

@@ -0,0 +1,48 @@
+import Quickshell
+import Quickshell.Services.UPower
+import QtQuick
+import QtQuick.Layouts
+import org.kde.kirigami
+
+Rectangle {
+    id: bat
+
+    Layout.preferredWidth: batIcon.width
+    Layout.fillHeight: true
+    color: 'transparent'
+
+    readonly property var battery: UPower.displayDevice
+    readonly property int percentage: Math.round(battery.percentage * 100)
+    property var size: height * 0.4
+
+    visible: battery.isLaptopBattery
+
+    Icon {
+        id: batIcon
+        anchors.centerIn: parent
+
+        implicitHeight: bat.size
+        implicitWidth: bat.size
+
+        // This recolors the entire svg, instead of only classless components.
+        // Hopefully in the future classes can be selected for recoloring.
+        isMask: true
+        color: 'white'
+
+        source: {
+            const nearestTen = Math.round(bat.percentage / 10) * 10;
+            const number = nearestTen.toString().padStart(2, "0");
+            let charging;
+
+            if (bat.battery.state == UPowerDeviceState.Charging) {
+                charging = "-charging";
+            } else if (bat.battery.state.toString() == UPowerDeviceState.FullyCharged) {
+                charging = "-charged";
+            } else {
+                charging = "";
+            }
+
+            return Quickshell.iconPath(`battery-level-${number}${charging}-symbolic`);
+        }
+    }
+}

modules/home/services/quickshell/components/bar/Clock.qml

@@ -0,0 +1,16 @@
+import QtQuick
+import QtQuick.Layouts
+import "../../utils"
+
+Rectangle {
+    Layout.fillHeight: true
+    color: "transparent"
+    implicitWidth: clockText.width
+
+    Text {
+        id: clockText
+        text: Time.time
+        color: Colors.fg
+        anchors.centerIn: parent
+    }
+}

modules/home/services/quickshell/components/bar/Mpris.qml

@@ -0,0 +1,14 @@
+import QtQuick
+import QtQuick.Layouts
+
+Rectangle {
+    Layout.fillHeight: true
+    color: "salmon"
+    implicitWidth: mprisText.width
+
+    Text {
+        id: mprisText
+        text: "Mpris"
+        anchors.centerIn: parent
+    }
+}

modules/home/services/quickshell/components/bar/Resources.qml

@@ -0,0 +1,54 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import "../../utils"
+
+Rectangle {
+    id: resources
+
+    Layout.fillHeight: true
+    color: "transparent"
+    implicitWidth: rowLayout.width
+
+    property int valueSize: 8
+    property int textSize: 6
+
+    property string valueColor: "white"
+    property string textColor: "lightgray"
+
+    RowLayout {
+        id: rowLayout
+        anchors.centerIn: parent
+
+        ColumnLayout {
+            id: cpuColumn
+            Label {
+                color: textColor
+                font.pointSize: textSize
+                text: "CPU"
+                Layout.alignment: Qt.AlignCenter
+            }
+            Label {
+                color: valueColor
+                font.pointSize: valueSize
+                text: Resources.cpu_percent + "%"
+                Layout.alignment: Qt.AlignCenter
+            }
+        }
+
+        ColumnLayout {
+            Label {
+                color: textColor
+                font.pointSize: textSize
+                text: "MEM"
+                Layout.alignment: Qt.AlignCenter
+            }
+            Label {
+                color: valueColor
+                font.pointSize: valueSize
+                text: Resources.mem_percent + "%"
+                Layout.alignment: Qt.AlignCenter
+            }
+        }
+    }
+}

modules/home/services/quickshell/components/bar/Text.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+Text {
+    renderType: Text.NativeRendering
+}

modules/home/services/quickshell/components/bar/Tray.qml

@@ -0,0 +1,14 @@
+import QtQuick
+import QtQuick.Layouts
+
+Rectangle {
+    Layout.fillHeight: true
+    color: "lightblue"
+    implicitWidth: trayText.width
+
+    Text {
+        id: trayText
+        text: "Tray"
+        anchors.centerIn: parent
+    }
+}

modules/home/services/quickshell/components/bar/workspaces/Workspace.qml

@@ -0,0 +1,26 @@
+import QtQuick
+import QtQuick.Layouts
+
+Rectangle {
+    id: ws
+
+    property bool hovered: false
+
+    Layout.preferredWidth: parent.height * 0.4
+    Layout.preferredHeight: parent.height * 0.4
+    Layout.alignment: Qt.AlignHCenter
+    radius: height / 2
+
+    MouseArea {
+        anchors.fill: parent
+        hoverEnabled: true
+
+        onEntered: () => {
+            ws.hovered = true;
+        }
+        onExited: () => {
+            ws.hovered = false;
+        }
+        onClicked: () => console.log(`workspace ?`)
+    }
+}

modules/home/services/quickshell/components/bar/workspaces/Workspaces.qml

@@ -0,0 +1,55 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick
+import QtQuick.Layouts
+import "../../../utils"
+import Quickshell.Hyprland
+
+Rectangle {
+    id: workspaces
+
+    color: 'transparent'
+
+    width: workspacesRow.implicitWidth
+    Layout.fillHeight: true
+
+    RowLayout {
+        id: workspacesRow
+
+        height: parent.height
+        implicitWidth: (parent.height * 0.5 + spacing) * 2 - spacing
+        anchors.centerIn: parent
+
+        spacing: height / 7
+
+        Repeater {
+            id: repeater
+
+            model: HyprlandUtils.maxWorkspace
+
+            Workspace {
+                id: ws
+                required property int index
+                property HyprlandWorkspace currWorkspace: Hyprland.workspaces.values.find(e => e.id == index + 1) || null
+                property bool nonexistent: currWorkspace === null
+                property bool focused: index + 1 === Hyprland.focusedMonitor.activeWorkspace.id
+
+                Layout.preferredWidth: {
+                    if (focused) {
+                        return parent.height * 0.8;
+                    } else {
+                        return parent.height * 0.4;
+                    }
+                }
+
+                color: {
+                    if (nonexistent) {
+                        return Colors.bgBlur;
+                    } else {
+                        return Colors.monitorColors[Hyprland.monitors.values.indexOf(Hyprland.workspaces.values.find(e => e.id === index + 1).monitor)];
+                    }
+                }
+            }
+        }
+    }
+}

modules/home/services/quickshell/default.nix

@@ -0,0 +1,16 @@
+{
+  pkgs,
+  inputs,
+  lib,
+  ...
+}: let
+  quickshell = inputs.quickshell.packages.${pkgs.system}.default;
+in {
+  home.packages = [quickshell];
+
+  home.sessionVariables.QML2_IMPORT_PATH = lib.concatStringsSep ":" [
+    "${quickshell}/lib/qt-6/qml"
+    "${pkgs.kdePackages.qtdeclarative}/lib/qt-6/qml"
+    "${pkgs.kdePackages.kirigami.unwrapped}/lib/qt-6/qml"
+  ];
+}

modules/home/services/quickshell/shell.qml

@@ -0,0 +1,6 @@
+import "./windows"
+import Quickshell // for ShellRoot and PanelWindow
+
+ShellRoot {
+    Bar {}
+}

modules/home/services/quickshell/shell/LICENSE

@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.

modules/home/services/quickshell/shell/README.md

@@ -0,0 +1,226 @@
+<h1 align=center>caelestia-shell</h1>
+
+<div align=center>
+
+![GitHub last commit](https://img.shields.io/github/last-commit/caelestia-dots/shell?style=for-the-badge&labelColor=101418&color=9ccbfb)
+![GitHub Repo stars](https://img.shields.io/github/stars/caelestia-dots/shell?style=for-the-badge&labelColor=101418&color=b9c8da)
+![GitHub repo size](https://img.shields.io/github/repo-size/caelestia-dots/shell?style=for-the-badge&labelColor=101418&color=d3bfe6)
+[![Ko-Fi donate](https://img.shields.io/badge/donate-kofi?style=for-the-badge&logo=ko-fi&logoColor=ffffff&label=ko-fi&labelColor=101418&color=f16061&link=https%3A%2F%2Fko-fi.com%2Fsoramane)](https://ko-fi.com/soramane)
+
+</div>
+
+https://github.com/user-attachments/assets/0840f496-575c-4ca6-83a8-87bb01a85c5f
+
+## Components
+
+-   Widgets: [`Quickshell`](https://quickshell.outfoxxed.me)
+-   Window manager: [`Hyprland`](https://hyprland.org)
+-   Dots: [`caelestia`](https://github.com/caelestia-dots)
+
+## Installation
+
+> [!NOTE]
+> This repo is for the desktop shell of the caelestia dots. If you want installation instructions
+> for the entire dots, head to [the main repo](https://github.com/caelestia-dots/caelestia) instead.
+
+### Package manager
+
+> [!NOTE]
+> If you want to make your own changes/tweaks to the shell do NOT edit the files installed by the AUR
+> package. Instead, follow the instructions in the [manual installation section](#manual-installation).
+
+The shell is available from the AUR as `caelestia-shell-git`. You can install it with an AUR helper
+like [`yay`](https://github.com/Jguer/yay) or manually downloading the PKGBUILD and running `makepkg -si`.
+
+### Manual installation
+
+Dependencies:
+
+-   [`caelestia-cli`](https://github.com/caelestia-dots/cli)
+-   [`quickshell-git`](https://quickshell.outfoxxed.me) - this has to be the git version, not the latest tagged version
+-   [`ddcutil`](https://github.com/rockowitz/ddcutil)
+-   [`brightnessctl`](https://github.com/Hummer12007/brightnessctl)
+-   [`app2unit`](https://github.com/Vladimir-csp/app2unit)
+-   [`cava`](https://github.com/karlstav/cava)
+-   [`networkmanager`](https://networkmanager.dev)
+-   [`lm-sensors`](https://github.com/lm-sensors/lm-sensors)
+-   [`fish`](https://github.com/fish-shell/fish-shell)
+-   [`aubio`](https://github.com/aubio/aubio)
+-   [`libpipewire`](https://pipewire.org)
+-   `glibc`
+-   `qt6-declarative`
+-   `gcc-libs`
+-   [`material-symbols`](https://fonts.google.com/icons)
+-   [`jetbrains-mono-nerd`](https://www.nerdfonts.com/font-downloads)
+-   [`grim`](https://gitlab.freedesktop.org/emersion/grim)
+-   [`swappy`](https://github.com/jtheoof/swappy)
+-   [`libqalculate`](https://github.com/Qalculate/libqalculate)
+
+To install the shell manually, install all dependencies and clone this repo to `$XDG_CONFIG_HOME/quickshell/caelestia`.
+Then compile the beat detector and install it to `/usr/lib/caelestia/beat_detector`.
+
+```sh
+cd $XDG_CONFIG_HOME/quickshell
+git clone https://github.com/caelestia-dots/shell.git caelestia
+g++ -std=c++17 -Wall -Wextra -I/usr/include/pipewire-0.3 -I/usr/include/spa-0.2 -I/usr/include/aubio -o beat_detector caelestia/assets/beat_detector.cpp -lpipewire-0.3 -laubio
+sudo mv beat_detector /usr/lib/caelestia/beat_detector
+```
+
+## Usage
+
+The shell can be started via the `caelestia shell -d` command or `qs -c caelestia`.
+If the entire caelestia dots are installed, the shell will be autostarted on login
+via an `exec-once` in the hyprland config.
+
+### Shortcuts/IPC
+
+All keybinds are accessible via Hyprland [global shortcuts](https://wiki.hyprland.org/Configuring/Binds/#dbus-global-shortcuts).
+If using the entire caelestia dots, the keybinds are already configured for you.
+Otherwise, [this file](https://github.com/caelestia-dots/caelestia/blob/main/hypr/hyprland/keybinds.conf#L1-L39)
+contains an example on how to use global shortcuts.
+
+All IPC commands can be accessed via `caelestia shell ...`. For example
+
+```sh
+caelestia shell mpris getActive trackTitle
+```
+
+The list of IPC commands can be shown via `caelestia shell -s`:
+
+```
+$ caelestia shell -s
+target drawers
+  function toggle(drawer: string): void
+  function list(): string
+target notifs
+  function clear(): void
+target lock
+  function lock(): void
+  function unlock(): void
+  function isLocked(): bool
+target mpris
+  function playPause(): void
+  function getActive(prop: string): string
+  function next(): void
+  function stop(): void
+  function play(): void
+  function list(): string
+  function pause(): void
+  function previous(): void
+target picker
+  function openFreeze(): void
+  function open(): void
+target wallpaper
+  function set(path: string): void
+  function get(): string
+  function list(): string
+```
+
+### PFP/Wallpapers
+
+The profile picture for the dashboard is read from the file `~/.face`, so to set
+it you can copy your image to there or set it via the dashboard.
+
+The wallpapers for the wallpaper switcher are read from `~/Pictures/Wallpapers`
+by default. To change it, change the wallpapers path in `~/.config/caelestia/shell.json`.
+
+To set the wallpaper, you can use the command `caelestia wallpaper`. Use `caelestia wallpaper -h` for more info about
+the command.
+
+## Updating
+
+If installed via the AUR package, simply update your system (e.g. using `yay`).
+
+If installed manually, you can update by running `git pull` in `$XDG_CONFIG_HOME/quickshell/caelestia`.
+
+```sh
+cd $XDG_CONFIG_HOME/quickshell/caelestia
+git pull
+```
+
+## Configuring
+
+All configuration options are in `~/.config/caelestia/shell.json`.
+
+<details><summary>Example configuration</summary>
+
+```json
+{
+    "bar": {
+        "workspaces": {
+            "activeIndicator": true,
+            "activeLabel": "󰮯 ",
+            "activeTrail": false,
+            "label": "  ",
+            "occupiedBg": false,
+            "occupiedLabel": "󰮯 ",
+            "rounded": true,
+            "showWindows": true,
+            "shown": 5
+        }
+    },
+    "border": {
+        "rounding": 25,
+        "thickness": 10
+    },
+    "dashboard": {
+        "mediaUpdateInterval": 500,
+        "visualiserBars": 45,
+        "weatherLocation": "10,10"
+    },
+    "launcher": {
+        "actionPrefix": ">",
+        "enableDangerousActions": false,
+        "maxShown": 8,
+        "maxWallpapers": 9
+    },
+    "lock": {
+        "maxNotifs": 5
+    },
+    "notifs": {
+        "actionOnClick": false,
+        "clearThreshold": 0.3,
+        "defaultExpireTimeout": 5000,
+        "expandThreshold": 20,
+        "expire": false
+    },
+    "osd": {
+        "hideDelay": 2000
+    },
+    "paths": {
+        "mediaGif": "root:/assets/bongocat.gif",
+        "sessionGif": "root:/assets/kurukuru.gif",
+        "wallpaperDir": "~/Pictures/Wallpapers"
+    },
+    "session": {
+        "dragThreshold": 30
+    }
+}
+```
+
+</details>
+
+## Credits
+
+Thanks to the Hyprland discord community (especially the homies in #rice-discussion) for all the help and suggestions
+for improving these dots!
+
+A special thanks to [@outfoxxed](https://github.com/outfoxxed) for making Quickshell and the effort put into fixing issues
+and implementing various feature requests.
+
+Another special thanks to [@end_4](https://github.com/end-4) for his [config](https://github.com/end-4/dots-hyprland)
+which helped me a lot with learning how to use Quickshell.
+
+Finally another thank you to all the configs I took inspiration from (only one for now):
+
+-   [Axenide/Ax-Shell](https://github.com/Axenide/Ax-Shell)
+
+## Stonks 📈
+
+<a href="https://www.star-history.com/#caelestia-dots/shell&Date">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=caelestia-dots/shell&type=Date&theme=dark" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=caelestia-dots/shell&type=Date" />
+   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=caelestia-dots/shell&type=Date" />
+ </picture>
+</a>

modules/home/services/quickshell/shell/assets/beat_detector.cpp

@@ -0,0 +1,568 @@
+#include <algorithm>
+#include <pipewire/pipewire.h>
+#include <spa/param/audio/format-utils.h>
+#include <spa/param/props.h>
+#include <aubio/aubio.h>
+#include <memory>
+#include <iostream>
+#include <fstream>
+#include <csignal>
+#include <atomic>
+#include <vector>
+#include <cstring>
+#include <chrono>
+#include <iomanip>
+#include <sstream>
+#include <thread>
+#include <cmath>
+
+class EnhancedBeatDetector {
+private:
+    static constexpr uint32_t SAMPLE_RATE = 44100;
+    static constexpr uint32_t CHANNELS = 1;
+    
+    // PipeWire objects
+    pw_main_loop* main_loop_;
+    pw_context* context_;
+    pw_core* core_;
+    pw_stream* stream_;
+    
+    // Aubio objects
+    std::unique_ptr<aubio_tempo_t, decltype(&del_aubio_tempo)> tempo_;
+    std::unique_ptr<fvec_t, decltype(&del_fvec)> input_buffer_;
+    std::unique_ptr<fvec_t, decltype(&del_fvec)> output_buffer_;
+    
+    // Additional aubio objects for enhanced features
+    std::unique_ptr<aubio_onset_t, decltype(&del_aubio_onset)> onset_;
+    std::unique_ptr<aubio_pitch_t, decltype(&del_aubio_pitch)> pitch_;
+    std::unique_ptr<fvec_t, decltype(&del_fvec)> pitch_buffer_;
+    
+    const uint32_t buf_size_;
+    const uint32_t fft_size_;
+    
+    static std::atomic<bool> should_quit_;
+    static EnhancedBeatDetector* instance_;
+    
+    // Enhanced features
+    std::ofstream log_file_;
+    bool enable_logging_;
+    bool enable_performance_stats_;
+    bool enable_pitch_detection_;
+    bool enable_visual_feedback_;
+    
+    // Performance tracking
+    std::chrono::high_resolution_clock::time_point last_process_time_;
+    std::vector<double> process_times_;
+    uint64_t total_beats_;
+    uint64_t total_onsets_;
+    std::chrono::steady_clock::time_point start_time_;
+    
+    // Beat analysis
+    std::vector<float> recent_bpms_;
+    static constexpr size_t BPM_HISTORY_SIZE = 10;
+    float last_bpm_;
+    std::chrono::steady_clock::time_point last_beat_time_;
+    
+    // Useless Visual feedback
+    std::string generate_beat_visual(float bpm, bool is_beat) {
+        if (!enable_visual_feedback_) return "";
+        
+        std::stringstream ss;
+        if (is_beat) {
+            // Useless Animated beat indicator based on BPM intensity
+            int intensity = static_cast<int>(std::min(bpm / 20.0f, 10.0f));
+            ss << "\r ";
+            for (int i = 0; i < intensity; ++i) ss << "█";
+            for (int i = intensity; i < 10; ++i) ss << "░";
+            ss << " BPM: " << std::fixed << std::setprecision(1) << bpm;
+            ss << " | Avg: " << get_average_bpm();
+        }
+        return ss.str();
+    }
+
+public:
+    explicit EnhancedBeatDetector(uint32_t buf_size = 512, 
+                                 bool enable_logging = true,
+                                 bool enable_performance_stats = true,
+                                 bool enable_pitch_detection = false,
+                                 bool enable_visual_feedback = true) 
+        : main_loop_(nullptr)
+        , context_(nullptr)
+        , core_(nullptr)
+        , stream_(nullptr)
+        , tempo_(nullptr, &del_aubio_tempo)
+        , input_buffer_(nullptr, &del_fvec)
+        , output_buffer_(nullptr, &del_fvec)
+        , onset_(nullptr, &del_aubio_onset)
+        , pitch_(nullptr, &del_aubio_pitch)
+        , pitch_buffer_(nullptr, &del_fvec)
+        , buf_size_(buf_size)
+        , fft_size_(buf_size * 2)
+        , enable_logging_(enable_logging)
+        , enable_performance_stats_(enable_performance_stats)
+        , enable_pitch_detection_(enable_pitch_detection)
+        , enable_visual_feedback_(enable_visual_feedback)
+        , total_beats_(0)
+        , total_onsets_(0)
+        , last_bpm_(0.0f)
+    {
+        instance_ = this;
+        recent_bpms_.reserve(BPM_HISTORY_SIZE);
+        if (enable_performance_stats_) {
+            process_times_.reserve(1000); // Reserve space for performance data
+        }
+        initialize();
+    }
+    
+    ~EnhancedBeatDetector() {
+        print_final_stats();
+        cleanup();
+        instance_ = nullptr;
+    }
+    
+    // Delete copy constructor and assignment operator
+    EnhancedBeatDetector(const EnhancedBeatDetector&) = delete;
+    EnhancedBeatDetector& operator=(const EnhancedBeatDetector&) = delete;
+    
+    bool initialize() {
+        start_time_ = std::chrono::steady_clock::now();
+        
+        // Useless Initialize logging (actually useful)
+        if (enable_logging_) {
+            auto now = std::chrono::system_clock::now();
+            auto time_t = std::chrono::system_clock::to_time_t(now);
+            std::stringstream filename;
+            filename << "beat_log_" << std::put_time(std::localtime(&time_t), "%Y%m%d_%H%M%S") << ".txt";
+            log_file_.open(filename.str());
+            if (log_file_.is_open()) {
+                log_file_ << "# Beat Detection Log - " << std::put_time(std::localtime(&time_t), "%Y-%m-%d %H:%M:%S") << "\n";
+                log_file_ << "# Timestamp,BPM,Onset,Pitch(Hz),ProcessTime(ms)\n";
+                std::cout << " Logging to: " << filename.str() << std::endl;
+            }
+        }
+        
+        // Initialize PipeWire
+        pw_init(nullptr, nullptr);
+        
+        main_loop_ = pw_main_loop_new(nullptr);
+        if (!main_loop_) {
+            std::cerr << " Failed to create main loop" << std::endl;
+            return false;
+        }
+        
+        context_ = pw_context_new(pw_main_loop_get_loop(main_loop_), nullptr, 0);
+        if (!context_) {
+            std::cerr << " Failed to create context" << std::endl;
+            return false;
+        }
+        
+        core_ = pw_context_connect(context_, nullptr, 0);
+        if (!core_) {
+            std::cerr << " Failed to connect to PipeWire" << std::endl;
+            return false;
+        }
+        
+        // Initialize Aubio objects
+        tempo_.reset(new_aubio_tempo("default", fft_size_, buf_size_, SAMPLE_RATE));
+        if (!tempo_) {
+            std::cerr << " Failed to create aubio tempo detector" << std::endl;
+            return false;
+        }
+        
+        input_buffer_.reset(new_fvec(buf_size_));
+        output_buffer_.reset(new_fvec(1));
+        
+        if (!input_buffer_ || !output_buffer_) {
+            std::cerr << " Failed to create aubio buffers" << std::endl;
+            return false;
+        }
+        
+        // Initialize onset detection
+        onset_.reset(new_aubio_onset("default", fft_size_, buf_size_, SAMPLE_RATE));
+        if (!onset_) {
+            std::cerr << " Failed to create aubio onset detector" << std::endl;
+            return false;
+        }
+        
+        // Initialize pitch detection if enabled
+        if (enable_pitch_detection_) {
+            pitch_.reset(new_aubio_pitch("default", fft_size_, buf_size_, SAMPLE_RATE));
+            pitch_buffer_.reset(new_fvec(1));
+            if (!pitch_ || !pitch_buffer_) {
+                std::cerr << " Failed to create aubio pitch detector" << std::endl;
+                return false;
+            }
+            aubio_pitch_set_unit(pitch_.get(), "Hz");
+        }
+        
+        return setup_stream();
+    }
+    
+    void run() {
+        if (!main_loop_) return;
+        
+        print_startup_info();
+        pw_main_loop_run(main_loop_);
+    }
+    
+    void stop() {
+        should_quit_ = true;
+        if (main_loop_) {
+            pw_main_loop_quit(main_loop_);
+        }
+    }
+    
+    static void signal_handler(int sig) {
+        if (instance_) {
+            std::cout << "\n Received signal " << sig << ", stopping gracefullllly..." << std::endl;
+            instance_->stop();
+        }
+    }
+
+private:
+    void print_startup_info() {
+        std::cout << "\n󰝚  Beat Detector Started!" << std::endl;
+        std::cout << "   Buffer size: " << buf_size_ << " samples" << std::endl;
+        std::cout << "   Sample rate: " << SAMPLE_RATE << " Hz" << std::endl;
+        std::cout << "   Features enabled:" << std::endl;
+        std::cout << "    Logging: " << (enable_logging_ ? " " : "") << std::endl;
+        std::cout << "     Performance stats: " << (enable_performance_stats_ ? " " : "") << std::endl;
+        std::cout << "   󰗅  Pitch detection: " << (enable_pitch_detection_ ? " " : "") << std::endl;
+        std::cout << "\n Listening for beats... Press Ctrl+C to stop.\n" << std::endl;
+    }
+    
+    void print_final_stats() {
+        if (!enable_performance_stats_) return;
+        
+        auto end_time = std::chrono::steady_clock::now();
+        auto duration = std::chrono::duration_cast<std::chrono::seconds>(end_time - start_time_);
+        
+        std::cout << "\n  Final Statistics:" << std::endl;
+        std::cout << "   󱎫  Total runtime: " << duration.count() << " seconds" << std::endl;
+        std::cout << "    Total beats detected: " << total_beats_ << std::endl;
+        std::cout << "    Total onsets detected: " << total_onsets_ << std::endl;
+        
+        if (!process_times_.empty()) {
+            double avg_time = 0;
+            for (double t : process_times_) avg_time += t;
+            avg_time /= process_times_.size();
+            
+            auto max_time = *std::max_element(process_times_.begin(), process_times_.end());
+            auto min_time = *std::min_element(process_times_.begin(), process_times_.end());
+            
+            std::cout << "   ⚡ Average processing time: " << std::fixed << std::setprecision(3) 
+                      << avg_time << " ms" << std::endl;
+            std::cout << "   📈 Max processing time: " << max_time << " ms" << std::endl;
+            std::cout << "   📉 Min processing time: " << min_time << " ms" << std::endl;
+        }
+        
+        if (!recent_bpms_.empty()) {
+            std::cout << "   󰝚 Final average BPM: " << get_average_bpm() << std::endl;
+        }
+    }
+    
+    float get_average_bpm() const {
+        if (recent_bpms_.empty()) return 0.0f;
+        float sum = 0;
+        for (float bpm : recent_bpms_) sum += bpm;
+        return sum / recent_bpms_.size();
+    }
+    
+    bool setup_stream() {
+        // Stream events
+        static const pw_stream_events stream_events = {
+            .version = PW_VERSION_STREAM_EVENTS,
+            .destroy = nullptr,
+            .state_changed = on_state_changed,
+            .control_info = nullptr,
+            .io_changed = nullptr,
+            .param_changed = nullptr,
+            .add_buffer = nullptr,
+            .remove_buffer = nullptr,
+            .process = on_process,
+            .drained = nullptr,
+            .command = nullptr,
+            .trigger_done = nullptr,
+        };
+        
+        stream_ = pw_stream_new_simple(
+            pw_main_loop_get_loop(main_loop_),
+            "enhanced-beat-detector",
+            pw_properties_new(
+                PW_KEY_MEDIA_TYPE, "Audio",
+                PW_KEY_MEDIA_CATEGORY, "Capture",
+                PW_KEY_MEDIA_ROLE, "Music",
+                nullptr
+            ),
+            &stream_events,
+            this
+        );
+        
+        if (!stream_) {
+            std::cerr << " Failed to create stream" << std::endl;
+            return false;
+        }
+        
+        // Audio format parameters
+        uint8_t buffer[1024];
+        spa_pod_builder pod_builder = SPA_POD_BUILDER_INIT(buffer, sizeof(buffer));
+        
+        struct spa_audio_info_raw audio_info = {};
+        audio_info.format = SPA_AUDIO_FORMAT_F32_LE;
+        audio_info.channels = CHANNELS;
+        audio_info.rate = SAMPLE_RATE;
+        audio_info.flags = 0;
+        
+        const spa_pod* params[1];
+        params[0] = spa_format_audio_raw_build(&pod_builder, SPA_PARAM_EnumFormat, &audio_info);
+        
+        if (pw_stream_connect(stream_,
+                             PW_DIRECTION_INPUT,
+                             PW_ID_ANY,
+                             static_cast<pw_stream_flags>(
+                                 PW_STREAM_FLAG_AUTOCONNECT |
+                                 PW_STREAM_FLAG_MAP_BUFFERS |
+                                 PW_STREAM_FLAG_RT_PROCESS),
+                             params, 1) < 0) {
+            std::cerr << " Failed to connect stream" << std::endl;
+            return false;
+        }
+        
+        return true;
+    }
+    
+    static void on_state_changed(void* userdata, enum pw_stream_state /* old_state */, 
+                                enum pw_stream_state state, const char* error) {
+        auto* detector = static_cast<EnhancedBeatDetector*>(userdata);
+        
+        const char* state_emoji = "󰑓 ";
+        switch (state) {
+            case PW_STREAM_STATE_CONNECTING: state_emoji = "󰄙 "; break;
+            case PW_STREAM_STATE_PAUSED: state_emoji = ""; break;
+            case PW_STREAM_STATE_STREAMING: state_emoji = "󰝚 "; break;
+            case PW_STREAM_STATE_ERROR: state_emoji = ""; break;
+            case PW_STREAM_STATE_UNCONNECTED: state_emoji = " "; break;
+        }
+        
+        std::cout << state_emoji << " Stream state: " << pw_stream_state_as_string(state) << std::endl;
+        
+        if (state == PW_STREAM_STATE_ERROR) {
+            std::cerr << " Stream error: " << (error ? error : "unknown") << std::endl;
+            detector->stop();
+        }
+    }
+    
+    static void on_process(void* userdata) {
+        auto* detector = static_cast<EnhancedBeatDetector*>(userdata);
+        detector->process_audio();
+    }
+    
+    void process_audio() {
+        if (should_quit_) return;
+        
+        auto process_start = std::chrono::high_resolution_clock::now();
+        
+        pw_buffer* buffer = pw_stream_dequeue_buffer(stream_);
+        if (!buffer) return;
+        
+        spa_buffer* spa_buf = buffer->buffer;
+        if (!spa_buf->datas[0].data) {
+            pw_stream_queue_buffer(stream_, buffer);
+            return;
+        }
+        
+        const float* audio_data = static_cast<const float*>(spa_buf->datas[0].data);
+        const uint32_t n_samples = spa_buf->datas[0].chunk->size / sizeof(float);
+        
+        // Process in chunks
+        for (uint32_t offset = 0; offset + buf_size_ <= n_samples; offset += buf_size_) {
+            std::memcpy(input_buffer_->data, audio_data + offset, buf_size_ * sizeof(float));
+            
+            // Beat detection
+            aubio_tempo_do(tempo_.get(), input_buffer_.get(), output_buffer_.get());
+            bool is_beat = output_buffer_->data[0] != 0.0f;
+            
+            // Onset detection
+            aubio_onset_do(onset_.get(), input_buffer_.get(), output_buffer_.get());
+            bool is_onset = output_buffer_->data[0] != 0.0f;
+            
+            float pitch_hz = 0.0f;
+            if (enable_pitch_detection_) {
+                aubio_pitch_do(pitch_.get(), input_buffer_.get(), pitch_buffer_.get());
+                pitch_hz = pitch_buffer_->data[0];
+            }
+            
+            if (is_beat) {
+                total_beats_++;
+                last_bpm_ = aubio_tempo_get_bpm(tempo_.get());
+                last_beat_time_ = std::chrono::steady_clock::now();
+                
+                // Update BPM history
+                recent_bpms_.push_back(last_bpm_);
+                if (recent_bpms_.size() > BPM_HISTORY_SIZE) {
+                    recent_bpms_.erase(recent_bpms_.begin());
+                }
+                
+                // Visual feedback
+                if (enable_visual_feedback_) {
+                    std::cout << generate_beat_visual(last_bpm_, true) << std::flush;
+                } else {
+                    std::cout << " BPM: " << std::fixed << std::setprecision(1) << last_bpm_ << std::endl;
+                }
+            }
+            
+            if (is_onset) {
+                total_onsets_++;
+            }
+            
+            // Logging
+            if (enable_logging_ && log_file_.is_open() && (is_beat || is_onset)) {
+                auto now = std::chrono::system_clock::now();
+                auto time_t = std::chrono::system_clock::to_time_t(now);
+                auto ms = std::chrono::duration_cast<std::chrono::milliseconds>(
+                    now.time_since_epoch()) % 1000;
+                
+                log_file_ << std::put_time(std::localtime(&time_t), "%H:%M:%S") 
+                         << "." << std::setfill('0') << std::setw(3) << ms.count() << ","
+                         << (is_beat ? last_bpm_ : 0) << ","
+                         << (is_onset ? 1 : 0) << ","
+                         << pitch_hz << ",";
+            }
+        }
+        
+        pw_stream_queue_buffer(stream_, buffer);
+        
+        // Performance tracking
+        if (enable_performance_stats_) {
+            auto process_end = std::chrono::high_resolution_clock::now();
+            auto process_time = std::chrono::duration<double, std::milli>(process_end - process_start).count();
+            
+            if (log_file_.is_open() && (total_beats_ > 0 || total_onsets_ > 0)) {
+                log_file_ << std::fixed << std::setprecision(3) << process_time << "\n";
+            }
+            
+            if (process_times_.size() < 1000) {
+                process_times_.push_back(process_time);
+            }
+        }
+    }
+    
+    void cleanup() {
+        if (log_file_.is_open()) {
+            log_file_.close();
+        }
+        
+        if (stream_) {
+            pw_stream_destroy(stream_);
+            stream_ = nullptr;
+        }
+        
+        if (core_) {
+            pw_core_disconnect(core_);
+            core_ = nullptr;
+        }
+        
+        if (context_) {
+            pw_context_destroy(context_);
+            context_ = nullptr;
+        }
+        
+        if (main_loop_) {
+            pw_main_loop_destroy(main_loop_);
+            main_loop_ = nullptr;
+        }
+        
+        tempo_.reset();
+        input_buffer_.reset();
+        output_buffer_.reset();
+        onset_.reset();
+        pitch_.reset();
+        pitch_buffer_.reset();
+        
+        pw_deinit();
+        
+        std::cout << "\n Cleanup complete - All resources freed!" << std::endl;
+    }
+};
+
+// Static member definitions
+std::atomic<bool> EnhancedBeatDetector::should_quit_{false};
+EnhancedBeatDetector* EnhancedBeatDetector::instance_{nullptr};
+
+void print_usage() {
+    std::cout << " Beat Detector Usage:" << std::endl;
+    std::cout << "  ./beat_detector [buffer_size] [options]" << std::endl;
+    std::cout << "\nOptions:" << std::endl;
+    std::cout << "  --no-log          Disable logging to file" << std::endl;
+    std::cout << "  --no-stats        Disable performance statistics" << std::endl;
+    std::cout << "  --pitch           Enable pitch detection" << std::endl;
+    std::cout << "  --no-visual       Disable visual feedback" << std::endl;
+    std::cout << "  --help            Show this help" << std::endl;
+    std::cout << "\nExamples:" << std::endl;
+    std::cout << "  ./beat_detector                    # Default settings" << std::endl;
+    std::cout << "  ./beat_detector 256 --pitch       # Smaller buffer with pitch detection" << std::endl;
+    std::cout << "  ./beat_detector 1024 --no-visual  # Larger buffer, no visual feedback" << std::endl;
+}
+
+int main(int argc, char* argv[]) {
+    // Parse command line arguments
+    uint32_t buffer_size = 512;
+    bool enable_logging = true;
+    bool enable_performance_stats = true;
+    bool enable_pitch_detection = false;
+    bool enable_visual_feedback = true;
+    
+    for (int i = 1; i < argc; ++i) {
+        std::string arg = argv[i];
+        
+        if (arg == "--help" || arg == "-h") {
+            print_usage();
+            return 0;
+        } else if (arg == "--no-log") {
+            enable_logging = false;
+        } else if (arg == "--no-stats") {
+            enable_performance_stats = false;
+        } else if (arg == "--pitch") {
+            enable_pitch_detection = true;
+        } else if (arg == "--no-visual") {
+            enable_visual_feedback = false;
+        } else if (arg[0] != '-') {
+            // Assume it's a buffer size
+            try {
+                buffer_size = std::stoul(arg);
+                if (buffer_size < 64 || buffer_size > 8192) {
+                    std::cerr << " Buffer size must be between 64 and 8192" << std::endl;
+                    return 1;
+                }
+            } catch (...) {
+                std::cerr << " Invalid buffer size: " << arg << std::endl;
+                return 1;
+            }
+        } else {
+            std::cerr << " Unknown option: " << arg << std::endl;
+            print_usage();
+            return 1;
+        }
+    }
+    
+    // Set up signal handling
+    std::signal(SIGINT, EnhancedBeatDetector::signal_handler);
+    std::signal(SIGTERM, EnhancedBeatDetector::signal_handler);
+    
+    try {
+        EnhancedBeatDetector detector(buffer_size, enable_logging, enable_performance_stats,
+                                     enable_pitch_detection, enable_visual_feedback);
+        detector.run();
+    } catch (const std::exception& e) {
+        std::cerr << " Error: " << e.what() << std::endl;
+        return 1;
+    }
+    
+    return 0;
+}
+
+/*
+ * Compilation command:
+ * g++ -std=c++17 -O3 -Wall -Wextra -I/usr/include/pipewire-0.3 -I/usr/include/spa-0.2 -I/usr/include/aubio \
+ *     -o beat_detector beat_detector.cpp -lpipewire-0.3 -laubio -pthread
+ */

modules/home/services/quickshell/shell/config/Appearance.qml

@@ -0,0 +1,84 @@
+pragma Singleton
+
+import Quickshell
+import QtQuick
+
+Singleton {
+    id: root
+
+    readonly property Rounding rounding: Rounding {}
+    readonly property Spacing spacing: Spacing {}
+    readonly property Padding padding: Padding {}
+    readonly property Font font: Font {}
+    readonly property Anim anim: Anim {}
+
+    component Rounding: QtObject {
+        readonly property int small: 12
+        readonly property int normal: 17
+        readonly property int large: 25
+        readonly property int full: 1000
+    }
+
+    component Spacing: QtObject {
+        readonly property int small: 7
+        readonly property int smaller: 10
+        readonly property int normal: 12
+        readonly property int larger: 15
+        readonly property int large: 20
+    }
+
+    component Padding: QtObject {
+        readonly property int small: 5
+        readonly property int smaller: 7
+        readonly property int normal: 10
+        readonly property int larger: 12
+        readonly property int large: 15
+    }
+
+    component FontFamily: QtObject {
+        readonly property string sans: "IBM Plex Sans"
+        readonly property string mono: "JetBrains Mono NF"
+        readonly property string material: "Material Symbols Rounded"
+    }
+
+    component FontSize: QtObject {
+        readonly property int small: 11
+        readonly property int smaller: 12
+        readonly property int normal: 13
+        readonly property int larger: 15
+        readonly property int large: 18
+        readonly property int extraLarge: 28
+    }
+
+    component Font: QtObject {
+        readonly property FontFamily family: FontFamily {}
+        readonly property FontSize size: FontSize {}
+    }
+
+    component AnimCurves: QtObject {
+        readonly property list<real> emphasized: [0.05, 0, 2 / 15, 0.06, 1 / 6, 0.4, 5 / 24, 0.82, 0.25, 1, 1, 1]
+        readonly property list<real> emphasizedAccel: [0.3, 0, 0.8, 0.15, 1, 1]
+        readonly property list<real> emphasizedDecel: [0.05, 0.7, 0.1, 1, 1, 1]
+        readonly property list<real> standard: [0.2, 0, 0, 1, 1, 1]
+        readonly property list<real> standardAccel: [0.3, 0, 1, 1, 1, 1]
+        readonly property list<real> standardDecel: [0, 0, 0, 1, 1, 1]
+        readonly property list<real> expressiveFastSpatial: [0.42, 1.67, 0.21, 0.9, 1, 1]
+        readonly property list<real> expressiveDefaultSpatial: [0.38, 1.21, 0.22, 1, 1, 1]
+        readonly property list<real> expressiveEffects: [0.34, 0.8, 0.34, 1, 1, 1]
+    }
+
+    component AnimDurations: QtObject {
+        readonly property int small: 200
+        readonly property int normal: 400
+        readonly property int large: 600
+        readonly property int extraLarge: 1000
+        readonly property int expressiveFastSpatial: 350
+        readonly property int expressiveDefaultSpatial: 500
+        readonly property int expressiveEffects: 200
+    }
+
+    component Anim: QtObject {
+        readonly property AnimCurves curves: AnimCurves {}
+        readonly property AnimDurations durations: AnimDurations {}
+    }
+}

modules/home/services/quickshell/shell/config/BarConfig.qml

@@ -0,0 +1,22 @@
+import Quickshell.Io
+
+JsonObject {
+    property JsonObject sizes: JsonObject {
+        property int innerHeight: 30
+        property int windowPreviewSize: 400
+        property int trayMenuWidth: 300
+        property int batteryWidth: 250
+    }
+
+    property JsonObject workspaces: JsonObject {
+        property int shown: 5
+        property bool rounded: true
+        property bool activeIndicator: true
+        property bool occupiedBg: false
+        property bool showWindows: true
+        property bool activeTrail: false
+        property string label: "  "
+        property string occupiedLabel: "󰮯 "
+        property string activeLabel: "󰮯 "
+    }
+}

modules/home/services/quickshell/shell/config/BorderConfig.qml

@@ -0,0 +1,6 @@
+import Quickshell.Io
+
+JsonObject {
+    property int thickness: Appearance.padding.normal
+    property int rounding: Appearance.rounding.large
+}

modules/home/services/quickshell/shell/config/Config.qml

@@ -0,0 +1,42 @@
+pragma Singleton
+
+import "root:/utils"
+import Quickshell
+import Quickshell.Io
+
+Singleton {
+    id: root
+
+    property alias bar: adapter.bar
+    property alias border: adapter.border
+    property alias dashboard: adapter.dashboard
+    property alias launcher: adapter.launcher
+    property alias notifs: adapter.notifs
+    property alias osd: adapter.osd
+    property alias session: adapter.session
+    property alias winfo: adapter.winfo
+    property alias lock: adapter.lock
+    property alias paths: adapter.paths
+
+    FileView {
+        path: `${Paths.config}/shell.json`
+        watchChanges: true
+        onFileChanged: reload()
+        onAdapterUpdated: writeAdapter()
+
+        JsonAdapter {
+            id: adapter
+
+            property JsonObject bar: BarConfig {}
+            property JsonObject border: BorderConfig {}
+            property JsonObject dashboard: DashboardConfig {}
+            property JsonObject launcher: LauncherConfig {}
+            property JsonObject notifs: NotifsConfig {}
+            property JsonObject osd: OsdConfig {}
+            property JsonObject session: SessionConfig {}
+            property JsonObject winfo: WInfoConfig {}
+            property JsonObject lock: LockConfig {}
+            property JsonObject paths: UserPaths {}
+        }
+    }
+}

modules/home/services/quickshell/shell/config/DashboardConfig.qml

@@ -0,0 +1,23 @@
+import Quickshell.Io
+
+JsonObject {
+    property int mediaUpdateInterval: 500
+    property int visualiserBars: 45
+    property string weatherLocation: "" // A lat,long pair, e.g. "37.8267,-122.4233"
+
+    property JsonObject sizes: JsonObject {
+        readonly property int tabIndicatorHeight: 3
+        readonly property int tabIndicatorSpacing: 5
+        readonly property int infoWidth: 200
+        readonly property int infoIconSize: 25
+        readonly property int dateTimeWidth: 110
+        readonly property int mediaWidth: 200
+        readonly property int mediaProgressSweep: 180
+        readonly property int mediaProgressThickness: 8
+        readonly property int resourceProgessThickness: 10
+        readonly property int weatherWidth: 250
+        readonly property int mediaCoverArtSize: 150
+        readonly property int mediaVisualiserSize: 80
+        readonly property int resourceSize: 200
+    }
+}

modules/home/services/quickshell/shell/config/LauncherConfig.qml

@@ -0,0 +1,15 @@
+import Quickshell.Io
+
+JsonObject {
+    property int maxShown: 8
+    property int maxWallpapers: 9 // Warning: even numbers look bad
+    property string actionPrefix: ">"
+    property bool enableDangerousActions: false // Allow actions that can cause losing data, like shutdown, reboot and logout
+
+    property JsonObject sizes: JsonObject {
+        property int itemWidth: 600
+        property int itemHeight: 57
+        property int wallpaperWidth: 280
+        property int wallpaperHeight: 200
+    }
+}

modules/home/services/quickshell/shell/config/LockConfig.qml

@@ -0,0 +1,27 @@
+import Quickshell.Io
+
+JsonObject {
+    property int maxNotifs: 5
+
+    property JsonObject sizes: JsonObject {
+        property int border: 100
+        property int clockWidth: 800
+        property int clockHeight: 200
+        property int inputWidth: 600
+        property int inputHeight: 200
+        property int faceSize: 100
+        property int weatherWidth: 400
+        property int weatherHeight: 100
+        property int mediaWidth: 600
+        property int mediaWidthSmall: 450
+        property int mediaHeight: 170
+        property int mediaHeightSmall: 150
+        property int mediaCoverSize: 150
+        property int mediaCoverSizeSmall: 120
+        property int mediaCoverBorder: 3
+        property int largeScreenWidth: 2560
+        property int smallScreenWidth: 1080
+        property int buttonsWidth: 500
+        property int buttonsWidthSmall: 300
+    }
+}

modules/home/services/quickshell/shell/config/NotifsConfig.qml

@@ -0,0 +1,15 @@
+import Quickshell.Io
+
+JsonObject {
+    property bool expire: true
+    property int defaultExpireTimeout: 5000
+    property real clearThreshold: 0.3
+    property int expandThreshold: 20
+    property bool actionOnClick: false
+
+    property JsonObject sizes: JsonObject {
+        property int width: 400
+        property int image: 41
+        property int badge: 20
+    }
+}

modules/home/services/quickshell/shell/config/OsdConfig.qml

@@ -0,0 +1,10 @@
+import Quickshell.Io
+
+JsonObject {
+    property int hideDelay: 2000
+
+    property JsonObject sizes: JsonObject {
+        property int sliderWidth: 30
+        property int sliderHeight: 150
+    }
+}

modules/home/services/quickshell/shell/config/SessionConfig.qml

@@ -0,0 +1,9 @@
+import Quickshell.Io
+
+JsonObject {
+    property int dragThreshold: 30
+
+    property JsonObject sizes: JsonObject {
+        property int button: 80
+    }
+}

modules/home/services/quickshell/shell/config/UserPaths.qml

@@ -0,0 +1,8 @@
+import "root:/utils"
+import Quickshell.Io
+
+JsonObject {
+    property string wallpaperDir: Paths.strip(`${Paths.pictures}/Wallpapers`)
+    property string sessionGif: "root:/assets/kurukuru.gif"
+    property string mediaGif: "root:/assets/bongocat.gif"
+}

modules/home/services/quickshell/shell/config/WInfoConfig.qml

@@ -0,0 +1,8 @@
+import Quickshell.Io
+
+JsonObject {
+    property JsonObject sizes: JsonObject {
+        property real heightMult: 0.7
+        property real detailsWidth: 500
+    }
+}

modules/home/services/quickshell/shell/modules/Shortcuts.qml

@@ -0,0 +1,65 @@
+import "root:/widgets"
+import "root:/services"
+import Quickshell
+import Quickshell.Io
+
+Scope {
+    id: root
+
+    property bool launcherInterrupted
+
+    CustomShortcut {
+        name: "showall"
+        description: "Toggle launcher, dashboard and osd"
+        onPressed: {
+            const v = Visibilities.getForActive();
+            v.launcher = v.dashboard = v.osd = !(v.launcher || v.dashboard || v.osd);
+        }
+    }
+
+    CustomShortcut {
+        name: "session"
+        description: "Toggle session menu"
+        onPressed: {
+            const visibilities = Visibilities.getForActive();
+            visibilities.session = !visibilities.session;
+        }
+    }
+
+    CustomShortcut {
+        name: "launcher"
+        description: "Toggle launcher"
+        onPressed: root.launcherInterrupted = false
+        onReleased: {
+            if (!root.launcherInterrupted) {
+                const visibilities = Visibilities.getForActive();
+                visibilities.launcher = !visibilities.launcher;
+            }
+            root.launcherInterrupted = false;
+        }
+    }
+
+    CustomShortcut {
+        name: "launcherInterrupt"
+        description: "Interrupt launcher keybind"
+        onPressed: root.launcherInterrupted = true
+    }
+
+    IpcHandler {
+        target: "drawers"
+
+        function toggle(drawer: string): void {
+            if (list().split("\n").includes(drawer)) {
+                const visibilities = Visibilities.getForActive();
+                visibilities[drawer] = !visibilities[drawer];
+            } else {
+                console.warn(`[IPC] Drawer "${drawer}" does not exist`);
+            }
+        }
+
+        function list(): string {
+            const visibilities = Visibilities.getForActive();
+            return Object.keys(visibilities).filter(k => typeof visibilities[k] === "boolean").join("\n");
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/areapicker/AreaPicker.qml

@@ -0,0 +1,82 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import Quickshell
+import Quickshell.Wayland
+import Quickshell.Io
+
+Scope {
+    LazyLoader {
+        id: root
+
+        property bool freeze
+        property bool closing
+
+        Variants {
+            model: Quickshell.screens
+
+            StyledWindow {
+                id: win
+
+                required property ShellScreen modelData
+
+                screen: modelData
+                name: "area-picker"
+                WlrLayershell.exclusionMode: ExclusionMode.Ignore
+                WlrLayershell.layer: WlrLayer.Overlay
+                WlrLayershell.keyboardFocus: root.closing ? WlrKeyboardFocus.None : WlrKeyboardFocus.Exclusive
+                mask: root.closing ? empty : null
+
+                anchors.top: true
+                anchors.bottom: true
+                anchors.left: true
+                anchors.right: true
+
+                Region {
+                    id: empty
+                }
+
+                Picker {
+                    loader: root
+                    screen: win.modelData
+                }
+            }
+        }
+    }
+
+    IpcHandler {
+        target: "picker"
+
+        function open(): void {
+            root.freeze = false;
+            root.closing = false;
+            root.activeAsync = true;
+        }
+
+        function openFreeze(): void {
+            root.freeze = true;
+            root.closing = false;
+            root.activeAsync = true;
+        }
+    }
+
+    CustomShortcut {
+        name: "screenshot"
+        description: "Open screenshot tool"
+        onPressed: {
+            root.freeze = false;
+            root.closing = false;
+            root.activeAsync = true;
+        }
+    }
+
+    CustomShortcut {
+        name: "screenshotFreeze"
+        description: "Open screenshot tool (freeze mode)"
+        onPressed: {
+            root.freeze = true;
+            root.closing = false;
+            root.activeAsync = true;
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/areapicker/Picker.qml

@@ -0,0 +1,278 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Io
+import Quickshell.Wayland
+import QtQuick
+import QtQuick.Effects
+
+MouseArea {
+    id: root
+
+    required property LazyLoader loader
+    required property ShellScreen screen
+
+    property int borderWidth
+    property int rounding
+
+    property bool onClient
+
+    property real realBorderWidth: onClient ? borderWidth : 2
+    property real realRounding: onClient ? rounding : 0
+
+    property real ssx
+    property real ssy
+
+    property real sx: 0
+    property real sy: 0
+    property real ex: screen.width
+    property real ey: screen.height
+
+    property real rsx: Math.min(sx, ex)
+    property real rsy: Math.min(sy, ey)
+    property real sw: Math.abs(sx - ex)
+    property real sh: Math.abs(sy - ey)
+
+    property list<var> clients: Hyprland.toplevels.values.filter(c => c.workspace.id === Hyprland.activeWsId).sort((a, b) => {
+        // Pinned first, then floating, then any other
+        if (a.lastIpcObject.pinned === b.lastIpcObject.pinned)
+            return a.lastIpcObject.floating === b.lastIpcObject.floating ? 0 : a.lastIpcObject.floating ? -1 : 1;
+        if (a.lastIpcObject.pinned)
+            return -1;
+        return 1;
+    })
+
+    function checkClientRects(x: real, y: real): void {
+        for (const client of clients) {
+            const {
+                at: [cx, cy],
+                size: [cw, ch]
+            } = client.lastIpcObject;
+            if (cx <= x && cy <= y && cx + cw >= x && cy + ch >= y) {
+                onClient = true;
+                sx = cx;
+                sy = cy;
+                ex = cx + cw;
+                ey = cy + ch;
+                break;
+            }
+        }
+    }
+
+    anchors.fill: parent
+    opacity: 0
+    hoverEnabled: true
+    cursorShape: Qt.CrossCursor
+
+    Component.onCompleted: {
+        // Break binding if frozen
+        if (loader.freeze)
+            clients = clients;
+
+        opacity = 1;
+        sx = screen.width / 2 - 100;
+        sy = screen.height / 2 - 100;
+        ex = screen.width / 2 + 100;
+        ey = screen.height / 2 + 100;
+    }
+
+    onPressed: event => {
+        ssx = event.x;
+        ssy = event.y;
+    }
+
+    onReleased: {
+        if (closeAnim.running)
+            return;
+
+        Quickshell.execDetached(["sh", "-c", `grim -l 0 -g '${screen.x + Math.ceil(rsx)},${screen.y + Math.ceil(rsy)} ${Math.floor(sw)}x${Math.floor(sh)}' - | swappy -f -`]);
+        closeAnim.start();
+    }
+
+    onPositionChanged: event => {
+        const x = event.x;
+        const y = event.y;
+
+        if (pressed) {
+            onClient = false;
+            sx = ssx;
+            sy = ssy;
+            ex = x;
+            ey = y;
+        } else {
+            checkClientRects(x, y);
+        }
+    }
+
+    focus: true
+    Keys.onEscapePressed: closeAnim.start()
+
+    SequentialAnimation {
+        id: closeAnim
+
+        PropertyAction {
+            target: root.loader
+            property: "closing"
+            value: true
+        }
+        ParallelAnimation {
+            Anim {
+                target: root
+                property: "opacity"
+                to: 0
+                duration: Appearance.anim.durations.large
+            }
+            Anim {
+                target: root
+                properties: "rsx,rsy"
+                to: 0
+            }
+            Anim {
+                target: root
+                property: "sw"
+                to: root.screen.width
+            }
+            Anim {
+                target: root
+                property: "sh"
+                to: root.screen.height
+            }
+        }
+        PropertyAction {
+            target: root.loader
+            property: "activeAsync"
+            value: false
+        }
+    }
+
+    Connections {
+        target: Hyprland
+
+        function onActiveWsIdChanged(): void {
+            root.checkClientRects(root.mouseX, root.mouseY);
+        }
+    }
+
+    Process {
+        running: true
+        command: ["hyprctl", "-j", "getoption", "general:border_size"]
+        stdout: StdioCollector {
+            onStreamFinished: root.borderWidth = JSON.parse(text).int
+        }
+    }
+
+    Process {
+        running: true
+        command: ["hyprctl", "-j", "getoption", "decoration:rounding"]
+        stdout: StdioCollector {
+            onStreamFinished: root.rounding = JSON.parse(text).int
+        }
+    }
+
+    Loader {
+        anchors.fill: parent
+
+        active: root.loader.freeze
+        asynchronous: true
+
+        sourceComponent: ScreencopyView {
+            captureSource: root.screen
+        }
+    }
+
+    StyledRect {
+        id: background
+
+        anchors.fill: parent
+        color: Colours.palette.m3secondaryContainer
+        visible: false
+    }
+
+    Item {
+        id: selectionWrapper
+
+        anchors.fill: parent
+        layer.enabled: true
+        visible: false
+
+        Rectangle {
+            id: selectionRect
+
+            radius: root.realRounding
+            x: root.rsx
+            y: root.rsy
+            implicitWidth: root.sw
+            implicitHeight: root.sh
+        }
+    }
+
+    MultiEffect {
+        anchors.fill: parent
+        source: background
+        maskSource: selectionWrapper
+        maskEnabled: true
+        maskInverted: true
+        maskSpreadAtMin: 1
+        maskThresholdMin: 0.5
+        opacity: 0.3
+    }
+
+    Rectangle {
+        color: "transparent"
+        radius: root.realRounding > 0 ? root.realRounding + root.realBorderWidth : 0
+        border.width: root.realBorderWidth
+        border.color: Colours.palette.m3primary
+
+        x: selectionRect.x - root.realBorderWidth
+        y: selectionRect.y - root.realBorderWidth
+        implicitWidth: selectionRect.implicitWidth + root.realBorderWidth * 2
+        implicitHeight: selectionRect.implicitHeight + root.realBorderWidth * 2
+
+        Behavior on border.color {
+            ColorAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+    }
+
+    Behavior on opacity {
+        Anim {
+            duration: Appearance.anim.durations.large
+        }
+    }
+
+    Behavior on rsx {
+        enabled: !root.pressed
+
+        Anim {}
+    }
+
+    Behavior on rsy {
+        enabled: !root.pressed
+
+        Anim {}
+    }
+
+    Behavior on sw {
+        enabled: !root.pressed
+
+        Anim {}
+    }
+
+    Behavior on sh {
+        enabled: !root.pressed
+
+        Anim {}
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.expressiveDefaultSpatial
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
+    }
+}

modules/home/services/quickshell/shell/modules/background/Background.qml

@@ -0,0 +1,26 @@
+import "root:/widgets"
+import Quickshell
+import Quickshell.Wayland
+
+Variants {
+    model: Quickshell.screens
+
+    StyledWindow {
+        id: win
+
+        required property ShellScreen modelData
+
+        screen: modelData
+        name: "background"
+        WlrLayershell.exclusionMode: ExclusionMode.Ignore
+        WlrLayershell.layer: WlrLayer.Background
+        color: "black"
+
+        anchors.top: true
+        anchors.bottom: true
+        anchors.left: true
+        anchors.right: true
+
+        Wallpaper {}
+    }
+}

modules/home/services/quickshell/shell/modules/background/Wallpaper.qml

@@ -0,0 +1,143 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Dialogs
+
+Item {
+    id: root
+
+    property string source: Wallpapers.current
+    property Image current: one
+
+    anchors.fill: parent
+
+    onSourceChanged: {
+        if (!source)
+            current = null;
+        else if (current === one)
+            two.update();
+        else
+            one.update();
+    }
+
+    Loader {
+        anchors.fill: parent
+
+        active: !root.source
+        asynchronous: true
+
+        sourceComponent: StyledRect {
+            color: Colours.palette.m3surfaceContainer
+
+            Row {
+                anchors.centerIn: parent
+                spacing: Appearance.spacing.large
+
+                MaterialIcon {
+                    text: "sentiment_stressed"
+                    color: Colours.palette.m3onSurfaceVariant
+                    font.pointSize: Appearance.font.size.extraLarge * 5
+                }
+
+                Column {
+                    anchors.verticalCenter: parent.verticalCenter
+                    spacing: Appearance.spacing.small
+
+                    StyledText {
+                        text: qsTr("Wallpaper missing?")
+                        color: Colours.palette.m3onSurfaceVariant
+                        font.pointSize: Appearance.font.size.extraLarge * 2
+                        font.bold: true
+                    }
+
+                    StyledRect {
+                        implicitWidth: selectWallText.implicitWidth + Appearance.padding.large * 2
+                        implicitHeight: selectWallText.implicitHeight + Appearance.padding.small * 2
+
+                        radius: Appearance.rounding.full
+                        color: Colours.palette.m3primary
+
+                        FileDialog {
+                            id: dialog
+
+                            nameFilters: [`Image files (${Wallpapers.extensions.map(e => `*.${e}`).join(" ")})`]
+
+                            onAccepted: Wallpapers.setWallpaper(selectedFile.toString().replace("file://", ""))
+                        }
+
+                        StateLayer {
+                            radius: parent.radius
+                            color: Colours.palette.m3onPrimary
+
+                            function onClicked(): void {
+                                dialog.open();
+                            }
+                        }
+
+                        StyledText {
+                            id: selectWallText
+
+                            anchors.centerIn: parent
+
+                            text: qsTr("Set it now!")
+                            color: Colours.palette.m3onPrimary
+                            font.pointSize: Appearance.font.size.large
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    Img {
+        id: one
+    }
+
+    Img {
+        id: two
+    }
+
+    component Img: CachingImage {
+        id: img
+
+        function update(): void {
+            if (path === root.source)
+                root.current = this;
+            else
+                path = root.source;
+        }
+
+        anchors.fill: parent
+
+        opacity: 0
+        scale: Wallpapers.showPreview ? 1 : 0.8
+
+        onStatusChanged: {
+            if (status === Image.Ready)
+                root.current = this;
+        }
+
+        states: State {
+            name: "visible"
+            when: root.current === img
+
+            PropertyChanges {
+                img.opacity: 1
+                img.scale: 1
+            }
+        }
+
+        transitions: Transition {
+            NumberAnimation {
+                target: img
+                properties: "opacity,scale"
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/Bar.qml

@@ -0,0 +1,174 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import "root:/modules/bar/popouts" as BarPopouts
+import "components"
+import "components/workspaces"
+import Quickshell
+import QtQuick
+
+Item {
+    id: root
+
+    required property ShellScreen screen
+    required property BarPopouts.Wrapper popouts
+
+    function checkPopout(y: real): void {
+        const spacing = Appearance.spacing.small;
+        const aw = activeWindow.child;
+        const awy = activeWindow.y + aw.y;
+
+        const ty = tray.y;
+        const th = tray.implicitHeight;
+        const trayItems = tray.items;
+
+        const n = statusIconsInner.network;
+        const ny = statusIcons.y + statusIconsInner.y + n.y - spacing / 2;
+
+        const bls = statusIcons.y + statusIconsInner.y + statusIconsInner.bs - spacing / 2;
+        const ble = statusIcons.y + statusIconsInner.y + statusIconsInner.be + spacing / 2;
+
+        const b = statusIconsInner.battery;
+        const by = statusIcons.y + statusIconsInner.y + b.y - spacing / 2;
+
+        if (y >= awy && y <= awy + aw.implicitHeight) {
+            popouts.currentName = "activewindow";
+            popouts.currentCenter = Qt.binding(() => activeWindow.y + aw.y + aw.implicitHeight / 2);
+            popouts.hasCurrent = true;
+        } else if (y > ty && y < ty + th) {
+            const index = Math.floor(((y - ty) / th) * trayItems.count);
+            const item = trayItems.itemAt(index);
+
+            popouts.currentName = `traymenu${index}`;
+            popouts.currentCenter = Qt.binding(() => tray.y + item.y + item.implicitHeight / 2);
+            popouts.hasCurrent = true;
+        } else if (y >= ny && y <= ny + n.implicitHeight + spacing) {
+            popouts.currentName = "network";
+            popouts.currentCenter = Qt.binding(() => statusIcons.y + statusIconsInner.y + n.y + n.implicitHeight / 2);
+            popouts.hasCurrent = true;
+        } else if (y >= bls && y <= ble) {
+            popouts.currentName = "bluetooth";
+            popouts.currentCenter = Qt.binding(() => statusIcons.y + statusIconsInner.y + statusIconsInner.bs + (statusIconsInner.be - statusIconsInner.bs) / 2);
+            popouts.hasCurrent = true;
+        } else if (y >= by && y <= by + b.implicitHeight + spacing) {
+            popouts.currentName = "battery";
+            popouts.currentCenter = Qt.binding(() => statusIcons.y + statusIconsInner.y + b.y + b.implicitHeight / 2);
+            popouts.hasCurrent = true;
+        } else {
+            popouts.hasCurrent = false;
+        }
+    }
+
+    anchors.top: parent.top
+    anchors.bottom: parent.bottom
+    anchors.left: parent.left
+
+    implicitWidth: child.implicitWidth + Config.border.thickness * 2
+
+    Item {
+        id: child
+
+        anchors.top: parent.top
+        anchors.bottom: parent.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        implicitWidth: Math.max(osIcon.implicitWidth, workspaces.implicitWidth, activeWindow.implicitWidth, tray.implicitWidth, clock.implicitWidth, statusIcons.implicitWidth, power.implicitWidth)
+
+        OsIcon {
+            id: osIcon
+
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: parent.top
+            anchors.topMargin: Appearance.padding.large
+        }
+
+        StyledRect {
+            id: workspaces
+
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: osIcon.bottom
+            anchors.topMargin: Appearance.spacing.normal
+
+            radius: Appearance.rounding.full
+            color: Colours.palette.m3surfaceContainer
+
+            implicitWidth: workspacesInner.implicitWidth + Appearance.padding.small * 2
+            implicitHeight: workspacesInner.implicitHeight + Appearance.padding.small * 2
+
+            MouseArea {
+                anchors.fill: parent
+                anchors.leftMargin: -Config.border.thickness
+                anchors.rightMargin: -Config.border.thickness
+
+                onWheel: event => {
+                    const activeWs = Hyprland.activeToplevel?.workspace?.name;
+                    if (activeWs?.startsWith("special:"))
+                        Hyprland.dispatch(`togglespecialworkspace ${activeWs.slice(8)}`);
+                    else if (event.angleDelta.y < 0 || Hyprland.activeWsId > 1)
+                        Hyprland.dispatch(`workspace r${event.angleDelta.y > 0 ? "-" : "+"}1`);
+                }
+            }
+
+            Workspaces {
+                id: workspacesInner
+
+                anchors.centerIn: parent
+            }
+        }
+
+        ActiveWindow {
+            id: activeWindow
+
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: workspaces.bottom
+            anchors.bottom: tray.top
+            anchors.margins: Appearance.spacing.large
+
+            monitor: Brightness.getMonitorForScreen(root.screen)
+        }
+
+        Tray {
+            id: tray
+
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.bottom: clock.top
+            anchors.bottomMargin: Appearance.spacing.larger
+        }
+
+        Clock {
+            id: clock
+
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.bottom: statusIcons.top
+            anchors.bottomMargin: Appearance.spacing.normal
+        }
+
+        StyledRect {
+            id: statusIcons
+
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.bottom: power.top
+            anchors.bottomMargin: Appearance.spacing.normal
+
+            radius: Appearance.rounding.full
+            color: Colours.palette.m3surfaceContainer
+
+            implicitHeight: statusIconsInner.implicitHeight + Appearance.padding.normal * 2
+
+            StatusIcons {
+                id: statusIconsInner
+
+                anchors.centerIn: parent
+            }
+        }
+
+        Power {
+            id: power
+
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.bottom: parent.bottom
+            anchors.bottomMargin: Appearance.padding.large
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/ActiveWindow.qml

@@ -0,0 +1,140 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/utils"
+import "root:/config"
+import QtQuick
+
+Item {
+    id: root
+
+    required property Brightness.Monitor monitor
+    property color colour: Colours.palette.m3primary
+    readonly property Item child: child
+
+    implicitWidth: child.implicitWidth
+    implicitHeight: child.implicitHeight
+
+    MouseArea {
+        anchors.top: parent.top
+        anchors.bottom: child.top
+        anchors.left: parent.left
+        anchors.right: parent.right
+
+        onWheel: event => {
+            if (event.angleDelta.y > 0)
+                Audio.setVolume(Audio.volume + 0.1);
+            else if (event.angleDelta.y < 0)
+                Audio.setVolume(Audio.volume - 0.1);
+        }
+    }
+
+    MouseArea {
+        anchors.top: child.bottom
+        anchors.bottom: parent.bottom
+        anchors.left: parent.left
+        anchors.right: parent.right
+
+        onWheel: event => {
+            const monitor = root.monitor;
+            if (event.angleDelta.y > 0)
+                monitor.setBrightness(monitor.brightness + 0.1);
+            else if (event.angleDelta.y < 0)
+                monitor.setBrightness(monitor.brightness - 0.1);
+        }
+    }
+
+    Item {
+        id: child
+
+        property Item current: text1
+
+        anchors.centerIn: parent
+
+        clip: true
+        implicitWidth: Math.max(icon.implicitWidth, current.implicitHeight)
+        implicitHeight: icon.implicitHeight + current.implicitWidth + current.anchors.topMargin
+
+        MaterialIcon {
+            id: icon
+
+            animate: true
+            text: Icons.getAppCategoryIcon(Hyprland.activeToplevel?.lastIpcObject.class, "desktop_windows")
+            color: root.colour
+
+            anchors.horizontalCenter: parent.horizontalCenter
+        }
+
+        Title {
+            id: text1
+        }
+
+        Title {
+            id: text2
+        }
+
+        TextMetrics {
+            id: metrics
+
+            text: Hyprland.activeToplevel?.title ?? qsTr("Desktop")
+            font.pointSize: Appearance.font.size.smaller
+            font.family: Appearance.font.family.mono
+            elide: Qt.ElideRight
+            elideWidth: root.height - icon.height
+
+            onTextChanged: {
+                const next = child.current === text1 ? text2 : text1;
+                next.text = elidedText;
+                child.current = next;
+            }
+            onElideWidthChanged: child.current.text = elidedText
+        }
+
+        Behavior on implicitWidth {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.emphasized
+            }
+        }
+
+        Behavior on implicitHeight {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.emphasized
+            }
+        }
+    }
+
+    component Title: StyledText {
+        id: text
+
+        anchors.horizontalCenter: icon.horizontalCenter
+        anchors.top: icon.bottom
+        anchors.topMargin: Appearance.spacing.small
+
+        font.pointSize: metrics.font.pointSize
+        font.family: metrics.font.family
+        color: root.colour
+        opacity: child.current === this ? 1 : 0
+
+        transform: Rotation {
+            angle: 90
+            origin.x: text.implicitHeight / 2
+            origin.y: text.implicitHeight / 2
+        }
+
+        width: implicitHeight
+        height: implicitWidth
+
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/Clock.qml

@@ -0,0 +1,33 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+
+Column {
+    id: root
+
+    property color colour: Colours.palette.m3tertiary
+
+    spacing: Appearance.spacing.small
+
+    MaterialIcon {
+        id: icon
+
+        text: "calendar_month"
+        color: root.colour
+
+        anchors.horizontalCenter: parent.horizontalCenter
+    }
+
+    StyledText {
+        id: text
+
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        horizontalAlignment: StyledText.AlignHCenter
+        text: Time.format("hh\nmm")
+        font.pointSize: Appearance.font.size.smaller
+        font.family: Appearance.font.family.mono
+        color: root.colour
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/OsIcon.qml

@@ -0,0 +1,11 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/utils"
+import "root:/config"
+
+StyledText {
+    text: Icons.osIcon
+    font.pointSize: Appearance.font.size.smaller
+    font.family: Appearance.font.family.mono
+    color: Colours.palette.m3tertiary
+}

modules/home/services/quickshell/shell/modules/bar/components/Power.qml

@@ -0,0 +1,27 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+
+MaterialIcon {
+    text: "power_settings_new"
+    color: Colours.palette.m3error
+    font.bold: true
+    font.pointSize: Appearance.font.size.normal
+
+    StateLayer {
+        anchors.fill: undefined
+        anchors.centerIn: parent
+        anchors.horizontalCenterOffset: 1
+
+        implicitWidth: parent.implicitHeight + Appearance.padding.small * 2
+        implicitHeight: implicitWidth
+
+        radius: Appearance.rounding.full
+
+        function onClicked(): void {
+            const v = Visibilities.screens[QsWindow.window.screen];
+            v.session = !v.session;
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/StatusIcons.qml

@@ -0,0 +1,117 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/utils"
+import "root:/config"
+import Quickshell
+import Quickshell.Services.UPower
+import QtQuick
+
+Item {
+    id: root
+
+    property color colour: Colours.palette.m3secondary
+
+    readonly property Item network: network
+    readonly property real bs: bluetooth.y
+    readonly property real be: repeater.count > 0 ? devices.y + devices.implicitHeight : bluetooth.y + bluetooth.implicitHeight
+    readonly property Item battery: battery
+
+    clip: true
+    implicitWidth: Math.max(network.implicitWidth, bluetooth.implicitWidth, devices.implicitWidth, battery.implicitWidth)
+    implicitHeight: network.implicitHeight + bluetooth.implicitHeight + bluetooth.anchors.topMargin + (repeater.count > 0 ? devices.implicitHeight + devices.anchors.topMargin : 0) + battery.implicitHeight + battery.anchors.topMargin
+
+    MaterialIcon {
+        id: network
+
+        animate: true
+        text: Network.active ? Icons.getNetworkIcon(Network.active.strength ?? 0) : "wifi_off"
+        color: root.colour
+
+        anchors.horizontalCenter: parent.horizontalCenter
+    }
+
+    MaterialIcon {
+        id: bluetooth
+
+        anchors.horizontalCenter: network.horizontalCenter
+        anchors.top: network.bottom
+        anchors.topMargin: Appearance.spacing.smaller / 2
+
+        animate: true
+        text: Bluetooth.powered ? "bluetooth" : "bluetooth_disabled"
+        color: root.colour
+    }
+
+    Column {
+        id: devices
+
+        anchors.horizontalCenter: bluetooth.horizontalCenter
+        anchors.top: bluetooth.bottom
+        anchors.topMargin: Appearance.spacing.smaller / 2
+
+        spacing: Appearance.spacing.smaller / 2
+
+        Repeater {
+            id: repeater
+
+            model: ScriptModel {
+                values: Bluetooth.devices.filter(d => d.connected)
+            }
+
+            MaterialIcon {
+                required property Bluetooth.Device modelData
+
+                animate: true
+                text: Icons.getBluetoothIcon(modelData.icon)
+                color: root.colour
+                fill: 1
+            }
+        }
+    }
+
+    MaterialIcon {
+        id: battery
+
+        anchors.horizontalCenter: devices.horizontalCenter
+        anchors.top: repeater.count > 0 ? devices.bottom : bluetooth.bottom
+        anchors.topMargin: Appearance.spacing.smaller / 2
+
+        animate: true
+        text: {
+            if (!UPower.displayDevice.isLaptopBattery) {
+                if (PowerProfiles.profile === PowerProfile.PowerSaver)
+                    return "energy_savings_leaf";
+                if (PowerProfiles.profile === PowerProfile.Performance)
+                    return "rocket_launch";
+                return "balance";
+            }
+
+            const perc = UPower.displayDevice.percentage;
+            const charging = !UPower.onBattery;
+            if (perc === 1)
+                return charging ? "battery_charging_full" : "battery_full";
+            let level = Math.floor(perc * 7);
+            if (charging && (level === 4 || level === 1))
+                level--;
+            return charging ? `battery_charging_${(level + 3) * 10}` : `battery_${level}_bar`;
+        }
+        color: !UPower.onBattery || UPower.displayDevice.percentage > 0.2 ? root.colour : Colours.palette.m3error
+        fill: 1
+    }
+
+    Behavior on implicitWidth {
+        NumberAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+
+    Behavior on implicitHeight {
+        NumberAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/Tray.qml

@@ -0,0 +1,72 @@
+import "root:/config"
+import Quickshell.Services.SystemTray
+import QtQuick
+
+Item {
+    id: root
+
+    readonly property Repeater items: items
+
+    clip: true
+    visible: width > 0 && height > 0 // To avoid warnings about being visible with no size
+
+    implicitWidth: layout.implicitWidth
+    implicitHeight: layout.implicitHeight
+
+    Column {
+        id: layout
+
+        spacing: Appearance.spacing.small
+
+        add: Transition {
+            NumberAnimation {
+                properties: "scale"
+                from: 0
+                to: 1
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standardDecel
+            }
+        }
+
+        move: Transition {
+            NumberAnimation {
+                properties: "scale"
+                to: 1
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standardDecel
+            }
+            NumberAnimation {
+                properties: "x,y"
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        Repeater {
+            id: items
+
+            model: SystemTray.items
+
+            TrayItem {}
+        }
+    }
+
+    Behavior on implicitWidth {
+        NumberAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+
+    Behavior on implicitHeight {
+        NumberAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/TrayItem.qml

@@ -0,0 +1,48 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import Quickshell.Services.SystemTray
+import QtQuick
+
+MouseArea {
+    id: root
+
+    required property SystemTrayItem modelData
+
+    acceptedButtons: Qt.LeftButton | Qt.RightButton
+    implicitWidth: Appearance.font.size.small * 2
+    implicitHeight: Appearance.font.size.small * 2
+
+    onClicked: event => {
+        if (event.button === Qt.LeftButton)
+            modelData.activate();
+        else if (modelData.hasMenu)
+            menu.open();
+    }
+
+    // TODO custom menu
+    QsMenuAnchor {
+        id: menu
+
+        menu: root.modelData.menu
+        anchor.window: this.QsWindow.window
+    }
+
+    IconImage {
+        id: icon
+
+        source: {
+            let icon = root.modelData.icon;
+            if (icon.includes("?path=")) {
+                const [name, path] = icon.split("?path=");
+                icon = `file://${path}/${name.slice(name.lastIndexOf("/") + 1)}`;
+            }
+            return icon;
+        }
+        asynchronous: true
+        anchors.fill: parent
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/workspaces/ActiveIndicator.qml

@@ -0,0 +1,111 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Effects
+
+StyledRect {
+    id: root
+
+    required property list<Workspace> workspaces
+    required property Item mask
+    required property real maskWidth
+    required property real maskHeight
+    required property int groupOffset
+
+    readonly property int currentWsIdx: Hyprland.activeWsId - 1 - groupOffset
+    property real leading: getWsY(currentWsIdx)
+    property real trailing: getWsY(currentWsIdx)
+    property real currentSize: workspaces[currentWsIdx]?.size ?? 0
+    property real offset: Math.min(leading, trailing)
+    property real size: {
+        const s = Math.abs(leading - trailing) + currentSize;
+        if (Config.bar.workspaces.activeTrail && lastWs > currentWsIdx)
+            return Math.min(getWsY(lastWs) + (workspaces[lastWs]?.size ?? 0) - offset, s);
+        return s;
+    }
+
+    property int cWs
+    property int lastWs
+
+    function getWsY(idx: int): real {
+        let y = 0;
+        for (let i = 0; i < idx; i++)
+            y += workspaces[i]?.size ?? 0;
+        return y;
+    }
+
+    onCurrentWsIdxChanged: {
+        lastWs = cWs;
+        cWs = currentWsIdx;
+    }
+
+    clip: true
+    x: 1
+    y: offset + 1
+    implicitWidth: Config.bar.sizes.innerHeight - 2
+    implicitHeight: size - 2
+    radius: Config.bar.workspaces.rounded ? Appearance.rounding.full : 0
+    color: Colours.palette.m3primary
+
+    StyledRect {
+        id: base
+
+        visible: false
+        anchors.fill: parent
+        color: Colours.palette.m3onPrimary
+    }
+
+    MultiEffect {
+        source: base
+        maskSource: root.mask
+        maskEnabled: true
+        maskSpreadAtMin: 1
+        maskThresholdMin: 0.5
+
+        x: 0
+        y: -parent.offset
+        implicitWidth: root.maskWidth
+        implicitHeight: root.maskHeight
+
+        anchors.horizontalCenter: parent.horizontalCenter
+    }
+
+    Behavior on leading {
+        enabled: Config.bar.workspaces.activeTrail
+
+        Anim {}
+    }
+
+    Behavior on trailing {
+        enabled: Config.bar.workspaces.activeTrail
+
+        Anim {
+            duration: Appearance.anim.durations.normal * 2
+        }
+    }
+
+    Behavior on currentSize {
+        enabled: Config.bar.workspaces.activeTrail
+
+        Anim {}
+    }
+
+    Behavior on offset {
+        enabled: !Config.bar.workspaces.activeTrail
+
+        Anim {}
+    }
+
+    Behavior on size {
+        enabled: !Config.bar.workspaces.activeTrail
+
+        Anim {}
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.emphasized
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/workspaces/OccupiedBg.qml

@@ -0,0 +1,99 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import QtQuick
+
+Item {
+    id: root
+
+    required property list<Workspace> workspaces
+    required property var occupied
+    required property int groupOffset
+
+    property list<var> pills: []
+
+    onOccupiedChanged: {
+        let count = 0;
+        const start = groupOffset;
+        const end = start + Config.bar.workspaces.shown;
+        for (const [ws, occ] of Object.entries(occupied)) {
+            if (ws > start && ws <= end && occ) {
+                if (!occupied[ws - 1]) {
+                    if (pills[count])
+                        pills[count].start = ws;
+                    else
+                        pills.push(pillComp.createObject(root, {
+                            start: ws
+                        }));
+                    count++;
+                }
+                if (!occupied[ws + 1])
+                    pills[count - 1].end = ws;
+            }
+        }
+        if (pills.length > count)
+            pills.splice(count, pills.length - count).forEach(p => p.destroy());
+    }
+
+    Repeater {
+        model: ScriptModel {
+            values: root.pills.filter(p => p)
+        }
+
+        StyledRect {
+            id: rect
+
+            required property var modelData
+
+            readonly property Workspace start: root.workspaces[modelData.start - 1 - root.groupOffset] ?? null
+            readonly property Workspace end: root.workspaces[modelData.end - 1 - root.groupOffset] ?? null
+
+            color: Colours.alpha(Colours.palette.m3surfaceContainerHigh, true)
+            radius: Config.bar.workspaces.rounded ? Appearance.rounding.full : 0
+
+            x: start?.x ?? 0
+            y: start?.y ?? 0
+            implicitWidth: Config.bar.sizes.innerHeight
+            implicitHeight: end?.y + end?.height - start?.y
+
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            scale: 0
+            Component.onCompleted: scale = 1
+
+            Behavior on scale {
+                Anim {
+                    easing.bezierCurve: Appearance.anim.curves.standardDecel
+                }
+            }
+
+            Behavior on x {
+                Anim {}
+            }
+
+            Behavior on y {
+                Anim {}
+            }
+        }
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.standard
+    }
+
+    component Pill: QtObject {
+        property int start
+        property int end
+    }
+
+    Component {
+        id: pillComp
+
+        Pill {}
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/workspaces/Workspace.qml

@@ -0,0 +1,106 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/utils"
+import "root:/config"
+import Quickshell
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    required property int index
+    required property var occupied
+    required property int groupOffset
+
+    readonly property bool isWorkspace: true // Flag for finding workspace children
+    // Unanimated prop for others to use as reference
+    readonly property real size: childrenRect.height + (hasWindows ? Appearance.padding.smaller : 0)
+
+    readonly property int ws: groupOffset + index + 1
+    readonly property bool isOccupied: occupied[ws] ?? false
+    readonly property bool hasWindows: isOccupied && Config.bar.workspaces.showWindows
+
+    Layout.preferredWidth: childrenRect.width
+    Layout.preferredHeight: size
+
+    StyledText {
+        id: indicator
+
+        readonly property string label: Config.bar.workspaces.label || root.ws
+        readonly property string occupiedLabel: Config.bar.workspaces.occupiedLabel || label
+        readonly property string activeLabel: Config.bar.workspaces.activeLabel || (root.isOccupied ? occupiedLabel : label)
+
+        animate: true
+        text: Hyprland.activeWsId === root.ws ? activeLabel : root.isOccupied ? occupiedLabel : label
+        color: Config.bar.workspaces.occupiedBg || root.isOccupied || Hyprland.activeWsId === root.ws ? Colours.palette.m3onSurface : Colours.palette.m3outlineVariant
+        horizontalAlignment: StyledText.AlignHCenter
+        verticalAlignment: StyledText.AlignVCenter
+
+        width: Config.bar.sizes.innerHeight
+        height: Config.bar.sizes.innerHeight
+    }
+
+    Loader {
+        id: windows
+
+        active: Config.bar.workspaces.showWindows
+        asynchronous: true
+
+        anchors.horizontalCenter: indicator.horizontalCenter
+        anchors.top: indicator.bottom
+        anchors.topMargin: -Config.bar.sizes.innerHeight / 10
+
+        sourceComponent: Column {
+            spacing: 0
+
+            add: Transition {
+                Anim {
+                    properties: "scale"
+                    from: 0
+                    to: 1
+                    easing.bezierCurve: Appearance.anim.curves.standardDecel
+                }
+            }
+
+            move: Transition {
+                Anim {
+                    properties: "scale"
+                    to: 1
+                    easing.bezierCurve: Appearance.anim.curves.standardDecel
+                }
+                Anim {
+                    properties: "x,y"
+                }
+            }
+
+            Repeater {
+                model: ScriptModel {
+                    values: Hyprland.toplevels.values.filter(c => c.workspace?.id === root.ws)
+                }
+
+                MaterialIcon {
+                    required property var modelData
+
+                    grade: 0
+                    text: Icons.getAppCategoryIcon(modelData.lastIpcObject.class, "terminal")
+                    color: Colours.palette.m3onSurfaceVariant
+                }
+            }
+        }
+    }
+
+    Behavior on Layout.preferredWidth {
+        Anim {}
+    }
+
+    Behavior on Layout.preferredHeight {
+        Anim {}
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.standard
+    }
+}

modules/home/services/quickshell/shell/modules/bar/components/workspaces/Workspaces.qml

@@ -0,0 +1,75 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    readonly property list<Workspace> workspaces: layout.children.filter(c => c.isWorkspace).sort((w1, w2) => w1.ws - w2.ws)
+    readonly property var occupied: Hyprland.workspaces.values.reduce((acc, curr) => {
+        acc[curr.id] = curr.lastIpcObject.windows > 0;
+        return acc;
+    }, {})
+    readonly property int groupOffset: Math.floor((Hyprland.activeWsId - 1) / Config.bar.workspaces.shown) * Config.bar.workspaces.shown
+
+    implicitWidth: layout.implicitWidth
+    implicitHeight: layout.implicitHeight
+
+    ColumnLayout {
+        id: layout
+
+        spacing: 0
+        layer.enabled: true
+        layer.smooth: true
+
+        Repeater {
+            model: Config.bar.workspaces.shown
+
+            Workspace {
+                occupied: root.occupied
+                groupOffset: root.groupOffset
+            }
+        }
+    }
+
+    Loader {
+        active: Config.bar.workspaces.occupiedBg
+        asynchronous: true
+
+        z: -1
+        anchors.fill: parent
+
+        sourceComponent: OccupiedBg {
+            workspaces: root.workspaces
+            occupied: root.occupied
+            groupOffset: root.groupOffset
+        }
+    }
+
+    Loader {
+        active: Config.bar.workspaces.activeIndicator
+        asynchronous: true
+
+        sourceComponent: ActiveIndicator {
+            workspaces: root.workspaces
+            mask: layout
+            maskWidth: root.width
+            maskHeight: root.height
+            groupOffset: root.groupOffset
+        }
+    }
+
+    MouseArea {
+        anchors.fill: parent
+
+        onPressed: event => {
+            const ws = layout.childAt(event.x, event.y).index + root.groupOffset + 1;
+            if (Hyprland.activeWsId !== ws)
+                Hyprland.dispatch(`workspace ${ws}`);
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/popouts/ActiveWindow.qml

@@ -0,0 +1,102 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/utils"
+import "root:/config"
+import Quickshell.Widgets
+import Quickshell.Wayland
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    required property Item wrapper
+
+    implicitWidth: Hyprland.activeToplevel ? child.implicitWidth : -Appearance.padding.large * 2
+    implicitHeight: child.implicitHeight
+
+    Column {
+        id: child
+
+        anchors.centerIn: parent
+        spacing: Appearance.spacing.normal
+
+        RowLayout {
+            id: detailsRow
+
+            anchors.left: parent.left
+            anchors.right: parent.right
+            spacing: Appearance.spacing.normal
+
+            IconImage {
+                id: icon
+
+                Layout.alignment: Qt.AlignVCenter
+                implicitSize: details.implicitHeight
+                source: Icons.getAppIcon(Hyprland.activeToplevel?.lastIpcObject.class ?? "", "image-missing")
+            }
+
+            ColumnLayout {
+                id: details
+
+                spacing: 0
+                Layout.fillWidth: true
+
+                StyledText {
+                    Layout.fillWidth: true
+                    text: Hyprland.activeToplevel?.title ?? ""
+                    font.pointSize: Appearance.font.size.normal
+                    elide: Text.ElideRight
+                }
+
+                StyledText {
+                    Layout.fillWidth: true
+                    text: Hyprland.activeToplevel?.lastIpcObject.class ?? ""
+                    color: Colours.palette.m3onSurfaceVariant
+                    elide: Text.ElideRight
+                }
+            }
+
+            Item {
+                implicitWidth: expandIcon.implicitHeight + Appearance.padding.small * 2
+                implicitHeight: expandIcon.implicitHeight + Appearance.padding.small * 2
+
+                Layout.alignment: Qt.AlignVCenter
+
+                StateLayer {
+                    radius: Appearance.rounding.normal
+
+                    function onClicked(): void {
+                        root.wrapper.detach("winfo");
+                    }
+                }
+
+                MaterialIcon {
+                    id: expandIcon
+
+                    anchors.centerIn: parent
+                    anchors.horizontalCenterOffset: font.pointSize * 0.05
+
+                    text: "chevron_right"
+
+                    font.pointSize: Appearance.font.size.large
+                }
+            }
+        }
+
+        ClippingWrapperRectangle {
+            color: "transparent"
+            radius: Appearance.rounding.small
+
+            ScreencopyView {
+                id: preview
+
+                captureSource: Hyprland.activeToplevel?.wayland ?? null
+                live: visible
+
+                constraintSize.width: Config.bar.sizes.windowPreviewSize
+                constraintSize.height: Config.bar.sizes.windowPreviewSize
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/popouts/Background.qml

@@ -0,0 +1,84 @@
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Shapes
+
+ShapePath {
+    id: root
+
+    required property Wrapper wrapper
+    required property bool invertBottomRounding
+    readonly property real rounding: Config.border.rounding
+    readonly property bool flatten: wrapper.width < rounding * 2
+    readonly property real roundingX: flatten ? wrapper.width / 2 : rounding
+    property real ibr: invertBottomRounding ? -1 : 1
+
+    property real sideRounding: startX > 0 ? -1 : 1
+
+    strokeWidth: -1
+    fillColor: Colours.palette.m3surface
+
+    PathArc {
+        relativeX: root.roundingX
+        relativeY: root.rounding * root.sideRounding
+        radiusX: Math.min(root.rounding, root.wrapper.width)
+        radiusY: root.rounding
+        direction: root.sideRounding < 0 ? PathArc.Clockwise : PathArc.Counterclockwise
+    }
+    PathLine {
+        relativeX: root.wrapper.width - root.roundingX * 2
+        relativeY: 0
+    }
+    PathArc {
+        relativeX: root.roundingX
+        relativeY: root.rounding
+        radiusX: Math.min(root.rounding, root.wrapper.width)
+        radiusY: root.rounding
+    }
+    PathLine {
+        relativeX: 0
+        relativeY: root.wrapper.height - root.rounding * 2
+    }
+    PathArc {
+        relativeX: -root.roundingX * root.ibr
+        relativeY: root.rounding
+        radiusX: Math.min(root.rounding, root.wrapper.width)
+        radiusY: root.rounding
+        direction: root.ibr < 0 ? PathArc.Counterclockwise : PathArc.Clockwise
+    }
+    PathLine {
+        relativeX: -(root.wrapper.width - root.roundingX - root.roundingX * root.ibr)
+        relativeY: 0
+    }
+    PathArc {
+        relativeX: -root.roundingX
+        relativeY: root.rounding * root.sideRounding
+        radiusX: Math.min(root.rounding, root.wrapper.width)
+        radiusY: root.rounding
+        direction: root.sideRounding < 0 ? PathArc.Clockwise : PathArc.Counterclockwise
+    }
+
+    Behavior on fillColor {
+        ColorAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+
+    Behavior on ibr {
+        NumberAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+
+    Behavior on sideRounding {
+        NumberAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/popouts/Battery.qml

@@ -0,0 +1,235 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell.Services.UPower
+import QtQuick
+
+Column {
+    id: root
+
+    spacing: Appearance.spacing.normal
+    width: Config.bar.sizes.batteryWidth
+
+    StyledText {
+        text: UPower.displayDevice.isLaptopBattery ? qsTr("Remaining: %1%").arg(Math.round(UPower.displayDevice.percentage * 100)) : qsTr("No battery detected")
+    }
+
+    StyledText {
+        function formatSeconds(s: int, fallback: string): string {
+            const day = Math.floor(s / 86400);
+            const hr = Math.floor(s / 3600) % 60;
+            const min = Math.floor(s / 60) % 60;
+
+            let comps = [];
+            if (day > 0)
+                comps.push(`${day} days`);
+            if (hr > 0)
+                comps.push(`${hr} hours`);
+            if (min > 0)
+                comps.push(`${min} mins`);
+
+            return comps.join(", ") || fallback;
+        }
+
+        text: UPower.displayDevice.isLaptopBattery ? qsTr("Time %1: %2").arg(UPower.onBattery ? "remaining" : "until charged").arg(UPower.onBattery ? formatSeconds(UPower.displayDevice.timeToEmpty, "Calculating...") : formatSeconds(UPower.displayDevice.timeToFull, "Fully charged!")) : qsTr("Power profile: %1").arg(PowerProfile.toString(PowerProfiles.profile))
+    }
+
+    Loader {
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        active: PowerProfiles.degradationReason !== PerformanceDegradationReason.None
+        asynchronous: true
+
+        height: active ? (item?.implicitHeight ?? 0) : 0
+
+        sourceComponent: StyledRect {
+            implicitWidth: child.implicitWidth + Appearance.padding.normal * 2
+            implicitHeight: child.implicitHeight + Appearance.padding.smaller * 2
+
+            color: Colours.palette.m3error
+            radius: Appearance.rounding.normal
+
+            Column {
+                id: child
+
+                anchors.centerIn: parent
+
+                Row {
+                    anchors.horizontalCenter: parent.horizontalCenter
+                    spacing: Appearance.spacing.small
+
+                    MaterialIcon {
+                        anchors.verticalCenter: parent.verticalCenter
+                        anchors.verticalCenterOffset: -font.pointSize / 10
+
+                        text: "warning"
+                        color: Colours.palette.m3onError
+                    }
+
+                    StyledText {
+                        anchors.verticalCenter: parent.verticalCenter
+                        text: qsTr("Performance Degraded")
+                        color: Colours.palette.m3onError
+                        font.family: Appearance.font.family.mono
+                        font.weight: 500
+                    }
+
+                    MaterialIcon {
+                        anchors.verticalCenter: parent.verticalCenter
+                        anchors.verticalCenterOffset: -font.pointSize / 10
+
+                        text: "warning"
+                        color: Colours.palette.m3onError
+                    }
+                }
+
+                StyledText {
+                    anchors.horizontalCenter: parent.horizontalCenter
+
+                    text: qsTr("Reason: %1").arg(PerformanceDegradationReason.toString(PowerProfiles.degradationReason))
+                    color: Colours.palette.m3onError
+                }
+            }
+        }
+    }
+
+    StyledRect {
+        id: profiles
+
+        property string current: {
+            const p = PowerProfiles.profile;
+            if (p === PowerProfile.PowerSaver)
+                return saver.icon;
+            if (p === PowerProfile.Performance)
+                return perf.icon;
+            return balance.icon;
+        }
+
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        implicitWidth: saver.implicitHeight + balance.implicitHeight + perf.implicitHeight + Appearance.padding.normal * 2 + Appearance.spacing.large * 2
+        implicitHeight: Math.max(saver.implicitHeight, balance.implicitHeight, perf.implicitHeight) + Appearance.padding.small * 2
+
+        color: Colours.palette.m3surfaceContainer
+        radius: Appearance.rounding.full
+
+        StyledRect {
+            id: indicator
+
+            color: Colours.palette.m3primary
+            radius: Appearance.rounding.full
+            state: profiles.current
+
+            states: [
+                State {
+                    name: saver.icon
+
+                    Fill {
+                        item: saver
+                    }
+                },
+                State {
+                    name: balance.icon
+
+                    Fill {
+                        item: balance
+                    }
+                },
+                State {
+                    name: perf.icon
+
+                    Fill {
+                        item: perf
+                    }
+                }
+            ]
+
+            transitions: Transition {
+                AnchorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.emphasized
+                }
+            }
+        }
+
+        Profile {
+            id: saver
+
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: Appearance.padding.small
+
+            profile: PowerProfile.PowerSaver
+            icon: "energy_savings_leaf"
+        }
+
+        Profile {
+            id: balance
+
+            anchors.centerIn: parent
+
+            profile: PowerProfile.Balanced
+            icon: "balance"
+        }
+
+        Profile {
+            id: perf
+
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.right: parent.right
+            anchors.rightMargin: Appearance.padding.small
+
+            profile: PowerProfile.Performance
+            icon: "rocket_launch"
+        }
+    }
+
+    component Fill: AnchorChanges {
+        required property Item item
+
+        target: indicator
+        anchors.left: item.left
+        anchors.right: item.right
+        anchors.top: item.top
+        anchors.bottom: item.bottom
+    }
+
+    component Profile: Item {
+        required property string icon
+        required property int profile
+
+        implicitWidth: icon.implicitHeight + Appearance.padding.small * 2
+        implicitHeight: icon.implicitHeight + Appearance.padding.small * 2
+
+        StateLayer {
+            radius: Appearance.rounding.full
+            color: profiles.current === parent.icon ? Colours.palette.m3onPrimary : Colours.palette.m3onSurface
+
+            function onClicked(): void {
+                PowerProfiles.profile = parent.profile;
+            }
+        }
+
+        MaterialIcon {
+            id: icon
+
+            anchors.centerIn: parent
+
+            text: parent.icon
+            font.pointSize: Appearance.font.size.large
+            color: profiles.current === text ? Colours.palette.m3onPrimary : Colours.palette.m3onSurface
+            fill: profiles.current === text ? 1 : 0
+
+            Behavior on fill {
+                NumberAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/bar/popouts/Bluetooth.qml

@@ -0,0 +1,18 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+
+Column {
+    id: root
+
+    spacing: Appearance.spacing.normal
+
+    StyledText {
+        text: qsTr("Bluetooth %1").arg(Bluetooth.powered ? "enabled" : "disabled")
+    }
+
+    StyledText {
+        text: Bluetooth.devices.some(d => d.connected) ? qsTr("Connected to: %1").arg(Bluetooth.devices.filter(d => d.connected).map(d => d.alias).join(", ")) : qsTr("No devices connected")
+    }
+}

modules/home/services/quickshell/shell/modules/bar/popouts/Content.qml

@@ -0,0 +1,151 @@
+pragma ComponentBehavior: Bound
+
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Services.SystemTray
+import QtQuick
+
+Item {
+    id: root
+
+    required property Item wrapper
+    required property ShellScreen screen
+    required property string currentName
+    required property real currentCenter
+    required property bool hasCurrent
+
+    anchors.centerIn: parent
+
+    implicitWidth: (content.children.find(c => c.shouldBeActive)?.implicitWidth ?? 0) + Appearance.padding.large * 2
+    implicitHeight: (content.children.find(c => c.shouldBeActive)?.implicitHeight ?? 0) + Appearance.padding.large * 2
+
+    Item {
+        id: content
+
+        anchors.fill: parent
+        anchors.margins: Appearance.padding.large
+
+        Popout {
+            name: "activewindow"
+            sourceComponent: ActiveWindow {
+                wrapper: root.wrapper
+            }
+        }
+
+        Popout {
+            name: "network"
+            source: "Network.qml"
+        }
+
+        Popout {
+            name: "bluetooth"
+            source: "Bluetooth.qml"
+        }
+
+        Popout {
+            name: "battery"
+            source: "Battery.qml"
+        }
+
+        Repeater {
+            model: ScriptModel {
+                values: [...SystemTray.items.values]
+            }
+
+            Popout {
+                id: trayMenu
+
+                required property SystemTrayItem modelData
+                required property int index
+
+                name: `traymenu${index}`
+                sourceComponent: trayMenuComp
+
+                Connections {
+                    target: root
+
+                    function onHasCurrentChanged(): void {
+                        if (root.hasCurrent && trayMenu.shouldBeActive) {
+                            trayMenu.sourceComponent = null;
+                            trayMenu.sourceComponent = trayMenuComp;
+                        }
+                    }
+                }
+
+                Component {
+                    id: trayMenuComp
+
+                    TrayMenu {
+                        popouts: root
+                        trayItem: trayMenu.modelData.menu
+                    }
+                }
+            }
+        }
+    }
+
+    component Popout: Loader {
+        id: popout
+
+        required property string name
+        property bool shouldBeActive: root.currentName === name
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.right: parent.right
+
+        opacity: 0
+        scale: 0.8
+        active: false
+        asynchronous: true
+
+        states: State {
+            name: "active"
+            when: popout.shouldBeActive
+
+            PropertyChanges {
+                popout.active: true
+                popout.opacity: 1
+                popout.scale: 1
+            }
+        }
+
+        transitions: [
+            Transition {
+                from: "active"
+                to: ""
+
+                SequentialAnimation {
+                    Anim {
+                        properties: "opacity,scale"
+                        duration: Appearance.anim.durations.small
+                    }
+                    PropertyAction {
+                        target: popout
+                        property: "active"
+                    }
+                }
+            },
+            Transition {
+                from: ""
+                to: "active"
+
+                SequentialAnimation {
+                    PropertyAction {
+                        target: popout
+                        property: "active"
+                    }
+                    Anim {
+                        properties: "opacity,scale"
+                    }
+                }
+            }
+        ]
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.standard
+    }
+}

modules/home/services/quickshell/shell/modules/bar/popouts/Network.qml

@@ -0,0 +1,22 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+
+Column {
+    id: root
+
+    spacing: Appearance.spacing.normal
+
+    StyledText {
+        text: qsTr("Connected to: %1").arg(Network.active?.ssid ?? "None")
+    }
+
+    StyledText {
+        text: qsTr("Strength: %1/100").arg(Network.active?.strength ?? 0)
+    }
+
+    StyledText {
+        text: qsTr("Frequency: %1 MHz").arg(Network.active?.frequency ?? 0)
+    }
+}

modules/home/services/quickshell/shell/modules/bar/popouts/TrayMenu.qml

@@ -0,0 +1,237 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+import QtQuick.Controls
+
+StackView {
+    id: root
+
+    required property Item popouts
+    required property QsMenuHandle trayItem
+
+    implicitWidth: currentItem.implicitWidth
+    implicitHeight: currentItem.implicitHeight
+
+    initialItem: SubMenu {
+        handle: root.trayItem
+    }
+
+    pushEnter: Anim {}
+    pushExit: Anim {}
+    popEnter: Anim {}
+    popExit: Anim {}
+
+    component Anim: Transition {
+        NumberAnimation {
+            duration: 0
+        }
+    }
+
+    component SubMenu: Column {
+        id: menu
+
+        required property QsMenuHandle handle
+        property bool isSubMenu
+        property bool shown
+
+        padding: Appearance.padding.smaller
+        spacing: Appearance.spacing.small
+
+        opacity: shown ? 1 : 0
+        scale: shown ? 1 : 0.8
+
+        Component.onCompleted: shown = true
+        StackView.onActivating: shown = true
+        StackView.onDeactivating: shown = false
+        StackView.onRemoved: destroy()
+
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        Behavior on scale {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        QsMenuOpener {
+            id: menuOpener
+
+            menu: menu.handle
+        }
+
+        Repeater {
+            model: menuOpener.children
+
+            StyledRect {
+                id: item
+
+                required property QsMenuEntry modelData
+
+                implicitWidth: Config.bar.sizes.trayMenuWidth
+                implicitHeight: modelData.isSeparator ? 1 : children.implicitHeight
+
+                radius: Appearance.rounding.full
+                color: modelData.isSeparator ? Colours.palette.m3outlineVariant : "transparent"
+
+                Loader {
+                    id: children
+
+                    anchors.left: parent.left
+                    anchors.right: parent.right
+
+                    active: !item.modelData.isSeparator
+                    asynchronous: true
+
+                    sourceComponent: Item {
+                        implicitHeight: label.implicitHeight
+
+                        StateLayer {
+                            anchors.margins: -Appearance.padding.small / 2
+                            anchors.leftMargin: -Appearance.padding.smaller
+                            anchors.rightMargin: -Appearance.padding.smaller
+
+                            radius: item.radius
+                            disabled: !item.modelData.enabled
+
+                            function onClicked(): void {
+                                const entry = item.modelData;
+                                if (entry.hasChildren)
+                                    root.push(subMenuComp.createObject(null, {
+                                        handle: entry,
+                                        isSubMenu: true
+                                    }));
+                                else {
+                                    item.modelData.triggered();
+                                    root.popouts.hasCurrent = false;
+                                }
+                            }
+                        }
+
+                        Loader {
+                            id: icon
+
+                            anchors.left: parent.left
+
+                            active: item.modelData.icon !== ""
+                            asynchronous: true
+
+                            sourceComponent: IconImage {
+                                implicitSize: label.implicitHeight
+
+                                source: item.modelData.icon
+                            }
+                        }
+
+                        StyledText {
+                            id: label
+
+                            anchors.left: icon.right
+                            anchors.leftMargin: icon.active ? Appearance.spacing.smaller : 0
+
+                            text: labelMetrics.elidedText
+                            color: item.modelData.enabled ? Colours.palette.m3onSurface : Colours.palette.m3outline
+                        }
+
+                        TextMetrics {
+                            id: labelMetrics
+
+                            text: item.modelData.text
+                            font.pointSize: label.font.pointSize
+                            font.family: label.font.family
+
+                            elide: Text.ElideRight
+                            elideWidth: Config.bar.sizes.trayMenuWidth - (icon.active ? icon.implicitWidth + label.anchors.leftMargin : 0) - (expand.active ? expand.implicitWidth + Appearance.spacing.normal : 0)
+                        }
+
+                        Loader {
+                            id: expand
+
+                            anchors.verticalCenter: parent.verticalCenter
+                            anchors.right: parent.right
+
+                            active: item.modelData.hasChildren
+                            asynchronous: true
+
+                            sourceComponent: MaterialIcon {
+                                text: "chevron_right"
+                                color: item.modelData.enabled ? Colours.palette.m3onSurface : Colours.palette.m3outline
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        Loader {
+            active: menu.isSubMenu
+            asynchronous: true
+
+            sourceComponent: Item {
+                implicitWidth: back.implicitWidth
+                implicitHeight: back.implicitHeight + Appearance.spacing.small / 2
+
+                Item {
+                    anchors.bottom: parent.bottom
+                    implicitWidth: back.implicitWidth
+                    implicitHeight: back.implicitHeight
+
+                    StyledRect {
+                        anchors.fill: parent
+                        anchors.margins: -Appearance.padding.small / 2
+                        anchors.leftMargin: -Appearance.padding.smaller
+                        anchors.rightMargin: -Appearance.padding.smaller * 2
+
+                        radius: Appearance.rounding.full
+                        color: Colours.palette.m3secondaryContainer
+
+                        StateLayer {
+                            radius: parent.radius
+                            color: Colours.palette.m3onSecondaryContainer
+
+                            function onClicked(): void {
+                                root.pop();
+                            }
+                        }
+                    }
+
+                    Row {
+                        id: back
+
+                        anchors.verticalCenter: parent.verticalCenter
+
+                        MaterialIcon {
+                            anchors.verticalCenter: parent.verticalCenter
+                            text: "chevron_left"
+                            color: Colours.palette.m3onSecondaryContainer
+                        }
+
+                        StyledText {
+                            anchors.verticalCenter: parent.verticalCenter
+                            text: qsTr("Back")
+                            color: Colours.palette.m3onSecondaryContainer
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    Component {
+        id: subMenuComp
+
+        SubMenu {}
+    }
+}

modules/home/services/quickshell/shell/modules/bar/popouts/Wrapper.qml

@@ -0,0 +1,181 @@
+pragma ComponentBehavior: Bound
+
+import "root:/services"
+import "root:/config"
+import "root:/modules/windowinfo"
+import Quickshell
+import Quickshell.Wayland
+import Quickshell.Hyprland
+import QtQuick
+
+Item {
+    id: root
+
+    required property ShellScreen screen
+
+    readonly property real nonAnimWidth: x > 0 || hasCurrent ? children.find(c => c.shouldBeActive)?.implicitWidth ?? content.implicitWidth : 0
+    readonly property real nonAnimHeight: children.find(c => c.shouldBeActive)?.implicitHeight ?? content.implicitHeight
+
+    property string currentName
+    property real currentCenter
+    property bool hasCurrent
+
+    property string detachedMode
+    readonly property bool isDetached: detachedMode.length > 0
+
+    property int animLength: Appearance.anim.durations.normal
+    property list<real> animCurve: Appearance.anim.curves.emphasized
+
+    function detach(mode: string): void {
+        animLength = Appearance.anim.durations.large;
+        detachedMode = mode;
+        focus = true;
+    }
+
+    function close(): void {
+        hasCurrent = false;
+        animCurve = Appearance.anim.curves.emphasizedAccel;
+        animLength = Appearance.anim.durations.normal;
+        detachedMode = "";
+        animCurve = Appearance.anim.curves.emphasized;
+    }
+
+    visible: width > 0 && height > 0
+    clip: true
+
+    implicitWidth: nonAnimWidth
+    implicitHeight: nonAnimHeight
+
+    Keys.onEscapePressed: close()
+
+    HyprlandFocusGrab {
+        active: root.isDetached
+        windows: [QsWindow.window]
+        onCleared: root.close()
+    }
+
+    Binding {
+        when: root.isDetached
+
+        target: QsWindow.window
+        property: "WlrLayershell.keyboardFocus"
+        value: WlrKeyboardFocus.OnDemand
+    }
+
+    Comp {
+        id: content
+
+        shouldBeActive: !root.detachedMode
+        asynchronous: true
+        anchors.right: parent.right
+        anchors.verticalCenter: parent.verticalCenter
+
+        sourceComponent: Content {
+            wrapper: root
+            screen: root.screen
+            currentName: root.currentName
+            currentCenter: root.currentCenter
+            hasCurrent: root.hasCurrent
+        }
+    }
+
+    Comp {
+        shouldBeActive: root.detachedMode === "winfo"
+        asynchronous: true
+        anchors.centerIn: parent
+
+        sourceComponent: WindowInfo {
+            screen: root.screen
+            client: Hyprland.activeToplevel
+        }
+    }
+
+    Behavior on x {
+        Anim {
+            duration: root.animLength
+            easing.bezierCurve: root.animCurve
+        }
+    }
+
+    Behavior on y {
+        enabled: root.implicitWidth > 0
+
+        Anim {
+            duration: root.animLength
+            easing.bezierCurve: root.animCurve
+        }
+    }
+
+    Behavior on implicitWidth {
+        Anim {
+            duration: root.animLength
+            easing.bezierCurve: root.animCurve
+        }
+    }
+
+    Behavior on implicitHeight {
+        enabled: root.implicitWidth > 0
+
+        Anim {
+            duration: root.animLength
+            easing.bezierCurve: root.animCurve
+        }
+    }
+
+    component Comp: Loader {
+        id: comp
+
+        property bool shouldBeActive
+
+        asynchronous: true
+        active: false
+        opacity: 0
+
+        states: State {
+            name: "active"
+            when: comp.shouldBeActive
+
+            PropertyChanges {
+                comp.opacity: 1
+                comp.active: true
+            }
+        }
+
+        transitions: [
+            Transition {
+                from: ""
+                to: "active"
+
+                SequentialAnimation {
+                    PropertyAction {
+                        property: "active"
+                    }
+                    Anim {
+                        property: "opacity"
+                        easing.bezierCurve: Appearance.anim.curves.standard
+                    }
+                }
+            },
+            Transition {
+                from: "active"
+                to: ""
+
+                SequentialAnimation {
+                    Anim {
+                        property: "opacity"
+                        easing.bezierCurve: Appearance.anim.curves.standard
+                    }
+                    PropertyAction {
+                        property: "active"
+                    }
+                }
+            }
+        ]
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.emphasized
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/Background.qml

@@ -0,0 +1,69 @@
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Shapes
+
+ShapePath {
+    id: root
+
+    required property Wrapper wrapper
+    readonly property real rounding: Config.border.rounding
+    readonly property bool flatten: wrapper.height < rounding * 2
+    readonly property real roundingY: flatten ? wrapper.height / 2 : rounding
+
+    strokeWidth: -1
+    fillColor: Colours.palette.m3surface
+
+    PathArc {
+        relativeX: root.rounding
+        relativeY: root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+    }
+
+    PathLine {
+        relativeX: 0
+        relativeY: root.wrapper.height - root.roundingY * 2
+    }
+
+    PathArc {
+        relativeX: root.rounding
+        relativeY: root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+        direction: PathArc.Counterclockwise
+    }
+
+    PathLine {
+        relativeX: root.wrapper.width - root.rounding * 2
+        relativeY: 0
+    }
+
+    PathArc {
+        relativeX: root.rounding
+        relativeY: -root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+        direction: PathArc.Counterclockwise
+    }
+
+    PathLine {
+        relativeX: 0
+        relativeY: -(root.wrapper.height - root.roundingY * 2)
+    }
+
+    PathArc {
+        relativeX: root.rounding
+        relativeY: -root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+    }
+
+    Behavior on fillColor {
+        ColorAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/Content.qml

@@ -0,0 +1,139 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    required property PersistentProperties visibilities
+    required property PersistentProperties state
+    readonly property real nonAnimWidth: view.implicitWidth + viewWrapper.anchors.margins * 2
+
+    implicitWidth: nonAnimWidth
+    implicitHeight: tabs.implicitHeight + tabs.anchors.topMargin + view.implicitHeight + viewWrapper.anchors.margins * 2
+
+    Tabs {
+        id: tabs
+
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.topMargin: Appearance.padding.normal
+        anchors.margins: Appearance.padding.large
+
+        nonAnimWidth: root.nonAnimWidth - anchors.margins * 2
+        state: root.state
+    }
+
+    ClippingRectangle {
+        id: viewWrapper
+
+        anchors.top: tabs.bottom
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+        anchors.margins: Appearance.padding.large
+
+        radius: Appearance.rounding.normal
+        color: "transparent"
+
+        Flickable {
+            id: view
+
+            readonly property int currentIndex: root.state.currentTab
+            readonly property Item currentItem: row.children[currentIndex]
+
+            anchors.fill: parent
+
+            flickableDirection: Flickable.HorizontalFlick
+
+            implicitWidth: currentItem.implicitWidth
+            implicitHeight: currentItem.implicitHeight
+
+            contentX: currentItem.x
+            contentWidth: row.implicitWidth
+            contentHeight: row.implicitHeight
+
+            onContentXChanged: {
+                if (!moving)
+                    return;
+
+                const x = contentX - currentItem.x;
+                if (x > currentItem.implicitWidth / 2)
+                    root.state.currentTab = Math.min(root.state.currentTab + 1, tabs.count - 1);
+                else if (x < -currentItem.implicitWidth / 2)
+                    root.state.currentTab = Math.max(root.state.currentTab - 1, 0);
+            }
+
+            onDragEnded: {
+                const x = contentX - currentItem.x;
+                if (x > currentItem.implicitWidth / 10)
+                    root.state.currentTab = Math.min(root.state.currentTab + 1, tabs.count - 1);
+                else if (x < -currentItem.implicitWidth / 10)
+                    root.state.currentTab = Math.max(root.state.currentTab - 1, 0);
+                else
+                    contentX = Qt.binding(() => currentItem.x);
+            }
+
+            RowLayout {
+                id: row
+
+                Pane {
+                    sourceComponent: Dash {
+                        visibilities: root.visibilities
+                    }
+                }
+
+                Pane {
+                    sourceComponent: Media {
+                        visibilities: root.visibilities
+                    }
+                }
+
+                Pane {
+                    sourceComponent: Performance {}
+                }
+            }
+
+            Behavior on contentX {
+                NumberAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+    }
+
+    Behavior on implicitWidth {
+        NumberAnimation {
+            duration: Appearance.anim.durations.large
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+
+    Behavior on implicitHeight {
+        NumberAnimation {
+            duration: Appearance.anim.durations.large
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+
+    component Pane: Loader {
+        Layout.alignment: Qt.AlignTop
+
+        Component.onCompleted: active = Qt.binding(() => {
+            const vx = Math.floor(view.visibleArea.xPosition * view.contentWidth);
+            const vex = Math.floor(vx + view.visibleArea.widthRatio * view.contentWidth);
+            return (vx >= x && vx <= x + implicitWidth) || (vex >= x && vex <= x + implicitWidth);
+        })
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/Dash.qml

@@ -0,0 +1,86 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import "dash"
+import QtQuick.Layouts
+
+GridLayout {
+    id: root
+
+    required property var visibilities
+
+    rowSpacing: Appearance.spacing.normal
+    columnSpacing: Appearance.spacing.normal
+
+    Rect {
+        Layout.column: 2
+        Layout.columnSpan: 3
+        Layout.preferredWidth: user.implicitWidth
+        Layout.preferredHeight: user.implicitHeight
+
+        User {
+            id: user
+
+            visibilities: root.visibilities
+        }
+    }
+
+    Rect {
+        Layout.row: 0
+        Layout.columnSpan: 2
+        Layout.preferredWidth: Config.dashboard.sizes.weatherWidth
+        Layout.fillHeight: true
+
+        Weather {}
+    }
+
+    Rect {
+        Layout.row: 1
+        Layout.preferredWidth: dateTime.implicitWidth
+        Layout.fillHeight: true
+
+        DateTime {
+            id: dateTime
+        }
+    }
+
+    Rect {
+        Layout.row: 1
+        Layout.column: 1
+        Layout.columnSpan: 3
+        Layout.fillWidth: true
+        Layout.preferredHeight: calendar.implicitHeight
+
+        Calendar {
+            id: calendar
+        }
+    }
+
+    Rect {
+        Layout.row: 1
+        Layout.column: 4
+        Layout.preferredWidth: resources.implicitWidth
+        Layout.fillHeight: true
+
+        Resources {
+            id: resources
+        }
+    }
+
+    Rect {
+        Layout.row: 0
+        Layout.column: 5
+        Layout.rowSpan: 2
+        Layout.preferredWidth: media.implicitWidth
+        Layout.fillHeight: true
+
+        Media {
+            id: media
+        }
+    }
+
+    component Rect: StyledRect {
+        radius: Appearance.rounding.small
+        color: Colours.palette.m3surfaceContainer
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/Media.qml

@@ -0,0 +1,599 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/utils"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import Quickshell.Services.Mpris
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Effects
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    required property PersistentProperties visibilities
+
+    property real playerProgress: {
+        const active = Players.active;
+        return active?.length ? active.position / active.length : 0;
+    }
+
+    function lengthStr(length: int): string {
+        if (length < 0)
+            return "-1:-1";
+        return `${Math.floor(length / 60)}:${Math.floor(length % 60).toString().padStart(2, "0")}`;
+    }
+
+    implicitWidth: cover.implicitWidth + Config.dashboard.sizes.mediaVisualiserSize * 2 + details.implicitWidth + details.anchors.leftMargin + bongocat.implicitWidth + bongocat.anchors.leftMargin * 2 + Appearance.padding.large * 2
+    implicitHeight: Math.max(cover.implicitHeight + Config.dashboard.sizes.mediaVisualiserSize * 2, details.implicitHeight, bongocat.implicitHeight) + Appearance.padding.large * 2
+
+    Behavior on playerProgress {
+        NumberAnimation {
+            duration: Appearance.anim.durations.large
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+
+    Timer {
+        running: Players.active?.isPlaying ?? false
+        interval: Config.dashboard.mediaUpdateInterval
+        triggeredOnStart: true
+        repeat: true
+        onTriggered: Players.active?.positionChanged()
+    }
+
+    Connections {
+        target: Cava
+
+        function onValuesChanged(): void {
+            visualiser.requestPaint();
+        }
+    }
+
+    Canvas {
+        id: visualiser
+
+        readonly property real centerX: width / 2
+        readonly property real centerY: height / 2
+        readonly property real innerX: cover.implicitWidth / 2 + Appearance.spacing.small
+        readonly property real innerY: cover.implicitHeight / 2 + Appearance.spacing.small
+        property color colour: Colours.palette.m3primary
+
+        anchors.fill: cover
+        anchors.margins: -Config.dashboard.sizes.mediaVisualiserSize
+
+        onColourChanged: requestPaint()
+
+        onPaint: {
+            const ctx = getContext("2d");
+            ctx.reset();
+
+            const values = Cava.values;
+            const len = values.length;
+
+            ctx.strokeStyle = colour;
+            ctx.lineWidth = 360 / len - Appearance.spacing.small / 4;
+            ctx.lineCap = "round";
+
+            const size = Config.dashboard.sizes.mediaVisualiserSize;
+            const cx = centerX;
+            const cy = centerY;
+            const rx = innerX + ctx.lineWidth / 2;
+            const ry = innerY + ctx.lineWidth / 2;
+
+            for (let i = 0; i < len; i++) {
+                const v = Math.max(1, Math.min(100, values[i]));
+
+                const angle = i * 2 * Math.PI / len;
+                const magnitude = v / 100 * size;
+                const cos = Math.cos(angle);
+                const sin = Math.sin(angle);
+
+                ctx.moveTo(cx + rx * cos, cy + ry * sin);
+                ctx.lineTo(cx + (rx + magnitude) * cos, cy + (ry + magnitude) * sin);
+            }
+
+            ctx.stroke();
+        }
+
+        Behavior on colour {
+            ColorAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        Ref {
+            service: Cava
+        }
+    }
+
+    StyledClippingRect {
+        id: cover
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: parent.left
+        anchors.leftMargin: Appearance.padding.large + Config.dashboard.sizes.mediaVisualiserSize
+
+        implicitWidth: Config.dashboard.sizes.mediaCoverArtSize
+        implicitHeight: Config.dashboard.sizes.mediaCoverArtSize
+
+        color: Colours.palette.m3surfaceContainerHigh
+        radius: Appearance.rounding.full
+
+        MaterialIcon {
+            anchors.centerIn: parent
+
+            grade: 200
+            text: "art_track"
+            color: Colours.palette.m3onSurfaceVariant
+            font.pointSize: (parent.width * 0.4) || 1
+        }
+
+        Image {
+            id: image
+
+            anchors.fill: parent
+
+            source: Players.active?.trackArtUrl ?? ""
+            asynchronous: true
+            fillMode: Image.PreserveAspectCrop
+            sourceSize.width: width
+            sourceSize.height: height
+        }
+    }
+
+    ColumnLayout {
+        id: details
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: visualiser.right
+        anchors.leftMargin: Appearance.spacing.normal
+
+        spacing: Appearance.spacing.small
+
+        ElideText {
+            id: title
+
+            label: (Players.active?.trackTitle ?? qsTr("No media")) || qsTr("Unknown title")
+            color: Colours.palette.m3primary
+            font.pointSize: Appearance.font.size.normal
+        }
+
+        ElideText {
+            id: album
+
+            label: (Players.active?.trackAlbum ?? qsTr("No media")) || qsTr("Unknown album")
+            color: Colours.palette.m3outline
+            font.pointSize: Appearance.font.size.small
+        }
+
+        ElideText {
+            id: artist
+
+            label: (Players.active?.trackArtist ?? qsTr("No media")) || qsTr("Unknown artist")
+            color: Colours.palette.m3secondary
+        }
+
+        RowLayout {
+            id: controls
+
+            Layout.alignment: Qt.AlignHCenter
+            Layout.topMargin: Appearance.spacing.small
+            Layout.bottomMargin: Appearance.spacing.smaller
+
+            spacing: Appearance.spacing.small
+
+            Control {
+                icon: "skip_previous"
+                canUse: Players.active?.canGoPrevious ?? false
+
+                function onClicked(): void {
+                    Players.active?.previous();
+                }
+            }
+
+            Control {
+                icon: Players.active?.isPlaying ? "pause" : "play_arrow"
+                canUse: Players.active?.canTogglePlaying ?? false
+                primary: true
+
+                function onClicked(): void {
+                    Players.active?.togglePlaying();
+                }
+            }
+
+            Control {
+                icon: "skip_next"
+                canUse: Players.active?.canGoNext ?? false
+
+                function onClicked(): void {
+                    Players.active?.next();
+                }
+            }
+        }
+
+        Slider {
+            id: slider
+
+            implicitWidth: controls.implicitWidth * 1.5
+            implicitHeight: Appearance.padding.normal * 3
+
+            value: root.playerProgress
+            onMoved: {
+                const active = Players.active;
+                if (active?.canSeek && active?.positionSupported)
+                    active.position = value * active.length;
+            }
+
+            background: Item {
+                StyledRect {
+                    anchors.top: parent.top
+                    anchors.bottom: parent.bottom
+                    anchors.left: parent.left
+                    anchors.topMargin: slider.implicitHeight / 3
+                    anchors.bottomMargin: slider.implicitHeight / 3
+
+                    implicitWidth: slider.handle.x - slider.implicitHeight / 6
+
+                    color: Colours.palette.m3primary
+                    radius: Appearance.rounding.full
+                    topRightRadius: slider.implicitHeight / 15
+                    bottomRightRadius: slider.implicitHeight / 15
+                }
+
+                StyledRect {
+                    anchors.top: parent.top
+                    anchors.bottom: parent.bottom
+                    anchors.right: parent.right
+                    anchors.topMargin: slider.implicitHeight / 3
+                    anchors.bottomMargin: slider.implicitHeight / 3
+
+                    implicitWidth: parent.width - slider.handle.x - slider.handle.implicitWidth - slider.implicitHeight / 6
+
+                    color: Colours.palette.m3surfaceContainer
+                    radius: Appearance.rounding.full
+                    topLeftRadius: slider.implicitHeight / 15
+                    bottomLeftRadius: slider.implicitHeight / 15
+                }
+            }
+
+            handle: StyledRect {
+                id: rect
+
+                x: slider.visualPosition * slider.availableWidth
+
+                implicitWidth: slider.implicitHeight / 4.5
+                implicitHeight: slider.implicitHeight
+
+                color: Colours.palette.m3primary
+                radius: Appearance.rounding.full
+
+                MouseArea {
+                    anchors.fill: parent
+                    cursorShape: Qt.PointingHandCursor
+                    onPressed: event => event.accepted = false
+                }
+            }
+        }
+
+        Item {
+            Layout.fillWidth: true
+            implicitHeight: Math.max(position.implicitHeight, length.implicitHeight)
+
+            StyledText {
+                id: position
+
+                anchors.left: parent.left
+
+                text: root.lengthStr(Players.active?.position ?? -1)
+                color: Colours.palette.m3onSurfaceVariant
+                font.pointSize: Appearance.font.size.small
+            }
+
+            StyledText {
+                id: length
+
+                anchors.right: parent.right
+
+                text: root.lengthStr(Players.active?.length ?? -1)
+                color: Colours.palette.m3onSurfaceVariant
+                font.pointSize: Appearance.font.size.small
+            }
+        }
+
+        RowLayout {
+            Layout.alignment: Qt.AlignHCenter
+            spacing: Appearance.spacing.small
+
+            Control {
+                icon: "flip_to_front"
+                canUse: Players.active?.canRaise ?? false
+                fontSize: Appearance.font.size.larger
+                padding: Appearance.padding.small
+                fill: false
+                color: Colours.palette.m3surfaceContainer
+
+                function onClicked(): void {
+                    Players.active?.raise();
+                    root.visibilities.dashboard = false;
+                }
+            }
+
+            MouseArea {
+                id: playerSelector
+
+                property bool expanded
+
+                Layout.alignment: Qt.AlignVCenter
+
+                implicitWidth: slider.implicitWidth / 2
+                implicitHeight: currentPlayer.implicitHeight + Appearance.padding.small * 2
+
+                cursorShape: Qt.PointingHandCursor
+                onClicked: expanded = !expanded
+
+                RectangularShadow {
+                    anchors.fill: playerSelectorBg
+
+                    opacity: playerSelector.expanded ? 1 : 0
+                    radius: playerSelectorBg.radius
+                    color: Colours.palette.m3shadow
+                    blur: 5
+                    spread: 0
+
+                    Behavior on opacity {
+                        NumberAnimation {
+                            duration: Appearance.anim.durations.normal
+                            easing.type: Easing.BezierSpline
+                            easing.bezierCurve: Appearance.anim.curves.standard
+                        }
+                    }
+                }
+
+                StyledRect {
+                    id: playerSelectorBg
+
+                    anchors.left: parent.left
+                    anchors.right: parent.right
+                    anchors.bottom: parent.bottom
+
+                    implicitHeight: playersWrapper.implicitHeight + Appearance.padding.small * 2
+
+                    color: Colours.palette.m3secondaryContainer
+                    radius: Appearance.rounding.normal
+
+                    Item {
+                        id: playersWrapper
+
+                        anchors.left: parent.left
+                        anchors.right: parent.right
+                        anchors.bottom: parent.bottom
+                        anchors.margins: Appearance.padding.small
+
+                        clip: true
+                        implicitHeight: playerSelector.expanded && Players.list.length > 1 ? players.implicitHeight : currentPlayer.implicitHeight
+
+                        Column {
+                            id: players
+
+                            anchors.horizontalCenter: parent.horizontalCenter
+                            anchors.bottom: parent.bottom
+
+                            spacing: Appearance.spacing.small
+
+                            Repeater {
+                                model: Players.list.filter(p => p !== Players.active)
+
+                                Row {
+                                    id: player
+
+                                    required property MprisPlayer modelData
+
+                                    anchors.horizontalCenter: parent.horizontalCenter
+                                    spacing: Appearance.spacing.small
+
+                                    IconImage {
+                                        id: playerIcon
+
+                                        source: Icons.getAppIcon(player.modelData.identity, "image-missing")
+                                        implicitSize: Math.round(identity.implicitHeight * 0.9)
+                                    }
+
+                                    StyledText {
+                                        id: identity
+
+                                        text: identityMetrics.elidedText
+                                        color: Colours.palette.m3onSecondaryContainer
+
+                                        TextMetrics {
+                                            id: identityMetrics
+
+                                            text: player.modelData.identity
+                                            font.family: identity.font.family
+                                            font.pointSize: identity.font.pointSize
+                                            elide: Text.ElideRight
+                                            elideWidth: playerSelector.implicitWidth - playerIcon.implicitWidth - player.spacing - Appearance.padding.smaller * 2
+                                        }
+
+                                        MouseArea {
+
+                                            anchors.fill: parent
+
+                                            cursorShape: Qt.PointingHandCursor
+                                            onClicked: {
+                                                Players.manualActive = player.modelData;
+                                                playerSelector.expanded = false;
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+
+                            Item {
+                                anchors.left: parent.left
+                                anchors.right: parent.right
+                                implicitHeight: 1
+
+                                StyledRect {
+                                    anchors.left: parent.left
+                                    anchors.right: parent.right
+                                    anchors.margins: -Appearance.padding.normal
+                                    color: Colours.palette.m3secondary
+                                    implicitHeight: 1
+                                }
+                            }
+
+                            Row {
+                                id: currentPlayer
+
+                                anchors.horizontalCenter: parent.horizontalCenter
+                                spacing: Appearance.spacing.small
+
+                                IconImage {
+                                    id: currentIcon
+
+                                    source: Icons.getAppIcon(Players.active?.identity ?? "", "multimedia-player")
+                                    implicitSize: Math.round(currentIdentity.implicitHeight * 0.9)
+                                }
+
+                                StyledText {
+                                    id: currentIdentity
+
+                                    animate: true
+                                    text: currentIdentityMetrics.elidedText
+                                    color: Colours.palette.m3onSecondaryContainer
+
+                                    TextMetrics {
+                                        id: currentIdentityMetrics
+
+                                        text: Players.active?.identity ?? "No players"
+                                        font.family: currentIdentity.font.family
+                                        font.pointSize: currentIdentity.font.pointSize
+                                        elide: Text.ElideRight
+                                        elideWidth: playerSelector.implicitWidth - currentIcon.implicitWidth - currentPlayer.spacing - Appearance.padding.smaller * 2
+                                    }
+                                }
+                            }
+                        }
+
+                        Behavior on implicitHeight {
+                            NumberAnimation {
+                                duration: Appearance.anim.durations.normal
+                                easing.type: Easing.BezierSpline
+                                easing.bezierCurve: Appearance.anim.curves.emphasized
+                            }
+                        }
+                    }
+                }
+            }
+
+            Control {
+                icon: "delete"
+                canUse: Players.active?.canQuit ?? false
+                fontSize: Appearance.font.size.larger
+                padding: Appearance.padding.small
+                fill: false
+                color: Colours.palette.m3surfaceContainer
+
+                function onClicked(): void {
+                    Players.active?.quit();
+                }
+            }
+        }
+    }
+
+    Item {
+        id: bongocat
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: details.right
+        anchors.leftMargin: Appearance.spacing.normal
+
+        implicitWidth: visualiser.width
+        implicitHeight: visualiser.height
+
+        AnimatedImage {
+            anchors.centerIn: parent
+
+            width: visualiser.width * 0.75
+            height: visualiser.height * 0.75
+
+            playing: Players.active?.isPlaying ?? false
+            speed: BeatDetector.bpm / 300
+            source: Paths.expandTilde(Config.paths.mediaGif)
+            asynchronous: true
+            fillMode: AnimatedImage.PreserveAspectFit
+        }
+    }
+
+    component ElideText: StyledText {
+        id: elideText
+
+        property alias label: metrics.text
+
+        Layout.fillWidth: true
+
+        animate: true
+        horizontalAlignment: Text.AlignHCenter
+        text: metrics.elidedText
+
+        TextMetrics {
+            id: metrics
+
+            font.family: elideText.font.family
+            font.pointSize: elideText.font.pointSize
+            elide: Text.ElideRight
+            elideWidth: elideText.width
+        }
+    }
+
+    component Control: StyledRect {
+        id: control
+
+        required property string icon
+        required property bool canUse
+        property int fontSize: Appearance.font.size.extraLarge
+        property int padding
+        property bool fill: true
+        property bool primary
+        function onClicked(): void {
+        }
+
+        implicitWidth: Math.max(icon.implicitWidth, icon.implicitHeight) + padding * 2
+        implicitHeight: implicitWidth
+
+        radius: Appearance.rounding.full
+        color: primary && canUse ? Colours.palette.m3primary : "transparent"
+
+        StateLayer {
+            disabled: !control.canUse
+            radius: parent.radius
+            color: control.primary ? Colours.palette.m3onPrimary : Colours.palette.m3onSurface
+
+            function onClicked(): void {
+                control.onClicked();
+            }
+        }
+
+        MaterialIcon {
+            id: icon
+
+            anchors.centerIn: parent
+            anchors.horizontalCenterOffset: -font.pointSize * 0.02
+            anchors.verticalCenterOffset: font.pointSize * 0.02
+
+            animate: true
+            fill: control.fill ? 1 : 0
+            text: control.icon
+            color: control.canUse ? control.primary ? Colours.palette.m3onPrimary : Colours.palette.m3onSurface : Colours.palette.m3outline
+            font.pointSize: control.fontSize
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/Performance.qml

@@ -0,0 +1,246 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Layouts
+
+RowLayout {
+    id: root
+
+    readonly property int padding: Appearance.padding.large
+
+    spacing: Appearance.spacing.large * 3
+
+    Ref {
+        service: SystemUsage
+    }
+
+    Resource {
+        Layout.alignment: Qt.AlignVCenter
+        Layout.topMargin: root.padding
+        Layout.bottomMargin: root.padding
+        Layout.leftMargin: root.padding * 2
+
+        value1: Math.min(1, SystemUsage.gpuTemp / 90)
+        value2: SystemUsage.gpuPerc
+
+        label1: `${Math.ceil(SystemUsage.gpuTemp)}°C`
+        label2: `${Math.round(SystemUsage.gpuPerc * 100)}%`
+
+        sublabel1: qsTr("GPU temp")
+        sublabel2: qsTr("Usage")
+    }
+
+    Resource {
+        Layout.alignment: Qt.AlignVCenter
+        Layout.topMargin: root.padding
+        Layout.bottomMargin: root.padding
+
+        primary: true
+
+        value1: Math.min(1, SystemUsage.cpuTemp / 90)
+        value2: SystemUsage.cpuPerc
+
+        label1: `${Math.ceil(SystemUsage.cpuTemp)}°C`
+        label2: `${Math.round(SystemUsage.cpuPerc * 100)}%`
+
+        sublabel1: qsTr("CPU temp")
+        sublabel2: qsTr("Usage")
+    }
+
+    Resource {
+        Layout.alignment: Qt.AlignVCenter
+        Layout.topMargin: root.padding
+        Layout.bottomMargin: root.padding
+        Layout.rightMargin: root.padding * 3
+
+        value1: SystemUsage.memPerc
+        value2: SystemUsage.storagePerc
+
+        label1: {
+            const fmt = SystemUsage.formatKib(SystemUsage.memUsed);
+            return `${+fmt.value.toFixed(1)}${fmt.unit}`;
+        }
+        label2: {
+            const fmt = SystemUsage.formatKib(SystemUsage.storageUsed);
+            return `${Math.floor(fmt.value)}${fmt.unit}`;
+        }
+
+        sublabel1: qsTr("Memory")
+        sublabel2: qsTr("Storage")
+    }
+
+    component Resource: Item {
+        id: res
+
+        required property real value1
+        required property real value2
+        required property string sublabel1
+        required property string sublabel2
+        required property string label1
+        required property string label2
+
+        property bool primary
+        readonly property real primaryMult: primary ? 1.2 : 1
+
+        readonly property real thickness: Config.dashboard.sizes.resourceProgessThickness * primaryMult
+
+        property color fg1: Colours.palette.m3primary
+        property color fg2: Colours.palette.m3secondary
+        property color bg1: Colours.palette.m3primaryContainer
+        property color bg2: Colours.palette.m3secondaryContainer
+
+        implicitWidth: Config.dashboard.sizes.resourceSize * primaryMult
+        implicitHeight: Config.dashboard.sizes.resourceSize * primaryMult
+
+        onValue1Changed: canvas.requestPaint()
+        onValue2Changed: canvas.requestPaint()
+        onFg1Changed: canvas.requestPaint()
+        onFg2Changed: canvas.requestPaint()
+        onBg1Changed: canvas.requestPaint()
+        onBg2Changed: canvas.requestPaint()
+
+        Column {
+            anchors.centerIn: parent
+
+            StyledText {
+                anchors.horizontalCenter: parent.horizontalCenter
+
+                text: res.label1
+                font.pointSize: Appearance.font.size.extraLarge * res.primaryMult
+            }
+
+            StyledText {
+                anchors.horizontalCenter: parent.horizontalCenter
+
+                text: res.sublabel1
+                color: Colours.palette.m3onSurfaceVariant
+                font.pointSize: Appearance.font.size.smaller * res.primaryMult
+            }
+        }
+
+        Column {
+            anchors.horizontalCenter: parent.right
+            anchors.top: parent.verticalCenter
+            anchors.horizontalCenterOffset: -res.thickness / 2
+            anchors.topMargin: res.thickness / 2 + Appearance.spacing.small
+
+            StyledText {
+                anchors.horizontalCenter: parent.horizontalCenter
+
+                text: res.label2
+                font.pointSize: Appearance.font.size.smaller * res.primaryMult
+            }
+
+            StyledText {
+                anchors.horizontalCenter: parent.horizontalCenter
+
+                text: res.sublabel2
+                color: Colours.palette.m3onSurfaceVariant
+                font.pointSize: Appearance.font.size.small * res.primaryMult
+            }
+        }
+
+        Canvas {
+            id: canvas
+
+            readonly property real centerX: width / 2
+            readonly property real centerY: height / 2
+
+            readonly property real arc1Start: degToRad(45)
+            readonly property real arc1End: degToRad(220)
+            readonly property real arc2Start: degToRad(230)
+            readonly property real arc2End: degToRad(360)
+
+            function degToRad(deg: int): real {
+                return deg * Math.PI / 180;
+            }
+
+            anchors.fill: parent
+
+            onPaint: {
+                const ctx = getContext("2d");
+                ctx.reset();
+
+                ctx.lineWidth = res.thickness;
+                ctx.lineCap = "round";
+
+                const radius = (Math.min(width, height) - ctx.lineWidth) / 2;
+                const cx = centerX;
+                const cy = centerY;
+                const a1s = arc1Start;
+                const a1e = arc1End;
+                const a2s = arc2Start;
+                const a2e = arc2End;
+
+                ctx.beginPath();
+                ctx.arc(cx, cy, radius, a1s, a1e, false);
+                ctx.strokeStyle = res.bg1;
+                ctx.stroke();
+
+                ctx.beginPath();
+                ctx.arc(cx, cy, radius, a1s, (a1e - a1s) * res.value1 + a1s, false);
+                ctx.strokeStyle = res.fg1;
+                ctx.stroke();
+
+                ctx.beginPath();
+                ctx.arc(cx, cy, radius, a2s, a2e, false);
+                ctx.strokeStyle = res.bg2;
+                ctx.stroke();
+
+                ctx.beginPath();
+                ctx.arc(cx, cy, radius, a2s, (a2e - a2s) * res.value2 + a2s, false);
+                ctx.strokeStyle = res.fg2;
+                ctx.stroke();
+            }
+        }
+
+        Behavior on value1 {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        Behavior on value2 {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        Behavior on fg1 {
+            ColorAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        Behavior on fg2 {
+            ColorAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        Behavior on bg1 {
+            ColorAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        Behavior on bg2 {
+            ColorAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/Tabs.qml

@@ -0,0 +1,251 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+import QtQuick.Controls
+
+Item {
+    id: root
+
+    required property real nonAnimWidth
+    required property PersistentProperties state
+    readonly property alias count: bar.count
+
+    implicitHeight: bar.implicitHeight + indicator.implicitHeight + indicator.anchors.topMargin + separator.implicitHeight
+
+    TabBar {
+        id: bar
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: parent.top
+
+        currentIndex: root.state.currentTab
+        background: null
+
+        Tab {
+            iconName: "dashboard"
+            text: qsTr("Dashboard")
+        }
+
+        Tab {
+            iconName: "queue_music"
+            text: qsTr("Media")
+        }
+
+        Tab {
+            iconName: "speed"
+            text: qsTr("Performance")
+        }
+
+        // Tab {
+        //     iconName: "workspaces"
+        //     text: qsTr("Workspaces")
+        // }
+    }
+
+    Item {
+        id: indicator
+
+        anchors.top: bar.bottom
+        anchors.topMargin: Config.dashboard.sizes.tabIndicatorSpacing
+
+        implicitWidth: bar.currentItem.implicitWidth
+        implicitHeight: Config.dashboard.sizes.tabIndicatorHeight
+
+        x: {
+            const tab = bar.currentItem;
+            const width = (root.nonAnimWidth - bar.spacing * (bar.count - 1)) / bar.count;
+            return width * tab.TabBar.index + (width - tab.implicitWidth) / 2;
+        }
+
+        clip: true
+
+        StyledRect {
+            anchors.top: parent.top
+            anchors.left: parent.left
+            anchors.right: parent.right
+            implicitHeight: parent.implicitHeight * 2
+
+            color: Colours.palette.m3primary
+            radius: Appearance.rounding.full
+        }
+
+        Behavior on x {
+            Anim {}
+        }
+
+        Behavior on implicitWidth {
+            Anim {}
+        }
+    }
+
+    StyledRect {
+        id: separator
+
+        anchors.top: indicator.bottom
+        anchors.left: parent.left
+        anchors.right: parent.right
+
+        implicitHeight: 1
+        color: Colours.palette.m3outlineVariant
+    }
+
+    component Tab: TabButton {
+        id: tab
+
+        required property string iconName
+        readonly property bool current: TabBar.tabBar.currentItem === this
+
+        background: null
+
+        contentItem: MouseArea {
+            id: mouse
+
+            implicitWidth: Math.max(icon.width, label.width)
+            implicitHeight: icon.height + label.height
+
+            cursorShape: Qt.PointingHandCursor
+
+            onPressed: event => {
+                root.state.currentTab = tab.TabBar.index;
+
+                const stateY = stateWrapper.y;
+                rippleAnim.x = event.x;
+                rippleAnim.y = event.y - stateY;
+
+                const dist = (ox, oy) => ox * ox + oy * oy;
+                const stateEndY = stateY + stateWrapper.height;
+                rippleAnim.radius = Math.sqrt(Math.max(dist(0, stateY), dist(0, stateEndY), dist(width, stateY), dist(width, stateEndY)));
+
+                rippleAnim.restart();
+            }
+            onWheel: event => {
+                if (event.angleDelta.y < 0)
+                    root.state.currentTab = Math.min(root.state.currentTab + 1, bar.count - 1);
+                else if (event.angleDelta.y > 0)
+                    root.state.currentTab = Math.max(root.state.currentTab - 1, 0);
+            }
+
+            SequentialAnimation {
+                id: rippleAnim
+
+                property real x
+                property real y
+                property real radius
+
+                PropertyAction {
+                    target: ripple
+                    property: "x"
+                    value: rippleAnim.x
+                }
+                PropertyAction {
+                    target: ripple
+                    property: "y"
+                    value: rippleAnim.y
+                }
+                PropertyAction {
+                    target: ripple
+                    property: "opacity"
+                    value: 0.1
+                }
+                ParallelAnimation {
+                    Anim {
+                        target: ripple
+                        properties: "implicitWidth,implicitHeight"
+                        from: 0
+                        to: rippleAnim.radius * 2
+                        duration: Appearance.anim.durations.large
+                        easing.bezierCurve: Appearance.anim.curves.standardDecel
+                    }
+                    Anim {
+                        target: ripple
+                        property: "opacity"
+                        to: 0
+                        duration: Appearance.anim.durations.large
+                        easing.type: Easing.BezierSpline
+                        easing.bezierCurve: Appearance.anim.curves.standardDecel
+                    }
+                }
+            }
+
+            ClippingRectangle {
+                id: stateWrapper
+
+                anchors.left: parent.left
+                anchors.right: parent.right
+                anchors.verticalCenter: parent.verticalCenter
+                implicitHeight: parent.height + Config.dashboard.sizes.tabIndicatorSpacing * 2
+
+                color: "transparent"
+                radius: Appearance.rounding.small
+
+                StyledRect {
+                    id: stateLayer
+
+                    anchors.fill: parent
+
+                    color: tab.current ? Colours.palette.m3primary : Colours.palette.m3onSurface
+                    opacity: mouse.pressed ? 0.1 : tab.hovered ? 0.08 : 0
+
+                    Behavior on opacity {
+                        Anim {}
+                    }
+                }
+
+                StyledRect {
+                    id: ripple
+
+                    radius: Appearance.rounding.full
+                    color: tab.current ? Colours.palette.m3primary : Colours.palette.m3onSurface
+                    opacity: 0
+
+                    transform: Translate {
+                        x: -ripple.width / 2
+                        y: -ripple.height / 2
+                    }
+                }
+            }
+
+            MaterialIcon {
+                id: icon
+
+                anchors.horizontalCenter: parent.horizontalCenter
+                anchors.bottom: label.top
+
+                text: tab.iconName
+                color: tab.current ? Colours.palette.m3primary : Colours.palette.m3onSurfaceVariant
+                fill: tab.current ? 1 : 0
+                font.pointSize: Appearance.font.size.large
+
+                Behavior on fill {
+                    NumberAnimation {
+                        duration: Appearance.anim.durations.normal
+                        easing.type: Easing.BezierSpline
+                        easing.bezierCurve: Appearance.anim.curves.standard
+                    }
+                }
+            }
+
+            StyledText {
+                id: label
+
+                anchors.horizontalCenter: parent.horizontalCenter
+                anchors.bottom: parent.bottom
+
+                text: tab.text
+                color: tab.current ? Colours.palette.m3primary : Colours.palette.m3onSurfaceVariant
+            }
+        }
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.standard
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/Wrapper.qml

@@ -0,0 +1,68 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick
+import Quickshell
+import "root:/config"
+
+Item {
+    id: root
+
+    required property PersistentProperties visibilities
+    readonly property PersistentProperties state: PersistentProperties {
+        property int currentTab
+    }
+
+    visible: height > 0
+    implicitHeight: 0
+    implicitWidth: content.implicitWidth
+
+    states: State {
+        name: "visible"
+        when: root.visibilities.dashboard
+
+        PropertyChanges {
+            root.implicitHeight: content.implicitHeight
+        }
+    }
+
+    transitions: [
+        Transition {
+            from: ""
+            to: "visible"
+
+            NumberAnimation {
+                target: root
+                property: "implicitHeight"
+                duration: Appearance.anim.durations.expressiveDefaultSpatial
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
+            }
+        },
+        Transition {
+            from: "visible"
+            to: ""
+
+            NumberAnimation {
+                target: root
+                property: "implicitHeight"
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.emphasized
+            }
+        }
+    ]
+
+    Loader {
+        id: content
+
+        Component.onCompleted: active = Qt.binding(() => root.visibilities.dashboard || root.visible)
+
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottom: parent.bottom
+
+        sourceComponent: Content {
+            visibilities: root.visibilities
+            state: root.state
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/dash/Calendar.qml

@@ -0,0 +1,72 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Controls
+
+Column {
+    id: root
+
+    anchors.left: parent.left
+    anchors.right: parent.right
+    padding: Appearance.padding.large
+    spacing: Appearance.spacing.small
+
+    DayOfWeekRow {
+        id: days
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.margins: parent.padding
+
+        delegate: StyledText {
+            required property var model
+
+            horizontalAlignment: Text.AlignHCenter
+            text: model.shortName
+            font.family: Appearance.font.family.sans
+            font.weight: 500
+        }
+    }
+
+    MonthGrid {
+        id: grid
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.margins: parent.padding
+
+        spacing: 3
+
+        delegate: Item {
+            id: day
+
+            required property var model
+
+            implicitWidth: implicitHeight
+            implicitHeight: text.implicitHeight + Appearance.padding.small * 2
+
+            StyledRect {
+                anchors.centerIn: parent
+
+                implicitWidth: parent.implicitHeight
+                implicitHeight: parent.implicitHeight
+
+                radius: Appearance.rounding.full
+                color: model.today ? Colours.palette.m3primary : "transparent"
+
+                StyledText {
+                    id: text
+
+                    anchors.centerIn: parent
+
+                    horizontalAlignment: Text.AlignHCenter
+                    text: Qt.formatDate(day.model.date, "d")
+                    color: day.model.today ? Colours.palette.m3onPrimary : day.model.month === grid.month ? Colours.palette.m3onSurfaceVariant : Colours.palette.m3outline
+                }
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/dash/DateTime.qml

@@ -0,0 +1,71 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+
+Item {
+    id: root
+
+    anchors.top: parent.top
+    anchors.bottom: parent.bottom
+    implicitWidth: Config.dashboard.sizes.dateTimeWidth
+
+    StyledText {
+        id: hours
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: parent.top
+        anchors.topMargin: (root.height - (hours.implicitHeight + sep.implicitHeight + sep.anchors.topMargin + mins.implicitHeight + mins.anchors.topMargin + date.implicitHeight + date.anchors.topMargin)) / 2
+
+        horizontalAlignment: Text.AlignHCenter
+        text: Time.format("HH")
+        color: Colours.palette.m3secondary
+        font.pointSize: Appearance.font.size.extraLarge
+        font.weight: 500
+    }
+
+    StyledText {
+        id: sep
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: hours.bottom
+        anchors.topMargin: -font.pointSize * 0.5
+
+        horizontalAlignment: Text.AlignHCenter
+        text: "•••"
+        color: Colours.palette.m3primary
+        font.pointSize: Appearance.font.size.extraLarge * 0.9
+    }
+
+    StyledText {
+        id: mins
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: sep.bottom
+        anchors.topMargin: -sep.font.pointSize * 0.45
+
+        horizontalAlignment: Text.AlignHCenter
+        text: Time.format("mm")
+        color: Colours.palette.m3secondary
+        font.pointSize: Appearance.font.size.extraLarge
+        font.weight: 500
+    }
+
+    StyledText {
+        id: date
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: mins.bottom
+        anchors.topMargin: Appearance.spacing.normal
+
+        horizontalAlignment: Text.AlignHCenter
+        text: Time.format("ddd, d")
+        color: Colours.palette.m3tertiary
+        font.pointSize: Appearance.font.size.normal
+        font.weight: 500
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/dash/Media.qml

@@ -0,0 +1,259 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import "root:/utils"
+import QtQuick
+import QtQuick.Shapes
+
+Item {
+    id: root
+
+    property real playerProgress: {
+        const active = Players.active;
+        return active?.length ? active.position / active.length : 0;
+    }
+
+    anchors.top: parent.top
+    anchors.bottom: parent.bottom
+    implicitWidth: Config.dashboard.sizes.mediaWidth
+
+    Behavior on playerProgress {
+        NumberAnimation {
+            duration: Appearance.anim.durations.large
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+
+    Timer {
+        running: Players.active?.isPlaying ?? false
+        interval: Config.dashboard.mediaUpdateInterval
+        triggeredOnStart: true
+        repeat: true
+        onTriggered: Players.active?.positionChanged()
+    }
+
+    Shape {
+        preferredRendererType: Shape.CurveRenderer
+
+        ShapePath {
+            fillColor: "transparent"
+            strokeColor: Colours.palette.m3surfaceContainerHigh
+            strokeWidth: Config.dashboard.sizes.mediaProgressThickness
+            capStyle: ShapePath.RoundCap
+
+            PathAngleArc {
+                centerX: cover.x + cover.width / 2
+                centerY: cover.y + cover.height / 2
+                radiusX: (cover.width + Config.dashboard.sizes.mediaProgressThickness) / 2 + Appearance.spacing.small
+                radiusY: (cover.height + Config.dashboard.sizes.mediaProgressThickness) / 2 + Appearance.spacing.small
+                startAngle: -90 - Config.dashboard.sizes.mediaProgressSweep / 2
+                sweepAngle: Config.dashboard.sizes.mediaProgressSweep
+            }
+
+            Behavior on strokeColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+
+        ShapePath {
+            fillColor: "transparent"
+            strokeColor: Colours.palette.m3primary
+            strokeWidth: Config.dashboard.sizes.mediaProgressThickness
+            capStyle: ShapePath.RoundCap
+
+            PathAngleArc {
+                centerX: cover.x + cover.width / 2
+                centerY: cover.y + cover.height / 2
+                radiusX: (cover.width + Config.dashboard.sizes.mediaProgressThickness) / 2 + Appearance.spacing.small
+                radiusY: (cover.height + Config.dashboard.sizes.mediaProgressThickness) / 2 + Appearance.spacing.small
+                startAngle: -90 - Config.dashboard.sizes.mediaProgressSweep / 2
+                sweepAngle: Config.dashboard.sizes.mediaProgressSweep * root.playerProgress
+            }
+
+            Behavior on strokeColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+    }
+
+    StyledClippingRect {
+        id: cover
+
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.margins: Appearance.padding.large + Config.dashboard.sizes.mediaProgressThickness + Appearance.spacing.small
+
+        implicitHeight: width
+        color: Colours.palette.m3surfaceContainerHigh
+        radius: Appearance.rounding.full
+
+        MaterialIcon {
+            anchors.centerIn: parent
+
+            grade: 200
+            text: "art_track"
+            color: Colours.palette.m3onSurfaceVariant
+            font.pointSize: (parent.width * 0.4) || 1
+        }
+
+        Image {
+            id: image
+
+            anchors.fill: parent
+
+            source: Players.active?.trackArtUrl ?? ""
+            asynchronous: true
+            fillMode: Image.PreserveAspectCrop
+            sourceSize.width: width
+            sourceSize.height: height
+        }
+    }
+
+    StyledText {
+        id: title
+
+        anchors.top: cover.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.topMargin: Appearance.spacing.normal
+
+        animate: true
+        horizontalAlignment: Text.AlignHCenter
+        text: (Players.active?.trackTitle ?? qsTr("No media")) || qsTr("Unknown title")
+        color: Colours.palette.m3primary
+        font.pointSize: Appearance.font.size.normal
+
+        width: parent.implicitWidth - Appearance.padding.large * 2
+        elide: Text.ElideRight
+    }
+
+    StyledText {
+        id: album
+
+        anchors.top: title.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.topMargin: Appearance.spacing.small
+
+        animate: true
+        horizontalAlignment: Text.AlignHCenter
+        text: (Players.active?.trackAlbum ?? qsTr("No media")) || qsTr("Unknown album")
+        color: Colours.palette.m3outline
+        font.pointSize: Appearance.font.size.small
+
+        width: parent.implicitWidth - Appearance.padding.large * 2
+        elide: Text.ElideRight
+    }
+
+    StyledText {
+        id: artist
+
+        anchors.top: album.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.topMargin: Appearance.spacing.small
+
+        animate: true
+        horizontalAlignment: Text.AlignHCenter
+        text: (Players.active?.trackArtist ?? qsTr("No media")) || qsTr("Unknown artist")
+        color: Colours.palette.m3secondary
+
+        width: parent.implicitWidth - Appearance.padding.large * 2
+        elide: Text.ElideRight
+    }
+
+    Row {
+        id: controls
+
+        anchors.top: artist.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.topMargin: Appearance.spacing.smaller
+
+        spacing: Appearance.spacing.small
+
+        Control {
+            icon: "skip_previous"
+            canUse: Players.active?.canGoPrevious ?? false
+
+            function onClicked(): void {
+                Players.active?.previous();
+            }
+        }
+
+        Control {
+            icon: Players.active?.isPlaying ? "pause" : "play_arrow"
+            canUse: Players.active?.canTogglePlaying ?? false
+
+            function onClicked(): void {
+                Players.active?.togglePlaying();
+            }
+        }
+
+        Control {
+            icon: "skip_next"
+            canUse: Players.active?.canGoNext ?? false
+
+            function onClicked(): void {
+                Players.active?.next();
+            }
+        }
+    }
+
+    AnimatedImage {
+        id: bongocat
+
+        anchors.top: controls.bottom
+        anchors.bottom: parent.bottom
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.topMargin: Appearance.spacing.small
+        anchors.bottomMargin: Appearance.padding.large
+        anchors.margins: Appearance.padding.large * 2
+
+        playing: Players.active?.isPlaying ?? false
+        speed: BeatDetector.bpm / 300
+        source: Paths.expandTilde(Config.paths.mediaGif)
+        asynchronous: true
+        fillMode: AnimatedImage.PreserveAspectFit
+    }
+
+    component Control: StyledRect {
+        id: control
+
+        required property string icon
+        required property bool canUse
+        function onClicked(): void {
+        }
+
+        implicitWidth: Math.max(icon.implicitHeight, icon.implicitHeight) + Appearance.padding.small
+        implicitHeight: implicitWidth
+
+        StateLayer {
+            disabled: !control.canUse
+            radius: Appearance.rounding.full
+
+            function onClicked(): void {
+                control.onClicked();
+            }
+        }
+
+        MaterialIcon {
+            id: icon
+
+            anchors.centerIn: parent
+            anchors.verticalCenterOffset: font.pointSize * 0.05
+
+            animate: true
+            text: control.icon
+            color: control.canUse ? Colours.palette.m3onSurface : Colours.palette.m3outline
+            font.pointSize: Appearance.font.size.large
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/dash/Resources.qml

@@ -0,0 +1,88 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+
+Row {
+    id: root
+
+    anchors.top: parent.top
+    anchors.bottom: parent.bottom
+
+    padding: Appearance.padding.large
+    spacing: Appearance.spacing.normal
+
+    Ref {
+        service: SystemUsage
+    }
+
+    Resource {
+        icon: "memory"
+        value: SystemUsage.cpuPerc
+        colour: Colours.palette.m3primary
+    }
+
+    Resource {
+        icon: "memory_alt"
+        value: SystemUsage.memPerc
+        colour: Colours.palette.m3secondary
+    }
+
+    Resource {
+        icon: "hard_disk"
+        value: SystemUsage.storagePerc
+        colour: Colours.palette.m3tertiary
+    }
+
+    component Resource: Item {
+        id: res
+
+        required property string icon
+        required property real value
+        required property color colour
+
+        anchors.top: parent.top
+        anchors.bottom: parent.bottom
+        anchors.margins: Appearance.padding.large
+        implicitWidth: icon.implicitWidth
+
+        StyledRect {
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: parent.top
+            anchors.bottom: icon.top
+            anchors.bottomMargin: Appearance.spacing.small
+
+            implicitWidth: Config.dashboard.sizes.resourceProgessThickness
+
+            color: Colours.palette.m3surfaceContainerHigh
+            radius: Appearance.rounding.full
+
+            StyledRect {
+                anchors.left: parent.left
+                anchors.right: parent.right
+                anchors.bottom: parent.bottom
+                implicitHeight: res.value * parent.height
+
+                color: res.colour
+                radius: Appearance.rounding.full
+            }
+        }
+
+        MaterialIcon {
+            id: icon
+
+            anchors.bottom: parent.bottom
+
+            text: res.icon
+            color: res.colour
+        }
+
+        Behavior on value {
+            NumberAnimation {
+                duration: Appearance.anim.durations.large
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/dash/User.qml

@@ -0,0 +1,202 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import "root:/utils"
+import Quickshell
+import Quickshell.Io
+import QtQuick
+import QtQuick.Dialogs
+
+Row {
+    id: root
+
+    required property PersistentProperties visibilities
+
+    padding: Appearance.padding.large
+    spacing: Appearance.spacing.normal
+
+    StyledClippingRect {
+        implicitWidth: info.implicitHeight
+        implicitHeight: info.implicitHeight
+
+        radius: Appearance.rounding.large
+        color: Colours.palette.m3surfaceContainerHigh
+
+        MaterialIcon {
+            anchors.centerIn: parent
+
+            text: "person"
+            fill: 1
+            grade: 200
+            font.pointSize: Math.floor(info.implicitHeight / 2) || 1
+        }
+
+        CachingImage {
+            id: pfp
+
+            anchors.fill: parent
+            path: `${Paths.home}/.face`
+        }
+
+        MouseArea {
+            anchors.fill: parent
+
+            cursorShape: Qt.PointingHandCursor
+            hoverEnabled: true
+
+            onClicked: {
+                root.visibilities.launcher = false;
+                dialog.open();
+            }
+
+            StyledRect {
+                anchors.fill: parent
+
+                color: Qt.alpha(Colours.palette.m3primary, 0.1)
+                opacity: parent.containsMouse ? 1 : 0
+
+                Behavior on opacity {
+                    NumberAnimation {
+                        duration: Appearance.anim.durations.normal
+                        easing.type: Easing.BezierSpline
+                        easing.bezierCurve: Appearance.anim.curves.standard
+                    }
+                }
+            }
+
+            StyledRect {
+                anchors.centerIn: parent
+
+                implicitWidth: selectIcon.implicitHeight + Appearance.padding.small * 2
+                implicitHeight: selectIcon.implicitHeight + Appearance.padding.small * 2
+
+                radius: Appearance.rounding.normal
+                color: Colours.palette.m3primary
+                scale: parent.containsMouse ? 1 : 0.5
+                opacity: parent.containsMouse ? 1 : 0
+
+                MaterialIcon {
+                    id: selectIcon
+
+                    anchors.centerIn: parent
+                    anchors.horizontalCenterOffset: -font.pointSize * 0.02
+
+                    text: "frame_person"
+                    color: Colours.palette.m3onPrimary
+                    font.pointSize: Appearance.font.size.extraLarge
+                }
+
+                Behavior on scale {
+                    NumberAnimation {
+                        duration: Appearance.anim.durations.expressiveFastSpatial
+                        easing.type: Easing.BezierSpline
+                        easing.bezierCurve: Appearance.anim.curves.expressiveFastSpatial
+                    }
+                }
+
+                Behavior on opacity {
+                    NumberAnimation {
+                        duration: Appearance.anim.durations.expressiveFastSpatial
+                        easing.type: Easing.BezierSpline
+                        easing.bezierCurve: Appearance.anim.curves.expressiveFastSpatial
+                    }
+                }
+            }
+        }
+
+        FileDialog {
+            id: dialog
+
+            nameFilters: [`Image files (${Wallpapers.extensions.map(e => `*.${e}`).join(" ")})`]
+
+            onAccepted: {
+                Paths.copy(selectedFile, `${Paths.home}/.face`);
+                pfp.pathChanged();
+                Quickshell.execDetached(["notify-send", "-a", "caelestia-shell", "-u", "low", "Profile picture changed", `Profile picture changed to ${Paths.strip(selectedFile)}`]);
+            }
+        }
+    }
+
+    Column {
+        id: info
+
+        anchors.verticalCenter: parent.verticalCenter
+        spacing: Appearance.spacing.normal
+
+        InfoLine {
+            icon: Icons.osIcon
+            text: Icons.osName
+            colour: Colours.palette.m3primary
+            materialIcon: false
+        }
+
+        InfoLine {
+            icon: "select_window_2"
+            text: Quickshell.env("XDG_CURRENT_DESKTOP") || Quickshell.env("XDG_SESSION_DESKTOP")
+            colour: Colours.palette.m3secondary
+        }
+
+        InfoLine {
+            icon: "timer"
+            text: uptimeProc.uptime
+            colour: Colours.palette.m3tertiary
+
+            Timer {
+                running: true
+                repeat: true
+                interval: 15000
+                onTriggered: uptimeProc.running = true
+            }
+
+            Process {
+                id: uptimeProc
+
+                property string uptime
+
+                running: true
+                command: ["uptime", "-p"]
+                stdout: StdioCollector {
+                    onStreamFinished: uptimeProc.uptime = text.trim()
+                }
+            }
+        }
+    }
+
+    component InfoLine: Item {
+        id: line
+
+        required property string icon
+        required property string text
+        required property color colour
+        property bool materialIcon: true
+
+        implicitWidth: icon.implicitWidth + text.width + text.anchors.leftMargin
+        implicitHeight: Math.max(icon.implicitHeight, text.implicitHeight)
+
+        MaterialIcon {
+            id: icon
+
+            anchors.left: parent.left
+            anchors.leftMargin: (Config.dashboard.sizes.infoIconSize - implicitWidth) / 2
+
+            fill: 1
+            text: line.icon
+            color: line.colour
+            font.pointSize: Appearance.font.size.normal
+            font.family: line.materialIcon ? Appearance.font.family.material : Appearance.font.family.sans
+        }
+
+        StyledText {
+            id: text
+
+            anchors.verticalCenter: icon.verticalCenter
+            anchors.left: icon.right
+            anchors.leftMargin: icon.anchors.leftMargin
+            text: `:  ${line.text}`
+            font.pointSize: Appearance.font.size.normal
+
+            width: Config.dashboard.sizes.infoWidth
+            elide: Text.ElideRight
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/dashboard/dash/Weather.qml

@@ -0,0 +1,57 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import "root:/utils"
+import QtQuick
+
+Item {
+    id: root
+
+    anchors.centerIn: parent
+
+    implicitWidth: icon.implicitWidth + info.implicitWidth + info.anchors.leftMargin
+
+    Component.onCompleted: Weather.reload()
+
+    MaterialIcon {
+        id: icon
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: parent.left
+
+        animate: true
+        text: Weather.icon || "cloud_alert"
+        color: Colours.palette.m3secondary
+        font.pointSize: Appearance.font.size.extraLarge * 2
+    }
+
+    Column {
+        id: info
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: icon.right
+        anchors.leftMargin: Appearance.spacing.large
+
+        spacing: Appearance.spacing.small
+
+        StyledText {
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            animate: true
+            text: `${Weather.temperature}°C`
+            color: Colours.palette.m3primary
+            font.pointSize: Appearance.font.size.extraLarge
+            font.weight: 500
+        }
+
+        StyledText {
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            animate: true
+            text: Weather.description || qsTr("No weather")
+
+            elide: Text.ElideRight
+            width: Math.min(implicitWidth, root.parent.width - icon.implicitWidth - info.anchors.leftMargin - Appearance.padding.large * 2)
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/drawers/Backgrounds.qml

@@ -0,0 +1,66 @@
+import "root:/services"
+import "root:/config"
+import "root:/modules/osd" as Osd
+import "root:/modules/notifications" as Notifications
+import "root:/modules/session" as Session
+import "root:/modules/launcher" as Launcher
+import "root:/modules/dashboard" as Dashboard
+import "root:/modules/bar/popouts" as BarPopouts
+import QtQuick
+import QtQuick.Shapes
+
+Shape {
+    id: root
+
+    required property Panels panels
+    required property Item bar
+
+    anchors.fill: parent
+    anchors.margins: Config.border.thickness
+    anchors.leftMargin: bar.implicitWidth
+    preferredRendererType: Shape.CurveRenderer
+    opacity: Colours.transparency.enabled ? Colours.transparency.base : 1
+
+    Osd.Background {
+        wrapper: panels.osd
+
+        startX: root.width - panels.session.width
+        startY: (root.height - wrapper.height) / 2 - rounding
+    }
+
+    Notifications.Background {
+        wrapper: panels.notifications
+
+        startX: root.width
+        startY: 0
+    }
+
+    Session.Background {
+        wrapper: panels.session
+
+        startX: root.width
+        startY: (root.height - wrapper.height) / 2 - rounding
+    }
+
+    Launcher.Background {
+        wrapper: panels.launcher
+
+        startX: (root.width - wrapper.width) / 2 - rounding
+        startY: root.height
+    }
+
+    Dashboard.Background {
+        wrapper: panels.dashboard
+
+        startX: (root.width - wrapper.width) / 2 - rounding
+        startY: 0
+    }
+
+    BarPopouts.Background {
+        wrapper: panels.popouts
+        invertBottomRounding: wrapper.y + wrapper.height + 1 >= root.height
+
+        startX: wrapper.x
+        startY: wrapper.y - rounding * sideRounding
+    }
+}

modules/home/services/quickshell/shell/modules/drawers/Border.qml

@@ -0,0 +1,47 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import QtQuick
+import QtQuick.Effects
+
+Item {
+    id: root
+
+    required property Item bar
+
+    anchors.fill: parent
+
+    StyledRect {
+        id: rect
+
+        anchors.fill: parent
+        color: Colours.alpha(Colours.palette.m3surface, false)
+        visible: false
+    }
+
+    Item {
+        id: mask
+
+        anchors.fill: parent
+        layer.enabled: true
+        visible: false
+
+        Rectangle {
+            anchors.fill: parent
+            anchors.margins: Config.border.thickness
+            anchors.leftMargin: root.bar.implicitWidth
+            radius: Config.border.rounding
+        }
+    }
+
+    MultiEffect {
+        anchors.fill: parent
+        maskEnabled: true
+        maskInverted: true
+        maskSource: mask
+        source: rect
+        maskThresholdMin: 0.5
+        maskSpreadAtMin: 1
+    }
+}

modules/home/services/quickshell/shell/modules/drawers/Drawers.qml

@@ -0,0 +1,147 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import "root:/modules/bar"
+import Quickshell
+import Quickshell.Wayland
+import Quickshell.Hyprland
+import QtQuick
+import QtQuick.Effects
+
+Variants {
+    model: Quickshell.screens
+
+    Scope {
+        id: scope
+
+        required property ShellScreen modelData
+
+        Exclusions {
+            screen: scope.modelData
+            bar: bar
+        }
+
+        StyledWindow {
+            id: win
+
+            screen: scope.modelData
+            name: "drawers"
+            WlrLayershell.exclusionMode: ExclusionMode.Ignore
+            WlrLayershell.keyboardFocus: visibilities.launcher || visibilities.session ? WlrKeyboardFocus.OnDemand : WlrKeyboardFocus.None
+
+            mask: Region {
+                x: bar.implicitWidth
+                y: Config.border.thickness
+                width: win.width - bar.implicitWidth - Config.border.thickness
+                height: win.height - Config.border.thickness * 2
+                intersection: Intersection.Xor
+
+                regions: regions.instances
+            }
+
+            anchors.top: true
+            anchors.bottom: true
+            anchors.left: true
+            anchors.right: true
+
+            Variants {
+                id: regions
+
+                model: panels.children
+
+                Region {
+                    required property Item modelData
+
+                    x: modelData.x + bar.implicitWidth
+                    y: modelData.y + Config.border.thickness
+                    width: modelData.width
+                    height: modelData.height
+                    intersection: Intersection.Subtract
+                }
+            }
+
+            HyprlandFocusGrab {
+                active: visibilities.launcher || visibilities.session
+                windows: [win]
+                onCleared: {
+                    visibilities.launcher = false;
+                    visibilities.session = false;
+                }
+            }
+
+            StyledRect {
+                anchors.fill: parent
+                opacity: visibilities.session ? 0.5 : 0
+                color: Colours.palette.m3scrim
+
+                Behavior on opacity {
+                    NumberAnimation {
+                        duration: Appearance.anim.durations.normal
+                        easing.type: Easing.BezierSpline
+                        easing.bezierCurve: Appearance.anim.curves.standard
+                    }
+                }
+            }
+
+            Item {
+                id: background
+
+                anchors.fill: parent
+                visible: false
+
+                Border {
+                    bar: bar
+                }
+
+                Backgrounds {
+                    panels: panels
+                    bar: bar
+                }
+            }
+
+            MultiEffect {
+                anchors.fill: source
+                source: background
+                shadowEnabled: true
+                blurMax: 15
+                shadowColor: Qt.alpha(Colours.palette.m3shadow, 0.7)
+            }
+
+            PersistentProperties {
+                id: visibilities
+
+                property bool osd
+                property bool session
+                property bool launcher
+                property bool dashboard
+
+                Component.onCompleted: Visibilities.screens[scope.modelData] = this
+            }
+
+            Interactions {
+                screen: scope.modelData
+                popouts: panels.popouts
+                visibilities: visibilities
+                panels: panels
+                bar: bar
+
+                Panels {
+                    id: panels
+
+                    screen: scope.modelData
+                    visibilities: visibilities
+                    bar: bar
+                }
+            }
+
+            Bar {
+                id: bar
+
+                screen: scope.modelData
+                popouts: panels.popouts
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/drawers/Exclusions.qml

@@ -0,0 +1,37 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/config"
+import Quickshell
+import QtQuick
+
+Scope {
+    id: root
+
+    required property ShellScreen screen
+    required property Item bar
+
+    ExclusionZone {
+        anchors.left: true
+        exclusiveZone: root.bar.implicitWidth
+    }
+
+    ExclusionZone {
+        anchors.top: true
+    }
+
+    ExclusionZone {
+        anchors.right: true
+    }
+
+    ExclusionZone {
+        anchors.bottom: true
+    }
+
+    component ExclusionZone: StyledWindow {
+        screen: root.screen
+        name: "border-exclusion"
+        exclusiveZone: Config.border.thickness
+        mask: Region {}
+    }
+}

modules/home/services/quickshell/shell/modules/drawers/Interactions.qml

@@ -0,0 +1,160 @@
+import "root:/services"
+import "root:/config"
+import "root:/modules/bar/popouts" as BarPopouts
+import "root:/modules/osd" as Osd
+import Quickshell
+import QtQuick
+
+MouseArea {
+    id: root
+
+    required property ShellScreen screen
+    required property BarPopouts.Wrapper popouts
+    required property PersistentProperties visibilities
+    required property Panels panels
+    required property Item bar
+
+    property bool osdHovered
+    property point dragStart
+    property bool dashboardShortcutActive
+    property bool osdShortcutActive
+
+    function withinPanelHeight(panel: Item, x: real, y: real): bool {
+        const panelY = Config.border.thickness + panel.y;
+        return y >= panelY - Config.border.rounding && y <= panelY + panel.height + Config.border.rounding;
+    }
+
+    function inRightPanel(panel: Item, x: real, y: real): bool {
+        return x > bar.implicitWidth + panel.x && withinPanelHeight(panel, x, y);
+    }
+
+    function inTopPanel(panel: Item, x: real, y: real): bool {
+        const panelX = bar.implicitWidth + panel.x;
+        return y < Config.border.thickness + panel.y + panel.height && x >= panelX - Config.border.rounding && x <= panelX + panel.width + Config.border.rounding;
+    }
+
+    anchors.fill: parent
+    hoverEnabled: true
+
+    onPressed: event => dragStart = Qt.point(event.x, event.y)
+    onContainsMouseChanged: {
+        if (!containsMouse) {
+            // Only hide if not activated by shortcut
+            if (!osdShortcutActive) {
+                visibilities.osd = false;
+                osdHovered = false;
+            }
+            if (!dashboardShortcutActive) {
+                visibilities.dashboard = false;
+            }
+            popouts.hasCurrent = false;
+        }
+    }
+
+    onPositionChanged: event => {
+        const x = event.x;
+        const y = event.y;
+
+        // Show osd on hover
+        const showOsd = inRightPanel(panels.osd, x, y);
+
+        // Always update visibility based on hover if not in shortcut mode
+        if (!osdShortcutActive) {
+            visibilities.osd = showOsd;
+            osdHovered = showOsd;
+        } else if (showOsd) {
+            // If hovering over OSD area while in shortcut mode, transition to hover control
+            osdShortcutActive = false;
+            osdHovered = true;
+        }
+
+        // Show/hide session on drag
+        if (pressed && withinPanelHeight(panels.session, x, y)) {
+            const dragX = x - dragStart.x;
+            if (dragX < -Config.session.dragThreshold)
+                visibilities.session = true;
+            else if (dragX > Config.session.dragThreshold)
+                visibilities.session = false;
+        }
+
+        // Show dashboard on hover
+        const showDashboard = inTopPanel(panels.dashboard, x, y);
+
+        // Always update visibility based on hover if not in shortcut mode
+        if (!dashboardShortcutActive) {
+            visibilities.dashboard = showDashboard;
+        } else if (showDashboard) {
+            // If hovering over dashboard area while in shortcut mode, transition to hover control
+            dashboardShortcutActive = false;
+        }
+
+        // Show popouts on hover
+        const popout = panels.popouts;
+        if (x < bar.implicitWidth + popout.width) {
+            if (x < bar.implicitWidth)
+                // Handle like part of bar
+                bar.checkPopout(y);
+            else
+                // Keep on hover
+                popouts.hasCurrent = withinPanelHeight(popout, x, y);
+        } else
+            popouts.hasCurrent = false;
+    }
+
+    // Monitor individual visibility changes
+    Connections {
+        target: root.visibilities
+
+        function onLauncherChanged() {
+            // If launcher is hidden, clear shortcut flags for dashboard and OSD
+            if (!root.visibilities.launcher) {
+                root.dashboardShortcutActive = false;
+                root.osdShortcutActive = false;
+
+                // Also hide dashboard and OSD if they're not being hovered
+                const inDashboardArea = root.inTopPanel(root.panels.dashboard, root.mouseX, root.mouseY);
+                const inOsdArea = root.inRightPanel(root.panels.osd, root.mouseX, root.mouseY);
+
+                if (!inDashboardArea) {
+                    root.visibilities.dashboard = false;
+                }
+                if (!inOsdArea) {
+                    root.visibilities.osd = false;
+                    root.osdHovered = false;
+                }
+            }
+        }
+
+        function onDashboardChanged() {
+            if (root.visibilities.dashboard) {
+                // Dashboard became visible, immediately check if this should be shortcut mode
+                const inDashboardArea = root.inTopPanel(root.panels.dashboard, root.mouseX, root.mouseY);
+                if (!inDashboardArea) {
+                    root.dashboardShortcutActive = true;
+                }
+            } else {
+                // Dashboard hidden, clear shortcut flag
+                root.dashboardShortcutActive = false;
+            }
+        }
+
+        function onOsdChanged() {
+            if (root.visibilities.osd) {
+                // OSD became visible, immediately check if this should be shortcut mode
+                const inOsdArea = root.inRightPanel(root.panels.osd, root.mouseX, root.mouseY);
+                if (!inOsdArea) {
+                    root.osdShortcutActive = true;
+                }
+            } else {
+                // OSD hidden, clear shortcut flag
+                root.osdShortcutActive = false;
+            }
+        }
+    }
+
+    Osd.Interactions {
+        screen: root.screen
+        visibilities: root.visibilities
+        hovered: root.osdHovered
+    }
+}

modules/home/services/quickshell/shell/modules/drawers/Panels.qml

@@ -0,0 +1,95 @@
+import "root:/services"
+import "root:/config"
+import "root:/modules/osd" as Osd
+import "root:/modules/notifications" as Notifications
+import "root:/modules/session" as Session
+import "root:/modules/launcher" as Launcher
+import "root:/modules/dashboard" as Dashboard
+import "root:/modules/bar/popouts" as BarPopouts
+import Quickshell
+import QtQuick
+
+Item {
+    id: root
+
+    required property ShellScreen screen
+    required property PersistentProperties visibilities
+    required property Item bar
+
+    readonly property Osd.Wrapper osd: osd
+    readonly property Notifications.Wrapper notifications: notifications
+    readonly property Session.Wrapper session: session
+    readonly property Launcher.Wrapper launcher: launcher
+    readonly property Dashboard.Wrapper dashboard: dashboard
+    readonly property BarPopouts.Wrapper popouts: popouts
+
+    anchors.fill: parent
+    anchors.margins: Config.border.thickness
+    anchors.leftMargin: bar.implicitWidth
+
+    Component.onCompleted: Visibilities.panels[screen] = this
+
+    Osd.Wrapper {
+        id: osd
+
+        clip: root.visibilities.session
+        screen: root.screen
+        visibility: root.visibilities.osd
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.right: parent.right
+        anchors.rightMargin: session.width
+    }
+
+    Notifications.Wrapper {
+        id: notifications
+
+        anchors.top: parent.top
+        anchors.right: parent.right
+    }
+
+    Session.Wrapper {
+        id: session
+
+        visibilities: root.visibilities
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.right: parent.right
+    }
+
+    Launcher.Wrapper {
+        id: launcher
+
+        visibilities: root.visibilities
+
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottom: parent.bottom
+    }
+
+    Dashboard.Wrapper {
+        id: dashboard
+
+        visibilities: root.visibilities
+
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.top: parent.top
+    }
+
+    BarPopouts.Wrapper {
+        id: popouts
+
+        screen: root.screen
+
+        x: isDetached ? (root.width - nonAnimWidth) / 2 : 0
+        y: {
+            if (isDetached)
+                return (root.height - nonAnimHeight) / 2;
+
+            const off = currentCenter - Config.border.thickness - nonAnimHeight / 2;
+            const diff = root.height - Math.floor(off + nonAnimHeight);
+            if (diff < 0)
+                return off + diff;
+            return off;
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/ActionItem.qml

@@ -0,0 +1,69 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+
+Item {
+    id: root
+
+    required property Actions.Action modelData
+    required property var list
+
+    implicitHeight: Config.launcher.sizes.itemHeight
+
+    anchors.left: parent?.left
+    anchors.right: parent?.right
+
+    StateLayer {
+        radius: Appearance.rounding.full
+
+        function onClicked(): void {
+            root.modelData?.onClicked(root.list);
+        }
+    }
+
+    Item {
+        anchors.fill: parent
+        anchors.leftMargin: Appearance.padding.larger
+        anchors.rightMargin: Appearance.padding.larger
+        anchors.margins: Appearance.padding.smaller
+
+        MaterialIcon {
+            id: icon
+
+            text: root.modelData?.icon ?? ""
+            font.pointSize: Appearance.font.size.extraLarge
+
+            anchors.verticalCenter: parent.verticalCenter
+        }
+
+        Item {
+            anchors.left: icon.right
+            anchors.leftMargin: Appearance.spacing.normal
+            anchors.verticalCenter: icon.verticalCenter
+
+            implicitWidth: parent.width - icon.width
+            implicitHeight: name.implicitHeight + desc.implicitHeight
+
+            StyledText {
+                id: name
+
+                text: root.modelData?.name ?? ""
+                font.pointSize: Appearance.font.size.normal
+            }
+
+            StyledText {
+                id: desc
+
+                text: root.modelData?.desc ?? ""
+                font.pointSize: Appearance.font.size.small
+                color: Colours.alpha(Colours.palette.m3outline, true)
+
+                elide: Text.ElideRight
+                width: root.width - icon.width - Appearance.rounding.normal * 2
+
+                anchors.top: name.bottom
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/Actions.qml

@@ -0,0 +1,164 @@
+pragma Singleton
+
+import "root:/utils/scripts/fuzzysort.js" as Fuzzy
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Io
+import QtQuick
+
+Singleton {
+    id: root
+
+    property string qalcResult
+
+    readonly property list<Action> list: [
+        Action {
+            name: qsTr("Calculator")
+            desc: qsTr("Do simple math equations (powered by Qalc)")
+            icon: "calculate"
+
+            function onClicked(list: AppList): void {
+                root.autocomplete(list, "calc");
+            }
+        },
+        Action {
+            name: qsTr("Scheme")
+            desc: qsTr("Change the current colour scheme")
+            icon: "palette"
+
+            function onClicked(list: AppList): void {
+                root.autocomplete(list, "scheme");
+            }
+        },
+        Action {
+            name: qsTr("Wallpaper")
+            desc: qsTr("Change the current wallpaper")
+            icon: "image"
+
+            function onClicked(list: AppList): void {
+                root.autocomplete(list, "wallpaper");
+            }
+        },
+        Action {
+            name: qsTr("Variant")
+            desc: qsTr("Change the current scheme variant")
+            icon: "colors"
+
+            function onClicked(list: AppList): void {
+                root.autocomplete(list, "variant");
+            }
+        },
+        Action {
+            name: qsTr("Transparency")
+            desc: qsTr("Change shell transparency")
+            icon: "opacity"
+            disabled: true
+
+            function onClicked(list: AppList): void {
+                root.autocomplete(list, "transparency");
+            }
+        },
+        Action {
+            name: qsTr("Light")
+            desc: qsTr("Change the scheme to light mode")
+            icon: "light_mode"
+
+            function onClicked(list: AppList): void {
+                list.visibilities.launcher = false;
+                Colours.setMode("light");
+            }
+        },
+        Action {
+            name: qsTr("Dark")
+            desc: qsTr("Change the scheme to dark mode")
+            icon: "dark_mode"
+
+            function onClicked(list: AppList): void {
+                list.visibilities.launcher = false;
+                Colours.setMode("dark");
+            }
+        },
+        Action {
+            name: qsTr("Shutdown")
+            desc: qsTr("Shutdown the system")
+            icon: "power_settings_new"
+            disabled: !Config.launcher.enableDangerousActions
+
+            function onClicked(list: AppList): void {
+                list.visibilities.launcher = false;
+                Quickshell.execDetached(["systemctl", "poweroff"]);
+            }
+        },
+        Action {
+            name: qsTr("Reboot")
+            desc: qsTr("Reboot the system")
+            icon: "cached"
+            disabled: !Config.launcher.enableDangerousActions
+
+            function onClicked(list: AppList): void {
+                list.visibilities.launcher = false;
+                Quickshell.execDetached(["systemctl", "reboot"]);
+            }
+        },
+        Action {
+            name: qsTr("Logout")
+            desc: qsTr("Log out of the current session")
+            icon: "exit_to_app"
+            disabled: !Config.launcher.enableDangerousActions
+
+            function onClicked(list: AppList): void {
+                list.visibilities.launcher = false;
+                Quickshell.execDetached(["loginctl", "terminate-user", ""]);
+            }
+        },
+        Action {
+            name: qsTr("Lock")
+            desc: qsTr("Lock the current session")
+            icon: "lock"
+
+            function onClicked(list: AppList): void {
+                list.visibilities.launcher = false;
+                Quickshell.execDetached(["loginctl", "lock-session"]);
+            }
+        },
+        Action {
+            name: qsTr("Sleep")
+            desc: qsTr("Suspend then hibernate")
+            icon: "bedtime"
+
+            function onClicked(list: AppList): void {
+                list.visibilities.launcher = false;
+                Quickshell.execDetached(["systemctl", "suspend-then-hibernate"]);
+            }
+        }
+    ]
+
+    readonly property list<var> preppedActions: list.filter(a => !a.disabled).map(a => ({
+                name: Fuzzy.prepare(a.name),
+                desc: Fuzzy.prepare(a.desc),
+                action: a
+            }))
+
+    function fuzzyQuery(search: string): var {
+        return Fuzzy.go(search.slice(Config.launcher.actionPrefix.length), preppedActions, {
+            all: true,
+            keys: ["name", "desc"],
+            scoreFn: r => r[0].score > 0 ? r[0].score * 0.9 + r[1].score * 0.1 : 0
+        }).map(r => r.obj.action);
+    }
+
+    function autocomplete(list: AppList, text: string): void {
+        list.search.text = `${Config.launcher.actionPrefix}${text} `;
+    }
+
+    component Action: QtObject {
+        required property string name
+        required property string desc
+        required property string icon
+        property bool disabled
+
+        function onClicked(list: AppList): void {
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/AppItem.qml

@@ -0,0 +1,72 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+
+Item {
+    id: root
+
+    required property DesktopEntry modelData
+    required property PersistentProperties visibilities
+
+    implicitHeight: Config.launcher.sizes.itemHeight
+
+    anchors.left: parent?.left
+    anchors.right: parent?.right
+
+    StateLayer {
+        radius: Appearance.rounding.full
+
+        function onClicked(): void {
+            Apps.launch(root.modelData);
+            root.visibilities.launcher = false;
+        }
+    }
+
+    Item {
+        anchors.fill: parent
+        anchors.leftMargin: Appearance.padding.larger
+        anchors.rightMargin: Appearance.padding.larger
+        anchors.margins: Appearance.padding.smaller
+
+        IconImage {
+            id: icon
+
+            source: Quickshell.iconPath(root.modelData?.icon, "image-missing")
+            implicitSize: parent.height * 0.8
+
+            anchors.verticalCenter: parent.verticalCenter
+        }
+
+        Item {
+            anchors.left: icon.right
+            anchors.leftMargin: Appearance.spacing.normal
+            anchors.verticalCenter: icon.verticalCenter
+
+            implicitWidth: parent.width - icon.width
+            implicitHeight: name.implicitHeight + comment.implicitHeight
+
+            StyledText {
+                id: name
+
+                text: root.modelData?.name ?? ""
+                font.pointSize: Appearance.font.size.normal
+            }
+
+            StyledText {
+                id: comment
+
+                text: (root.modelData?.comment || root.modelData?.genericName || root.modelData?.name) ?? ""
+                font.pointSize: Appearance.font.size.small
+                color: Colours.alpha(Colours.palette.m3outline, true)
+
+                elide: Text.ElideRight
+                width: root.width - icon.width - Appearance.rounding.normal * 2
+
+                anchors.top: name.bottom
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/AppList.qml

@@ -0,0 +1,216 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import QtQuick
+import QtQuick.Controls
+
+ListView {
+    id: root
+
+    required property TextField search
+    required property PersistentProperties visibilities
+
+    property bool isAction: search.text.startsWith(Config.launcher.actionPrefix)
+    property bool isCalc: search.text.startsWith(`${Config.launcher.actionPrefix}calc `)
+    property bool isScheme: search.text.startsWith(`${Config.launcher.actionPrefix}scheme `)
+    property bool isVariant: search.text.startsWith(`${Config.launcher.actionPrefix}variant `)
+
+    function getModelValues() {
+        let text = search.text;
+        if (isCalc)
+            return [0];
+        if (isScheme)
+            return Schemes.fuzzyQuery(text);
+        if (isVariant)
+            return M3Variants.fuzzyQuery(text);
+        if (isAction)
+            return Actions.fuzzyQuery(text);
+        if (text.startsWith(Config.launcher.actionPrefix))
+            text = search.text.slice(Config.launcher.actionPrefix.length);
+        return Apps.fuzzyQuery(text);
+    }
+
+    model: ScriptModel {
+        values: root.getModelValues()
+        onValuesChanged: root.currentIndex = 0
+    }
+
+    spacing: Appearance.spacing.small
+    orientation: Qt.Vertical
+    implicitHeight: (Config.launcher.sizes.itemHeight + spacing) * Math.min(Config.launcher.maxShown, count) - spacing
+
+    highlightMoveDuration: Appearance.anim.durations.normal
+    highlightResizeDuration: 0
+
+    highlight: StyledRect {
+        radius: Appearance.rounding.full
+        color: Colours.palette.m3onSurface
+        opacity: 0.08
+    }
+
+    delegate: {
+        if (isCalc)
+            return calcItem;
+        if (isScheme)
+            return schemeItem;
+        if (isVariant)
+            return variantItem;
+        if (isAction)
+            return actionItem;
+        return appItem;
+    }
+
+    ScrollBar.vertical: StyledScrollBar {}
+
+    add: Transition {
+        Anim {
+            properties: "opacity,scale"
+            from: 0
+            to: 1
+        }
+    }
+
+    remove: Transition {
+        Anim {
+            properties: "opacity,scale"
+            from: 1
+            to: 0
+        }
+    }
+
+    move: Transition {
+        Anim {
+            property: "y"
+        }
+        Anim {
+            properties: "opacity,scale"
+            to: 1
+        }
+    }
+
+    addDisplaced: Transition {
+        Anim {
+            property: "y"
+            duration: Appearance.anim.durations.small
+        }
+        Anim {
+            properties: "opacity,scale"
+            to: 1
+        }
+    }
+
+    displaced: Transition {
+        Anim {
+            property: "y"
+        }
+        Anim {
+            properties: "opacity,scale"
+            to: 1
+        }
+    }
+
+    Component {
+        id: appItem
+
+        AppItem {
+            visibilities: root.visibilities
+        }
+    }
+
+    Component {
+        id: actionItem
+
+        ActionItem {
+            list: root
+        }
+    }
+
+    Component {
+        id: calcItem
+
+        CalcItem {
+            list: root
+        }
+    }
+
+    Component {
+        id: schemeItem
+
+        SchemeItem {
+            list: root
+        }
+    }
+
+    Component {
+        id: variantItem
+
+        VariantItem {
+            list: root
+        }
+    }
+
+    Behavior on isAction {
+        ChangeAnim {}
+    }
+
+    Behavior on isCalc {
+        ChangeAnim {}
+    }
+
+    Behavior on isScheme {
+        ChangeAnim {}
+    }
+
+    Behavior on isVariant {
+        ChangeAnim {}
+    }
+
+    component ChangeAnim: SequentialAnimation {
+        ParallelAnimation {
+            Anim {
+                target: root
+                property: "opacity"
+                from: 1
+                to: 0
+                duration: Appearance.anim.durations.small
+                easing.bezierCurve: Appearance.anim.curves.standardAccel
+            }
+            Anim {
+                target: root
+                property: "scale"
+                from: 1
+                to: 0.9
+                duration: Appearance.anim.durations.small
+                easing.bezierCurve: Appearance.anim.curves.standardAccel
+            }
+        }
+        PropertyAction {}
+        ParallelAnimation {
+            Anim {
+                target: root
+                property: "opacity"
+                from: 0
+                to: 1
+                duration: Appearance.anim.durations.small
+                easing.bezierCurve: Appearance.anim.curves.standardDecel
+            }
+            Anim {
+                target: root
+                property: "scale"
+                from: 0.9
+                to: 1
+                duration: Appearance.anim.durations.small
+                easing.bezierCurve: Appearance.anim.curves.standardDecel
+            }
+        }
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.standard
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/Background.qml

@@ -0,0 +1,63 @@
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Shapes
+
+ShapePath {
+    id: root
+
+    required property Wrapper wrapper
+    readonly property real rounding: Config.border.rounding
+    readonly property bool flatten: wrapper.height < rounding * 2
+    readonly property real roundingY: flatten ? wrapper.height / 2 : rounding
+
+    strokeWidth: -1
+    fillColor: Colours.palette.m3surface
+
+    PathArc {
+        relativeX: root.rounding
+        relativeY: -root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+        direction: PathArc.Counterclockwise
+    }
+    PathLine {
+        relativeX: 0
+        relativeY: -(root.wrapper.height - root.roundingY * 2)
+    }
+    PathArc {
+        relativeX: root.rounding
+        relativeY: -root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+    }
+    PathLine {
+        relativeX: root.wrapper.width - root.rounding * 2
+        relativeY: 0
+    }
+    PathArc {
+        relativeX: root.rounding
+        relativeY: root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+    }
+    PathLine {
+        relativeX: 0
+        relativeY: root.wrapper.height - root.roundingY * 2
+    }
+    PathArc {
+        relativeX: root.rounding
+        relativeY: root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+        direction: PathArc.Counterclockwise
+    }
+
+    Behavior on fillColor {
+        ColorAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/CalcItem.qml

@@ -0,0 +1,162 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Io
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    required property var list
+    readonly property string math: list.search.text.slice(`${Config.launcher.actionPrefix}calc `.length)
+
+    function onClicked(): void {
+        Quickshell.execDetached(["sh", "-c", `qalc -t -m 100 '${root.math}' | wl-copy`]);
+        root.list.visibilities.launcher = false;
+    }
+
+    implicitHeight: Config.launcher.sizes.itemHeight
+
+    anchors.left: parent?.left
+    anchors.right: parent?.right
+
+    onMathChanged: {
+        if (math) {
+            qalcProc.command = ["qalc", "-m", "100", math];
+            qalcProc.running = true;
+        }
+    }
+
+    StateLayer {
+        radius: Appearance.rounding.full
+
+        function onClicked(): void {
+            root.onClicked();
+        }
+    }
+
+    Binding {
+        id: binding
+
+        when: root.math.length > 0
+        target: metrics
+        property: "text"
+    }
+
+    Process {
+        id: qalcProc
+
+        stdout: StdioCollector {
+            onStreamFinished: binding.value = text.trim()
+        }
+    }
+
+    RowLayout {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.margins: Appearance.padding.larger
+
+        spacing: Appearance.spacing.normal
+
+        MaterialIcon {
+            text: "function"
+            font.pointSize: Appearance.font.size.extraLarge
+            Layout.alignment: Qt.AlignVCenter
+        }
+
+        StyledText {
+            id: result
+
+            color: {
+                if (metrics.text.includes("error: "))
+                    return Colours.palette.m3error;
+                if (!root.math)
+                    return Colours.palette.m3onSurfaceVariant;
+                return Colours.palette.m3onSurface;
+            }
+
+            text: metrics.elidedText
+            font.pointSize: Appearance.font.size.normal
+
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignVCenter
+
+            TextMetrics {
+                id: metrics
+
+                text: qsTr("Type an expression to calculate")
+                font.family: result.font.family
+                font.pointSize: result.font.pointSize
+                elide: Text.ElideRight
+                elideWidth: result.width
+            }
+        }
+
+        StyledRect {
+            color: Colours.palette.m3tertiary
+            radius: Appearance.rounding.normal
+            clip: true
+
+            implicitWidth: (stateLayer.containsMouse ? label.implicitWidth + label.anchors.rightMargin : 0) + icon.implicitWidth + Appearance.padding.normal * 2
+            implicitHeight: Math.max(label.implicitHeight, icon.implicitHeight) + Appearance.padding.small * 2
+
+            Layout.alignment: Qt.AlignVCenter
+
+            StateLayer {
+                id: stateLayer
+
+                color: Colours.palette.m3onTertiary
+
+                function onClicked(): void {
+                    Quickshell.execDetached(["app2unit", "--", "foot", "fish", "-C", `exec qalc -i '${root.math}'`]);
+                    root.list.visibilities.launcher = false;
+                }
+            }
+
+            StyledText {
+                id: label
+
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: icon.left
+                anchors.rightMargin: Appearance.spacing.small
+
+                text: qsTr("Open in calculator")
+                color: Colours.palette.m3onTertiary
+                font.pointSize: Appearance.font.size.normal
+
+                opacity: stateLayer.containsMouse ? 1 : 0
+
+                Behavior on opacity {
+                    NumberAnimation {
+                        duration: Appearance.anim.durations.normal
+                        easing.type: Easing.BezierSpline
+                        easing.bezierCurve: Appearance.anim.curves.standard
+                    }
+                }
+            }
+
+            MaterialIcon {
+                id: icon
+
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: parent.right
+                anchors.rightMargin: Appearance.padding.normal
+
+                text: "open_in_new"
+                color: Colours.palette.m3onTertiary
+                font.pointSize: Appearance.font.size.large
+            }
+
+            Behavior on implicitWidth {
+                NumberAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.emphasized
+                }
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/Content.qml

@@ -0,0 +1,174 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import QtQuick
+
+Item {
+    id: root
+
+    required property PersistentProperties visibilities
+    readonly property int padding: Appearance.padding.large
+    readonly property int rounding: Appearance.rounding.large
+
+    implicitWidth: listWrapper.width + padding * 2
+    implicitHeight: searchWrapper.height + listWrapper.height + padding * 2
+
+    anchors.top: parent.top
+    anchors.horizontalCenter: parent.horizontalCenter
+
+    Item {
+        id: listWrapper
+
+        implicitWidth: list.width
+        implicitHeight: list.height + root.padding
+
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.bottom: searchWrapper.top
+        anchors.bottomMargin: root.padding
+
+        ContentList {
+            id: list
+
+            visibilities: root.visibilities
+            search: search
+            padding: root.padding
+            rounding: root.rounding
+        }
+    }
+
+    StyledRect {
+        id: searchWrapper
+
+        color: Colours.alpha(Colours.palette.m3surfaceContainer, true)
+        radius: Appearance.rounding.full
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+        anchors.margins: root.padding
+
+        implicitHeight: Math.max(searchIcon.implicitHeight, search.implicitHeight, clearIcon.implicitHeight)
+
+        MaterialIcon {
+            id: searchIcon
+
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: root.padding
+
+            text: "search"
+            color: Colours.palette.m3onSurfaceVariant
+        }
+
+        StyledTextField {
+            id: search
+
+            anchors.left: searchIcon.right
+            anchors.right: clearIcon.left
+            anchors.leftMargin: Appearance.spacing.small
+            anchors.rightMargin: Appearance.spacing.small
+
+            topPadding: Appearance.padding.larger
+            bottomPadding: Appearance.padding.larger
+
+            placeholderText: qsTr("Type \"%1\" for commands").arg(Config.launcher.actionPrefix)
+            background: null
+
+            onAccepted: {
+                const currentItem = list.currentList?.currentItem;
+                if (currentItem) {
+                    if (list.showWallpapers) {
+                        if (Colours.scheme === "dynamic" && currentItem.modelData.path !== Wallpapers.actualCurrent)
+                            Wallpapers.previewColourLock = true;
+                        Wallpapers.setWallpaper(currentItem.modelData.path);
+                        root.visibilities.launcher = false;
+                    } else if (text.startsWith(Config.launcher.actionPrefix)) {
+                        if (text.startsWith(`${Config.launcher.actionPrefix}calc `))
+                            currentItem.onClicked();
+                        else
+                            currentItem.modelData.onClicked(list.currentList);
+                    } else {
+                        Apps.launch(currentItem.modelData);
+                        root.visibilities.launcher = false;
+                    }
+                }
+            }
+
+            Keys.onUpPressed: list.currentList?.decrementCurrentIndex()
+            Keys.onDownPressed: list.currentList?.incrementCurrentIndex()
+
+            Keys.onEscapePressed: root.visibilities.launcher = false
+
+            Connections {
+                target: root.visibilities
+
+                function onLauncherChanged(): void {
+                    if (root.visibilities.launcher)
+                        search.focus = true;
+                    else {
+                        search.text = "";
+                        const current = list.currentList;
+                        if (current)
+                            current.currentIndex = 0;
+                    }
+                }
+
+                function onSessionChanged(): void {
+                    if (root.visibilities.launcher && !root.visibilities.session)
+                        search.focus = true;
+                }
+            }
+        }
+
+        MaterialIcon {
+            id: clearIcon
+
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.right: parent.right
+            anchors.rightMargin: root.padding
+
+            width: search.text ? implicitWidth : implicitWidth / 2
+            opacity: {
+                if (!search.text)
+                    return 0;
+                if (mouse.pressed)
+                    return 0.7;
+                if (mouse.containsMouse)
+                    return 0.8;
+                return 1;
+            }
+
+            text: "close"
+            color: Colours.palette.m3onSurfaceVariant
+
+            MouseArea {
+                id: mouse
+
+                anchors.fill: parent
+                hoverEnabled: true
+                cursorShape: search.text ? Qt.PointingHandCursor : undefined
+
+                onClicked: search.text = ""
+            }
+
+            Behavior on width {
+                NumberAnimation {
+                    duration: Appearance.anim.durations.small
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+
+            Behavior on opacity {
+                NumberAnimation {
+                    duration: Appearance.anim.durations.small
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/ContentList.qml

@@ -0,0 +1,182 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import "root:/utils"
+import Quickshell
+import QtQuick
+import QtQuick.Controls
+
+Item {
+    id: root
+
+    required property PersistentProperties visibilities
+    required property TextField search
+    required property int padding
+    required property int rounding
+
+    readonly property bool showWallpapers: search.text.startsWith(`${Config.launcher.actionPrefix}wallpaper `)
+    readonly property Item currentList: showWallpapers ? wallpaperList.item : appList.item
+
+    anchors.horizontalCenter: parent.horizontalCenter
+    anchors.bottom: parent.bottom
+
+    clip: true
+    state: showWallpapers ? "wallpapers" : "apps"
+
+    states: [
+        State {
+            name: "apps"
+
+            PropertyChanges {
+                root.implicitWidth: Config.launcher.sizes.itemWidth
+                root.implicitHeight: appList.implicitHeight > 0 ? appList.implicitHeight : empty.implicitHeight
+                appList.active: true
+            }
+
+            AnchorChanges {
+                anchors.left: root.parent.left
+                anchors.right: root.parent.right
+            }
+        },
+        State {
+            name: "wallpapers"
+
+            PropertyChanges {
+                root.implicitWidth: Math.max(Config.launcher.sizes.itemWidth * 1.2, wallpaperList.implicitWidth)
+                root.implicitHeight: Config.launcher.sizes.wallpaperHeight
+                wallpaperList.active: true
+            }
+        }
+    ]
+
+    Behavior on state {
+        SequentialAnimation {
+            NumberAnimation {
+                target: root
+                property: "opacity"
+                from: 1
+                to: 0
+                duration: Appearance.anim.durations.small
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+            PropertyAction {}
+            NumberAnimation {
+                target: root
+                property: "opacity"
+                from: 0
+                to: 1
+                duration: Appearance.anim.durations.small
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+    }
+
+    Loader {
+        id: appList
+
+        active: false
+        asynchronous: true
+
+        anchors.left: parent.left
+        anchors.right: parent.right
+
+        sourceComponent: AppList {
+            search: root.search
+            visibilities: root.visibilities
+        }
+    }
+
+    Loader {
+        id: wallpaperList
+
+        active: false
+        asynchronous: true
+
+        anchors.top: parent.top
+        anchors.bottom: parent.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        sourceComponent: WallpaperList {
+            search: root.search
+            visibilities: root.visibilities
+        }
+    }
+
+    Row {
+        id: empty
+
+        opacity: root.currentList?.count === 0 ? 1 : 0
+        scale: root.currentList?.count === 0 ? 1 : 0.5
+
+        spacing: Appearance.spacing.normal
+        padding: Appearance.padding.large
+
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter: parent.verticalCenter
+
+        MaterialIcon {
+            text: root.state === "wallpapers" ? "wallpaper_slideshow" : "manage_search"
+            color: Colours.palette.m3onSurfaceVariant
+            font.pointSize: Appearance.font.size.extraLarge
+
+            anchors.verticalCenter: parent.verticalCenter
+        }
+
+        Column {
+            anchors.verticalCenter: parent.verticalCenter
+
+            StyledText {
+                text: root.state === "wallpapers" ? qsTr("No wallpapers found") : qsTr("No results")
+                color: Colours.palette.m3onSurfaceVariant
+                font.pointSize: Appearance.font.size.larger
+                font.weight: 500
+            }
+
+            StyledText {
+                text: root.state === "wallpapers" && Wallpapers.list.length === 0 ? qsTr("Try putting some wallpapers in %1").arg(Paths.shortenHome(Config.paths.wallpaperDir)) : qsTr("Try searching for something else")
+                color: Colours.palette.m3onSurfaceVariant
+                font.pointSize: Appearance.font.size.normal
+            }
+        }
+
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+
+        Behavior on scale {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+    }
+
+    Behavior on implicitWidth {
+        enabled: root.visibilities.launcher
+
+        NumberAnimation {
+            duration: Appearance.anim.durations.large
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasizedDecel
+        }
+    }
+
+    Behavior on implicitHeight {
+        enabled: root.visibilities.launcher
+
+        NumberAnimation {
+            duration: Appearance.anim.durations.large
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasizedDecel
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/M3Variants.qml

@@ -0,0 +1,91 @@
+pragma Singleton
+
+import "root:/utils/scripts/fuzzysort.js" as Fuzzy
+import "root:/config"
+import Quickshell
+import QtQuick
+
+Singleton {
+    id: root
+
+    readonly property list<Variant> list: [
+        Variant {
+            variant: "vibrant"
+            icon: "sentiment_very_dissatisfied"
+            name: "Vibrant"
+            description: "A high chroma palette. The primary palette's chroma is at maximum."
+        },
+        Variant {
+            variant: "tonalspot"
+            icon: "android"
+            name: "Tonal Spot"
+            description: "Default for Material theme colours. A pastel palette with a low chroma."
+        },
+        Variant {
+            variant: "expressive"
+            icon: "compare_arrows"
+            name: "Expressive"
+            description: "A medium chroma palette. The primary palette's hue is different from the seed colour, for variety."
+        },
+        Variant {
+            variant: "fidelity"
+            icon: "compare"
+            name: "Fidelity"
+            description: "Matches the seed colour, even if the seed colour is very bright (high chroma)."
+        },
+        Variant {
+            variant: "content"
+            icon: "sentiment_calm"
+            name: "Content"
+            description: "Almost identical to fidelity."
+        },
+        Variant {
+            variant: "fruitsalad"
+            icon: "nutrition"
+            name: "Fruit Salad"
+            description: "A playful theme - the seed colour's hue does not appear in the theme."
+        },
+        Variant {
+            variant: "rainbow"
+            icon: "looks"
+            name: "Rainbow"
+            description: "A playful theme - the seed colour's hue does not appear in the theme."
+        },
+        Variant {
+            variant: "neutral"
+            icon: "contrast"
+            name: "Neutral"
+            description: "Close to grayscale, a hint of chroma."
+        },
+        Variant {
+            variant: "monochrome"
+            icon: "filter_b_and_w"
+            name: "Monochrome"
+            description: "All colours are grayscale, no chroma."
+        }
+    ]
+
+    readonly property list<var> preppedVariants: list.map(v => ({
+                name: Fuzzy.prepare(v.variant),
+                variant: v
+            }))
+
+    function fuzzyQuery(search: string): var {
+        return Fuzzy.go(search.slice(`${Config.launcher.actionPrefix}variant `.length), preppedVariants, {
+            all: true,
+            key: "name"
+        }).map(r => r.obj.variant);
+    }
+
+    component Variant: QtObject {
+        required property string variant
+        required property string icon
+        required property string name
+        required property string description
+
+        function onClicked(list: AppList): void {
+            list.visibilities.launcher = false;
+            Quickshell.execDetached(["caelestia", "scheme", "set", "-v", variant]);
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/SchemeItem.qml

@@ -0,0 +1,93 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+
+Item {
+    id: root
+
+    required property Schemes.Scheme modelData
+    required property var list
+
+    implicitHeight: Config.launcher.sizes.itemHeight
+
+    anchors.left: parent?.left
+    anchors.right: parent?.right
+
+    StateLayer {
+        radius: Appearance.rounding.full
+
+        function onClicked(): void {
+            root.modelData?.onClicked(root.list);
+        }
+    }
+
+    Item {
+        anchors.fill: parent
+        anchors.leftMargin: Appearance.padding.larger
+        anchors.rightMargin: Appearance.padding.larger
+        anchors.margins: Appearance.padding.smaller
+
+        StyledRect {
+            id: preview
+
+            anchors.verticalCenter: parent.verticalCenter
+
+            border.width: 1
+            border.color: Qt.alpha(`#${root.modelData?.colours?.outline}`, 0.5)
+
+            color: `#${root.modelData?.colours?.surface}`
+            radius: Appearance.rounding.full
+            implicitWidth: parent.height * 0.8
+            implicitHeight: parent.height * 0.8
+
+            Item {
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                anchors.right: parent.right
+
+                implicitWidth: parent.implicitWidth / 2
+                clip: true
+
+                StyledRect {
+                    anchors.top: parent.top
+                    anchors.bottom: parent.bottom
+                    anchors.right: parent.right
+
+                    implicitWidth: preview.implicitWidth
+                    color: `#${root.modelData?.colours?.primary}`
+                    radius: Appearance.rounding.full
+                }
+            }
+        }
+
+        Column {
+            anchors.left: preview.right
+            anchors.leftMargin: Appearance.spacing.normal
+            anchors.verticalCenter: parent.verticalCenter
+
+            width: parent.width - preview.width
+            spacing: 0
+
+            StyledText {
+                id: name
+
+                text: root.modelData?.name ?? ""
+                font.pointSize: Appearance.font.size.normal
+            }
+
+            StyledText {
+                id: comment
+
+                text: root.modelData?.flavour ?? ""
+                font.pointSize: Appearance.font.size.small
+                color: Colours.palette.m3outline
+
+                elide: Text.ElideRight
+                width: parent.width - Appearance.rounding.normal * 2
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/Schemes.qml

@@ -0,0 +1,67 @@
+pragma Singleton
+
+import "root:/utils/scripts/fuzzysort.js" as Fuzzy
+import "root:/config"
+import Quickshell
+import Quickshell.Io
+import QtQuick
+
+Singleton {
+    id: root
+
+    readonly property list<var> preppedSchemes: schemes.instances.map(s => ({
+                name: Fuzzy.prepare(s.name),
+                flavour: Fuzzy.prepare(s.flavour),
+                scheme: s
+            }))
+
+    function fuzzyQuery(search: string): var {
+        return Fuzzy.go(search.slice(`${Config.launcher.actionPrefix}scheme `.length), preppedSchemes, {
+            all: true,
+            keys: ["name", "flavour"],
+            scoreFn: r => r[0].score > 0 ? r[0].score * 0.9 + r[1].score * 0.1 : 0
+        }).map(r => r.obj.scheme);
+    }
+
+    Variants {
+        id: schemes
+
+        Scheme {}
+    }
+
+    Process {
+        id: getSchemes
+
+        running: true
+        command: ["caelestia", "scheme", "list"]
+        stdout: StdioCollector {
+            onStreamFinished: {
+                const schemeData = JSON.parse(text);
+                const list = Object.entries(schemeData).map(([name, f]) => Object.entries(f).map(([flavour, colours]) => ({
+                                name,
+                                flavour,
+                                colours
+                            })));
+
+                const flat = [];
+                for (const s of list)
+                    for (const f of s)
+                        flat.push(f);
+
+                schemes.model = flat;
+            }
+        }
+    }
+
+    component Scheme: QtObject {
+        required property var modelData
+        readonly property string name: modelData.name
+        readonly property string flavour: modelData.flavour
+        readonly property var colours: modelData.colours
+
+        function onClicked(list: AppList): void {
+            list.visibilities.launcher = false;
+            Quickshell.execDetached(["caelestia", "scheme", "set", "-n", name, "-f", flavour]);
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/VariantItem.qml

@@ -0,0 +1,69 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+
+Item {
+    id: root
+
+    required property M3Variants.Variant modelData
+    required property var list
+
+    implicitHeight: Config.launcher.sizes.itemHeight
+
+    anchors.left: parent?.left
+    anchors.right: parent?.right
+
+    StateLayer {
+        radius: Appearance.rounding.full
+
+        function onClicked(): void {
+            root.modelData?.onClicked(root.list);
+        }
+    }
+
+    Item {
+        anchors.fill: parent
+        anchors.leftMargin: Appearance.padding.larger
+        anchors.rightMargin: Appearance.padding.larger
+        anchors.margins: Appearance.padding.smaller
+
+        MaterialIcon {
+            id: icon
+
+            text: root.modelData?.icon ?? ""
+            font.pointSize: Appearance.font.size.extraLarge
+
+            anchors.verticalCenter: parent.verticalCenter
+        }
+
+        Item {
+            anchors.left: icon.right
+            anchors.leftMargin: Appearance.spacing.larger
+            anchors.verticalCenter: icon.verticalCenter
+
+            implicitWidth: parent.width - icon.width
+            implicitHeight: name.implicitHeight + desc.implicitHeight
+
+            StyledText {
+                id: name
+
+                text: root.modelData?.name ?? ""
+                font.pointSize: Appearance.font.size.normal
+            }
+
+            StyledText {
+                id: desc
+
+                text: root.modelData?.description ?? ""
+                font.pointSize: Appearance.font.size.small
+                color: Colours.alpha(Colours.palette.m3outline, true)
+
+                elide: Text.ElideRight
+                width: root.width - icon.width - Appearance.rounding.normal * 2
+
+                anchors.top: name.bottom
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/WallpaperItem.qml

@@ -0,0 +1,109 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import QtQuick
+import QtQuick.Effects
+
+StyledRect {
+    id: root
+
+    required property Wallpapers.Wallpaper modelData
+    required property PersistentProperties visibilities
+
+    scale: 0.5
+    opacity: 0
+    z: PathView.z ?? 0
+
+    Component.onCompleted: {
+        scale = Qt.binding(() => PathView.isCurrentItem ? 1 : PathView.onPath ? 0.8 : 0);
+        opacity = Qt.binding(() => PathView.onPath ? 1 : 0);
+    }
+
+    implicitWidth: image.width + Appearance.padding.larger * 2
+    implicitHeight: image.height + label.height + Appearance.spacing.small / 2 + Appearance.padding.large + Appearance.padding.normal
+
+    StateLayer {
+        radius: Appearance.rounding.normal
+
+        function onClicked(): void {
+            Wallpapers.setWallpaper(root.modelData.path);
+            root.visibilities.launcher = false;
+        }
+    }
+
+    CachingImage {
+        id: image
+
+        anchors.horizontalCenter: parent.horizontalCenter
+        y: Appearance.padding.large
+
+        visible: false
+        path: root.modelData.path
+        smooth: !root.PathView.view.moving
+
+        width: Config.launcher.sizes.wallpaperWidth
+        height: width / 16 * 9
+    }
+
+    Rectangle {
+        id: mask
+
+        layer.enabled: true
+        layer.smooth: true
+        visible: false
+        anchors.fill: image
+        radius: Appearance.rounding.normal
+    }
+
+    RectangularShadow {
+        opacity: root.PathView.isCurrentItem ? 0.7 : 0
+        anchors.fill: mask
+        radius: mask.radius
+        color: Colours.palette.m3shadow
+        blur: 10
+        spread: 3
+
+        Behavior on opacity {
+            Anim {}
+        }
+    }
+
+    MultiEffect {
+        anchors.fill: image
+        source: image
+        maskEnabled: true
+        maskSource: mask
+        maskSpreadAtMin: 1
+        maskThresholdMin: 0.5
+    }
+
+    StyledText {
+        id: label
+
+        anchors.top: image.bottom
+        anchors.topMargin: Appearance.spacing.small / 2
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        width: image.width - Appearance.padding.normal * 2
+        horizontalAlignment: Text.AlignHCenter
+        elide: Text.ElideRight
+        renderType: Text.QtRendering
+        text: root.modelData.name
+        font.pointSize: Appearance.font.size.normal
+    }
+
+    Behavior on scale {
+        Anim {}
+    }
+
+    Behavior on opacity {
+        Anim {}
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.standard
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/WallpaperList.qml

@@ -0,0 +1,79 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import QtQuick
+import QtQuick.Controls
+
+PathView {
+    id: root
+
+    required property TextField search
+    required property PersistentProperties visibilities
+    readonly property int numItems: {
+        const screenWidth = QsWindow.window?.screen.width * 0.8;
+        if (!screenWidth)
+            return 0;
+        const itemWidth = Config.launcher.sizes.wallpaperWidth * 0.8;
+        const max = Config.launcher.maxWallpapers;
+        if (max * itemWidth > screenWidth) {
+            const items = Math.floor(screenWidth / itemWidth);
+            return items > 1 && items % 2 === 0 ? items - 1 : items;
+        }
+        return max;
+    }
+
+    model: ScriptModel {
+        readonly property string search: root.search.text.split(" ").slice(1).join(" ")
+
+        values: {
+            const list = Wallpapers.fuzzyQuery(search);
+            if (list.length > 1 && list.length % 2 === 0)
+                list.length -= 1; // Always show odd number
+            return list;
+        }
+        onValuesChanged: root.currentIndex = search ? 0 : values.findIndex(w => w.path === Wallpapers.actualCurrent)
+    }
+
+    Component.onCompleted: currentIndex = Wallpapers.list.findIndex(w => w.path === Wallpapers.actualCurrent)
+    Component.onDestruction: Wallpapers.stopPreview()
+
+    onCurrentItemChanged: {
+        if (currentItem)
+            Wallpapers.preview(currentItem.modelData.path);
+    }
+
+    implicitWidth: Math.min(numItems, count) * (Config.launcher.sizes.wallpaperWidth * 0.8 + Appearance.padding.larger * 2)
+    pathItemCount: numItems
+    cacheItemCount: 4
+
+    snapMode: PathView.SnapToItem
+    preferredHighlightBegin: 0.5
+    preferredHighlightEnd: 0.5
+    highlightRangeMode: PathView.StrictlyEnforceRange
+
+    delegate: WallpaperItem {
+        visibilities: root.visibilities
+    }
+
+    path: Path {
+        startY: root.height / 2
+
+        PathAttribute {
+            name: "z"
+            value: 0
+        }
+        PathLine {
+            x: root.width / 2
+            relativeY: 0
+        }
+        PathAttribute {
+            name: "z"
+            value: 1
+        }
+        PathLine {
+            x: root.width
+            relativeY: 0
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/launcher/Wrapper.qml

@@ -0,0 +1,55 @@
+import "root:/config"
+import Quickshell
+import QtQuick
+
+Item {
+    id: root
+
+    required property PersistentProperties visibilities
+
+    visible: height > 0
+    implicitHeight: 0
+    implicitWidth: content.implicitWidth
+
+    states: State {
+        name: "visible"
+        when: root.visibilities.launcher
+
+        PropertyChanges {
+            root.implicitHeight: content.implicitHeight
+        }
+    }
+
+    transitions: [
+        Transition {
+            from: ""
+            to: "visible"
+
+            NumberAnimation {
+                target: root
+                property: "implicitHeight"
+                duration: Appearance.anim.durations.expressiveDefaultSpatial
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
+            }
+        },
+        Transition {
+            from: "visible"
+            to: ""
+
+            NumberAnimation {
+                target: root
+                property: "implicitHeight"
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.emphasized
+            }
+        }
+    ]
+
+    Content {
+        id: content
+
+        visibilities: root.visibilities
+    }
+}

modules/home/services/quickshell/shell/modules/lock/Backgrounds.qml

@@ -0,0 +1,480 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Shapes
+import QtQuick.Effects
+
+Item {
+    id: root
+
+    required property bool locked
+    required property real weatherWidth
+    required property real buttonsWidth
+    required property real buttonsHeight
+    required property real statusWidth
+    required property real statusHeight
+    required property bool isNormal
+    required property bool isLarge
+
+    readonly property real clockBottom: innerMask.anchors.margins + clockPath.height
+    readonly property real inputTop: innerMask.anchors.margins + inputPath.height
+    readonly property real weatherTop: innerMask.anchors.margins + weatherPath.height
+    readonly property real weatherRight: innerMask.anchors.margins + weatherPath.width
+    readonly property real buttonsTop: innerMask.anchors.margins + buttonsPath.height
+    readonly property real buttonsLeft: innerMask.anchors.margins + buttonsPath.width
+    readonly property real statusBottom: innerMask.anchors.margins + statusPath.height
+    readonly property real statusLeft: innerMask.anchors.margins + statusPath.width
+
+    readonly property real mediaX: innerMask.anchors.margins + mediaPath.width
+    readonly property real mediaY: innerMask.anchors.margins + mediaPath.height
+
+    anchors.fill: parent
+
+    StyledRect {
+        id: base
+
+        anchors.fill: parent
+        color: Colours.alpha(Colours.palette.m3surface, false)
+        visible: false
+    }
+
+    Item {
+        id: mask
+
+        anchors.fill: parent
+        layer.enabled: true
+        visible: false
+
+        Rectangle {
+            id: innerMask
+
+            anchors.fill: parent
+            anchors.margins: root.locked ? Config.lock.sizes.border : -radius / 2
+            radius: Appearance.rounding.large * 2
+
+            Behavior on anchors.margins {
+                Anim {}
+            }
+        }
+    }
+
+    MultiEffect {
+        anchors.fill: parent
+        source: base
+        maskEnabled: true
+        maskInverted: true
+        maskSource: mask
+        maskThresholdMin: 0.5
+        maskSpreadAtMin: 1
+    }
+
+    Shape {
+        anchors.fill: parent
+        anchors.margins: Math.floor(innerMask.anchors.margins)
+
+        preferredRendererType: Shape.CurveRenderer
+
+        ShapePath {
+            id: clockPath
+
+            readonly property int width: Config.lock.sizes.clockWidth
+            property real height: root.locked ? Config.lock.sizes.clockHeight : 0
+
+            readonly property real rounding: Appearance.rounding.large * 4
+            readonly property bool flatten: height < rounding * 2
+            readonly property real roundingY: flatten ? height / 2 : rounding
+
+            strokeWidth: -1
+            fillColor: Colours.palette.m3surface
+
+            startX: (innerMask.width - width) / 2 - rounding
+
+            PathArc {
+                relativeX: clockPath.rounding
+                relativeY: clockPath.roundingY
+                radiusX: clockPath.rounding
+                radiusY: Math.min(clockPath.rounding, clockPath.height)
+            }
+            PathLine {
+                relativeX: 0
+                relativeY: clockPath.height - clockPath.roundingY * 2
+            }
+            PathArc {
+                relativeX: clockPath.rounding
+                relativeY: clockPath.roundingY
+                radiusX: clockPath.rounding
+                radiusY: Math.min(clockPath.rounding, clockPath.height)
+                direction: PathArc.Counterclockwise
+            }
+            PathLine {
+                relativeX: clockPath.width - clockPath.rounding * 2
+                relativeY: 0
+            }
+            PathArc {
+                relativeX: clockPath.rounding
+                relativeY: -clockPath.roundingY
+                radiusX: clockPath.rounding
+                radiusY: Math.min(clockPath.rounding, clockPath.height)
+                direction: PathArc.Counterclockwise
+            }
+            PathLine {
+                relativeX: 0
+                relativeY: -(clockPath.height - clockPath.roundingY * 2)
+            }
+            PathArc {
+                relativeX: clockPath.rounding
+                relativeY: -clockPath.roundingY
+                radiusX: clockPath.rounding
+                radiusY: Math.min(clockPath.rounding, clockPath.height)
+            }
+
+            Behavior on height {
+                Anim {}
+            }
+
+            Behavior on fillColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+
+        ShapePath {
+            id: inputPath
+
+            readonly property int width: Config.lock.sizes.inputWidth
+            property real height: root.locked ? Config.lock.sizes.inputHeight : 0
+
+            readonly property real rounding: Appearance.rounding.large * 2
+            readonly property bool flatten: height < rounding * 2
+            readonly property real roundingY: flatten ? height / 2 : rounding
+
+            strokeWidth: -1
+            fillColor: Colours.palette.m3surface
+
+            startX: (innerMask.width - width) / 2 - rounding
+            startY: Math.ceil(innerMask.height)
+
+            PathArc {
+                relativeX: inputPath.rounding
+                relativeY: -inputPath.roundingY
+                radiusX: inputPath.rounding
+                radiusY: Math.min(inputPath.rounding, inputPath.height)
+                direction: PathArc.Counterclockwise
+            }
+            PathLine {
+                relativeX: 0
+                relativeY: -(inputPath.height - inputPath.roundingY * 2)
+            }
+            PathArc {
+                relativeX: inputPath.rounding
+                relativeY: -inputPath.roundingY
+                radiusX: inputPath.rounding
+                radiusY: Math.min(inputPath.rounding, inputPath.height)
+            }
+            PathLine {
+                relativeX: inputPath.width - inputPath.rounding * 2
+                relativeY: 0
+            }
+            PathArc {
+                relativeX: inputPath.rounding
+                relativeY: inputPath.roundingY
+                radiusX: inputPath.rounding
+                radiusY: Math.min(inputPath.rounding, inputPath.height)
+            }
+            PathLine {
+                relativeX: 0
+                relativeY: inputPath.height - inputPath.roundingY * 2
+            }
+            PathArc {
+                relativeX: inputPath.rounding
+                relativeY: inputPath.roundingY
+                radiusX: inputPath.rounding
+                radiusY: Math.min(inputPath.rounding, inputPath.height)
+                direction: PathArc.Counterclockwise
+            }
+
+            Behavior on height {
+                Anim {}
+            }
+
+            Behavior on fillColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+
+        ShapePath {
+            id: weatherPath
+
+            property int width: root.locked ? root.weatherWidth - Config.lock.sizes.border / 4 : 0
+            property real height: root.locked ? Config.lock.sizes.weatherHeight : 0
+
+            readonly property real rounding: Appearance.rounding.large * 2
+            readonly property real roundingX: width < rounding * 2 ? width / 2 : rounding
+            readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding
+
+            strokeWidth: -1
+            fillColor: Colours.palette.m3surface
+
+            startY: Math.ceil(innerMask.height) - height - roundingY
+
+            PathArc {
+                relativeX: weatherPath.roundingX
+                relativeY: weatherPath.roundingY
+                radiusX: Math.min(weatherPath.rounding, weatherPath.width)
+                radiusY: Math.min(weatherPath.rounding, weatherPath.height)
+                direction: PathArc.Counterclockwise
+            }
+            PathLine {
+                relativeX: weatherPath.width - weatherPath.roundingX * 2
+                relativeY: 0
+            }
+            PathArc {
+                relativeX: weatherPath.roundingX
+                relativeY: weatherPath.roundingY
+                radiusX: Math.min(weatherPath.rounding, weatherPath.width)
+                radiusY: Math.min(weatherPath.rounding, weatherPath.height)
+            }
+            PathLine {
+                relativeX: 0
+                relativeY: weatherPath.height - weatherPath.roundingY * 2
+            }
+            PathArc {
+                relativeX: weatherPath.roundingX
+                relativeY: weatherPath.roundingY
+                radiusX: Math.min(weatherPath.rounding, weatherPath.width)
+                radiusY: Math.min(weatherPath.rounding, weatherPath.height)
+                direction: PathArc.Counterclockwise
+            }
+            PathLine {
+                relativeX: -weatherPath.width - weatherPath.roundingX
+                relativeY: 0
+            }
+
+            Behavior on width {
+                Anim {}
+            }
+
+            Behavior on height {
+                Anim {}
+            }
+
+            Behavior on fillColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+
+        ShapePath {
+            id: mediaPath
+
+            property int width: root.locked ? (root.isLarge ? Config.lock.sizes.mediaWidth : Config.lock.sizes.mediaWidthSmall) - Config.lock.sizes.border / 4 : 0
+            property real height: root.locked ? (root.isLarge ? Config.lock.sizes.mediaHeight : Config.lock.sizes.mediaHeightSmall) : 0
+
+            readonly property real rounding: Appearance.rounding.large * 2
+            readonly property real roundingX: width < rounding * 2 ? width / 2 : rounding
+            readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding
+
+            strokeWidth: -1
+            fillColor: root.isNormal ? Colours.palette.m3surface : "transparent"
+
+            startX: root.isLarge ? 0 : Math.ceil(innerMask.width)
+            startY: root.isLarge ? height + roundingY : Math.ceil(innerMask.height) - height - roundingY
+
+            PathArc {
+                relativeX: mediaPath.roundingX * (root.isLarge ? 1 : -1)
+                relativeY: mediaPath.roundingY * (root.isLarge ? -1 : 1)
+                radiusX: Math.min(mediaPath.rounding, mediaPath.width)
+                radiusY: Math.min(mediaPath.rounding, mediaPath.height)
+            }
+            PathLine {
+                relativeX: (mediaPath.width - mediaPath.roundingX * 2) * (root.isLarge ? 1 : -1)
+                relativeY: 0
+            }
+            PathArc {
+                relativeX: mediaPath.roundingX * (root.isLarge ? 1 : -1)
+                relativeY: mediaPath.roundingY * (root.isLarge ? -1 : 1)
+                radiusX: Math.min(mediaPath.rounding, mediaPath.width)
+                radiusY: Math.min(mediaPath.rounding, mediaPath.height)
+                direction: PathArc.Counterclockwise
+            }
+            PathLine {
+                relativeX: 0
+                relativeY: (mediaPath.height - mediaPath.roundingY * 2) * (root.isLarge ? -1 : 1)
+            }
+            PathArc {
+                relativeX: mediaPath.roundingX * (root.isLarge ? 1 : -1)
+                relativeY: mediaPath.roundingY * (root.isLarge ? -1 : 1)
+                radiusX: Math.min(mediaPath.rounding, mediaPath.width)
+                radiusY: Math.min(mediaPath.rounding, mediaPath.height)
+            }
+            PathLine {
+                relativeX: (-mediaPath.width - mediaPath.roundingX) * (root.isLarge ? 1 : -1)
+                relativeY: 0
+            }
+
+            Behavior on width {
+                Anim {}
+            }
+
+            Behavior on height {
+                Anim {}
+            }
+
+            Behavior on fillColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+
+        ShapePath {
+            id: buttonsPath
+
+            property int width: root.locked ? root.buttonsWidth - Config.lock.sizes.border / 4 : 0
+            property real height: root.locked ? root.buttonsHeight - Config.lock.sizes.border / 4 : 0
+
+            readonly property real rounding: Appearance.rounding.large * 2
+            readonly property real roundingX: width < rounding * 2 ? width / 2 : rounding
+            readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding
+
+            strokeWidth: -1
+            fillColor: root.isLarge ? Colours.palette.m3surface : "transparent"
+
+            startX: Math.ceil(innerMask.width)
+            startY: Math.ceil(innerMask.height) - height - rounding
+
+            PathArc {
+                relativeX: -buttonsPath.roundingX
+                relativeY: buttonsPath.rounding
+                radiusX: Math.min(buttonsPath.rounding, buttonsPath.width)
+                radiusY: buttonsPath.rounding, buttonsPath.height
+            }
+            PathLine {
+                relativeX: -(buttonsPath.width - buttonsPath.roundingX * 2)
+                relativeY: 0
+            }
+            PathArc {
+                relativeX: -buttonsPath.roundingX
+                relativeY: buttonsPath.roundingY
+                radiusX: Math.min(buttonsPath.rounding, buttonsPath.width)
+                radiusY: Math.min(buttonsPath.rounding, buttonsPath.height)
+                direction: PathArc.Counterclockwise
+            }
+            PathLine {
+                relativeX: 0
+                relativeY: buttonsPath.height - buttonsPath.roundingY * 2
+            }
+            PathArc {
+                relativeX: -buttonsPath.roundingX
+                relativeY: buttonsPath.roundingY
+                radiusX: Math.min(buttonsPath.rounding, buttonsPath.width)
+                radiusY: Math.min(buttonsPath.rounding, buttonsPath.height)
+            }
+            PathLine {
+                relativeX: buttonsPath.width + buttonsPath.roundingX
+                relativeY: 0
+            }
+
+            Behavior on width {
+                Anim {}
+            }
+
+            Behavior on height {
+                Anim {}
+            }
+
+            Behavior on fillColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+
+        ShapePath {
+            id: statusPath
+
+            property int width: root.locked ? root.statusWidth - Config.lock.sizes.border / 4 : 0
+            property real height: root.locked ? root.statusHeight - Config.lock.sizes.border / 4 : 0
+
+            readonly property real rounding: Appearance.rounding.large * 2
+            readonly property real roundingX: width < rounding * 2 ? width / 2 : rounding
+            readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding
+
+            strokeWidth: -1
+            fillColor: root.isLarge ? Colours.palette.m3surface : "transparent"
+
+            startX: Math.ceil(innerMask.width)
+            startY: height + rounding
+
+            PathArc {
+                relativeX: -statusPath.roundingX
+                relativeY: -statusPath.rounding
+                radiusX: Math.min(statusPath.rounding, statusPath.width)
+                radiusY: statusPath.rounding
+                direction: PathArc.Counterclockwise
+            }
+            PathLine {
+                relativeX: -(statusPath.width - statusPath.roundingX * 2)
+                relativeY: 0
+            }
+            PathArc {
+                relativeX: -statusPath.roundingX
+                relativeY: -statusPath.roundingY
+                radiusX: Math.min(statusPath.rounding, statusPath.width)
+                radiusY: Math.min(statusPath.rounding, statusPath.height)
+            }
+            PathLine {
+                relativeX: 0
+                relativeY: -(statusPath.height - statusPath.roundingY * 2)
+            }
+            PathArc {
+                relativeX: -statusPath.roundingX
+                relativeY: -statusPath.roundingY
+                radiusX: Math.min(statusPath.rounding, statusPath.width)
+                radiusY: Math.min(statusPath.rounding, statusPath.height)
+                direction: PathArc.Counterclockwise
+            }
+            PathLine {
+                relativeX: statusPath.width + statusPath.roundingX
+                relativeY: 0
+            }
+
+            Behavior on width {
+                Anim {}
+            }
+
+            Behavior on height {
+                Anim {}
+            }
+
+            Behavior on fillColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.large
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.emphasized
+    }
+}

modules/home/services/quickshell/shell/modules/lock/Buttons.qml

@@ -0,0 +1,115 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+import QtQuick.Layouts
+
+WrapperItem {
+    readonly property real nonAnimMargin: handler.hovered ? Appearance.padding.large * 2 : Appearance.padding.large * 1.2
+    readonly property real nonAnimWidth: handler.hovered ? Config.lock.sizes.buttonsWidth : Config.lock.sizes.buttonsWidthSmall
+    readonly property real nonAnimHeight: (nonAnimWidth + nonAnimMargin * 2) / 4
+
+    margin: nonAnimMargin
+    rightMargin: 0
+    bottomMargin: 0
+    implicitWidth: nonAnimWidth
+    implicitHeight: nonAnimHeight
+
+    Behavior on margin {
+        NumberAnimation {
+            duration: Appearance.anim.durations.large
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+
+    Behavior on implicitWidth {
+        NumberAnimation {
+            duration: Appearance.anim.durations.large
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+
+    Behavior on implicitHeight {
+        NumberAnimation {
+            duration: Appearance.anim.durations.large
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+
+    HoverHandler {
+        id: handler
+
+        target: parent
+    }
+
+    RowLayout {
+        id: layout
+
+        spacing: Appearance.spacing.normal
+
+        SessionButton {
+            icon: "logout"
+            command: ["loginctl", "terminate-user", ""]
+        }
+
+        SessionButton {
+            icon: "power_settings_new"
+            command: ["systemctl", "poweroff"]
+        }
+
+        SessionButton {
+            icon: "downloading"
+            command: ["systemctl", "hibernate"]
+        }
+
+        SessionButton {
+            icon: "cached"
+            command: ["systemctl", "reboot"]
+        }
+    }
+
+    component SessionButton: StyledRect {
+        required property string icon
+        required property list<string> command
+
+        Layout.fillWidth: true
+        Layout.preferredHeight: width
+
+        radius: stateLayer.containsMouse ? Appearance.rounding.large * 2 : Appearance.rounding.large * 1.2
+        color: Colours.palette.m3secondaryContainer
+
+        StateLayer {
+            id: stateLayer
+
+            color: Colours.palette.m3onSecondaryContainer
+
+            function onClicked(): void {
+                Quickshell.execDetached(parent.command);
+            }
+        }
+
+        MaterialIcon {
+            anchors.centerIn: parent
+
+            text: parent.icon
+            color: Colours.palette.m3onSecondaryContainer
+            font.pointSize: (parent.width * 0.4) || 1
+            font.weight: handler.hovered ? 500 : 400
+        }
+
+        Behavior on radius {
+            NumberAnimation {
+                duration: Appearance.anim.durations.normal
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Appearance.anim.curves.standard
+            }
+        }
+    }
+}

modules/home/services/quickshell/shell/modules/lock/Clock.qml

@@ -0,0 +1,53 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick.Layouts
+
+ColumnLayout {
+    id: root
+
+    spacing: 0
+
+    RowLayout {
+        Layout.alignment: Qt.AlignHCenter
+        spacing: Appearance.spacing.small
+
+        StyledText {
+            Layout.alignment: Qt.AlignVCenter
+            text: Time.format("HH")
+            color: Colours.palette.m3secondary
+            font.pointSize: Appearance.font.size.extraLarge * 4
+            font.family: Appearance.font.family.mono
+            font.weight: 800
+        }
+
+        StyledText {
+            Layout.alignment: Qt.AlignVCenter
+            text: ":"
+            color: Colours.palette.m3primary
+            font.pointSize: Appearance.font.size.extraLarge * 4
+            font.family: Appearance.font.family.mono
+            font.weight: 800
+        }
+
+        StyledText {
+            Layout.alignment: Qt.AlignVCenter
+            text: Time.format("mm")
+            color: Colours.palette.m3secondary
+            font.pointSize: Appearance.font.size.extraLarge * 4
+            font.family: Appearance.font.family.mono
+            font.weight: 800
+        }
+    }
+
+    StyledText {
+        Layout.alignment: Qt.AlignHCenter
+        Layout.bottomMargin: Appearance.padding.large * 3
+
+        text: Time.format("dddd, d MMMM yyyy")
+        color: Colours.palette.m3tertiary
+        font.pointSize: Appearance.font.size.extraLarge
+        font.family: Appearance.font.family.mono
+        font.bold: true
+    }
+}

modules/home/services/quickshell/shell/modules/lock/Input.qml

@@ -0,0 +1,260 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import "root:/utils"
+import Quickshell
+import Quickshell.Wayland
+import Quickshell.Services.Pam
+import QtQuick
+import QtQuick.Layouts
+
+ColumnLayout {
+    id: root
+
+    required property WlSessionLockSurface lock
+
+    property string passwordBuffer
+
+    spacing: Appearance.spacing.large * 2
+
+    RowLayout {
+        Layout.alignment: Qt.AlignHCenter
+        Layout.topMargin: Appearance.padding.large * 3
+        Layout.maximumWidth: Config.lock.sizes.inputWidth - Appearance.rounding.large * 2
+
+        spacing: Appearance.spacing.large
+
+        StyledClippingRect {
+            Layout.alignment: Qt.AlignVCenter
+            implicitWidth: Config.lock.sizes.faceSize
+            implicitHeight: Config.lock.sizes.faceSize
+
+            radius: Appearance.rounding.large
+            color: Colours.palette.m3surfaceContainer
+
+            MaterialIcon {
+                anchors.centerIn: parent
+
+                text: "person"
+                fill: 1
+                grade: 200
+                font.pointSize: Config.lock.sizes.faceSize / 2
+            }
+
+            CachingImage {
+                anchors.fill: parent
+                path: `${Paths.home}/.face`
+            }
+        }
+
+        ColumnLayout {
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignVCenter
+            spacing: Appearance.spacing.small
+
+            StyledText {
+                Layout.fillWidth: true
+                text: qsTr("Welcome back, %1").arg(Quickshell.env("USER"))
+                font.pointSize: Appearance.font.size.extraLarge
+                font.weight: 500
+                elide: Text.ElideRight
+            }
+
+            StyledText {
+                Layout.fillWidth: true
+                text: qsTr("Logging in to %1").arg(Quickshell.env("XDG_CURRENT_DESKTOP") || Quickshell.env("XDG_SESSION_DESKTOP"))
+                color: Colours.palette.m3tertiary
+                font.pointSize: Appearance.font.size.large
+                elide: Text.ElideRight
+            }
+        }
+    }
+
+    StyledRect {
+        Layout.fillWidth: true
+        Layout.preferredWidth: charList.implicitWidth + Appearance.padding.large * 2
+        Layout.preferredHeight: Appearance.font.size.normal + Appearance.padding.large * 2
+
+        focus: true
+        color: Colours.palette.m3surfaceContainer
+        radius: Appearance.rounding.small
+        clip: true
+
+        onFocusChanged: {
+            if (!focus)
+                focus = true;
+        }
+
+        Keys.onPressed: event => {
+            if (pam.active)
+                return;
+
+            if (event.key === Qt.Key_Enter || event.key === Qt.Key_Return) {
+                placeholder.animate = false;
+                pam.start();
+            } else if (event.key === Qt.Key_Backspace) {
+                if (event.modifiers & Qt.ControlModifier) {
+                    charList.implicitWidth = charList.implicitWidth; // Break binding
+                    root.passwordBuffer = "";
+                } else {
+                    root.passwordBuffer = root.passwordBuffer.slice(0, -1);
+                }
+            } else if (" abcdefghijklmnopqrstuvwxyz1234567890`~!@#$%^&*()-_=+[{]}\\|;:'\",<.>/?".includes(event.text.toLowerCase())) {
+                charList.bindImWidth();
+                root.passwordBuffer += event.text;
+            }
+        }
+
+        PamContext {
+            id: pam
+
+            onResponseRequiredChanged: {
+                if (!responseRequired)
+                    return;
+
+                respond(root.passwordBuffer);
+                charList.implicitWidth = charList.implicitWidth; // Break binding
+                root.passwordBuffer = "";
+                placeholder.animate = true;
+            }
+
+            onCompleted: res => {
+                if (res === PamResult.Success)
+                    return root.lock.unlock();
+
+                if (res === PamResult.Error)
+                    placeholder.pamState = "error";
+                else if (res === PamResult.MaxTries)
+                    placeholder.pamState = "max";
+                else if (res === PamResult.Failed)
+                    placeholder.pamState = "fail";
+
+                placeholderDelay.restart();
+            }
+        }
+
+        Timer {
+            id: placeholderDelay
+
+            interval: 3000
+            onTriggered: placeholder.pamState = ""
+        }
+
+        StyledText {
+            id: placeholder
+
+            property string pamState
+
+            anchors.centerIn: parent
+
+            text: {
+                if (pam.active)
+                    return qsTr("Loading...");
+                if (pamState === "error")
+                    return qsTr("An error occured");
+                if (pamState === "max")
+                    return qsTr("You have reached the maximum number of tries");
+                if (pamState === "fail")
+                    return qsTr("Incorrect password");
+                return qsTr("Enter your password");
+            }
+
+            animate: true
+            color: pam.active ? Colours.palette.m3secondary : pamState ? Colours.palette.m3error : Colours.palette.m3outline
+            font.pointSize: Appearance.font.size.larger
+
+            opacity: root.passwordBuffer ? 0 : 1
+
+            Behavior on opacity {
+                Anim {}
+            }
+        }
+
+        ListView {
+            id: charList
+
+            function bindImWidth(): void {
+                imWidthBehavior.enabled = false;
+                implicitWidth = Qt.binding(() => Math.min(count * (Appearance.font.size.normal + spacing) - spacing, Config.lock.sizes.inputWidth - Appearance.rounding.large * 2 - Appearance.padding.large * 5));
+                imWidthBehavior.enabled = true;
+            }
+
+            anchors.centerIn: parent
+
+            implicitWidth: Math.min(count * (Appearance.font.size.normal + spacing) - spacing, Config.lock.sizes.inputWidth - Appearance.rounding.large * 2 - Appearance.padding.large * 5)
+            implicitHeight: Appearance.font.size.normal
+
+            orientation: Qt.Horizontal
+            spacing: Appearance.spacing.small / 2
+
+            model: ScriptModel {
+                values: root.passwordBuffer.split("")
+            }
+
+            delegate: StyledRect {
+                id: ch
+
+                implicitWidth: Appearance.font.size.normal
+                implicitHeight: Appearance.font.size.normal
+
+                color: Colours.palette.m3onSurface
+                radius: Appearance.rounding.full
+
+                opacity: 0
+                scale: 0.5
+                Component.onCompleted: {
+                    opacity = 1;
+                    scale = 1;
+                }
+                ListView.onRemove: removeAnim.start()
+
+                SequentialAnimation {
+                    id: removeAnim
+
+                    PropertyAction {
+                        target: ch
+                        property: "ListView.delayRemove"
+                        value: true
+                    }
+                    ParallelAnimation {
+                        Anim {
+                            target: ch
+                            property: "opacity"
+                            to: 0
+                        }
+                        Anim {
+                            target: ch
+                            property: "scale"
+                            to: 0.5
+                        }
+                    }
+                    PropertyAction {
+                        target: ch
+                        property: "ListView.delayRemove"
+                        value: false
+                    }
+                }
+
+                Behavior on opacity {
+                    Anim {}
+                }
+
+                Behavior on scale {
+                    Anim {}
+                }
+            }
+
+            Behavior on implicitWidth {
+                id: imWidthBehavior
+
+                Anim {}
+            }
+        }
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.standard
+    }
+}