Draw idle as one timeline, and let the power button answer to its owner

Claude-Session: https://claude.ai/code/session_01Ms2FbjQy31TVf3CEvQhGM8
2026-08-24 20:33:44 -04:00
parent 6f0ce639d9
commit e1ff25fc66
23 changed files with 2655 additions and 174 deletions
@@ -0,0 +1,135 @@
+// The system power profiles as tiles rather than a stack of rows.
+//
+// Three rows with the word "Active" in the trailing column is a list you have
+// to read to find out what is set. Three tiles with one lit answers that
+// without reading anything -- and the profile is the one control on the Power
+// page a person changes on purpose rather than tunes once and forgets.
+//
+// Presentation only, the same shape ColorProfileTiles has: the page passes in
+// what the daemon says and decides what a pick means, so this cannot offer a
+// profile the daemon would refuse. Names and one-line descriptions still come
+// from PowerProfiles, which is where they live so the Control Center and
+// Settings cannot disagree about what "Balanced" means.
+
+import QtQuick
+import qs.config
+import qs.services
+import qs.widgets
+
+Flow {
+    id: root
+
+    // The daemon's own list, its current answer, and whether a change is still
+    // in flight.
+    property var profiles: []
+    property string current: ""
+    property bool busy: false
+
+    signal picked(string profile)
+
+    width: parent ? parent.width : 620
+    spacing: 10
+    bottomPadding: 12
+
+    // The same freedesktop symbolic names the quick-settings panel uses, so a
+    // themed icon set redresses both at once.
+    function iconFor(profile: string): string {
+        switch (profile) {
+        case "power-saver": return "power-profile-power-saver-symbolic";
+        case "performance": return "power-profile-performance-symbolic";
+        default: return "power-profile-balanced-symbolic";
+        }
+    }
+
+    // Three across when they fit, one across when they do not. There is no
+    // useful two-across arrangement of three tiles.
+    readonly property int columns: root.width >= 460 ? 3 : 1
+    readonly property real tileWidth:
+        (root.width - root.spacing * (root.columns - 1)) / root.columns
+
+    Repeater {
+        model: root.profiles
+
+        Rectangle {
+            id: tile
+
+            required property var modelData
+
+            readonly property string profile: String(tile.modelData)
+            readonly property bool selected: tile.profile === root.current
+
+            width: root.tileWidth
+            implicitHeight: body.implicitHeight + 24
+            radius: Theme.cardRadius
+            opacity: root.busy && !tile.selected ? 0.55 : 1
+            color: tile.selected
+                ? Theme.alpha(Theme.accent, 0.09)
+                : Theme.alpha(Theme.fg, tileHover.hovered ? 0.08 : 0.04)
+            border.width: tile.selected || tile.activeFocus ? 2 : 1
+            border.color: tile.activeFocus
+                ? Theme.accentSecondary
+                : (tile.selected ? Theme.alpha(Theme.accent, 0.6) : Theme.alpha(Theme.fg, 0.08))
+            activeFocusOnTab: true
+
+            Accessible.role: Accessible.RadioButton
+            Accessible.name: PowerProfiles.label(tile.profile)
+            Accessible.checked: tile.selected
+
+            function choose(): void {
+                if (!tile.selected && !root.busy)
+                    root.picked(tile.profile);
+            }
+
+            Keys.onReturnPressed: tile.choose()
+            Keys.onSpacePressed: tile.choose()
+
+            Column {
+                id: body
+
+                anchors.left: parent.left
+                anchors.right: parent.right
+                anchors.top: parent.top
+                anchors.margins: 12
+                spacing: 6
+
+                ThemedIcon {
+                    icon: root.iconFor(tile.profile)
+                    iconFallback: "preferences-system-power-symbolic"
+                    size: 20
+                    tint: tile.selected ? Theme.accent : Theme.fgDim
+                }
+
+                Text {
+                    width: parent.width
+                    text: PowerProfiles.label(tile.profile)
+                    color: Theme.fg
+                    font.family: Theme.fontFamily
+                    font.pixelSize: Theme.fontSizeSmall
+                    font.weight: Font.DemiBold
+                    elide: Text.ElideRight
+                }
+
+                Text {
+                    width: parent.width
+                    text: PowerProfiles.detail(tile.profile)
+                    color: Theme.fgDim
+                    font.family: Theme.fontFamily
+                    font.pixelSize: Math.max(9, Theme.fontSizeSmall - 1)
+                    wrapMode: Text.WordWrap
+                }
+            }
+
+            HoverHandler {
+                id: tileHover
+                cursorShape: Qt.PointingHandCursor
+            }
+
+            TapHandler {
+                onTapped: {
+                    tile.choose();
+                    tile.forceActiveFocus();
+                }
+            }
+        }
+    }
+}