A better animation for when the model is thinking/responding. (#2557)

* A better animation for when the model is thinking/responding. * ChatView: remove redundant ternary ops Signed-off-by: Adam Treat <treat.adam@gmail.com> Signed-off-by: Jared Van Bortel <jared@nomic.ai> Co-authored-by: Jared Van Bortel <jared@nomic.ai>
nomic-ai · Jul 9, 2024 · ccb98f3 · ccb98f3
1 parent ce4dc2e
commit ccb98f3
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/gpt4all-chat/qml/ChatView.qml b/gpt4all-chat/qml/ChatView.qml
@@ -813,9 +813,20 @@ Rectangle {
                                     }
 
                                     ColorOverlay {
+                                        id: colorOver
                                         anchors.fill: logo
                                         source: logo
                                         color: theme.conversationHeader
+                                        RotationAnimation {
+                                            id: rotationAnimation
+                                            target: colorOver
+                                            property: "rotation"
+                                            from: 0
+                                            to: 360
+                                            duration: 1000
+                                            loops: Animation.Infinite
+                                            running: currentResponse && (currentChat.responseInProgress || currentChat.isRecalc)
+                                        }
                                     }
                                 }
 
@@ -845,14 +856,7 @@ Rectangle {
                                             color: theme.mutedTextColor
                                         }
                                         RowLayout {
-                                            visible: (currentResponse ? true : false) && ((value === "" && currentChat.responseInProgress) || currentChat.isRecalc)
-                                            MyBusyIndicator {
-                                                size: 24
-                                                color: theme.conversationProgress
-                                                Accessible.role: Accessible.Animation
-                                                Accessible.name: qsTr("Busy indicator")
-                                                Accessible.description: qsTr("The model is thinking")
-                                            }
+                                            visible: currentResponse && ((value === "" && currentChat.responseInProgress) || currentChat.isRecalc)
                                             Text {
                                                 color: theme.mutedTextColor
                                                 font.pixelSize: theme.fontSizeLarger