fix: keep notification close button hoverable at the edge

1. Extended the notification bubble input region to cover the close
button area outside the card boundary
2. Added a stable close button hover state based on the outer hit area
instead of relying on the loader item lifecycle
3. Kept the notification content layout unchanged while preserving the
original visual position of the bubble

Influence:
1. Test notification bubble close button hover at the top-right edge
2. Verify normal notification display position and stacking animation
3. Check that the time text and close button visibility switch correctly
4. Verify no QML binding loop or diagnostic log remains

fix: 保持通知关闭按钮边缘区域可悬停

1. 扩展通知气泡输入区域，覆盖卡片边界外的关闭按钮区域
2. 基于外层热区增加稳定的关闭按钮悬停状态，避免依赖Loader对象生命周期
3. 保持通知内容布局不变，同时维持气泡原有视觉位置

Influence:
1. 测试通知气泡关闭按钮右上角边缘悬停
2. 验证通知显示位置和堆叠动画正常
3. 检查时间文本与关闭按钮显隐切换正确
4. 验证无QML绑定环和诊断日志残留

PMS: BUG-365963

Author: robertkill

panels/notification/bubble/package/BubbleDelegate.qml

@@ -7,32 +7,35 @@ import QtQuick.Controls 2.15
 
 Item {
     id: delegateRoot
-    width: 360
+    readonly property int closeButtonInputMargin: 12
+    width: ListView.view ? ListView.view.width : 382
     property var bubble: model
     property int maxCount: 3
     // ListView 的 remove 动画执行的时候,remove Item的index会以负数的方式出现
     property int realIndex: index < 0 ? ListView.view.count + index : index;
-    
-    height: bubbleContent.height
+
+    height: bubbleContent.height + closeButtonInputMargin
     z: -realIndex
     Bubble {
         id: bubbleContent
         width: 360
+        x: delegateRoot.closeButtonInputMargin
         bubble: delegateRoot.bubble
-        
+
         transformOrigin: Item.Top
-        
+
         y: {
+            let base = delegateRoot.closeButtonInputMargin
             // normal bubble dont need to move
-            if (realIndex < delegateRoot.maxCount) 
-                return 0
+            if (realIndex < delegateRoot.maxCount)
+                return base
 
             let spacing = 10
             let peekAmount = 8
             // 根据 realIndex 计算出超出部分的折叠层数（最多折叠3层，再多层保留为了动画淡出）
             let levelsFolded = Math.min(realIndex - (delegateRoot.maxCount - 1), 3)
-            let ret = levelsFolded * (delegateRoot.height + spacing - peekAmount)
-            return ret
+            let ret = levelsFolded * (bubbleContent.height + spacing - peekAmount)
+            return base + ret
         }
 
         scale: {

panels/notification/bubble/package/main.qml

@@ -91,20 +91,23 @@ Window {
 
     ListView  {
         id: bubbleView
-        width: 360
+        readonly property int bubbleContentWidth: 360
+        readonly property int closeButtonInputMargin: 12
+        readonly property int bubbleRightMargin: 10
+        width: bubbleContentWidth + closeButtonInputMargin + bubbleRightMargin
         height: contentHeight
         anchors {
             right: parent.right
             bottom: parent.bottom
-            rightMargin: 10
+            rightMargin: 0
             bottomMargin: 10
         }
 
         function updateInputRegion() {
             root.DLayerShellWindow.setInputRegionRect(
                 Math.ceil(bubbleView.x),
                 Math.ceil(bubbleView.y),
-                Math.ceil(bubbleView.width), 
+                Math.ceil(bubbleView.width),
                 Math.ceil(Math.max(10, bubbleView.contentHeight))
             )
         }

panels/notification/plugin/NotifyItemContent.qml

@@ -16,7 +16,8 @@ NotifyItem {
     // Maximum retry attempts for focus operations when loader content is pending
     readonly property int maxFocusRetries: 5
     property bool parentHovered: false  // External hover state from parent component
-    property bool closeVisible: activeFocus || impl.hovered || parentHovered
+    readonly property bool closeButtonHovered: closeHoverHandler.hovered
+    property bool closeVisible: activeFocus || impl.hovered || parentHovered || closeButtonHovered
     property int miniContentHeight: NotifyStyle.contentItem.miniHeight
     property bool enableDismissed: true
     property alias clearButton: clearLoader.sourceComponent
@@ -104,16 +105,26 @@ NotifyItem {
                 top: parent.top
                 topMargin: -height / 2 + 2
                 right: parent.right
-                rightMargin: -width / 2 + 6
+                rightMargin: -height / 2 + 6
+            }
+            width: 48
+            height: 48
+            hoverEnabled: false
+
+            HoverHandler {
+                id: closeHoverHandler
             }
-            width: 20
-            height: 20
 
             Loader {
                 id: clearLoader
                 anchors.right: parent.right
-                // Show when mouse hovers or notification item has focus
-                active: !(root.strongInteractive && root.actions.length > 0) && (root.closeVisible || closePlaceHolder.hovered)
+                anchors.rightMargin: (closePlaceHolder.width - 20) / 2
+                anchors.verticalCenter: parent.verticalCenter
+                // Keep the close button alive while the pointer is inside the
+                // enlarged hit area. Do not rely on Control.hovered here: the
+                // button is partly outside the notification card and hover can
+                // be lost on the top-right edge.
+                active: !(root.strongInteractive && root.actions.length > 0) && root.closeVisible
                 sourceComponent: SettingActionButton {
                     id: closeBtn
                     objectName: "closeNotify-" + root.appName
@@ -243,7 +254,7 @@ NotifyItem {
 
                     Loader {
                         id: time
-                        active: !root.closeVisible && !closePlaceHolder.hovered
+                        active: !root.closeVisible
                         visible: active
                         Layout.alignment: Qt.AlignRight
                         sourceComponent: Text {