Build the Panama Hyprland desktop

2026-08-17 10:32:55 -04:00
parent 67033f2a31
commit 5248883e4b
190 changed files with 18554 additions and 34 deletions
@@ -0,0 +1,148 @@
+import QtQuick
+import qs.config
+import qs.services
+
+Rectangle {
+    id: root
+
+    property var hostWindow: null
+
+    color: Theme.bg
+    radius: 18
+    border.width: 1
+    border.color: Theme.alpha(Theme.fg, 0.08)
+    clip: true
+
+    SettingsSidebar {
+        id: sidebar
+        anchors.left: parent.left
+        anchors.top: titlebar.bottom
+        anchors.bottom: parent.bottom
+        selectedPage: ShellState.settingsPage
+        onPageRequested: page => ShellState.openSettings(page)
+    }
+
+    Rectangle {
+        id: titlebar
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: parent.top
+        height: 48
+        color: Theme.alpha(Theme.bgDark, 0.97)
+        border.width: 0
+
+        Text {
+            anchors.left: parent.left
+            anchors.leftMargin: 18
+            anchors.verticalCenter: parent.verticalCenter
+            text: "Panama Settings"
+            color: Theme.fg
+            font.family: Theme.fontFamily
+            font.pixelSize: Theme.fontSize
+            font.weight: Font.DemiBold
+        }
+
+        Row {
+            anchors.right: parent.right
+            anchors.rightMargin: 12
+            anchors.verticalCenter: parent.verticalCenter
+            spacing: 7
+
+            Rectangle {
+                width: 28; height: 28; radius: 9
+                color: minMouse.containsMouse ? Theme.alpha(Theme.fg, 0.12) : Theme.alpha(Theme.fg, 0)
+                Text { anchors.centerIn: parent; text: "—"; color: Theme.fgDim; font.family: Theme.fontFamily; font.pixelSize: Theme.fontSize }
+                MouseArea { id: minMouse; anchors.fill: parent; hoverEnabled: true; cursorShape: Qt.PointingHandCursor; onClicked: if (root.hostWindow) root.hostWindow.minimized = true }
+            }
+
+            Rectangle {
+                width: 28; height: 28; radius: 9
+                color: closeMouse.containsMouse ? Theme.alpha(Theme.danger, 0.17) : Theme.alpha(Theme.fg, 0)
+                Text { anchors.centerIn: parent; text: "×"; color: closeMouse.containsMouse ? Theme.danger : Theme.fgDim; font.family: Theme.fontFamily; font.pixelSize: 18 }
+                MouseArea { id: closeMouse; anchors.fill: parent; hoverEnabled: true; cursorShape: Qt.PointingHandCursor; onClicked: ShellState.closeSettings() }
+            }
+        }
+
+        DragHandler {
+            target: null
+            onActiveChanged: if (active && root.hostWindow) root.hostWindow.startSystemMove()
+        }
+    }
+
+    Rectangle {
+        anchors.left: sidebar.right
+        anchors.top: titlebar.bottom
+        anchors.bottom: parent.bottom
+        width: 1
+        color: Theme.alpha(Theme.fg, 0.06)
+    }
+
+    Loader {
+        id: pageLoader
+        anchors.left: sidebar.right
+        anchors.right: parent.right
+        anchors.top: titlebar.bottom
+        anchors.bottom: parent.bottom
+        sourceComponent: {
+            switch (ShellState.settingsPage) {
+            case "appearance": return appearancePage;
+            case "displays": return displaysPage;
+            case "connectivity": return connectivityPage;
+            case "desktop": return desktopPage;
+            case "sound": return soundPage;
+            case "notifications": return notificationsPage;
+            case "screen-intelligence": return screenIntelligencePage;
+            case "shortcuts": return shortcutsPage;
+            case "services": return servicesPage;
+            case "about": return aboutPage;
+            default: return homePage;
+            }
+        }
+    }
+
+    Rectangle {
+        anchors.right: parent.right
+        anchors.rightMargin: 22
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 20
+        width: Math.min(460, errorCopy.implicitWidth + 34)
+        height: 42
+        radius: 12
+        visible: SystemSettings.lastError !== ""
+        color: Theme.mix(Theme.bgPopover, Theme.danger, 0.1)
+        border.width: 1
+        border.color: Theme.alpha(Theme.danger, 0.28)
+
+        Text {
+            id: errorCopy
+            anchors.centerIn: parent
+            text: SystemSettings.lastError
+            color: Theme.fg
+            font.family: Theme.fontFamily
+            font.pixelSize: Theme.fontSizeSmall
+        }
+
+        MouseArea {
+            anchors.fill: parent
+            cursorShape: Qt.PointingHandCursor
+            onClicked: SystemSettings.lastError = ""
+        }
+    }
+
+    Component { id: homePage; HomePage {} }
+    Component { id: appearancePage; AppearancePage {} }
+    Component { id: displaysPage; DisplaysPage {} }
+    Component { id: connectivityPage; ConnectivityPage {} }
+    Component { id: desktopPage; DesktopPage {} }
+    Component { id: soundPage; SoundPage {} }
+    Component { id: notificationsPage; NotificationsPage {} }
+    Component { id: screenIntelligencePage; ScreenIntelligencePage {} }
+    Component { id: shortcutsPage; ShortcutsPage {} }
+    Component { id: servicesPage; ServicesPage {} }
+    Component { id: aboutPage; AboutPage {} }
+
+    Shortcut {
+        sequence: "Escape"
+        onActivated: ShellState.closeSettings()
+    }
+}