From 02e74ccb3c6ac34b17634c9f75125a2c8c06bfef Mon Sep 17 00:00:00 2001
From: Concedo <39025047+LostRuins@users.noreply.github.com>
Date: Mon, 7 Jul 2025 21:30:21 +0800
Subject: [PATCH] updated lite

---
 klite.embd | 157 ++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 108 insertions(+), 49 deletions(-)

diff --git a/klite.embd b/klite.embd
index a2dd18517..e5c8b8b7e 100644
--- a/klite.embd
+++ b/klite.embd
@@ -621,6 +621,13 @@ Current version indicated by LITEVER below.
 		padding-top: 2px;
 		text-shadow: 1px 1px 1px #000000;
 	}
+	.unstarted_block
+	{
+		vertical-align: bottom;
+		color: #ffffff;
+		font-size: 12pt;
+		font-family: "Helvetica";
+	}
 
 	/* Horizontal action bar */
 	#actionmenuitems button,#actionmenuitems2 button {
@@ -2448,6 +2455,9 @@ Current version indicated by LITEVER below.
 		z-index: 9999;
 		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 	}
+	.bolded {
+		font-weight: bold;
+	}
 	</style>
 
 	<script id="third-party.min">
@@ -3955,7 +3965,7 @@ Current version indicated by LITEVER below.
 				const reader = new FileReader();
 				reader.onload = function(img) {
 					let origImg = img.target.result;
-					self_upload_img(origImg);
+					self_upload_file_dispatch(origImg);
 				}
 				reader.readAsDataURL(file);
 			}
@@ -9710,7 +9720,7 @@ Current version indicated by LITEVER below.
 			document.getElementById("charactercreator").classList.contains("hidden") &&
 			document.getElementById("zoomedimgcontainer").classList.contains("hidden") &&
 			document.getElementById("groupselectcontainer").classList.contains("hidden") &&
-			document.getElementById("addimgcontainer").classList.contains("hidden") &&
+			document.getElementById("addmediacontainer").classList.contains("hidden") &&
 			document.getElementById("pasteimgcontainer").classList.contains("hidden") &&
 			document.getElementById("webcamcontainer").classList.contains("hidden") &&
 			document.getElementById("choosesharecontainer").classList.contains("hidden") &&
@@ -9749,7 +9759,7 @@ Current version indicated by LITEVER below.
 		document.getElementById("charactercreator").classList.add("hidden");
 		document.getElementById("zoomedimgcontainer").classList.add("hidden");
 		document.getElementById("groupselectcontainer").classList.add("hidden");
-		document.getElementById("addimgcontainer").classList.add("hidden");
+		document.getElementById("addmediacontainer").classList.add("hidden");
 		document.getElementById("pasteimgcontainer").classList.add("hidden");
 		document.getElementById("webcamcontainer").classList.add("hidden");
 		document.getElementById("choosesharecontainer").classList.add("hidden");
@@ -14517,13 +14527,13 @@ Current version indicated by LITEVER below.
 			sentence = replace_placeholders(sentence)
 		}
 		generate_new_image(sentence, base64img, true);
-		document.getElementById("btn_genimg").disabled = true;
-		document.getElementById("btn_genimg2").disabled = true;
+		document.getElementById("btn_addmedia").disabled = true;
+		document.getElementById("btn_addmedia2").disabled = true;
 		document.getElementById("corpo_chat_img_btn").disabled = true;
 		//disable it for 5 sec to prevent spam
 		setTimeout(() => {
-			document.getElementById("btn_genimg").disabled = false;
-			document.getElementById("btn_genimg2").disabled = false;
+			document.getElementById("btn_addmedia").disabled = false;
+			document.getElementById("btn_addmedia2").disabled = false;
 			document.getElementById("corpo_chat_img_btn").disabled = false;
 		}, 5000);
 	}
@@ -14551,7 +14561,7 @@ Current version indicated by LITEVER below.
 		{
 			msgbox("Error: Your current story is blank.\nAdd some text, or try generating from custom prompt instead.","Story is Blank")
 		}
-		document.getElementById("addimgcontainer").classList.add("hidden");
+		document.getElementById("addmediacontainer").classList.add("hidden");
 	}
 
 	function add_img_btn_custom()
@@ -14564,7 +14574,19 @@ Current version indicated by LITEVER below.
 				do_manual_gen_image(sentence);
 			}
 		},false);
-		document.getElementById("addimgcontainer").classList.add("hidden");
+		document.getElementById("addmediacontainer").classList.add("hidden");
+	}
+
+	function self_upload_file_dispatch(data)
+	{
+		if(data.startsWith("data:audio"))
+		{
+			self_upload_audio(data);
+		}
+		else
+		{
+			self_upload_img(data);
+		}
 	}
 
 	function self_upload_img(origImg)
@@ -14582,7 +14604,7 @@ Current version indicated by LITEVER below.
 			}
 		}
 		gametext_arr.push(nimgtag);
-		image_db[imgid] = { done: false, queue: "Generating", result: "", prompt:"", poll_category:0 };
+		image_db[imgid] = { done: false, queue: "Processing", result: "", prompt:"", poll_category:0 };
 		image_db[imgid].aspect = 0;
 		image_db[imgid].imsource = 1; //0=generated,1=uploaded
 		image_db[imgid].imrefid = "";
@@ -14609,6 +14631,48 @@ Current version indicated by LITEVER below.
 		}, false, imgres,0.35,true);
 	}
 
+	function self_upload_audio(origAudio)
+	{
+		// let imgid = "selfuploadaudio"+(Math.floor(10000 + Math.random() * 90000)).toString();
+		// let nimgtag = "[<|p|" + imgid + "|p|>]";
+		// if (localsettings.img_newturn) {
+		// 	if(localsettings.opmode == 4)
+		// 	{
+		// 		nimgtag = wrap_newgen_instruct_format(nimgtag,false);
+		// 	}
+		// 	else if(localsettings.opmode == 3)
+		// 	{
+		// 		nimgtag = wrap_newgen_chat_format(nimgtag);
+		// 	}
+		// }
+		// gametext_arr.push(nimgtag);
+		// image_db[imgid] = { done: false, queue: "Processing", result: "", prompt:"", poll_category:0 };
+		// image_db[imgid].aspect = 0;
+		// image_db[imgid].imsource = 1; //0=generated,1=uploaded
+		// image_db[imgid].imrefid = "";
+
+		// compressImage(origImg, (newDataUri, outAspect) => {
+		// 	image_db[imgid].done = true;
+		// 	image_db[imgid].result = newDataUri;
+		// 	if(outAspect<=0.5)
+		// 	{
+		// 		image_db[imgid].aspect = 4; //portrait_long
+		// 	}
+		// 	else if(outAspect<0.7)
+		// 	{
+		// 		image_db[imgid].aspect = 1; //portrait
+		// 	}
+		// 	else if(outAspect>=2)
+		// 	{
+		// 		image_db[imgid].aspect = 5; //landscape_long
+		// 	}
+		// 	else if(outAspect>1.4)
+		// 	{
+		// 		image_db[imgid].aspect = 2; //landscape
+		// 	}
+		// }, false, imgres,0.35,true);
+	}
+
 	function clear_paste_window()
 	{
 		document.getElementById("pasteimgwin").value = "";
@@ -14625,7 +14689,7 @@ Current version indicated by LITEVER below.
 				var reader = new FileReader();
 				reader.onload = function(event){
 					let origImg = event.target.result;
-					self_upload_img(origImg);
+					self_upload_file_dispatch(origImg);
 				};
 				reader.readAsDataURL(blob);
 				founditem = true;
@@ -14638,7 +14702,7 @@ Current version indicated by LITEVER below.
 	var dragdropimgsetup = false;
 	function add_img_btn_paste()
 	{
-		document.getElementById("addimgcontainer").classList.add("hidden");
+		document.getElementById("addmediacontainer").classList.add("hidden");
 		document.getElementById("pasteimgcontainer").classList.remove("hidden");
 
 		if(!dragdropimgsetup)
@@ -14657,7 +14721,7 @@ Current version indicated by LITEVER below.
 					const reader = new FileReader();
 					reader.onload = function(img) {
 						let origImg = img.target.result;
-						self_upload_img(origImg);
+						self_upload_file_dispatch(origImg);
 					}
 					reader.readAsDataURL(file);
 					document.getElementById("pasteimgcontainer").classList.add("hidden");
@@ -14686,7 +14750,7 @@ Current version indicated by LITEVER below.
 	var webcamStream = null;
 	function add_img_btn_webcam()
 	{
-		document.getElementById("addimgcontainer").classList.add("hidden");
+		document.getElementById("addmediacontainer").classList.add("hidden");
 		document.getElementById("webcamcontainer").classList.remove("hidden");
 		const video = document.getElementById('webcamvideo');
 
@@ -14740,7 +14804,7 @@ Current version indicated by LITEVER below.
 		const sy = (videoHeight - sideLength) / 2;
 		context.drawImage(video, sx, sy, sideLength, sideLength, 0, 0, 512, 512);
 		const dataURL = canvas.toDataURL('image/png');
-		self_upload_img(dataURL);  // Call your upload function
+		self_upload_file_dispatch(dataURL);  // Call your upload function
 		hide_popups();
 	}
 
@@ -14754,19 +14818,19 @@ Current version indicated by LITEVER below.
 				const reader = new FileReader();
 				reader.onload = function(img) {
 					let origImg = img.target.result;
-					self_upload_img(origImg);
+					self_upload_file_dispatch(origImg);
 				}
 				reader.readAsDataURL(file);
 			}
 			finput.value = "";
 		};
-		document.getElementById("addimgcontainer").classList.add("hidden");
+		document.getElementById("addmediacontainer").classList.add("hidden");
 	}
 
-	function add_img_btn_menu()
+	function add_media_btn_menu()
 	{
 		update_genimg_button_visiblility();
-		document.getElementById("addimgcontainer").classList.remove("hidden");
+		document.getElementById("addmediacontainer").classList.remove("hidden");
 	}
 
 	function toggle_websearch()
@@ -19669,7 +19733,7 @@ Current version indicated by LITEVER below.
 				`<br>You are using the models <span class="color_green">${selmodelstr}</span>${(selected_workers.length == 0 ? `` : ` (Pinned to ${selected_workers.length} worker IDs)`)}.`+
 				`${whorun}.`+
 				(multiplayer_active?(!multiplayer_pinged?`<br><br><span class="color_orange">[ Trying to join Multiplayer... ]</span>`:`<br><br><span class="color_green">[ Multiplayer is <b>Active</b>! This session is shared with other server participants.]<br>[ You can leave via exit button in top right corner. ]</span>`):(is_using_kcpp_with_multiplayer()?`<br><br>[ <a href="#" tabindex="${mainmenu_is_untab?`-1`:`0`}" class="color_blueurl mainnav" onclick="join_multiplayer()"><span class="color_green">Multiplayer Available</span> - Click Here To Join</a> ]`:``))+
-				`<br><br><span class="color_orange" style="font-weight: bold;">${nowmode} Selected</span> - Enter a prompt below to begin!`+
+				`<br><br><span class="color_orange bolded">${nowmode} Selected</span> - 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>${escape_html(welcome)}</em>`:``)}`;
@@ -20010,21 +20074,22 @@ Current version indicated by LITEVER below.
 			let textToRender = "";
 			let prepToGen = (gametext_arr.length == 0 && synchro_pending_stream == "" && pending_response_id != "");
 			if (gametext_arr.length == 0 && (prepToGen || pending_response_id == "")) {
-				textToRender = document.getElementById("gametext").innerHTML;
+				let intro = document.getElementById("gametext").innerHTML;
+				document.getElementById("chat_msg_body").innerHTML = `<span class='unstarted_block'>${intro}</span>`;
 			} else {
 				textToRender = concat_gametext(false, "", "", "", true);
+				textToRender = apply_display_only_regex(textToRender);
+				textToRender = replace_placeholders(textToRender,true);
+				if(localsettings.opmode==3 && localsettings.gui_type_chat==1)
+				{
+					document.getElementById("chat_msg_body").innerHTML = render_messenger_ui(textToRender);
+				}
+				else
+				{
+					document.getElementById("chat_msg_body").innerHTML = render_aesthetic_ui(textToRender,false);
+				}
 			}
-			textToRender = apply_display_only_regex(textToRender);
-			textToRender = replace_placeholders(textToRender,true);
 
-			if(localsettings.opmode==3 && localsettings.gui_type_chat==1)
-			{
-				render_messenger_ui(textToRender);
-			}
-			else
-			{
-				document.getElementById("chat_msg_body").innerHTML = render_aesthetic_ui(textToRender,false);
-			}
 			if ((localsettings.opmode == 3 && localsettings.chatopponent != "")||localsettings.opmode == 4||localsettings.opmode==2) {
 				document.getElementById("cht_inp_bg").classList.add("shorter");
 				if(localsettings.opmode==2)
@@ -20951,12 +21016,6 @@ Current version indicated by LITEVER below.
 
 	function render_messenger_ui(input)
 	{
-		var chatbody = document.getElementById("chat_msg_body");
-		if(!chatbody)
-		{
-			return;
-		}
-
 		let newbodystr = "";
 		let chatunits = repack_chat_history(input);
 
@@ -20994,7 +21053,7 @@ Current version indicated by LITEVER below.
 			newbodystr += `<div class="incoming_msg"><div class="chat_received_msg"><div class="chat_received_withd_msg"><p><span class="color_yellow pending_text">` + escape_html(pending_context_preinjection) + format_streaming_text(escape_html(synchro_pending_stream)) + `</span></p></div></div></div>`;
 		}
 
-		chatbody.innerHTML = newbodystr;
+		return newbodystr;
 	}
 
 	function chat_handle_typing(event)
@@ -23362,7 +23421,7 @@ Current version indicated by LITEVER below.
 				<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>
+				<button type="button" class="btn btn-primary bg_green mainnav" id="btn_addmedia" onclick="add_media_btn_menu()">Add File</button>
 				<button type="button" class="btn btn-primary mainnav slim btnicon-websearch hidden" id="btn_togglesearch" onclick="toggle_websearch()">&nbsp;</button>
 			</div>
 			<div class="borderbox flex flex-push-right">
@@ -23411,7 +23470,7 @@ Current version indicated by LITEVER below.
 						<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 bg_green mainnav" id="btn_addmedia2" onclick="add_media_btn_menu()">Add File</button>
 						<button type="button" class="btn btn-primary mainnav slim btnicon-websearch hidden" id="btn_togglesearch2" onclick="toggle_websearch()">&nbsp;</button>
 						<button type="button" class="btn btn-primary mainnav" id="btn_editmode" onclick="btn_editmode()">Edit</button>
 					</div>
@@ -23455,7 +23514,7 @@ Current version indicated by LITEVER below.
 					</div>
 					<div class="corpomainbtm">
 						<div class="corpo_chat_outer">
-							<button title="Image" onclick="add_img_btn_menu()" id="corpo_chat_img_btn" class="corpo_chat_img_btn mainnav" type="button"></button>
+							<button title="Image" onclick="add_media_btn_menu()" id="corpo_chat_img_btn" class="corpo_chat_img_btn mainnav" type="button"></button>
 							<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();" onpaste="return img_paste_event(event)" 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>
@@ -25720,11 +25779,11 @@ Current version indicated by LITEVER below.
 		</div>
 	</div>
 
-	<div class="popupcontainer flex hidden" id="addimgcontainer">
+	<div class="popupcontainer flex hidden" id="addmediacontainer">
 		<div class="popupbg flex"></div>
-		<div class="nspopup flexsizevsmall">
+		<div class="nspopup flexsizevsmall moderate">
 			<div class="popuptitlebar">
-				<div class="popuptitletext">Add New Image</div>
+				<div class="popuptitletext">Add Audio or Image</div>
 			</div>
 			<div class="menutext">
 				<button type="button" class="btn btn-primary bg_green" id="btn_inner_genimg_auto" onclick="add_img_btn_auto()">Generate Image (Automatic)</button>
@@ -25733,7 +25792,7 @@ Current version indicated by LITEVER below.
 				<button type="button" class="btn btn-primary bg_green" id="btn_inner_genimg_custom" onclick="add_img_btn_custom()">Generate Image (Custom Prompt)</button>
 			</div>
 			<div class="menutext">
-				<button type="button" class="btn btn-primary bg_green" onclick="add_img_btn_upload()">Upload Image File</button>
+				<button type="button" class="btn btn-primary bg_green" onclick="add_img_btn_upload()">Upload a File (Image / Audio)</button>
 			</div>
 			<div class="menutext">
 				<button type="button" class="btn btn-primary bg_green" onclick="add_img_btn_webcam()">Capture From Camera</button>
@@ -25742,13 +25801,13 @@ Current version indicated by LITEVER below.
 				<button type="button" class="btn btn-primary bg_green" onclick="add_img_btn_paste()">Drag Drop / Paste from Clipboard</button>
 			</div>
 			<div class="menutext">
-				<button type="button" class="btn btn-primary" onclick="hide_popups();display_settings();display_settings_tab(2);">Customize Image Settings</button>
+				<button type="button" class="btn btn-primary" onclick="hide_popups();display_settings();display_settings_tab(2);">Customize Media Settings</button>
 			</div>
 			<div class="menutext hidden" id="btn_open_stableui">
 				<button type="button" class="btn btn-primary bg_purple" onclick="go_to_stableui()">Go To StableUI</button>
 			</div>
 			<br>
-			<input type="file" id="addimgfileinput" style="display:none" accept="image/*">
+			<input type="file" id="addimgfileinput" style="display:none" accept="image/*,audio/*">
 			<div class="popupfooter">
 				<button type="button" class="btn btn-primary" onclick="hide_popups()">Cancel</button>
 			</div>
@@ -25759,9 +25818,9 @@ Current version indicated by LITEVER below.
 		<div class="popupbg flex"></div>
 		<div class="nspopup flexsizevsmall">
 			<div class="popuptitlebar">
-				<div class="popuptitletext">Paste Image From Clipboard</div>
+				<div class="popuptitletext">Paste Item From Clipboard</div>
 			</div>
-			<input type="text" id="pasteimgwin" style="width:100%; height:100px; text-align: center;" oninput="clear_paste_window()" onpaste="return img_paste_event(event)" value="" placeholder="[Drag/Paste Image Here]">
+			<input type="text" id="pasteimgwin" style="width:100%; height:100px; text-align: center;" oninput="clear_paste_window()" onpaste="return img_paste_event(event)" value="" placeholder="[Drag/Paste Content Here]">
 			<br>
 			<div class="popupfooter">
 				<button type="button" class="btn btn-primary" onclick="hide_popups()">Cancel</button>