import QtQuick
import Quickshell
import qs.config
import qs.services

Item {
    Flickable {
        anchors.fill: parent
        clip: true
        contentWidth: width
        contentHeight: content.implicitHeight + 64
        boundsBehavior: Flickable.StopAtBounds

        Column {
            id: content
            width: parent.width - 68
            x: 34
            y: 30
            spacing: 16

            Text { text: "About Panama"; color: Theme.fg; font.family: Theme.fontFamily; font.pixelSize: 27; font.weight: Font.DemiBold }
            Text { text: "A curated Hyprland desktop built around focus, speed, and good taste."; color: Theme.fgDim; font.family: Theme.fontFamily; font.pixelSize: Theme.fontSize; bottomPadding: 6 }

            SettingsCard {
                title: "Panama Desktop"
                subtitle: "Tokyo Night Moon · Prism glass · native tiling"
                SettingRow { label: "Hyprland"; value: SystemSettings.hyprlandVersion || "Detecting…" }
                SettingRow { label: "Quickshell"; value: SystemSettings.quickshellVersion }
                SettingRow { label: "Display"; value: SystemSettings.monitorName || "Detecting…" }
                SettingRow { label: "Configuration"; detail: Quickshell.shellDir; value: "Local"; divider: false }
            }

            SettingsCard {
                title: "Design principles"
                SettingRow { label: "Curated by default"; detail: "Strong choices instead of an incoherent matrix of switches" }
                SettingRow { label: "Quiet while idle"; detail: "No continuous decorative repaint loops" }
                SettingRow { label: "Real system boundaries"; detail: "Every control either works or clearly hands off to its owner"; divider: false }
            }
        }
    }
}