refactor: relocate live stream controls to ReadoutPanel and update chart axis rendering

2026-07-07 10:38:42 -07:00
parent 799155f249
commit e2d05d2c33
4 changed files with 149 additions and 121 deletions
@@ -75,6 +75,115 @@ ColumnLayout {
        }
    }

+    // Live-mode stream stats + stop — moved here from the footer transport bar
+    // so that bar collapses to zero height in live mode, freeing vertical
+    // space for the trend chart.
+    Rectangle {
+        Layout.fillWidth: true
+        visible: streamController.mode === "live"
+        implicitHeight: visible ? liveStatsCard.implicitHeight + 24 : 0
+        color: Theme.sidePanelBackground
+        radius: Theme.sidePanelRadius
+        border.color: Theme.sideBorder
+        border.width: 1
+
+        ColumnLayout {
+            id: liveStatsCard
+            anchors {
+                left: parent.left
+                right: parent.right
+                top: parent.top
+                margins: 12
+            }
+            spacing: 8
+
+            Label {
+                text: "LIVE STREAM"
+                color: Theme.sideMutedText
+                font.family: Theme.uiFontFamily
+                font.pixelSize: Theme.fontXs
+                font.letterSpacing: 1.5
+                font.bold: true
+                Layout.bottomMargin: 4
+            }
+
+            RowLayout {
+                Layout.fillWidth: true
+                Label {
+                    text: "Received"
+                    color: Theme.sideMutedText
+                    font.family: Theme.uiFontFamily
+                    font.pixelSize: Theme.fontXs
+                    font.bold: true
+                }
+                Item { Layout.fillWidth: true }
+                Label {
+                    text: streamController.receivedCount
+                    color: Theme.headingColor
+                    font.family: Theme.codeFontFamily
+                    font.pixelSize: Theme.fontMd
+                    font.bold: true
+                }
+            }
+
+            Rectangle {
+                Layout.fillWidth: true
+                height: 1
+                color: Theme.cardBorder
+            }
+
+            RowLayout {
+                Layout.fillWidth: true
+                Label {
+                    text: "Errors"
+                    color: Theme.sideMutedText
+                    font.family: Theme.uiFontFamily
+                    font.pixelSize: Theme.fontXs
+                    font.bold: true
+                }
+                Item { Layout.fillWidth: true }
+                Label {
+                    text: streamController.errorCount
+                    color: streamController.errorCount > 0 ? Theme.statusWarningColor : Theme.headingColor
+                    font.family: Theme.codeFontFamily
+                    font.pixelSize: Theme.fontMd
+                    font.bold: true
+                }
+            }
+
+            Button {
+                id: stopStreamBtn
+                Layout.fillWidth: true
+                Layout.topMargin: 4
+                hoverEnabled: true
+                text: "STOP"
+                font.family: Theme.uiFontFamily
+                font.pixelSize: Theme.fontSm
+                font.weight: Font.Medium
+                font.letterSpacing: 1.0
+
+                background: Rectangle {
+                    radius: 8
+                    color: stopStreamBtn.down ? Theme.transportButtonHover
+                         : (stopStreamBtn.hovered ? Theme.transportButtonBg : "transparent")
+                    border.width: Theme.borderThin
+                    border.color: Theme.sideBorder
+                    Behavior on color {
+                        ColorAnimation { duration: Theme.durationFast }
+                    }
+                }
+                contentItem: Text {
+                    text: stopStreamBtn.text
+                    color: Theme.headingColor
+                    font: stopStreamBtn.font
+                    horizontalAlignment: Text.AlignHCenter
+                    verticalAlignment: Text.AlignVCenter
+                }
+                onClicked: streamController.stopStream()
+            }
+        }
+    }
+
    Rectangle {
        Layout.fillWidth: true
        implicitHeight: readoutCard.implicitHeight + 24