draftomen 0.3.0__py3-none-any.whl

draftomen/qml/DimensionalSurface.qml

@@ -0,0 +1,118 @@
+import QtQuick 2.15
+
+Item {
+    id: root
+    objectName: "dimensionalSurface"
+
+    property bool stateEnabled: true
+    property bool stateHovered: false
+    property bool statePressed: false
+    property bool stateFocused: false
+    property bool stateSelected: false
+    property bool stateExpanded: false
+    property bool accented: false
+    property color accentColor: Theme.primary
+
+    readonly property real faceY: root.statePressed ? Theme.controlDepth : 0
+    readonly property color fillColor: {
+        if (!root.stateEnabled)
+            return Theme.controlDisabled
+        return root.accented ? root.accentColor : Theme.neutral
+    }
+    readonly property color topFillColor: {
+        if (!root.stateEnabled)
+            return Qt.lighter(root.fillColor, 1.04)
+        if (root.statePressed)
+            return Qt.darker(root.fillColor, 1.08)
+        if (root.stateHovered || root.stateExpanded)
+            return Qt.lighter(root.fillColor, 1.18)
+        if (root.stateSelected)
+            return Qt.lighter(root.fillColor, 1.13)
+        return Qt.lighter(root.fillColor, 1.08)
+    }
+    readonly property color bottomFillColor: {
+        if (!root.stateEnabled)
+            return Qt.darker(root.fillColor, 1.08)
+        if (root.statePressed)
+            return Qt.darker(root.fillColor, 1.2)
+        if (root.stateHovered || root.stateExpanded)
+            return Qt.lighter(root.fillColor, 1.02)
+        if (root.stateSelected)
+            return Qt.darker(root.fillColor, 1.03)
+        return Qt.darker(root.fillColor, 1.1)
+    }
+    readonly property color faceOutlineColor: {
+        if (!root.stateEnabled)
+            return Theme.outlineDisabled
+        if (root.accented)
+            return Qt.darker(root.accentColor, root.statePressed ? 1.45 : 1.3)
+        if (root.stateHovered || root.stateSelected || root.stateExpanded)
+            return Qt.lighter(Theme.controlNeutralBorder, 1.18)
+        return Theme.controlNeutralBorder
+    }
+    readonly property color outlineColor: root.stateFocused
+        ? Theme.focus : root.faceOutlineColor
+    readonly property int outlineWidth: root.stateFocused ? 2 : 1
+
+    Rectangle {
+        id: lowerEdge
+        x: 0
+        y: Theme.controlDepth
+        width: root.width
+        height: Math.max(0, root.height - Theme.controlDepth)
+        radius: Theme.controlRadius
+        color: root.stateEnabled ? Theme.controlEdge : Theme.outlineDisabled
+        opacity: root.statePressed ? 0 : (root.stateHovered ? 1 : 0.9)
+    }
+
+    Rectangle {
+        id: face
+        x: 0
+        y: root.faceY
+        width: root.width
+        height: Math.max(0, root.height - Theme.controlDepth)
+        radius: Theme.controlRadius
+        border.color: root.faceOutlineColor
+        border.width: 1
+        gradient: Gradient {
+            GradientStop {
+                position: 0
+                color: root.topFillColor
+            }
+            GradientStop {
+                position: 1
+                color: root.bottomFillColor
+            }
+        }
+    }
+
+    Rectangle {
+        anchors.fill: face
+        anchors.margins: 1
+        radius: Math.max(0, Theme.controlRadius - 1)
+        color: "transparent"
+        border.color: Theme.controlHighlight
+        border.width: 1
+        opacity: {
+            if (!root.stateEnabled)
+                return 0.07
+            if (root.statePressed)
+                return 0.1
+            if (root.stateHovered)
+                return root.accented ? 0.36 : 0.24
+            return root.accented ? 0.25 : 0.14
+        }
+    }
+
+    Rectangle {
+        x: face.x - Theme.controlFocusGap
+        y: face.y - Theme.controlFocusGap
+        width: face.width + Theme.controlFocusGap * 2
+        height: face.height + Theme.controlFocusGap * 2
+        radius: Theme.controlRadius + Theme.controlFocusGap
+        color: "transparent"
+        border.color: root.outlineColor
+        border.width: root.outlineWidth
+        visible: root.stateEnabled && root.stateFocused
+    }
+}

draftomen/qml/DimensionalTabButton.qml

@@ -0,0 +1,41 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+TabButton {
+    id: control
+
+    property bool expanded: false
+    property bool accented: checked
+    property color accentColor: Theme.primary
+    property color accentContentColor: Theme.primaryContent
+    readonly property color contentColor: {
+        if (!control.enabled)
+            return Theme.controlDisabledContent
+        return control.accented ? control.accentContentColor : Theme.neutralContent
+    }
+
+    implicitHeight: Theme.targetHeight
+
+    background: DimensionalSurface {
+        stateEnabled: control.enabled
+        stateHovered: control.hovered
+        statePressed: control.down
+        stateFocused: control.activeFocus
+        stateSelected: control.checked
+        stateExpanded: control.expanded
+        accented: control.accented
+        accentColor: control.accentColor
+    }
+
+    contentItem: Text {
+        transform: Translate {
+            y: control.down ? Theme.controlPressOffset : 0
+        }
+        text: control.text
+        color: control.contentColor
+        font: control.font
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        elide: Text.ElideRight
+    }
+}

draftomen/qml/LiveDraftView.qml

@@ -0,0 +1,468 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Item {
+    id: root
+    objectName: "liveDraftView"
+
+    required property var sessionState
+    required property var recommendationModel
+    required property bool narrow
+    required property var displayPreferences
+
+    // Keep the documented 1440px layout wide while making room for the
+    // larger details pane; the recommendation list remains scrollable.
+    readonly property int wideCardDetailsWidth: 550
+    readonly property int wideRecommendationsMinimumListWidth: 662
+    readonly property int wideRecommendationsMinimumWidth:
+        root.wideRecommendationsMinimumListWidth
+            + root.wideCardDetailsWidth + Theme.gutter
+    readonly property int wideCardPreviewMinimumHeight: 410
+    readonly property int widePoolDetailsMinimumHeight: 180
+    readonly property int wideRecommendationsMinimumHeight:
+        root.wideCardPreviewMinimumHeight + Theme.gutter
+            + root.widePoolDetailsMinimumHeight
+    readonly property real wideRecommendationsAvailableHeight:
+        root.height - draftHeader.implicitHeight
+            - (stateBanner.visible ? stateBanner.implicitHeight : 0)
+            - Theme.gutter * 2
+    readonly property bool wideRecommendations: !root.narrow
+        && root.width >= root.wideRecommendationsMinimumWidth
+        && root.wideRecommendationsAvailableHeight
+            >= root.wideRecommendationsMinimumHeight
+
+    // Preserve the normal recommendation/detail balance while reserving
+    // enough height for the details tab at the supported compact minimum.
+    readonly property int narrowRecommendationPreferredHeight: 220
+    readonly property int narrowDetailsPreferredHeight: 340
+    readonly property int narrowDetailsMinimumHeight: 276
+    readonly property int narrowLayoutSpacing: 8
+    readonly property real narrowRecommendationAvailableHeight:
+        root.height - draftHeader.implicitHeight
+            - (stateBanner.visible ? stateBanner.implicitHeight : 0)
+            - Theme.gutter * 2
+            - detailTabs.implicitHeight - root.narrowLayoutSpacing * 2
+            - root.narrowDetailsMinimumHeight
+    readonly property real narrowRecommendationMinimumHeight: Math.max(
+        0, Math.min(
+            root.narrowRecommendationPreferredHeight,
+            root.narrowRecommendationAvailableHeight
+        )
+    )
+    readonly property bool hasRecommendations: sessionState.recommendations
+        && sessionState.recommendations.cards
+        && sessionState.recommendations.cards.length > 0
+    readonly property bool hasSetupGuidance: Boolean(
+        sessionState.status && sessionState.status.setup_guidance
+    )
+    readonly property string confidenceSummary: {
+        const recommendations = sessionState.recommendations
+        return recommendations && recommendations.confidence_summary
+            ? String(recommendations.confidence_summary) : ""
+    }
+
+    readonly property string draftHeading: {
+        const draft = sessionState.draft
+        if (!draft) {
+            if (root.hasSetupGuidance)
+                return "Arena setup needed"
+            return sessionState.status.message
+        }
+        if (draft.completed)
+            return "Draft complete"
+        if (draft.pack_number === null || draft.pick_number === null)
+            return draft.event_name
+        return "Pack " + (draft.pack_number + 1)
+            + " · Pick " + (draft.pick_number + 1)
+    }
+    readonly property string emptyHeading: {
+        if (sessionState.draft && sessionState.draft.completed)
+            return "Draft complete"
+        if (sessionState.status.phase === "starting")
+            return "Loading live draft data"
+        if (root.hasSetupGuidance)
+            return "Arena setup needed"
+        return "Ready for your next Quick Draft"
+    }
+    readonly property var selectedRecommendation: {
+        const recommendations = sessionState.recommendations
+        if (!recommendations || !recommendations.cards)
+            return null
+        const cards = recommendations.cards
+        for (let index = 0; index < cards.length; index++) {
+            const recommendation = cards[index]
+            if (recommendation.card.grp_id === recommendations.selected_grp_id)
+                return recommendation
+        }
+        return cards.length > 0 ? cards[0] : null
+    }
+
+    property bool recommendationFocusPublishedWhileVisible: false
+
+    onVisibleChanged: {
+        if (!root.visible) {
+            root.recommendationFocusPublishedWhileVisible = false
+            return
+        }
+        Qt.callLater(function() {
+            if (!root.visible || root.recommendationFocusPublishedWhileVisible
+                    || !root.selectedRecommendation) {
+                return
+            }
+            root.recommendationFocusPublishedWhileVisible = true
+            sessionProvider.chooseRecommendation(
+                root.selectedRecommendation.card.grp_id
+            )
+        })
+    }
+
+    ColumnLayout {
+        anchors.fill: parent
+        spacing: Theme.gutter
+
+        RowLayout {
+            id: draftHeader
+            Layout.fillWidth: true
+            spacing: 16
+
+            ColumnLayout {
+                Layout.fillWidth: true
+                Layout.minimumWidth: 0
+                spacing: 2
+
+                Label {
+                    text: root.draftHeading
+                    color: Theme.text
+                    font.pixelSize: Theme.textPixelSize(22)
+                    font.bold: true
+                    Layout.fillWidth: true
+                    elide: Text.ElideRight
+                }
+
+                Label {
+                    text: root.hasRecommendations
+                        ? root.sessionState.recommendations.cards.length
+                            + " cards available"
+                        : root.sessionState.status.message
+                    color: Theme.textMuted
+                    Layout.fillWidth: true
+                    elide: Text.ElideRight
+                }
+            }
+
+            ColumnLayout {
+                visible: root.hasRecommendations
+                Layout.fillWidth: true
+                Layout.minimumWidth: 0
+                Layout.alignment: Qt.AlignVCenter
+                spacing: 2
+
+                Label {
+                    objectName: "recommendationConfidenceSummary"
+                    visible: root.confidenceSummary.length > 0
+                    text: root.confidenceSummary
+                    color: Theme.text
+                    font.pixelSize: Theme.textPixelSize(12)
+                    font.bold: true
+                    wrapMode: Text.WordWrap
+                }
+
+                Label {
+                    text: root.sessionState.status.message
+                    color: Theme.textMuted
+                    font.pixelSize: Theme.textPixelSize(12)
+                    Layout.fillWidth: true
+                    elide: Text.ElideRight
+                }
+            }
+
+            DimensionalComboBox {
+                id: rankingSelector
+                objectName: "rankingSelector"
+                Layout.preferredWidth: root.narrow ? 138 : 166
+                model: [
+                    { key: "score", label: "DO Score" },
+                    { key: "win_rate", label: "17L WR" },
+                    { key: "alsa", label: "ALSA" },
+                    { key: "mana_value", label: "Mana value" }
+                ]
+                textRole: "label"
+                valueRole: "key"
+                currentIndex: {
+                    const recommendations = root.sessionState.recommendations
+                    if (!recommendations)
+                        return 0
+                    for (let index = 0; index < model.length; index++)
+                        if (model[index].key === recommendations.ranking_mode)
+                            return index
+                    return 0
+                }
+                Accessible.name: "Recommendation ranking"
+                Accessible.description: "Choose DO Score, 17L WR, ALSA, or mana value."
+                onActivated: sessionProvider.changeRanking(currentValue)
+            }
+        }
+
+        StateBanner {
+            id: stateBanner
+            objectName: "liveStateBanner"
+            Layout.fillWidth: true
+            sessionState: root.sessionState
+        }
+
+        Rectangle {
+            visible: !root.hasRecommendations
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            color: Theme.surfaceLow
+            border.color: Theme.outline
+            border.width: 1
+            radius: Theme.radius
+
+            ColumnLayout {
+                anchors.centerIn: parent
+                width: Math.min(parent.width - 48, 520)
+                spacing: 14
+
+                Label {
+                    objectName: "preDraftHeading"
+                    Layout.fillWidth: true
+                    text: root.emptyHeading
+                    color: Theme.text
+                    font.pixelSize: Theme.textPixelSize(22)
+                    font.bold: true
+                    horizontalAlignment: Text.AlignHCenter
+                }
+
+                Label {
+                    objectName: "preDraftGuidance"
+                    Layout.fillWidth: true
+                    text: root.hasSetupGuidance
+                        ? root.sessionState.status.message
+                        : "Draft Omen follows Arena automatically and never writes to the game."
+                    color: root.hasSetupGuidance ? Theme.text : Theme.textMuted
+                    horizontalAlignment: Text.AlignHCenter
+                    wrapMode: Text.WordWrap
+                }
+
+                Repeater {
+                    model: [
+                        ["Card metadata", root.sessionState.card_data.message],
+                        ["Arena log", root.sessionState.status.message],
+                        ["Arena account", root.sessionState.active_account
+                            ? root.sessionState.active_account.screen_name
+                                || root.sessionState.active_account.account_id
+                            : "Not detected"],
+                        ["Draft", root.sessionState.draft
+                            ? root.sessionState.draft.event_name
+                            : "No Quick Draft detected"],
+                        ["Ratings", root.sessionState.ratings.message]
+                    ]
+
+                    delegate: Rectangle {
+                        required property var modelData
+
+                        Layout.fillWidth: true
+                        Layout.preferredHeight: 46
+                        color: Theme.surface
+                        radius: Theme.radius
+
+                        RowLayout {
+                            anchors.fill: parent
+                            anchors.leftMargin: 12
+                            anchors.rightMargin: 12
+
+                            Label {
+                                Layout.preferredWidth: 126
+                                text: modelData[0]
+                                color: Theme.text
+                                font.bold: true
+                            }
+                            Label {
+                                Layout.fillWidth: true
+                                text: modelData[1]
+                                color: Theme.textMuted
+                                elide: Text.ElideRight
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        RowLayout {
+            visible: root.wideRecommendations && root.hasRecommendations
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            spacing: Theme.gutter
+
+            Rectangle {
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                Layout.minimumWidth: root.wideRecommendationsMinimumListWidth
+                color: "transparent"
+
+                ColumnLayout {
+                    anchors.fill: parent
+                    spacing: 6
+
+                    RowLayout {
+                        Layout.fillWidth: true
+                        Layout.leftMargin: 14
+                        Layout.rightMargin: 12
+                        spacing: 8
+
+                        Label {
+                            objectName: "recommendationHeaderRank"
+                            Layout.preferredWidth: 30
+                            text: "#"
+                            color: Theme.textMuted
+                            font.pixelSize: Theme.textPixelSize(11)
+                        }
+                        Label {
+                            objectName: "recommendationHeaderCard"
+                            Layout.fillWidth: true
+                            text: "CARD"
+                            color: Theme.textMuted
+                            font.pixelSize: Theme.textPixelSize(11)
+                        }
+                        Label { Layout.preferredWidth: 70; text: "COLORS"; color: Theme.textMuted; font.pixelSize: Theme.textPixelSize(11); horizontalAlignment: Text.AlignHCenter }
+                        Label { Layout.preferredWidth: 58; text: "DO"; color: Theme.textMuted; font.pixelSize: Theme.textPixelSize(11); horizontalAlignment: Text.AlignRight }
+                        Label { Layout.preferredWidth: 68; text: "17L WR"; color: Theme.textMuted; font.pixelSize: Theme.textPixelSize(11); horizontalAlignment: Text.AlignRight }
+                        Label { Layout.preferredWidth: 44; text: "GRADE"; color: Theme.textMuted; font.pixelSize: Theme.textPixelSize(11); horizontalAlignment: Text.AlignHCenter }
+                        Label { Layout.preferredWidth: 82; text: "FIT"; color: Theme.textMuted; font.pixelSize: Theme.textPixelSize(11); horizontalAlignment: Text.AlignRight }
+                    }
+
+                    ListView {
+                        Layout.fillWidth: true
+                        Layout.fillHeight: true
+                        delegate: RecommendationRow {
+                            required property var modelData
+                            objectName: "wideRecommendationRow" + modelData.rank
+
+                            width: ListView.view.width
+                            recommendation: modelData
+                            selected: root.sessionState.recommendations.selected_grp_id
+                                === modelData.card.grp_id
+                            wide: root.wideRecommendations
+                            secondaryStats: root.displayPreferences.secondaryStats
+                            onChosen: grpId => sessionProvider.chooseRecommendation(grpId)
+                        }
+                        clip: true
+                        model: root.wideRecommendations
+                            ? root.recommendationModel : null
+                        Accessible.name: "Ranked recommendations"
+
+                    }
+                }
+            }
+
+            ColumnLayout {
+                Layout.preferredWidth: root.wideCardDetailsWidth
+                Layout.maximumWidth: root.wideCardDetailsWidth
+                Layout.fillHeight: true
+                Layout.minimumWidth: 350
+                spacing: Theme.gutter
+
+                CardPreview {
+                    objectName: "wideLiveCardPreview"
+                    Layout.fillWidth: true
+                    Layout.preferredHeight: 430
+                    Layout.minimumHeight: root.wideCardPreviewMinimumHeight
+                    recommendation: root.selectedRecommendation
+                    detailedIntel: true
+                    detailedImageMaximumWidth: 250
+                    detailedImageWidthRatio: 0.58
+                    loading: root.sessionState.card_data.phase === "loading"
+                    imageState: root.sessionState.card_image
+                    constrainImageFrameToHeight: true
+                }
+
+                PoolSummaryPanel {
+                    objectName: "wideLivePoolDetails"
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                    Layout.minimumHeight: root.widePoolDetailsMinimumHeight
+                    pool: root.sessionState.pool
+                    narrow: root.narrow
+                }
+            }
+        }
+
+    ColumnLayout {
+        visible: !root.wideRecommendations && root.hasRecommendations
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        spacing: root.narrowLayoutSpacing
+
+        ListView {
+            objectName: "narrowRecommendationList"
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            Layout.minimumHeight: root.narrowRecommendationMinimumHeight
+            spacing: root.displayPreferences.compactDensity ? 3 : 6
+            clip: true
+            model: root.wideRecommendations ? null : root.recommendationModel
+            Accessible.name: "Ranked recommendations"
+
+            delegate: RecommendationRow {
+                required property var modelData
+                objectName: "narrowRecommendationRow" + modelData.rank
+
+                width: ListView.view.width
+                recommendation: modelData
+                selected: root.sessionState.recommendations.selected_grp_id
+                    === modelData.card.grp_id
+                wide: false
+                secondaryStats: root.displayPreferences.secondaryStats
+                onChosen: grpId => sessionProvider.chooseRecommendation(grpId)
+            }
+        }
+
+        TabBar {
+            id: detailTabs
+            objectName: "liveDetailTabs"
+            Layout.fillWidth: true
+            currentIndex: 0
+            Accessible.name: "Live draft details"
+
+            DimensionalTabButton {
+                objectName: "liveCardDetailsTab"
+                text: "Card details"
+                Accessible.name: "Card details"
+            }
+            DimensionalTabButton {
+                objectName: "livePoolTab"
+                text: "Pool"
+                Accessible.name: "Pool details"
+            }
+        }
+
+        StackLayout {
+            Layout.fillWidth: true
+            Layout.preferredHeight: root.narrowDetailsPreferredHeight
+            Layout.minimumHeight: root.narrowDetailsMinimumHeight
+            currentIndex: detailTabs.currentIndex
+
+            CardPreview {
+                objectName: "narrowLiveCardPreview"
+                recommendation: root.selectedRecommendation
+                detailedIntel: true
+                loading: root.sessionState.card_data.phase === "loading"
+                imageState: root.sessionState.card_image
+                constrainImageFrameToHeight: true
+            }
+
+            PoolSummaryPanel {
+                objectName: "narrowLivePoolDetails"
+                pool: root.sessionState.pool
+                narrow: root.narrow
+            }
+        }
+    }
+    }
+}
+