missing dock from display config

Modules/Dock/Dock.qml

@@ -65,12 +65,16 @@ PanelWindow {
 
     MouseArea {
         id: dockMouseArea
-        height: dock.reveal ? 65 : 12
+        property real currentScreen: modelData ? modelData : dock.screen
+        property real screenWidth: currentScreen ? currentScreen.geometry.width : 1920
+        property real maxDockWidth: Math.min(screenWidth * 0.8, 1200)
+        
+        height: dock.reveal ? 65 : 20
+        width: dock.reveal ? Math.min(dockBackground.width + 32, maxDockWidth) : Math.min(Math.max(dockBackground.width + 64, 200), screenWidth * 0.5)
         anchors {
             bottom: parent.bottom
             horizontalCenter: parent.horizontalCenter
         }
-        implicitWidth: dock.reveal ? dockBackground.width + 32 : (dockBackground.width + 32)
         hoverEnabled: true
 
         Behavior on height {

Modules/Settings/DisplaysTab.qml

@@ -14,6 +14,11 @@ Item {
         "name": "Top Bar",
         "description": "System bar with widgets and system information",
         "icon": "toolbar"
+    }, {
+        "id": "dock",
+        "name": "Application Dock",
+        "description": "Bottom dock for pinned and running applications",
+        "icon": "dock"
     }, {
         "id": "notifications",
         "name": "Notification Popups",
@@ -29,6 +34,11 @@ Item {
         "name": "On-Screen Displays",
         "description": "Volume, brightness, and other system OSDs",
         "icon": "picture_in_picture"
+    }, {
+        "id": "toast",
+        "name": "Toast Messages",
+        "description": "System toast notifications",
+        "icon": "campaign"
     }]
 
     function getScreenPreferences(componentId) {