Cleaned up ColorSchemeTab, added program checks, added firefox template

Matugen: added firefox (pywalfox) template
SidePanelToggle: use ProgramCheckerService for gpu-screen-recorder
ColorSchemeTab: use NCollapsible for matugen templates, use
ProgramCheckerService to detect available programs (for matugen
templates)
NCollapsible: create collapsible category

Services/ProgramCheckerService.qml

@@ -0,0 +1,118 @@
+pragma Singleton
+
+import QtQuick
+import Quickshell
+import Quickshell.Io
+import qs.Commons
+
+// Service to check if various programs are available on the system
+Singleton {
+  id: root
+
+  // Program availability properties
+  property bool matugenAvailable: false
+  property bool pywalfoxAvailable: false
+  property bool kittyAvailable: false
+  property bool ghosttyAvailable: false
+  property bool footAvailable: false
+  property bool fuzzelAvailable: false
+  property bool vesktopAvailable: false
+  property bool gpuScreenRecorderAvailable: false
+
+  // Signal emitted when all checks are complete
+  signal checksCompleted
+
+  // Programs to check - maps property names to commands
+  readonly property var programsToCheck: ({
+                                            "matugenAvailable": ["which", "matugen"],
+                                            "pywalfoxAvailable": ["which", "pywalfox"],
+                                            "kittyAvailable": ["which", "kitty"],
+                                            "ghosttyAvailable": ["which", "ghostty"],
+                                            "footAvailable": ["which", "foot"],
+                                            "fuzzelAvailable": ["which", "fuzzel"],
+                                            "vesktopAvailable": ["which", "vesktop"],
+                                            "gpuScreenRecorderAvailable": ["sh", "-c", "command -v gpu-screen-recorder >/dev/null 2>&1 || (command -v flatpak >/dev/null 2>&1 && flatpak list --app | grep -q 'com.dec05eba.gpu_screen_recorder')"]
+                                          })
+
+  // Internal tracking
+  property int completedChecks: 0
+  property int totalChecks: Object.keys(programsToCheck).length
+
+  // Single reusable Process object
+  Process {
+    id: checker
+    running: false
+
+    property string currentProperty: ""
+
+    onExited: function (exitCode) {
+      // Set the availability property
+      root[currentProperty] = (exitCode === 0)
+
+      // Stop the process to free resources
+      running = false
+
+      // Track completion
+      root.completedChecks++
+
+      // Check next program or emit completion signal
+      if (root.completedChecks >= root.totalChecks) {
+        root.checksCompleted()
+      } else {
+        root.checkNextProgram()
+      }
+    }
+
+    stdout: StdioCollector {}
+    stderr: StdioCollector {}
+  }
+
+  // Queue of programs to check
+  property var checkQueue: []
+  property int currentCheckIndex: 0
+
+  // Function to check the next program in the queue
+  function checkNextProgram() {
+    if (currentCheckIndex >= checkQueue.length)
+      return
+
+    var propertyName = checkQueue[currentCheckIndex]
+    var command = programsToCheck[propertyName]
+
+    checker.currentProperty = propertyName
+    checker.command = command
+    checker.running = true
+
+    currentCheckIndex++
+  }
+
+  // Function to run all program checks
+  function checkAllPrograms() {
+    // Reset state
+    completedChecks = 0
+    currentCheckIndex = 0
+    checkQueue = Object.keys(programsToCheck)
+
+    // Start first check
+    if (checkQueue.length > 0) {
+      checkNextProgram()
+    }
+  }
+
+  // Function to check a specific program
+  function checkProgram(programProperty) {
+    if (!programsToCheck.hasOwnProperty(programProperty)) {
+      Logger.warn("ProgramChecker", "Unknown program property:", programProperty)
+      return
+    }
+
+    checker.currentProperty = programProperty
+    checker.command = programsToCheck[programProperty]
+    checker.running = true
+  }
+
+  // Initialize checks when service is created
+  Component.onCompleted: {
+    checkAllPrograms()
+  }
+}

Services/ScreenRecorderService.qml

@@ -13,16 +13,13 @@ Singleton {
   property bool isRecording: false
   property bool isPending: false
   property string outputPath: ""
-  property bool isAvailable: false
+  property bool isAvailable: ProgramCheckerService.gpuScreenRecorderAvailable
 
-  Component.onCompleted: {
-    checkAvailability()
-  }
-
-  function checkAvailability() {
-    // Detect native or Flatpak gpu-screen-recorder
-    availabilityCheckProcess.command = ["sh", "-c", "command -v gpu-screen-recorder >/dev/null 2>&1 || (command -v flatpak >/dev/null 2>&1 && flatpak list --app | grep -q 'com.dec05eba.gpu_screen_recorder')"]
-    availabilityCheckProcess.running = true
+  // Update availability when ProgramCheckerService completes its checks
+  Connections {
+    target: ProgramCheckerService
+    function onChecksCompleted() {// Availability is now automatically updated via property binding
+    }
   }
 
   // Start or Stop recording
@@ -101,18 +98,6 @@ Singleton {
     }
   }
 
-  // Availability check process
-  Process {
-    id: availabilityCheckProcess
-    command: ["sh", "-c", "true"]
-    onExited: function (exitCode, exitStatus) {
-      // exitCode 0 means available, non-zero means unavailable
-      root.isAvailable = (exitCode === 0)
-    }
-    stdout: StdioCollector {}
-    stderr: StdioCollector {}
-  }
-
   Timer {
     id: pendingTimer
     interval: 2000 // Wait 2 seconds to see if process stays alive