diff --git a/scripts/altaera-proot/klite/klite.embd b/scripts/altaera-proot/klite/klite.embd
index 66656cfa..07b43d8a 100644
--- a/scripts/altaera-proot/klite/klite.embd
+++ b/scripts/altaera-proot/klite/klite.embd
@@ -7,11 +7,12 @@ Just copy this single static HTML file anywhere and open it in a browser, or fro
 Please go to https://github.com/LostRuins/lite.koboldai.net for updates on KoboldAI Lite.
 If you are submitting a pull request for Lite, PLEASE use the above repo, not the KoboldCpp one.
 KoboldAI Lite is under the AGPL v3.0 License unless otherwise exempted. Please do not remove this line.
-Current version: 148
+Current version indicated by LITEVER below.
 -Concedo
 -->
 
 <script>
+	const LITEVER = 156;
 	const urlParams = new URLSearchParams(window.location.search);
 	const localflag = true;
 	const STORAGE_PREFIX = (localflag?"e_":"")+"kaihordewebui_";
@@ -44,6 +45,7 @@ Current version: 148
 	</style>
 	<style>
 		:root{
+			--img_nikosquare:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADxQTFRFS2Si+X5+pmBfHyApLjZSS2SjP057Vzw5EA4Sf1ZT+9Sv1WpqnYx/7qaYw7vUAAAAS2Sj9PPzgnrLS2SjAzrF9gAAABR0Uk5T///////w////////////AKj//yMlHqVpAAAD3klEQVR4nKWXi7KjIAyGFSgxEjhV3/9d90+8onZPd810prWSDwi50fyoTNP7/X79g2D4NJlqo+rvV/Mf8npPM2B6/4+6ihKaB/pGaH4e6IPw00y3+48xhBC3J32Id+NeUzN9UPfer4RoD/eIqbnuwLS7zncLAfqdPvvDmvY9XAE6vuuImEAw8fNT1/kr4Qqw+YhdIocfJl0glxyTvyG8m7MNY1B9diAkmgGUODnH7Km7AF53AGEjUJtWYdUPzn0LyC6AQO0qCUCi1PKXAM5tCwXeAC0ROf36AqA2VACmbQ8yP9DVimeA6lPKkLaW3EPylXAARBXV701OhOVPI6hcAXH1mTyP7e8AMyEc4mQDzP7XrfOfl5D7ndAdfXID6NwMyXACEpEbgPTCLJn1hEGoAep/OKheQiCEEhj1HgBQX1ZxQMPLlyVsABwejkp8EGEQAkxRA4RgIRYhTxme1fkKoBZwAHjLA+b/cgLQ8gZ4gZ+tVtgAnboaa+Lg0IwRhBqAmX0cI0WFqHN3FUAXAOPpzIWhPzZYQgUAu4ljiaKTaKwtZtwAIdv8XkocR9+UYM5/BMTRxzJKsWEu+RPAAsBxKSWWgTHS18cofiwhlCJD4cApUb0CNWKA/5dhwAqKD2UIXAEoFgUMkIJTCCcjzkGE890BQhXA685WQNqD6ujKWDRhhI7EdKUCtKSGxd8ASEr+6sqNApKPeD/iFEpT6nAUcAMgMmBzqwVPgJCd80X3AIlDDcjSzH8PJbD7AGiT020WjfcCN0jI5WwJGk5axP4eikeyvQd4HE5i7I4xEpWANKg0m2p0OUIcQKJnd7uCaABMRebOSOoB1WUVYACzaGSs012NaI5gAC0GcPWD9iLI6/qVdGeXY7R6xu1M0FAhG7s865ctw97Zoz85kuXi5T2EbaZatLileQA+VifrYGrT7ruL+lbZ0orYcXQJpry/tl+26l1s8sOy+BxMqKjr23nf7mhFnktbOgJOGQmnVG0ZVve06VvDUFmEztGIhHAy2YHA+qsCuFNS1T0Edf41AOZ1b7uwH1tYYFA4p3U1owiOOu+AsyxrQ3AIXwrLXtryL4BPpW0rrvMaPgHSx+K6l3cj3Oin1lH6S3nfd+KDa51lAjJhE6ddz7XRu29xUH51O95SgNOahDTB3PPvLc7cZPWYEVlVlp5AkGtJK/63XZoq0jBsvUrPeNDvr/tE1SnD3qxIEVuNfAsY0J9w4Ux2ZKizHPLHFdw127r7HIS2ZpvFTHHbbN+3+2Qm29p9NvXv2v3twkHHCwd9vnA8vvI8vnQ9vvY9v3g+vvo+v3w/u/7/AZoAPJwrbZ1IAAAAAElFTkSuQmCC");
 			--img_sword:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAA7AAAAOwBeShxvQAAAB5QTFRFAAAA/rUT5uvzztXjq1kW5+r14ufw/8YF/8QHr1kWOCO8XQAAAAp0Uk5TAPr+/fwgpBqRPkYi9G8AAAC6SURBVHicjZCxDoIwEIZv0cLmryTiWl/AhOBOcgubcWAmDs5lglEWdWTwgT1MkGvj4A1N+/Xr3Z8S6VpcrXeurN1799baTIOzCMdQyANBg4+QHQIhq2fhMgqqZ/WfcAqE/LfQPR2REgzwoKUSIiB1uoMA3PWIEUCPMD1arHUG08YFvAz0Ymz0T8XMBWpPYMbWE7hs4L49+4R5aGalAbiU/OkEeiAZBGACst1RAFbjqp/IgA63CUQ6gtQbfGErFF7/nE4AAAAASUVORK5CYII=");
 			--img_paper:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAAnQAAAJ0Bj3LnbgAAAB5QTFRF+OmvAAAA89Ze14Rw2cCY1k8/8eGhmEQ/+uqj87Jse3RL9AAAAAp0Uk5T/wD49//9of8rH/vnQeUAAAEOSURBVHicXdG9asMwFAXggx1COmoJ8VgNptkKcmqyGaKSB0i127RkLiTgNV2CVxMo9G177rVSm2ow0se5Vz/Gbdub6YBz2//w0sV59s0wbs5X806X1j4JFN4Bx45La9eE7OM1PANIBHKCuW7CAYgkkIWgEaWeYN5DjHA0AthIZF8ILAgrpBJJ21N1hyGCXXvGA2EJibxJQaVwgUQKlNIkj5AePNKyrWAJtYS952dH6AlpJaQViW3AXc/shlnZFoRHAhd6hpkjrLGEl7lShFKuphXgA0B23WtF+UmwCjy1VijUw70H4iPeH0KaIMl/DKZjIf/lWo/QCJjVSAMYUoSvCH80gjHdEZibCQjJJuYXZ+xAP6Rjil4AAAAASUVORK5CYII=");
 			--img_chat:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAA7AAAAOwBeShxvQAAADxQTFRFkcPmAAAAkcPmstXukL/ltNbueJGic4aTibLQkcPmvtzwpM7qmazZkcPm5vL5ps/ruNnw0uf1udD/////pH/0JgAAABR0Uk5T/wBl/xH0////Qrz8Bltj6diDAgFfSBG4AAAAzklEQVR4nL3TQQ6EIAwF0BYLSBFl9P53HUFhVKru5i/QpC+2CRWQOOpLIo9YAqQ9tJmqAJbqAFyBFuugK+hk0P0b9Mb05/MCjLUGwOZzexeBuQe9senjdmth2xbykEoFR89gJfQClHsD4eGyMlDAMmCkHYziPvixAhzjvlO+K9FxXShXAOKcB/VMJTPWegaYgP/gLwOVegVTqishO9i2+Bbw/h+Eth7g0LkOdog7AWoBnQDS5RvpuvGcZcjZ4JIWBuXkbvgAkMILWOdx6fEFbukIF0RE9j4AAAAASUVORK5CYII=");
@@ -55,6 +57,18 @@ Current version: 148
 			--img_mic:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkAgMAAACcbnALAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAxQTFRFAQEB/f39W1tbsrKyhr4L4QAAAAR0Uk5TBv+O8t7TK14AAACVSURBVHicY2BAAatgDK7/C6As3dAKKGtqaByEwXQ1NLyBtizuJiCr6QGQxXsIyGouQGU5AVmNIBZ3EpDVCVLHXTA1NIwXxGKO2Boap3oAZFycduiLrWADpzfta7oGtsP0AQN3DMRrdau2QjzHFBoaCnEBw9bQKKh/maY1wIJjGgM6i+n/9f8Yrt///x9Ui9aqFQzIAACxbkd5KhPnwgAAAABJRU5ErkJggg==");
 			--img_mic_live:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkAgMAAACcbnALAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAxQTFRFAAAAHvoBSldJTaRCcSDH5wAAAAR0Uk5TBv1875jbENYAAACVSURBVHicY2BAAatgDO7/D6As3dAKKGtqaBiEwXQ1NLyBtizuJiCrCeQG3kNAVnMBkMUKZgWAWE5AViOIxZ0EZHWC1HEWAFm8CUAWc8TW0DjVAyDj4oCu3wo28HrX/0XXwXaYPtDgj4F4LXzVVYjnmENDQw9APLc3tA7qX6brDbDgmMaAzsLq+v///0O1rFoFD0owAADWKEefP5UQnwAAAABJRU5ErkJggg==");
 			--img_mic_off:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkAgMAAACcbnALAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAxQTFRFAQEBoKCgW1tbmpqa1zTSqAAAAAR0Uk5TBfGLNb6PCuwAAADJSURBVHicXdCxDoIwEAbgi4YBjeEpGHRnNzqbOHgtMSRldOQFCFAnHwBmR8M7mPASfZSOJN7RMmCnL7n/mrsDWLx+xgbfEA2sGFNIjqwWBRjWChGfOHh9M3CSpvBSU5E1SnCStvDyRVIpvaStaieF46RQl9LqnBScrMLmyjqb0esirVNolcEX57amRBGwIiqKmAdN1B4fLX9oKt1pQVijzSG8kXZZLPo25VjBe3AsGWjLOw8Q0TBdPZ+jg3/NHQvRhXzLof8sDvsDMJVHBpRtjD4AAAAASUVORK5CYII=");
+			--img_chat_cust_btn:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAA7AAAAOwBeShxvQAAAB5QTFRF////AAAA////////////////////////////////+ZDkTwAAAAp0Uk5T/wAM8dK2SHAtiuAmg50AAADMSURBVHicbZFNEoIwDIUztjjjMvUH3VlH0SXeAPECegPLDeQGsHHLcGJNWxqmmAVJPyZvkjzAKMB+LxpRtQzOeYl4FPUANjnIKitAGA868LHwIB8ANA4UMQgtwrc8IqBijVN4Q0ngQ5pJlVGjrBFS++uN6AoDa0oJDtpPWFGaE3hRdYMlpRmBPVXXKZi0OFHNolu7Wo+4s8MbQNXxYElLo6c8eu+WC/cQOlpfxvfwQLGG/g/sTeUd2AYyqvmNE4xyVqZspTMbDyP3R/EFHDwlDSXkmSQAAAAASUVORK5CYII=');
+			--img_chat_abort_btn:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAA7AAAAOwBeShxvQAAAB5QTFRF////AAAA////////////////////////////////+ZDkTwAAAAp0Uk5T/wAGyhCtf+a2XPn1V7sAAADISURBVHicRdE7DoJQEEbhkxh8lJcYewqtLWgsDRswrEArWytqwgpM3LDM/DNAAcnJR3JnLuU3NCWe+n0rnGDKcIYXX6iC1A848AH6BbDzIGJgDvYWMUBFRxAHtByv9p0CbO4UJ/smQKEECTCHIKOABZEAFkQCeEhiwEMSAwoiDhTqUWdZwlm/TBl0yCCsQIQViJBj5tDkHmLoOcSYuRdyD7kXcg9x3J7nMoWTrV+DpnCie2l1UZ2HZwKRLZcFOOmp39U9w/ExNH9CeSgHcv95sAAAAABJRU5ErkJggg==');
+			--img_chat_send_btn:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAABigAAAYoBM5cwWAAAAB5QTFRFAAAA////////////////////////////////////JHyblQAAAAp0Uk5TAP9vDPYrvduISRPAj7AAAAB4SURBVHichdK7CcAgFIVhVzgg2scFbLKDpZAZQkibFUIWiGTfQArh/hax/EDv4+jcvCVnzq3QDExSqQAdGaA1A/wJUGwAhQpQyYBeqoP2DPAXQDEBFBbAV8qAnj/gFT7KskNjbJ3DcXwuiCsclswYGJSNcggb3+EFzkgkYRPincoAAAAASUVORK5CYII=');
+			--img_corpo_send_btn:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAE69gABOvYBOrFXOgAAADxQTFRFAAAA////////////////////////////////////////////////////////////////////////////2EloEwAAABR0Uk5TAP+Ns8QMEdZ1KgY6hEGpWfHSYnJ1JXggAAAAjklEQVR4nO3SyxaAEBCA4VG6KNLl/d81xUwMWbZqFo7T/y0cAkjHzFCbfhNCdpU+CFETvr8L7G/i6WUR95JIey545wL7SksqsI/ttTYNF9TBA+Biw46AhO+GOgEU6gYz9QcE4QFItz0gBbdYwhm6XYe/IAJgtJ2y+45BcX7wGdAXsBUwuZdf8jeMRyn24QQTAQPJbL/N8QAAAABJRU5ErkJggg==');
+			--img_corpo_abort_btn:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAABFAAAARQB+zng/wAAABtQTFRFAAAA////////////////////////////////600+wgAAAAl0Uk5TAAMbfdr6//TxAeIJjAAAAFJJREFUeJxjZEADjGQJCCkpCUDYd+7dBwkoJz+AyjKdOgcSsNCDq5etBQm4KcAF/s0BCZR9QJg4EySQhmTHrGEvgOF9jADCCEKMQMaIBlRAhgAAIUIkIRvVXjIAAAAASUVORK5CYII=');
+			--img_corpo_edit:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAAnQAAAJ0Bj3LnbgAAADxQTFRFAAAAmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZa/DskgAAABR0Uk5TAP7x64ADDhfktXFmeJMyotNKwj87K0aQAAAA70lEQVR4nLWT3Y6FMAiEC6W2aH/U8/7vurTVNWvRq7NzYYhfgGGMxvyPNg4YeHvkxUJVIB07QsC97AhBn0EWbMo+JwR+mG/JS5F3CMr8GQE419IXwIFPc/X3PKFy5L7DKx4an6fqknJ93q7wnfc7OAAWhS+uXSpOAZMb5y9HzcLphS9yS/nLXby4W3DodxHP/cZonA7/J4/TwG184ZKZjf7af9S/ootPGjcsmbxxs8K6XVnc9tfXAbg1taxp4OaD0FL3Navb/d2jRGCc31LQuXi0aU68jvkdkkZbP+/wfU91GFbW++VK+cvoM5r/ln4AY8EH0Qkc978AAAAASUVORK5CYII=');
+			--img_corpo_retry:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAA7AAAAOwBeShxvQAAADZQTFRFAAAAmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYB0vbbgAAABJ0Uk5TAP+OCnz5/ZjdwtU8JsqwVWW2UONGYgAAAOZJREFUeJy9U4sOgyAMBFosguj8/59dAXmOuWRZdokJXI8+8BDit9geiI/tXdR5LSO0d7PDRjYwL2lwYXoxJ9Fu4hIFrCuUOIXM6toDhVoKpcRynglf5QIsE/yp3B4n3fuSZ2wlC7g/PzZlG4Hj+tBFARU1grXmEoVpS2i5wFxwpHx8L0MDXCLguLbKzq72H3Amz3bEjnCYJFxfoo5rprWPwyJ1Wqm5gAoTBTSWAP7lrhHYsUVbuVTi7OM7m2qrguiP1jBe9nbCkEVTb7kqD+a8TLsTndm0AzZ7b3vx8eGkNLdP70s8ASe+BWpoHN76AAAAAElFTkSuQmCC');
+			--img_corpo_delete:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAA7AAAAOwBeShxvQAAADxQTFRFAAAAmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZa/DskgAAABR0Uk5TAP8ZE8/k2cbhH56BdA9kAixGQ1txX8NpAAAAuElEQVR4nL2TyRbDIAhFAxqTOiQd/v9fmzikgNhd60qQd8F3dJr+s54+JpkzMdzb/gEAzvBznI9kq/DHHhZWgfbMhRqFM2CMrAfYWrsVOKPowSWRWJHpaVMsDItUrwyVGYqeMVQ9Zeh6whjoCWOgpwxd/7k/zDg4v1rY2zd9ZigV7f5lDtdVXP7VQskg/qHGYP4rDOF/xzDSf8nw/ZMrDF9DO3q0S42i4n9mxBrsm/JxUvSvXSZ/s96e2ATDYcXDVgAAAABJRU5ErkJggg==');
+			--img_corpo_theme:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtQTFRFAAAAmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZCNPppgAAABl0Uk5TAP9EmbvlZocD/vsGPIjPfaJbLtdJl+Y6R35RHH0AAACySURBVHictZPJFoMgDEV5WoqA89D6/19aLIg1yaq1d4OPc48Jk1IX4JsHIrrxLAYaHBgWAxrP9K8amsUAkKttnyReIlhUaaKClYQJXRHpMEnCYPOy7CAJquhvkb7gLXEEYTRlxIyiMLvcg5slocVyjyxolXIfq3bvkcwcfrn5vCipKHR17vmbha9531ZRIDvPBXJ2XCCnz4V/XDmNOk2ka3+KAXN+KSQGvNH7WzOexd95AaOkBtmsQk/EAAAAAElFTkSuQmCC');
+			--img_gear:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAA7AAAAOwBeShxvQAAADxQTFRFiYmJAAAAiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJ1owGHwAAABR0Uk5T/wAOBObNRLP0Fih22YC+ZVE1n4prfQ+hAAAA7UlEQVR4nJWT2xaEIAhFEbxk2v3//3WsmUCLVmt4It15kCNgXgIkpZ4uSQNgsuDinkUHNuEVmC2UyDPinPfM+hYY4BZbA3R3APoacG/Aet+35h8ArSKxCEBB2QeHP6CfuMTgI3qm8xR3YJJ/0lc28UI3F2Dkz3C2VxTHAmT+OrtrPC/lAkgT2SAUDR2IDSAteJCoiqRbkaEAixg10MV7uxydRF4JHqPnI8NCpxdVsyRWErNIMavD2m7FLde8h/EFQO1N1hJR2YdYS/BFszsPG5oajD/u4cpLxu1o0WVw6tEzqbOJp1MbXkPa8D7FB+prBiyq3W6BAAAAAElFTkSuQmCC');
+			--img_corpo_left:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAAnQAAAJ0Bj3LnbgAAADxQTFRFAAAAmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZa/DskgAAABR0Uk5TAP0C1vSFKA1oFwjrPK3DS6DRtVwhct1aAAAAhUlEQVR4nKWRyRIDIQhEaXfFZdT//9eY68CkkgrH1w3VANF/ZYK3Pv4gHM6wQeGXA/uscD48mBuP9YKz0l9qY8yUFb/Kn/wUuoPdUXAKDPQqN6OYLLBqkUp+K63KWSbuqfeYnCZcG8q0kqbDHEq0Mk7ovrWefZQlz35Sj8VNnJE+vPabegE7dATMPe9UFwAAAABJRU5ErkJggg==');
+			--img_corpo_right:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAAnQAAAJ0Bj3LnbgAAADxQTFRFAAAAmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZa/DskgAAABR0Uk5TAP0C1oUoDfRoFwjqPK3DS6DRtVyphxJ2AAAAg0lEQVR4nJ2RSxLEIAhERVRE/ES9/13H2QYyVRmW/eyiW5z7b1LAEP0bEBHEJBwE6DKIj4eIRY4HCa6atIfzBGm1PJBHD5metBGoR6NO7QCiQakLALNa4mv76my+nzvdO5bRCGbmm+7TOFFnVlHL7ifo0BXiOvrWuuMma+jP+HHBN/MBKVwEvjDYz2QAAAAASUVORK5CYII=');
 		}
 
 		body {
@@ -69,6 +83,15 @@ Current version: 148
 			filter: invert(1);
 		}
 
+		.unselectable {
+			-webkit-touch-callout: none !important;
+			-webkit-user-select: none !important;
+			-khtml-user-select: none !important;
+			-moz-user-select: none !important;
+			-ms-user-select: none !important;
+			user-select: none !important;
+		}
+
 		.maincontainer {
 			padding-right: 4px;
 			padding-left: 4px;
@@ -118,6 +141,7 @@ Current version: 148
 			border:0px solid #ccc;
 			border-radius: 4px;
 			width: 100%;
+			padding: 2px;
 		}
 		.settinglabel.miniinput:focus {
 			color:#555;
@@ -183,27 +207,28 @@ Current version: 148
 			padding: 6px;
 		}
 
-		body.connected .settingsmenu,
-		.settingsmenu.always-available {
-			background-color: #295071;
-		}
-
-		#formatmenu {
-			display: none;
-			background-color: #4d4d4d;
-			padding: 10px;
+		.settingsbody
+		{
+			height: calc(82vh - 100px);
+			overflow-y: auto;
+			overflow-x: hidden;
 		}
 
-		body.connected #formatmenu,
-		#formatmenu.always-available {
+		body.connected .settingsmenu,
+		.settingsmenu.always-available {
 			background-color: #295071;
 		}
 
 		#connectstatusdiv {
-			display: flex;
-			text-align: right;
+			text-align: center;
 			font-size: 14px;
-			width:120px;
+			font-weight: bold;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+    		align-items: center;
+			width: 100px;
+			color:#cccccc
 		}
 
 		#gamescreen {
@@ -246,10 +271,6 @@ Current version: 148
 			}
 		}
 
-		#messagefield {
-			margin-left: 20px;
-		}
-
 		#inputrow.show_mode {
 			grid-template-columns: 50px auto 74px;
 		}
@@ -400,17 +421,6 @@ Current version: 148
 			font-size: 12pt;
 		}
 
-		#popuplistheader {
-			padding-left: 10px;
-			display: grid;
-			grid-template-columns: 28% 10% 60%;
-			color: #737373;
-		}
-
-		#popupcontent {
-			height: 325px;
-			overflow-y: scroll;
-		}
 
 		#popupfooter {
 			width: 100%;
@@ -437,12 +447,6 @@ Current version: 148
 			width: 100%;
 		}
 
-		#aidgpopup {
-			width: 350px;
-			background-color: #262626;
-			margin-top: 100px;
-		}
-
 		.workerpopup {
 			background-color: #262626;
 			margin-top: 100px;
@@ -598,23 +602,6 @@ Current version: 148
 			font-size: 12px;
 		}
 
-		.chunkhov:hover {
-			color: #c0fc51;
-			cursor: pointer;
-		}
-
-		.chunkhov:hover>action {
-			color: #00fa00;
-		}
-
-		.colorfade,
-		.colorfade * {
-			-moz-transition: color 1s ease-in, text-shadow 1s ease-in;
-			-o-transition: color 1s ease-in, text-shadow 1s ease-in;
-			-webkit-transition: color 1s ease-in, text-shadow 1s ease-in;
-			transition: color 1s ease-in, text-shadow 1s ease-in;
-		}
-
 		.color_blueurl {
 			color: #d3e7ff;
 		}
@@ -631,6 +618,9 @@ Current version: 148
 		.color_green {
 			color: #3bf723;
 		}
+		.color_offwhite {
+			color: #bedae9;
+		}
 		.color_darkgreen {
 			color: #63975c;
 		}
@@ -817,26 +807,12 @@ Current version: 148
 			background-color: #98bcdb;
 		}
 
-		.edit-flash,
-		.edit-flash * {
-			color: #3bf723 !important;
-		}
-
-		.status-flash,
-		.status-flash {
-			color: #fce94f !important;
-			text-shadow: 0 0 50px #fce94f, 0 0 50px #fce94f, 0 0 10px #fce94f, 0 0 10px #fce94f, 0 0 10px #fce94f, 0 0 10px #fce94f, 0 0 10px #fce94f;
-		}
-
 		.flex {
 			display: flex;
 			align-items: center;
 		}
 
-		.flex-row-container {
-			display: flex;
-			flex-flow: wrap;
-		}
+
 
 		.flex-row {
 			display: flex;
@@ -850,7 +826,6 @@ Current version: 148
 		}
 
 
-
 		.btnicon-save
 		{
 			width: 16px;
@@ -886,14 +861,6 @@ Current version: 148
 			display: none;
 		}
 
-		.heightfull {
-			height: 100%;
-		}
-
-		.heighthalf {
-			height: 50%;
-		}
-
 		.helpicon {
 			display: inline-block;
 			font-family: sans-serif;
@@ -911,86 +878,38 @@ Current version: 148
 			background: #ffffff;
 			border: 1px solid white;
 			text-decoration: none;
+			/* position: relative; */
 		}
 
-		.statusicon {
-			display: inline-block;
-			font-weight: bold;
-			text-align: center;
-			padding-left: 8px;
-			padding-right: 8px;
-			font-size: 30px !important;
-			font-weight: bold;
-			text-align: center;
-			font-size: 1.4ex;
-			line-height: 1.8ex;
-			text-decoration: none;
-			color: #9e9e9e;
-		}
-
-		body.connected .statusicon,
-		.statusicon.always-available {
-			color: #68a2d4;
-		}
-
-		.statusicon.active {
-			color: #3bf723 !important;
-		}
-
-		.helpicon:hover,
-		.statusicon:hover {
+		.helpicon:hover {
 			cursor: pointer;
 		}
 
-		.helpicon:hover .helptext,
-		.statusicon:hover .statustext,
-		.statusicon.statustoggled .statustext {
+		.helpicon:hover .helptext {
 			display: inline-block;
-			width: 280px;
+			width: 260px;
 			background-color: #1f2931;
 			color: #ffffff;
-			font-size: 11pt;
+			font-size: 10pt;
 			font-weight: normal;
 			line-height: normal;
 			border-radius: 6px;
-			padding: 15px;
+			padding: 10px;
 			margin-left: 10px;
 			border: 1px solid #337ab7;
 		}
-
-		.statusicon:hover .statustext.statustext-wide,
-		.statusicon.statustoggled .statustext.statustext-wide {
-			width: 350px;
-		}
-
-		.statusiconlabel {
-			pointer-events: none;
-			color: #757575;
-			text-align: center;
-			font-weight: bold;
-			font-size: 13px;
-		}
-
-		body.connected .statusiconlabel,
-		.statusiconlabel.always-available {
-			color: #337ab7;
-		}
-
-		#usiconlabel {
-			transform: translate(-3px, 10px);
-			-moz-transform: translate(-3px, 10px);
-			-webkit-transform: translate(-3px, 10px);
-			-ms-transform: translate(-3px, 10px);
-			-o-transform: translate(-3px, 10px);
+		@media (max-width: 680px) {
+			.helpicon:hover .helptext {
+				margin: 0 0 auto;
+				position: fixed;
+				top: 20%;
+				left: 50%;
+				transform: translate(-50%, -50%);
+			}
 		}
 
-		.status-container {
-			z-index: 1;
-			text-shadow: none !important;
-		}
 
-		.helptext,
-		.statustext {
+		.helptext {
 			display: none;
 			font-family: sans-serif;
 			position: absolute;
@@ -998,26 +917,6 @@ Current version: 148
 			text-shadow: none !important;
 		}
 
-		.statustext {
-			transform: translate(-105%, 30px);
-			-moz-transform: translate(-105%, 30px);
-			-webkit-transform: translate(-105%, 30px);
-			-ms-transform: translate(-105%, 30px);
-			-o-transform: translate(-105%, 30px);
-		}
-
-		.statusheader {
-			padding-bottom: 10px;
-		}
-
-		#stat-usactive {
-			text-align: left;
-			height: 270px;
-			overflow-y: scroll;
-			position: relative;
-			padding-left: 20px;
-		}
-
 		.justifyleft {
 			text-align: left;
 		}
@@ -1035,15 +934,6 @@ Current version: 148
 			z-index: 0;
 		}
 
-		.layer-top {
-			grid-area: 1/1;
-			z-index: 2;
-		}
-
-		.icon-container {
-			position: relative;
-		}
-
 		hr {
 			padding: 0px;
 			margin: 0px;
@@ -1119,6 +1009,7 @@ Current version: 148
 		{
 			margin-top: 6px;
     		margin-left: 6px;
+			font-size: 12px;
 		}
 
 		.settingsnav>li.active>a {
@@ -1126,6 +1017,7 @@ Current version: 148
 		}
 		.settingsnav>li>a{
 			border-radius: 8px 8px 0 0;
+			padding: 5px;
 			padding-top: 6px!important;
 			padding-bottom: 2px!important;
 			color: #666;
@@ -1229,6 +1121,22 @@ Current version: 148
 			display: inline-block;
 			border-bottom: 1px solid #12324f;
 		}
+		.settingitem.wide{
+			width: 100%;
+		}
+		.settingcell
+		{
+			padding: 3px;
+			width: 100%;
+		}
+
+		.settingsdesctxt
+		{
+			width:100%;
+			font-size:11px;
+			color:#ffffff;
+			padding:3px;
+		}
 
 		.settinglabel {
 			color: #ffffff;
@@ -1246,11 +1154,6 @@ Current version: 148
 			color: #ffffff;
 		}
 
-		.spacer {
-			display: inline-block;
-			width: 50px;
-		}
-
 		.inlinelabel {
 			color: #ffffff;
 			display: flex;
@@ -1267,13 +1170,6 @@ Current version: 148
 		}
 
 
-
-		@media only screen and (max-width: 768px) {
-			.SideMenu.open {
-				width: 100%;
-			}
-		}
-
 		.tokens-in-box {
 			position: relative;
 		}
@@ -1312,7 +1208,6 @@ Current version: 148
 			border: 1px solid;
 		}
 
-
 		.saveloadpopup {
 			width: 660px;
 			background-color: #262626;
@@ -1728,15 +1623,11 @@ Current version: 148
 			}
 		}
 
-		/* #pickedmodel
-		{
-			height: 120px;
-		} */
 
 		@media screen and (hover: hover) and (any-pointer: fine) /* no custom scrollbars on mobile */
 		{
 			::-webkit-scrollbar {
-			width: 5px;
+			width: 8px;
 			}
 			::-webkit-scrollbar-track {
 			background: transparent;
@@ -1859,14 +1750,11 @@ Current version: 148
 	{
 		width: 100%;
 		resize: none;
-		/* overflow-y:scroll; */
 		overflow-x:hidden;
 		background: #00000000 none repeat scroll 0 0;
 		border: medium none;
 		color: #bebebe;
 		font-size: 15px;
-		/* min-height: 36px; */
-		/* width: 100%; */
 		outline:none;
 	}
 	.cht_inp_bg.shorter
@@ -1937,8 +1825,7 @@ Current version: 148
 		background-size: 50% !important;
 		background-repeat: no-repeat !important;
  		background-position: center !important;
-		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAABigAAAYoBM5cwWAAAAB5QTFRFAAAA////////////////////////////////////JHyblQAAAAp0Uk5TAP9vDPYrvduISRPAj7AAAAB4SURBVHichdK7CcAgFIVhVzgg2scFbLKDpZAZQkibFUIWiGTfQArh/hax/EDv4+jcvCVnzq3QDExSqQAdGaA1A/wJUGwAhQpQyYBeqoP2DPAXQDEBFBbAV8qAnj/gFT7KskNjbJ3DcXwuiCsclswYGJSNcggb3+EFzkgkYRPincoAAAAASUVORK5CYII=') !important;
-
+		background-image: var(--img_chat_send_btn) !important;
 	}
 	.chat_msg_send_btn:hover {
 		background: #3f94df none repeat scroll 0 0;
@@ -1972,7 +1859,7 @@ Current version: 148
 		background-size: 50% !important;
 		background-repeat: no-repeat !important;
  		background-position: center !important;
-		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAA7AAAAOwBeShxvQAAAB5QTFRF////AAAA////////////////////////////////+ZDkTwAAAAp0Uk5T/wAGyhCtf+a2XPn1V7sAAADISURBVHicRdE7DoJQEEbhkxh8lJcYewqtLWgsDRswrEArWytqwgpM3LDM/DNAAcnJR3JnLuU3NCWe+n0rnGDKcIYXX6iC1A848AH6BbDzIGJgDvYWMUBFRxAHtByv9p0CbO4UJ/smQKEECTCHIKOABZEAFkQCeEhiwEMSAwoiDhTqUWdZwlm/TBl0yCCsQIQViJBj5tDkHmLoOcSYuRdyD7kXcg9x3J7nMoWTrV+DpnCie2l1UZ2HZwKRLZcFOOmp39U9w/ExNH9CeSgHcv95sAAAAABJRU5ErkJggg==') !important;
+		background-image: var(--img_chat_abort_btn) !important;
 	}
 	.chat_msg_send_btn_abort:hover {
 		background: #df3f3f none repeat scroll 0 0;
@@ -1996,7 +1883,7 @@ Current version: 148
 		background-size: 64% !important;
 		background-repeat: no-repeat !important;
   		background-position: center !important;
-		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAA7AAAAOwBeShxvQAAAB5QTFRF////AAAA////////////////////////////////+ZDkTwAAAAp0Uk5T/wAM8dK2SHAtiuAmg50AAADMSURBVHicbZFNEoIwDIUztjjjMvUH3VlH0SXeAPECegPLDeQGsHHLcGJNWxqmmAVJPyZvkjzAKMB+LxpRtQzOeYl4FPUANjnIKitAGA868LHwIB8ANA4UMQgtwrc8IqBijVN4Q0ngQ5pJlVGjrBFS++uN6AoDa0oJDtpPWFGaE3hRdYMlpRmBPVXXKZi0OFHNolu7Wo+4s8MbQNXxYElLo6c8eu+WC/cQOlpfxvfwQLGG/g/sTeUd2AYyqvmNE4xyVqZspTMbDyP3R/EFHDwlDSXkmSQAAAAASUVORK5CYII=') !important ;
+		background-image: var(--img_chat_cust_btn) !important ;
 
 	}
 	.chat_msg_cust_btn:hover {
@@ -2027,7 +1914,7 @@ Current version: 148
 		}
 	}
 	@media print {
-		#inputrow, #actionmenu, #actionmenu2,#topmenu,.lastreq,.cht_inp_hold_outer
+		#inputrow, #actionmenu, #actionmenu2,#topmenu,.lastreq,.corpolastreq,.cht_inp_hold_outer
 		{
 			display: none;
 		}
@@ -2055,116 +1942,480 @@ Current version: 148
 		height: calc(98vh - 248px);
 	}
 
-	/**
-	* ==============================================
-	* Dot Flashing
-	* ==============================================
-	*/
-	.dot-flashing {
-	position: relative;
-	left: -15px;
-	width: 8px;
-	height: 8px;
-	border-radius: 5px;
-	background-color: #9e9e9e;
-	color: #9e9e9e;
-	animation: dot-flashing 1s infinite linear alternate;
-	animation-delay: 0.5s;
-	}
-	.dot-flashing::before, .dot-flashing::after {
-	content: "";
-	display: inline-block;
-	position: absolute;
-	top: 0;
-	}
-	.dot-flashing::before {
-	left: -15px;
-	width: 8px;
-	height: 8px;
-	border-radius: 5px;
-	background-color: #9e9e9e;
-	color: #9e9e9e;
-	animation: dot-flashing 1s infinite alternate;
-	animation-delay: 0s;
+	.corpostyle
+	{
+		background-color: #ffffff;
+		overflow-x: hidden;
+		max-height: 100%;
+		width: 100%;
+		word-wrap: break-word;
+		font-size: 18px;
+		font-family: Inter, sans-serif;
+		tab-size: 4;
+		line-height: 32px;
+		color: rgb(55, 65, 81);
+		display: flex;
 	}
-	.dot-flashing::after {
-	left: 15px;
-	width: 8px;
-	height: 8px;
-	border-radius: 5px;
-	background-color: #9e9e9e;
-	color: #9e9e9e;
-	animation: dot-flashing 1s infinite alternate;
-	animation-delay: 1s;
+
+	@media (max-width: 400px) {
+		.corpostyle
+		{
+			font-size: 16px;
+			line-height: 26px;
+		}
+		.corpostyleinner
+		{
+			padding-left: 6px;
+			padding-right: 6px;
+		}
+		.corpostyleitem
+		{
+			padding-left: 6px;
+			padding-right: 6px;
+			padding-top: 8px;
+			padding-bottom: 8px;
+		}
 	}
 
-	@keyframes dot-flashing {
-	0% {
-		background-color: #9e9e9e;
+	body.darkmode .corpostyle {
+		background-color: #222222;
+		color: #ececec;
 	}
-	50%, 100% {
-		background-color: #9e9e9e33;
+
+	.corpo_edit_outer
+	{
+		display: inline-block;
+		background: #f4f4f4aa none repeat scroll 0 0;
+		margin-top: 6px;
+		margin-bottom: 6px;
+		border-radius: 16px;
+		padding-left: 12px;
+		padding-right: 12px;
+		padding-top: 8px;
+		width:100%;
+        border: 1px solid #bbbbbbaa;
+		position: relative;
 	}
+	.corpo_edit_inner
+	{
+		width: 100%;
+		resize: none;
+		overflow-x:hidden;
+		background: #00000000 none repeat scroll 0 0;
+		border: medium none;
+		color: #0d0d0d;
+		font-size: 20px;
+		font-weight: 400;
+		outline:none;
+		line-height: 28px;
 	}
 
-	/*--------- end chat window---------------*/
-	</style>
-
-	<style>
-	/*--------- begin instruct-UI ------------*/
-	.ui-settings-inline { font-size: 12px; display:flex; flex-direction: row; }
-	.instruct-settings-input { margin: 0px 2px; font-size:10px; }
-	.instruct-settings-input input { width:40px; height:20px; }
-	#code-block-background-colorselector, #code-block-foreground-colorselector { text-align: center; margin: 0px 5px; }
-	#you-text-colorselector, #you-speech-colorselector, #you-action-colorselector, #AI-text-colorselector, #AI-speech-colorselector, #AI-action-colorselector, #sys-text-colorselector, #sys-speech-colorselector, #sys-action-colorselector { text-align: center; margin: 0px 5px; }
-	#you-bubble-colorselector, #AI-bubble-colorselector, #sys-bubble-colorselector, #you-portrait, #AI-portrait { text-align: center; margin: 0px 10px; border-radius: 1rem; padding: 1px 6px; }
-	@media screen and (max-width: 880px) {
-		#aesthetic_text_preview_panel { display: none; }
+	.corpo_chat_outer
+	{
+		width: calc(100% - 24px);
+		max-width: 860px;
+		background: #f4f4f4aa none repeat scroll 0 0;
+		margin-top: 6px;
+		margin-bottom: 4px;
+		margin-left: auto;
+		margin-right: auto;
+		border-radius: 16px;
+		padding-left: 12px;
+		padding-right: 52px;
+		padding-top: 8px;
+        border: 1px solid #bbbbbbaa;
+		position: relative;
 	}
-	.aui_nametag
+	body.darkmode .corpo_chat_outer
 	{
-		margin: 0 0 3px;
-		font-weight: bold;
+		background: #3b3b3baa none repeat scroll 0 0;
 	}
-	/*--------- end instruct-UI -----------*/
-	</style>
-
-	<script>
-		const niko_square = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADxQTFRFS2Si+X5+pmBfHyApLjZSS2SjP057Vzw5EA4Sf1ZT+9Sv1WpqnYx/7qaYw7vUAAAAS2Sj9PPzgnrLS2SjAzrF9gAAABR0Uk5T///////w////////////AKj//yMlHqVpAAAD3klEQVR4nKWXi7KjIAyGFSgxEjhV3/9d90+8onZPd810prWSDwi50fyoTNP7/X79g2D4NJlqo+rvV/Mf8npPM2B6/4+6ihKaB/pGaH4e6IPw00y3+48xhBC3J32Id+NeUzN9UPfer4RoD/eIqbnuwLS7zncLAfqdPvvDmvY9XAE6vuuImEAw8fNT1/kr4Qqw+YhdIocfJl0glxyTvyG8m7MNY1B9diAkmgGUODnH7Km7AF53AGEjUJtWYdUPzn0LyC6AQO0qCUCi1PKXAM5tCwXeAC0ROf36AqA2VACmbQ8yP9DVimeA6lPKkLaW3EPylXAARBXV701OhOVPI6hcAXH1mTyP7e8AMyEc4mQDzP7XrfOfl5D7ndAdfXID6NwMyXACEpEbgPTCLJn1hEGoAep/OKheQiCEEhj1HgBQX1ZxQMPLlyVsABwejkp8EGEQAkxRA4RgIRYhTxme1fkKoBZwAHjLA+b/cgLQ8gZ4gZ+tVtgAnboaa+Lg0IwRhBqAmX0cI0WFqHN3FUAXAOPpzIWhPzZYQgUAu4ljiaKTaKwtZtwAIdv8XkocR9+UYM5/BMTRxzJKsWEu+RPAAsBxKSWWgTHS18cofiwhlCJD4cApUb0CNWKA/5dhwAqKD2UIXAEoFgUMkIJTCCcjzkGE890BQhXA685WQNqD6ujKWDRhhI7EdKUCtKSGxd8ASEr+6sqNApKPeD/iFEpT6nAUcAMgMmBzqwVPgJCd80X3AIlDDcjSzH8PJbD7AGiT020WjfcCN0jI5WwJGk5axP4eikeyvQd4HE5i7I4xEpWANKg0m2p0OUIcQKJnd7uCaABMRebOSOoB1WUVYACzaGSs012NaI5gAC0GcPWD9iLI6/qVdGeXY7R6xu1M0FAhG7s865ctw97Zoz85kuXi5T2EbaZatLileQA+VifrYGrT7ruL+lbZ0orYcXQJpry/tl+26l1s8sOy+BxMqKjr23nf7mhFnktbOgJOGQmnVG0ZVve06VvDUFmEztGIhHAy2YHA+qsCuFNS1T0Edf41AOZ1b7uwH1tYYFA4p3U1owiOOu+AsyxrQ3AIXwrLXtryL4BPpW0rrvMaPgHSx+K6l3cj3Oin1lH6S3nfd+KDa51lAjJhE6ddz7XRu29xUH51O95SgNOahDTB3PPvLc7cZPWYEVlVlp5AkGtJK/63XZoq0jBsvUrPeNDvr/tE1SnD3qxIEVuNfAsY0J9w4Ux2ZKizHPLHFdw127r7HIS2ZpvFTHHbbN+3+2Qm29p9NvXv2v3twkHHCwd9vnA8vvI8vnQ9vvY9v3g+vvo+v3w/u/7/AZoAPJwrbZ1IAAAAAElFTkSuQmCC";
-		const human_square = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAACTwAAAk8B95E4kAAAAB5QTFRFFIqj/v//V6u9ksnUFIqjx+PpcbjHFIqjFIqjAAAAcfUgXwAAAAp0Uk5T/////9z//5IQAKod7AcAAACKSURBVHicY5hRwoAE3DsZWhhQgAdDAaoAO4MDqgALA/lAOQmVzyooaIAiYCgoKIYiICgoKIouIIhfBYYZGLYwKBuh8oHcVAUkfqKgaKCgMILPJggGCFMUIQIIewIhAnCXMAlCgQKqEQhDmGECAegCBmiGws1gYFICA2SnIgEHVC4LZlRiRDZ6cgAAfnASgWRzByEAAAAASUVORK5CYII=";
-		const favicon_busy = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAB5QTFRFAAAA459F8vrrV2hQWm5T2M2oeo9zWWtS6P3k1evQZQ2NdgAAAAp0Uk5TAP//7xr/5HYRi6G3mX8AAAEASURBVHicjZGxagMxDIY9GNr1hryAwaGd1frWQEQ8x+HuAXJEpbOPmG4ZkwcopG9byXYuCaHQf5I+0K9ftlKi0zl9/RzUVcdX+ny5Bc/fRGd1C05Ex0uDaaHUE31IOXKpPaDGPdGI2rfIIMLoEwC0CbkU4FIEIhog7QsgAuqM7QegYRSnFbhgWHNwyKZKr6S3TTA9oKzV8d0IaIIVCx6BXQEzs3mTEQ+hgCb0bQZuAhYELMUig9kDMH8BaZr/gWLqnVkXUNdysAsowRC2tlqU6HLcuk7k4/SSszOZzq/ncrYhW+Rnzg9AZUL2RLfrOoK0qIC/RtTi9JPaR4B07e/0C6jPUVuNXWqeAAAAAElFTkSuQmCC";
-		const favivon_normal = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEtQTFRFAAAA+XJ0l09PsVdXcTw842hqw2hmTi4vMCQlb2eUgWtl+tGpBAMDEw4NPCkoFw8PJBgXt5WBVkxW4Nvf7Lia3Z+MpJnAZ05HnJOTYIS/NAAAABl0Uk5TAv////v//vT9//3/Nna08qf+///////a/hkcROQAAAGUSURBVHiclZLRcoQgDEULBAKoIKjI/39pL4i7nbUPbcYZwJyES5Kvr3/YvIx1nn9zL4G4EwuTXX7xs4QFGEklOT6SBENERguhsWHFD2AVRhL8IEgawY8b5L4fYtg+TSl8+NMEu4G2P34Q67r6I+37dLyBfU/4PY/sInG2MR8vIHG01h9mHfq1hUUQtwYcLEcp+ltmwqutdy5HMwAfc8ExKtVSLEZZW13Jxb4Azq7UHFnFrtGItLliS1UDYOfctm3JhEtlEH5zzpZNDsC63AB1VysY3gqC3C2ytsNW6Q3IjCt91Qr9QK8MiFL4nUEpEyNLYmodxYo3RquVHWUmbbRu0QCbKWwNfil5zYeENrRRqtZrGEQYqdtW8FWHLl4bgZDLFLZdbS/UzP2AEGTufkt3xWSvwzJeh4GxHWD5qlgXOZ/n2ULuC/od4Pk8x9xhCekD0Bqd/DmXgbpEumRgrMPn1K6ecs4pJc/V0nE+x35KtfTJTJufpvPTD2DyNZ3e4wP3zDCHevg+yYvf09PfkHuK7/Vv9g2CjBTdqv3bFgAAAABJRU5ErkJggg==";
-		const compressed_scenario_db = ["XQAAAQCkKgAAAAAAAAA9iIqG1FTp3Td41VnWyuXTp3Lb95KmIEizGvJcmkqrV2FY5cKEeSxCwbqBRjHVjL7PUH9wCoW89dPxjDNZvgp6okMOelpy7_1P6GV-mfJV4jz42_DXqYfET4aYlAT13M95gkcA14f0NLvI_p6B9CyG8EbkhRxsk3uyf_KgTV5kwqzAcr5C4JQ_pJr77GnYCHQI8h6F765-lcqrvw1Xu1GHhcN3lj7s9PhMvLnmGPZbQMrTo5sqPJDzYO6lytxmNSHSXMICpN2kFJB6kqyL5lBxNAH3Au_F_JIC85GqwLXWEy8wZms5KmAdp1s3EA1yabPGqqF0G5RxBp3aXzm7h6QUJPy1qSr6JJAo4fi2gCPaLkdn2pKqNDR1Ww8FA6AVHOyMgCTmmrQxWVYgXY9TdhHKcRcrIsoHNXEeWSqMGJNQ8lzVfc26teZdBdPLhqcClG8wUThPtyobTMz8Fgom88nTv7VT-mZhwH9Nc4ghoCL8dMR0Skf-EYDZ0Uvz03_GTn5OB8yuX6FmsD1XQJv_CKBAUHeDKd7n_bC7WOnlAINHPX9Bh5TnwjeLYO-UAL2ClMJTFzR-k2cjVHGQnLB7hZ48L1nToRG1gSVN7dP3Zysw7riwIxnfG4MMNXtEbHyxrCvz2zRTUEqbHLrwIzdJRpJ5s5XfTlY1CPZkQCwxbA6rrUt27D6a-YDKavbg0hubpViPRYbnEDXr9gL-7in4f_K2cOZdQ26Q--hk0xzEtgBNFI6inHA2nA4LofUpWjl835qg6CUyz9EzQkw0cDgPVjYXehC9oC_3H0U2O9YC-Ah8VpdPdCHUFuaQr7oXgePUub_Be1XQyCA5TaqrJxVxUG2hZA4rOVJHZ_AahfiJN7z6QcVEp-8xf-wHcv1lpWjjNdXFWDqVQZkdOaKf63dtjP35SmC5eCw2_BNX_t-db_FCCAhm2Vn2WI3q4k00p4l_ocCrJIdRID6muBVZQXCzxcRf5m8kcGwrTB-XVS-XSSPZInaBxZjgimOl5bLwJvdMC-HNYtU-yUDjXvDjPraZ_7ZV_-knU1GbHf1BpI9-rNbl_3bbA7KbmL7Q_goV1Clvi6gLYgjbXGQMTFjQEoodZX3fK_bDhVsrA1fWMJMWwfY3ua-j8HNuyRDfhPBpbTK0Gvz5-GWbIRF3v4zwR9HzIjz2frY7luy3ApQ6QJw7K6ITvD80u5VLfpHYReVCLpgs-lvPStklgnGXj3j5vuaH9f-wFohB19vwzRnthvgdplXPQ9jMy3ieb80sELS0WiGD-E2L_HhNXUcpTdeBp3HQFK4QubJOiIeKuZDVR7PxvtwBj26m-pLXLzKc6WqQlt07TsRo_72SlAaZodyyFRXf8636HCAyEHcVEhR6uZ1lDu00BHvsyVe6BdG7zvjNdmLluA0qBJQ9FO3ipHezadlwCPnEBDQAAZRgHKUvRCJNOQH_jcqFLLtmDADXoLvcK8_lN0LEeisA4B1LH0X2x0Q6NqLgngh9M1y_cBEBaazMa_UIZwoL6eZGU0QhlpvysBi1wKDybNcF_uKrIxdQwn8L_QRFHtDn39-hw-GDs_6zbnRlwrBEwrMtAQfc62FLSzGUMAzww-aTGvUuQvP-D9m0r-eDbSATlSsrIYobVUDUdDWsMDUsjKfYOW_Rp0GMjk40BQxcdzjNjLCYaTEN5cMhsWyfTbhIHDP7-wfbvJG7Al7Z-nH2Pa-QXPte687xVanKT0d3Er07vOV9HoI09mtuhxE4g0VaLm4TMqxSMRBX3EB60W1U2sX9sHjAgmwfpUNXRNj03QeJe4cg0pndf-hhKkTsfNQMU_N6-Zt8IrM2xtzFfvKB4BpFyWmaYu_X7bGwgSZjzrBNE10fx001fMr2fmrVy_sj7mW7WhlWXa3N5eMe4pqkA4EawmGzhuIwAqZNmtvnL_N2nt4T4ZyqkAAyXMMKb60UJAXkqLjUisD1bnNt1qD9otg8mGNzQxlaY5Bfm7286vNmjyxGY4UVrn0RV0DSFFb5_NYEW5y5YYxiabWABr8k0ezTM8R_qQ7NxdUOj0qhBKOqGyzyuVgKNnB6-ZzpKVGbB7RYJXwfEtkKNuUc3UWmbwxcsCTuW4TOScqJUh4dA5vlgLjB3-Q79yEMRYB8n6jetkR4z25RkYRXvTxkHIVQd2qr8BchdUcmHsZvG_tXI0-bxx_f_TGyfgi8ol7L5SRfWfOtYHCXSVHOCwnDj7GN4rIrwt3qWRcPkdTMw1RguDZW0eTpCpZyCJH_z3xVfpVh5lgf7Nu4tH-CpFRrOaJc79K1lSuIZs8yvjh5dbYAH4rKQ28OOFRu2MmU7Ko8Of4CECcJMhohFtVW6nTCB48-Pl8owiGM5_2uBJOJRAsyu3fHHbKqKvZ-0kYmN9ypyTAxQjgDiCOE3J1txPiqRRRRSaFZgLPNacdyjGO2y2SpWwzYudx8tEq3tBDAPBCXwWqwefcG__iN5OMRgCIAvr-9qfl2iSaVR5LZ-kBluVoW27o0hIUtgdry03bmUN50ob4hwCz8xVoupcHjI3Cy0nLpgiGixjo4afafQPE_TXJf-NixlWN-cH2a4ZzU6Qc5KKzIciwnt6Hx-iRQzB_uK-pBDjC8boVXolOsFyaqWsoLgkghTo2qCFZuxP2GKzS9wQ5sBWxTMEPGryHxaylpXXmUjlBJ-j9p4vJN9YxjQEbyuTVYy0PxmtDbyh6g_n3Lr09ttCg40hqfWBhCT9P4-uFoAjozUciHQFBfI8t04dKZnobLbVq-f_HJGzUZu5zHRHsPI939tJxODDJxiflfHLwxXjQS2cq9Vj-kvn1pgXAN5unYh8Y7-nqepxc0KkO2v8mU-r8fYFmUFJdZu6HR23P2y7ndsozZEKdUAVay36pmW_gvVQuSA_jzLwXn3Ee2y-A7G-w96bTe82gJG95PsSOt2L6AcuF8mqWL_EVBjIZJMN63T__0UHh9VPDCRTUITwn35t7Z0aGYHnssPVAxXLh7y2LhCaIN0u6lnbiDlKAdKc1-4qYbr1sHORC8tjSG8cjWLkgBcNkFo7rqhKQSNtU1H44aT8ceG08a8cSpze8aC6dMVaz6DxEaFIZ-aRqfqO0QV6ty2-6hrcRVedypt1Twd7UEkXZM5Erjb-_8jq4RzshqXVzKEqPfIYpmtHqkmeJq8BLfc1GT9UGrmPpYO4-K8LM-u7aOpcxcagPn2S3McsWI3a8CWkU9t4g9WEPNH-5s8VqF-3rSmgi5kk40Y7HjEyA-6clhNhl9lbP6hIbf9TKHO9fWwzTz8NieUPNZZPgrBrULggzHXPrfJIxl8eLSrKuD8n2Pbumu2k4ljMV_WIq9qCJ1wPofdIoWHWiz7oV2snLve1CFPUCdAhLkHQ8KpO6xvSi6mKY9WsOhOLxKm92vsWLv-rfM2CW4XUja5arRpGynr7cF9CDuEGWIxkPjOF_5x8ZXg2x1TJcrgvLDO_S4u2zKl2tQGRW4NHU1zF9h_3SQkpbwWH5KOPisP6c8vb5rg_rZ5laFedxQQSpguSq5el9-ddzvlr4C8Q22eDQvwUEO_P6c6VZN5A2QWBGZsJoaZ4gZ8UArmGLxSihBj_5oOdDdUcbUOhGUIWrtYrs4PJKxpnHDFUZaYwIbtnLyAoORKYvq8LgAH0SP57KeeYkZzUGP1f0jkDzAmwV4ZHE0pnZhEo3XkXVuIHc6MXZ-RniZaS_vaoY3Bq6XHrKoWZdLiCoU6aqPc-ZpPnvXmnKHyLLs4e96M1wGKIyT28_VCR6EDRJPxbZ9Ig1kN8TIHCF3tE8y2It5hkz1-zNYT6uw3SDkFSdrV_DRiAVqUhxrQdUPhpD92zVgsWdJR0TZLU7CBLlOuBVwyfmtHMUBL6dIvYie47Kr47nOJ5i2ka8EZGZf-Y8aD6xv6hpBbybU_5oGfYLRG4MiNRhML4u90tQ3hBxBbGYK8sWOzui2UEx0ynB_a8jz8eEs7u_9ylTD1v1f-gC8JYQMNAZIm46pvl2s1X07B8Gf7Laj4aozcWqg8DgC_8aLypoTffyxjWw4Fpd8LWn1fRPsFOdeV0UrS7FNtUakvYq_qxphGu5mNuINIJIMJzgI3giGnyCbr2IrsJ1ITmEGnggLQYes1t3j44v1quvVwQXqHX6HhSnoJlN2IlT5DuZ2kx6-pb68nK62xVJaOS-wDeeJnQ8zzhqJACstuF7g-jidRoJmGc8yChHfCN8ZFOhT0poNQB-Jf5IUZ7aSCXmceYN4VUhmB_w-Db1XZUNHOJqGiTgcT1KzejzNpN49b0QUjcRJiOpEhJp_LzBUiRQSnweOSFrWlTs5Jf9p3wqN9zFYZ_3Xz6IR2klwyLQXc-LbBd1QFwkB17HTYMspUXjrSpJULdQ90OxzbSEafF4RKvgIL4sAU1pCMTa2bVrcUmY2MiECVIbwPNN0CjZeoEAd1dP5FFjlwGG7xUNRO1E20CqHZJ1oqeEur06ZXvPK1zy3SlF-_lKF6eRfNClzR2ERGYqf-zEQwwkPNiMNnURPcdt64pw4kcjTKBIkorum3ruuqJZMitcZx0YiANx7ssy8dMuVteEFFCQnmglgTCsEZTK_xzigPie_f8Q5p1vsJPje5Z2cugsaW-vOXbuOE471n6LuIyoII2dWq0m8H3_8pxlErkZ5E7OY--w3InCuSCv2ubxaZ9AbaNuuyGw49fI3zvRurTYespYO-Aj1FcjDrxqRB3bihJm_u3a56fwnoyOeE0071TY_AlVlq1RYauV4-7L-RAFJZo0wKnPZM9Hs7VB_cCwJ_oPe1y0XBF95agtAQdicj42KdstIlpjWtdGb4LpHgVQI_56G3As0H81-uj47VuBourA2hUay0BpHAvcwbNLyu8OcZB31I6dfy2797wGlrWwAN-Xt3M3CVW9SvIN_GMlg0RB75rUEtgPkR-VPRdPH_Jb19wVoFPPpwjP6cYzVW1U_iRymFKaNpMo4CWFN6t54wshlCVwkfZKbhSP14z74oMKxy-qqt-WKNhkOr1uh_sevNa57iHBnFlHzt_eaZoPNTsCmzqnC4boOlK9o5_hFn8hiw33R3NQC-RD-w1XEl8-hpdZYdCcnexwRYd9sH2LMHySL59Kp_09yIwAE_ukVMDa6Yd9OHrbSCycQNZSI_0fMnF5s9oWTXnsxecDpRKgSWJQIQPUb6dlOdGOT0-MnebivpKgbDxzx52Zr0EMS7aU5eJxEdO9rdiFda8kQk5IeBgr1QcqIFs_1UIp6oQneXgwTlpXXxLHs16ShDG1qkLmDZjb4vrb_Ha2YCBIqid6wVKjec-UwEwWyvfV4UAPFgiNRJN7TdQNRxbSZJ8XWeA2gor9PN5JkMS0l_qGKoke3sbWDsp-G_B0KUjwUBTtPsKRhdnc0JyV_akuZ8jxAmXDDydxOy_EqNMgrDGN_4FuSY7XNLy2OXXJG3bB9a_lxEzdVNPWzM0cijTQFLzIiAKAyWTfwPNagcvgLUAeHxlQ22E0V37-sFwkstvpJ-s8C2yqxQKcv4GfMZOfSYEaZAhiO_y8EXgFknGGwjLB7K3CgvGwBRWWcgx-eqXYs9rAygf_X2_7-rBG_7Rxj3GW957PwwzwZjZDkdRHik8sj0htIkDRAyHo2EsPwObKXK-W32JKUX3VSgiY8AzCUhUUIWwFVVLXEvB1jtU7G7wRaj5_z9QywvgoIqnOTmpm4TTRA0cCJkiYoJcl8BOIHoWuYznL89zWjWy_ZQDKaYAsHugQYXaKI_UaaLV4gVFjDNqZCgqjAFyMjG4qZR64jkaI71mefUaDLLwsqIiLpOWZi8BlvP0YcOVeTyo2mJbq3EXfjXyDvPuZuZ9SAjqwCdLr902yzLm4DdzYRyfPbpt8rGUu-Uw27Ix2oZRe_zj0G_3FdCw0"];
-
-		const storymodels1 = ["erebus","nerys","nerybus","janeway","hermes","airoboros","chrono","llama","wizard","mantis","myth","xwin","spicyboros","mlewd","mxlewd","mistral","maid","mixtral","estopia","fighter","fimbul"];
-		const storymodels2 = ["opt","vicuna","manticore","alpaca"];
-		const adventuremodels1 = ["nerys","nerybus","skein","adventure","hermes","airoboros","chrono","llama","wizard","mantis","myth","xwin","spicyboros","mlewd","mxlewd","mistral","maid","mixtral","estopia","fighter","fimbul"];
-		const adventuremodels2 = ["erebus","janeway","opt","vicuna","manticore","alpaca"];
-		const chatmodels1 = ["pygmalion-6","pygmalion-v8","pygmalion-2","hermes","airoboros","chrono","llama","wizard","mantis","myth","xwin","spicyboros","mlewd","mxlewd","mistral","maid","mixtral","estopia","fighter","fimbul"];
-		const chatmodels2 = ["pygmalion","janeway","nerys","erebus","nerybus","opt","vicuna","manticore","alpaca"];
-		const instructmodels1 = ["gpt4all","supercot","hermes","airoboros","chrono","wizard","mantis","vicuna","manticore","alpaca","myth","xwin","spicyboros","mlewd","mxlewd","mistral","maid","mixtral","estopia","fighter","fimbul"];
-		const instructmodels2 = ["erebus","nerys","nerybus","janeway","opt","llama"];
-		const defaultmodels = ["gpt4all","supercot","hermes","airoboros","chrono","wizard","mantis","vicuna","manticore","alpaca","myth","xwin","spicyboros","mlewd","mxlewd","llama","mistral","maid","mixtral","estopia","fighter","fimbul"];
-		const ignoredmodels = ["tinyllama"];
 
-		const instructstartplaceholder = "\n{{[INPUT]}}\n";
-		const instructendplaceholder = "\n{{[OUTPUT]}}\n";
+	.corpo_chat_inner
+	{
+		width: 100%;
+		resize: none;
+		overflow-x:hidden;
+		background: #00000000 none repeat scroll 0 0;
+		border: medium none;
+		color: #0d0d0d;
+		font-size: 20px;
+		font-weight: 400;
+		outline:none;
+		line-height: 28px;
+	}
+	body.darkmode .corpo_chat_inner
+	{
+		color: #dddddd;
+	}
 
-		const scenario_db = [
-		{
-			"title":"New Story",
-			"desc":"Starts a new game in story mode, using your current settings.",
-			"opmode":1,
-			"prefmodel1":storymodels1,
-			"prefmodel2":storymodels2,
-			"prompt":"",
-			"memory": "",
-			"authorsnote": "",
-			"worldinfo": []
-		},
-		{
-			"title":"New Adventure",
-			"desc":"Starts a new game in adventure mode, using your current settings.",
+	.corpo_chat_send_btn {
+		background: #000000 none repeat scroll 0 0;
+		border:none;
+		border-radius: 50%;
+		color: #fff;
+		cursor: pointer;
+		font-size: 15px;
+		height: 33px;
+		position: absolute;
+		right: 12px;
+		bottom: 10px;
+		width: 33px;
+		background-size: 50% !important;
+		background-repeat: no-repeat !important;
+ 		background-position: center !important;
+		background-image: var(--img_corpo_send_btn) !important;
+	}
+	.corpo_chat_send_btn:hover {
+		background: #555555 none repeat scroll 0 0;
+	}
+	.corpo_chat_send_btn:disabled {
+		background: #838383 none repeat scroll 0 0;
+	}
+	.corpo_chat_send_btn_abort {
+		background: #000000 none repeat scroll 0 0;
+		border:none;
+		border-radius: 50%;
+		color: #fff;
+		cursor: pointer;
+		font-size: 15px;
+		height: 33px;
+		position: absolute;
+		right: 12px;
+		bottom: 12px;
+		width: 33px;
+		background-size: 50% !important;
+		background-repeat: no-repeat !important;
+ 		background-position: center !important;
+		background-image: var(--img_corpo_abort_btn) !important;
+	}
+	.corpo_btn_text
+	{
+		display: inline-block;
+		padding-top: 8px;
+		vertical-align: top;
+		color:#666666;
+		font-size: 17px;
+	}
+	.corpo_hover_btn {
+		background: #ffffff00 none repeat scroll 0 0;
+		border:none;
+		border-radius: 20%;
+		cursor: pointer;
+		height: 32px;
+		width: 32px;
+		background-size: 60% !important;
+		background-repeat: no-repeat !important;
+ 		background-position: center !important;
+	}
+	.corpo_hover_btn:hover {
+		background: #eeeeee none repeat scroll 0 0;
+	}
+	body.darkmode .corpo_hover_btn:hover {
+		background: #454545 none repeat scroll 0 0;
+	}
+
+	.corpoleftpanel
+	{
+		width:240px;
+		background-color: #f4f4f4;
+		padding-left: 8px;
+		padding-right: 8px;
+		transition: transform 0.3s ease;
+		height: calc(100vh - 68px);
+		z-index: 1;
+	}
+	body.darkmode .corpoleftpanel
+	{
+		background-color: #161616;
+	}
+
+	.corpoleftpanelitems
+	{
+		display: flex;
+		flex-direction: column;
+		padding: 2px;
+	}
+	.corpo_leftpanel_btn
+	{
+		padding: 6px;
+		margin: 4px;
+		background: #f4f4f400;
+		border:none;
+		border-radius: 8px;
+		cursor: pointer;
+		font-size: 17px;
+		background-repeat: no-repeat;
+    	background-position: 8px;
+		background-size: 24px;
+		overflow: hidden;
+    	text-overflow: ellipsis;
+		display: inline-block;
+		white-space: nowrap;
+	}
+	.corpo_leftpanel_btn:hover {
+		background: #dddddd;
+		background-repeat: no-repeat;
+    	background-position: 8px;
+		background-size: 24px;
+	}
+	body.darkmode .corpo_leftpanel_btn:hover
+	{
+		background: #454545;
+		background-repeat: no-repeat;
+    	background-position: 8px;
+		background-size: 24px;
+	}
+	.corporightpanel
+	{
+		width: 100%;
+		height: calc(100vh - 68px);
+		display: flex;
+    	flex-direction: column;
+		padding-left: 2px;
+		padding-right: 2px;
+	}
+	.corpo_leftpanel_close
+	{
+		display: none;
+		border: none;
+		font-size: 28px;
+		padding: 8px;
+		padding-left: 0px;
+		float: right;
+		background-color: #00000000;
+	}
+	.corpo_leftpanel_open
+	{
+		display: none;
+		background: #f0f0f0;
+		border:none;
+	}
+	.corpo_leftpanel_open:hover
+	{
+		background: #dddddd;
+	}
+	body.darkmode .corpo_leftpanel_open
+	{
+		background: #333333;
+	}
+	body.darkmode .corpo_leftpanel_open:hover
+	{
+		background: #444444;
+	}
+	.corpo_arrow_right {
+		display: inline-block;
+		width: 0;
+		height: 0;
+		border-top: 16px solid transparent;
+		border-bottom: 16px solid transparent;
+		border-left: 10px solid #aaaaaa;
+	}
+	@media (max-width: 768px) {
+
+		.corpoleftpanel {
+			position: fixed;
+			left: 0;
+			top: 0;
+			height: 100%;
+			transform: translateX(-100%);
+		}
+
+		.corpoleftpanel.open {
+			transform: translateX(0);
+		}
+
+		.corpo_leftpanel_close {
+			display: block;
+		}
+
+		.corpo_leftpanel_open {
+			display: block;
+		}
+	}
+	.corpowelcome
+	{
+		font-size: 26px;
+		font-weight: 550;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 60vh;
+		flex-direction: column;
+		text-align: center;
+	}
+	.corpomainbtm
+	{
+		padding-left: 2px;
+		padding-right: 2px;
+		margin-top: auto;
+	}
+	.corpostylemain
+	{
+		overflow-y: auto;
+		padding-left: 2px;
+		padding-right: 2px;
+	}
+	.corpostyleinner
+	{
+		max-width: 860px;
+		margin-left: auto;
+    	margin-right: auto;
+		padding-left: 8px;
+		padding-right: 8px;
+	}
+	.corpostyleitem
+	{
+		padding-left: 10px;
+		padding-right: 10px;
+		padding-top: 10px;
+		padding-bottom: 10px;
+		display: flex;
+	}
+	.corpoavatar
+	{
+		height:34px;
+		width:auto;
+		padding:4px;
+		margin-right:6px;
+		border-radius:50%;
+	}
+	.corpostyleitemheading
+	{
+		color: rgb(33, 33, 33);
+		font-weight: 600;
+	}
+	body.darkmode .corpostyleitemheading
+	{
+		color: rgb(230,230,230);
+	}
+	.corpostyleitemcontent
+	{
+		white-space: pre-wrap;
+	}
+	.corpolastreq
+	{
+		text-align:center;
+		font-size:14px;
+		line-height:1.1;
+		margin:4px;
+		margin-bottom:6px;
+		margin-left:12px;
+	}
+
+
+	/**
+	* ==============================================
+	* Dot Flashing
+	* ==============================================
+	*/
+	.dot-flashing {
+	position: relative;
+	left: -15px;
+	width: 8px;
+	height: 8px;
+	border-radius: 5px;
+	background-color: #9e9e9e;
+	color: #9e9e9e;
+	animation: dot-flashing 1s infinite linear alternate;
+	animation-delay: 0.5s;
+	}
+	.dot-flashing::before, .dot-flashing::after {
+	content: "";
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	}
+	.dot-flashing::before {
+	left: -15px;
+	width: 8px;
+	height: 8px;
+	border-radius: 5px;
+	background-color: #9e9e9e;
+	color: #9e9e9e;
+	animation: dot-flashing 1s infinite alternate;
+	animation-delay: 0s;
+	}
+	.dot-flashing::after {
+	left: 15px;
+	width: 8px;
+	height: 8px;
+	border-radius: 5px;
+	background-color: #9e9e9e;
+	color: #9e9e9e;
+	animation: dot-flashing 1s infinite alternate;
+	animation-delay: 1s;
+	}
+
+	@keyframes dot-flashing {
+	0% {
+		background-color: #9e9e9e;
+	}
+	50%, 100% {
+		background-color: #9e9e9e33;
+	}
+	}
+
+	/*--------- end chat window---------------*/
+	</style>
+
+	<style>
+	/*--------- begin instruct-UI ------------*/
+	.ui-settings-inline { font-size: 12px; display:flex; flex-direction: row; }
+	.instruct-settings-input { margin: 0px 2px; font-size:10px; }
+	.instruct-settings-input input { width:40px; height:20px; }
+	#code-block-background-colorselector, #code-block-foreground-colorselector { text-align: center; margin: 0px 5px; }
+	#you-text-colorselector, #you-speech-colorselector, #you-action-colorselector, #AI-text-colorselector, #AI-speech-colorselector, #AI-action-colorselector, #sys-text-colorselector, #sys-speech-colorselector, #sys-action-colorselector { text-align: center; margin: 0px 5px; }
+	#you-bubble-colorselector, #AI-bubble-colorselector, #sys-bubble-colorselector, #you-portrait, #AI-portrait { text-align: center; margin: 0px 10px; border-radius: 1rem; padding: 1px 6px; }
+	@media screen and (max-width: 880px) {
+		#aesthetic_text_preview_panel { display: none; }
+	}
+	.aui_nametag
+	{
+		margin: 0 0 3px;
+		font-weight: bold;
+	}
+	/*--------- end instruct-UI -----------*/
+	</style>
+
+	<script>
+		const rootStyles = getComputedStyle(document.documentElement);
+		const niko_square = rootStyles.getPropertyValue('--img_nikosquare').match(/url\("(.*)"\)/)[1];
+		const human_square = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAACTwAAAk8B95E4kAAAAB5QTFRFFIqj/v//V6u9ksnUFIqjx+PpcbjHFIqjFIqjAAAAcfUgXwAAAAp0Uk5T/////9z//5IQAKod7AcAAACKSURBVHicY5hRwoAE3DsZWhhQgAdDAaoAO4MDqgALA/lAOQmVzyooaIAiYCgoKIYiICgoKIouIIhfBYYZGLYwKBuh8oHcVAUkfqKgaKCgMILPJggGCFMUIQIIewIhAnCXMAlCgQKqEQhDmGECAegCBmiGws1gYFICA2SnIgEHVC4LZlRiRDZ6cgAAfnASgWRzByEAAAAASUVORK5CYII=";
+		const favicon_busy = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAB5QTFRFAAAA459F8vrrV2hQWm5T2M2oeo9zWWtS6P3k1evQZQ2NdgAAAAp0Uk5TAP//7xr/5HYRi6G3mX8AAAEASURBVHicjZGxagMxDIY9GNr1hryAwaGd1frWQEQ8x+HuAXJEpbOPmG4ZkwcopG9byXYuCaHQf5I+0K9ftlKi0zl9/RzUVcdX+ny5Bc/fRGd1C05Ex0uDaaHUE31IOXKpPaDGPdGI2rfIIMLoEwC0CbkU4FIEIhog7QsgAuqM7QegYRSnFbhgWHNwyKZKr6S3TTA9oKzV8d0IaIIVCx6BXQEzs3mTEQ+hgCb0bQZuAhYELMUig9kDMH8BaZr/gWLqnVkXUNdysAsowRC2tlqU6HLcuk7k4/SSszOZzq/ncrYhW+Rnzg9AZUL2RLfrOoK0qIC/RtTi9JPaR4B07e/0C6jPUVuNXWqeAAAAAElFTkSuQmCC";
+		const favivon_normal = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEtQTFRFAAAA+XJ0l09PsVdXcTw842hqw2hmTi4vMCQlb2eUgWtl+tGpBAMDEw4NPCkoFw8PJBgXt5WBVkxW4Nvf7Lia3Z+MpJnAZ05HnJOTYIS/NAAAABl0Uk5TAv////v//vT9//3/Nna08qf+///////a/hkcROQAAAGUSURBVHiclZLRcoQgDEULBAKoIKjI/39pL4i7nbUPbcYZwJyES5Kvr3/YvIx1nn9zL4G4EwuTXX7xs4QFGEklOT6SBENERguhsWHFD2AVRhL8IEgawY8b5L4fYtg+TSl8+NMEu4G2P34Q67r6I+37dLyBfU/4PY/sInG2MR8vIHG01h9mHfq1hUUQtwYcLEcp+ltmwqutdy5HMwAfc8ExKtVSLEZZW13Jxb4Azq7UHFnFrtGItLliS1UDYOfctm3JhEtlEH5zzpZNDsC63AB1VysY3gqC3C2ytsNW6Q3IjCt91Qr9QK8MiFL4nUEpEyNLYmodxYo3RquVHWUmbbRu0QCbKWwNfil5zYeENrRRqtZrGEQYqdtW8FWHLl4bgZDLFLZdbS/UzP2AEGTufkt3xWSvwzJeh4GxHWD5qlgXOZ/n2ULuC/od4Pk8x9xhCekD0Bqd/DmXgbpEumRgrMPn1K6ecs4pJc/V0nE+x35KtfTJTJufpvPTD2DyNZ3e4wP3zDCHevg+yYvf09PfkHuK7/Vv9g2CjBTdqv3bFgAAAABJRU5ErkJggg==";
+		const compressed_scenario_db = ["XQAAAQCkKgAAAAAAAAA9iIqG1FTp3Td41VnWyuXTp3Lb95KmIEizGvJcmkqrV2FY5cKEeSxCwbqBRjHVjL7PUH9wCoW89dPxjDNZvgp6okMOelpy7_1P6GV-mfJV4jz42_DXqYfET4aYlAT13M95gkcA14f0NLvI_p6B9CyG8EbkhRxsk3uyf_KgTV5kwqzAcr5C4JQ_pJr77GnYCHQI8h6F765-lcqrvw1Xu1GHhcN3lj7s9PhMvLnmGPZbQMrTo5sqPJDzYO6lytxmNSHSXMICpN2kFJB6kqyL5lBxNAH3Au_F_JIC85GqwLXWEy8wZms5KmAdp1s3EA1yabPGqqF0G5RxBp3aXzm7h6QUJPy1qSr6JJAo4fi2gCPaLkdn2pKqNDR1Ww8FA6AVHOyMgCTmmrQxWVYgXY9TdhHKcRcrIsoHNXEeWSqMGJNQ8lzVfc26teZdBdPLhqcClG8wUThPtyobTMz8Fgom88nTv7VT-mZhwH9Nc4ghoCL8dMR0Skf-EYDZ0Uvz03_GTn5OB8yuX6FmsD1XQJv_CKBAUHeDKd7n_bC7WOnlAINHPX9Bh5TnwjeLYO-UAL2ClMJTFzR-k2cjVHGQnLB7hZ48L1nToRG1gSVN7dP3Zysw7riwIxnfG4MMNXtEbHyxrCvz2zRTUEqbHLrwIzdJRpJ5s5XfTlY1CPZkQCwxbA6rrUt27D6a-YDKavbg0hubpViPRYbnEDXr9gL-7in4f_K2cOZdQ26Q--hk0xzEtgBNFI6inHA2nA4LofUpWjl835qg6CUyz9EzQkw0cDgPVjYXehC9oC_3H0U2O9YC-Ah8VpdPdCHUFuaQr7oXgePUub_Be1XQyCA5TaqrJxVxUG2hZA4rOVJHZ_AahfiJN7z6QcVEp-8xf-wHcv1lpWjjNdXFWDqVQZkdOaKf63dtjP35SmC5eCw2_BNX_t-db_FCCAhm2Vn2WI3q4k00p4l_ocCrJIdRID6muBVZQXCzxcRf5m8kcGwrTB-XVS-XSSPZInaBxZjgimOl5bLwJvdMC-HNYtU-yUDjXvDjPraZ_7ZV_-knU1GbHf1BpI9-rNbl_3bbA7KbmL7Q_goV1Clvi6gLYgjbXGQMTFjQEoodZX3fK_bDhVsrA1fWMJMWwfY3ua-j8HNuyRDfhPBpbTK0Gvz5-GWbIRF3v4zwR9HzIjz2frY7luy3ApQ6QJw7K6ITvD80u5VLfpHYReVCLpgs-lvPStklgnGXj3j5vuaH9f-wFohB19vwzRnthvgdplXPQ9jMy3ieb80sELS0WiGD-E2L_HhNXUcpTdeBp3HQFK4QubJOiIeKuZDVR7PxvtwBj26m-pLXLzKc6WqQlt07TsRo_72SlAaZodyyFRXf8636HCAyEHcVEhR6uZ1lDu00BHvsyVe6BdG7zvjNdmLluA0qBJQ9FO3ipHezadlwCPnEBDQAAZRgHKUvRCJNOQH_jcqFLLtmDADXoLvcK8_lN0LEeisA4B1LH0X2x0Q6NqLgngh9M1y_cBEBaazMa_UIZwoL6eZGU0QhlpvysBi1wKDybNcF_uKrIxdQwn8L_QRFHtDn39-hw-GDs_6zbnRlwrBEwrMtAQfc62FLSzGUMAzww-aTGvUuQvP-D9m0r-eDbSATlSsrIYobVUDUdDWsMDUsjKfYOW_Rp0GMjk40BQxcdzjNjLCYaTEN5cMhsWyfTbhIHDP7-wfbvJG7Al7Z-nH2Pa-QXPte687xVanKT0d3Er07vOV9HoI09mtuhxE4g0VaLm4TMqxSMRBX3EB60W1U2sX9sHjAgmwfpUNXRNj03QeJe4cg0pndf-hhKkTsfNQMU_N6-Zt8IrM2xtzFfvKB4BpFyWmaYu_X7bGwgSZjzrBNE10fx001fMr2fmrVy_sj7mW7WhlWXa3N5eMe4pqkA4EawmGzhuIwAqZNmtvnL_N2nt4T4ZyqkAAyXMMKb60UJAXkqLjUisD1bnNt1qD9otg8mGNzQxlaY5Bfm7286vNmjyxGY4UVrn0RV0DSFFb5_NYEW5y5YYxiabWABr8k0ezTM8R_qQ7NxdUOj0qhBKOqGyzyuVgKNnB6-ZzpKVGbB7RYJXwfEtkKNuUc3UWmbwxcsCTuW4TOScqJUh4dA5vlgLjB3-Q79yEMRYB8n6jetkR4z25RkYRXvTxkHIVQd2qr8BchdUcmHsZvG_tXI0-bxx_f_TGyfgi8ol7L5SRfWfOtYHCXSVHOCwnDj7GN4rIrwt3qWRcPkdTMw1RguDZW0eTpCpZyCJH_z3xVfpVh5lgf7Nu4tH-CpFRrOaJc79K1lSuIZs8yvjh5dbYAH4rKQ28OOFRu2MmU7Ko8Of4CECcJMhohFtVW6nTCB48-Pl8owiGM5_2uBJOJRAsyu3fHHbKqKvZ-0kYmN9ypyTAxQjgDiCOE3J1txPiqRRRRSaFZgLPNacdyjGO2y2SpWwzYudx8tEq3tBDAPBCXwWqwefcG__iN5OMRgCIAvr-9qfl2iSaVR5LZ-kBluVoW27o0hIUtgdry03bmUN50ob4hwCz8xVoupcHjI3Cy0nLpgiGixjo4afafQPE_TXJf-NixlWN-cH2a4ZzU6Qc5KKzIciwnt6Hx-iRQzB_uK-pBDjC8boVXolOsFyaqWsoLgkghTo2qCFZuxP2GKzS9wQ5sBWxTMEPGryHxaylpXXmUjlBJ-j9p4vJN9YxjQEbyuTVYy0PxmtDbyh6g_n3Lr09ttCg40hqfWBhCT9P4-uFoAjozUciHQFBfI8t04dKZnobLbVq-f_HJGzUZu5zHRHsPI939tJxODDJxiflfHLwxXjQS2cq9Vj-kvn1pgXAN5unYh8Y7-nqepxc0KkO2v8mU-r8fYFmUFJdZu6HR23P2y7ndsozZEKdUAVay36pmW_gvVQuSA_jzLwXn3Ee2y-A7G-w96bTe82gJG95PsSOt2L6AcuF8mqWL_EVBjIZJMN63T__0UHh9VPDCRTUITwn35t7Z0aGYHnssPVAxXLh7y2LhCaIN0u6lnbiDlKAdKc1-4qYbr1sHORC8tjSG8cjWLkgBcNkFo7rqhKQSNtU1H44aT8ceG08a8cSpze8aC6dMVaz6DxEaFIZ-aRqfqO0QV6ty2-6hrcRVedypt1Twd7UEkXZM5Erjb-_8jq4RzshqXVzKEqPfIYpmtHqkmeJq8BLfc1GT9UGrmPpYO4-K8LM-u7aOpcxcagPn2S3McsWI3a8CWkU9t4g9WEPNH-5s8VqF-3rSmgi5kk40Y7HjEyA-6clhNhl9lbP6hIbf9TKHO9fWwzTz8NieUPNZZPgrBrULggzHXPrfJIxl8eLSrKuD8n2Pbumu2k4ljMV_WIq9qCJ1wPofdIoWHWiz7oV2snLve1CFPUCdAhLkHQ8KpO6xvSi6mKY9WsOhOLxKm92vsWLv-rfM2CW4XUja5arRpGynr7cF9CDuEGWIxkPjOF_5x8ZXg2x1TJcrgvLDO_S4u2zKl2tQGRW4NHU1zF9h_3SQkpbwWH5KOPisP6c8vb5rg_rZ5laFedxQQSpguSq5el9-ddzvlr4C8Q22eDQvwUEO_P6c6VZN5A2QWBGZsJoaZ4gZ8UArmGLxSihBj_5oOdDdUcbUOhGUIWrtYrs4PJKxpnHDFUZaYwIbtnLyAoORKYvq8LgAH0SP57KeeYkZzUGP1f0jkDzAmwV4ZHE0pnZhEo3XkXVuIHc6MXZ-RniZaS_vaoY3Bq6XHrKoWZdLiCoU6aqPc-ZpPnvXmnKHyLLs4e96M1wGKIyT28_VCR6EDRJPxbZ9Ig1kN8TIHCF3tE8y2It5hkz1-zNYT6uw3SDkFSdrV_DRiAVqUhxrQdUPhpD92zVgsWdJR0TZLU7CBLlOuBVwyfmtHMUBL6dIvYie47Kr47nOJ5i2ka8EZGZf-Y8aD6xv6hpBbybU_5oGfYLRG4MiNRhML4u90tQ3hBxBbGYK8sWOzui2UEx0ynB_a8jz8eEs7u_9ylTD1v1f-gC8JYQMNAZIm46pvl2s1X07B8Gf7Laj4aozcWqg8DgC_8aLypoTffyxjWw4Fpd8LWn1fRPsFOdeV0UrS7FNtUakvYq_qxphGu5mNuINIJIMJzgI3giGnyCbr2IrsJ1ITmEGnggLQYes1t3j44v1quvVwQXqHX6HhSnoJlN2IlT5DuZ2kx6-pb68nK62xVJaOS-wDeeJnQ8zzhqJACstuF7g-jidRoJmGc8yChHfCN8ZFOhT0poNQB-Jf5IUZ7aSCXmceYN4VUhmB_w-Db1XZUNHOJqGiTgcT1KzejzNpN49b0QUjcRJiOpEhJp_LzBUiRQSnweOSFrWlTs5Jf9p3wqN9zFYZ_3Xz6IR2klwyLQXc-LbBd1QFwkB17HTYMspUXjrSpJULdQ90OxzbSEafF4RKvgIL4sAU1pCMTa2bVrcUmY2MiECVIbwPNN0CjZeoEAd1dP5FFjlwGG7xUNRO1E20CqHZJ1oqeEur06ZXvPK1zy3SlF-_lKF6eRfNClzR2ERGYqf-zEQwwkPNiMNnURPcdt64pw4kcjTKBIkorum3ruuqJZMitcZx0YiANx7ssy8dMuVteEFFCQnmglgTCsEZTK_xzigPie_f8Q5p1vsJPje5Z2cugsaW-vOXbuOE471n6LuIyoII2dWq0m8H3_8pxlErkZ5E7OY--w3InCuSCv2ubxaZ9AbaNuuyGw49fI3zvRurTYespYO-Aj1FcjDrxqRB3bihJm_u3a56fwnoyOeE0071TY_AlVlq1RYauV4-7L-RAFJZo0wKnPZM9Hs7VB_cCwJ_oPe1y0XBF95agtAQdicj42KdstIlpjWtdGb4LpHgVQI_56G3As0H81-uj47VuBourA2hUay0BpHAvcwbNLyu8OcZB31I6dfy2797wGlrWwAN-Xt3M3CVW9SvIN_GMlg0RB75rUEtgPkR-VPRdPH_Jb19wVoFPPpwjP6cYzVW1U_iRymFKaNpMo4CWFN6t54wshlCVwkfZKbhSP14z74oMKxy-qqt-WKNhkOr1uh_sevNa57iHBnFlHzt_eaZoPNTsCmzqnC4boOlK9o5_hFn8hiw33R3NQC-RD-w1XEl8-hpdZYdCcnexwRYd9sH2LMHySL59Kp_09yIwAE_ukVMDa6Yd9OHrbSCycQNZSI_0fMnF5s9oWTXnsxecDpRKgSWJQIQPUb6dlOdGOT0-MnebivpKgbDxzx52Zr0EMS7aU5eJxEdO9rdiFda8kQk5IeBgr1QcqIFs_1UIp6oQneXgwTlpXXxLHs16ShDG1qkLmDZjb4vrb_Ha2YCBIqid6wVKjec-UwEwWyvfV4UAPFgiNRJN7TdQNRxbSZJ8XWeA2gor9PN5JkMS0l_qGKoke3sbWDsp-G_B0KUjwUBTtPsKRhdnc0JyV_akuZ8jxAmXDDydxOy_EqNMgrDGN_4FuSY7XNLy2OXXJG3bB9a_lxEzdVNPWzM0cijTQFLzIiAKAyWTfwPNagcvgLUAeHxlQ22E0V37-sFwkstvpJ-s8C2yqxQKcv4GfMZOfSYEaZAhiO_y8EXgFknGGwjLB7K3CgvGwBRWWcgx-eqXYs9rAygf_X2_7-rBG_7Rxj3GW957PwwzwZjZDkdRHik8sj0htIkDRAyHo2EsPwObKXK-W32JKUX3VSgiY8AzCUhUUIWwFVVLXEvB1jtU7G7wRaj5_z9QywvgoIqnOTmpm4TTRA0cCJkiYoJcl8BOIHoWuYznL89zWjWy_ZQDKaYAsHugQYXaKI_UaaLV4gVFjDNqZCgqjAFyMjG4qZR64jkaI71mefUaDLLwsqIiLpOWZi8BlvP0YcOVeTyo2mJbq3EXfjXyDvPuZuZ9SAjqwCdLr902yzLm4DdzYRyfPbpt8rGUu-Uw27Ix2oZRe_zj0G_3FdCw0"];
+
+		const storymodels1 = ["erebus","nerys","nerybus","janeway","hermes","airoboros","chrono","llama","wizard","mantis","myth","xwin","spicyboros","mlewd","mxlewd","mistral","maid","mixtral","estopia","fighter","fimbul","euryale"];
+		const storymodels2 = ["opt","vicuna","manticore","alpaca"];
+		const adventuremodels1 = ["nerys","nerybus","skein","adventure","hermes","airoboros","chrono","llama","wizard","mantis","myth","xwin","spicyboros","mlewd","mxlewd","mistral","maid","mixtral","estopia","fighter","fimbul","euryale"];
+		const adventuremodels2 = ["erebus","janeway","opt","vicuna","manticore","alpaca"];
+		const chatmodels1 = ["pygmalion-6","pygmalion-v8","pygmalion-2","hermes","airoboros","chrono","llama","wizard","mantis","myth","xwin","spicyboros","mlewd","mxlewd","mistral","maid","mixtral","estopia","fighter","fimbul","euryale"];
+		const chatmodels2 = ["pygmalion","janeway","nerys","erebus","nerybus","opt","vicuna","manticore","alpaca"];
+		const instructmodels1 = ["gpt4all","supercot","hermes","airoboros","chrono","wizard","mantis","vicuna","manticore","alpaca","myth","xwin","spicyboros","mlewd","mxlewd","mistral","maid","mixtral","estopia","fighter","fimbul","euryale"];
+		const instructmodels2 = ["erebus","nerys","nerybus","janeway","opt","llama"];
+		const defaultmodels = ["gpt4all","supercot","hermes","airoboros","chrono","wizard","mantis","vicuna","manticore","alpaca","myth","xwin","spicyboros","mlewd","mxlewd","llama","mistral","maid","mixtral","estopia","fighter","fimbul","euryale"];
+		const ignoredmodels = ["tinyllama"];
+
+		const instructstartplaceholder = "\n{{[INPUT]}}\n";
+		const instructendplaceholder = "\n{{[OUTPUT]}}\n";
+		const instructsysplaceholder = "\n{{[SYSTEM]}}\n";
+
+		const scenario_db = [
+		{
+			"title":"New Story",
+			"desc":"Starts a new game in story mode, using your current settings.",
+			"opmode":1,
+			"prefmodel1":storymodels1,
+			"prefmodel2":storymodels2,
+			"prompt":"",
+			"memory": "",
+			"authorsnote": "",
+			"worldinfo": []
+		},
+		{
+			"title":"New Adventure",
+			"desc":"Starts a new game in adventure mode, using your current settings.",
 			"opmode":2,
 			"prefmodel1":adventuremodels1,
 			"prefmodel2":adventuremodels2,
@@ -2800,6 +3051,14 @@ Current version: 148
 			return replaceAll(localsettings.instruct_endtag, "\\n", "\n");
 		}
 	}
+	function get_instruct_systag(doTrim=true)
+	{
+		if(doTrim){
+			return replaceAll(localsettings.instruct_systag, "\\n", "\n").trim();
+		} else {
+			return replaceAll(localsettings.instruct_systag, "\\n", "\n");
+		}
+	}
 
 	function readTavernPngFromBlob(blob, onDone)
 	{
@@ -3446,9 +3705,17 @@ Current version: 148
 		return words.length;
 	}
 
+	function copyMarkdownCode(btn)
+	{
+		const codeContainer = btn.parentElement.querySelector('pre code');
+		//selectElementContents(codeContainer);
+		navigator.clipboard.writeText(codeContainer.innerText);
+	}
+
 	function simpleMarkdown(text) {
 		const escapeHTML = (str) => str.replace(/</g, "&lt;").replace(/>/g, "&gt;");
 		const highlightCode = (code) => {
+			let cpybtn = `<button class="unselectable" onclick="return copyMarkdownCode(this)" style="float:right;">Copy</button>`;
 			code = escapeHTML(code);
 			code = code.replace(/</g, "&lt;").replace(/>/g, "&gt;");
 			code = code.replace(/\t/g, "   ");
@@ -3457,7 +3724,7 @@ Current version: 148
 			code = code.replace(/\s\/\/(.*)/gm, " <rem>//$1</rem>");
 			code = code.replace(/(\s?)(function|procedure|return|exit|if|then|else|end|loop|while|or|and|case|when)(\s)/gim, "$1<b>$2</b>$3");
 			code = code.replace(/(\s?)(var|let|const|=>|for|next|do|while|loop|continue|break|switch|try|catch|finally)(\s)/gim, "$1<b>$2</b>$3");
-			return `<pre><code>${code}</code></pre>`;
+			return `<pre>${cpybtn}<code>${code}</code></pre>`;
 		};
 		const convertMarkdownTableToHtml = (t) => {
 			let hsep = /^[\s]*\|(?:[\s]*[-:]+[-:|\s]*)+\|[\s]*$/gm;let l=/^[\s]*\|(.*)\|[\s]*$/gm,r=t.split(/\r?\n|\r/),e="<table class='tablelines'>";for(let o of r){let hs=o.match(hsep);if(hs){continue;}let d=o.match(l);if(d){let i=d[0].split("|").map(t=>t.trim());e+=`<tr class='tablelines'><td class='tablelines'>${i.join("</td><td class='tablelines'>")}</td></tr>`}}return e+"</table>"
@@ -3497,9 +3764,9 @@ Current version: 148
 			.replace(/<\/[ou]l\>\n\n<[ou]l\>/gm, "\n")
 			.replace(/<\/[ou]l\>\n<[ou]l\>/g, "")
 			.replace(/<\/li><\/ul><ul><li>/gm, "</li><li>")
-			.replace(/\*\*\*(\w.*?[^\\])\*\*\*/gm, "<b><em>$1</em></b>")
-			.replace(/\*\*(\w.*?[^\\])\*\*/gm, "<b>$1</b>")
-			.replace(/\*(\w.*?[^\\])\*/gm, "<em>$1</em>")
+			.replace(/\*\*\*([^\s*].*?[^\\])\*\*\*/gm, "<b><em>$1</em></b>")
+			.replace(/\*\*([^\s*].*?[^\\])\*\*/gm, "<b>$1</b>")
+			.replace(/\*([^\s*].*?[^\\])\*/gm, "<em>$1</em>")
 			.replace(/___(\w.*?[^\\])___/gm, "<b><em>$1</em></b>")
 			.replace(/__(\w.*?[^\\])__/gm, "<u>$1</u>")
 			.replace(/~~(\w.*?)~~/gm, "<del>$1</del>")
@@ -3674,6 +3941,7 @@ Current version: 148
 	const ALLTALK_ID = 1001;
 	const HD_RES_PX = 512;
 	const NO_HD_RES_PX = 320;
+	const SAVE_SLOTS = 6;
 
 	//all configurable globals
 	var perfdata = null; //if it's null, we are not connected
@@ -3731,6 +3999,7 @@ Current version: 148
 	var synchro_pending_stream = ""; //used for token pseduo streaming for kobold api only
 	var waiting_for_autosummary = false;
 	var italics_regex = new RegExp(/\*(\S[^*]+\S)\*/g); //the fallback regex
+	var bold_regex = new RegExp(/\*\*(\S[^*]+\S)\*\*/g); //the fallback regex
 	var temp_scenario = null;
 	var last_token_budget = ""; //to display token limits
 	var last_known_filename = "saved_story.json";
@@ -3803,6 +4072,7 @@ Current version: 148
 		chatopponent: defaultchatopponent,
 		instruct_starttag: "\\n### Instruction:\\n",
 		instruct_endtag: "\\n### Response:\\n",
+		instruct_systag: "",
 		instruct_sysprompt: "",
 		instruct_has_markdown: true,
 		placeholder_tags: true,
@@ -3832,27 +4102,27 @@ Current version: 148
 		prompt_for_savename: false,
 		case_sensitive_wi: false,
 		last_selected_preset: 0,
-		gui_type_story: 0, //0=standard, 1=messenger, 2=aesthetic
-		gui_type_adventure: 0, //0=standard, 1=messenger, 2=aesthetic
-		gui_type_chat: 1, //0=standard, 1=messenger, 2=aesthetic
-		gui_type_instruct: 0, //0=standard, 1=messenger, 2=aesthetic
+		gui_type_story: 0, //0=standard, 1=messenger, 2=aesthetic, 3=corpo
+		gui_type_adventure: 0, //0=standard, 1=messenger, 2=aesthetic, 3=corpo
+		gui_type_chat: 1, //0=standard, 1=messenger, 2=aesthetic, 3=corpo
+		gui_type_instruct: 0, //0=standard, 1=messenger, 2=aesthetic, 3=corpo
 		multiline_replies: true,
-		multiline_replies_adventure: true,
 		allow_continue_chat: false,
-		inject_timestamps_chat: false,
-		inject_timestamps_instruct: false,
+		inject_timestamps: false,
 		inject_chatnames_instruct: false,
 		inject_jailbreak_instruct: false,
 		idle_responses: 0,
 		idle_duration: 60,
 		export_settings: true, //affects if settings are included with the story and sharelinks
 		show_advanced_load: false, //if true, every load opens the selector window
+		import_tavern_prompt: true, //when opening character cards, prompt for chat or instruct mode
 		invert_colors: false,
 		passed_ai_warning: false, //used to store AI safety panel acknowledgement state
 		entersubmit: true, //enter sends the prompt
+		darkmode: true,
 
 		max_context_length: (localflag?2048:1600),
-		max_length: 150,
+		max_length: 200,
 		auto_ctxlen: true,
 		auto_genamt: true,
 		rep_pen: 1.07,
@@ -3873,16 +4143,20 @@ Current version: 148
 		miro_type: 0,
 		miro_tau: 5.0,
 		miro_eta: 0.1,
+		dry_multiplier: 0.0,
+		dry_base: 1.75,
+		dry_allowed_length: 2,
+		dry_sequence_breakers: ["\n", ":", "\"", "*"],
 		sampler_order: [6, 0, 1, 3, 4, 2, 5],
 	};
 
 	var defaultsettings = JSON.parse(JSON.stringify(localsettings));
 
 	//a list of presets users can choose from
-	const presets = [
+	const samplerpresets = [
 		{
 			preset: "[Default]",
-			description: "Known Working Settings.",
+			description: "Good default settings, same as Simple Balanced.",
 			temp: defaultsettings.temperature,
 			dynatemp_range: defaultsettings.dynatemp_range,
 			dynatemp_exponent: defaultsettings.dynatemp_exponent,
@@ -3900,7 +4174,94 @@ Current version: 148
 			rep_pen_slope: defaultsettings.rep_pen_slope,
 			sampler_order: defaultsettings.sampler_order
 		},
-		{"preset":"Godlike","description":"Makes AI give a descriptive and sensual output.","temp":0.7,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":0.5,"min_p":0.0,"presence_penalty":0.0,"top_a":0.75,"typical":0.19,"tfs":0.97,"rep_pen":1.1,"rep_pen_range":1024,"rep_pen_slope":0.7,"sampler_order":[6,5,4,3,2,1,0]},{"preset":"Mayday","description":"Wacky plot, creativity from AI, crazy stories you want AI to weird out.","temp":1.05,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":0.95,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.1,"rep_pen_range":1024,"rep_pen_slope":0.7,"sampler_order":[6,0,1,2,3,4,5]},{"preset":"Good Winds","description":"Let AI direct the plot, but still stay logical.","temp":0.7,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":1,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":0.9,"rep_pen":1.1,"rep_pen_range":1024,"rep_pen_slope":0.7,"sampler_order":[6,0,1,2,3,4,5]},{"preset":"Liminal Drift","description":"Drives coherent dialogue, responses, and behavior, sometimes surreal situations arise based on information already present in the story.","temp":0.66,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":1,"min_p":0.0,"presence_penalty":0.0,"top_a":0.96,"typical":0.6,"tfs":1,"rep_pen":1.1,"rep_pen_range":1024,"rep_pen_slope":0.7,"sampler_order":[6,4,5,1,0,2,3]},{"preset":"TavernAI","description":"Preset used in TavernAI.","temp":0.79,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":0.9,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":0.95,"rep_pen":1.19,"rep_pen_range":1024,"rep_pen_slope":0.9,"sampler_order":[6,0,1,2,3,4,5]},{"preset":"Storywriter 6B","description":"Optimized settings for relevant output.","genamt":150,"rep_pen":1.1,"rep_pen_range":2048,"rep_pen_slope":0.2,"sampler_order":[6,5,0,2,3,1,4],"temp":0.72,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"tfs":1,"top_a":0,"top_k":0,"top_p":0.73,"min_p":0.0,"presence_penalty":0.0,"typical":1},{"preset":"Coherent Creativity 6B","description":"A good balance between coherence, creativity, and quality of prose.","genamt":150,"rep_pen":1.2,"rep_pen_range":2048,"rep_pen_slope":0,"sampler_order":[6,5,0,2,3,1,4],"temp":0.51,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"tfs":0.99,"top_a":0,"top_k":0,"top_p":1,"min_p":0.0,"presence_penalty":0.0,"typical":1},{"preset":"Luna Moth 6B","description":"A great degree of creativity without losing coherency.","temp":1.5,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":85,"top_p":0.24,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.1,"rep_pen_range":2048,"rep_pen_slope":0,"sampler_order":[6,5,0,2,3,1,4]},{"preset":"Pleasing Results 6B","description":"Expectable output with alternative context settings.","temp":0.44,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":1,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":0.9,"rep_pen":1.15,"rep_pen_range":2048,"rep_pen_slope":6.8,"sampler_order":[6,5,0,2,3,1,4]},{"preset":"Genesis 13B","description":"Stable and logical, but with scattered creativity.","temp":0.63,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":0.98,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":0.98,"rep_pen":1.05,"rep_pen_range":2048,"rep_pen_slope":0.1,"sampler_order":[6,2,0,3,5,1,4]},{"preset":"Basic Coherence 13B","description":"Keep things on track.","temp":0.59,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":1,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":0.87,"rep_pen":1.1,"rep_pen_range":2048,"rep_pen_slope":0.3,"sampler_order":[6,5,0,2,3,1,4]},{"preset":"Ouroboros 13B","description":"Versatile, conforms well to poems, lists, chat, etc.","temp":1.07,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":100,"top_p":1,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":0.93,"rep_pen":1.05,"rep_pen_range":404,"rep_pen_slope":0.8,"sampler_order":[6,0,5,3,2,1,4]},{"preset":"Ace of Spades 13B","description":"Expressive, while still staying focused.","temp":1.15,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":0.95,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":0.8,"rep_pen":1.05,"rep_pen_range":2048,"rep_pen_slope":7,"sampler_order":[6,3,2,0,5,1,4]},{"preset":"Min-P Basic","description":"A good default for Min-P, only works on backends with min-p.","temp":1.25,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":1,"min_p":0.1,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.03,"rep_pen_range":320,"rep_pen_slope":0.7,"sampler_order":[6,5,0,1,3,4,2]},{"preset":"DynaTemp Basic","description":"A good default for DynaTemp, only works on backends with it.","temp":1.25,"dynatemp_range":0.75,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":150,"top_k":0,"top_p":1,"min_p":0.05,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.03,"rep_pen_range":320,"rep_pen_slope":0.7,"sampler_order":[6,5,0,1,3,4,2]},{"preset":"Smoothed Basic","description":"A good default for Smooth Sampling, only works on backends with it.","temp":1.0,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.25,"genamt":150,"top_k":0,"top_p":1,"min_p":0.05,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.03,"rep_pen_range":320,"rep_pen_slope":0.7,"sampler_order":[6,5,0,1,3,4,2]}
+		{"preset":"Simple Logical","description":"A very predictable preset with low randomness.","temp":0.25,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":200,"top_k":100,"top_p":0.6,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.01,"rep_pen_range":320,"rep_pen_slope":0.7,"sampler_order":[6,0,1,3,4,2,5]},{"preset":"Simple Balanced","description":"A good balanced preset with medium randomness.","temp":0.7,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":200,"top_k":100,"top_p":0.92,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.07,"rep_pen_range":320,"rep_pen_slope":0.7,"sampler_order":[6,0,1,3,4,2,5]},{"preset":"Simple Creative","description":"A wild and unpredictable preset with higher randomness.","temp":1.0,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":200,"top_k":100,"top_p":0.98,"min_p":0.0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.15,"rep_pen_range":320,"rep_pen_slope":0.7,"sampler_order":[6,0,1,3,4,2,5]},{"preset":"Basic Min-P","description":"A good default for Min-P, only works on backends with min-p.","temp":1.25,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":200,"top_k":0,"top_p":1,"min_p":0.1,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.03,"rep_pen_range":320,"rep_pen_slope":0.7,"sampler_order":[6,5,0,1,3,4,2]},{"preset":"Basic DynaTemp","description":"A good default for DynaTemp, only works on backends with it.","temp":1.25,"dynatemp_range":0.75,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":200,"top_k":0,"top_p":1,"min_p":0.05,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.03,"rep_pen_range":320,"rep_pen_slope":0.7,"sampler_order":[6,5,0,1,3,4,2]},{"preset":"Basic SmoothSample","description":"A good default for Smooth Sampling, only works on backends with it.","temp":1.0,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.25,"genamt":200,"top_k":0,"top_p":1,"min_p":0.05,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1,"rep_pen":1.03,"rep_pen_range":320,"rep_pen_slope":0.7,"sampler_order":[6,5,0,1,3,4,2]},{"preset":"Basic SillyTavern","description":"Similar to default preset used in SillyTavern.","temp":0.7,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":200,"top_k":40,"top_p":0.6,"min_p":0,"presence_penalty":0.0,"top_a":0,"typical":1,"tfs":1.0,"rep_pen":1.18,"rep_pen_range":1024,"rep_pen_slope":0.8,"sampler_order":[6,0,1,3,4,2,5]},{"preset":"CoherentCreativity (Legacy)","description":"Legacy preset. A good balance between coherence, creativity, and quality of prose.","genamt":200,"rep_pen":1.2,"rep_pen_range":2048,"rep_pen_slope":0,"sampler_order":[6,5,0,2,3,1,4],"temp":0.5,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"tfs":0.99,"top_a":0,"top_k":0,"top_p":1,"min_p":0.0,"presence_penalty":0.0,"typical":1},{"preset":"Godlike (Legacy)","description":"Legacy preset. Makes AI give a descriptive and sensual output.","temp":0.7,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":200,"top_k":0,"top_p":0.5,"min_p":0.0,"presence_penalty":0.0,"top_a":0.75,"typical":0.19,"tfs":0.97,"rep_pen":1.1,"rep_pen_range":1024,"rep_pen_slope":0.7,"sampler_order":[6,5,4,3,2,1,0]},{"preset":"LiminalDrift (Legacy)","description":"Legacy preset. Sometimes surreal situations arise based on information already present in the story.","temp":0.66,"dynatemp_range":0.0,"dynatemp_exponent":1.0,"smoothing_factor":0.0,"genamt":200,"top_k":0,"top_p":1,"min_p":0.0,"presence_penalty":0.0,"top_a":0.96,"typical":0.6,"tfs":1,"rep_pen":1.1,"rep_pen_range":1024,"rep_pen_slope":0.7,"sampler_order":[6,4,5,1,0,2,3]}
+	];
+
+	const instructpresets = [
+	{
+		"id":1,
+		"name":"Alpaca",
+		"user":"\\n### Instruction:\\n",
+		"assistant":"\\n### Response:\\n",
+		"system":"",
+	},
+	{
+		"id":2,
+		"name":"Vicuna",
+		"user":"\\nUSER: ",
+		"assistant":"\\nASSISTANT: ",
+		"system":"",
+	},
+	{
+		"id":3,
+		"name":"Metharme",
+		"user":"<|user|>",
+		"assistant":"<|model|>",
+		"system":"",
+	},
+	{
+		"id":4,
+		"name":"Llama 2 Chat",
+		"user":"[INST] ",
+		"assistant":" [/INST]",
+		"system":"",
+	},
+	{
+		"id":5,
+		"name":"Q & A",
+		"user":"\\nQuestion: ",
+		"assistant":"\\nAnswer: ",
+		"system":"",
+	},
+	{
+		"id":6,
+		"name":"ChatML",
+		"user":"<|im_end|>\\n<|im_start|>user\\n",
+		"assistant":"<|im_end|>\\n<|im_start|>assistant\\n",
+		"system":"<|im_start|>system\\n",
+	},
+	{
+		"id":7,
+		"name":"Input & Output",
+		"user":"\\n{{[INPUT]}}\\n",
+		"assistant":"\\n{{[OUTPUT]}}\\n",
+		"system":"",
+	},
+	{
+		"id":8,
+		"name":"CommandR",
+		"user":"<|END_OF_TURN_TOKEN|><|START_OF_TURN_TOKEN|><|USER_TOKEN|>",
+		"assistant":"<|END_OF_TURN_TOKEN|><|START_OF_TURN_TOKEN|><|CHATBOT_TOKEN|>",
+		"system":"<|START_OF_TURN_TOKEN|><|SYSTEM_TOKEN|>",
+	},
+	{
+		"id":9,
+		"name":"Llama 3 Chat",
+		"user":"<|eot_id|><|start_header_id|>user<|end_header_id|>\\n\\n",
+		"assistant":"<|eot_id|><|start_header_id|>assistant<|end_header_id|>\\n\\n",
+		"system":"<|start_header_id|>system<|end_header_id|>\\n\\n",
+	},
+	{
+		"id":10,
+		"name":"Phi-3 Mini",
+		"user":"<|end|><|user|>\\n",
+		"assistant":"<|end|>\\n<|assistant|>",
+		"system":"<|system|>\\n",
+	},
+	{
+		"id":11,
+		"name":"Gemma 2",
+		"user":"<end_of_turn>\\n<start_of_turn>user\\n",
+		"assistant":"<end_of_turn>\\n<start_of_turn>model\\n",
+		"system":"<start_of_turn>user\\n",
+	},
+	{
+		"id":12,
+		"name":"Mistral",
+		"user":"\\n[INST] ",
+		"assistant":" [/INST]\\n",
+		"system":"",
+	}
 	];
 
 	function polyfills()
@@ -3959,6 +4320,8 @@ Current version: 148
 			// Test if lookahead is supported, enhance italics regex if so
 			let improved_italics = new RegExp("\\*(?!\\s)(.+?)(?<!\\s)\\*","g");
 			italics_regex = improved_italics;
+			let improved_bold = new RegExp("\\*\\*(?!\\s)(.+?)(?<!\\s)\\*\\*","g");
+			bold_regex = improved_bold;
 		} catch (e) {
 			console.log('Lookaheads are not supported in this environment.');
 		}
@@ -3981,6 +4344,11 @@ Current version: 148
 
 		polyfills();
 
+		document.getElementById("lastreq1").innerHTML =
+		document.getElementById("lastreq2").innerHTML =
+		document.getElementById("lastreq3").innerHTML =
+		`KoboldAI Lite v${LITEVER} Web - Frontend for External API Services`;
+
 		prepare_abort_controller();
 
 		//uncompress compacted scenarios
@@ -4101,6 +4469,8 @@ Current version: 148
 				console.log("Skipped missing local save");
 				loadok = false;
 			}
+			populate_corpo_leftpanel();
+			update_toggle_theme(false); //load theme but dont save or toggle it
 
 		} catch (e) {
 			console.log("Discarded invalid local save: " + e);
@@ -4231,6 +4601,7 @@ Current version: 148
 		const dropZone = document.getElementById('gamescreen');
 		const dropZone2 = document.getElementById('chat_msg_body');
 		const dropZone3 = document.getElementById('outerbodybg');
+		const dropZone4 = document.getElementById('corpostylemain');
 
 		const onDropFn = function(e){
 			e.preventDefault();
@@ -4269,6 +4640,14 @@ Current version: 148
 			},
 			false
 		);
+		dropZone4.addEventListener(
+			"dragover",
+			(e) => {
+				e.preventDefault();
+				e.stopPropagation();
+			},
+			false
+		);
 		dropZone.addEventListener(
 			"drop",
 			(e) => {
@@ -4290,6 +4669,13 @@ Current version: 148
 			},
 			false
 		);
+		dropZone4.addEventListener(
+			"drop",
+			(e) => {
+				onDropFn(e);
+			},
+			false
+		);
 	}
 
 	let initial_fetched_kudos = false;
@@ -4308,8 +4694,8 @@ Current version: 148
 			}
 			document.getElementById("customkoboldendpoint").value = localprotocol + localmodehost + ":" + localmodeport + sublocalpathname;
 			connect_custom_endpoint();
-			document.getElementById("lastreq").innerHTML = document.getElementById("lastreq2").innerHTML =
-			`<span class=color_gray>You're using KoboldAI Lite Embedded on AltaeraAI.</span>`;
+			document.getElementById("lastreq3").innerHTML = document.getElementById("lastreq2").innerHTML = document.getElementById("lastreq1").innerHTML =
+			`KoboldAI Lite v${LITEVER} Embedded`;
 
 			read_url_params_data();
 		}
@@ -4341,9 +4727,8 @@ Current version: 148
 						}
 					}
 					document.body.classList.add("connected");
-					document.getElementById("connectstatus").innerHTML = "Connected to AI Horde";
-					document.getElementById("connectstatus").classList.remove("color_orange");
-					document.getElementById("connectstatus").classList.add("color_green");
+					document.getElementById("connectstatus").innerHTML = "AI Horde";
+					document.getElementById("connectstatus").classList.add("color_offwhite");
 					render_gametext(false);
 
 					read_url_params_data();
@@ -4354,11 +4739,10 @@ Current version: 148
 
 				}
 				else {
-					msgbox("Failed to connect to AI Horde Service!\nPlease check your network connection.<br><br>You may still be able to connect to an alternative service, <a href='#' class='color_blueurl' onclick='display_endpoint_container()'>click here to view options</a>.","Error Encountered",true);
+					msgbox("Failed to connect to AI Horde Service!\nPlease check your network connection.<br><br>You may still be able to connect to an alternative service, <a href='#' class='color_blueurl' onclick='hide_popups();display_endpoint_container()'>click here to view options</a>.","Error Encountered",true);
 					document.body.classList.remove("connected");
 					document.getElementById("connectstatus").innerHTML = "Offline Mode";
-					document.getElementById("connectstatus").classList.add("color_orange");
-					document.getElementById("connectstatus").classList.remove("color_green");
+					document.getElementById("connectstatus").classList.remove("color_offwhite");
 					render_gametext(false);
 				}
 			});
@@ -4394,10 +4778,10 @@ Current version: 148
 		const foundScenario = urlParams.get('scenario');
 		const foundChub = urlParams.get('chub');
 		const foundPyg = urlParams.get('pyg');
+		const foundAicc = urlParams.get('aicc');
 
 		if (foundStory && foundStory != "") {
-			let safe_to_overwrite = (gametext_arr.length == 0 && current_memory == "" && current_anote == "" && current_wi.length == 0 && redo_arr.length == 0);
-			if (localsettings.persist_session && !safe_to_overwrite) {
+			if (localsettings.persist_session && !safe_to_overwrite()) {
 				import_compressed_story_prompt_overwrite(foundStory);
 			} else {
 				import_compressed_story(foundStory, false);
@@ -4425,6 +4809,11 @@ Current version: 148
 			get_pygchat_scenario(foundPyg);
 			//purge url params
 			window.history.replaceState(null, null, window.location.pathname);
+		} else if (foundAicc && foundAicc != "") {
+			display_scenarios();
+			get_aicc_scenario(foundAicc);
+			//purge url params
+			window.history.replaceState(null, null, window.location.pathname);
 		}
 	}
 
@@ -4779,8 +5168,12 @@ Current version: 148
 	{
 		return (custom_kobold_endpoint!="" && koboldcpp_version && koboldcpp_version!="" && compare_version_str(koboldcpp_version, "1.66") >= 0 && koboldcpp_has_whisper);
 	}
+	function is_using_kcpp_with_dry()
+	{
+		return (custom_kobold_endpoint!="" && koboldcpp_version && koboldcpp_version!="" && compare_version_str(koboldcpp_version, "1.70") >= 0);
+	}
+
 
-
 	//0 is none, 1 is pseudostreaming, 2 is true poll-streaming, 3 is sse-streaming
 	function determine_streaming_type()
 	{
@@ -5168,6 +5561,7 @@ Current version: 148
 
 	function save_file_button(use_existing_save=false) //for triggering an optional popup. if use save is true, assume temp obj is set
 	{
+		warn_on_quit = false;
 		const save_file = function()
 		{
 			if(!use_existing_save)
@@ -5448,6 +5842,11 @@ Current version: 148
 		reader.readAsText(selectedFile);
 	}
 
+	function safe_to_overwrite()
+	{
+		return (gametext_arr.length == 0 && current_memory == "" && current_anote == "" && current_wi.length == 0 && redo_arr.length == 0);
+	}
+
 	function kai_json_load(storyobj, force_load_settngs)
 	{
 		//either show popup or just proceed to load
@@ -5840,7 +6239,7 @@ Current version: 148
 			render_gametext(true);
 		}
 
-		if(localsettings.show_advanced_load)
+		if(localsettings.import_tavern_prompt)
 		{
 			msgboxYesNo("Import Character Card in Instruct Mode?\n\nYes = Instruct Mode Used\nNo = Chat Mode Used\n\nIf unsure, select 'No'.","Import Tavern Card", ()=>{
 				load_tav_obj_confirm(false);
@@ -6214,6 +6613,106 @@ Current version: 148
 		}
 	}
 
+	function get_aicc_scenario(inputstr="")
+	{
+		const loadaicc = function(userinput)
+		{
+			if(userinput=="")
+			{
+				//pass
+			}
+			else
+			{
+
+				let useraw = false;
+				if (userinput.match(/aicharactercards\.com\//i) && userinput.match(/sdm_process_download/i))
+				{
+					useraw = true;
+				}
+				else {
+					userinput = userinput.split("#")[0].split("?")[0];
+					userinput = userinput.endsWith('/') ? userinput.slice(0, -1) : userinput;
+					if (userinput.match(/aicharactercards\.com\//i) || userinput.match(/AICC\//i)) {
+						// is a URL, extract the character name
+						let tmp = userinput.split("/");
+						if(tmp.length >= 2)
+						{
+							userinput = tmp[tmp.length-2] + "/" + tmp[tmp.length-1];
+						}
+					}
+				}
+
+				if(userinput!="")
+				{
+					temp_scenario = {
+						"title":"",
+						"desc": "",
+						"opmode":3,
+						"chatname": "User",
+						"chatopponent": "",
+						"gui_type":1,
+						"prefmodel1":chatmodels1,
+						"prefmodel2":chatmodels2,
+						"prompt":"",
+						"memory": "",
+						"authorsnote": "",
+						"worldinfo": [],
+					};
+
+					let finalurl = useraw?userinput:"https://aicharactercards.com/wp-json/pngapi/v1/image/"+userinput;
+					finalurl = apply_proxy_url(finalurl,true);
+					//try to obtain the full portrait image
+					fetch(finalurl, {
+						method: 'GET',
+						redirect: 'follow',
+						referrerPolicy: 'no-referrer',
+						})
+						.then(rb => {
+							if(rb.ok)
+							{
+								return rb.blob();
+							}else{
+								throw new Error('Cannot fetch tavern image');
+							}
+						})
+						.then(blob => {
+							preview_temp_scenario();
+
+							readTavernPngFromBlob(blob,(obj)=>{
+								load_temp_scenario_from_tavernobj(obj,true);
+							});
+
+							const objectURL = URL.createObjectURL(blob);
+							const compressedImg = compressImage(objectURL, (compressedImageURI, aspectratio)=>{
+								temp_scenario.image = compressedImageURI;
+								temp_scenario.image_aspect = aspectratio;
+								preview_temp_scenario();
+							}, true);
+						})
+						.catch(error => {
+							temp_scenario = null;
+							document.getElementById("scenariodesc").innerText = "Error: Selected scenario is invalid.";
+							console.log("Error: " + error);
+
+						});
+				} else {
+					temp_scenario = null;
+					document.getElementById("scenariodesc").innerText = "Error: User input is invalid\n\n Please ensure you have input a valid AICC URL or ID.";
+				}
+			}
+		}
+
+		if(inputstr=="")
+		{
+			inputBox("Enter aicharactercards.com prompt URL","Import from aicharactercards.com","","https://aicharactercards.com/character-cards/work-jobs/deffcolony/lara-lightland", ()=>{
+				let userinput = getInputBoxValue().trim();
+				loadaicc(userinput);
+			},false);
+		}else{
+			loadaicc(inputstr);
+		}
+	}
+
 	function get_chubai_scenario(chubstr="")
 	{
 		const loadchub = function(userinput)
@@ -6353,7 +6852,7 @@ Current version: 148
 			let prompttxt = temp_scenario.prompt;
 			if(!localsettings.placeholder_tags) //do a one-time replace instead
 			{
-				prompttxt = replace_placeholders_direct(prompttxt);
+				prompttxt = replace_placeholders(prompttxt, false, true);
 			}
 			gametext_arr.push(prompttxt);
 		}
@@ -6361,14 +6860,14 @@ Current version: 148
 			current_anote = temp_scenario.authorsnote;
 			if(!localsettings.placeholder_tags)
 			{
-				current_anote = replace_placeholders_direct(current_anote);
+				current_anote = replace_placeholders(current_anote, false, true);
 			}
 		}
 		if (temp_scenario.memory != "") {
 			current_memory = temp_scenario.memory;
 			if(!localsettings.placeholder_tags)
 			{
-				current_memory = replace_placeholders_direct(current_memory);
+				current_memory = replace_placeholders(current_memory, false, true);
 			}
 		}
 		if (temp_scenario.image && temp_scenario.image != "") {
@@ -6418,6 +6917,7 @@ Current version: 148
 			if (temp_scenario.gui_type===1) { localsettings.gui_type_instruct = 1; }
 			else if(temp_scenario.gui_type===2) { localsettings.gui_type_instruct = 2; }
 			else if(temp_scenario.gui_type===0) { localsettings.gui_type_instruct = 0; }
+			else if(temp_scenario.gui_type===3) { localsettings.gui_type_instruct = 3; }
 
 			if (temp_scenario.instruct_has_markdown===true) {
 				localsettings.instruct_has_markdown = true;
@@ -6433,7 +6933,7 @@ Current version: 148
 
 		render_gametext(true);
 	}
-	function togglescenarioallownsfw()
+	function togglescenarioautopick()
 	{
 		if(localflag)
 		{
@@ -6444,12 +6944,6 @@ Current version: 148
 			if (selected_models.length == 0) {
 				document.getElementById("scenarioautopickai").checked = true;
 			}
-			let scenarioautopickai = document.getElementById("scenarioautopickai").checked ? true : false;
-			if (scenarioautopickai) {
-				document.getElementById("scenarioallownsfwbox").classList.remove("hidden");
-			} else {
-				document.getElementById("scenarioallownsfwbox").classList.add("hidden");
-			}
 		}
 	}
 	function confirm_scenario_verify()
@@ -6483,12 +6977,12 @@ Current version: 148
 	}
 	function confirm_scenario()
 	{
+		mainmenu_untab(false);
 		if(temp_scenario!=null)
 		{
 			hide_popups();
 			//assign model if necessary
 			let scenarioautopickai = document.getElementById("scenarioautopickai").checked?true:false;
-			let scenarioallownsfw = document.getElementById("scenarioallownsfw").checked?true:false;
 
 			if(selected_models.length == 0 && !is_using_custom_ep())
 			{
@@ -6504,7 +6998,6 @@ Current version: 148
 					}
 					else
 					{
-						let nsfwmodels = ["erebus","shinen","horni","litv2","lit-6b","spicyboros","mlewd","mxlewd"];
 						selected_models = [];
 						for (var i = 0; i < mdls.length; ++i) {
 							let skipignored = false;
@@ -6520,19 +7013,7 @@ Current version: 148
 								for (var j = 0; j < temp_scenario.prefmodel1.length; ++j) {
 									if (mdls[i].name.trim().toLowerCase().includes(temp_scenario.prefmodel1[j].trim().toLowerCase()) ||
 										temp_scenario.prefmodel1[j].trim().toLowerCase().includes(mdls[i].name.trim().toLowerCase())) {
-
-										let allow = true;
-										if (!scenarioallownsfw) {
-											for (var k = 0; k < nsfwmodels.length; ++k) {
-												if (mdls[i].name.trim().toLowerCase().includes(nsfwmodels[k])) {
-													allow = false;
-													break;
-												}
-											}
-										}
-										if (allow) {
-											selected_models.push(mdls[i]);
-										}
+										selected_models.push(mdls[i]);
 									}
 								}
 							}
@@ -6556,18 +7037,7 @@ Current version: 148
 									for (var j = 0; j < temp_scenario.prefmodel2.length; ++j) {
 										if (mdls[i].name.trim().toLowerCase().includes(temp_scenario.prefmodel2[j].trim().toLowerCase()) ||
 											temp_scenario.prefmodel2[j].trim().toLowerCase().includes(mdls[i].name.trim().toLowerCase())) {
-											let allow = true;
-											if (!scenarioallownsfw) {
-												for (var k = 0; k < nsfwmodels.length; ++k) {
-													if (mdls[i].name.trim().toLowerCase().includes(nsfwmodels[k])) {
-														allow = false;
-														break;
-													}
-												}
-											}
-											if (allow) {
-												selected_models.push(mdls[i]);
-											}
+											selected_models.push(mdls[i]);
 										}
 									}
 								}
@@ -6592,12 +7062,14 @@ Current version: 148
 
 	function display_scenarios()
 	{
+		mainmenu_untab(true);
 		temp_scenario = null;
 		document.getElementById("quickstartcontainer").classList.remove("hidden");
 
 		let scenarios = `<button type="button" name="" class="scenarioitem purple btn btn-primary" onclick="get_aetherroom_scenario()">Import from<br>aetherroom.club</button>`+
 		`<button type="button" name="" class="scenarioitem purple btn btn-primary" onclick="get_chubai_scenario()">Import from<br>characterhub.org / chub.ai</button>` +
-		`<button type="button" name="" class="scenarioitem purple btn btn-primary" onclick="get_pygchat_scenario()">Import from<br>pygmalion.chat</button>`;
+		`<button type="button" name="" class="scenarioitem purple btn btn-primary" onclick="get_pygchat_scenario()">Import from<br>pygmalion.chat</button>` +
+		`<button type="button" name="" class="scenarioitem purple btn btn-primary" onclick="get_aicc_scenario()">Import from<br>aicharactercards.com</button>`;
 		for(let i=0;i<scenario_db.length;++i)
 		{
 			let curr = scenario_db[i];
@@ -6608,7 +7080,7 @@ Current version: 148
 
 		document.getElementById("scenariogrid").innerHTML = scenarios;
 		document.getElementById("scenariodesc").innerText = "No Scenario Selected";
-		togglescenarioallownsfw();
+		togglescenarioautopick();
 	}
 
 	function scenario_search()
@@ -6883,10 +7355,17 @@ Current version: 148
 	}
 	function is_aesthetic_ui()
 	{
-		return (localsettings.gui_type_story!=0 && localsettings.opmode==1)
-		||(localsettings.gui_type_adventure!=0 && localsettings.opmode==2)
-		||(localsettings.gui_type_chat!=0 && localsettings.opmode==3)
-		||(localsettings.gui_type_instruct!=0 && localsettings.opmode==4);
+		return ((localsettings.gui_type_story==1 || localsettings.gui_type_story==2) && localsettings.opmode==1)
+		||((localsettings.gui_type_adventure==1 || localsettings.gui_type_adventure==2) && localsettings.opmode==2)
+		||((localsettings.gui_type_chat==1 || localsettings.gui_type_chat==2) && localsettings.opmode==3)
+		||((localsettings.gui_type_instruct==1 || localsettings.gui_type_instruct==2) && localsettings.opmode==4);
+	}
+	function is_corpo_ui()
+	{
+		return (localsettings.gui_type_story==3 && localsettings.opmode==1)
+		||(localsettings.gui_type_adventure==3 && localsettings.opmode==2)
+		||(localsettings.gui_type_chat==3 && localsettings.opmode==3)
+		||(localsettings.gui_type_instruct==3 && localsettings.opmode==4);
 	}
 	function is_popup_open()
 	{
@@ -6905,13 +7384,23 @@ Current version: 148
 			document.getElementById("quickstartcontainer").classList.contains("hidden") &&
 			document.getElementById("zoomedimgcontainer").classList.contains("hidden") &&
 			document.getElementById("groupselectcontainer").classList.contains("hidden") &&
-			document.getElementById("imagestylecontainer").classList.contains("hidden") &&
 			document.getElementById("addimgcontainer").classList.contains("hidden") &&
 			document.getElementById("pasteimgcontainer").classList.contains("hidden") &&
 			document.getElementById("choosesharecontainer").classList.contains("hidden") &&
 			document.getElementById("advancedloadfile").classList.contains("hidden")
 		);
 	}
+
+	var mainmenu_is_untab = false;
+	function mainmenu_untab(untab)
+	{
+		mainmenu_is_untab = untab;
+		document.querySelectorAll('.mainnav').forEach(
+			(el) => {
+				el.setAttribute('tabindex', mainmenu_is_untab?'-1':'0');
+			}
+		);
+	}
 	function hide_popups() {
 		document.getElementById("saveloadcontainer").classList.add("hidden");
 		document.getElementById("newgamecontainer").classList.add("hidden");
@@ -6927,11 +7416,11 @@ Current version: 148
 		document.getElementById("quickstartcontainer").classList.add("hidden");
 		document.getElementById("zoomedimgcontainer").classList.add("hidden");
 		document.getElementById("groupselectcontainer").classList.add("hidden");
-		document.getElementById("imagestylecontainer").classList.add("hidden");
 		document.getElementById("addimgcontainer").classList.add("hidden");
 		document.getElementById("pasteimgcontainer").classList.add("hidden");
 		document.getElementById("choosesharecontainer").classList.add("hidden");
 		document.getElementById("advancedloadfile").classList.add("hidden");
+		mainmenu_untab(false);
 	}
 
 	function preview_dynatemp(isModifiedRange)
@@ -6970,7 +7459,7 @@ Current version: 148
 	function confirm_dynatemp()
 	{
 		document.getElementById("dynatempcontainer").classList.add("hidden");
-		document.getElementById("dynatemp_overview").innerText = ((document.getElementById("dynatemp_range").value>0||document.getElementById("smoothing_factor").value>0)?"ON":"OFF");
+		document.getElementById("dynatemp_overview").innerText = (document.getElementById("dynatemp_range").value>0?"ON":"OFF");
 	}
 	function show_dynatemp()
 	{
@@ -6990,15 +7479,6 @@ Current version: 148
 		window.open('./sdui','_blank');
 	}
 
-	function selectImgStyle()
-	{
-		document.getElementById("imagestylecontainer").classList.remove("hidden");
-	}
-	function confirmImgStyle()
-	{
-		document.getElementById("imagestylecontainer").classList.add("hidden");
-	}
-
 	var pendinggrammar = "";
 	function selectGrammar()
 	{
@@ -7009,6 +7489,17 @@ Current version: 148
 		},false,true);
 	}
 
+	var pendingsequencebreakers = [];
+	function setDryBreakers()
+	{
+		let breakersString = pendingsequencebreakers.map((x) => x.replace("\n", "\\n")).join("\n")
+		inputBox("Enter each sequence breaker on a separate line.\nUse \\n for a newline token.\n","Set DRY Sequence Breakers",breakersString,"",()=>{
+			let userinput = getInputBoxValue();
+			pendingsequencebreakers = userinput.split("\n").filter(Boolean).map((x) => x.replace("\\n", "\n"));
+			console.log("Sequence breakers: " + pendingsequencebreakers.map((x) => x.replace("\n", "\\n")));
+		},false,true);
+	}
+
 	function expand_tokens_section(targetid)
 	{
 		let tablist = ["expandregexreplace","expandtokenbans","expandlogitbias","expandplaceholdertags"];
@@ -7344,17 +7835,20 @@ Current version: 148
 			oai_model_change();
 		},false);
 	}
-	function oai_model_change()
+	function oai_model_change(autotoggle_check = false)
 	{
 		let isOpenrouter = (document.getElementById("customapidropdown").value==3);
 		let dropdown = (isOpenrouter?document.getElementById("custom_openrouter_model"):document.getElementById("custom_oai_model"));
 		let non_completions = (dropdown.value.includes("davinci-002") || dropdown.value.includes("text-davinci-003") || dropdown.value.includes("text-davinci-002")
 		|| dropdown.value.includes("text-davinci-001") || dropdown.value.includes("gpt-3.5-turbo-instruct") || dropdown.value == "davinci");
-		if(isOpenrouter || dropdown.selectedIndex==dropdown.options.length-1)
+		if(autotoggle_check)
 		{
-			document.getElementById("useoaichatcompl").checked = true;
-		} else {
-			document.getElementById("useoaichatcompl").checked = !non_completions;
+			if(isOpenrouter || dropdown.selectedIndex==dropdown.options.length-1)
+			{
+				document.getElementById("useoaichatcompl").checked = true;
+			} else {
+				document.getElementById("useoaichatcompl").checked = !non_completions;
+			}
 		}
 		toggleoaichatcompl();
 	}
@@ -7415,7 +7909,7 @@ Current version: 148
 				}
 				dropdown.appendChild(lastOption);
 				dropdown.selectedIndex = selidx;
-				oai_model_change();
+				oai_model_change(true);
 			}
 			else
 			{
@@ -7568,6 +8062,7 @@ Current version: 148
 
 	function connect_custom_endpoint()
 	{
+		mainmenu_untab(false);
 		custom_kobold_endpoint = "";
 		custom_kobold_key = "";
 		custom_oai_key = "";
@@ -7611,7 +8106,7 @@ Current version: 148
 						console.log(values);
 						let mdlname = values[0].result;
 						if (!mdlname) {
-							msgbox("Error at Custom Kobold Endpoint!\n\nThe custom endpoint failed to respond correctly.");
+							msgbox("Error at Custom KoboldAI Endpoint!\n\nThe custom endpoint failed to respond correctly.");
 							selected_models = [];
 							selected_workers = [];
 							custom_kobold_endpoint = "";
@@ -7640,10 +8135,9 @@ Current version: 148
 									"worker_count": 0
 								};
 								document.body.classList.add("connected");
-								document.getElementById("connectstatus").classList.remove("color_orange");
-								document.getElementById("connectstatus").classList.add("color_green");
+								document.getElementById("connectstatus").classList.add("color_offwhite");
 							}
-							document.getElementById("connectstatus").innerHTML = "Connected to Custom Endpoint";
+							document.getElementById("connectstatus").innerHTML = "KoboldAI Endpoint";
 							render_gametext();
 
 							{
@@ -7698,9 +8192,12 @@ Current version: 148
 									{
 										koboldcpp_version = data.version;
 										console.log("KoboldCpp Detected: " + koboldcpp_version);
+										document.getElementById("connectstatus").innerHTML = ("KoboldCpp "+koboldcpp_version);
 										koboldcpp_has_vision = (data.vision?true:false);
 										koboldcpp_has_whisper = (data.transcribe?true:false);
 										let has_password = (data.protected?true:false);
+										let has_txt2img = (data.txt2img?true:false);
+										let no_model = (mdlname=="inactive");
 
 										//also check against kcpp's max true context length
 										fetch(apply_proxy_url(desiredkoboldendpoint + koboldcpp_truemaxctxlen_endpoint),
@@ -7716,10 +8213,10 @@ Current version: 148
 											{
 												document.getElementById("max_context_length_slide").max = ep_maxctx;
 												document.getElementById("max_context_length_slide_label").innerText = ep_maxctx;
-												if(localflag && localsettings.max_context_length==2048 && ep_maxctx>2048)
-												{
-													localsettings.max_context_length = ep_maxctx;
-												}
+											}
+											if(localflag && localsettings.max_context_length==2048 && ep_maxctx>2048)
+											{
+												localsettings.max_context_length = ep_maxctx;
 											}
 										}).catch(error => {
 											console.log("Failed to get true max ctx: " + error);
@@ -7737,8 +8234,7 @@ Current version: 148
 											let is_kai = !(tmpstory.prompt==null);
 											if(is_kai)
 											{
-												let safe_to_overwrite = (gametext_arr.length == 0 && current_memory == "" && current_anote == "" && current_wi.length == 0 && redo_arr.length == 0);
-												if (localsettings.persist_session && !safe_to_overwrite) {
+												if (localsettings.persist_session && !safe_to_overwrite()) {
 													console.log("Preload story: Unsafe to overwrite");
 												} else {
 													kai_json_load(tmpstory, false);
@@ -7785,7 +8281,7 @@ Current version: 148
 										if(localflag && has_password && !localmodekey)
 										{
 											console.log("Password protection detected. Prompting for password...");
-											inputBox("This KoboldCpp instance may be password protected.\nPlease input password:","Kobold API Key Required",localsettings.saved_kai_key,"(Input Kobold API Key)", ()=>{
+											inputBox("This KoboldCpp instance may be password protected.\nPlease input password:","API Key Required",localsettings.saved_kai_key,"(Input API Key)", ()=>{
 												let userinput = getInputBoxValue();
 												userinput = userinput.trim();
 												if (userinput != null && userinput!="") {
@@ -7793,6 +8289,13 @@ Current version: 148
 												}
 											},false,false,true);
 										}
+										else if(localflag && has_txt2img && no_model && safe_to_overwrite())
+										{
+											msgboxYesNo("This KoboldCpp instance seems to be running an Image Generation model without any Text Generation model loaded.\n\nWould you like to launch StableUI (Dedicated Image Generation WebUI bundled with KoboldCpp)?\n\nIf unsure, select 'No'.","Launch StableUI?", ()=>{
+												go_to_stableui();
+											},()=>{
+											});
+										}
 
 									}else{
 										console.log("Unknown KoboldCpp Check Response: " + data);
@@ -7828,7 +8331,7 @@ Current version: 148
 							}
 							else
 							{
-								msgbox("Failed to connect to Custom Kobold Endpoint!<br><br>Please check if KoboldAI is running at the url: " + desiredkoboldendpoint + "<br><br>You can also <a href='#' class='color_blueurl' onclick='hide_popups();display_endpoint_container();'>try a different URL or API type</a>.","Error Encountered",true);
+								msgbox("Failed to connect to Custom KoboldAI Endpoint!<br><br>Please check if KoboldAI is running at the url: " + desiredkoboldendpoint + "<br><br>You can also <a href='#' class='color_blueurl' onclick='hide_popups();display_endpoint_container();'>try a different URL or API type</a>.","Error Encountered",true);
 								selected_models = [];
 								selected_workers = [];
 								custom_kobold_endpoint = "";
@@ -7903,10 +8406,9 @@ Current version: 148
 						"worker_count": 0
 					};
 					document.body.classList.add("connected");
-					document.getElementById("connectstatus").classList.remove("color_orange");
-					document.getElementById("connectstatus").classList.add("color_green");
+					document.getElementById("connectstatus").classList.add("color_offwhite");
 				}
-				document.getElementById("connectstatus").innerHTML = "Connected to OAI Endpoint";
+				document.getElementById("connectstatus").innerHTML = "OpenAI Endpoint";
 				render_gametext(true);
 			}
 		}
@@ -7954,10 +8456,9 @@ Current version: 148
 						"worker_count": 0
 					};
 					document.body.classList.add("connected");
-					document.getElementById("connectstatus").classList.remove("color_orange");
-					document.getElementById("connectstatus").classList.add("color_green");
+					document.getElementById("connectstatus").classList.add("color_offwhite");
 				}
-				document.getElementById("connectstatus").innerHTML = "Connected to Claude Endpoint";
+				document.getElementById("connectstatus").innerHTML = "Claude Endpoint";
 				render_gametext();
 
 			}
@@ -7987,10 +8488,9 @@ Current version: 148
 						"worker_count": 0
 					};
 					document.body.classList.add("connected");
-					document.getElementById("connectstatus").classList.remove("color_orange");
-					document.getElementById("connectstatus").classList.add("color_green");
+					document.getElementById("connectstatus").classList.add("color_offwhite");
 				}
-				document.getElementById("connectstatus").innerHTML = "Connected to PaLM Endpoint";
+				document.getElementById("connectstatus").innerHTML = "Gemini Endpoint";
 				render_gametext();
 			}
 		}
@@ -8019,10 +8519,9 @@ Current version: 148
 						"worker_count": 0
 					};
 					document.body.classList.add("connected");
-					document.getElementById("connectstatus").classList.remove("color_orange");
-					document.getElementById("connectstatus").classList.add("color_green");
+					document.getElementById("connectstatus").classList.add("color_offwhite");
 				}
-				document.getElementById("connectstatus").innerHTML = "Connected to Cohere Endpoint";
+				document.getElementById("connectstatus").innerHTML = "Cohere Endpoint";
 				render_gametext();
 			}
 		}
@@ -8030,16 +8529,19 @@ Current version: 148
 
 	function display_endpoint_container()
 	{
+		mainmenu_untab(true);
 		document.getElementById("customendpointcontainer").classList.remove("hidden");
 		customapi_dropdown();
 	}
 	function dismiss_endpoint_container()
 	{
+		mainmenu_untab(false);
 		document.getElementById("customendpointcontainer").classList.add("hidden");
 	}
 
 	function display_saveloadcontainer()
 	{
+		mainmenu_untab(true);
 		document.getElementById("saveloadcontainer").classList.remove("hidden");
 
 		let filetable = ``;
@@ -8056,7 +8558,7 @@ Current version: 148
 
 		try
 		{
-			for(let i=0;i<6;++i)
+			for(let i=0;i<SAVE_SLOTS;++i)
 			{
 				let testslot = localStorage.getItem(STORAGE_PREFIX + "slot_"+i+"_meta");
 				entry = `<div style="display:flex; height:42px;">
@@ -8064,13 +8566,15 @@ Current version: 148
 					`+(testslot?`[ Slot `+(i+1)+` - `+testslot+` ]`:`[ Slot `+(i+1)+` - Empty ]`)+`
 					</div>
 					<div style="text-align: right; align-self: center; width: 184px;">
-					<button type="button" name="slc`+i+`" class="btn btn-primary" onclick="save_to_slot(`+i+`)"><img class="btnicon-save"/></button>
-					<button type="button" name="slc`+i+`" class="btn btn-primary" onclick="load_from_slot(`+i+`)" `+(testslot?"":"disabled")+`><img class="btnicon-load"/></button>
-					<button type="button" name="slc`+i+`" class="btn btn-primary bg_green" onclick="download_from_slot(`+i+`)" `+(testslot?"":"disabled")+`><img class="btnicon-download"/></button>
-					<button type="button" name="slc`+i+`" class="btn btn-primary bg_red" onclick="delete_from_slot(`+i+`)" `+(testslot?"":"disabled")+`><img class="btnicon-delete"/></button>
+					<button type="button" title="Save To Slot ${i}" name="slc${i}" class="btn btn-primary" onclick="save_to_slot(${i})"><img class="btnicon-save"/></button>
+					<button type="button" title="Load From Slot ${i}" name="slc${i}" class="btn btn-primary" onclick="load_from_slot(${i})" `+(testslot?"":"disabled")+`><img class="btnicon-load"/></button>
+					<button type="button" title="Download Slot ${i}" name="slc${i}" class="btn btn-primary bg_green" onclick="download_from_slot(${i})" `+(testslot?"":"disabled")+`><img class="btnicon-download"/></button>
+					<button type="button" title="Delete Slot ${i}" name="slc${i}" class="btn btn-primary bg_red" onclick="delete_from_slot(${i})" `+(testslot?"":"disabled")+`><img class="btnicon-delete"/></button>
 					</div></div>`;
 				filetable += entry;
 			}
+
+			populate_corpo_leftpanel();
 		} catch (e) {
 			console.log("get slots failed: " + e);
 		}
@@ -8090,6 +8594,7 @@ Current version: 148
 
 		const slotwrite = function()
 		{
+			warn_on_quit = false;
 			inputBox("Enter a label for this Browser Storage Slot data","Enter a label",savename,defaultsavename,()=>{
 				let userinput = getInputBoxValue();
 				if(userinput.trim()=="")
@@ -8197,7 +8702,10 @@ Current version: 148
 			else
 			{
 				console.log("Error: " + errArr);
-				msgbox("Failed to fetch models!\nPlease check your network connection.");
+				if(!is_popup_open())
+				{
+					msgbox("Failed to fetch models!\nPlease check your network connection.");
+				}
 			}
 		});
 	}
@@ -8372,7 +8880,7 @@ Current version: 148
 				desired_new_home_cluster = null;
 			}
 
-			document.getElementById("connectstatus").innerHTML = "Connected to AI Horde";
+			document.getElementById("connectstatus").innerHTML = "AI Horde";
 
 			render_gametext();
 			hide_popups();
@@ -8592,30 +9100,46 @@ Current version: 148
 		}
 	}
 
-	var current_settings_tab_basic = true;
-	function display_settings_tab(isbasic)
+	var current_settings_tab_idx = 0;
+	function display_settings_tab(tabidx)
 	{
-		current_settings_tab_basic = isbasic;
-		document.getElementById("settingsmenubasic_tab").classList.remove("active");
+		current_settings_tab_idx = tabidx;
+		document.getElementById("settingsmenusamplers_tab").classList.remove("active");
+		document.getElementById("settingsmenuformat_tab").classList.remove("active");
+		document.getElementById("settingsmenumedia_tab").classList.remove("active");
 		document.getElementById("settingsmenuadvanced_tab").classList.remove("active");
-		if (isbasic) {
-			document.getElementById("settingsmenubasic1").classList.remove("hidden");
-			document.getElementById("settingsmenubasic2").classList.remove("hidden");
-			document.getElementById("settingsmenuadvanced1").classList.add("hidden");
-			document.getElementById("settingsmenuadvanced2").classList.add("hidden");
-			document.getElementById("settingsmenubasic_tab").classList.add("active");
-		} else {
-			document.getElementById("settingsmenubasic1").classList.add("hidden");
-			document.getElementById("settingsmenubasic2").classList.add("hidden");
-			document.getElementById("settingsmenuadvanced1").classList.remove("hidden");
-			document.getElementById("settingsmenuadvanced2").classList.remove("hidden");
-			document.getElementById("settingsmenuadvanced_tab").classList.add("active");
+
+		document.getElementById("settingsmenusamplers").classList.add("hidden");
+		document.getElementById("settingsmenuformat").classList.add("hidden");
+		document.getElementById("settingsmenumedia").classList.add("hidden");
+		document.getElementById("settingsmenuadvanced").classList.add("hidden");
+
+		switch (tabidx) {
+			case 0: //format
+				document.getElementById("settingsmenuformat").classList.remove("hidden");
+				document.getElementById("settingsmenuformat_tab").classList.add("active");
+			break;
+			case 1: //samplers
+				document.getElementById("settingsmenusamplers").classList.remove("hidden");
+				document.getElementById("settingsmenusamplers_tab").classList.add("active");
+			break;
+			case 2: //media
+				document.getElementById("settingsmenumedia").classList.remove("hidden");
+				document.getElementById("settingsmenumedia_tab").classList.add("active");
+			break;
+			case 3: //advanced
+				document.getElementById("settingsmenuadvanced").classList.remove("hidden");
+				document.getElementById("settingsmenuadvanced_tab").classList.add("active");
+			break;
+			default:
+			break;
 		}
 	}
 
 	function display_settings() {
+		mainmenu_untab(true);
 		document.getElementById("settingscontainer").classList.remove("hidden");
-		display_settings_tab(current_settings_tab_basic);
+		display_settings_tab(current_settings_tab_idx);
 		document.getElementById("max_context_length").value = document.getElementById("max_context_length_slide").value = localsettings.max_context_length;
 		document.getElementById("max_length").value = document.getElementById("max_length_slide").value = localsettings.max_length;
 		document.getElementById("temperature").value = document.getElementById("temperature_slide").value = localsettings.temperature;
@@ -8628,6 +9152,7 @@ Current version: 148
 		document.getElementById("viewport_width_mode").value = localsettings.viewport_width_mode;
 		document.getElementById("export_settings").checked = localsettings.export_settings;
 		document.getElementById("show_advanced_load").checked = localsettings.show_advanced_load;
+		document.getElementById("import_tavern_prompt").checked = localsettings.import_tavern_prompt;
 		document.getElementById("invert_colors").checked = localsettings.invert_colors;
 		document.getElementById("trimsentences").checked = localsettings.trimsentences;
 		document.getElementById("trimwhitespace").checked = localsettings.trimwhitespace;
@@ -8640,6 +9165,7 @@ Current version: 148
 		document.getElementById("chatopponent").value = replaceAll(localsettings.chatopponent,"||$||","\n");
 		handle_bot_name_onchange();
 		document.getElementById("instruct_starttag").value = localsettings.instruct_starttag;
+		document.getElementById("instruct_systag").value = localsettings.instruct_systag;
 		let sp = replaceAll(localsettings.instruct_sysprompt, "\n", "\\n");
 		document.getElementById("instruct_sysprompt").value = sp;
 		document.getElementById("instruct_endtag").value = localsettings.instruct_endtag;
@@ -8647,17 +9173,20 @@ Current version: 148
 		document.getElementById("dynatemp_range").value = localsettings.dynatemp_range;
 		document.getElementById("dynatemp_exponent").value = localsettings.dynatemp_exponent;
 		document.getElementById("smoothing_factor").value = localsettings.smoothing_factor;
-		document.getElementById("dynatemp_overview").innerText = ((localsettings.dynatemp_range>0||localsettings.smoothing_factor>0)?"ON":"OFF");
+		document.getElementById("dynatemp_overview").innerText = (localsettings.dynatemp_range>0?"ON":"OFF");
 		document.getElementById("presence_penalty").value = localsettings.presence_penalty;
 		document.getElementById("sampler_seed").value = localsettings.sampler_seed;
-		document.getElementById("top_k").value = localsettings.top_k;
+		document.getElementById("top_k").value =  document.getElementById("top_k_slide").value = localsettings.top_k;
 		document.getElementById("top_a").value = localsettings.top_a;
 		document.getElementById("typ_s").value = localsettings.typ_s;
 		document.getElementById("tfs_s").value = localsettings.tfs_s;
 		document.getElementById("miro_type").value = localsettings.miro_type;
 		document.getElementById("miro_tau").value = localsettings.miro_tau;
 		document.getElementById("miro_eta").value = localsettings.miro_eta;
-		edit_instruct_tag_format();
+		document.getElementById("dry_multiplier").value = localsettings.dry_multiplier;
+		document.getElementById("dry_base").value = localsettings.dry_base;
+		document.getElementById("dry_allowed_length").value = localsettings.dry_allowed_length;
+
 		if(is_using_kcpp_with_mirostat())
 		{
 			document.getElementById("mirosupporteddiv").classList.remove("hidden");
@@ -8669,6 +9198,18 @@ Current version: 148
 			document.getElementById("mirounsupporteddiv").classList.remove("hidden");
 		}
 
+		if(is_using_kcpp_with_dry())
+		{
+			document.getElementById("drysupporteddiv").classList.remove("hidden");
+			document.getElementById("dryunsupporteddiv").classList.add("hidden");
+		}
+		else
+		{
+			document.getElementById("drysupporteddiv").classList.add("hidden");
+			document.getElementById("dryunsupporteddiv").classList.remove("hidden");
+		}
+		pendingsequencebreakers = localsettings.dry_sequence_breakers;
+
 		document.getElementById("setgrammar").disabled = !is_using_kcpp_with_grammar();
 		document.getElementById("voice_typing_mode").disabled = !is_using_kcpp_with_whisper();
 		document.getElementById("grammar_retain_state").disabled = document.getElementById("setgrammar").disabled;
@@ -8687,10 +9228,8 @@ Current version: 148
 			toggle_generate_images_mode(true);
 		}
 		document.getElementById("multiline_replies").checked = localsettings.multiline_replies;
-		document.getElementById("multiline_replies_adventure").checked = localsettings.multiline_replies_adventure;
 		document.getElementById("allow_continue_chat").checked = localsettings.allow_continue_chat;
-		document.getElementById("inject_timestamps_chat").checked = localsettings.inject_timestamps_chat;
-		document.getElementById("inject_timestamps_instruct").checked = localsettings.inject_timestamps_instruct;
+		document.getElementById("inject_timestamps").checked = localsettings.inject_timestamps;
 		document.getElementById("inject_chatnames_instruct").checked = localsettings.inject_chatnames_instruct;
 		document.getElementById("inject_jailbreak_instruct").checked = localsettings.inject_jailbreak_instruct;
 		document.getElementById("idle_responses").value = localsettings.idle_responses;
@@ -8719,14 +9258,23 @@ Current version: 148
 		let samplerstr = localsettings.sampler_order.toString();
 		document.getElementById("sampler_order").value = samplerstr;
 
-		//populate the presets list
+		//populate the sampler presets list
 		let npresets = "";
-		for (var i = 0; i < presets.length; ++i) {
-			npresets += `<option value="` + i + `" title="` + presets[i].description + `">` + presets[i].preset + `</option>`;
+		for (var i = 0; i < samplerpresets.length; ++i) {
+			npresets += `<option value="` + i + `" title="` + samplerpresets[i].description + `">` + samplerpresets[i].preset + `</option>`;
 		}
 		npresets += `<option value="9999" title="User Defined Settings">[Custom]</option>`;
-		document.getElementById("presets").innerHTML = npresets;
-		document.getElementById("presets").value = localsettings.last_selected_preset;
+		document.getElementById("samplerpresets").innerHTML = npresets;
+		document.getElementById("samplerpresets").value = localsettings.last_selected_preset;
+
+		//populate instruct presets
+		let inspresets = `<option value="0">[Custom]</option>`;
+		for(let i=0;i<instructpresets.length;++i)
+		{
+			inspresets += `<option value="${instructpresets[i].id}">${instructpresets[i].name}</option>`
+		}
+		document.getElementById("instruct_tag_format").innerHTML = inspresets;
+		edit_instruct_tag_format();
 
 		var ttshtml = "<option value=\"0\">Disabled</option>";
 		ttshtml += "<option value=\"1000\">XTTS API Server</option>";
@@ -8765,7 +9313,7 @@ Current version: 148
 		document.getElementById("img_steps").value = localsettings.img_steps;
 		document.getElementById("prompt_for_savename").checked = localsettings.prompt_for_savename;
 		document.getElementById("img_allownsfw").checked = localsettings.img_allownsfw;
-
+		setting_tweaked();
 	}
 
 	function update_horde_sdmodels()
@@ -8778,10 +9326,9 @@ Current version: 148
 	}
 
 	function toggle_preset() {
-		let selp = document.getElementById("presets").value;
-		let found = presets[selp];
+		let selp = document.getElementById("samplerpresets").value;
+		let found = samplerpresets[selp];
 		if (found) {
-			temp_changingpreset = true;
 			document.getElementById("temperature").value = document.getElementById("temperature_slide").value = found.temp;
 			document.getElementById("max_length").value = document.getElementById("max_length_slide").value = found.genamt;
 			document.getElementById("presence_penalty").value = found.presence_penalty;
@@ -8789,16 +9336,21 @@ Current version: 148
 			document.getElementById("dynatemp_range").value = found.dynatemp_range;
 			document.getElementById("dynatemp_exponent").value = found.dynatemp_exponent;
 			document.getElementById("smoothing_factor").value = found.smoothing_factor;
-			document.getElementById("top_k").value = found.top_k;
+			document.getElementById("top_k").value = document.getElementById("top_k_slide").value = found.top_k;
 			document.getElementById("top_p").value = document.getElementById("top_p_slide").value = found.top_p;
 			document.getElementById("top_a").value = found.top_a;
 			document.getElementById("typ_s").value = found.typical;
 			document.getElementById("tfs_s").value = found.tfs;
 			document.getElementById("miro_type").value = 0;
+			document.getElementById("dry_multiplier").value = 0;
 			document.getElementById("rep_pen").value = document.getElementById("rep_pen_slide").value = found.rep_pen;
 			document.getElementById("rep_pen_range").value = found.rep_pen_range;
 			document.getElementById("rep_pen_slope").value = found.rep_pen_slope;
 			document.getElementById("sampler_order").value = found.sampler_order.toString();
+			document.getElementById("presetsdesc").innerText = found.description;
+			document.getElementById("dynatemp_overview").innerText = (document.getElementById("dynatemp_range").value>0?"ON":"OFF");
+		}else{
+			document.getElementById("presetsdesc").innerText = "";
 		}
 	}
 
@@ -8858,13 +9410,37 @@ Current version: 148
 		}
 	}
 
-	//when we actually want to change presets, set to true temporarily, it will skip one update
-	var temp_changingpreset = false;
+	//check if any setting is modified from current preset, and set to custom if so
 	function setting_tweaked() {
-		if (!temp_changingpreset) {
-			document.getElementById("presets").value = 9999;
-		} else {
-			temp_changingpreset = false;
+		let selp = document.getElementById("samplerpresets").value;
+		let found = samplerpresets[selp];
+		if (found && selp!=9999) {
+			document.getElementById("presetsdesc").innerText = found.description;
+			let changed = (document.getElementById("temperature").value != found.temp ||
+			document.getElementById("max_length").value != found.genamt ||
+			document.getElementById("presence_penalty").value != found.presence_penalty ||
+			document.getElementById("min_p").value != found.min_p ||
+			document.getElementById("dynatemp_range").value != found.dynatemp_range ||
+			document.getElementById("dynatemp_exponent").value != found.dynatemp_exponent ||
+			document.getElementById("smoothing_factor").value != found.smoothing_factor ||
+			document.getElementById("top_k").value != found.top_k ||
+			document.getElementById("top_p").value != found.top_p ||
+			document.getElementById("top_a").value != found.top_a ||
+			document.getElementById("typ_s").value != found.typical ||
+			document.getElementById("tfs_s").value != found.tfs ||
+			document.getElementById("miro_type").value != 0 ||
+			document.getElementById("dry_multiplier").value != 0 ||
+			document.getElementById("rep_pen").value !=  found.rep_pen ||
+			document.getElementById("rep_pen_range").value != found.rep_pen_range ||
+			document.getElementById("rep_pen_slope").value != found.rep_pen_slope ||
+			document.getElementById("sampler_order").value != found.sampler_order.toString());
+			if(changed)
+			{
+				document.getElementById("samplerpresets").value = 9999;
+				document.getElementById("presetsdesc").innerText = "Custom settings with modified settings.";
+			}
+		}else{
+			document.getElementById("presetsdesc").innerText = "Custom settings with modified settings.";
 		}
 	}
 
@@ -8911,6 +9487,7 @@ Current version: 148
 		}
 		localsettings.chatopponent = newopps;
 		localsettings.instruct_starttag = document.getElementById("instruct_starttag").value;
+		localsettings.instruct_systag = document.getElementById("instruct_systag").value;
 		localsettings.instruct_sysprompt = document.getElementById("instruct_sysprompt").value;
 		localsettings.instruct_sysprompt = replaceAll(localsettings.instruct_sysprompt, "\\n", "\n");
 		if (localsettings.instruct_starttag == null || localsettings.instruct_starttag == "") {
@@ -8936,6 +9513,7 @@ Current version: 148
 		localsettings.viewport_width_mode = document.getElementById("viewport_width_mode").value;
 		localsettings.export_settings = (document.getElementById("export_settings").checked ? true : false);
 		localsettings.show_advanced_load = (document.getElementById("show_advanced_load").checked ? true : false);
+		localsettings.import_tavern_prompt = (document.getElementById("import_tavern_prompt").checked ? true : false);
 		localsettings.invert_colors = (document.getElementById("invert_colors").checked ? true : false);
 		localsettings.trimsentences = (document.getElementById("trimsentences").checked ? true : false);
 		localsettings.trimwhitespace = (document.getElementById("trimwhitespace").checked ? true : false);
@@ -8960,10 +9538,8 @@ Current version: 148
 			localsettings.gui_type_instruct = document.getElementById("gui_type").value;
 		}
 		localsettings.multiline_replies = (document.getElementById("multiline_replies").checked ? true : false);
-		localsettings.multiline_replies_adventure = (document.getElementById("multiline_replies_adventure").checked ? true : false);
 		localsettings.allow_continue_chat = (document.getElementById("allow_continue_chat").checked ? true : false);
-		localsettings.inject_timestamps_chat = (document.getElementById("inject_timestamps_chat").checked ? true : false);
-		localsettings.inject_timestamps_instruct = (document.getElementById("inject_timestamps_instruct").checked ? true : false);
+		localsettings.inject_timestamps = (document.getElementById("inject_timestamps").checked ? true : false);
 		localsettings.inject_chatnames_instruct = (document.getElementById("inject_chatnames_instruct").checked ? true : false);
 		localsettings.inject_jailbreak_instruct = (document.getElementById("inject_jailbreak_instruct").checked ? true : false);
 		localsettings.idle_responses = document.getElementById("idle_responses").value;
@@ -8991,6 +9567,10 @@ Current version: 148
 		localsettings.miro_type = document.getElementById("miro_type").value;
 		localsettings.miro_tau = document.getElementById("miro_tau").value;
 		localsettings.miro_eta = document.getElementById("miro_eta").value;
+		localsettings.dry_multiplier = document.getElementById("dry_multiplier").value;
+		localsettings.dry_base = document.getElementById("dry_base").value;
+		localsettings.dry_allowed_length = document.getElementById("dry_allowed_length").value;
+		localsettings.dry_sequence_breakers = pendingsequencebreakers;
 
 		localsettings.speech_synth = document.getElementById("ttsselect").value;
 		localsettings.xtts_voice = document.getElementById("xtts_voices").value;
@@ -9037,7 +9617,7 @@ Current version: 148
 			localsettings.img_aspect = defaultsettings.img_aspect;
 		}
 
-		if(is_aesthetic_ui())
+		if(is_aesthetic_ui() || is_corpo_ui())
 		{
 			//kick out of edit mode
 			if(document.getElementById("allowediting"))
@@ -9049,7 +9629,7 @@ Current version: 148
 
 		//validate samplers, if fail, reset to default
 		validate_samplers(true);
-		localsettings.last_selected_preset = document.getElementById("presets").value;
+		localsettings.last_selected_preset = document.getElementById("samplerpresets").value;
 
 		//clean and clamp invalid values
 		localsettings.max_context_length = cleannum(localsettings.max_context_length, 8, 999999);
@@ -9072,6 +9652,9 @@ Current version: 148
 		localsettings.miro_type = cleannum(localsettings.miro_type, 0, 2);
 		localsettings.miro_tau = cleannum(localsettings.miro_tau, 0, 30);
 		localsettings.miro_eta = cleannum(localsettings.miro_eta, 0, 10);
+		localsettings.dry_multiplier = cleannum(localsettings.dry_multiplier, 0.0, 100.0);
+		localsettings.dry_base = cleannum(localsettings.dry_base, 0.0, 8.0);
+		localsettings.dry_allowed_length = cleannum(Math.floor(localsettings.dry_allowed_length), 0, 100);
 		localsettings.sampler_seed = cleannum(localsettings.sampler_seed, -1, 999999);
 		toggle_invert_colors();
 
@@ -9089,67 +9672,30 @@ Current version: 148
 	{
 		let st = "";
 		let et = "";
+		let systag = "";
 
-		switch(sel)
+		for(let i=0;i<instructpresets.length;++i)
 		{
-			case "1": //alpaca
-				st = defaultsettings.instruct_starttag;
-				et = defaultsettings.instruct_endtag;
-				break;
-			case "2": //vicuna
-				st = "\\nUSER: ";
-				et = "\\nASSISTANT: ";
-				break;
-			case "3": //metharme
-				st = `<|user|>`;
-				et = `<|model|>`;
-				break;
-			case "4": //llama 2 chat
-				st = "[INST] ";
-				et = " [/INST]";
-				break;
-			case "5": //Q & A
-				st = "\\nQuestion: ";
-				et = "\\nAnswer: ";
-				break;
-			case "6": //ChatML
-				st = "<|im_end|>\\n<|im_start|>user\\n";
-				et = "<|im_end|>\\n<|im_start|>assistant\\n";
-				break;
-			case "7": //Input & Output
-				st = "\\n{{[INPUT]}}\\n";
-				et = "\\n{{[OUTPUT]}}\\n";
-				break;
-			case "8": //CommandR
-				st = "<|END_OF_TURN_TOKEN|><|START_OF_TURN_TOKEN|><|USER_TOKEN|>";
-				et = "<|END_OF_TURN_TOKEN|><|START_OF_TURN_TOKEN|><|CHATBOT_TOKEN|>";
-				break;
-			case "9": //llama 3 chat
-				st = "<|eot_id|><|start_header_id|>user<|end_header_id|>\\n\\n";
-				et = "<|eot_id|><|start_header_id|>assistant<|end_header_id|>\\n\\n";
-				break;
-			case "10": // Phi-3 Mini
-                st = "<|end|><|user|>\\n";
-                et = "<|end|>\\n<|assistant|>";
-                break;
-			case "11": // Gemma 2
-                st = "<end_of_turn>\\n<start_of_turn>user\\n";
-                et = "<end_of_turn>\\n<start_of_turn>assistant\\n";
-                break;
-			default:
+			if(instructpresets[i].id==sel)
+			{
+				st = instructpresets[i].user;
+				et = instructpresets[i].assistant;
+				systag = instructpresets[i].system;
 				break;
+			}
 		}
 
-		return {"start":st,"end":et};
+		return {"start":st,"end":et,"system":systag};
 	}
 	function toggle_instruct_tag_format()
 	{
 		let sel = document.getElementById('instruct_tag_format').value;
 		let itags = get_preset_instruct_tag_format(sel);
-		if(itags.start!="" && itags.end!="")
+		if(itags.start!="" && itags.end!="" && itags.system!==null)
 		{
 			document.getElementById('instruct_starttag').value = itags.start;
 			document.getElementById('instruct_endtag').value = itags.end;
+			document.getElementById('instruct_systag').value = itags.system;
 		}
 	}
 	function edit_instruct_tag_format()
@@ -9162,7 +9708,8 @@ Current version: 148
 			let itags = get_preset_instruct_tag_format(option.value);
 			let st = document.getElementById('instruct_starttag').value;
 			let et = document.getElementById('instruct_endtag').value;
-			if(itags.start!="" && itags.end!="" && itags.start==st && itags.end==et)
+			let systag = document.getElementById('instruct_systag').value;
+			if(itags.start!="" && itags.end!="" && itags.start==st && itags.end==et && itags.system==systag)
 			{
 				document.getElementById('instruct_tag_format').value = option.value;
 				found = true;
@@ -9230,28 +9777,42 @@ Current version: 148
 		//show or hide the 'Customize UI' button based on whether the Aesthetic Instruct UI Mode is active or not.
 		if (document.getElementById('gui_type').value==2) { document.getElementById('btn_aesthetics').classList.remove('hidden'); }
 		else { document.getElementById('btn_aesthetics').classList.add('hidden'); }
+		switch(document.getElementById('gui_type').value)
+		{
+			case "0": document.getElementById("guitypedesc").innerText = "The classic Kobold Blue theme everyone loves."; break;
+			case "1": document.getElementById("guitypedesc").innerText = "A compact instant messenger styled chat theme."; break;
+			case "2": document.getElementById("guitypedesc").innerText = "Customizable aesthetic theme with character portraits."; break;
+			case "3": document.getElementById("guitypedesc").innerText = "Clean, minimalistic, corporate AI assistant theme."; break;
+			default: document.getElementById("guitypedesc").innerText = ""; break;
+		}
 	}
+
 	function toggle_include_chatnames()
 	{
 		if (document.getElementById("inject_chatnames_instruct").checked) {
-			document.getElementById('chatinstructsharedsection2').classList.remove('hidden');
+			document.getElementById('chatnamessection').classList.remove('hidden');
 		} else {
-			document.getElementById('chatinstructsharedsection2').classList.add('hidden');
+			document.getElementById('chatnamessection').classList.add('hidden');
 		}
 	}
+
 	function toggle_opmode() {
 
-		document.getElementById('chatnamesection1').classList.add('hidden');
-		document.getElementById('adventuresection1').classList.add('hidden');
-		document.getElementById('instructsection1').classList.add('hidden');
-		document.getElementById('chatnamesection2').classList.add('hidden');
-		document.getElementById('chatinstructsharedsection2').classList.add('hidden');
-		document.getElementById('adventuresection2').classList.add('hidden');
-		document.getElementById('instructsection2').classList.add('hidden');
+		switch(document.getElementById('opmode').value)
+		{
+			case "1": document.getElementById("opmodedesc").innerText = "Let the AI co-write a story."; break;
+			case "2": document.getElementById("opmodedesc").innerText = "Participate in turn-based interactive adventures."; break;
+			case "3": document.getElementById("opmodedesc").innerText = "Roleplay with a virtual chatbot AI."; break;
+			case "4": document.getElementById("opmodedesc").innerText = "Give the AI instructions, questions, or do tasks."; break;
+			default: document.getElementById("opmodedesc").innerText = ""; break;
+		}
 
 		document.getElementById('uipicker_classic').classList.remove('hidden');
 		document.getElementById('uipicker_messenger').classList.add('hidden');
 		document.getElementById('uipicker_aesthetic').classList.add('hidden');
+		document.getElementById('uipicker_corpo').classList.add('hidden');
+		document.getElementById('chatnamessection').classList.add('hidden');
+		document.getElementById('instructtagsection').classList.add('hidden');
 
 		if (document.getElementById('opmode').value == 1) {
 			document.getElementById('gui_type').value = localsettings.gui_type_story;
@@ -9259,23 +9820,19 @@ Current version: 148
 		}
 		if (document.getElementById('opmode').value == 2) {
 			document.getElementById('gui_type').value = localsettings.gui_type_adventure;
-			document.getElementById('adventuresection1').classList.remove('hidden');
-			document.getElementById('adventuresection2').classList.remove('hidden');
 			document.getElementById('uipicker_aesthetic').classList.remove('hidden');
 		}
 		if (document.getElementById('opmode').value == 3) {
 			document.getElementById('gui_type').value = localsettings.gui_type_chat;
-			document.getElementById('chatnamesection1').classList.remove('hidden');
-			document.getElementById('chatnamesection2').classList.remove('hidden');
-			document.getElementById('chatinstructsharedsection2').classList.remove('hidden');
 			document.getElementById('uipicker_messenger').classList.remove('hidden');
 			document.getElementById('uipicker_aesthetic').classList.remove('hidden');
+			document.getElementById('chatnamessection').classList.remove('hidden');
 		}
 		if (document.getElementById('opmode').value == 4) {
 			document.getElementById('gui_type').value = localsettings.gui_type_instruct;
-			document.getElementById('instructsection1').classList.remove('hidden');
-			document.getElementById('instructsection2').classList.remove('hidden');
 			document.getElementById('uipicker_aesthetic').classList.remove('hidden');
+			document.getElementById('uipicker_corpo').classList.remove('hidden');
+			document.getElementById('instructtagsection').classList.remove('hidden');
 			toggle_include_chatnames();
 		}
 
@@ -9291,6 +9848,7 @@ Current version: 148
 		if (document.getElementById('gui_type').value==2) { document.getElementById('btn_aesthetics').classList.remove('hidden'); }
 		else { document.getElementById('btn_aesthetics').classList.add('hidden'); }
 
+		toggle_uistyle();
 	}
 
 	//triggers if advanced load is enabled
@@ -9327,6 +9885,7 @@ Current version: 148
 	}
 
 	function display_newgame() {
+		mainmenu_untab(true);
 		document.getElementById("newgamecontainer").classList.remove("hidden");
 	}
 
@@ -9396,6 +9955,7 @@ Current version: 148
 		document.getElementById("chatopponent").value = document.getElementById("placeholder_replace_hc1").value;
 		document.getElementById("instruct_starttag").value = document.getElementById("placeholder_replace_hc2").value;
 		document.getElementById("instruct_endtag").value = document.getElementById("placeholder_replace_hc3").value;
+		document.getElementById("instruct_systag").value = document.getElementById("placeholder_replace_hc4").value;
 		confirm_chat_and_instruct_tags();
 		placeholder_tags_data = [];
 		for(let i=0;i<num_regex_rows;++i)
@@ -9456,7 +10016,7 @@ Current version: 148
 			"params": {
 				"n": 1,
 				"max_context_length": localsettings.max_context_length,
-				"max_length": (long_story?200:150),
+				"max_length": (long_story?250:200),
 				"rep_pen": localsettings.rep_pen,
 				"temperature": localsettings.temperature,
 				"top_p": localsettings.top_p,
@@ -9593,6 +10153,7 @@ Current version: 148
 		pending_context_preinjection = "";
 		pending_context_postinjection = "";
 		document.getElementById("input_text").value = "";
+		document.getElementById("corpo_cht_inp").value = "";
 		document.getElementById("cht_inp").value = "";
 		chat_resize_input();
 		image_db = {};
@@ -9622,6 +10183,9 @@ Current version: 148
 			regexreplace_data = [];
 			placeholder_tags_data = [];
 		}
+		warn_on_quit = false;
+		show_corpo_leftpanel(false);
+		update_toggle_theme(false); //load theme but dont save or toggle it
 		render_gametext(save); //necessary to trigger an autosave to wipe out current story in case they exit browser after newgame.
 	}
 
@@ -9676,14 +10240,20 @@ Current version: 148
 		render_gametext(false);
 	}
 
-	function replace_placeholders_direct(inputtxt,escape=false)
+	//we separate these 2 functions, as sometimes we only need to replace instruct
+	function replace_instruct_placeholders(inputtxt) //only for instruct placeholders first
 	{
 		inputtxt = replaceAll(inputtxt,instructstartplaceholder,get_instruct_starttag(false));
 		inputtxt = replaceAll(inputtxt,instructendplaceholder,get_instruct_endtag(false));
+		inputtxt = replaceAll(inputtxt,instructsysplaceholder,get_instruct_systag(false));
 		//failsafe to handle removing newline tags
 		inputtxt = replaceAll(inputtxt,instructstartplaceholder.trim(),get_instruct_starttag(false));
 		inputtxt = replaceAll(inputtxt,instructendplaceholder.trim(),get_instruct_endtag(false));
-
+		inputtxt = replaceAll(inputtxt,instructsysplaceholder.trim(),get_instruct_systag(false));
+		return inputtxt;
+	}
+	function replace_noninstruct_placeholders(inputtxt,escape=false)
+	{
 		if(escape)
 		{
 			inputtxt = replaceAll(inputtxt,"{{user}}",escapeHtml(localsettings.chatname?localsettings.chatname:"User"),true);
@@ -9702,15 +10272,17 @@ Current version: 148
 				inputtxt = replaceAll(inputtxt,placeholder_tags_data[i].p,placeholder_tags_data[i].r);
 			}
 		}
-
 		return inputtxt;
 	}
-	function replace_placeholders(inputtxt, escape=false)
+
+	//if alwaysreplace, then settings are not considered, otherwise checks settings
+	function replace_placeholders(inputtxt, escape=false, alwaysreplace=false)
 	{
 		//only do this for chat and instruct modes
-		if(localsettings.placeholder_tags)
+		if(alwaysreplace || localsettings.placeholder_tags)
 		{
-			inputtxt = replace_placeholders_direct(inputtxt,escape);
+			inputtxt = replace_instruct_placeholders(inputtxt);
+			inputtxt = replace_noninstruct_placeholders(inputtxt,escape);
 		}
 		return inputtxt;
 	}
@@ -9789,6 +10361,17 @@ Current version: 148
 		}
 	}
 
+	var warn_on_quit = false;
+	function handle_quit()
+	{
+		if(warn_on_quit)
+		{
+			warn_on_quit = false;
+			return "Unsaved changes will be lost!"; //the actual message will not be shown in new browsers
+		}
+		return undefined;
+	}
+
 	function handle_escape_button(event)
 	{
 		if(is_popup_open())
@@ -9808,6 +10391,7 @@ Current version: 148
 	function handle_typing(event) {
 		var event = event || window.event;
 		var charCode = event.keyCode || event.which;
+		warn_on_quit = true;
 
 		if (!event.shiftKey && (charCode == 13||(charCode == 10 && event.ctrlKey))) {
 			let willsubmit = (document.getElementById("entersubmit").checked ? true : false);
@@ -9831,11 +10415,13 @@ Current version: 148
 		{
 			document.getElementById("abortgen").classList.add("hidden");
 			document.getElementById("chat_msg_send_btn_abort").classList.add("hidden");
+			document.getElementById("corpo_chat_send_btn_abort").classList.add("hidden");
 		}
 		else
 		{
 			document.getElementById("abortgen").classList.remove("hidden");
 			document.getElementById("chat_msg_send_btn_abort").classList.remove("hidden");
+			document.getElementById("corpo_chat_send_btn_abort").classList.remove("hidden");
 		}
 	}
 
@@ -10288,6 +10874,7 @@ Current version: 148
 	}
 	function ptt_end()
 	{
+		var voice_end_delay = document.getElementById("voice_end_delay").value;
 		if(voice_typing_mode>0)
 		{
 			voice_is_speaking = false;
@@ -10311,7 +10898,7 @@ Current version: 148
 					update_submit_button(false);
 					if(recent_voice_duration<500) //if too short, fall back to click behavior
 					{
-						if(is_aesthetic_ui())
+						if(is_corpo_ui() || is_aesthetic_ui())
 						{
 							chat_submit_generation();
 						}
@@ -10321,7 +10908,7 @@ Current version: 148
 						}
 					}
 				}
-			}, 280); //prevent premature stopping
+			}, voice_end_delay); //prevent premature stopping
 		}
 	}
 	function submit_generation_button(aesthetic_ui)
@@ -10339,8 +10926,9 @@ Current version: 148
 		}
 	}
 
-	function submit_generation() {
-
+	function submit_generation()
+	{
+		warn_on_quit = true;
 		let newgen = document.getElementById("input_text").value;
 
 		//apply regex transforms
@@ -10388,7 +10976,7 @@ Current version: 148
 					{
 						newgen = localsettings.chatname + ": " + newgen;
 					}
-					if(localsettings.inject_timestamps_instruct)
+					if(localsettings.inject_timestamps)
 					{
 						newgen = "["+(new Date().toLocaleTimeString([], {year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'}))+"] " + newgen;
 					}
@@ -10419,7 +11007,7 @@ Current version: 148
 			if (localsettings.opmode == 3 && newgen != "") {
 				//append chatname for chatmode
 				let injecttime = "";
-				if(localsettings.inject_timestamps_chat)
+				if(localsettings.inject_timestamps)
 				{
 					injecttime = " ["+(new Date().toLocaleTimeString([], {year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'}))+"]";
 				}
@@ -10613,7 +11201,7 @@ Current version: 148
 				{
 					co = replaceAll(co,"\n","");
 					pending_context_preinjection = "\n"+co + ":";
-					if(localsettings.inject_timestamps_chat)
+					if(localsettings.inject_timestamps)
 					{
 						pending_context_preinjection += " ["+(new Date().toLocaleTimeString([], {year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'}))+"]";
 					}
@@ -10651,11 +11239,11 @@ Current version: 148
 				{
 					let endmatcher = (localsettings.placeholder_tags ? instructendplaceholder : get_instruct_endtag(false));
 					if (truncated_context.toLowerCase().trim().endsWith(endmatcher.toLowerCase().trim())) {
-						if (localsettings.inject_timestamps_instruct) {
+						if (localsettings.inject_timestamps) {
 							pending_context_preinjection += "[" + (new Date().toLocaleTimeString([], { year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' })) + "]";
 						}
 						if (localsettings.inject_chatnames_instruct && localsettings.chatopponent!="") {
-							if (localsettings.inject_timestamps_instruct) {
+							if (localsettings.inject_timestamps) {
 								pending_context_preinjection += " ";
 							}
 							pending_context_preinjection += localsettings.chatopponent + ":";
@@ -10687,7 +11275,7 @@ Current version: 148
 			if(localsettings.opmode==4 && localsettings.instruct_sysprompt!="")
 			{
 				max_mem_len = Math.floor(max_allowed_characters*0.7);
-				appendedsysprompt = localsettings.instruct_sysprompt + "\n";
+				appendedsysprompt = get_instruct_systag(false) + localsettings.instruct_sysprompt + "\n";
 			}
 			let truncated_memory = appendedsysprompt + substring_to_boundary(current_memory, max_mem_len);
 			if (truncated_memory != null && truncated_memory != "") {
@@ -10897,6 +11485,7 @@ Current version: 148
 			if(is_using_kcpp_with_added_memory())
 			{
 				submit_payload.params.memory = truncated_memory;
+				submit_payload.params.trim_stop = true;
 			}
 			if(is_using_kcpp_with_llava() && insertAIVisionImages.length>0)
 			{
@@ -10948,7 +11537,7 @@ Current version: 148
 		if (localsettings.opmode == 2) //stop on new action found
 		{
 			seqs = ["\n\> "];
-			if(!localsettings.multiline_replies_adventure)
+			if(!localsettings.multiline_replies)
 			{
 				seqs.push("\n");
 			}
@@ -11033,7 +11622,7 @@ Current version: 148
 			{
 				resp = resp.slice(3);
 			}
-			if(/^[^\p{P}\p{Z}\s]/u.test(resp))
+			if (/^[^!\"#$%&'()*+,\-./:;<=>?@[\\\]^_`{|}~ \t\r\n\f\v]/.test(resp)) // List of common punctuation and whitespace
 			{
 				resp = " "+resp;
 			}
@@ -11063,6 +11652,13 @@ Current version: 148
 			submit_payload.params.banned_tokens = get_token_bans();
 			submit_payload.params.render_special = localsettings.render_special_tags;
 		}
+		if((custom_kobold_endpoint != "" && is_using_kcpp_with_dry()))
+		{
+			submit_payload.params.dry_multiplier = localsettings.dry_multiplier;
+			submit_payload.params.dry_base = localsettings.dry_base;
+			submit_payload.params.dry_allowed_length = localsettings.dry_allowed_length;
+			submit_payload.params.dry_sequence_breakers = JSON.parse(JSON.stringify(localsettings.dry_sequence_breakers));
+		}
 		//presence pen and logit bias for OAI and newer kcpp
 		if((custom_kobold_endpoint != "" && is_using_kcpp_with_mirostat()) || custom_oai_endpoint!="")
 		{
@@ -12266,7 +12862,7 @@ Current version: 148
 				splitresponse = gentxt.split("\n\> ");
 				gentxt = splitresponse[0];
 			}
-			if(!localsettings.multiline_replies_adventure)
+			if(!localsettings.multiline_replies)
 			{
 				let foundnl = gentxt.indexOf("\n");
 				if (foundnl != -1) //if found, truncate to it
@@ -12456,9 +13052,10 @@ Current version: 148
 		{
 			shownotify();
 		}
-		let lastreq = "<a href=\"#\" onclick=\"show_last_req()\">Last request</a> served by <a href=\"#\" onclick=\"get_and_show_workers()\">" + genworker + "</a> using <span class=\"color_darkgreen\">"+genmdl+ "</span>"+(genkudos>0?(" for " + genkudos + " kudos"):"")+" in " + getTimeTaken() + " seconds.";
-		document.getElementById("lastreq").innerHTML = lastreq;
+		let lastreq = `<a href="#" onclick="show_last_req()">Last request</a> served by <a href="#" onclick="get_and_show_workers()">${genworker}</a> using <span class="color_darkgreen">${genmdl}</span>${(genkudos>0?` for ${genkudos} kudos`:``)} in ${getTimeTaken()} seconds.`;
+		document.getElementById("lastreq1").innerHTML = lastreq;
 		document.getElementById("lastreq2").innerHTML = lastreq;
+		document.getElementById("lastreq3").innerHTML = lastreq;
 	}
 
 	function poll_interrogation_db()
@@ -12716,7 +13313,7 @@ Current version: 148
 		}
 
 		let newgenempty = (document.getElementById("input_text").value == "");
-		let	chatinputempty = (document.getElementById("cht_inp").value == "");
+		let	chatinputempty = (document.getElementById("cht_inp").value == "" && document.getElementById("corpo_cht_inp").value == "");
 		if ((localsettings.opmode == 1 || localsettings.opmode == 2 || localsettings.opmode == 3 || localsettings.opmode == 4)
 		&& localsettings.idle_responses > 0 && newgenempty && chatinputempty && !document.getElementById("btnsend").disabled && idle_triggered_counter<localsettings.idle_responses && !is_popup_open())
 		{
@@ -12731,7 +13328,7 @@ Current version: 148
 					} else {
 						pending_context_preinjection =  instructendplaceholder;
 					}
-					if(localsettings.inject_timestamps_instruct)
+					if(localsettings.inject_timestamps)
 					{
 						pending_context_preinjection += "["+(new Date().toLocaleTimeString([], {year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'}))+"]";
 					}
@@ -13101,7 +13698,10 @@ Current version: 148
 						pending_response_id = "";
 						poll_in_progress = false;
 						let resp = synchro_polled_response;
-						last_reply_was_empty = (resp=="" || resp.trim()=="");
+						if(!waiting_for_autosummary)
+						{
+							last_reply_was_empty = (resp=="" || resp.trim()=="");
+						}
 						if (resp != null && resp != "") {
 							let gentxt = resp;
 							let genworker = "Custom Endpoint";
@@ -13115,6 +13715,8 @@ Current version: 148
 							{
 								handle_incoming_text(gentxt, genworker, genmdl, genkudos);
 							}
+						}else{
+							retry_preserve_last = false;
 						}
 						synchro_polled_response = null;
 						last_stop_reason = "";
@@ -13231,6 +13833,7 @@ Current version: 148
 		{
 			const isSupported = typeof window.getSelection !== "undefined";
 			if (isSupported) {
+				warn_on_quit = true;
 				const selection = window.getSelection();
 				if(selection.focusNode!=null && selection.focusNode.parentElement!=null
 				&& selection.focusNode.parentElement.classList.contains("txtchunk"))
@@ -13247,6 +13850,29 @@ Current version: 148
 		}
 	}
 
+	function stash_image_placeholders(text, addspan)
+	{
+		text = text.replace(/\[<\|p\|.+?\|p\|>\]/g, function (m) {
+			if(!addspan)
+			{
+				return m;
+			}
+			return `<span class=\"color_pink\">`+m+`</span>`;
+		});
+		text = text.replace(/\[<\|d\|.+?\|d\|>\]/g, function (m) {
+			let inner = m.substring(5, m.length - 5);
+			let imghash = cyrb_hash(inner);
+			img_hash_to_b64_lookup[imghash] = m;
+			let hashtag = `{{[IMG_${imghash}_REF]}}`;
+			if(!addspan)
+			{
+				return hashtag;
+			}
+			return `<span class=\"color_pink\">${hashtag}</span>`;
+		});
+		return text;
+	}
+
 	function unstash_image_placeholders(text)
 	{
 		return text.replace(/{{\[IMG_.{1,8}_REF\]}}/g, function (m) {
@@ -13518,7 +14144,7 @@ Current version: 148
 				document.getElementById("btnsend").classList.remove("wait");
 				document.getElementById("btnsend").classList.add("btn-primary");
 			}
-			if (gametext_arr.length > 0 && document.getElementById("input_text").value == "" && document.getElementById("cht_inp").value == "") {
+			if (gametext_arr.length > 0 && document.getElementById("input_text").value == "" && document.getElementById("cht_inp").value == "" && document.getElementById("corpo_cht_inp").value == "") {
 				document.getElementById("btnsend").innerHTML = "Generate<br>More";
 			}
 			else {
@@ -13558,7 +14184,7 @@ Current version: 148
 				}
 			}
 		}
-		document.getElementById("chat_msg_send_btn").disabled = document.getElementById("btnsend").disabled;
+		document.getElementById("corpo_chat_send_btn").disabled = document.getElementById("chat_msg_send_btn").disabled = document.getElementById("btnsend").disabled;
 
 	}
 
@@ -13567,6 +14193,7 @@ Current version: 148
 		if (localsettings.autoscroll) {
 			let box1 = document.getElementById("gametext");
 			let box2 = document.getElementById("chat_msg_body");
+			let box3 = document.getElementById("corpostylemain");
 			function isScrolledToBottom(element) {
 				return element.scrollHeight - element.scrollTop <= element.clientHeight + 250;
 			}
@@ -13578,6 +14205,10 @@ Current version: 148
 			{
 				box2.scrollTop = box2.scrollHeight - box2.clientHeight + 10;
 			}
+			if(alwaysscroll || isScrolledToBottom(box3))
+			{
+				box3.scrollTop = box3.scrollHeight - box3.clientHeight + 10;
+			}
 		}
 	}
 
@@ -13647,7 +14278,7 @@ Current version: 148
 					whorun = "<br>You're using the Cohere API";
 				}
 				else {
-					whorun = "<br>There are <span class=\"color_orange\">" + selected_models.reduce((s, a) => s + a.count, 0) + "</span> <a class=\"color_green\" href=\"#\" onclick=\"get_and_show_workers()\">volunteer(s)</a> running selected models with a total queue length of <span class=\"color_orange\">"+ selected_models.reduce((s, a) => s + a.queued, 0) + "</span> tokens";
+					whorun = `<br>There are <span class="color_orange">${selected_models.reduce((s, a) => s + a.count, 0)}</span> <a class="color_green mainnav" href="#" tabindex="${mainmenu_is_untab?`-1`:`0`}" onclick="get_and_show_workers()">volunteer(s)</a> running selected models with a total queue length of <span class="color_orange">${selected_models.reduce((s, a) => s + a.queued, 0)}</span> tokens`;
 				}
 				let nowmode = (localsettings.opmode==1?"Story Mode":(localsettings.opmode==2?"Adventure Mode":(localsettings.opmode==3?"Chat Mode":"Instruct Mode")));
 				let selmodelstr = "";
@@ -13660,10 +14291,12 @@ Current version: 148
 					selmodelstr = selected_models.reduce((s, a) => s + (s == "" ? "" : ", ") + a.name, "");
 				}
 
-				document.getElementById("gametext").innerHTML = "Welcome to <span class=\"color_cyan\">KoboldAI Lite</span>!<br>You are using the models <span class=\"color_green\">"
-					+ selmodelstr + "</span>" + (selected_workers.length == 0 ? "" : (" (Pinned to " + selected_workers.length + " worker IDs)"))
-					+ "." + whorun +".<br><br><b><span class=\"color_orange\">"+ nowmode +" Selected</span></b> - Enter a prompt below to begin!" + "<br>Or, <a href=\"#\" class=\"color_blueurl\" onclick=\"document.getElementById('loadfileinput').click()\">load a <b>JSON File</b> or a <b>Character Card</b> here.</a>" + "<br>Or, <a href=\"#\" class=\"color_blueurl\" onclick=\"display_scenarios()\">select a <b>Quick Start Scenario</b> here.</a><br>"+
-					(welcome!=""?("<br><em>"+escapeHtml(welcome)+"</em>"):"");
+				document.getElementById("gametext").innerHTML = `Welcome to <span class="color_cyan">KoboldAI Lite</span>!`+
+				`<br>You are using the models <span class="color_green">${selmodelstr}</span>${(selected_workers.length == 0 ? `` : ` (Pinned to ${selected_workers.length} worker IDs)`)}.`+
+				`${whorun}.<br><br><b><span class="color_orange">${nowmode} Selected</span></b> - Enter a prompt below to begin!`+
+				`<br>Or, <a href="#" tabindex="${mainmenu_is_untab?`-1`:`0`}" class="color_blueurl mainnav" onclick="document.getElementById('loadfileinput').click()">load a <b>JSON File</b> or a <b>Character Card</b> here.</a>`+
+				`<br>Or, <a href="#" tabindex="${mainmenu_is_untab?`-1`:`0`}" class="color_blueurl mainnav" onclick="display_scenarios()">select a <b>Quick Start Scenario</b> here.</a>`+
+				`<br>${(welcome!=""?`<br><em>${escapeHtml(welcome)}</em>`:``)}`;
 			}
 
 			//kick out of edit mode
@@ -13711,7 +14344,7 @@ Current version: 148
 				fulltxt = replaceAll(fulltxt, `%SpcStg%`, `<hr class="hr_instruct"><span class="color_cyan"><img src="`+human_square+`" style="height:38px;width:auto;padding:3px 6px 3px 3px;border-radius: 8%;"/>`);
 				fulltxt = replaceAll(fulltxt, `%SpcEtg%`, `</span><hr class="hr_instruct"><img src="`+niko_square+`" style="height:38px;width:auto;padding:3px 6px 3px 3px;border-radius: 8%;"/>`);
 				//apply stylization to time tags
-				if(localsettings.inject_timestamps_instruct && localsettings.instruct_has_markdown)
+				if(localsettings.inject_timestamps && localsettings.instruct_has_markdown)
 				{
 					fulltxt = fulltxt.replace(/(\[\d{1,2}\/\d{1,2}\/\d{4}, \d{1,2}:\d{2} [AP]M\])/g, "$1\n");
 				}
@@ -13728,6 +14361,12 @@ Current version: 148
 				//failsafe to handle removing newline tags
 				fulltxt = replaceAll(fulltxt, instructstartplaceholder.trim(), `%SclStg%`+instructstartplaceholder.trim()+`%SpnEtg%`);
 				fulltxt = replaceAll(fulltxt, instructendplaceholder.trim(), `%SclStg%`+instructendplaceholder.trim()+`%SpnEtg%`);
+
+				if(get_instruct_systag(true)!="")
+				{
+					fulltxt = replaceAll(fulltxt, get_instruct_systag(true), `%SclStg%`+escapeHtml(get_instruct_systag(true))+`%SpnEtg%`);
+				}
+				fulltxt = replaceAll(fulltxt, instructsysplaceholder.trim(), `%SclStg%`+instructsysplaceholder.trim()+`%SpnEtg%`);
 			}
 
 			//this is a hacky fix to handle instruct tags that use arrow brackets only
@@ -13772,7 +14411,7 @@ Current version: 148
 			//streaming display
 			if(synchro_pending_stream!="")
 			{
-				fulltxt += "<span class=\"color_yellow pending_text\">" + escapeHtml(pending_context_preinjection) + escapeHtml(synchro_pending_stream) + "</span>";
+				fulltxt += `<span class="color_yellow pending_text">${escapeHtml(pending_context_preinjection) + escapeHtml(synchro_pending_stream)}</span>`;
 			}
 
 			if(!inEditMode)
@@ -13795,15 +14434,7 @@ Current version: 148
 			}
 			else
 			{
-				fulltxt = fulltxt.replace(/\[<\|p\|.+?\|p\|>\]/g, function (m) {
-					return `<span class=\"color_pink\">`+m+`</span>`;
-				});
-				fulltxt = fulltxt.replace(/\[<\|d\|.+?\|d\|>\]/g, function (m) {
-					let inner = m.substring(5, m.length - 5);
-					let imghash = cyrb_hash(inner);
-					img_hash_to_b64_lookup[imghash] = m;
-					return `<span class=\"color_pink\">{{[IMG_${imghash}_REF]}}</span>`;
-				});
+				fulltxt = stash_image_placeholders(fulltxt,true);
 			}
 
 
@@ -13883,8 +14514,8 @@ Current version: 148
 			document.getElementById("fvico").href = favivon_normal;
 		}
 		else if (selected_models.length == 0 && selected_workers.length == 0) {
-			let perfinfo = "There are <span class=\"color_orange\">" + perfdata.worker_count + "</span> total <a class=\"color_green\" href=\"#\" onclick=\"get_and_show_workers()\">volunteer(s)</a> in the AI Horde, and <span class=\"color_orange\">" + perfdata.queued_requests + "</span> request(s) in queues.<br>A total of <span class=\"color_orange\">" + perfdata.past_minute_tokens + "</span> tokens were generated in the last minute.<br><br>";
-			document.getElementById("gametext").innerHTML = "Welcome to <span class=\"color_cyan\">KoboldAI Lite</span>!<br><br>" + perfinfo + "<a href=\"#\" class=\"color_blueurl\" onclick=\"display_endpoint_container()\">Please select an AI service to use!</a><br>";
+			let perfinfo = `There are <span class="color_orange">${perfdata.worker_count}</span> total <a class="color_green mainnav" tabindex="${mainmenu_is_untab?`-1`:`0`}" href="#" onclick="get_and_show_workers()">volunteer(s)</a> in the AI Horde, and <span class="color_orange">${perfdata.queued_requests}</span> request(s) in queues.<br>A total of <span class="color_orange">${perfdata.past_minute_tokens}</span> tokens were generated in the last minute.<br><br>`;
+			document.getElementById("gametext").innerHTML = `Welcome to <span class="color_cyan">KoboldAI Lite</span>!<br><br>${perfinfo}<a href="#" class="color_blueurl" onclick="display_endpoint_container()">Please select an AI service to use!</a><br>`;
 			document.getElementById("fvico").href = favivon_normal;
 		}
 		else if (pending_response_id == "") {
@@ -13895,9 +14526,27 @@ Current version: 148
 		}
 
 		// Render onto enhanced chat interface if selected.
-		let isStyleApplicable = is_aesthetic_ui();
+		let isAestheticUiStyle = is_aesthetic_ui();
+		let isCorpoUiStyle = is_corpo_ui();
+
+		if (!inEditMode && isCorpoUiStyle)
+		{
+			if(gametext_arr.length == 0)
+			{
+				document.getElementById("corpo_body").innerHTML = render_corpo_welcome();
+			}
+			else
+			{
+				let textToRender = concat_gametext(false, "", "", "", true);
+				document.getElementById("corpo_body").innerHTML = render_corpo_instruct(textToRender);
+				corpoedit_resize_input();
+			}
 
-		if (!inEditMode && isStyleApplicable)
+			document.getElementById("corpointerface").classList.remove("hidden");
+			document.getElementById("enhancedchatinterface").classList.add("hidden");
+			document.getElementById("normalinterface").classList.add("hidden");
+		}
+		else if (!inEditMode && isAestheticUiStyle)
 		{
 			let textToRender = (gametext_arr.length == 0 ? document.getElementById("gametext").innerHTML : concat_gametext(false, "", "", "", true));
 			textToRender = replace_placeholders(textToRender,true);
@@ -13944,16 +14593,18 @@ Current version: 148
 			}
 			else {
 				let aiName = ((localsettings.opmode==3 && pending_context_preinjection && pending_context_preinjection.includes(":")) ? pending_context_preinjection.split(":")[0] : "The AI");
-				document.getElementById("chataityping").innerText = aiName + " is typing... - Try not to close the tab. [You can follow the processing procedure in Termux]";
+				document.getElementById("chataityping").innerText = aiName + " is typing...";
 				document.getElementById("chatistyping").classList.remove("hidden");
 				document.getElementById("chat_msg_body").classList.add("withtyping");
 			}
-			document.getElementById("chat_msg_send_btn").disabled = document.getElementById("btnsend").disabled;
+			document.getElementById("corpo_chat_send_btn").disabled = document.getElementById("chat_msg_send_btn").disabled = document.getElementById("btnsend").disabled;
 
 			document.getElementById("enhancedchatinterface").classList.remove("hidden");
 			document.getElementById("normalinterface").classList.add("hidden");
+			document.getElementById("corpointerface").classList.add("hidden");
 		} else {
 			document.getElementById("enhancedchatinterface").classList.add("hidden");
+			document.getElementById("corpointerface").classList.add("hidden");
 			document.getElementById("normalinterface").classList.remove("hidden");
 		}
 
@@ -13978,7 +14629,12 @@ Current version: 148
 		}
 
 		let maincon = document.getElementById("maincontainer");
-		if(localsettings.viewport_width_mode==1) //clamped
+		if(is_corpo_ui() || localsettings.viewport_width_mode==3) //unlock
+		{
+			maincon.classList.remove("adaptivecontainer");
+			maincon.classList.remove("clampedcontainer");
+			maincon.classList.remove("bigclampedcontainer");
+		}else if(localsettings.viewport_width_mode==1) //clamped
 		{
 			maincon.classList.remove("adaptivecontainer");
 			maincon.classList.add("clampedcontainer");
@@ -13990,12 +14646,6 @@ Current version: 148
 			maincon.classList.remove("clampedcontainer");
 			maincon.classList.add("bigclampedcontainer");
 		}
-		else if(localsettings.viewport_width_mode==3) //unlock
-		{
-			maincon.classList.remove("adaptivecontainer");
-			maincon.classList.remove("clampedcontainer");
-			maincon.classList.remove("bigclampedcontainer");
-		}
 		else //adaptive
 		{
 			maincon.classList.add("adaptivecontainer");
@@ -14009,62 +14659,425 @@ Current version: 148
 		document.getElementById("token-budget").innerText = last_token_budget;
 	}
 
-	function render_enhanced_chat(input)
+	function render_corpo_welcome()
 	{
-		var chatbody = document.getElementById("chat_msg_body");
-		if(!chatbody)
-		{
-			return;
-		}
+		return `<div class='corpowelcome'>
+			<img src="`+niko_square+`" style="height:80px;width:auto;padding:10px;border-radius: 20%;"/>
+			<p>How can I help you today?</p>
+			</div>`;
+	}
 
-		let newbodystr = "";
+	function corpo_repack_history(input) //repack all history into individual turns
+	{
 		let myturnchat = false; //who is currently speaking?
-
-
-		var othernamesregex = new RegExp("(?!" + localsettings.chatname + ").+?\: ", "gi");
-
-		//a quick fix that adds a newline if there's none before opponent chat and a picture
-		var othernamesregexreplace = new RegExp("\\|[d|p]\\|>(?!" + localsettings.chatname + ").+?\\: ", "gi");
-
-		input = input.replace(othernamesregexreplace, function (m) {
-			let rep = m.substring(0,4) + "\n" + m.substring(4);
-			return rep;
-		});
-
+		let st = get_instruct_starttag(false);
+		let et = get_instruct_endtag(false);
 
 		let chatunits = []; //parse chat body into nice chat chunks
-		input = input.split("\n"); //split by newline, then parse each chunk
-
-		let m_name = "\n" + localsettings.chatname + ": ";
-		var mynameregex = new RegExp("(" + localsettings.chatname + ")\: ", "gi");
 
-		for(var i=0;i<input.length;++i)
+		let combined_chunks = [];
+		let turnchunks = input.split(st);
+		let startoppo = true;
+		for(let i=0;i<turnchunks.length;++i)
 		{
-			let tempfullsearchable = input[i]; //strip out images
-			let txtwithnoimages = tempfullsearchable.replace(/\[<\|.+?\|>\]/g, "");
-			var foundopponent = txtwithnoimages.match(othernamesregex);
-			var foundself = txtwithnoimages.match(mynameregex);
-
-			if(tempfullsearchable==null)
+			let chnk = turnchunks[i];
+			if(chnk.trim().length==0)
 			{
+				if(i==0)
+				{
+					startoppo = false;
+				}
 				continue;
 			}
-
-			if(foundself!=null && foundself.length>0)
+			let turnchunks2 = chnk.split(et);
+			for(let j=0;j<turnchunks2.length;++j)
 			{
-				//exception: check to see if it's actually opponent naming us and not our turn
-				if(localsettings.chatopponent!="" && tempfullsearchable.startsWith(localsettings.chatopponent+": "))
+				if(j==0)
 				{
-					myturnchat = false;
-					chatunits.push({
-						name:localsettings.chatopponent,
-						msg:tempfullsearchable.split(localsettings.chatopponent+": ")[1],
-						myturn:myturnchat});
+					if(startoppo)
+					{
+						startoppo = false;
+						combined_chunks.push("%AIPlaceholder%");
+					}
+					else
+					{
+						combined_chunks.push("%HumanPlaceholder%");
+					}
+
+					combined_chunks.push(turnchunks2[j]);
 				}
 				else
 				{
-					myturnchat = true;
-					chatunits.push({
+					combined_chunks.push("%AIPlaceholder%");
+					combined_chunks.push(turnchunks2[j]);
+				}
+			}
+		}
+
+		for(let i=0;i<combined_chunks.length;++i)
+		{
+			let curr = combined_chunks[i];
+			if(curr=="%HumanPlaceholder%")
+			{
+				myturnchat = true;
+			}
+			else if(curr=="%AIPlaceholder%")
+			{
+				myturnchat = false;
+			}
+			else
+			{
+				if(curr.trim()!="")
+				{
+					chatunits.push({
+					msg:curr,
+					myturn:myturnchat});
+				}
+			}
+		}
+		return chatunits;
+	}
+
+	function corpo_chunk_prev()
+	{
+		let incomplete_resp = (synchro_pending_stream != "" || pending_response_id != "");
+		if (incomplete_resp) { return; }
+
+		if(retry_prev_text.length>0)
+		{
+			btn_back();
+		}
+	}
+	function corpo_chunk_next()
+	{
+		let incomplete_resp = (synchro_pending_stream != "" || pending_response_id != "");
+		if (incomplete_resp) { return; }
+
+		if (redo_prev_text.length > 0) {
+			btn_redo();
+		}
+	}
+	function corpo_retry_chunk(idx)
+	{
+		let incomplete_resp = (synchro_pending_stream != "" || pending_response_id != "");
+		if (incomplete_resp) { return; }
+
+		let currctx = concat_gametext(false, "", "", "", false);
+		currctx = replace_instruct_placeholders(currctx);
+		let chatunits = corpo_repack_history(currctx);
+		if(idx < chatunits.length)
+		{
+			gametext_arr = [];
+
+			let st = get_instruct_starttag(false);
+			let et = get_instruct_endtag(false);
+			if(localsettings.placeholder_tags)
+			{
+				st = instructstartplaceholder;
+				et = instructendplaceholder;
+			}
+
+			for(let i=0;i<=idx;++i)
+			{
+				let cont = chatunits[i].msg;
+				let chunk = cont;
+				if(i!=idx)
+				{
+					chunk = (chatunits[i].myturn?st:et) + chunk;
+				}
+				if(i==idx-1)
+				{
+					chunk += et;
+				}
+
+				gametext_arr.push(chunk);
+			}
+			corpo_editing_turn = -1;
+			render_gametext(true);
+			btn_retry();
+		}
+	}
+	function corpo_edit_chunk_start(idx)
+	{
+		let incomplete_resp = (synchro_pending_stream != "" || pending_response_id != "");
+		if (incomplete_resp) { return; }
+
+		corpo_editing_turn = idx;
+		render_gametext(false);
+	}
+	function corpo_edit_chunk_delete()
+	{
+		let incomplete_resp = (synchro_pending_stream != "" || pending_response_id != "");
+		if (incomplete_resp) { return; }
+
+		let textarea = document.getElementById("corpo_edit_inp");
+		textarea.value = "";
+		corpo_edit_chunk_save();
+	}
+	function corpo_edit_chunk_save()
+	{
+		let incomplete_resp = (synchro_pending_stream != "" || pending_response_id != "");
+		if (incomplete_resp) { return; }
+
+		let idx = corpo_editing_turn;
+		let currctx = concat_gametext(false, "", "", "", false);
+		currctx = replace_instruct_placeholders(currctx);
+		let chatunits = corpo_repack_history(currctx);
+		let textarea = document.getElementById("corpo_edit_inp");
+		let needsave = false;
+
+		let existing_msg_compare = stash_image_placeholders(chatunits[idx].msg,false);
+		if(idx < chatunits.length && textarea.value != existing_msg_compare)
+		{
+			needsave = true;
+			gametext_arr = [];
+			redo_arr = [];
+			last_reply_was_empty = false;
+			retry_prev_text = [];
+			retry_preserve_last = false;
+			redo_prev_text = [];
+
+			let st = get_instruct_starttag(false);
+			let et = get_instruct_endtag(false);
+			if(localsettings.placeholder_tags)
+			{
+				st = instructstartplaceholder;
+				et = instructendplaceholder;
+			}
+			let newtxt = textarea.value;
+			newtxt = unstash_image_placeholders(newtxt);
+
+			for(let i=0;i<chatunits.length;++i)
+			{
+				let cont = (i==idx?newtxt:chatunits[i].msg);
+				if(cont!="")
+				{
+					let chunk = (chatunits[i].myturn?st:et) + cont;
+					gametext_arr.push(chunk);
+				}
+			}
+			if(gametext_arr.length>0)
+			{
+				gametext_arr[gametext_arr.length-1] += et;
+			}
+
+			console.log("Merged corpo edit field. Parts:" + gametext_arr.length);
+		}
+
+		corpo_editing_turn = -1;
+		render_gametext(needsave);
+	}
+
+	var corpo_editing_turn = -1;
+	function render_corpo_instruct(input)
+	{
+		var corpobody = document.getElementById("corpo_body");
+		if(!corpobody)
+		{
+			return "";
+		}
+
+		let newbodystr = "";
+		input = replace_instruct_placeholders(input);
+		let chatunits = corpo_repack_history(input);
+		let incomplete_resp = (synchro_pending_stream!="" || pending_response_id!="");
+
+		for(var i=0;i<chatunits.length;++i)
+		{
+			let curr = chatunits[i];
+			let foundimg = "";
+			let processed_msg = curr.msg;
+			if(processed_msg && processed_msg!="")
+			{
+				processed_msg = replace_noninstruct_placeholders(processed_msg,true);
+				let codeblockcount = (processed_msg.match(/```/g) || []).length;
+				if(codeblockcount>0 && codeblockcount%2!=0 )
+				{
+					processed_msg += "```"; //force end code block
+				}
+				processed_msg = simpleMarkdown(processed_msg);
+
+				//convert the msg into images
+				processed_msg = processed_msg.replace(/\[<\|p\|.+?\|p\|>\]/g, function (m) {
+					// m here means the whole matched string
+					let inner = m.substring(5, m.length - 5);
+					inner = render_image_html("", inner,false,true);
+					return inner;
+				});
+				processed_msg = processed_msg.replace(/\[<\|d\|.+?\|d\|>\]/g, function (m) {
+					// m here means the whole matched string
+					let inner = m.substring(5, m.length - 5);
+					inner = render_image_html(inner, "",false,true);
+					return inner;
+				});
+				processed_msg = processed_msg.replace(/\[<\|.+?\|>\]/g, ""); //remove normal comments too
+			}
+
+			let namepart = (curr.myturn ? "User" : "KoboldAI");
+			let bodypart = (corpo_editing_turn == i ?
+				`<div class="corpo_edit_outer">
+				<div class="corpo_edit_inner" id="corpo_edit_inp_lengthtester" style="white-space: nowrap; visibility: hidden; height: 0px; position:absolute; width: auto;"></div>
+				<textarea class="corpo_edit_inner" id="corpo_edit_inp" type="text" name="crpeditinp"  role="presentation" autocomplete="noppynop" spellcheck="true" rows="1" wrap="on" placeholder="Edit Message" value="" oninput="corpoedit_resize_input();"/>${stash_image_placeholders(curr.msg, false)}</textarea>
+				</div>
+				<button type="button" class="btn btn-primary" style="margin:2px;float:right;" onclick="corpo_edit_chunk_start(-1)">Cancel</button>
+				<button type="button" class="btn btn-primary" style="margin:2px;float:right;" onclick="corpo_edit_chunk_save()">Save</button>
+				<button type="button" class="btn btn-primary bg_red" style="margin:2px;float:left;" onclick="corpo_edit_chunk_delete()">Delete</button>`:
+				`<div class="corpostyleitemcontent">${processed_msg}</div>`);
+			let historical_btns = "";
+			if(!curr.myturn && i==chatunits.length-1 && !incomplete_resp)
+			{
+				if(retry_prev_text.length+redo_prev_text.length>0)
+				{
+					historical_btns = `<button title="Previous Arrow" onclick="corpo_chunk_prev()" class="corpo_hover_btn" type="button" style="background-image: var(--img_corpo_left);"></button>`+
+					`<span class="corpo_btn_text">${retry_prev_text.length+1} / ${retry_prev_text.length+redo_prev_text.length+1}</span>`+
+					`<button title="Next Arrow" onclick="corpo_chunk_next()" class="corpo_hover_btn" type="button" style="background-image: var(--img_corpo_right);"></button>`;
+				}
+			}
+			let chunkbtns = (corpo_editing_turn == i ? `` : `<div style="line-height: 1">`+
+				historical_btns +
+				`<button title="Edit Chunk" onclick="corpo_edit_chunk_start(${i})" class="corpo_hover_btn" type="button" style="background-image: var(--img_corpo_edit);"></button>`+
+				(curr.myturn ? `` : `<button title="Retry Chunk" onclick="corpo_retry_chunk(${i})" class="corpo_hover_btn" type="button" style="background-image: var(--img_corpo_retry);"></button>`)
+				+ `</div>`);
+
+			newbodystr += `<div class="corpostyleitem">
+				<div><img src="`+ (curr.myturn ? human_square : niko_square) + `" class="corpoavatar"/></div>
+				<div style="width:100%">
+				<div class="corpostyleitemheading">`+ namepart + `</div>
+				`+ bodypart + chunkbtns + `
+				</div>
+				</div>`;
+		}
+		if(incomplete_resp)
+		{
+			let namepart = "KoboldAI";
+			let futuretext = (synchro_pending_stream!=""?(escapeHtml(pending_context_preinjection) + escapeHtml(synchro_pending_stream)):"...");
+			newbodystr += `<div class="corpostyleitem">
+			<div><img src="`+niko_square+`" class="corpoavatar"/></div>
+			<div>
+				<div class="corpostyleitemheading">`+namepart+`</div>
+				<div class="corpostyleitemcontent"><p><span class="pending_text">`+ futuretext +`</span></p></div>
+			</div>
+			</div>`;
+		}
+
+		return newbodystr;
+	}
+
+	function update_toggle_theme(toggle=false)
+	{
+		if(toggle)
+		{
+			localsettings.darkmode = !localsettings.darkmode;
+			autosave();
+		}
+
+		if(localsettings.darkmode)
+		{
+			document.body.classList.add('darkmode');
+		}
+		else
+		{
+			document.body.classList.remove('darkmode');
+		}
+
+	}
+
+	function populate_corpo_leftpanel()
+	{
+		let panel = document.getElementById('corpoleftpanelitems');
+		let panelitems = `
+		<div onclick="display_newgame();" class="corpo_leftpanel_btn" type="button" style="background-image: var(--img_nikosquare); padding-left: 44px;">New Chat</div>
+		<div onclick="btn_memory()" class="corpo_leftpanel_btn" type="button" style="background-image: var(--img_gear); padding-left: 44px;">Context</div>
+		<div onclick="btn_editmode()" class="corpo_leftpanel_btn" type="button" style="background-image: var(--img_corpo_edit); padding-left: 44px;">Raw Editor</div>
+		<div onclick="update_toggle_theme(true)" class="corpo_leftpanel_btn" type="button" style="background-image: var(--img_corpo_theme); padding-left: 44px;">Light / Dark Theme</div>
+		<div style="padding:2px;font-size:14px;margin-left:8px;font-weight:600;line-height:1.1;margin-top:20px">Quick Slot Load</div>
+		`;
+
+		for(let i=0;i<SAVE_SLOTS;++i)
+		{
+			let testslot = localStorage.getItem(STORAGE_PREFIX + "slot_"+i+"_meta");
+			let entry = "";
+			if(testslot)
+			{
+				entry = `<div onclick="load_from_slot(`+i+`)" class="corpo_leftpanel_btn" type="button">`+testslot+`</div>`;
+			}
+
+			panelitems += entry;
+		}
+
+
+		panel.innerHTML = panelitems;
+	}
+
+	function show_corpo_leftpanel(open)
+	{
+		let panel = document.getElementById('corpo_leftpannel');
+		if(open)
+		{
+			panel.classList.add('open');
+		}
+		else
+		{
+			panel.classList.remove('open');
+		}
+	}
+
+	function render_enhanced_chat(input)
+	{
+		var chatbody = document.getElementById("chat_msg_body");
+		if(!chatbody)
+		{
+			return;
+		}
+
+		let newbodystr = "";
+		let myturnchat = false; //who is currently speaking?
+
+
+		var othernamesregex = new RegExp("(?!" + localsettings.chatname + ").+?\: ", "gi");
+
+		//a quick fix that adds a newline if there's none before opponent chat and a picture
+		var othernamesregexreplace = new RegExp("\\|[d|p]\\|>(?!" + localsettings.chatname + ").+?\\: ", "gi");
+
+		input = input.replace(othernamesregexreplace, function (m) {
+			let rep = m.substring(0,4) + "\n" + m.substring(4);
+			return rep;
+		});
+
+
+		let chatunits = []; //parse chat body into nice chat chunks
+		input = input.split("\n"); //split by newline, then parse each chunk
+
+		let m_name = "\n" + localsettings.chatname + ": ";
+		var mynameregex = new RegExp("(" + localsettings.chatname + ")\: ", "gi");
+
+		for(var i=0;i<input.length;++i)
+		{
+			let tempfullsearchable = input[i]; //strip out images
+			let txtwithnoimages = tempfullsearchable.replace(/\[<\|.+?\|>\]/g, "");
+			var foundopponent = txtwithnoimages.match(othernamesregex);
+			var foundself = txtwithnoimages.match(mynameregex);
+
+			if(tempfullsearchable==null)
+			{
+				continue;
+			}
+
+			if(foundself!=null && foundself.length>0)
+			{
+				//exception: check to see if it's actually opponent naming us and not our turn
+				if(localsettings.chatopponent!="" && tempfullsearchable.startsWith(localsettings.chatopponent+": "))
+				{
+					myturnchat = false;
+					chatunits.push({
+						name:localsettings.chatopponent,
+						msg:tempfullsearchable.split(localsettings.chatopponent+": ")[1],
+						myturn:myturnchat});
+				}
+				else
+				{
+					myturnchat = true;
+					chatunits.push({
 						name:foundself[0].substring(0,foundself[0].length-2),
 						msg:tempfullsearchable.split(foundself[0])[1],
 						myturn:myturnchat});
@@ -14104,6 +15117,7 @@ Current version: 148
 			let foundimg = "";
 			if(curr.msg && curr.msg!="")
 			{
+				curr.msg = curr.msg.replace(bold_regex,"<b style='opacity:0.7'>$1</b>");
 				curr.msg = curr.msg.replace(italics_regex,"<em style='opacity:0.7'>$1</em>");
 				//convert the msg into images
 				curr.msg = curr.msg.replace(/\[<\|p\|.+?\|p\|>\]/g, function (m) {
@@ -14142,7 +15156,7 @@ Current version: 148
 		}
 		if(synchro_pending_stream!="")
 		{
-			newbodystr += `<div class="incoming_msg"><div class="chat_received_msg"><div class="chat_received_withd_msg"><p>`+"<span class=\"color_yellow pending_text\">" + escapeHtml(pending_context_preinjection) + escapeHtml(synchro_pending_stream) + "</span>"+`</p></div></div></div>`;
+			newbodystr += `<div class="incoming_msg"><div class="chat_received_msg"><div class="chat_received_withd_msg"><p><span class="color_yellow pending_text">` + escapeHtml(pending_context_preinjection) + escapeHtml(synchro_pending_stream) + `</span></p></div></div></div>`;
 		}
 
 		chatbody.innerHTML = newbodystr;
@@ -14152,10 +15166,11 @@ Current version: 148
 	{
 		var event = event || window.event;
 		var charCode = event.keyCode || event.which;
+		warn_on_quit = true;
 
 		if (!event.shiftKey && charCode == 13) {
 			let willsubmit = (document.getElementById("entersubmit").checked ? true : false);
-			let newgennotempty = (document.getElementById("cht_inp").value != "");
+			let newgennotempty = (document.getElementById("cht_inp").value != "" || document.getElementById("corpo_cht_inp").value != "");
 			if (willsubmit) {
 				event.preventDefault();
 				//enter pressed, trigger auto submit
@@ -14166,14 +15181,37 @@ Current version: 148
 			}
 		}
 	}
+	function corpoedit_resize_input()
+	{
+		//resize chat inp
+		let textarea = document.getElementById("corpo_edit_inp");
+		let lengthtester = document.getElementById("corpo_edit_inp_lengthtester");
+
+		if(textarea && lengthtester) //may not exist, depending on selection
+		{
+			let textlines = textarea.value.split("\n");
+			let numberOfLineBreaks = textlines.length;
+			for(let l=0;l<textlines.length;++l)
+			{
+				lengthtester.innerText = textlines[l];
+				if(textarea.offsetWidth>0)
+				{
+					numberOfLineBreaks += Math.floor(lengthtester.offsetWidth / textarea.offsetWidth );
+				}
+			}
+			lengthtester.innerText = "";
+			numberOfLineBreaks = numberOfLineBreaks>12?12:numberOfLineBreaks;
+			textarea.rows = numberOfLineBreaks;
+		}
+	}
 	function chat_resize_input()
 	{
 		//resize chat inp
-		let textarea = document.getElementById("cht_inp");
+		let textarea = is_corpo_ui()?document.getElementById("corpo_cht_inp"):document.getElementById("cht_inp");
+		let lengthtester = is_corpo_ui()?document.getElementById("corpo_cht_inp_lengthtester"):document.getElementById("cht_inp_lengthtester");
 
 		let textlines = textarea.value.split("\n");
 		let numberOfLineBreaks = textlines.length;
-		let lengthtester = document.getElementById("cht_inp_lengthtester");
 		for(let l=0;l<textlines.length;++l)
 		{
 			lengthtester.innerText = textlines[l];
@@ -14185,16 +15223,22 @@ Current version: 148
 		lengthtester.innerText = "";
 		numberOfLineBreaks = numberOfLineBreaks>5?5:numberOfLineBreaks;
 		textarea.rows = numberOfLineBreaks;
-
-		// textarea.style.height = "auto";
-		// textarea.style.height = textarea.scrollHeight + 3 + "px";
 	}
 	function chat_submit_generation()
 	{
 		//easy solution is to just pump the text into the main box and submit it
-		document.getElementById("input_text").value = document.getElementById("cht_inp").value;
+		if(is_corpo_ui())
+		{
+			document.getElementById("input_text").value = document.getElementById("corpo_cht_inp").value;
+		}
+		else
+		{
+			document.getElementById("input_text").value = document.getElementById("cht_inp").value;
+		}
+
 		submit_generation();
 		document.getElementById("cht_inp").value = "";
+		document.getElementById("corpo_cht_inp").value = "";
 		chat_resize_input();
 	}
 	function chat_toggle_actionmenu()
@@ -14288,6 +15332,7 @@ Current version: 148
 	}
 
 	function btn_memory() {
+		mainmenu_untab(true);
 		document.getElementById("memorycontainer").classList.remove("hidden");
 		display_memory_tab(memory_tab);
 
@@ -14405,8 +15450,8 @@ Current version: 148
 		</tr>`;
 		let regextable = document.getElementById("placeholder_replace_table");
 
-		let hardcoded1 = ["{{user}}","{{char}}","{{[INPUT]}}","{{[OUTPUT]}}"];
-		let hardcoded2 = [localsettings.chatname,localsettings.chatopponent,localsettings.instruct_starttag,localsettings.instruct_endtag];
+		let hardcoded1 = ["{{user}}","{{char}}","{{[INPUT]}}","{{[OUTPUT]}}","{{[SYSTEM]}}"];
+		let hardcoded2 = [localsettings.chatname,localsettings.chatopponent,localsettings.instruct_starttag,localsettings.instruct_endtag,localsettings.instruct_systag];
 
 		for(let i=0;i<hardcoded1.length;++i)
 		{
@@ -14625,6 +15670,7 @@ Current version: 148
 
 		console.log("Clear story");
 		if (!document.getElementById("btnsend").disabled && pending_response_id == "" && gametext_arr.length > 0) {
+			warn_on_quit = true;
 			last_reply_was_empty = false;
 			while(gametext_arr.length > 0)
 			{
@@ -14651,6 +15697,7 @@ Current version: 148
 	}
 	function btn_back() {
 		if (!document.getElementById("btnsend").disabled && pending_response_id == "" && gametext_arr.length > 0) {
+			warn_on_quit = true;
 			last_reply_was_empty = false;
 			retry_preserve_last = false;
 			if(retry_prev_text.length>0)
@@ -14674,6 +15721,7 @@ Current version: 148
 
 		console.log("Redo All story");
 		if (!document.getElementById("btnsend").disabled && pending_response_id == "" && redo_arr.length > 0) {
+			warn_on_quit = true;
 			last_reply_was_empty = false;
 			retry_preserve_last = false;
 			while(redo_arr.length > 0)
@@ -14696,6 +15744,7 @@ Current version: 148
 	}
 	function btn_redo() {
 		if (!document.getElementById("btnsend").disabled && pending_response_id == "") {
+			warn_on_quit = true;
 			if (redo_arr.length > 0) {
 				last_reply_was_empty = false;
 				retry_preserve_last = false;
@@ -14715,6 +15764,7 @@ Current version: 148
 	function btn_retry() {
 		if (!document.getElementById("btnsend").disabled && pending_response_id == "" && (gametext_arr.length > 1 ||
 		(gametext_arr.length > 0 && (current_memory != "" || current_anote != "")))) {
+			warn_on_quit = true;
 			last_reply_was_empty = false;
 			let boxtextstash = document.getElementById("input_text").value;
 			document.getElementById("input_text").value = "";
@@ -14781,6 +15831,7 @@ Current version: 148
 		if (willsubmit) {
 			document.getElementById("input_text").value = "";
 			document.getElementById("cht_inp").value = "";
+			document.getElementById("corpo_cht_inp").value = "";
 			is_impersonate_user = true;
 			submit_generation();
 		}else{
@@ -14815,7 +15866,7 @@ Current version: 148
 				{
 					let txt = "";
 
-					if(localsettings.inject_timestamps_instruct)
+					if(localsettings.inject_timestamps)
 					{
 						userinput = "["+(new Date().toLocaleTimeString([], {year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'}))+"] " + userinput;
 					}
@@ -14881,7 +15932,7 @@ Current version: 148
 
 	}
 
-	function toggleNavWithoutBootstrapJS() {
+	function toggleTopNav() {
 		var x = document.getElementById("navbarNavDropdown");
 		if (x.classList.contains("collapse")) {
 			x.classList.remove("collapse");
@@ -14889,6 +15940,10 @@ Current version: 148
 			x.classList.add("collapse");
 		}
 	}
+	function closeTopNav() {
+		var x = document.getElementById("navbarNavDropdown");
+		x.classList.add("collapse");
+	}
 
 
 	// Clamp number between two values
@@ -15293,6 +16348,7 @@ Current version: 148
 				let styleRole = aestheticInstructUISettings.use_uniform_colors ? 'uniform' : role;					// Uniform role is preferred if it's active on the settings.
 				newbodystr = newbodystr.replace(new RegExp(`${contextDict[`${role}Open`]}([^]*?)${contextDict.closeTag}`, 'g'), (match, p) => {
 					let replacedText = match.replace(/<[^>]*>/g, (htmlPart) => { internalHTMLparts.push(htmlPart); return `<internal_html_${internalHTMLparts.length - 1}>`; });
+					replacedText = replacedText.replace(bold_regex, wrapperSpan(styleRole, 'action')); 		// Apply the actions style to *actions*.
 					replacedText = replacedText.replace(italics_regex, wrapperSpan(styleRole, 'action')); 		// Apply the actions style to *actions*.
 					replacedText = replacedText.replace(/“(.*?)”/g, wrapperSpan(styleRole, 'speech')); 	// Apply the speech style to "speech".
 					replacedText = replacedText.replace(/&quot;(.*?)&quot;/g, wrapperSpan(styleRole, 'speech')); 	// Apply the speech style to "speech".
@@ -15419,7 +16475,7 @@ Current version: 148
 
 </head>
 
-<body id="outerbody" class="" onkeydown="handle_escape_button(event)">
+<body id="outerbody" class="darkmode" onkeydown="handle_escape_button(event)" onbeforeunload="return handle_quit()">
 
 	<div id="maincontainer" class="adaptivecontainer maincontainer">
 		<div id="outerbodybg"></div>
@@ -15427,7 +16483,7 @@ Current version: 148
 			<div id="menuitems">
 				<div class="navcontainer">
 					<nav class="navbar" id="navbar">
-						<button class="navbar-toggler" type="button" onclick="toggleNavWithoutBootstrapJS()">
+						<button title="Main Menu Options" class="navbar-toggler mainnav" type="button" onclick="toggleTopNav()">
 							<span class="navbar-button-bar"></span>
 							<span class="navbar-button-bar"></span>
 							<span class="navbar-button-bar"></span>
@@ -15436,53 +16492,48 @@ Current version: 148
 							<ul class="nav navbar-nav">
 
 								<li class="nav-item hidden" id="topbtn_reconnect">
-									<a class="nav-link" href="#" onclick="attempt_connect()">Reconnect</a>
+									<a class="nav-link mainnav" href="#" onclick="closeTopNav();attempt_connect()">Reconnect</a>
 								</li>
 
 								<li class="nav-item hidden" id="topbtn_customendpt">
-									<a class="nav-link" href="#" onclick="display_endpoint_container()">Custom Endpoint</a>
+									<a class="nav-link mainnav" href="#" onclick="closeTopNav();display_endpoint_container()">Select Endpoint</a>
 								</li>
 
 								<li class="nav-item hidden" id="topbtn_ai">
-									<a class="nav-link" href="#" onclick="display_endpoint_container()">AI</a>
+									<a class="nav-link mainnav" href="#" onclick="closeTopNav();display_endpoint_container()">AI</a>
 								</li>
 
 								<li class="nav-item hidden" id="topbtn_newgame">
-									<a class="nav-link" href="#" onclick="display_newgame()">New Session</a>
+									<a class="nav-link mainnav" href="#" onclick="closeTopNav();display_newgame()">New Session</a>
 								</li>
 
 								<li class="nav-item hidden" id="topbtn_scenarios">
-									<a class="nav-link" href="#" onclick="display_scenarios()">Scenarios</a>
+									<a class="nav-link mainnav" href="#" onclick="closeTopNav();display_scenarios()">Scenarios</a>
 								</li>
 								<li class="nav-item hidden" id="topbtn_quickplay">
-									<a class="nav-link" href="#" onclick="display_scenarios()">Quick Start</a>
+									<a class="nav-link mainnav" href="#" onclick="closeTopNav();display_scenarios()">Quick Start</a>
 								</li>
 
 								<li class="nav-item hidden" id="topbtn_save_load">
 									<a id="tempfile" href="#" style="display:none;"></a>
 									<input type="file" id="loadfileinput" accept="text/json,application/json,image/png,image/webp,.kaistory,.webp,.png,.json,.txt,*.*,*" onchange="load_file(event)" style="display:none;">
-									<a class="nav-link" href="#" onclick="display_saveloadcontainer()">Save / Load</a>
+									<a class="nav-link mainnav" href="#" onclick="closeTopNav();display_saveloadcontainer()">Save / Load</a>
 								</li>
 								<li class="nav-item hidden" id="topbtn_settings">
-									<a class="nav-link" href="#" id="btn_settings"
-										onclick="display_settings()">Settings</a>
+									<a class="nav-link mainnav" href="#" id="btn_settings"
+										onclick="closeTopNav();display_settings()">Settings</a>
 								</li>
 
 							</ul>
 						</div>
 					</nav>
 				</div>
-				<div id="connectstatusdiv" class="flex-row-container">
-					<span id="connectstatus" class="color_orange flex-row">Waiting for Connection</span>
-					<div class="layer-container status-container flex-push-left" style="color: #FFFFFF;" id="runtime">
-					</div>
-					<div class="layer-container status-container flex-push-right">
-						<div class="layer-top statusiconlabel" id="usiconlabel"></div>
-					</div>
-
+				<div id="connectstatusdiv">
+					<div id="connectstatus">Connecting</div>
 				</div>
 			</div>
 		</div>
+
 		<div id="normalinterface">
 		<div id="maineditbody" class="layer-container">
 			<div class="layer-bottom gamescreenbgnormal normal_viewport_height" id="gamescreen">
@@ -15493,48 +16544,47 @@ Current version: 148
 				<div class="hidden" id="wimenu">
 				</div>
 			</div>
-			<div id="curtain" class="layer-top hidden"></div>
 		</div>
 
 		<div class="flex" id="actionmenu">
 			<div id="actionmenuitems">
-				<button type="button" class="btn btn-primary" id="btn_actmem" onclick="btn_memory()">Context</button>
-				<button type="button" class="btn btn-primary" id="btn_actundo" onpointerdown="btn_back_longpress_start()" onpointerleave="btn_back_longpress_end()" onpointerup="btn_back_longpress_end()" onclick="btn_back()">Back</button>
-				<button type="button" class="btn btn-primary" id="btn_actredo" onpointerdown="btn_redo_longpress_start()" onpointerleave="btn_redo_longpress_end()" onpointerup="btn_redo_longpress_end()" onclick="btn_redo()">Redo</button>
-				<button type="button" class="btn btn-primary" id="btn_actretry" onclick="btn_retry()">Retry</button>
-				<button type="button" class="btn btn-primary bg_green" id="btn_genimg" onclick="add_img_btn_menu()">Add Img</button>
+				<button type="button" class="btn btn-primary mainnav" id="btn_actmem" onclick="btn_memory()">Context</button>
+				<button type="button" class="btn btn-primary mainnav" id="btn_actundo" onpointerdown="btn_back_longpress_start()" onpointerleave="btn_back_longpress_end()" onpointerup="btn_back_longpress_end()" onclick="btn_back()">Back</button>
+				<button type="button" class="btn btn-primary mainnav" id="btn_actredo" onpointerdown="btn_redo_longpress_start()" onpointerleave="btn_redo_longpress_end()" onpointerup="btn_redo_longpress_end()" onclick="btn_redo()">Redo</button>
+				<button type="button" class="btn btn-primary mainnav" id="btn_actretry" onclick="btn_retry()">Retry</button>
+				<button type="button" class="btn btn-primary bg_green mainnav" id="btn_genimg" onclick="add_img_btn_menu()">Add Img</button>
 			</div>
 			<div class="box flex flex-push-right">
-				<input type="checkbox" id="entersubmit" onclick="toggle_entersends()" checked>
+				<input type="checkbox" id="entersubmit" class="mainnav" onclick="toggle_entersends()" checked>
 				<div class="box-label"><label class="unstyled" for="entersubmit">Enter Sends</label></div>
-				<input type="checkbox" id="allowediting"  onclick="toggle_editable()">
+				<input type="checkbox" id="allowediting" class="mainnav" onclick="toggle_editable()">
 				<div class="box-label"><label class="unstyled" for="allowediting">Allow Editing</label></div>
 			</div>
 		</div>
 		<div class="">
 			<div id="inputrow" class="">
 				<div id="inputrowmode" style="padding-right: 4px;">
-					<button type="button" class="btn btn-primary btn-secondary hidden" style="line-height: 1.4;" id="btnmode_adventure" onclick="btn_adventure_mode()">
+					<button title="Toggle Adventure Mode" type="button" class="btn btn-primary btn-secondary hidden mainnav" style="line-height: 1.4;" id="btnmode_adventure" onclick="btn_adventure_mode()">
 						<img id="adventure_mode_img" class="input_story">
 						<br><b id="adventure_mode_txt" style="font-size: 10px;">Story</b>
 					</button>
-					<button type="button" class="btn btn-primary btn-secondary" style="line-height: 1;" id="btnmode_chat" onclick="show_groupchat_select()">
+					<button title="Show Groupchat Selection" type="button" class="btn btn-primary btn-secondary mainnav" style="line-height: 1;" id="btnmode_chat" onclick="show_groupchat_select()">
 						<img class="input_chat">
 						<br><b style="font-size: 10px;">Chat<br>Select</b>
 					</button>
 				</div>
 				<div id="inputrowleft" class="tokens-in-box">
-					<textarea class="form-control" id="input_text" oninput="update_submit_button()" onkeypress="return handle_typing(event)" placeholder="Enter text here"></textarea>
+					<textarea title="User Input" class="form-control mainnav" id="input_text" oninput="update_submit_button()" onkeypress="return handle_typing(event)" placeholder="Enter text here"></textarea>
 					<span id="token-budget" class="token-budget"></span>
 				</div>
 				<div id="inputrowright" style="padding-right: 2px;">
-					<button type="button" class="btn btn-secondary wait" id="btnsend" disabled
+					<button type="button" class="btn btn-secondary wait mainnav" id="btnsend" disabled
 						onclick="submit_generation_button(false)" onmousedown="ptt_start()" onmouseup="ptt_end()">Loading</button>
-						<a href="#" id="abortgen" class="hidden bg_black" style="text-align: center;color: #ffaaaa;" onclick="abort_generation()"><b style="display: block;">[ABORT]</b></a>
+						<a href="#" id="abortgen" class="hidden bg_black mainnav" style="text-align: center;color: #ffaaaa;" onclick="abort_generation()"><b style="display: block;">[ABORT]</b></a>
 				</div>
 			</div>
 		</div>
-		<div class="lastreq" id="lastreq" style="color:#999999"><span class="color_gray">KoboldAI Lite - A frontend for self hosted and third party API services</span></div>
+		<div class="lastreq color_gray" id="lastreq1"></div>
 		</div>
 
 		<div id="enhancedchatinterface" class="chat_mesgs hidden">
@@ -15545,31 +16595,57 @@ Current version: 148
 				<!-- A greatly simplified action menu for this mode -->
 				<div class="flex hidden" id="actionmenu2">
 					<div id="actionmenuitems2" class="box flex-push-right" style="margin-bottom: 2px;">
-						<button type="button" class="btn btn-primary" id="btn_actmem2" onclick="btn_memory()">Context</button>
-						<button type="button" class="btn btn-primary" id="btn_actundo2" onpointerdown="btn_back_longpress_start()" onpointerleave="btn_back_longpress_end()" onpointerup="btn_back_longpress_end()" onclick="btn_back()">Back</button>
-						<button type="button" class="btn btn-primary" id="btn_actredo2" onpointerdown="btn_redo_longpress_start()" onpointerleave="btn_redo_longpress_end()" onpointerup="btn_redo_longpress_end()" onclick="btn_redo()">Redo</button>
-						<button type="button" class="btn btn-primary" id="btn_actretry2" onclick="btn_retry()">Retry</button>
-						<button type="button" class="btn btn-primary bg_green" id="btn_genimg2" onclick="add_img_btn_menu()">Add Img</button>
-						<button type="button" class="btn btn-primary" id="btn_editmode" onclick="btn_editmode()">Edit</button>
+						<button type="button" class="btn btn-primary mainnav" id="btn_actmem2" onclick="btn_memory()">Context</button>
+						<button type="button" class="btn btn-primary mainnav" id="btn_actundo2" onpointerdown="btn_back_longpress_start()" onpointerleave="btn_back_longpress_end()" onpointerup="btn_back_longpress_end()" onclick="btn_back()">Back</button>
+						<button type="button" class="btn btn-primary mainnav" id="btn_actredo2" onpointerdown="btn_redo_longpress_start()" onpointerleave="btn_redo_longpress_end()" onpointerup="btn_redo_longpress_end()" onclick="btn_redo()">Redo</button>
+						<button type="button" class="btn btn-primary mainnav" id="btn_actretry2" onclick="btn_retry()">Retry</button>
+						<button type="button" class="btn btn-primary bg_green mainnav" id="btn_genimg2" onclick="add_img_btn_menu()">Add Img</button>
+						<button type="button" class="btn btn-primary mainnav" id="btn_editmode" onclick="btn_editmode()">Edit</button>
 
 					</div>
 				</div>
 
 				<div class="cht_inp_hold_outer">
 					<div class="cht_inp_hold">
-					<button onclick="show_groupchat_select()" id="chat_btnmode_chat" class="chat_btnmode_chat hidden" type="button"></button>
-					<button onclick="btn_adventure_mode()" id="chat_btnmode_adventure" class="chat_btnmode_adventure actionmode hidden" type="button"></button>
+					<button title="Show Groupchat Selection" onclick="show_groupchat_select()" id="chat_btnmode_chat" class="chat_btnmode_chat hidden mainnav" type="button"></button>
+					<button title="Toggle Adventure Mode" onclick="btn_adventure_mode()" id="chat_btnmode_adventure" class="chat_btnmode_adventure actionmode hidden mainnav" type="button"></button>
 					<div id="cht_inp_bg" class="cht_inp_bg">
 					<div class="cht_inp_bg_inner" id="cht_inp_lengthtester" style="white-space: nowrap; visibility: hidden; height: 0px; position:absolute; width: auto;"></div>
-					<textarea class="cht_inp_bg_inner" id="cht_inp" type="text" name="chtchtinp"  role="presentation" autocomplete="noppynop" spellcheck="true" rows="1" wrap="on" placeholder="Type a message" value="" oninput="update_submit_button();chat_resize_input();" onkeypress="return chat_handle_typing(event)"/></textarea>
+					<textarea title="User Input" class="cht_inp_bg_inner mainnav" id="cht_inp" type="text" name="chtchtinp"  role="presentation" autocomplete="noppynop" spellcheck="true" rows="1" wrap="on" placeholder="Type a message" value="" oninput="update_submit_button();chat_resize_input();" onkeypress="return chat_handle_typing(event)"/></textarea>
 					</div>
-					<button onclick="submit_generation_button(true)" onmousedown="ptt_start()" onmouseup="ptt_end()" id="chat_msg_send_btn" class="chat_msg_send_btn" type="button"></button>
-					<button onclick="abort_generation()" id="chat_msg_send_btn_abort" class="hidden chat_msg_send_btn_abort" type="button"></button>
-					<button type="button" class="chat_msg_cust_btn" id="btn_chat_cust" onclick="chat_toggle_actionmenu()"></button>
+					<button title="Submit" onclick="submit_generation_button(true)" onmousedown="ptt_start()" onmouseup="ptt_end()" id="chat_msg_send_btn" class="chat_msg_send_btn mainnav" type="button"></button>
+					<button title="Abort" onclick="abort_generation()" id="chat_msg_send_btn_abort" class="hidden chat_msg_send_btn_abort mainnav" type="button"></button>
+					<button title="Toggle Action Menu" type="button" class="chat_msg_cust_btn mainnav" id="btn_chat_cust" onclick="chat_toggle_actionmenu()"></button>
 					</div>
 				</div>
 
-				<div class="lastreq" id="lastreq2" style="padding-top: 2px; color:#999999"><span class="color_gray">KoboldAI Lite - A frontend for self hosted and third party API services.</span></div>
+				<div class="lastreq color_gray" id="lastreq2" style="padding-top: 2px; color:#999999"></div>
+			</div>
+		</div>
+
+		<div id="corpointerface" class="hidden">
+			<div class="corpostyle">
+				<div id="corpo_leftpannel" class="corpoleftpanel">
+					<button title="Hide Corpo Side Panel" class="corpo_leftpanel_close mainnav" onclick="show_corpo_leftpanel(false)">&times;</button>
+					<p id="corpoleftpanelitems" class="corpoleftpanelitems">
+
+					</p>
+				</div>
+				<button title="Show Corpo Side Panel" class="corpo_leftpanel_open mainnav" onclick="show_corpo_leftpanel(true)"><div class="corpo_arrow_right"></div></button>
+				<div class="corporightpanel">
+					<div id="corpostylemain" class="corpostylemain">
+						<div id="corpo_body" class="corpostyleinner"></div>
+					</div>
+					<div class="corpomainbtm">
+						<div class="corpo_chat_outer">
+							<div class="corpo_chat_inner" id="corpo_cht_inp_lengthtester" style="white-space: nowrap; visibility: hidden; height: 0px; position:absolute; width: auto;"></div>
+							<textarea title="User Input" class="corpo_chat_inner mainnav" id="corpo_cht_inp" type="text" name="crpchtinp"  role="presentation" autocomplete="noppynop" spellcheck="true" rows="1" wrap="on" placeholder="Message KoboldAI" value="" oninput="update_submit_button();chat_resize_input();" onkeypress="return chat_handle_typing(event)"/></textarea>
+							<button title="Submit" onclick="submit_generation_button(true)" id="corpo_chat_send_btn" class="corpo_chat_send_btn mainnav" type="button"></button>
+							<button title="Abort" onclick="abort_generation()" id="corpo_chat_send_btn_abort" class="hidden corpo_chat_send_btn_abort mainnav" type="button"></button>
+						</div>
+						<div id="lastreq3" class="corpolastreq color_gray"></div>
+					</div>
+				</div>
 			</div>
 		</div>
 	</div>
@@ -15598,13 +16674,8 @@ Current version: 148
 					Automatically select AI model <span class="helpicon">?
 						<span class="helptext">This option picks a suitable AI model based on the selected scenario. If no text model is currently selected, an appropriate one will be automatically picked for you.</span>
 					</span>
-					<input type="checkbox" id="scenarioautopickai" onchange="togglescenarioallownsfw()" checked>
-					<span id="scenarioallownsfwbox"><br>
-						Allow NSFW Models <span class="helpicon">?
-							<span class="helptext">If disabled, NSFW only models like Erebus will never be selected</span>
-						</span>
-						<input type="checkbox" id="scenarioallownsfw" checked>
-					</span>
+					<input type="checkbox" id="scenarioautopickai" onchange="togglescenarioautopick()" checked>
+
 				</div>
 
 				<div id="scenariogrid" class="justifyleft anotelabel scenariogrid">
@@ -15650,7 +16721,7 @@ Current version: 148
 				<div class="popuptitletext">Select your AI provider</div>
 			</div>
 			<div style="padding: 4px;">
-			<select style="padding:4px;" class="form-control" id="customapidropdown" onchange="customapi_dropdown()">
+			<select title="Select your AI provider" style="padding:4px;" class="form-control" id="customapidropdown" onchange="customapi_dropdown()">
 				<option value="0">AI Horde</option>
 				<option value="1">KoboldAI Remote API</option>
 				<option value="2">OpenAI API</option>
@@ -15705,7 +16776,7 @@ Current version: 148
 				Localhost IPs require host mode enabled. You can use the remote address displayed in the <span class="color_orange" style="font-weight: bold;">remote-play.bat</span> window or <span class="color_orange" style="font-weight: bold;">colab window</span>, note that the model must be loaded first.<br><br>
 				<span class="color_green" style="font-weight: bold;">Please input URL of the KoboldAI instance.</span><br><br>
 				<input class="form-control" id="customkoboldendpoint" placeholder="https://sample-remote-address.trycloudflare.com" value="">
-				<input class="form-control" type="password" id="customkoboldkey" placeholder="Kobold API Key (Optional)" value="" onfocus="focus_api_keys()" onblur="blur_api_keys()"><br>
+				<input class="form-control" type="password" id="customkoboldkey" placeholder="KoboldAI API Key (Optional)" value="" onfocus="focus_api_keys()" onblur="blur_api_keys()"><br>
 				<div class="box flex flex-push-right">
 					<input type="checkbox" id="remoteconsolelog">
 					<div class="box-label" title="Will display outputs to the remote endpoint's console logs, useful for debugging.">Show Console Logging</div>
@@ -15726,7 +16797,7 @@ Current version: 148
 				<input class="form-control" type="text" id="custom_oai_endpoint" placeholder="OpenAI API URL" value="">
 				<input class="form-control" type="password" id="custom_oai_key" placeholder="OpenAI API Key" value="" onfocus="focus_api_keys()" onblur="blur_api_keys()"><br>
 				Model Choice:<br>
-				<select style="padding:4px;display:inline;width:calc(100% - 220px)" class="form-control" id="custom_oai_model" onchange="oai_model_change()">
+				<select style="padding:4px;display:inline;width:calc(100% - 220px)" class="form-control" id="custom_oai_model" onchange="oai_model_change(true)">
 					<option value="gpt-3.5-turbo-instruct" selected="selected">gpt-3.5-turbo-instruct</option>
 					<option value="davinci-002">davinci-002</option>
 					<option value="gpt-3.5-turbo">gpt-3.5-turbo</option>
@@ -15737,7 +16808,7 @@ Current version: 148
 					<option value="gpt-4-32k">gpt-4-32k</option>
 					<option style="display:none;" id="custom_oai_model_option" value="custom">[Custom]</option>
 				</select>
-				<select style="padding:4px;display:inline;width:calc(100% - 220px)" class="form-control hidden" id="custom_openrouter_model" onchange="oai_model_change()">
+				<select style="padding:4px;display:inline;width:calc(100% - 220px)" class="form-control hidden" id="custom_openrouter_model" onchange="oai_model_change(true)">
 					<option value="openai/gpt-3.5-turbo">openai/gpt-3.5-turbo</option>
 					<option value="openai/gpt-4">openai/gpt-4</option>
 					<option value="openai/gpt-3.5-turbo-instruct">openai/gpt-3.5-turbo-instruct</option>
@@ -15752,7 +16823,7 @@ Current version: 148
 				<input type="checkbox" id="oaiaddversion" onchange="" checked>
 				<div class="box-label" title="Add endpoint version">Add Endpoint Version</div>
 				<input type="checkbox" id="useoaichatcompl" onchange="toggleoaichatcompl()">
-				<div class="box-label" id="useoaichatcompllabel" title="">Use ChatCompletions API</div>
+				<div class="box-label" id="useoaichatcompllabel">Use ChatCompletions API</div>
 
 				<span id="useoaichatcomplbox" class="hidden" onload="toggleoaichatcompl();">
 					<br>
@@ -15849,9 +16920,9 @@ Current version: 148
 				<span class="color_green" style="font-weight: bold;">Please input Cohere API Key.</span><br><br>
 				<input class="form-control" type="password" id="custom_cohere_key" placeholder="Cohere API Key" value="" onfocus="focus_api_keys()" onblur="blur_api_keys()"><br>
 				<input type="checkbox" id="usecohereweb">
-				<div class="box-label" id="usecohereweblabel" title="">Use WebSearch</div>
+				<div class="box-label" id="usecohereweblabel">Use WebSearch</div>
 				<input type="checkbox" id="useocoherepreamble" onchange="togglecoherepreamble()">
-				<div class="box-label" id="useocoherepreamblelabel" title="">Use Preamble</div>
+				<div class="box-label" id="useocoherepreamblelabel">Use Preamble</div>
 
 				<span id="useocoherepreamblebox" class="hidden" onload="togglecoherepreamble();">
 					<textarea class="form-control" id="cohere_preamble" rows="3" style="resize: vertical; line-height:1.1; padding:4px; display:inline; width: 100%" type="text" placeholder="(Enter Preamble)" value=""></textarea>
@@ -15943,55 +17014,195 @@ Current version: 148
 
 	<div class="popupcontainer flex hidden" id="settingscontainer">
 		<div class="popupbg flex"></div>
-		<div class="nspopup flexsizevsmall highest">
+		<div class="nspopup flexsize" style="margin-top: 6vh; background-color:#102840">
 			<div class="popuptitlebar">
-				<div class="popuptitletext">Settings</div>
+				<div class="popuptitletext" title="Settings Menu">Settings</div>
 			</div>
 			<div><ul class="nav nav-tabs settingsnav">
-				<li id="settingsmenubasic_tab" class="active"><a class="" href="#" onclick="display_settings_tab(true)">Basic</a></li>
-				<li id="settingsmenuadvanced_tab" ><a class="" href="#" onclick="display_settings_tab(false)">Advanced</a></li>
-			  </ul></div>
-			<div class="aidgpopuplistheader">
+				<li id="settingsmenuformat_tab" class="active"><a class="" href="#" title="Open Format Menu" onclick="display_settings_tab(0)">Format</a></li>
+				<li id="settingsmenusamplers_tab" ><a class="" href="#" title="Open Samplers Menu" onclick="display_settings_tab(1)">Samplers</a></li>
+				<li id="settingsmenumedia_tab" ><a class="" href="#" title="Open Media Menu" onclick="display_settings_tab(2)">Media</a></li>
+				<li id="settingsmenuadvanced_tab" ><a class="" href="#" title="Open Advanced Menu" onclick="display_settings_tab(3)">Advanced</a></li>
+			</ul></div>
+
+			<div class="aidgpopuplistheader settingsbody">
 
-				<!--basic settings menu top half-->
-				<div id="settingsmenubasic1" class="settingsmenu" style="padding-bottom: 0px;" onchange="setting_tweaked()">
+				<!-- format settings menu -->
+				<div id="settingsmenuformat" class="settingsmenu hidden" onchange="setting_tweaked()">
 					<div class="settingitem">
 						<div class="settinglabel">
-							<div class="justifyleft settingsmall">Quick Presets <span class="helpicon">?<span class="helptext">Pick from an easy selection of curated generation presets, or configure your own.</span></span></div>
-							<select class="form-control" id="presets" style="height:24px;padding:0;margin:0px 0 0;" onchange="toggle_preset()">
-								<option value="1" title="Known Working Settings">[Default]</option>
+							<div class="justifyleft settingsmall">Usage Mode <span class="helpicon">?<span class="helptext">Story Mode is best for novel style writing. Adventure Mode is best for Interactive Fiction RPGs. Chat Mode is best for chat conversations with the AI. Instruct mode is for giving the AI ChatGPT styled tasks.</span></span></div>
+							<select title="Usage Mode Selection" class="form-control" id="opmode" style="height:26px;padding:0;margin:0px 0 0;width:calc(100%);" onchange="toggle_opmode()">
+								<option value="4">Instruct Mode</option>
+								<option value="1">Story Mode</option>
+								<option value="2">Adventure Mode</option>
+								<option value="3">Chat Mode</option>
 							</select>
+							<div id="opmodedesc" class="settingsdesctxt"></div>
 						</div>
 					</div>
 					<div class="settingitem">
-						<div class="settinglabel">
-							<div class="justifyleft settingsmall">Temperature <span class="helpicon">?<span
-										class="helptext">Randomness of sampling. High values can increase creativity but
-										may make text less sensible. Lower values will make text more predictable but
-										can become repetitious.</span></span></div>
-							<input inputmode="decimal" class="justifyright flex-push-right settingsmall" id="temperature" value=0.5
-								oninput="
-						   document.getElementById('temperature_slide').value = this.value;">
-						</div>
-						<div><input type="range" class="form-range airange" min="0.1" max="2" step="0.01"
-								id="temperature_slide" oninput="
-						   document.getElementById('temperature').value = this.value;"></div>
-						<div class="settingminmax">
-							<div class="justifyleft">0.1</div>
-							<div class="justifyright">2</div>
+						<div id="uipicker" class="settinglabel">
+							<div class="justifyleft settingsmall">UI Style Select <span class="helpicon">?<span class="helptext">Select your preferred UI style, which affects text formatting and display. Some UIs are only available for specific modes.</span></span></div>
+							<select title="UI Style Selection" class="form-control" id="gui_type" style="height:26px;padding:0;margin:0px 0 0;" onchange="toggle_uistyle()">
+								<option id="uipicker_classic" value="0">Classic Theme</option>
+								<option id="uipicker_messenger" value="1">Messenger Theme</option>
+								<option id="uipicker_aesthetic" value="2">Aesthetic Theme</option>
+								<option id="uipicker_corpo" value="3">Corpo Theme</option>
+							</select>
+							<button type="button" class="btn btn-primary" id="btn_aesthetics" onclick="openAestheticUISettingsMenu()" style="border-color: #bbbbbb; width:100%; height:30px; padding:0px 8px; margin: 3px 0 3px 0;">⚙️ Customize</button>
+							<div id="guitypedesc" class="settingsdesctxt"></div>
+						</div>
+					</div>
+
+					<div class="settingitem wide" id="chatnamessection">
+						<div class="settinglabel" style="padding-top: 3px;">
+							<div style="display:flex;width:100%;">
+								<div class="settinglabel settingcell" style="padding-bottom:0px">
+									<div  class="justifyleft settingsmall" style="width:100%">Your Name <span class="helpicon">?<span class="helptext">The name the AI will see you as</span></span></div>
+								</div>
+								<div class="settinglabel settingcell" style="padding-bottom:0px">
+									<div class="justifyleft settingsmall" style="width:100%">AI Name <span class="helpicon">?<span class="helptext">Name of the person(s) you want to chat with. Multiple opponents can be specified, creating a group chat, separate their names using multiple lines.</span></span></div>
+								</div>
+							</div>
+							<div style="display:flex;width:100%;">
+								<div class="settinglabel settingcell">
+									<div class="justifyleft settingsmall" style="width:100%">
+									<input class="settinglabel miniinput" style="height:18px;" type="text" placeholder="(Enter Name)" value="" id="chatname" title="The name that you will be chatting as">
+									</div>
+								</div>
+								<div class="settinglabel settingcell">
+									<div class="justifyleft settingsmall" style="width:100%">
+									<textarea class="settinglabel miniinput" style="resize: none;overflow:hidden;" id="chatopponent" placeholder="(Auto)" rows="1" wrap="off" title="The name of the person you want to chat with" oninput="handle_bot_name_input()" onchange="handle_bot_name_onchange()"></textarea>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="settinglabel" style="width:100%">
+							<button type="button" class="btn btn-primary" style="padding:2px 4px;margin:2px;margin-left:auto;font-size:11px;" onclick="add_another_participant()">Add Another Participant</button>
+						</div>
+					</div>
+
+					<div class="settingitem wide" id="instructtagsection">
+						<div class="settinglabel">
+							<div id="instructsection_basic" class="settinglabel" style="width:100%">
+								<div class="justifyleft settingsmall">Instruct Tag Preset <span class="helpicon">?<span class="helptext">Quickly select between common instruct tag formats. Different models are trained with different tags.</span></span></div>
+								<select title="Instruct Tag Preset" class="form-control" id="instruct_tag_format" style="height:26px;padding:0;margin:0px 0 0;width:100%" onchange="toggle_instruct_tag_format()">
+								</select>
+							</div>
+						</div>
+
+						<div class="settinglabel" style="margin-top: 4px;">
+							<div class="settinglabel" style="width:100%">
+								<div class="justifyleft settingsmall" style="width:100%">Instruct Tag Format <span class="helpicon">?<span class="helptext">Specify the exact text formatting used for instruct mode.</span></span></div>
+							</div>
+							<div class="justifyleft" style="display: flex; width: 100%; font-size: 12px; margin:2px">
+								<div style="width:100px">System Tag <span class="helpicon">?<span class="helptext">The sequence to start the system prompt</span></span></div>
+								<input class="settinglabel miniinput" title="System Tag" style="width:calc(100% - 100px)" type="text" placeholder="(Unused)" value="" id="instruct_systag" onchange="edit_instruct_tag_format()">
+							</div>
+							<div class="justifyleft" style="display: flex; width: 100%; font-size: 12px; margin:2px">
+								<div style="width:100px">Sys. Prompt <span class="helpicon">?<span class="helptext">A fixed system message sent at the very start to guide the AI behavior. Usually NOT needed</span></span></div>
+								<textarea class="settinglabel miniinput" title="System Prompt" style="resize:vertical;width:calc(100% - 100px)" rows="1" type="text" placeholder="(Unused)" value="" id="instruct_sysprompt" onchange="edit_instruct_tag_format()"></textarea>
+							</div>
+							<div class="justifyleft" style="display: flex; width: 100%; font-size: 12px; margin:2px">
+								<div style="width:100px">User Tag <span class="helpicon">?<span class="helptext">The sequence to start an instruction prompt</span></span></div>
+								<input class="settinglabel miniinput" title="User Tag" style="width:calc(100% - 100px)" type="text" placeholder="\\n### Instruction:\\n" value="" id="instruct_starttag" onchange="edit_instruct_tag_format()" title="The sequence to start an instruction prompt">
+							</div>
+							<div class="justifyleft" style="display: flex; width: 100%; font-size: 12px; margin:2px">
+								<div style="width:100px">Assistant Tag <span class="helpicon">?<span class="helptext">The sequence to start an assistant response</span></span></div>
+								<input class="settinglabel miniinput" title="Assistant Tag" style="width:calc(100% - 100px)" type="text" placeholder="\\n### Response:\\n" value="" id="instruct_endtag" onchange="edit_instruct_tag_format()" title="The sequence to end an instruction prompt">
+							</div>
+						</div>
+					</div>
+
+					<div class="settingitem">
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Multiline Replies <span class="helpicon">?<span
+							class="helptext">Whether to allow multiple lines in AI responses (Chat/Adventure). Disable this if the AI starts generating rubbish.</span></span> </div>
+							<input type="checkbox" title="Multiline Replies" id="multiline_replies" style="margin:0px 0px 0px auto;">
+						</div>
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Continue Bot Replies <span class="helpicon">?<span
+							class="helptext">Allow incomplete AI chat mode replies, which can be continued by pressing submit again. Not recommended for newbies.</span></span></div>
+							<input type="checkbox" title="Continue Bot Replies" id="allow_continue_chat" style="margin:0px 0px 0px auto;">
 						</div>
 					</div>
 
 					<div class="settingitem">
 						<div class="settinglabel">
-							<div class="justifyleft settingsmall">Max Ctx. Tokens <span class="helpicon">?<span class="helptext">Max
-										number of context tokens submitted to the AI. Must exceed Amount to Generate. Can be further increased by editing the textbox. Older models stop at 2048, newer ones can do 4096 or greater.</span></span></div>
-							<input inputmode="numeric" class="justifyright flex-push-right settingsmall widerinput" id="max_context_length"
-								value=1024 oninput="
+							<div class="justifyleft settingsmall">Chat PrePrompt <span class="helpicon">?<span
+								class="helptext">Modifies the context, injecting tokens to improve chat quality for new chats.</span></span> </div>
+							<input type="checkbox" title="Chat PrePrompt" id="chat_context_mod" style="margin:0px 0px 0px auto;">
+						</div>
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Adventure PrePrompt <span class="helpicon">?<span
+								class="helptext">Modifies the context, injecting tokens to improve adventure quality for new adventures.</span></span> </div>
+							<input type="checkbox" title="Adventure PrePrompt" id="adventure_context_mod" style="margin:0px 0px 0px auto;">
+						</div>
+					</div>
+
+					<div class="settingitem">
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Enable Markdown <span class="helpicon">?<span
+								class="helptext">Allows the UI to use markdown formatting such as quotes and code blocks.</span></span></div>
+								<input type="checkbox" title="Enabled Markdown" id="instruct_has_markdown" style="margin:0px 0px 0px auto;">
+						</div>
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Trim Sentences <span class="helpicon">?<span
+								class="helptext">Trims incomplete sentences in AI output.</span></span></div>
+							<input type="checkbox" title="Trim Sentences" id="trimsentences" style="margin:0px 0px 0px auto;">
+						</div>
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Trim Whitespace <span class="helpicon">?<span
+								class="helptext">Removes trailing whitespace in AI output.</span></span></div>
+							<input type="checkbox" title="Trim White Space" id="trimwhitespace" style="margin:0px 0px 0px auto;">
+						</div>
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Compress Newlines <span class="helpicon">?<span
+								class="helptext">Compresses multiple newlines into one newline in AI output.</span></span></div>
+							<input type="checkbox" title="Compress Newlines" id="compressnewlines" style="margin:0px 0px 0px auto;">
+						</div>
+					</div>
+
+					<div class="settingitem">
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Inject Timestamps <span class="helpicon">?<span
+								class="helptext">Injects timestamps into context (Chat/Instruct), allowing the AI to have a sense of time.</span></span></div>
+							<input type="checkbox" title="Inject Timestamps" id="inject_timestamps" style="margin:0px 0px 0px auto;">
+						</div>
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Inject ChatNames <span class="helpicon">?<span
+								class="helptext">Appends chat names after every instruct tag, a hybrid chat mode.</span></span></div>
+							<input type="checkbox" title="Inject ChatNames" id="inject_chatnames_instruct" style="margin:0px 0px 0px auto;" onchange="toggle_include_chatnames()">
+						</div>
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Assistant Jailbreak <span class="helpicon">?<span
+								class="helptext">Automatically injects a jailbreak message after every instruct query, to make the AI more likely to obey you.</span></span></div>
+							<input type="checkbox" title="Assistant Jailbreak" id="inject_jailbreak_instruct" style="margin:0px 0px 0px auto;">
+						</div>
+
+					</div>
+				</div>
+
+				<!-- sampler settings menu-->
+				<div id="settingsmenusamplers" class="settingsmenu hidden" onchange="setting_tweaked()">
+					<div class="settingitem wide">
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Sampler Preset <span class="helpicon">?<span class="helptext">Pick from an easy selection of curated generation presets, or configure your own.</span></span></div>
+							<select title="Sampler Preset" class="form-control" id="samplerpresets" style="height:26px;padding:0;margin:0px 0 0; width:100%;" onchange="toggle_preset()">
+								<option value="1" title="Select a Preset">[Default]</option>
+							</select>
+						</div>
+						<div id="presetsdesc" class="settingsdesctxt"></div>
+					</div>
+
+					<div class="settingitem">
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Context Size <span class="helpicon">?<span class="helptext">Maximum number of context tokens submitted to the AI. Must exceed max output tokens. Can be further increased by editing the textbox. Older models stop at 2048, newer ones can do 4096 or greater.</span></span></div>
+							<input title="Context Size" inputmode="numeric" class="justifyright flex-push-right settingsmall widerinput" id="max_context_length" oninput="
 						   document.getElementById('max_context_length_slide').value = this.value;">
 						</div>
-						<div><input type="range" class="form-range airange" min="512" max="2048" step="8"
-								id="max_context_length_slide" oninput="
+						<div><input title="Context Size Slider" type="range" class="form-range airange" min="512" max="2048" step="8" id="max_context_length_slide" oninput="
 						   document.getElementById('max_context_length').value = this.value;"></div>
 						<div class="settingminmax">
 							<div class="justifyleft">512</div>
@@ -15999,22 +17210,18 @@ Current version: 148
 						</div>
 						<div id="auto_ctxlen_panel" class="settinglabel">
 							<div class="justifyleft settingsmall" title="Automatically lowers settings if incompatible with existing workers">Auto-Adjust Limits </div>
-						   <input type="checkbox" id="auto_ctxlen" style="margin:0px 0 0;">
+						   <input title="Auto-Adjust Context Limits" type="checkbox" id="auto_ctxlen" style="margin:0px 0 0;">
 						</div>
 					</div>
 
-					<br>
 					<div class="settingitem">
 						<div class="settinglabel">
-							<div class="justifyleft settingsmall">Amount to Gen. <span class="helpicon">?<span
-										class="helptext">Number of tokens the AI should generate. Higher numbers will
-										take longer to generate.</span></span></div>
-							<input inputmode="numeric" class="justifyright flex-push-right settingsmall" id="max_length" value=80
-								oninput="
+							<div class="justifyleft settingsmall">Max Output <span class="helpicon">?<span
+										class="helptext">Number of tokens the AI should generate. Higher numbers will take longer to generate.</span></span></div>
+							<input title="Max Output" inputmode="numeric" class="justifyright flex-push-right settingsmall" id="max_length" oninput="
 						   document.getElementById('max_length_slide').value = this.value;">
 						</div>
-						<div><input type="range" class="form-range airange" min="16" max="512" step="2"
-								id="max_length_slide" oninput="
+						<div><input title="Max Output Slider" type="range" class="form-range airange" min="16" max="512" step="2"	id="max_length_slide" oninput="
 						   document.getElementById('max_length').value = this.value;"></div>
 						<div class="settingminmax">
 							<div class="justifyleft">16</div>
@@ -16022,324 +17229,251 @@ Current version: 148
 						</div>
 						<div id="auto_genamt_panel" class="settinglabel">
 							<div class="justifyleft settingsmall" title="Automatically lowers settings if incompatible with existing workers">Auto-Adjust Limits </div>
-						   <input type="checkbox" id="auto_genamt" style="margin:0px 0 0;">
+						   <input title="Auto-Adjust Length Limits" type="checkbox" id="auto_genamt" style="margin:0px 0 0;">
 						</div>
 					</div>
 
 					<div class="settingitem">
 						<div class="settinglabel">
-							<div class="justifyleft settingsmall">Top p Sampling <span class="helpicon">?<span class="helptext">Used
-										to discard unlikely text in the sampling process. Lower values will make text
-										more predictable but can become repetitious. Set to 1 to deactivate it.</span></span></div>
-							<input inputmode="decimal" class="justifyright flex-push-right settingsmall" id="top_p" value=80 oninput="
-						   document.getElementById('top_p_slide').value = this.value;">
+							<div class="justifyleft settingsmall">Temperature <span class="helpicon">?<span
+										class="helptext">Randomness of sampling. High values can increase creativity but
+										may make text less sensible. Lower values will make text more predictable but
+										can become repetitious.</span></span></div>
+							<input title="Temperature" inputmode="decimal" class="justifyright flex-push-right settingsmall" id="temperature" value=0.5
+								oninput="document.getElementById('temperature_slide').value = this.value;">
 						</div>
-						<div><input type="range" class="form-range airange" min="0" max="1" step="0.01" id="top_p_slide"
-								oninput="
-						   document.getElementById('top_p').value = this.value;"></div>
+						<div><input title="Temperature Slider" type="range" class="form-range airange" min="0.1" max="2" step="0.01"
+								id="temperature_slide" oninput="
+						   document.getElementById('temperature').value = this.value;"></div>
 						<div class="settingminmax">
-							<div class="justifyleft">0</div>
-							<div class="justifyright">1</div>
+							<div class="justifyleft">0.1</div>
+							<div class="justifyright">2</div>
 						</div>
 					</div>
 
-
-
 					<div class="settingitem">
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Repetition Penalty <span class="helpicon">?<span
 										class="helptext">Used to penalize words that were already generated or belong to
-										the context (Going over 1.2 breaks 6B models).</span></span></div>
-							<input inputmode="decimal" class="justifyright flex-push-right settingsmall" id="rep_pen" value=80
-								oninput="
+										the context (too high causes incoherence!).</span></span></div>
+							<input title="Repetition Penalty" inputmode="decimal" class="justifyright flex-push-right settingsmall" id="rep_pen" oninput="
 						   document.getElementById('rep_pen_slide').value = this.value;">
 						</div>
-						<div><input type="range" class="form-range airange" min="1" max="3" step="0.01"
-								id="rep_pen_slide" oninput="
-						   document.getElementById('rep_pen').value = this.value;"></div>
+						<div><input title="Repetition Penalty Slider" type="range" class="form-range airange" min="1" max="2" step="0.01"
+								id="rep_pen_slide" oninput="document.getElementById('rep_pen').value = this.value;"></div>
 						<div class="settingminmax">
 							<div class="justifyleft">1</div>
-							<div class="justifyright">3</div>
+							<div class="justifyright">2</div>
 						</div>
 					</div>
 
-
-				</div>
-				<!-- basic settings menu bottom half-->
-				<div id="settingsmenubasic2" class="settingsmenu" style="padding-top: 0px;">
-
-
 					<div class="settingitem">
 						<div class="settinglabel">
-							<div class="justifyleft settingsmall">Format <span class="helpicon">?<span class="helptext">Story Mode is best for novel style writing. Adventure Mode is best for Interactive Fiction RPGs. Chat Mode is best for chat conversations with the AI. Instruct mode is for giving the AI ChatGPT styled tasks.</span></span></div>
-							<select class="form-control" id="opmode" style="height:24px;padding:0;margin:0px 0 0;" onchange="toggle_opmode()">
-								<option value="4">Instruct Mode</option>
-								<option value="1">Story Mode</option>
-								<option value="2">Adventure Mode</option>
-								<option value="3">Chat Mode</option>
-							</select>
+							<div class="justifyleft settingsmall">Top-P Sampling <span class="helpicon">?<span class="helptext">Used
+										to discard unlikely text in a nucleus sampling process. Lower values will make text
+										more predictable but can become repetitious. Set to 1 to deactivate it.</span></span></div>
+							<input title="Top-P Sampling" inputmode="decimal" class="justifyright flex-push-right settingsmall" id="top_p" oninput="
+						   document.getElementById('top_p_slide').value = this.value;">
+						</div>
+						<div><input title="Top-P Sampling Slider" type="range" class="form-range airange" min="0" max="1" step="0.01" id="top_p_slide"
+								oninput="document.getElementById('top_p').value = this.value;"></div>
+						<div class="settingminmax">
+							<div class="justifyleft">0</div>
+							<div class="justifyright">1</div>
+						</div>
+					</div>
 
-						<div id="uipicker" class="settinglabel" style="padding-top: 3px;">
-							<div class="settinglabel">
-								<div class="justifyleft settingsmall" title="">UI Style Select <span class="helpicon">?<span class="helptext">Select your preferred UI style, which affects text formatting and display. Some UIs are only available for specific modes.</span></span></div>
-								<select class="form-control" id="gui_type" style="height:24px;padding:0;margin:0px 0 0; width:calc( 100% - 30px );" onchange="toggle_uistyle()">
-									<option id="uipicker_classic" value="0">Classic</option>
-									<option id="uipicker_messenger" value="1">Messenger</option>
-									<option id="uipicker_aesthetic" value="2">Aesthetic</option>
-								</select>
-								<button type="button" class="btn btn-primary" id="btn_aesthetics" onclick="openAestheticUISettingsMenu()" style="height: 24px; padding: 0px 2px; margin: 0px 0px 0px 3px;">⚙️</button>
-							</div>
+					<div class="settingitem">
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Top-K Sampling <span class="helpicon">?<span class="helptext">Top-K Sampling. Discards all but the K most likely tokens. Set 0 to Deactivate.</span></span></div>
+							<input title="Top-K Sampling"inputmode="decimal" class="justifyright flex-push-right settingsmall" id="top_k" oninput="
+						   document.getElementById('top_k_slide').value = this.value;">
+						</div>
+						<div><input title="Top-K Sampling Slider" type="range" class="form-range airange" min="0" max="100" step="1" id="top_k_slide"
+								oninput="document.getElementById('top_k').value = this.value;"></div>
+						<div class="settingminmax">
+							<div class="justifyleft">0</div>
+							<div class="justifyright">1</div>
 						</div>
+					</div>
 
-						<div id="chatnamesection1" class="settinglabel hidden" style="padding-top: 3px;">
-							<div class="settinglabel">
-							<div class="justifyleft settingsmall">Chat PrePrompt <span class="helpicon">?<span
-								class="helptext">Modifies the context, injecting tokens to improve chat quality for new chats.</span></span> </div>
-							<input type="checkbox" id="chat_context_mod" style="margin:0px 0 0;">
-							</div>
-							<div class="settinglabel">
-								<div class="justifyleft settingsmall">Inject Timestamps <span class="helpicon">?<span
-									class="helptext">Injects timestamps into context, allowing the AI to have a sense of time.</span></span></div>
-								<input type="checkbox" id="inject_timestamps_chat" style="margin:0px 0 0;">
-							</div>
+					<div class="settingitem wide">
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Advanced Sampler Config <span class="helpicon">?<span class="helptext">These settings control alternative samplers configurations. They are inactive by default, you usually do not need to change them.</span></span></div>
 						</div>
-						<div id="adventuresection1" class="settinglabel hidden" style="padding-top: 3px;">
-							<div class="settinglabel">
-							<div class="justifyleft settingsmall">Adventure PrePrompt <span class="helpicon">?<span
-								class="helptext">Modifies the context, injecting tokens to improve adventure quality for new adventures.</span></span> </div>
-							<input type="checkbox" id="adventure_context_mod" style="margin:0px 0 0;">
+						<div style="display:flex;width:100%;">
+							<div class="settinglabel settingcell">
+								<div title="Top-A Sampling. 0 to Deactivate." class="justifyleft settingsmall" style="width:100%">Top-A</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<input title="Top-A Sampling" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0" value="0" id="top_a"></div>
 							</div>
-						</div>
-						<div id="instructsection1" class="settinglabel hidden" style="padding-top: 3px;">
-							<div class="justifyleft settingsmall">Enable Markdown <span class="helpicon">?<span
-								class="helptext">Allows the UI to use markdown formatting such as quotes and code blocks.</span></span>
-								<input type="checkbox" id="instruct_has_markdown" style="margin:0px 0 0;">
+							<div class="settinglabel settingcell">
+								<div title="Typical Sampling. 1 to Deactivate." class="justifyleft settingsmall" style="width:100%">Typical</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<input title="Typical Sampling"class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0" value="0" id="typ_s"></div>
 							</div>
-							<div class="settinglabel">
-								<div class="justifyleft settingsmall">Inject Timestamps <span class="helpicon">?<span
-									class="helptext">Injects timestamps into context, allowing the AI to have a sense of time.</span></span></div>
-								<input type="checkbox" id="inject_timestamps_instruct" style="margin:0px 0 0;">
+							<div class="settinglabel settingcell">
+								<div title="Tail-Free Sampling. 1 to Deactivate." class="justifyleft settingsmall" style="width:100%">TFS</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<input title="Tail-Free Sampling" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0" value="0" id="tfs_s"></div>
 							</div>
-							<div class="settinglabel">
-								<div class="justifyleft settingsmall">Inject ChatNames <span class="helpicon">?<span
-									class="helptext">Appends chat names after every instruct tag, a hybrid chat mode.</span></span></div>
-								<input type="checkbox" id="inject_chatnames_instruct" style="margin:0px 0 0;" onchange="toggle_include_chatnames()">
+							<div class="settinglabel settingcell">
+								<div title="Min-P Sampling. 0 to Deactivate." class="justifyleft settingsmall" style="width:100%">Min-P</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<input title="Min-P Sampling" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0" value="0" id="min_p"></div>
 							</div>
-							<div class="settinglabel">
-								<div class="justifyleft settingsmall">Assistant Jailbreak <span class="helpicon">?<span
-									class="helptext">Automatically injects a jailbreak message after every query to make the AI more likely to obey you.</span></span></div>
-								<input type="checkbox" id="inject_jailbreak_instruct" style="margin:0px 0 0;">
+							<div class="settinglabel settingcell">
+								<div title="Presence Penalty. 0 to Deactivate." class="justifyleft settingsmall" style="width:100%">Pr. Pen.</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<input title="Presence Penalty" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0" value="0" id="presence_penalty"></div>
 							</div>
 						</div>
-						</div>
-					</div>
-
-					<div class="settingitem">
-					<div class="settinglabel">
-
-						<div id="adventuresection2" class="settinglabel hidden" style="padding-top: 3px;">
-							<div class="settinglabel">
-								<div class="justifyleft settingsmall">Multiline Replies <span class="helpicon">?<span
-									class="helptext">Whether to allow multiple lines in AI responses. Disable this if the AI starts generating rubbish.</span></span></div>
-								<input type="checkbox" id="multiline_replies_adventure" style="margin:0px 0 0;">
+						<div style="display:flex;width:100%;">
+							<div class="settinglabel settingcell">
+								<div title="Sampler Seed. -1 to Deactivate." class="justifyleft settingsmall" style="width:100%">Seed</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<input title="Sampler Seed" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0" value="0" id="sampler_seed"></div>
 							</div>
-						</div>
-						<div id="instructsection2" class="settinglabel hidden" style="padding-top: 3px;">
-							<div class="justifyleft settingsmall">Instruct Tag Preset <span class="helpicon">?<span class="helptext">Quickly select between common instruct tag formats. Different models are trained with different tags.</span></span></div>
-							<select class="form-control" id="instruct_tag_format" style="font-size:10px;height:18px;padding:0;margin:0px 0 0;" onchange="toggle_instruct_tag_format()">
-								<option value="0" selected>[Custom]</option>
-								<option value="1">Alpaca</option>
-								<option value="2">Vicuna</option>
-								<option value="3">Metharme</option>
-								<option value="4">Llama 2 Chat</option>
-								<option value="5">Q & A</option>
-								<option value="6">ChatML</option>
-								<option value="7">KoboldAI Format</option>
-								<option value="8">CommandR</option>
-								<option value="9">Llama 3 Chat</option>
-								<option value="10">Phi-3</option>
-								<option value="11">Gemma-2</option>
-							</select>
-							<div class="settingsmall miniinput" style="width:100%;padding:2px">
-							<div class="justifyleft settingsmall">Sys. Prompt <span class="helpicon">?<span class="helptext">A system pre-prompt sent at the very start to guide the AI behavior. Usually NOT needed.</span></span></div>
-							<input class="settinglabel miniinput" type="text" placeholder="(Optional)" value="" id="instruct_sysprompt">
+							<div class="settinglabel settingcell">
+								<div title="Repetition Penalty Range" class="justifyleft settingsmall" style="width:100%">Rp.Range</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<input title="Repetition Penalty Range" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0" value="0" id="rep_pen_range"></div>
 							</div>
-							<table class="settingsmall text-center" style="border-spacing: 3px 2px;	border-collapse: separate;">
-								<tr>
-									<th>Start Seq.<span class="helpicon">?<span class="helptext">The sequence to start an instruction prompt</span></span></th>
-									<th>End Seq.<span class="helpicon">?<span class="helptext">The sequence to end an instruction prompt</span></span></th>
-								</tr>
-								<tr>
-								<td><input class="settinglabel miniinput" type="text" placeholder="\\n### Instruction:\\n" value="" id="instruct_starttag" onchange="edit_instruct_tag_format()" title="The sequence to start an instruction prompt"></td>
-								<td><input class="settinglabel miniinput" type="text" placeholder="\\n### Response:\\n" value="" id="instruct_endtag" onchange="edit_instruct_tag_format()" title="The sequence to end an instruction prompt"></td>
-								</tr>
-							</table>
-						</div>
-						<div id="chatinstructsharedsection2" class="settinglabel hidden" style="padding-top: 3px;">
-							<table class="settingsmall text-center" style="border-spacing: 4px 2px;	border-collapse: separate;">
-								<tr>
-								<th>Your Name</th>
-								<th>AI Name <span class="helpicon">?<span class="helptext">Name of the person(s) you want to chat with. Multiple opponents can be specified, creating a group chat, separate their names using multiple lines.</span></span></th>
-								</tr>
-								<tr>
-								<td style="vertical-align: top;"><input class="settinglabel miniinput" style="height:18px;" type="text" placeholder="(Enter Name)" value="" id="chatname" title="The name that you will be chatting as"></td>
-								<td style="vertical-align: top;"><textarea class="settinglabel miniinput" style="resize: none;overflow:hidden;" id="chatopponent" placeholder="(Auto)" rows="1" wrap="off" title="The name of the person you want to chat with" oninput="handle_bot_name_input()" onchange="handle_bot_name_onchange()"></textarea></td>
-								</tr>
-							  </table>
-						</div>
-						<div id="chatnamesection2" class="settinglabel hidden" style="padding-top: 3px;">
-							<div class="settinglabel">
-							<div class="justifyleft settingsmall">Multiline Replies <span class="helpicon">?<span
-								class="helptext">Whether to allow multiple lines in AI responses. Disable this if the AI starts generating rubbish.</span></span> </div>
-							<input type="checkbox" id="multiline_replies" style="margin:0px 0 0;">
+							<div class="settinglabel settingcell">
+								<div title="Repetition Penalty Slope" class="justifyleft settingsmall" style="width:100%">Rp.Slope</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<input title="Repetition Penalty Slope" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0" value="0" id="rep_pen_slope"></div>
 							</div>
-							<div class="settinglabel">
-							<div class="justifyleft settingsmall">Continue Bot Replies <span class="helpicon">?<span
-								class="helptext">Allow incomplete AI chat replies, which can be continued by pressing submit again. Not recommended for newbies.</span></span></div>
-							<input type="checkbox" id="allow_continue_chat" style="margin:0px 0 0;">
+							<div class="settinglabel settingcell">
+								<div title="Smoothing Factor" class="justifyleft settingsmall" style="width:100%">Smooth.F</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<input title="Smoothing Factor" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0" value="0" id="smoothing_factor"></div>
+							</div>
+							<div class="settinglabel settingcell">
+								<div title="DynaTemp Configs. Range 0 to Deactivate." class="justifyleft settingsmall" style="width:100%">DyTemp</div>
+								<div class="justifyleft settingsmall" style="width:100%">
+								<button title="Dynamic Temperature Configuration" type="button" class="btn btn-primary" style="padding:2px 4px;font-size:9px;" onclick="show_dynatemp()"><span id="dynatemp_overview">OFF</span></button>
+								</div>
 							</div>
-							<button type="button" class="btn btn-primary" style="padding:2px 3px;margin-top:2px;font-size:11px;" onclick="add_another_participant()">Add Another Participant</button>
 						</div>
-					</div>
-					</div>
-				</div>
-
-				<!--advanced settings menu top-->
-				<div id="settingsmenuadvanced1" class="settingsmenu hidden" style="padding-bottom: 0px;" onchange="setting_tweaked()">
-					<div class="settingitem">
-						<div class="settinglabel">
-
-							<div class="justifyleft settingsmall">Advanced Sampler Config <span class="helpicon">?<span class="helptext">These settings control alternative samplers configurations. They are inactive by default, you usually do not need to change them.</span></span></div>
-							<table class="settingsmall text-center" style="border-spacing: 3px 2px;
-							border-collapse: separate;">
-								<tr>
-								  <th title="Top-K Sampling. 0 to Deactivate.">Top-K</th>
-								  <th title="Top-A Sampling. 0 to Deactivate.">Top-A</th>
-								  <th title="Typical Sampling. 1 to Deactivate.">Typ.</th>
-								  <th title="Tail-Free Sampling. 1 to Deactivate.">TFS</th>
-								</tr>
-								<tr>
-								<td><input class="" type="text" inputmode="decimal" placeholder="0" value="0"
-								id="top_k"></td>
-								<td><input class="" type="text" inputmode="decimal" placeholder="0" value="0"
-								id="top_a"></td>
-								<td><input class="" type="text" inputmode="decimal" placeholder="0" value="0"
-								id="typ_s"></td>
-								<td><input class="" type="text" inputmode="decimal" placeholder="0" value="0"
-								id="tfs_s"></td>
-								</tr>
-
-								<tr>
-								<th title="Sampler Seed. -1 to Deactivate.">Seed</th>
-								<th title="Min-P Sampling. 0 to Deactivate.">Min-P</th>
-								<th title="Presence Penalty. 0 to Deactivate.">PrPen.</th>
-								<th title="DynaTemp Configs. Range 0 to Deactivate.">DyTmp.</th>
-								</tr>
-								<tr>
-
-								<td><input class="" type="text" inputmode="decimal" placeholder="0" value="0"
-								id="sampler_seed"></td>
-								<td><input class="" type="text" inputmode="decimal" placeholder="0" value="0"
-								id="min_p"></td>
-								<td><input class="" type="text" inputmode="decimal" placeholder="0" value="0"
-								id="presence_penalty"></td>
-								<td><button type="button" class="btn btn-primary" style="padding:1px 3px;font-size:8px;" onclick="show_dynatemp()"><span id="dynatemp_overview">OFF</span></button></td>
-								</tr>
-
-
-							  </table>
 
+						<div style="display:flex;width:100%;">
+							<div class="settinglabel settingcell">
+								<div class="justifyleft settingsmall">EOS Token Ban <span class="helpicon">?<span
+									class="helptext">Allow the End-Of-Stream (EOS) token and potentially other restricted special tokens to be generated.</span></span></div>
+									<select title="EOS Token Banning Behavior" style="padding:1px; height:auto; margin:0px 0px 0px auto;" class="form-control" id="eos_ban_mode">
+									<option value="0">Auto</option>
+									<option value="1">Unban</option>
+									<option value="2">Ban</option>
+									<option value="3">Bypass</option>
+								</select>
+							</div>
+							<div class="settinglabel settingcell">
+								<div title="Sampler Order" class="justifyleft settingsmall" style="width:100%">Sampler Order <span class="helpicon">?<span class="helptext">
+								The order by which all 7 samplers are applied, separated by commas. 0=top_k, 1=top_a, 2=top_p, 3=tfs, 4=typ, 5=temp, 6=rep_pen</span></span></div>
+								<div class="justifyleft settingsmall" style="width:100%;">
+								<input title="Sampler Order List" class="settinglabel miniinput" type="text" placeholder="CSV" value="" id="sampler_order" title="Valid values are: 0=top_k, 1=top_a, 2=top_p, 3=tfs, 4=typ, 5=temp, 6=rep_pen" onblur="validate_samplers()"></div>
+							</div>
 						</div>
-					</div>
 
-					<div class="settingitem">
-						<div class="settinglabel">
-
-							<div class="justifyleft settingsmall">Mirostat (If supported) <span class="helpicon">?<span class="helptext">Replaces your samplers with mirostat, an alternative sampling method. May not be available depending on backend, not supported on Horde.</span></span></div>
-							<div id="mirosupporteddiv">
-								<table class="settingsmall text-center" style="border-spacing: 3px 2px;
-								border-collapse: separate;">
-									<tr>
-									<th title="Mirostat Type 0/1/2">Mode</th>
-									<th title="Mirostat Tau Value">Tau</th>
-									<th title="Mirostat Eta Value">Eta</th>
-									</tr>
-									<tr>
-									<td><select style="padding:1px; height:auto; width: 27px; appearance: none; font-size: 7pt;" class="form-control" id="miro_type">
-										<option value="0">Off</option>
-										<option value="1">1</option>
-										<option value="2">2</option>
-									</select></td>
-									<td><input class="" type="text" placeholder="0.0" value="0.0"
-									id="miro_tau"></td>
-									<td><input class="" type="text" placeholder="0.0" value="0.0"
-									id="miro_eta"></td>
-									</tr>
-								</table>
+						<div style="display:flex;width:100%;">
+							<div class="settinglabel settingcell">
+								<div title="Mirostat" class="justifyleft settingsmall" style="width:100%">Mirostat <span class="helpicon">?<span class="helptext">
+									Replaces your samplers with mirostat, an alternative sampling method. May not be available depending on backend, not supported on Horde.</span></span></div>
+									<div class="justifyleft settingsmall" style="width:100%">
+									<div id="mirosupporteddiv" style="display:flex;">
+										<div class="settinglabel settingcell">
+											<div title="Mirostat Type 0/1/2" class="justifyleft settingsmall" style="width:100%">Mode</div>
+											<div class="justifyleft settingsmall" style="width:100%">
+											<select title="Mirostat Mode" style="padding:1px; height:auto; appearance: none; font-size: 7pt;" class="form-control" id="miro_type">
+												<option value="0">Off</option>
+												<option value="1">1</option>
+												<option value="2">2</option>
+											</select>
+											</div>
+										</div>
+										<div class="settinglabel settingcell">
+											<div title="Mirostat Tau Value" class="justifyleft settingsmall" style="width:100%">Tau</div>
+											<div class="justifyleft settingsmall" style="width:100%">
+											<input title="Mirostat Tau" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0.0" value="0.0" id="miro_tau"></div>
+										</div>
+										<div class="settinglabel settingcell">
+											<div title="Mirostat Eta Value" class="justifyleft settingsmall" style="width:100%">Eta</div>
+											<div class="justifyleft settingsmall" style="width:100%">
+											<input title="Mirostat Eta" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0.0" value="0.0" id="miro_eta"></div>
+										</div>
+									</div>
+									<div id="mirounsupporteddiv" class="color_red" style="font-weight:bold;padding:3px;font-size:12px">Mirostat Not Supported</div>
+									</div>
 							</div>
-							<div id="mirounsupporteddiv" class="color_red" style="font-weight:bold;padding:3px;font-size:12px">Mirostat Not Supported</div>
-							<div class="settinglabel">
-								<div class="justifyleft settingsmall">User Mods <span class="helpicon">?<span class="helptext">Allows you to load third-party user created mods (caution).</span></span></div>
-								<button id="loadusermod" type="button" class="btn btn-primary" style="padding:2px 3px;margin-top:2px;font-size:11px;" onclick="apply_user_mod()">Apply User Mod</button>
+
+							<div class="settinglabel settingcell">
+								<div class="justifyleft settingsmall">DRY (If supported) <span class="helpicon">?<span class="helptext">An advanced multi-token repetition penalty. May not be available depending on backend, not supported on Horde.</span></span></div>
+								<div id="drysupporteddiv">
+								<div style="display:flex">
+									<div class="settinglabel settingcell">
+										<div title="DRY Multiplier" class="justifyleft settingsmall" style="width:100%">Mult.</div>
+										<div class="justifyleft settingsmall" style="width:100%">
+										<input title="DRY Multiplier" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0.0" value="0.0" id="dry_multiplier"></div>
+									</div>
+									<div class="settinglabel settingcell">
+										<div title="DRY Base Value" class="justifyleft settingsmall" style="width:100%">Base</div>
+										<div class="justifyleft settingsmall" style="width:100%">
+										<input title="DRY Base Balue" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0.0" value="0.0" id="dry_base"></div>
+									</div>
+									<div class="settinglabel settingcell">
+										<div title="DRY Allowed Length" class="justifyleft settingsmall" style="width:100%">A.Len</div>
+										<div class="justifyleft settingsmall" style="width:100%">
+										<input title="DRY Allowed Length" class="settinglabel miniinput" type="text" inputmode="decimal" placeholder="0.0" value="0.0" id="dry_allowed_length"></div>
+									</div>
+								</div>
+								<button id="setbreakers" type="button" class="btn btn-primary" style="width:100%; padding:2px 3px;margin-top:2px;font-size:11px;" onclick="setDryBreakers()">Seq. Breaks</button>
+								</div>
+								<div id="dryunsupporteddiv" class="color_red" style="font-weight:bold;padding:3px;font-size:12px">DRY Not Supported</div>
 							</div>
-						</div>
-					</div>
 
-					<div class="settingitem">
-						<div class="settinglabel">
-							<table class="settingsmall text-center" style="border-spacing: 3px 2px;
-							border-collapse: separate;">
-								<tr>
-								  <th title="Repetition Penalty Range">RpRng.</th>
-								  <th title="Repetition Penalty Slope">RpSlp.</th>
-								  <th style="width:80px;">Smp.Order <span class="helpicon">?<span
-									class="helptext">The order by which all 7 samplers are applied, separated by commas. 0=top_k, 1=top_a, 2=top_p, 3=tfs, 4=typ, 5=temp, 6=rep_pen</span></span></th>
-								</tr>
-								<tr>
-								<td><input class="" type="text" placeholder="0" value="0"
-								id="rep_pen_range" title="Repetition Penalty Range"></td>
-								<td><input class="" type="text" placeholder="0" value="0"
-								id="rep_pen_slope" title="Repetition Penalty Slope"></td>
-								<td><input class="" type="text" placeholder="CSV" value="" id="sampler_order" style="width:70px;" title="Valid values are: 0=top_k, 1=top_a, 2=top_p, 3=tfs, 4=typ, 5=temp, 6=rep_pen" onblur="validate_samplers()"></td>
-								</tr>
-							  </table>
-						</div>
 
-					</div>
+							<div class="settinglabel settingcell">
+								<div title="Grammar" class="justifyleft settingsmall" style="width:100%">Grammar <span class="helpicon">?<span class="helptext">
+									Grammar Sampling (KCPP) - Allows you to constrain output to fit specific structures. Resets grammar state every generation unless Retain is checked.</span></span></div>
+								<div class="justifyleft settingsmall" style="height: 30px;width:100%;display: flex;">
+									<button title="Set Grammar GBNF" id="setgrammar" type="button" class="btn btn-primary" style="padding:2px 3px;margin-top:2px;font-size:11px;" onclick="selectGrammar()">GBNF</button>
+									<div style="display:flex;">
+									<div class="settingsmall" style="padding:2px 3px;margin-left:2px;margin-top:6px;" title="Do not reset grammar on generate. May not work with multiple users.">Retain </div>
+									<input title="Retain Grammar State" type="checkbox" id="grammar_retain_state" style="padding:2px 3px;margin-top:8px;height: max-content;">
+									</div>
+								</div>
+							</div>
 
-					<div class="settingitem">
-						<div class="settinglabel">
-							<div class="justifyleft settingsmall">Additional Configs <span class="helpicon">?<span class="helptext">Grammar Sampling (KCPP) - Allows you to constrain output to fit specific structures. Resets grammar state every generation unless Retain is checked.</span></span></div>
-							<button id="setgrammar" type="button" class="btn btn-primary" style="padding:2px 3px;margin-top:2px;font-size:11px;" onclick="selectGrammar()">Set Grammar</button>
-							<div class="settingsmall" style="padding:2px 3px;margin-top:4px;" title="Do not reset grammar on generate. May not work with multiple users.">Retain </div>
-						   	<input type="checkbox" id="grammar_retain_state" style="padding:2px 3px;margin-top:6px;height: max-content;">
 						</div>
 					</div>
 				</div>
-				<!--advanced settings menu bottom-->
-				<div id="settingsmenuadvanced2" class="settingsmenu hidden" style="padding-top: 0px;" onchange="">
+
+
+				<!-- media settings menu-->
+				<div id="settingsmenumedia" class="settingsmenu hidden" onchange="setting_tweaked()">
 					<div class="settingitem">
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Generate Images <span class="helpicon">?<span class="helptext">Use the AI Horde or a local A1111 instance to insert AI generated images into your story.</span></span></div>
 						</div>
-							<select class="form-control" id="generate_images_mode" style="height:20px;padding:0;margin:0px 0 0;" onchange="toggle_generate_images_mode(true)">
+							<select title="Generate Images" class="form-control" id="generate_images_mode" style="height:20px;padding:0;margin:0px 0 0;" onchange="toggle_generate_images_mode(true)">
 								<option value="0">[Disabled]</option>
 								<option value="1">AI Horde</option>
 								<option value="2">Local A1111</option>
 								<option value="3">OpenAI DALL-E</option>
 							</select>
 							<div id="generate_images_model_container" class="hidden">
-								<select class="form-control" id="generate_images_model" style="font-size: 12px;height:20px;padding:2px;margin:0px 0 0;" onblur="validate_sd_model()" title="Select a stable diffusion model to generate images with">
+								<select class="form-control" id="generate_images_model" style="font-size: 12px;height:20px;padding:2px;margin:0px 0 0;" onblur="validate_sd_model()" title="Stable Diffusion Model Selection">
 								</select>
 								<button id="generate_images_horde_setkey" type="button" class="btn btn-primary" style="width:100%; padding:2px 3px;margin-top:2px;font-size:11px;" onclick="set_horde_key()">Set Horde Key</button>
 								<div class="settinglabel">
 									<div class="justifyleft settingsmall"  title="If NSFW is disabled, explicit images will be censored">Allow NSFW </div>
-								<input type="checkbox" id="img_allownsfw" style="margin:0px 0 0;">
+								<input title="Allow NSFW Images" type="checkbox" id="img_allownsfw" style="margin:0px 0 0;">
 								</div>
 							</div>
 
 							<div id="generate_images_local_model_container" class="settinglabel hidden">
-							<select class="form-control" id="generate_images_local_model" style="height:20px;padding:0;margin:0px 0 0; width:calc(100% - 30px)">
+							<select title="Select Image Model" class="form-control" id="generate_images_local_model" style="height:20px;padding:0;margin:0px 0 0; width:calc(100% - 30px)">
 								<option value="">[None]</option>
 							</select>
 							<button type="button" class="btn btn-primary" onclick="set_a1111_endpoint()" style="height: 20px; padding: 0px 2px; margin: 0px 0px 0px 3px;">⚙️</button>
@@ -16360,16 +17494,13 @@ Current version: 148
 								<tr><td>
 								<div class="settinglabel">
 									<div class="justifyleft settingsmall"  title="Automatically generates images periodically as you write">Autogenerate </div>
-								   <input type="checkbox" id="img_autogen" style="margin:0px 0 0;">
+								   <input title="Autogenerate Images" type="checkbox" id="img_autogen" style="margin:0px 0 0;">
 								</div>
 								<div class="settinglabel">
 									<div class="justifyleft settingsmall"  title="Includes images when saving to json file">Save Images </div>
-								   <input type="checkbox" id="save_images" style="margin:0px 0 0;">
+								   <input title="Save Images in File" type="checkbox" id="save_images" style="margin:0px 0 0;">
 								</div>
 								</td>
-								<td class="settingsmall">
-									<button type="button" class="btn btn-primary" onclick="selectImgStyle()" style="font-size:11px; padding: 0px 4px; margin: 0px 1px 0px 1px;">Setup<br>🎨</button>
-								</td>
 								</tr>
 								</table>
 							</div>
@@ -16377,10 +17508,10 @@ Current version: 148
 
 					<div class="settingitem">
 						<div class="settinglabel">
-							<div class="justifyleft settingsmall">TTS <span class="helpicon">?<span class="helptext">Enable Text-To-Speech to have your story automatically read to you.</span></span></div>
-							<select class="form-control" id="ttsselect" style="font-size:12px;height:20px;padding:0;margin:0px 0 0;width:calc(100% - 32px);" onchange="toggle_tts_mode()">
+							<div class="justifyleft settingsmall" style="width: 100%;">Text To Speech <span class="helpicon">?<span class="helptext">Enable Text-To-Speech to have your story automatically read to you.</span></span></div>
+							<select title="Text To Speech" class="form-control" id="ttsselect" style="font-size:12px;height:20px;padding:0;margin:0px 0 0;width:calc(100% - 35px);" onchange="toggle_tts_mode()">
 							</select>
-							<button id="test_tts" type="button" class="bg_green btn btn-primary" style="height:20px; width:30px; padding:2px 3px;font-size:11px;" onclick="test_tts()">Test</button>
+							<button id="test_tts" type="button" class="bg_green btn btn-primary" style="height:20px; width:30px; padding:2px 3px;font-size:11px; margin-left: 2px;" onclick="test_tts()">Test</button>
 							<div id="xtts_container" class="settinglabel hidden">
 								<table width="100%"><tr>
 								<td><button id="xtts_url" type="button" class="btn btn-primary" style="width:100%; padding:2px 3px;margin-top:2px;font-size:11px;" onclick="set_xtts_url()">Set URL</button></td>
@@ -16393,36 +17524,99 @@ Current version: 148
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall"  title="If unchecked, only speak AI replies, not other text.">Narrate Both Sides </div>
-						   <input type="checkbox" id="narrate_both_sides" style="margin:0px 0 0;">
+						   <input title="Narrate Both Sides" type="checkbox" id="narrate_both_sides" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall"  title="If unchecked, only speak AI replies, not other text.">Narrate Only Dialog </div>
-						   <input type="checkbox" id="narrate_only_dialog" style="margin:0px 0 0;">
+						   <input title="Narrate Only Dialog" type="checkbox" id="narrate_only_dialog" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall"  title="Play a sound when generation is complete">Beep on Done </div>
-						   <input type="checkbox" id="beep_on" style="margin:0px 0 0;">
+						   <input title="Beep On Done" type="checkbox" id="beep_on" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall"  title="Show notification when generation is complete">Notify on Done </div>
-						   <input type="checkbox" id="notify_on" style="margin:0px 0 0;">
+						   <input title="Notify On Done" type="checkbox" id="notify_on" style="margin:0px 0px 0px auto;">
 						</div>
-						<div class="settinglabel">
-							<div class="justifyleft settingsmall" title="">Speech Ctrl. <span class="helpicon">?<span
-							class="helptext">Requires KoboldCpp with Whisper model loaded. Enables Speech-To-Text voice input. Automatically listens for speech in 'On' mode (Voice Detection), or use Push-To-Talk (PTT).</span></span></div>
-							<select style="padding:1px; height:auto; width: 60px; appearance: none; font-size: 6pt; margin:0px 0px 0px auto;" class="form-control" id="voice_typing_mode">
+
+
+						<div class="settinglabel" style="border-top: 1px solid #12324f; margin-top: 4px;">
+							<div class="justifyleft settingsmall" style="margin-top: 4px;">Voice Input <span class="helpicon">?<span class="helptext">Requires KoboldCpp with Whisper model loaded. Enables Speech-To-Text voice input. Automatically listens for speech in 'On' mode (Voice Detection), or use Push-To-Talk (PTT).</span></span></div>
+							<select title="Speech To Text Mode" style="padding:1px; height:auto; font-size: 8pt;" class="form-control" id="voice_typing_mode">
 								<option value="0">Off</option>
 								<option value="1">Detect Voice</option>
 								<option value="2">Push-To-Talk</option>
 							</select>
 						</div>
+						<div class="inlinelabel" style="font-size: 11px;">
+							<div class="justifyleft" style="padding:4px">Voice Delay: </div>
+							<input title="Voice Delay Milliseconds" type="text" inputmode="decimal" value="300" id="voice_end_delay" style="width:40px">
+						</div>
+					</div>
+
+
+					<div class="settingitem wide">
+						<div style="font-size:12px;">
+							<div class="settingsdesctxt">Style tags to use for generating images:<br>(E.g. Sketch, Realistic, Anime, 3D Render, Drawing)<br></div>
+							<input class="settinglabel miniinput" title="Style Tags" type="text" placeholder="Default Style" value="" id="imagestyleinput">
+
+							<div class="inlinelabel">
+								<div class="justifyleft" style="padding:4px">Negative Prompt: </div>
+								<input title="Negative Prompt" style="width:calc(100% - 110px);" type="text" placeholder="Default Negative Prompt. Put &quot;none&quot; to skip" value="" id="negpromptinput">
+							</div>
+							<div class="inlinelabel">
+								<div class="justifyleft" style="padding:4px">Number of Steps: </div>
+								<input title="Number of Steps" type="text" inputmode="decimal" id="img_steps" style="width:60px">
+							</div>
+							<div class="inlinelabel">
+								<div class="justifyleft" style="padding:4px">Cfg. Scale: </div>
+								<input title="Cfg. Scale" type="text" inputmode="decimal" id="img_cfgscale" style="width:60px">
+							</div>
+							<div class="inlinelabel">
+								<div class="justifyleft" style="padding:4px">Sampler: </div>
+								<select title="Image Sampler" style="padding:1px; font-size:12px; height:20px; width: 100px;" class="form-control" id="img_sampler">
+									<option value="Euler a">Euler A</option>
+									<option value="Euler">Euler</option>
+									<option value="Heun">Heun</option>
+									<option value="DPM2">DPM2</option>
+									<option value="LCM">LCM</option>
+									<option value="DPM++ 2M">DPM++ 2M</option>
+								</select>
+							</div>
+							<div class="inlinelabel">
+								<div class="justifyleft" style="padding:4px">Aspect Ratio <span class="helpicon">?
+									<span class="helptext">Square is recommended. Changing aspect ratio will affect the resolution used to generate. This may impact quality or memory usage.</span>
+								</span>: </div>
+								<select title="Image Aspect Ratio" style="padding:1px; font-size:12px; height:20px; width: 100px;" class="form-control" id="img_aspect">
+									<option value="0">Square</option>
+									<option value="1">Portrait</option>
+									<option value="2">Landscape</option>
+								</select>
+							</div>
+							<div class="inlinelabel">
+								<div class="justifyleft" style="padding:4px">Img2Img Strength <span class="helpicon">?
+									<span class="helptext">Higher values lead to a more different image.</span>
+								</span>: </div>
+								<input title="Img2Img Strength" type="text" inputmode="decimal" id="img_img2imgstr" style="width:60px">
+							</div>
+							<div class="inlinelabel">
+								<div class="justifyleft" style="padding:4px">Save Higher-Res <span class="helpicon">?
+									<span class="helptext">This option will result in larger save files which may be slower. Changing this setting only applies to NEW images.</span>
+								</span>: </div>
+								<input title="Save Higher-Res Images" type="checkbox" id="img_allowhd" style="margin:0px 0 0;">
+							</div>
+						</div>
 					</div>
+				</div>
+
+				<!--advanced settings menu top-->
+				<div id="settingsmenuadvanced" class="settingsmenu hidden" onchange="setting_tweaked()">
 
 					<div class="settingitem">
 						<div class="settinglabel">
-							<div class="justifyleft settingsmall" id="tokenstreaminglabel" title="">Token Streaming <span class="helpicon">?<span
+							<div class="justifyleft settingsmall" id="tokenstreaminglabel">Token Streaming <span class="helpicon">?<span
 								class="helptext">Use token streaming for partial responses. SSE is smoother but less well-supported. Poll is chunkier but more reliable. Not available on Horde.</span></span></div>
-						   <select style="padding:1px; height:auto; width: 34px; appearance: none; font-size: 7pt; margin:0px 0px 0px auto;" class="form-control" id="tokenstreammode">
+						   <select title="Token Streaming" style="padding:1px; height:auto; width: 34px; appearance: none; font-size: 7pt; margin:0px 0px 0px auto;" class="form-control" id="tokenstreammode">
 								<option value="0">Off</option>
 								<option value="1">Poll</option>
 								<option value="2">SSE</option>
@@ -16431,7 +17625,7 @@ Current version: 148
 
 						<div id="idlesection" class="settinglabel">
 							<div class="justifyleft settingsmall" title="Allow the AI to send more responses if you are idle.">Idle Responses&nbsp;</div>
-							<select style="padding:1px; height:auto; width: 27px; appearance: none; font-size: 7pt; margin:0px 0px 0px auto;" class="form-control" id="idle_responses">
+							<select title="Idle Responses" style="padding:1px; height:auto; width: 27px; appearance: none; font-size: 7pt; margin:0px 0px 0px auto;" class="form-control" id="idle_responses">
 								<option value="0">Off</option>
 								<option value="1">1x</option>
 								<option value="2">2x</option>
@@ -16440,7 +17634,7 @@ Current version: 148
 								<option value="8">8x</option>
 								<option value="10">10x</option>
 							</select>
-							<select style="padding:1px; height:auto; width: 27px; appearance: none; font-size: 7pt;" class="form-control" id="idle_duration">
+							<select title="Idle Responses Duration" style="padding:1px; height:auto; width: 27px; appearance: none; font-size: 7pt;" class="form-control" id="idle_duration">
 								<option value="15">15s</option>
 								<option value="30">30s</option>
 								<option value="60">60s</option>
@@ -16451,51 +17645,20 @@ Current version: 148
 							</select>
 						</div>
 
-
-						<div class="settinglabel">
-							<div class="justifyleft settingsmall" title="">Trim Sentences <span class="helpicon">?<span
-								class="helptext">Trims incomplete sentences in AI output.</span></span></div>
-						   <input type="checkbox" id="trimsentences" style="margin:0px 0px 0px auto;">
-						</div>
-						<div class="settinglabel">
-							<div class="justifyleft settingsmall" title="">Trim Whitespace <span class="helpicon">?<span
-								class="helptext">Removes trailing whitespace in AI output.</span></span></div>
-						   <input type="checkbox" id="trimwhitespace" style="margin:0px 0px 0px auto;">
-						</div>
-						<div class="settinglabel">
-							<div class="justifyleft settingsmall" title="">Compress Newlines <span class="helpicon">?<span
-								class="helptext">Compresses multiple newlines into one newline in AI output.</span></span></div>
-						   <input type="checkbox" id="compressnewlines" style="margin:0px 0px 0px auto;">
-						</div>
-						<div class="settinglabel">
-							<div class="justifyleft settingsmall" title="">EOS Token Ban <span class="helpicon">?<span
-								class="helptext">Allow the End-Of-Stream (EOS) token and potentially other restricted special tokens to be generated.</span></span></div>
-						   <select style="padding:1px; height:auto; width: 34px; appearance: none; font-size: 7pt; margin:0px 0px 0px auto;" class="form-control" id="eos_ban_mode">
-								<option value="0">Auto</option>
-								<option value="1">Unban</option>
-								<option value="2">Ban</option>
-								<option value="3">Bypass</option>
-							</select>
-						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Never Escape HTML <span class="helpicon">?<span
 								class="helptext">Avoids escaping any HTML tags, allowing HTML injections. Not recommended!</span></span></div>
-						   <input type="checkbox" id="no_escape_html" style="margin:0px 0px 0px auto;">
+						   <input title="Never Escape HTML" type="checkbox" id="no_escape_html" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Placeholder Tags <span class="helpicon">?<span
 								class="helptext">If enabled, uses universal {{user}} and {{[INPUT]}} placeholders that get swapped on submit. If disabled, uses plaintext chat or instruct tags verbatim.</span></span></div>
-						   <input type="checkbox" id="placeholder_tags" style="margin:0px 0px 0px auto;">
+						   <input title="Placeholder Tags" type="checkbox" id="placeholder_tags" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Render Sp.Tags <span class="helpicon">?<span
 								class="helptext">If enabled, renders special tags like EOS and padding tokens. Not recommended.</span></span></div>
-						   <input type="checkbox" id="render_special_tags" style="margin:0px 0px 0px auto;">
-						</div>
-						<div class="settinglabel">
-							<div class="justifyleft settingsmall">Run In Background <span class="helpicon">?<span
-								class="helptext">Prevents the browser from suspending KoboldAI Lite by playing a silent audio track. This setting cannot be saved.</span></span></div>
-						   <input type="checkbox" id="run_in_background" style="margin:0px 0px 0px auto;">
+						   <input title="Render Special Tags" type="checkbox" id="render_special_tags" style="margin:0px 0px 0px auto;">
 						</div>
 					</div>
 
@@ -16504,37 +17667,57 @@ Current version: 148
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Autosave Session <span class="helpicon">?<span
 								class="helptext">Autosaves your current story and settings on exit, reloads when you return</span></span></div>
-							<input type="checkbox" id="persist_session" style="margin:0px 0px 0px auto;">
+							<input title="Autosave Session" type="checkbox" id="persist_session" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Embed Settings File <span class="helpicon">?<span
 								class="helptext">Includes your current settings when saving or sharing your story</span></span></div>
-						   <input type="checkbox" id="export_settings" style="margin:0px 0px 0px auto;">
+						   <input title="Embed Settings File" type="checkbox" id="export_settings" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Rename Save File <span class="helpicon">?<span
 								class="helptext">Prompts to input a different filename when saving file.</span></span></div>
-						   <input type="checkbox" id="prompt_for_savename" style="margin:0px 0px 0px auto;">
+						   <input title="Rename Save File" type="checkbox" id="prompt_for_savename" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Show Advanced Load <span class="helpicon">?<span
 								class="helptext">If enabled, allows you to select additional configurations during file load</span></span></div>
-						   <input type="checkbox" id="show_advanced_load" style="margin:0px 0px 0px auto;">
+						   <input title="Show Advanced Load" type="checkbox" id="show_advanced_load" style="margin:0px 0px 0px auto;">
+						</div>
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Card Import Prompt <span class="helpicon">?<span
+								class="helptext">If enabled, prompts the user to choose what mode to import a character card in. If disabled, automatically picks chat mode.</span></span></div>
+						   <input title="Character Card Import Prompt" type="checkbox" id="import_tavern_prompt" style="margin:0px 0px 0px auto;">
+						</div>
+					</div>
+
+					<div class="settingitem" style="margin-top: 4px;">
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">Run In Background <span class="helpicon">?<span
+								class="helptext">Prevents the browser from suspending KoboldAI Lite by playing a silent audio track. This setting cannot be saved.</span></span></div>
+						   <input title="Run In Background" type="checkbox" id="run_in_background" style="margin:0px 0px 0px auto;">
+						</div>
+						<div class="settinglabel">
+							<div class="justifyleft settingsmall">User Mods <span class="helpicon">?<span class="helptext">Allows you to load third-party user created mods (caution).</span></span></div>
+							<button id="loadusermod" type="button" class="btn btn-primary" style="padding:2px 3px;margin-top:2px;font-size:11px;margin:0px 0px 0px auto;" onclick="apply_user_mod()">Apply User Mod</button>
 						</div>
+					</div>
+
+					<div class="settingitem" style="margin-top: 4px;">
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Autoscroll Text <span class="helpicon">?<span
 								class="helptext">Automatically scrolls the text window down when new text is generated</span></span></div>
-						   <input type="checkbox" id="autoscroll" style="margin:0px 0px 0px auto;">
+						   <input title="Autoscroll Text" type="checkbox" id="autoscroll" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Unlock Scroll Height <span class="helpicon">?<span
 								class="helptext">Unlocks the text viewport, allowing for infinite height without scrolling</span></span></div>
-						   <input type="checkbox" id="printer_view" style="margin:0px 0px 0px auto;">
+						   <input title="Unlock Scroll Height" type="checkbox" id="printer_view" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
-							<div class="justifyleft settingsmall" title="">Viewport Width <span class="helpicon">?<span
+							<div class="justifyleft settingsmall">Viewport Width <span class="helpicon">?<span
 								class="helptext">Controls horizontal scaling of the viewport window</span></span></div>
-						   <select style="padding:1px; height:auto; width: 34px; appearance: none; font-size: 7pt; margin:0px 0px 0px auto;" class="form-control" id="viewport_width_mode">
+						   <select title="Viewport Width" style="padding:1px; height:auto; width: 34px; appearance: none; font-size: 7pt; margin:0px 0px 0px auto;" class="form-control" id="viewport_width_mode">
 								<option value="0">Adapt</option>
 								<option value="1">Clamp</option>
 								<option value="2">HDClamp</option>
@@ -16544,20 +17727,24 @@ Current version: 148
 						<div class="settinglabel">
 							<div class="justifyleft settingsmall">Inverted Colors <span class="helpicon">?<span
 								class="helptext">Inverts all colors, simple light mode</span></span></div>
-						   <input type="checkbox" id="invert_colors" style="margin:0px 0px 0px auto;">
+						   <input title="Inverted Colors" type="checkbox" id="invert_colors" style="margin:0px 0px 0px auto;">
 						</div>
 						<div class="settinglabel">
 							<input type="file" id="loadbgimg" accept="image/png,image/webp,.webp,.jpg,.jpeg,.png,*.*,*" onchange="load_bg_img(event)" style="display:none;">
 							<div class="justifyleft settingsmall">Background Img</div>
-							<button type="button" class="btn btn-primary bg_green" style="padding:2px 2px;margin:0px 0px 0px auto;font-size:10px;" onclick="load_bgimg_button()">Set</button>
-							<button type="button" class="btn btn-primary bg_red" style="padding:2px 2px;margin:0px 0px 0px 1px;font-size:10px;" onclick="clear_bg_img()">Clear</button>
+							<button title="Set Background Image" type="button" class="btn btn-primary bg_green" style="padding:2px 2px;margin:0px 0px 0px auto;font-size:10px;" onclick="load_bgimg_button()">Set</button>
+							<button title="Remove Background Image" type="button" class="btn btn-primary bg_red" style="padding:2px 2px;margin:0px 0px 0px 1px;font-size:10px;" onclick="clear_bg_img()">Clear</button>
 						</div>
-						<button id="resetallsettings" type="button" class="btn btn-primary bg_red" style="padding:2px 3px;margin-top:2px;font-size:11px;" onclick="reset_all_settings()">Reset ALL Settings</button>
+					</div>
+
+					<div class="settingitem wide">
+						<button title="Reset All Settings" id="resetallsettings" type="button" class="btn btn-primary bg_red" style="padding:2px 3px;margin-top:2px;font-size:11px;" onclick="reset_all_settings()">Reset ALL Settings</button>
 					</div>
 
 				</div>
 
 			</div>
+
 			<div class="popupfooter">
 				<button type="button" class="btn btn-primary" id="btn_settingsaccept"
 					onclick="confirm_settings()">OK</button>
@@ -16586,11 +17773,11 @@ Current version: 148
 					<span class="justifyright flex-push-right" >
 						<div class="settinglabel" style="padding-top: 4px;">
 							<div class="justifyleft settingsmall" title="Add newline after injecting memory text">Newline After Memory </div>
-						<input type="checkbox" id="newlineaftermemory" style="margin:0px 0 0;" checked>
+						<input type="checkbox" title="Add Newline After Memory" id="newlineaftermemory" style="margin:0px 0 0;" checked>
 						</div>
 					</span>
 				</div>
-				<textarea class="form-control" id="memorytext" style="height: 120px;"
+				<textarea title="Edit Memory" class="form-control" id="memorytext" style="height: 120px;"
 					placeholder="Edit the memory to be sent with each request to the AI."></textarea>
 				<div class="settinglabel">
 					<div class="justifyleft"><br>Author's Note<span class="helpicon">?<span
@@ -16600,7 +17787,7 @@ Current version: 148
 						<button type="button" class="btn btn-primary" style="padding:4px 6px;margin-top:4px;" id="btnautogenmem" onclick="autogenerate_summary_memory()">AutoGenerate Memory</button>
 					</span>
 				</div>
-				<textarea class="form-control" id="anotetext"
+				<textarea title="Edit Author's Note" class="form-control" id="anotetext"
 					placeholder="Author's Note will be inserted close to end of context."></textarea>
 				<br>
 				<div class="settinglabel">
@@ -16612,9 +17799,9 @@ Current version: 148
 					</span>
 				</div>
 				<div style="display: flex; column-gap: 4px;">
-				<input class="form-control anotetempbox inlineinput" type="text"
+				<input title="Author's Note Template" class="form-control anotetempbox inlineinput" type="text"
 					placeholder="(the &lt;|&gt; will be replaced with the Author's Note text)" value="" id="anotetemplate">
-					<select style="padding:4px;" class="anotetempscale form-control" id="anote_strength">
+					<select title="Author's Note Strength" style="padding:4px;" class="anotetempscale form-control" id="anote_strength">
 						<option value="480">Weak</option>
 						<option value="320">Medium</option>
 						<option value="160">Strong</option>
@@ -16633,14 +17820,14 @@ Current version: 148
 				<div class="settinglabel" style="padding: 4px;">
 					<div class="justifyleft settingsmall">WI Insert Location <span class="helpicon">?<span
 						class="helptext">Controls where the world info should be inserted</span></span></div>
-				<select style="height:16px;padding:0px;margin:0px 4px 0; width:90px;font-size:10px;" class="form-control" id="wi_insertlocation">
+				<select title="World Info Insert Location" style="height:16px;padding:0px;margin:0px 4px 0; width:90px;font-size:10px;" class="form-control" id="wi_insertlocation">
 					<option value="0">After Memory</option>
 					<option value="1">Before A/N</option>
 				</select></div>
 				<div class="settinglabel" style="padding: 4px;">
 					<div class="justifyleft settingsmall">WI Search Depth <span class="helpicon">?<span
 						class="helptext">Controls how far back in the text to search for World Info Keys</span></span></div>
-				<select style="height:16px;padding:0px;margin:0px 4px 0; width:90px;font-size:10px;" class="form-control" id="wi_searchdepth">
+				<select title="World Info Search Depth" style="height:16px;padding:0px;margin:0px 4px 0; width:90px;font-size:10px;" class="form-control" id="wi_searchdepth">
 					<option value="0">Full Context</option>
 					<option value="4096">Last 4096</option>
 					<option value="2048">Last 2048</option>
@@ -16651,11 +17838,11 @@ Current version: 148
 
 
 				<div style="float:right;">
-					<input class="settinglabel miniinput" style="margin: 3px; width: 90px;" type="text" placeholder="Quick Search" value="" id="wiquicksearch" oninput="wi_quick_search()">
+					<input title="World Info Quick Search" class="settinglabel miniinput" style="margin: 3px; width: 90px;" type="text" placeholder="Quick Search" value="" id="wiquicksearch" oninput="wi_quick_search()">
 				</div>
 				<div class="settinglabel" style="padding: 4px;">
 					<div class="justifyleft settingsmall" title="Controls whether the world info keys are matched in a case-sensitive way.">Case Sensitive Keys </div>
-				<input type="checkbox" id="case_sensitive_wi" style="margin:0px 0 0;">
+				<input title="World Info Case Sensitive" type="checkbox" id="case_sensitive_wi" style="margin:0px 0 0;">
 				</div>
 			</div>
 
@@ -16664,13 +17851,13 @@ Current version: 148
 					class="helptext">Triggers the text generator to stop generating early if this sequence appears, in addition to default stop sequences. If you want multiple sequences, separate them with the following delimiter: ||$||</span></span></div>
 					<div class="color_red hidden" id="noextrastopseq">Stop Sequences may be unavailable.</div>
 					<div style="display: flex; column-gap: 4px; margin-bottom: 4px;">
-					<input class="form-control stopseqbox inlineinput" type="text" placeholder="None" value="" id="extrastopseq">
+					<input title="Extra Stopping Sequences" class="form-control stopseqbox inlineinput" type="text" placeholder="None" value="" id="extrastopseq">
 					<button type="button" class="btn btn-primary" style="width:90px;padding:6px 6px;" onclick="add_stop_seq()">Add New</button>
 				</div>
 
 				<div style="padding:3px;" class="justifyleft settinglabel">Logit Biases <span class="helpicon">?<span
 					class="helptext">Specify a dictionary of token IDs to modify the probability of occuring.</span></span>
-					<button type="button" class="btn btn-primary" style="font-size:12px;padding:2px 2px;" onclick="expand_tokens_section('expandlogitbias')">Expand Section</button>
+					<button type="button" title="Logit Biases" class="btn btn-primary" style="font-size:12px;padding:2px 2px;" onclick="expand_tokens_section('expandlogitbias')">Expand Section</button>
 				</div>
 				<div id="expandlogitbias" class="hidden">
 					<div class="color_red hidden" id="nologitbias">Logit bias may be unavailable.</div>
@@ -16691,7 +17878,7 @@ Current version: 148
 
 				<div style="padding:3px;" class="justifyleft settinglabel">Token Filter <span class="helpicon">?<span
 					class="helptext">Outright removal for ANY tokens containing a specific substring from model vocab. If you want multiple sequences, separate them with the following delimiter: ||$||</span></span>
-					<button type="button" class="btn btn-primary" style="font-size:12px;padding:2px 2px;" onclick="expand_tokens_section('expandtokenbans')">Expand Section</button>
+					<button type="button" title="Token Filter" class="btn btn-primary" style="font-size:12px;padding:2px 2px;" onclick="expand_tokens_section('expandtokenbans')">Expand Section</button>
 				</div>
 				<div id="expandtokenbans" class="hidden">
 					<div class="color_red hidden" id="notokenbans">Token filter may be unavailable.</div>
@@ -16704,7 +17891,7 @@ Current version: 148
 
 				<div style="padding:3px;" class="justifyleft settinglabel">Regex Replace <span class="helpicon">?<span
 					class="helptext">Allows transforming incoming text with regex patterns, modifying all matches. Replacements will be applied in sequence.</span></span>
-					<button type="button" class="btn btn-primary" style="font-size:12px;padding:2px 2px;" onclick="expand_tokens_section('expandregexreplace')">Expand Section</button>
+					<button type="button" title="Regex Replace" class="btn btn-primary" style="font-size:12px;padding:2px 2px;" onclick="expand_tokens_section('expandregexreplace')">Expand Section</button>
 				</div>
 				<div id="expandregexreplace" class="hidden">
 					<table id="regex_replace_table" class="settinglabel text-center" style="border-spacing: 3px 2px; border-collapse: separate;">
@@ -16713,7 +17900,7 @@ Current version: 148
 
 				<div style="padding:3px;" class="justifyleft settinglabel">Placeholder Tags <span class="helpicon">?<span
 					class="helptext">Configure automatic substitutions for placeholders in text.</span></span>
-					<button type="button" class="btn btn-primary" style="font-size:12px;padding:2px 2px;" onclick="expand_tokens_section('expandplaceholdertags')">Expand Section</button>
+					<button type="button" title="Placeholder Tags" class="btn btn-primary" style="font-size:12px;padding:2px 2px;" onclick="expand_tokens_section('expandplaceholdertags')">Expand Section</button>
 				</div>
 				<div id="expandplaceholdertags" class="hidden">
 					<div class="settinglabel justifyleft">Stories can use placeholders like {{user}} and {{[INPUT]}} that require dynamic substitution. If disabled, uses plaintext tags verbatim.</div>
@@ -16835,77 +18022,12 @@ Current version: 148
 				<div class="justifyleft" style="padding:4px">DynaTemp-Exponent:</div>
 				<input type="text" oninput="preview_dynatemp(false)" inputmode="decimal" id="dynatemp_exponent" style="width:60px" >
 			</div>
-			<div class="inlinelabel">
-				<div class="justifyleft" style="padding:4px">Smoothing-Factor:</div>
-				<input type="text" oninput="preview_dynatemp(false)" inputmode="decimal" id="smoothing_factor" style="width:60px" >
-			</div>
-
 			<div class="popupfooter">
 				<button type="button" class="btn btn-primary" onclick="confirm_dynatemp()">Ok</button>
 			</div>
 		</div>
 	</div>
 
-	<div class="popupcontainer flex hidden" id="imagestylecontainer">
-		<div class="popupbg flex"></div>
-		<div class="nspopup flexsizesmall higher">
-			<div class="popuptitlebar">
-				<div class="popuptitletext">Image Generation Settings</div>
-			</div>
-			<div class="aidgpopuplistheader anotelabel">Style tags to use for generating images:<br>(E.g. Sketch, Realistic, Anime, 3D Render, Drawing)<br></div>
-			<input class="form-control" type="text" placeholder="Default Style" value="" id="imagestyleinput">
-			<div class="aidgpopuplistheader anotelabel">Negative Prompt<br></div>
-			<input class="form-control" type="text" placeholder="Default Negative Prompt. Put &quot;none&quot; to skip" value="" id="negpromptinput">
-
-			<div class="inlinelabel">
-				<div class="justifyleft" style="padding:4px">Number of Steps: </div>
-				<input type="text" inputmode="decimal" id="img_steps" style="width:60px">
-			</div>
-			<div class="inlinelabel">
-				<div class="justifyleft" style="padding:4px">Cfg. Scale: </div>
-				<input type="text" inputmode="decimal" id="img_cfgscale" style="width:60px">
-			</div>
-			<div class="inlinelabel">
-				<div class="justifyleft" style="padding:4px">Sampler: </div>
-				<select style="padding:1px; height:23px; width: 100px;" class="form-control" id="img_sampler">
-					<option value="Euler a">Euler A</option>
-					<option value="Euler">Euler</option>
-					<option value="Heun">Heun</option>
-					<option value="DPM2">DPM2</option>
-					<option value="LCM">LCM</option>
-					<option value="DPM++ 2M">DPM++ 2M</option>
-				</select>
-			</div>
-			<div class="inlinelabel">
-				<div class="justifyleft" style="padding:4px">Aspect Ratio <span class="helpicon">?
-					<span class="helptext">Square is recommended. Changing aspect ratio will affect the resolution used to generate. This may impact quality or memory usage.</span>
-				</span>: </div>
-				<select style="padding:1px; height:23px; width: 100px;" class="form-control" id="img_aspect">
-					<option value="0">Square</option>
-					<option value="1">Portrait</option>
-					<option value="2">Landscape</option>
-				</select>
-			</div>
-			<div class="inlinelabel">
-				<div class="justifyleft" style="padding:4px">Img2Img Strength <span class="helpicon">?
-					<span class="helptext">Higher values lead to a more different image.</span>
-				</span>: </div>
-				<input type="text" inputmode="decimal" id="img_img2imgstr" style="width:60px">
-			</div>
-			<div class="inlinelabel">
-				<div class="justifyleft" style="padding:4px">Save Higher-Res <span class="helpicon">?
-					<span class="helptext">This option will result in larger save files which may be slower. Changing this setting only applies to NEW images.</span>
-				</span>: </div>
-				<input type="checkbox" id="img_allowhd" style="margin:0px 0 0;">
-			</div>
-
-
-			<div class="popupfooter">
-				<button type="button" class="btn btn-primary" onclick="confirmImgStyle()">Ok</button>
-			</div>
-		</div>
-	</div>
-
 	<div class="popupcontainer flex hidden" id="addimgcontainer">
 		<div class="popupbg flex"></div>
 		<div class="nspopup fixsize">
@@ -16925,7 +18047,7 @@ Current version: 148
 				<button type="button" class="btn btn-primary bg_green" onclick="add_img_btn_paste()">Paste from Clipboard</button>
 			</div>
 			<div class="aidgpopuplistheader anotelabel">
-				<button type="button" class="btn btn-primary" onclick="hide_popups();display_settings();selectImgStyle();">Customize Settings</button>
+				<button type="button" class="btn btn-primary" onclick="hide_popups();display_settings();display_settings_tab(2);">Customize Settings</button>
 			</div>
 			<div class="aidgpopuplistheader anotelabel hidden" id="btn_open_stableui">
 				<button type="button" class="btn btn-primary bg_purple" onclick="go_to_stableui()">Go To StableUI</button>