Lock extensions display order in top and context menus

public/css/extensions-panel.css

@@ -93,4 +93,83 @@ input.extension_missing[type="checkbox"] {
 .update-button {
     margin-right: 10px;
     display: inline-flex;
-}
+}
+
+/* Fixes order of settings for extensions */
+#extensions_settings,
+#extensions_settings2 {
+    display: flex;
+    flex-direction: column;
+}
+
+#extensions_settings>.expression_settings {
+    order: 1;
+}
+
+#extensions_settings>.background_settings {
+    order: 2;
+}
+
+#extensions_settings>.sd_settings {
+    order: 3;
+}
+
+#extensions_settings>#tts_settings {
+    order: 4;
+}
+
+#extensions_settings>#rvc_settings {
+    order: 5;
+}
+
+#extensions_settings>.objective-settings {
+    order: 6;
+}
+
+#extensions_settings>#speech_recognition_settings {
+    order: 7;
+}
+
+#extensions_settings>#audio_settings {
+    order: 8;
+}
+
+#extensions_settings>#assets_ui {
+    order: 9;
+}
+
+#extensions_settings2>.translation_settings {
+    order: 1;
+}
+
+#extensions_settings2>.caption_settings {
+    order: 2;
+}
+
+#extensions_settings2>.quickReplySettings {
+    order: 3;
+}
+
+#extensions_settings2>#memory_settings {
+    order: 4;
+}
+
+#extensions_settings2>.hypebot_settings {
+    order: 5;
+}
+
+#extensions_settings2>.regex_settings {
+    order: 6;
+}
+
+#extensions_settings2>.vectors_settings {
+    order: 7;
+}
+
+#extensions_settings2>.chromadb_settings {
+    order: 8;
+}
+
+#extensions_settings2>.randomizer_settings {
+    order: 9;
+}

public/script.js

@@ -6053,8 +6053,7 @@ function enlargeMessageImage() {
     const img = document.createElement('img');
     img.classList.add('img_enlarged');
     img.src = imgSrc;
-    $('#dialogue_popup').addClass('wide_dialogue_popup');
-    callPopup(img.outerHTML, 'text');
+    callPopup(img.outerHTML, 'text', '', { wide: true, large: true });
 }
 
 function updateAlternateGreetingsHintVisibility(root) {

public/scripts/extensions/caption/index.js

@@ -144,7 +144,7 @@ jQuery(function () {
         const sendButton = $(`
         <div id="send_picture" class="list-group-item flex-container flexGap5">
             <div class="fa-solid fa-image extensionsMenuExtensionButton"></div>
-            Send a picture
+            Send a Picture
         </div>`);
 
         $('#extensionsMenu').prepend(sendButton);
@@ -171,7 +171,7 @@ jQuery(function () {
     }
     function addSettings() {
         const html = `
-        <div class="background_settings">
+        <div class="caption_settings">
             <div class="inline-drawer">
                 <div class="inline-drawer-toggle inline-drawer-header">
                     <b>Image Captioning</b>

public/scripts/extensions/caption/style.css

@@ -1,3 +1,7 @@
-#img_form {
-    display: none;
-}
+#img_form {
+    display: none;
+}
+
+#send_picture {
+    order: 4;
+}

public/scripts/extensions/dice/style.css

@@ -11,6 +11,7 @@
     opacity: 0.7;
     display: flex;
     align-items: center;
+    order: 4;
     /* justify-content: center; */
 
 }

public/scripts/extensions/objective/style.css

@@ -50,3 +50,7 @@
     margin: unset;
     margin-bottom: 5px !important;
 }
+
+#objective-task-manual-check-menu-item {
+    order: 3;
+}

public/scripts/extensions/randomize/index.js

@@ -136,7 +136,7 @@ jQuery(() => {
         </div>
     </div>`;
 
-    $('#extensions_settings').append(html);
+    $('#extensions_settings2').append(html);
     $('#ai_response_configuration .range-block-counter').each(addRandomizeButton);
     $('#randomizer_enabled').on('input', onRandomizerEnabled);
     $('#randomizer_enabled').prop('checked', extension_settings.randomizer.enabled).trigger('input');

public/scripts/extensions/stable-diffusion/style.css

@@ -15,6 +15,7 @@
     opacity: 0.7;
     display: flex;
     align-items: center;
+    order: 6;
     /* justify-content: center; */
 }
 

public/scripts/extensions/token-counter/style.css

@@ -0,0 +1,3 @@
+#token_counter {
+    order: 2;
+}

public/scripts/extensions/translate/style.css

@@ -4,3 +4,7 @@
     gap: 10px;
     flex-direction: row;
 }
+
+#translate_chat {
+    order: 7;
+}

public/scripts/extensions/tts/style.css

@@ -16,6 +16,7 @@
 }
 
 #ttsExtensionMenuItem {
+    order: 1;
     transition: 0.3s;
     opacity: 0.7;
 }