:gem: [Feature] Show agent nickname and model in assistant message

components/buttons_binder.js

@@ -102,7 +102,11 @@ class SendUserInputButtonBinder {
         $("#user-input").val("");
         $("#user-input").css("height", "auto");
         if (get_selected_llm_model() == "notes") {
-            create_messager("user", user_input_content);
+            create_messager({
+                role: "user",
+                content: user_input_content,
+                nickname: "notes",
+            });
         } else {
             this.requester = new ChatCompletionsRequester({
                 prompt: user_input_content,

components/chat_operator.js

@@ -19,11 +19,17 @@ export function get_latest_messager() {
     return get_active_messager_list().messagers.slice(-1)[0];
 }
 
-export function create_messager(role, content = "", model = "") {
+export function create_messager({
+    role,
+    content = "",
+    model = "",
+    nickname = "",
+} = {}) {
     let message = {
         role: role,
         content: content,
         model: model,
+        nickname: nickname,
     };
     let messager = new Messager(message);
     get_active_messager_list().push(messager);

components/messager.js

@@ -19,11 +19,7 @@ class MessagerViewer {
         this.role_displayer = $("<div>")
             .addClass("role-displayer")
             .css("z-index", "1");
-        if (this.message.role === "user") {
-            this.role_displayer.append("You");
-        } else {
-            this.role_displayer.append(this.message.model);
-        }
+        this.role_displayer.append(this.message.nickname);
     }
     create_content_displayer() {
         this.content_displayer = $("<div>")

networks/llm_requester.js

@@ -28,7 +28,6 @@ export class ChatCompletionsRequester {
             openai_endpoint || this.extract_openai_endpoint_and_model()[0];
         this.model = model || this.extract_openai_endpoint_and_model()[1];
         this.system_prompt = this.agent_info.system_prompt;
-
         this.temperature = temperature || this.agent_info.temperature;
         this.top_p = top_p || this.agent_info.top_p;
         this.max_output_tokens =
@@ -83,8 +82,18 @@ export class ChatCompletionsRequester {
         };
     }
     create_messager_components() {
-        create_messager("user", this.prompt);
-        create_messager("assistant", "", this.model);
+        create_messager({
+            role: "user",
+            content: this.prompt,
+            model: "",
+            nickname: "You",
+        });
+        create_messager({
+            role: "assistant",
+            content: "",
+            model: this.model,
+            nickname: `${this.agent_info.name} (${this.model})`,
+        });
     }
     async handle_read_stream_data(reader) {
         let buffer = "";