Add Region & Language, and answer "what am I running on" in About

More GNOME Settings parity. Region & Language is new. The locale is localectl's, and Panama stores no copy of it -- there is exactly one system locale, so a preference here would be a second source of truth that drifts the moment anything else changes it. Codes are resolved against iso-codes into "Portuguese (Brazil)" the way GNOME does, with the code kept visible because it is what actually gets written and someone choosing between two Spanish variants needs to see it. Changing it is privileged and only applies to programs started afterwards, so the page says a sign-out is needed rather than claiming the new language is in use. The service is called SystemLocale, not Locale: QML has a built-in Locale value type that silently shadows a singleton of that name, and every binding then reads properties off the wrong thing. The page rendered empty with nothing but "cannot read property of undefined" to explain it. About now answers what GNOME's About answers -- model, processor, memory, disk, OS, kernel, windowing system -- where before it listed only Panama's own component versions. Graphics is joined from GraphicsDevices rather than read again, because two readouts of the same hardware are two things that can disagree. Placeholder DMI strings ("To Be Filled By O.E.M.") are filtered out, and unreadable facts are omitted rather than shown as "Unknown". The Fedora hand-off card was one row listing five subjects that opened the network panel regardless. Naming a panel and then not opening it reads as a broken button rather than a deliberate hand-off. Each subject now opens the panel that owns it, and openGnomePanel takes an optional subpage so "Users" reaches System's users page the way GNOME's own desktop entry does, instead of dropping the user on System's front page. Printers and online accounts are not repeated here; they stay with the network hardware on Network & Devices. One bug this surfaced, caught by the hyprland write contract: the Lua config key and the hyprctl option name genuinely differ for tap to click. hl.config wants input.touchpad.tap_to_click; getoption answers to input:touchpad:tap-to-click. Either spelling used for both fails -- a hyphen is not a Lua identifier, and the underscored name is not a known option -- which is what the schema's two separate fields are for. Claude-Session: https://claude.ai/code/session_01BRvzt4H8XXLPVH5MyYdk9L
2026-08-18 08:30:21 -04:00
parent 14529c011f
commit 6026bf308b
14 changed files with 612 additions and 9 deletions
@@ -0,0 +1,94 @@
+// A searchable list of choices, for settings with far too many values to put in
+// a dropdown and no useful preview to show.
+//
+//   SearchPicker {
+//       items: Locale.locales          // [{ value, label, detail }]
+//       current: Locale.current
+//       placeholder: "Search languages"
+//       onPicked: value => Locale.set(value)
+//   }
+//
+// FontPicker is the same idea specialised: it draws each candidate in its own
+// family, which is the whole reason it is a list rather than a text field. This
+// one is for choices whose only useful preview is their name.
+
+import QtQuick
+import qs.config
+// SearchField lives with the clipboard module, which is where it was first
+// needed; FontPicker imports it from the same place.
+import qs.modules.clipboard
+
+Column {
+    id: root
+
+    // [{ value, label, detail }]
+    property var items: []
+    property string current: ""
+    property string emptyText: "Nothing to choose from"
+    property string placeholder: "Search"
+
+    signal picked(string value)
+
+    spacing: 0
+
+    // Capped and filtered rather than listing everything: 327 locales inside a
+    // page that is already scrolling is worse than a search box.
+    readonly property var matches: {
+        const needle = filter.text.trim().toLowerCase();
+        const list = root.items.filter(item =>
+            needle === ""
+                ? true
+                : (String(item.label).toLowerCase().indexOf(needle) >= 0
+                   || String(item.detail).toLowerCase().indexOf(needle) >= 0));
+
+        // The current choice stays visible while browsing, so it is always
+        // clear what would be replaced.
+        const selected = list.find(item => item.value === root.current);
+        if (needle === "" && selected !== undefined)
+            return [selected].concat(list.filter(item => item.value !== root.current)).slice(0, 12);
+        return list.slice(0, 12);
+    }
+
+    SearchField {
+        id: filter
+        width: parent.width
+        placeholder: root.placeholder
+    }
+
+    Repeater {
+        model: root.matches
+
+        SettingRow {
+            id: candidate
+
+            required property var modelData
+            required property int index
+
+            readonly property bool selected: candidate.modelData.value === root.current
+
+            label: candidate.modelData.label
+            detail: candidate.selected ? "Currently in use" : candidate.modelData.detail
+            controlWidth: 120
+            divider: candidate.index < root.matches.length - 1
+            activatable: !candidate.selected
+            onActivated: root.picked(candidate.modelData.value)
+
+            Text {
+                anchors.right: parent.right
+                anchors.verticalCenter: parent.verticalCenter
+                visible: candidate.selected
+                text: "✓"
+                font.family: Theme.fontFamily
+                font.pixelSize: Theme.fontSize + 2
+                color: Theme.accent
+            }
+        }
+    }
+
+    SettingRow {
+        width: parent.width
+        visible: root.matches.length === 0
+        label: root.emptyText
+        divider: false
+    }
+}