feat: add Commands & Shortcuts section to settings page displaying CLI and Niri configuration commands

Author: JDKamalakar

CopyBox.qml

@@ -0,0 +1,58 @@
+import QtQuick
+import qs.Common
+import qs.Widgets
+import qs.Services
+
+Column {
+    id: root
+    width: parent.width
+    spacing: 4
+
+    property string label: ""
+    property string text: ""
+
+    StyledText {
+        width: parent.width
+        text: root.label
+        font.pixelSize: Theme.fontSizeSmall
+        font.bold: true
+        color: Theme.surfaceVariantText
+        visible: text !== ""
+    }
+
+    Rectangle {
+        width: parent.width
+        height: Math.max(40, cmdRow.implicitHeight + 16)
+        color: Theme.surfaceContainer
+        radius: 4
+
+        Row {
+            id: cmdRow
+            width: parent.width - 16
+            anchors.centerIn: parent
+            spacing: 8
+
+            StyledText {
+                width: parent.width - 32
+                text: root.text
+                font.family: "Monospace"
+                font.pixelSize: Theme.fontSizeSmall
+                color: Theme.secondary
+                wrapMode: Text.Wrap
+            }
+
+            DankButton {
+                width: 24; height: 24
+                iconName: "content_copy"
+                backgroundColor: "transparent"
+                textColor: Theme.primary
+                anchors.verticalCenter: parent.verticalCenter
+                onClicked: {
+                    Proc.runCommand("copy-ipc", ["wl-copy", "--", root.text], function() {
+                        ToastService.showInfo("Copied to clipboard");
+                    });
+                }
+            }
+        }
+    }
+}

Settings.qml

@@ -519,5 +519,66 @@ PluginSettings {
                 }
             }
         }
+
+        // --- Commands & Shortcuts ---
+        Rectangle {
+            width: parent.width
+            height: commandsGroup.implicitHeight + Theme.spacingM * 2
+            color: Theme.surfaceContainer
+            radius: Theme.cornerRadius
+            border.color: Theme.outline
+            border.width: 1
+            opacity: 0.8
+
+            Column {
+                id: commandsGroup
+                anchors.fill: parent
+                anchors.margins: Theme.spacingM
+                spacing: Theme.spacingM
+
+                Row {
+                    width: parent.width; spacing: Theme.spacingM
+                    DankIcon { name: "terminal"; size: 22; anchors.verticalCenter: parent.verticalCenter; opacity: 0.8 }
+                    StyledText { text: "Commands & Shortcuts"; font.pixelSize: Theme.fontSizeMedium; font.weight: Font.Medium; color: Theme.surfaceText; anchors.verticalCenter: parent.verticalCenter }
+                }
+
+                StyledText {
+                    width: parent.width
+                    text: "You can open, close, or toggle the screen capture toolbar using the dms CLI:"
+                    font.pixelSize: Theme.fontSizeSmall
+                    color: Theme.surfaceVariantText
+                    wrapMode: Text.WordWrap
+                }
+
+                CopyBox {
+                    label: "Toggle Toolbar Command"
+                    text: "dms ipc call screenCaptureToolbar toggle"
+                }
+
+                CopyBox {
+                    label: "Open Toolbar Command"
+                    text: "dms ipc call screenCaptureToolbar open"
+                }
+
+                CopyBox {
+                    label: "Close Toolbar Command"
+                    text: "dms ipc call screenCaptureToolbar close"
+                }
+
+                StyledText {
+                    width: parent.width
+                    text: "To trigger the screen capture toolbar using Print Screen, add this spawn command to your Niri configuration binds:"
+                    font.pixelSize: Theme.fontSizeSmall
+                    color: Theme.primary
+                    font.italic: true
+                    wrapMode: Text.WordWrap
+                }
+
+                CopyBox {
+                    label: "Niri Bind Configuration"
+                    text: "Print { spawn \"dms\" \"ipc\" \"call\" \"screenCaptureToolbar\" \"toggle\"; }"
+                }
+            }
+        }
     }
 }