- moved autoconnect checkbox to server tab

- added mouseover titles to settings tabs
- made a new icon for 'create new group'

public/img/user-group-solidplus.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 640 512"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="user-group-solidplus.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.10144043"
+     inkscape:cx="-872.43321"
+     inkscape:cy="1044.9483"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+     d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM609.3 512H471.4c5.4-9.4 8.6-20.3 8.6-32v-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2h61.4C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z"
+     id="path10" />
+  <path
+     id="rect1922"
+     style="fill:#000000;stroke:#ffffff;stroke-width:50;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     d="m 519.31323,191.69297 v 65.34961 h -65.34961 v 47.05274 h 65.34961 v 65.3496 h 47.05274 v -65.3496 h 65.34961 v -47.05274 h -65.34961 v -65.34961 z" />
+</svg>

public/index.html

@@ -81,7 +81,7 @@
             </div>
         </div>
 
-        <div id="sys-settings-button" class="drawer" style="z-index:3001;">
+        <div id="sys-settings-button" title="API Connections" class="drawer" style="z-index:3001;">
             <div class="drawer-toggle drawer-header">
                 <div id="API-status-top" class="drawer-icon icon-connect closedIcon"></div>
             </div>
@@ -198,10 +198,13 @@
                         <option value="code-davinci-002">code-davinci-002</option>
                     </select>
                 </div>
+                <label for="auto-connect-checkbox" class="checkbox_label"><input id="auto-connect-checkbox" type="checkbox" />
+                    Auto-connect to Last Server
+                </label>
             </div>
         </div>
 
-        <div id="user-settings-button" class="drawer" style="z-index:3004;">
+        <div id="user-settings-button" title="User Settings" class="drawer" style="z-index:3004;">
             <div class="drawer-toggle">
                 <div class="drawer-icon icon-user closedIcon"></div>
             </div>
@@ -222,9 +225,7 @@
                 <div id="power-user-options-block">
                     <h3>Power User Options</h3>
                     <div id="power-user-option-checkboxes">
-                        <label for="auto-connect-checkbox"><input id="auto-connect-checkbox" type="checkbox" />
+
-                            Auto-connect to Last Server
-                        </label>
                         <label for="auto-load-chat-checkbox"><input id="auto-load-chat-checkbox" type="checkbox" />
                             Auto-load Last Chat
                         </label>
@@ -237,7 +238,7 @@
             </div>
         </div>
 
-        <div id="ai-config-button" class="drawer" style="z-index:3002;">
+        <div id="ai-config-button" title="AI Response Configuration" class="drawer" style="z-index:3002;">
             <div class="drawer-toggle drawer-header">
                 <div class="drawer-icon icon-sliders closedIcon"></div>
             </div>
@@ -651,7 +652,7 @@
             </div>
         </div>
 
-        <div id="WI-SP-button" class="drawer" style="z-index:3003;">
+        <div id="WI-SP-button" title="World Info & Soft Prompts" class="drawer" style="z-index:3003;">
             <div class="drawer-toggle drawer-header">
                 <div class="drawer-icon icon-globe closedIcon "></div>
             </div>
@@ -703,7 +704,7 @@
             </div>
         </div>
 
-        <div id="advanced-formatting-button" class="drawer" style="z-index:3005;">
+        <div id="advanced-formatting-button" title="AI Reponse Formatting" class="drawer" style="z-index:3005;">
             <div class="drawer-toggle">
                 <div class="drawer-icon icon-formatting closedIcon"></div>
             </div>
@@ -762,7 +763,7 @@
             </div>
         </div>
 
-        <div id="extensions-settings-button" class="drawer" style="z-index:3004;">
+        <div id="extensions-settings-button" title="Extensions" class="drawer" style="z-index:3004;">
             <div class="drawer-toggle">
                 <div class="drawer-icon icon-cubes closedIcon"></div>
             </div>
@@ -797,7 +798,7 @@
             </div>
         </div>
 
-        <div id="rightNavHolder" class="drawer" style="z-index:3001;">
+        <div id="rightNavHolder" title="Character Management" class="drawer" style="z-index:3001;">
             <div id="unimportantYes" class="drawer-toggle drawer-header">
                 <div id="rightNavDrawerIcon" class="drawer-icon icon-idcard closedIcon"></div>
             </div>
@@ -809,7 +810,7 @@
                     <div class="right_menu_button" id="rm_button_selected_ch">
                         <h2></h2>
                     </div>
-                    <div class="right_menu_button" id="rm_button_panel_pin_div" title="Locked = Settings panel stays open">
+                    <div class="right_menu_button" id="rm_button_panel_pin_div" title="Locked = Character Management panel will stay open">
                         <input type="checkbox" id="rm_button_panel_pin">
                         <label for="rm_button_panel_pin">
                             <img class="unchecked svg_icon" alt="" src="img/lock-open-solid.svg" />
@@ -960,7 +961,7 @@
                             <img alt="" class="svg_icon" src="img/file-arrow-up-solid.svg">
                         </div>
                         <div id="rm_button_group_chats" title="Create New Chat Group" class="menu_button">
-                            <img alt="" class="svg_icon" src="img/user-group-solid.svg">
+                            <img alt="" class="svg_icon" src="img/user-group-solidplus.svg">
                         </div>
                     </div>
                     <form id="form_character_search_form" action="javascript:void(null);">