feat: Addition of expandable sections to the character manager

Author: prima

klite.embd

@@ -37500,6 +37500,7 @@ flowchart TD\n${treeToViewOutput.outputText.trim()}`
 		window.popupUtils = new PopupUtils()
 	})
 
+	let maxLengthForSection = 500, halfMaxLengthForSection = Math.floor(maxLengthForSection / 2);
 	let showCharacterList = async () => {
 		let containers = []
 
@@ -37567,15 +37568,30 @@ flowchart TD\n${treeToViewOutput.outputText.trim()}`
 						sectionElem = document.createElement("ul");
 						text.forEach(listContent => {
 							let listElem = document.createElement("li");
-							let summaryOfKey = listContent.length > 100 ? `${listContent.substr(0, 50).trim()}...${listContent.substr(-50).trim()}` : listContent.trim();
+							let summaryOfKey = listContent.length > maxLengthForSection ? `${listContent.substr(0, halfMaxLengthForSection).trim()}...${listContent.substr(-halfMaxLengthForSection).trim()}` : listContent.trim();
 							listElem.innerText = summaryOfKey
+							if (listContent.length !== summaryOfKey.length)
+							{
+								listElem.onclick = () => {
+									listElem.innerText = listElem.innerText === summaryOfKey ? listContent : summaryOfKey
+								}
+								listElem.title = "Click to show / hide full content"
+							}
 							sectionElem.appendChild(listElem)
 						})
 					}
 					else
 					{
 						sectionElem = document.createElement("span");
-						sectionElem.innerText = text.trim();
+						let summaryOfKey = text.length > maxLengthForSection ? `${text.substr(0, halfMaxLengthForSection).trim()}...${text.substr(-halfMaxLengthForSection).trim()}` : text.trim();
+						sectionElem.innerText = summaryOfKey
+						if (text.length !== summaryOfKey.length)
+						{
+							sectionElem.onclick = () => {
+								sectionElem.innerText = sectionElem.innerText === summaryOfKey ? text : summaryOfKey
+							}
+							sectionElem.title = "Click to show / hide full content"
+						}
 					}
 					sectionContainer.appendChild(sectionElem);
 					containerElem.appendChild(sectionContainer);