wallpaper: a page to preview and pick the transition

A tile per transition plus Random. A click selects in the draft and plays
the real shader between the two current wallpapers, and Apply or Reset in
the header settle it, like every other draft page. Ticks are Random's pool.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

1 files changed, 43 insertions, 0 deletions

diff --git a/desktop/modules/appearance/TransitionsModule.qml b/desktop/modules/appearance/TransitionsModule.qml
new file mode 100644
index 0000000..3ad56fb
--- /dev/null
+++ b/desktop/modules/appearance/TransitionsModule.qml
@@ -0,0 +1,43 @@
+// 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 "../.."
+
+// The transitions page: which effect covers a wallpaper change.
+Module {
+    name: "transitions"
+    label: "Transitions"
+    // nf-fa-magic, present in Inconsolata Nerd Font.
+    icon: ""
+    settings: true
+    dirty: Transitions.dirty
+    group: "Appearance"
+    keywords: ["wallpaper", "transition", "effect", "burn", "ink", "shatter", "ripple", "melt", "blinds", "random"]
+
+    page: Component {
+        Page {
+            title: "Transitions"
+            actions: Component {
+                SaveBar {
+                    dirty: Transitions.dirty
+                    valid: Transitions.valid
+                    note: "tick at least one transition for Random"
+                    saveText: "Apply"
+                    discardText: "Reset"
+                    onSave: Transitions.apply()
+                    onDiscard: Transitions.reset()
+                }
+            }
+            TransitionsTab { width: parent.width }
+        }
+    }
+}