rotate

dune-weaver-touch/qml/main.qml

@@ -225,17 +225,18 @@ ApplicationWindow {
     // Virtual Keyboard Support (outside rotated content to keep it right-side up)
     InputPanel {
         id: inputPanel
+        parent: window.contentItem  // Explicitly set parent to window's content
         z: 99999
-        y: window.height
         anchors.left: parent.left
         anchors.right: parent.right
+        anchors.bottom: parent.bottom
 
         states: State {
             name: "visible"
             when: inputPanel.active
             PropertyChanges {
                 target: inputPanel
-                y: window.height - inputPanel.height
+                anchors.bottomMargin: 0
             }
         }
 
@@ -243,13 +244,13 @@ ApplicationWindow {
             from: ""
             to: "visible"
             reversible: true
-            ParallelAnimation {
-                NumberAnimation {
-                    target: inputPanel
-                    property: "y"
-                    duration: 250
-                    easing.type: Easing.InOutQuad
-                }
+            NumberAnimation {
+                target: inputPanel
+                property: "anchors.bottomMargin"
+                from: -inputPanel.height
+                to: 0
+                duration: 250
+                easing.type: Easing.InOutQuad
             }
         }
     }

dune-weaver-touch/qml/pages/TableControlPage.qml

@@ -185,6 +185,29 @@ Page {
                                     id: portMenu
                                     y: parent.height
 
+                                    // Counter-rotate menu content to fix upside-down issue
+                                    delegate: MenuItem {
+                                        transform: Rotation {
+                                            origin.x: width / 2
+                                            origin.y: height / 2
+                                            angle: 180
+                                        }
+                                    }
+
+                                    // Rotate the background/container
+                                    background: Rectangle {
+                                        color: "white"
+                                        border.color: "#ddd"
+                                        border.width: 1
+                                        radius: 4
+
+                                        transform: Rotation {
+                                            origin.x: width / 2
+                                            origin.y: height / 2
+                                            angle: 180
+                                        }
+                                    }
+
                                     Repeater {
                                         model: serialPorts
                                         MenuItem {
@@ -194,9 +217,9 @@ Page {
                                             }
                                         }
                                     }
-                                    
+
                                     MenuSeparator {}
-                                    
+
                                     MenuItem {
                                         text: "Refresh Ports"
                                         onTriggered: refreshSerialPorts()