diff --git a/public/index.html b/public/index.html
index ceb0010ca..598358bcc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -28,21 +28,7 @@
     <link rel="stylesheet" href="css/bg_load.css">
     <link rel="icon" type="image/x-icon" href="favicon.ico">
 
-    <script type=module>
-        //To DO:: 
-        //2) Count tokens print fix 
-        //6) Reload setting files when they was rewrite 
-        //7) Show an indicator that shows the message in context or not
-        //8) Сombine multiple messages into one if the text continues
-        //10) Design presets
-        //11) Fix sending propt with json additional symbols (kinda \\ and etc)
-        //import {encode, decode} from "../scripts/gpt-2-3-tokenizer/mod.js";
-        //let text = "hello world";
-        //console.log(encode("dsfs").length); // [258, 18798, 995]
-    </script>
-
-    <script type=module src="script.js">
-    </script>
+    <script type=module src="script.js"></script>
 
     <script type="module" src="scripts/world-info.js"></script>
     <script type="module" src="scripts/group-chats.js"></script>
@@ -150,7 +136,7 @@
                     <form action="javascript:void(null);" method="post" enctype="multipart/form-data">
                         <h4>API url</h4>
                         <h5>Example: http://127.0.0.1:7860/ </h5>
-                        <input id="textgenerationwebui_api_url_text" name="textgenerationwebui_api_url" class="text_pole" maxlength="500" size="35" value="" autocomplete="off">
+                        <input id="textgenerationwebui_api_url_text" name="textgenerationwebui_api_url" class="text_pole" maxlength="500" value="" autocomplete="off">
                         <input id="api_button_textgenerationwebui" class="menu_button" type="submit" value="Connect">
                         <img id="api_loading_textgenerationwebui" src="img/load.svg">
                     </form>
@@ -168,8 +154,9 @@
                                 <span class="note-link-span">?</span>
                             </a>
                         </h5>
-                        <input id="api_key_openai" name="api_key_openai" class="text_pole" maxlength="500" size="35" value="" autocomplete="off">
+                        <input id="api_key_openai" name="api_key_openai" class="text_pole" maxlength="500" value="" autocomplete="off">
                         <input id="api_button_openai" class="menu_button" type="submit" value="Connect">
+                        <a href="https://platform.openai.com/account/usage" target="_blank">View API Usage Metrics</a>
                         <img id="api_loading_openai" src="img/load.svg">
                     </form>
                     <div class="online_status4">
diff --git a/public/script.js b/public/script.js
index bcd119234..ed17f64ff 100644
--- a/public/script.js
+++ b/public/script.js
@@ -2843,13 +2843,20 @@ $(document).ready(function () {
                 easing: animation_rm_easing,
                 queue: false,
                 complete: function () {
-
+                    /*if (!selected_group) {
+                        var typingIndicator = $("#typing_indicator_template .typing_indicator").clone();
+                        typingIndicator.find(".typing_indicator_name").text(characters[this_chid].name);
+                    } */
+                    /* $("#chat").append(typingIndicator); */
                     const is_animation_scroll = ($('#chat').scrollTop() >= ($('#chat').prop("scrollHeight") - $('#chat').outerHeight()) - 10);
                     //console.log(parseInt(chat[chat.length-1]['swipe_id']));
                     //console.log(chat[chat.length-1]['swipes'].length);
                     if (run_generate && parseInt(chat[chat.length - 1]['swipe_id']) === chat[chat.length - 1]['swipes'].length) {
                         //console.log('showing ""..."');
+                        /* if (!selected_group) {
+                        } else { */
                         $("#chat").children().filter('[mesid="' + (count_view_mes - 1) + '"]').children('.mes_block').children('.mes_text').html('...');  //shows "..." while generating
+                        /* } */
                     } else {
                         //console.log('showing previously generated swipe candidate, or "..."');
                         //console.log('onclick right swipe calling addOneMessage');
diff --git a/public/style.css b/public/style.css
index c237c493f..326965a92 100644
--- a/public/style.css
+++ b/public/style.css
@@ -661,7 +661,6 @@ select {
     font-size: 15px;
     border: 1px solid var(--white30a);
     border-radius: 10px;
-    width: 100%;
     margin-bottom:10px;
 }
 
@@ -682,10 +681,7 @@ select option:not(:checked) {
 
 #rm_api_block {
     display: none;
-    padding-bottom: 5px;
     overflow-y: auto;
-    grid-template-rows: auto;
-    grid-gap: 10px;
 }
 
 .API-logo {