diff --git a/uncloseai.js b/uncloseai.js index 46aaac2..f471060 100644 --- a/uncloseai.js +++ b/uncloseai.js @@ -1044,6 +1044,8 @@ function openHermesModal() { `; } + const titleContainer = document.createElement('div'); + const title = document.createElement('h2'); title.textContent = 'Hermes AI Chat'; if (USE_CUSTOM_STYLING) { @@ -1056,6 +1058,25 @@ function openHermesModal() { title.style.margin = '0'; } + const pageTitle = document.createElement('div'); + pageTitle.textContent = document.title; + if (USE_CUSTOM_STYLING) { + pageTitle.style.cssText = ` + font-size: 12px; + opacity: 0.8; + margin-top: 2px; + `; + } else { + pageTitle.style.cssText = ` + font-size: 0.75em; + opacity: 0.7; + margin-top: 2px; + `; + } + + titleContainer.appendChild(title); + titleContainer.appendChild(pageTitle); + const closeButton = document.createElement('button'); closeButton.textContent = '×'; if (USE_CUSTOM_STYLING) { @@ -1091,7 +1112,7 @@ function openHermesModal() { hermesModalOpen = false; }; - header.appendChild(title); + header.appendChild(titleContainer); header.appendChild(closeButton); // Create controls section @@ -1224,12 +1245,12 @@ function openHermesModal() { actionButtons.appendChild(ttsBtn); actionButtons.appendChild(refreshBtn); + controls.appendChild(actionButtons); + controls.appendChild(voiceBreak); controls.appendChild(modelLabel); controls.appendChild(modelSelect); - controls.appendChild(voiceBreak); controls.appendChild(voiceLabel); controls.appendChild(voiceSelect); - controls.appendChild(actionButtons); // Create chat area const chatArea = document.createElement('div');