fix: reduce shader usage

Modules/Notifications/Content.qml

@@ -3,8 +3,9 @@ pragma ComponentBehavior: Bound
 import Quickshell
 import Quickshell.Widgets
 import QtQuick
-import qs.Components
 import ZShell.Config
+import ZShell.Components
+import qs.Components
 import qs.Daemons
 import qs.Helpers
 
@@ -27,7 +28,7 @@ Item {
 		for (let i = 0; i < count; i++)
 			height += (list.itemAtIndex(i) as NotifWrapper)?.nonAnimHeight ?? 0;
 
-		if (panels.popouts.hasCurrent && (panels.popouts.currentCenter + (panels.popouts.current?.width / 2)) > panels.notifications.x)
+		if (panels.popouts.hasCurrent && (panels.popouts.currentCenter + (panels.popouts.current?.width / 2)) > panels.notifications.x || screenState.dashboard)
 			return 0;
 
 		if (screenState.osd) {
@@ -36,25 +37,20 @@ Item {
 				height = h;
 		}
 
-		if (screenState.session) {
-			const h = panels.session.y - Tokens.spacing.small * 2 - padding * 2;
-			if (height > h)
-				height = h;
-		}
-
 		return Math.min(((QsWindow.window as QsWindow)?.screen?.height ?? 0) - 1 * 2, height + padding * 2);
 	}
+
 	implicitWidth: Config.notifs.sizes.width + padding * 2
 
 	Behavior on implicitHeight {
 		Anim {}
 	}
 
-	ClippingWrapperRectangle {
+	Item {
 		anchors.fill: parent
 		anchors.margins: root.padding
-		color: "transparent"
-		radius: Tokens.rounding.large - root.padding
+		clip: true
+		// radius: Tokens.rounding.large - root.padding
 
 		CustomListView {
 			id: list

Modules/Notifications/Sidebar/Chat/ChatDelegate.qml

@@ -6,7 +6,7 @@ import qs.Effects
 import qs.Components
 import qs.Services
 
-CustomClippingRect {
+CustomRect {
 	id: root
 
 	property bool expanded: false

Modules/Notifications/Sidebar/Chat/ChatList.qml

@@ -185,7 +185,7 @@ Item {
 				}
 			}
 
-			CustomClippingRect {
+			CustomRect {
 				id: fabMenuItem
 
 				required property var modelData
@@ -197,6 +197,7 @@ Item {
 				radius: sLayer.pressed ? Tokens.rounding.small : implicitHeight / 2
 				color: Colors.palette.m3primaryContainer
 				visible: !(modelData.name === "pop out in window" && ChatState.isWindow)
+				clip: true
 
 				Behavior on radius {
 					Anim {

Modules/Notifications/Sidebar/Chat/Content/ContentBubble.qml

@@ -24,7 +24,7 @@ Item {
 
 	implicitHeight: bubble.implicitHeight + (actionsRow.shouldBeActive ? actionsRow.implicitHeight + actionsRow.anchors.topMargin : 0)
 
-	CustomClippingRect {
+	CustomRect {
 		id: bubble
 
 		property real liveTargetWidth: root.isUser ? Math.min(msgText.implicitWidth + Tokens.padding.medium * 2, root.contentMaxWidth) : root.contentMaxWidth
@@ -37,8 +37,7 @@ Item {
 		implicitWidth: layoutFrozen ? frozenWidth : layoutWidth
 		implicitHeight: root.isUser ? msgText.contentHeight + Tokens.padding.medium * 2 : markdown.implicitHeight + markdown.anchors.topMargin * 2
 		anchors.right: root.isUser ? parent.right : undefined
-		layer.enabled: false
-		layer.smooth: true
+		clip: true
 
 		transform: Scale {
 			id: stretchScale

Modules/Notifications/Sidebar/Chat/Content/MessageDelegate.qml

@@ -223,12 +223,13 @@ MouseArea {
 			height: width
 			opacity: modelData ? 1 : 0
 
-			CustomClippingRect {
+			CustomRect {
 				anchors.fill: parent
 				anchors.margins: Tokens.spacing.extraSmall
 
 				radius: Tokens.rounding.medium
 				color: Colors.tPalette.m3surfaceContainer
+				clip: true
 
 				FadeImage {
 					id: attImage

Modules/Notifications/Sidebar/NotifDock.qml

@@ -63,7 +63,7 @@ Item {
 		}
 	}
 
-	ClippingRectangle {
+	Item {
 		id: clipRect
 
 		anchors.bottom: parent.bottom
@@ -71,8 +71,6 @@ Item {
 		anchors.right: parent.right
 		anchors.top: title.bottom
 		anchors.topMargin: 10
-		color: "transparent"
-		radius: 6
 
 		Loader {
 			active: opacity > 0