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, 57 insertions, 0 deletions

diff --git a/desktop/modules/appearance/TransitionsTab.qml b/desktop/modules/appearance/TransitionsTab.qml
new file mode 100644
index 0000000..190a117
--- /dev/null
+++ b/desktop/modules/appearance/TransitionsTab.qml
@@ -0,0 +1,57 @@
+// 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 "../.."
+
+Item {
+    id: tab
+    implicitHeight: col.implicitHeight
+
+    readonly property int gap: 14
+    readonly property int columns: Math.max(1, Math.floor((width + gap) / 260))
+    readonly property real tileWidth: (width - (columns - 1) * gap) / columns
+
+    Column {
+        id: col
+        width: parent.width
+        spacing: 14
+
+        Text {
+            width: col.width
+            wrapMode: Text.Wrap
+            text: "Click a transition to see it between your two current wallpapers. "
+                + "Random draws from the ticked ones, and never the same one twice running."
+            color: Theme.overlay
+            font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
+        }
+
+        Grid {
+            columns: tab.columns
+            spacing: tab.gap
+
+            Repeater {
+                model: Transitions.all
+                TransitionTile {
+                    required property var modelData
+                    width: tab.tileWidth
+                    name: modelData.name
+                    label: modelData.label
+                }
+            }
+            TransitionTile {
+                width: tab.tileWidth
+                name: "random"
+                label: "Random"
+            }
+        }
+    }
+}