feat: dashboard show on hover, media and weather tabs added

Modules/Notifications/Sidebar/Utils/Cards/Record.qml

@@ -11,8 +11,8 @@ import qs.Services
 CustomRect {
 	id: root
 
-	required property var props
-	required property PersistentProperties visibilities
+	required property ScreenState screenState
+
 
 	Layout.fillWidth: true
 	color: Colors.tPalette.m3surfaceContainer
@@ -72,7 +72,7 @@ CustomRect {
 			}
 
 			SplitButton {
-				active: menuItems.find(m => root.props.recordingMode === m.icon + m.text) ?? menuItems[0]
+				active: menuItems.find(m => root.screenState.recordingMode === m.icon + m.text) ?? menuItems[0]
 				enabled: !Recorder.running
 				menuOnTop: true
 
@@ -107,7 +107,7 @@ CustomRect {
 					}
 				]
 
-				menu.onItemSelected: item => root.props.recordingMode = item.icon + item.text
+				menu.onItemSelected: item => root.screenState.recordingMode = item.icon + item.text
 			}
 		}
 
@@ -190,8 +190,7 @@ CustomRect {
 		id: recordingList
 
 		RecordingList {
-			props: root.props
-			visibilities: root.visibilities
+			screenState: root.screenState
 		}
 	}
 

Modules/Notifications/Sidebar/Utils/Cards/RecordingList.qml

@@ -14,8 +14,8 @@ import qs.Services
 ColumnLayout {
 	id: root
 
-	required property var props
-	required property PersistentProperties visibilities
+	required property ScreenState screenState
+
 
 	spacing: 0
 
@@ -23,7 +23,7 @@ ColumnLayout {
 		Layout.fillWidth: true
 		cursorShape: Qt.PointingHandCursor
 
-		onClicked: root.props.recordingListExpanded = !root.props.recordingListExpanded
+		onClicked: root.screenState.recordingListExpanded = !root.screenState.recordingListExpanded
 
 		RowLayout {
 			spacing: Tokens.spacing.small
@@ -42,11 +42,11 @@ ColumnLayout {
 			}
 
 			IconButton {
-				icon: root.props.recordingListExpanded ? "unfold_less" : "unfold_more"
+				icon: root.screenState.recordingListExpanded ? "unfold_less" : "unfold_more"
 				label.animate: true
 				type: IconButton.Text
 
-				onClicked: root.props.recordingListExpanded = !root.props.recordingListExpanded
+				onClicked: root.screenState.recordingListExpanded = !root.screenState.recordingListExpanded
 			}
 		}
 	}
@@ -57,7 +57,7 @@ ColumnLayout {
 		Layout.fillWidth: true
 		Layout.rightMargin: -Tokens.spacing.small
 		clip: true
-		implicitHeight: (Tokens.font.size.larger + Tokens.padding.extraSmall) * (root.props.recordingListExpanded ? 10 : 3)
+		implicitHeight: (Tokens.font.size.larger + Tokens.padding.extraSmall) * (root.screenState.recordingListExpanded ? 10 : 3)
 
 		CustomScrollBar.vertical: CustomScrollBar {
 			flickable: list
@@ -109,7 +109,7 @@ ColumnLayout {
 				type: IconButton.Text
 
 				onClicked: {
-					root.visibilities.sidebar = false;
+					root.screenState.sidebar = false;
 					if (Config.launcher.uwsm)
 						Quickshell.execDetached(["app2unit", "--", ...Config.general.apps.playback, recording.modelData.path]);
 					else
@@ -122,7 +122,7 @@ ColumnLayout {
 				type: IconButton.Text
 
 				onClicked: {
-					root.visibilities.sidebar = false;
+					root.screenState.sidebar = false;
 					if (Config.launcher.uwsm)
 						Quickshell.execDetached(["app2unit", "--", ...Config.general.apps.explorer, recording.modelData.path]);
 					else
@@ -174,11 +174,11 @@ ColumnLayout {
 
 				MaterialIcon {
 					Layout.alignment: Qt.AlignHCenter
-					Layout.preferredHeight: root.props.recordingListExpanded ? implicitHeight : 0
+					Layout.preferredHeight: root.screenState.recordingListExpanded ? implicitHeight : 0
 					color: Colors.palette.m3outline
 					font.pointSize: Tokens.font.size.extraLarge
-					opacity: root.props.recordingListExpanded ? 1 : 0
-					scale: root.props.recordingListExpanded ? 1 : 0
+					opacity: root.screenState.recordingListExpanded ? 1 : 0
+					scale: root.screenState.recordingListExpanded ? 1 : 0
 					text: "scan_delete"
 
 					Behavior on Layout.preferredHeight {
@@ -197,10 +197,10 @@ ColumnLayout {
 
 					MaterialIcon {
 						Layout.alignment: Qt.AlignHCenter
-						Layout.preferredWidth: !root.props.recordingListExpanded ? implicitWidth : 0
+						Layout.preferredWidth: !root.screenState.recordingListExpanded ? implicitWidth : 0
 						color: Colors.palette.m3outline
-						opacity: !root.props.recordingListExpanded ? 1 : 0
-						scale: !root.props.recordingListExpanded ? 1 : 0
+						opacity: !root.screenState.recordingListExpanded ? 1 : 0
+						scale: !root.screenState.recordingListExpanded ? 1 : 0
 						text: "scan_delete"
 
 						Behavior on Layout.preferredWidth {

Modules/Notifications/Sidebar/Utils/Cards/Toggles.qml

@@ -39,7 +39,7 @@ CustomRect {
 		});
 	}
 	readonly property int splitIndex: Math.ceil(quickToggles.length / 2)
-	required property PersistentProperties visibilities
+	required property ScreenState screenState
 
 	color: Colors.tPalette.m3surfaceContainer
 	implicitHeight: layout.implicitHeight + Tokens.padding.extraLargeIncreased
@@ -166,8 +166,8 @@ CustomRect {
 						isToggle: false
 
 						onClicked: {
-							root.visibilities.sidebar = false;
-							root.visibilities.settings = true;
+							root.screenState.sidebar = false;
+							root.screenState.settings = true;
 						}
 					}
 				}

Modules/Notifications/Sidebar/Utils/Content.qml

@@ -1,14 +1,14 @@
 import Quickshell
 import QtQuick
 import QtQuick.Layouts
+import qs.Components
 import qs.Modules.Notifications.Sidebar.Utils.Cards
 import ZShell.Config
 
 Item {
 	id: root
 
-	required property PersistentProperties props
-	required property var visibilities
+	required property ScreenState screenState
 
 	implicitHeight: layout.implicitHeight
 	implicitWidth: layout.implicitWidth
@@ -22,14 +22,13 @@ Item {
 		IdleInhibit {}
 
 		Record {
-			props: root.props
-			visibilities: root.visibilities
+			screenState: root.screenState
 			z: 1
 		}
 
 		Toggles {
 			Layout.fillWidth: true
-			visibilities: root.visibilities
+			screenState: root.screenState
 		}
 	}
 }

Modules/Notifications/Sidebar/Utils/Wrapper.qml

@@ -9,16 +9,9 @@ Item {
 	id: root
 
 	property real offsetScale: shouldBeActive ? 0 : 1
-	readonly property PersistentProperties props: PersistentProperties {
-		property string recordingConfirmDelete
-		property bool recordingListExpanded: false
-		property string recordingMode
-
-		reloadableId: "utilities"
-	}
-	readonly property bool shouldBeActive: visibilities.sidebar && !sidebar.chatActive
+	readonly property bool shouldBeActive: screenState.sidebar && !sidebar.chatActive
 	required property Item sidebar
-	required property var visibilities
+	required property ScreenState screenState
 
 	anchors.bottomMargin: (-implicitHeight - 5) * offsetScale
 	implicitHeight: content.implicitHeight + Tokens.padding.small * 2
@@ -43,8 +36,7 @@ Item {
 
 		sourceComponent: Content {
 			implicitWidth: root.implicitWidth - 8 * 2
-			props: root.props
-			visibilities: root.visibilities
+			screenState: root.screenState
 		}
 	}
 }