feat(desktop): fill the drawer's notification space

The reserved Item becomes the live queue with a History button, scrollable
because the queue can hold 20. The drawer writes notifyd/drawer so the
balloon shell stands down while this space is showing, which is what stops a
notification appearing twice.

1 files changed, 90 insertions, 0 deletions

diff --git a/desktop/NotificationList.qml b/desktop/NotificationList.qml
new file mode 100644
index 0000000..9c8ae26
--- /dev/null
+++ b/desktop/NotificationList.qml
@@ -0,0 +1,90 @@
+// Copyright (C) 2026 Danilo M. <danix@danix.xyz>
+//
+// This program is free software; you can redistribute it and/or modify
+// it under the terms of the GNU General Public License version 2 as
+// published by the Free Software Foundation.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU General Public License for more details.
+
+import QtQuick
+
+// The drawer's reserved notification space: a header with a History button,
+// then the live queue, scrollable because the queue can hold 20 and the grid
+// below is fixed. The grid owns its own position, so this space only fills
+// what the grid leaves.
+Item {
+    id: list
+
+    signal history
+
+    Column {
+        anchors.fill: parent
+        spacing: 6
+
+        Item {
+            width: parent.width
+            height: 28
+
+            Text {
+                anchors { left: parent.left; verticalCenter: parent.verticalCenter }
+                text: "Notifications"
+                font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4; bold: true }
+                color: Theme.subtext
+            }
+
+            Text {
+                id: historyBtn
+                anchors { right: parent.right; verticalCenter: parent.verticalCenter }
+                text: "History"
+                font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
+                color: historyArea.containsMouse ? Theme.accent : Theme.subtext
+
+                MouseArea {
+                    id: historyArea
+                    anchors.fill: parent
+                    anchors.margins: -6
+                    hoverEnabled: true
+                    cursorShape: Qt.PointingHandCursor
+                    onClicked: list.history()
+                }
+            }
+        }
+
+        Flickable {
+            id: flick
+            width: parent.width
+            height: parent.height - 34
+            clip: true
+            contentWidth: width
+            contentHeight: col.implicitHeight
+            boundsBehavior: Flickable.StopAtBounds
+
+            Column {
+                id: col
+                width: flick.width
+                spacing: 2
+
+                Repeater {
+                    model: Notify.queue
+                    NotificationRow {
+                        required property var modelData
+                        width: col.width
+                        notification: modelData
+                        live: true
+                    }
+                }
+
+                Text {
+                    width: col.width
+                    visible: Notify.queue.length === 0
+                    text: "No notifications"
+                    font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
+                    color: Theme.overlay
+                }
+            }
+        }
+    }
+}