:zap: [Enhance] More natural way of visualizing buttons

apps/llm_mixer/js/chat_operator.js

@@ -35,19 +35,23 @@ export function get_latest_message_content_displayer() {
 export function start_latest_message_animation() {
     return get_latest_messager_container()
         .find(".button-group")
-        .find(".regenerate-button")
+        .find(".generate-button")
         .find("i")
         .addClass("fa-spin-fast")
         .css("color", "orange");
 }
 
 export function stop_latest_message_animation() {
-    return get_latest_messager_container()
+    let generate_button = get_latest_messager_container()
         .find(".button-group")
-        .find(".regenerate-button")
+        .find(".generate-button");
+    let generate_button_icon = generate_button
         .find("i")
         .removeClass("fa-spin-fast")
         .css("color", "green");
+    generate_button
+        .removeClass("generate-button")
+        .addClass("regenerate-button");
 }
 
 export function get_request_messages() {

apps/llm_mixer/js/default.css

@@ -38,7 +38,18 @@
     max-width: 250px;
 }
 
-
 .fa-spin-fast {
     animation: fa-spin 0.6s infinite linear;
-}
+}
+
+.message-viewer .edit-button,
+.message-viewer .copy-button,
+.message-viewer .regenerate-button {
+    display: none;
+}
+
+.message-viewer:hover .edit-button,
+.message-viewer:hover .copy-button,
+.message-viewer:hover .regenerate-button {
+    display: inline-block;
+}