import QtQuick
import QtQuick.Layouts
import qs.Commons
import qs.Widgets

Item {
    id: root
    property var pluginApi: null
    readonly property var geometryPlaceholder: panelContainer
    readonly property bool allowAttach: true
    property real contentPreferredWidth: 680 * Style.uiScaleRatio
    property real contentPreferredHeight: 420 * Style.uiScaleRatio
    readonly property string bridgeState: pluginApi?.pluginSettings?.bridgeState ?? "idle"
    readonly property string projectLabel: pluginApi?.pluginSettings?.projectLabel ?? "Home"
    readonly property string detail: pluginApi?.pluginSettings?.detail ?? "Bridge not connected"

    anchors.fill: parent
    Rectangle {
        id: panelContainer
        anchors.fill: parent
        color: "transparent"

        ColumnLayout {
            anchors.fill: parent
            anchors.margins: Style.marginL
            spacing: Style.marginM
            Text { text: "Pi Status Bridge"; color: Color.mOnSurface; font.bold: true; font.pixelSize: 20 }
            Text { text: "Project: " + root.projectLabel; color: Color.mOnSurfaceVariant }
            Text { text: "State: " + root.bridgeState; color: Color.mOnSurfaceVariant }
            Rectangle { Layout.fillWidth: true; height: 1; color: Color.mOutlineVariant }
            Text { text: root.detail; color: Color.mOnSurface; wrapMode: Text.Wrap; Layout.fillWidth: true }
            Text { text: "Select a project explicitly before sending worktree-scoped actions."; color: Color.mOnSurfaceVariant; wrapMode: Text.Wrap; Layout.fillWidth: true }
            Item { Layout.fillHeight: true }
        }
    }
}