1 files changed, 121 insertions, 0 deletions
diff --git a/desktop/modules/notes/NotesPage.qml b/desktop/modules/notes/NotesPage.qml
new file mode 100644
index 0000000..d73bea2
--- /dev/null
+++ b/desktop/modules/notes/NotesPage.qml
@@ -0,0 +1,121 @@
+// 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
+import QtQuick.Controls
+import "../.."
+import "Notes.js" as Notes
+
+// The notes list, newest first, with a title search. Reads the module's parsed
+// db.json; nothing here touches the store or git.
+Item {
+    id: page
+
+    // The notes module: the store, the resolved paths and the writes.
+    required property QtObject owner
+
+    Row {
+        id: bar
+        anchors { top: parent.top; left: parent.left; right: parent.right }
+        spacing: 8
+
+        TextField {
+            id: search
+            width: parent.width
+            height: 32
+            placeholderText: "Search"
+            color: Theme.text
+            font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2 }
+            background: Rectangle {
+                radius: 6
+                color: Qt.alpha(Theme.surface, 0.9)
+                border.width: 1
+                border.color: Qt.alpha(Theme.text, 0.15)
+            }
+            Component.onCompleted: forceActiveFocus()
+            onTextChanged: list.currentIndex = 0
+        }
+    }
+
+    ListView {
+        id: list
+        anchors {
+            top: bar.bottom; topMargin: 10
+            left: parent.left; right: parent.right
+            bottom: errorLine.top; bottomMargin: 6
+        }
+        clip: true
+        spacing: 4
+        model: Notes.filter(page.owner.notes, search.text)
+        boundsBehavior: Flickable.StopAtBounds
+        ScrollBar.vertical: ScrollBar {}
+
+        Text {
+            anchors.centerIn: parent
+            visible: list.count === 0
+            text: page.owner.ready ? "No notes" : "Loading…"
+            color: Theme.subtext
+            font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2 }
+        }
+
+        delegate: Rectangle {
+            id: row
+            required property var modelData
+            required property int index
+
+            width: list.width
+            height: 36
+            radius: 8
+            color: rowArea.containsMouse || ListView.isCurrentItem
+                 ? Qt.alpha(Theme.accent, 0.18) : Qt.alpha(Theme.surface, 0.35)
+
+            MouseArea {
+                id: rowArea
+                anchors.fill: parent
+                hoverEnabled: true
+                cursorShape: Qt.PointingHandCursor
+            }
+
+            Text {
+                anchors {
+                    left: parent.left; leftMargin: 10
+                    right: when.left; rightMargin: 8
+                    verticalCenter: parent.verticalCenter
+                }
+                elide: Text.ElideRight
+                maximumLineCount: 1
+                textFormat: Text.PlainText
+                text: row.modelData.title
+                color: Theme.text
+                font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2 }
+            }
+
+            Text {
+                id: when
+                anchors { right: parent.right; rightMargin: 10; verticalCenter: parent.verticalCenter }
+                text: Notes.formatDate(row.modelData.file)
+                color: Theme.overlay
+                font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 3 }
+            }
+        }
+    }
+
+    Text {
+        id: errorLine
+        anchors { left: parent.left; right: parent.right; bottom: parent.bottom }
+        height: visible ? implicitHeight : 0
+        visible: page.owner.lastError !== ""
+        text: page.owner.lastError
+        wrapMode: Text.WordWrap
+        color: Theme.red
+        font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 3 }
+    }
+}