Add focused window controls to top bar

Introduces a new `WindowControls` component in the desktop top bar with minimize, maximize/restore, and close actions for the focused window. `WindowService` now exposes focused-window presence/maximized state plus focused-window convenience actions to support this UI. Also extends Nebula UI with a reusable `NebulaToolTip`, keyboard/pressed-state support in `NebulaIconButton`, new window-control glyphs in `NebulaIcon`, and theme tokens for pressed/danger hover states, with CMake and README updates to register/document the new components.
2026-08-26 22:26:29 +12:00
parent e96a22eb9e
commit 08e67845a5
11 changed files with 329 additions and 4 deletions
@@ -0,0 +1,76 @@
+import QtQuick
+import Nebula.UI
+import Nebula.Windows
+
+Item {
+    id: root
+
+    readonly property bool maximized: WindowService.focusedWindowMaximized
+
+    visible: WindowService.hasFocusedWindow
+    implicitWidth: well.implicitWidth
+    implicitHeight: Theme.controlHeight
+    width: visible ? implicitWidth : 0
+    Accessible.role: Accessible.Grouping
+    Accessible.name: qsTr("Window controls")
+
+    Rectangle {
+        id: well
+        anchors.fill: parent
+        implicitWidth: row.implicitWidth + 2
+        implicitHeight: Theme.controlHeight
+        radius: Theme.radiusSmall
+        color: Theme.iconWell
+        border.width: 1
+        border.color: Theme.border
+
+        Row {
+            id: row
+            anchors.centerIn: parent
+            spacing: 0
+
+            NebulaIconButton {
+                id: minimizeButton
+                width: 26
+                height: 26
+                label: qsTr("Minimise")
+                onClicked: WindowService.minimizeFocusedWindow()
+
+                NebulaIcon {
+                    name: "minimize"
+                    size: 14
+                    color: minimizeButton.iconColor
+                }
+            }
+
+            NebulaIconButton {
+                id: maximizeButton
+                width: 26
+                height: 26
+                label: root.maximized ? qsTr("Restore") : qsTr("Maximise")
+                onClicked: WindowService.toggleMaximizeFocusedWindow()
+
+                NebulaIcon {
+                    name: root.maximized ? "restore" : "maximize"
+                    size: 14
+                    color: maximizeButton.iconColor
+                }
+            }
+
+            NebulaIconButton {
+                id: closeButton
+                width: 26
+                height: 26
+                label: qsTr("Close")
+                danger: true
+                onClicked: WindowService.closeFocusedWindow()
+
+                NebulaIcon {
+                    name: "close"
+                    size: 14
+                    color: closeButton.iconColor
+                }
+            }
+        }
+    }
+}