better scrollbar in codeblocks + enter anim for delegates

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

@@ -83,8 +83,9 @@ MouseArea {
 				Anim {
 					target: root
 					property: "x"
-					to: changeAnim.next ? -root.width / 2 : root.width / 2
+					to: changeAnim.next ? root.width / 4 : -root.width / 4
 					from: 0
+					type: Anim.FastEffects
 				}
 
 				Anim {
@@ -92,6 +93,7 @@ MouseArea {
 					property: "opacity"
 					from: 1
 					to: 0
+					type: Anim.FastEffects
 				}
 			}
 
@@ -101,7 +103,8 @@ MouseArea {
 				Anim {
 					target: root
 					property: "x"
-					from: changeAnim.next ? root.width / 2 : -root.width / 2
+					from: changeAnim.next ? -root.width / 4 : root.width / 4
+					type: Anim.FastEffects
 					to: 0
 				}
 
@@ -109,30 +112,21 @@ MouseArea {
 					target: root
 					property: "opacity"
 					from: 0
+					type: Anim.FastEffects
 					to: 1
 				}
 			}
 		}
 	}
 
-	// Behavior on implicitHeight {
-	// 	enabled: !root.isUser && root.current.streaming
-	//
-	// 	Anim {}
-	// }
-
-	onCurrentChanged: {
-		console.log(modelData.generations.indexOf(current));
+	Binding {
+		property: "contentY"
+		restoreMode: Binding.RestoreNone
+		target: root.ListView.view
+		value: root.y + root.height + Tokens.padding.large * 2 - root.ListView.view.height
+		when: root.reasoningExpanded && root.ListView.view && (root.y + root.height + Tokens.padding.large * 2 > root.ListView.view.contentY + root.ListView.view.height)
 	}
 
-	// Binding {
-	// 	property: "contentY"
-	// 	restoreMode: Binding.RestoreNone
-	// 	target: root.ListView.view
-	// 	value: root.y - Tokens.padding.large * 2
-	// 	when: root.reasoningExpanded && root.ListView.view && ((root.y - Tokens.padding.large * 2) < root.ListView.view.contentY)
-	// }
-
 	Anim {
 		id: restoreAnim
 
@@ -148,20 +142,6 @@ MouseArea {
 		anchors.left: parent.left
 		anchors.right: parent.right
 
-		// onImplicitHeightChanged: console.log("LAYOUT:", layout.implicitHeight)
-
-		// add: Transition {
-		// 	Anim {
-		// 		from: 10
-		// 		property: "y"
-		// 	}
-		// }
-		// move: Transition {
-		// 	Anim {
-		// 		property: "y"
-		// 	}
-		// }
-
 		Repeater {
 			id: segmentRep