revamp region selector

dots/.config/quickshell/ii/modules/common/Config.qml

@@ -350,6 +350,20 @@ Singleton {
                 property real columns: 5
             }
 
+            property JsonObject regionSelector: JsonObject {
+                property JsonObject targetRegions: JsonObject {
+                    property bool windows: true
+                    property bool layers: false
+                    property bool content: true
+                    property bool showLabel: false
+                    property real opacity: 0.6
+                }
+                property JsonObject circle: JsonObject {
+                    property int strokeWidth: 6
+                    property int padding: 40
+                }
+            }
+
             property JsonObject resources: JsonObject {
                 property int updateInterval: 3000
             }
@@ -371,7 +385,6 @@ Singleton {
                 }
                 property JsonObject imageSearch: JsonObject {
                     property string imageSearchEngineBaseUrl: "https://lens.google.com/uploadbyurl?url="
-                    property string fileUploadApiEndpoint: "https://uguu.se/upload"
                     property bool useCircleSelection: false
                 }
             }
@@ -460,10 +473,6 @@ Singleton {
                 property int arbitraryRaceConditionDelay: 20 // milliseconds
             }
 
-            property JsonObject screenshotTool: JsonObject {
-                property bool showContentRegions: true
-            }
-
             property JsonObject workSafety: JsonObject {
                 property JsonObject enable: JsonObject {
                     property bool wallpaper: true

dots/.config/quickshell/ii/modules/common/widgets/IconAndTextToolbarButton.qml

@@ -0,0 +1,33 @@
+import QtQuick
+import QtQuick.Layouts
+import qs.modules.common
+
+ToolbarButton {
+    id: iconBtn
+    required property string iconText
+
+    colBackgroundToggled: Appearance.colors.colSecondaryContainer
+    colBackgroundToggledHover: Appearance.colors.colSecondaryContainerHover
+    colRippleToggled: Appearance.colors.colSecondaryContainerActive
+    property color colText: toggled ? Appearance.colors.colOnSecondaryContainer : Appearance.colors.colOnSurfaceVariant
+
+    contentItem: Row {
+        anchors.centerIn: parent
+        spacing: 6
+
+        MaterialSymbol {
+            anchors.verticalCenter: parent.verticalCenter
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+            iconSize: 22
+            text: iconBtn.iconText
+            color: iconBtn.colText
+        }
+        StyledText {
+            visible: iconBtn.iconText.length > 0 && iconBtn.text.length > 0
+            anchors.verticalCenter: parent.verticalCenter
+            color: iconBtn.colText
+            text: iconBtn.text
+        }
+    }
+}