:zap: [Enhance] Rename chat_renderer to chat_operator, and export functions of messager operations

apps/llm_mixer/js/{chat_renderer.js → chat_operator.js}

@@ -1,19 +1,34 @@
-export function create_chat_block(role = "assistant", content = "") {
-    let chats_container = $("#chats-container");
-    let chat_block = $("<div>").addClass(`chat-${role} mb-2 p-2`);
-    chats_container.append(chat_block);
-    chat_block.append(content);
-    return chat_block;
+import { Messager, MessagerList } from "./messager.js";
+
+let messagers_container = $("#messagers-container");
+let messager_list = new MessagerList(messagers_container);
+
+export function create_messager(
+    role,
+    content = "",
+    model = "",
+    temperature = ""
+) {
+    let message = {
+        role: role,
+        content: content,
+        model: model,
+        temperature: temperature,
+    };
+    let messager = new Messager(message);
+    messager_list.push(messager);
+}
+
+export function get_latest_message_viewer() {
+    return messagers_container.children().last();
 }
-export function get_latest_chat_block() {
-    let chats_container = $("#chats-container");
-    let chat_block = chats_container.children().last();
-    return chat_block;
+export function get_request_messages() {
+    return messager_list.get_request_messages();
 }
 
-export function update_chat(json_chunks, chat_block = null) {
-    if (chat_block === null) {
-        chat_block = get_latest_chat_block();
+export function update_message(json_chunks, message_viewer = null) {
+    if (message_viewer === null) {
+        message_viewer = get_latest_message_viewer();
     }
     json_chunks.forEach(function (item) {
         let choice = item.choices[0];
@@ -30,7 +45,7 @@ export function update_chat(json_chunks, chat_block = null) {
             console.log("[STOP]");
         }
         console.log(item);
-        chat_block.append(content);
+        message_viewer.append(content);
     });
     return json_chunks;
 }