From e6d7d908b13f6464f4adeae91c2262170654e751 Mon Sep 17 00:00:00 2001
From: Digital Artifex <7929434+DigitalArtifex@users.noreply.github.com>
Date: Mon, 17 Aug 2026 13:01:51 -0400
Subject: [PATCH] UI Update

---
 KomplexHubModule/Kero/CMakeLists.txt          |  3 +-
 .../Kero/KeroBuildingAnimation.qml            |  6 +-
 KomplexHubModule/Kero/KeroSuccessAvatar.qml   | 66 +++++++++++++++++++
 3 files changed, 71 insertions(+), 4 deletions(-)
 create mode 100644 KomplexHubModule/Kero/KeroSuccessAvatar.qml

diff --git a/KomplexHubModule/Kero/CMakeLists.txt b/KomplexHubModule/Kero/CMakeLists.txt
index c515311..d411f1e 100644
--- a/KomplexHubModule/Kero/CMakeLists.txt
+++ b/KomplexHubModule/Kero/CMakeLists.txt
@@ -11,5 +11,6 @@ qt6_add_qml_module(KomplexHubModule_Kero
         "KeroLoadingAnimation.qml"
         "KeroNoResultsAvatar.qml"
         "KeroWarningAvatar.qml"
-        QML_FILES KeroHeader.qml
+        "KeroHeader.qml"
+        "KeroSuccessAvatar.qml"
 )
\ No newline at end of file
diff --git a/KomplexHubModule/Kero/KeroBuildingAnimation.qml b/KomplexHubModule/Kero/KeroBuildingAnimation.qml
index d5c7761..14b1697 100644
--- a/KomplexHubModule/Kero/KeroBuildingAnimation.qml
+++ b/KomplexHubModule/Kero/KeroBuildingAnimation.qml
@@ -4,9 +4,9 @@ import QtQuick.Layouts
 import KomplexHub
 
 Item {
-    property string title: qsTr("Loading")
-    property string description: qsTr("Kero is busy looking for wallpapers..we promise")
-    property color color: palette.window
+    property string title: qsTr("Building")
+    property string description: qsTr("Kero is getting your wallpaper ready")
+    property color color: "transparent"
 
     id: keroLoadingOverlayRoot
 
diff --git a/KomplexHubModule/Kero/KeroSuccessAvatar.qml b/KomplexHubModule/Kero/KeroSuccessAvatar.qml
new file mode 100644
index 0000000..5665524
--- /dev/null
+++ b/KomplexHubModule/Kero/KeroSuccessAvatar.qml
@@ -0,0 +1,66 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import KomplexHub
+
+Item {
+    property string title: qsTr("Success!")
+    property string description: qsTr("Your new wallpaper is ready!")
+    property color color: "transparent"
+
+    id: keroHelloAvatarRoot
+
+    Rectangle {
+        id: keroHelloAvatarBackground
+        anchors.fill: parent
+        color: keroHelloAvatarRoot.color
+
+        ColumnLayout {
+            anchors.fill: parent
+
+            Rectangle {
+                Layout.fillHeight: true
+                Layout.fillWidth: true
+                Layout.minimumWidth: 64
+                Layout.minimumHeight: 64
+                Layout.maximumWidth: 512
+                Layout.maximumHeight: 512
+                Layout.alignment: Qt.AlignCenter
+
+                color: "transparent"
+
+                Image {
+                    anchors.fill: parent
+
+                    source: "qrc:/images/kero/kero_success.png"
+                    antialiasing: true
+                    fillMode: Image.PreserveAspectFit
+                }
+
+                ColumnLayout {
+                    anchors.bottom: parent.bottom
+                    anchors.left: parent.left
+                    anchors.right: parent.right
+
+                    Text {
+                        color: palette.text
+                        text: keroHelloAvatarRoot.title
+                        font: Constants.h1Font
+
+                        Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
+                    }
+
+                    Text {
+                        id: errorText
+                        text: keroHelloAvatarRoot.description
+                        color: palette.text.darker()
+
+                        Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
+                        Layout.bottomMargin: Constants.largeMargin
+                    }
+                }
+            }
+        }
+    }
+}