Add ability to maximize floating drawers (logprobs, A/N, CFG)

public/css/logprobs.css

@@ -42,6 +42,13 @@
     width: 25px;
     height: 25px;
     margin-left: 5px;
+    opacity: 0.5;
+    transition: all 250ms;
+}
+
+.logprobs_panel_control_button:hover {
+    opacity: 1;
+    cursor: pointer;
 }
 
 #logprobs_generation_output {

public/index.html

@@ -5138,8 +5138,11 @@
     </div>
     <div id="movingDivs">
         <div id="floatingPrompt" class="drawer-content flexGap5">
-            <div class="panelControlBar flex-container">
+            <div class="panelControlBar flex-container flexGap10">
                 <div id="floatingPromptheader" class="fa-solid fa-grip drag-grabber"></div>
+                <div id="floatingPromptMaximize" class="inline-drawer-maximize fa-solid">
+                    <i class="floating_panel_maximize fa-solid fa-window-maximize"></i>
+                </div>
                 <div id="ANClose" class="fa-solid fa-circle-xmark floating_panel_close"></div>
             </div>
             <div name="floatingPromptHolder" class="scrollY">
@@ -5251,8 +5254,11 @@
             </div>
         </div>
         <div id="cfgConfig" class="drawer-content flexGap5">
-            <div class="panelControlBar flex-container">
+            <div class="panelControlBar flex-container flexGap10">
                 <div id="cfgConfigHeader" class="fa-solid fa-grip drag-grabber"></div>
+                <div id="cfgConfigMaximize" class="inline-drawer-maximize fa-solid">
+                    <i class="floating_panel_maximize fa-solid fa-window-maximize"></i>
+                </div>
                 <div id="CFGClose" class="fa-solid fa-circle-xmark floating_panel_close"></div>
             </div>
             <div name="cfgConfigHolder" class="scrollY">
@@ -5419,7 +5425,12 @@
                     <b data-i18n="Token Probabilities">Token Probabilities</b>
                 </div>
                 <div class="logprobs_panel_controls">
-                    <div id="logprovsViewerBlockToggle" class="logprobs_panel_control_button inline-drawer-toggle inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
+                    <div id="logprobsMaximizeToggle" class="logprobs_panel_control_button inline-drawer-maximize fa-solid">
+                        <i class="inline-drawer-icon fa-solid fa-window-maximize"></i>
+                    </div>
+                    <div id="logprovsViewerBlockToggle" class="logprobs_panel_control_button inline-drawer-toggle">
+                        <i class="inline-drawer-icon fa-solid fa-circle-chevron-up up"></i>
+                    </div>
                     <div id="logprobsViewerClose" class="logprobs_panel_control_button inline-drawer-icon fa-solid fa-circle-xmark "></div>
                 </div>
             </div>

public/script.js

@@ -9790,6 +9790,12 @@ jQuery(async function () {
         });
     });
 
+    $(document).on('click', '.inline-drawer-maximize', function () {
+        const icon = $(this).find('.inline-drawer-icon, .floating_panel_maximize');
+        icon.toggleClass('fa-window-maximize fa-window-restore');
+        $(this).closest('.drawer-content').toggleClass('maximized');
+    });
+
     $(document).on('click', '.mes .avatar', function () {
         const messageElement = $(this).closest('.mes');
         const thumbURL = $(this).children('img').attr('src');

public/style.css

@@ -1397,7 +1397,8 @@ input[type="file"] {
     line-height: 1.2;
 }
 
-.floating_panel_close {
+.floating_panel_close,
+.floating_panel_maximize {
     height: 15px;
     aspect-ratio: 1 / 1;
     font-size: 20px;
@@ -1405,6 +1406,7 @@ input[type="file"] {
     transition: all 250ms;
 }
 
+.floating_panel_maximize:hover,
 .floating_panel_close:hover {
     cursor: pointer;
     opacity: 1;
@@ -3404,6 +3406,7 @@ a {
     opacity: 0.8;
 }
 
+.custom-drawer-icon,
 .inline-drawer-icon {
     display: block;
     cursor: pointer;
@@ -3456,6 +3459,13 @@ a {
     z-index: 1000 !important;
 }
 
+.drawer-content.maximized {
+    width: var(--sheldWidth) !important;
+    top: var(--topBarBlockSize) !important;
+    margin: 0 auto !important;
+    right: 0 !important;
+}
+
 /*to prevent draggables from being made too small to see*/
 .fillRight,
 .fillLeft,