meta: integrate wallpaper, FileBrowser, StateLayer

- A lot of this is implements patterns implemented by soramannew's
  caelestia-shell

Common/Colors.qml

@@ -6,6 +6,7 @@ import QtQuick
 import Quickshell
 import Quickshell.Io
 import qs.Services
+import qs.Common
 
 Singleton {
 
@@ -13,7 +14,7 @@ Singleton {
 
     readonly property string _homeUrl: StandardPaths.writableLocation(StandardPaths.HomeLocation)
     readonly property string homeDir: _homeUrl.startsWith("file://") ? _homeUrl.substring(7) : _homeUrl
-    readonly property string wallpaperPath: homeDir + "/quickshell/current_wallpaper"
+    readonly property string wallpaperPath: Prefs.wallpaperPath || homeDir + "/quickshell/current_wallpaper"
     readonly property string notifyPath: homeDir + "/quickshell/wallpaper_changed"
     property bool matugenAvailable: false
     property string matugenJson: ""
@@ -141,6 +142,7 @@ Singleton {
                     root.matugenJson = out;
                     root.matugenColors = JSON.parse(out);
                     root.colorsUpdated();
+                    generateAppConfigs();
                     ToastService.clearWallpaperError();
                 } catch (e) {
                     console.error("JSON parse failed:", e);
@@ -156,4 +158,113 @@ Singleton {
 
     }
 
+    function generateAppConfigs() {
+        if (!matugenColors || !matugenColors.colors) {
+            console.warn("No matugen colors available for app config generation");
+            return;
+        }
+
+        generateNiriConfig();
+        generateGhosttyConfig();
+    }
+
+    function generateNiriConfig() {
+        var dark = matugenColors.colors.dark;
+        if (!dark) return;
+
+        var bg = dark.background || "#1a1c1e";
+        var primary = dark.primary || "#42a5f5";
+        var secondary = dark.secondary || "#8ab4f8";
+        var inverse = dark.inverse_primary || "#6200ea";
+
+        var content = `// AUTO-GENERATED on ${new Date().toISOString()}
+layout {
+    border {
+        active-color   "${primary}"
+        inactive-color "${secondary}"
+    }
+    focus-ring {
+        active-color   "${inverse}"
+    }
+    background-color "${bg}"
+}`;
+
+        niriConfigWriter.command = ["bash", "-c", `echo '${content}' > niri-colors.generated.kdl`];
+        niriConfigWriter.running = true;
+    }
+
+    function generateGhosttyConfig() {
+        var dark = matugenColors.colors.dark;
+        var light = matugenColors.colors.light;
+        if (!dark || !light) return;
+
+        var bg = dark.background || "#1a1c1e";
+        var fg = dark.on_background || "#e3e8ef";
+        var primary = dark.primary || "#42a5f5";
+        var secondary = dark.secondary || "#8ab4f8";
+        var tertiary = dark.tertiary || "#bb86fc";
+        var tertiary_ctr = dark.tertiary_container || "#3700b3";
+        var error = dark.error || "#cf6679";
+        var inverse = dark.inverse_primary || "#6200ea";
+
+        var bg_b = light.background || "#fef7ff";
+        var fg_b = light.on_background || "#1d1b20";
+        var primary_b = light.primary || "#1976d2";
+        var secondary_b = light.secondary || "#1565c0";
+        var tertiary_b = light.tertiary || "#7b1fa2";
+        var tertiary_ctr_b = light.tertiary_container || "#e1bee7";
+        var error_b = light.error || "#b00020";
+        var inverse_b = light.inverse_primary || "#bb86fc";
+
+        var content = `# AUTO-GENERATED on ${new Date().toISOString()}
+background = ${bg}
+foreground = ${fg}
+cursor-color = ${inverse}
+selection-background = ${secondary}
+selection-foreground = #ffffff
+palette = 0=${bg}
+palette = 1=${error}
+palette = 2=${tertiary}
+palette = 3=${secondary}
+palette = 4=${primary}
+palette = 5=${tertiary_ctr}
+palette = 6=${inverse}
+palette = 7=${fg}
+palette = 8=${bg_b}
+palette = 9=${error_b}
+palette = 10=${tertiary_b}
+palette = 11=${secondary_b}
+palette = 12=${primary_b}
+palette = 13=${tertiary_ctr_b}
+palette = 14=${inverse_b}
+palette = 15=${fg_b}`;
+
+        ghosttyConfigWriter.command = ["bash", "-c", `echo '${content}' > ghostty-colors.generated.conf`];
+        ghosttyConfigWriter.running = true;
+    }
+
+    Process {
+        id: niriConfigWriter
+        running: false
+        onExited: (exitCode) => {
+            if (exitCode === 0) {
+                console.log("Generated niri-colors.generated.kdl");
+            } else {
+                console.warn("Failed to generate niri config, exit code:", exitCode);
+            }
+        }
+    }
+
+    Process {
+        id: ghosttyConfigWriter
+        running: false
+        onExited: (exitCode) => {
+            if (exitCode === 0) {
+                console.log("Generated ghostty-colors.generated.conf");
+            } else {
+                console.warn("Failed to generate ghostty config, exit code:", exitCode);
+            }
+        }
+    }
+
 }