add webpage title under hermes chat and move action buttons above model selection

This commit is contained in:
Russell Ballestrini 2025-06-30 11:44:09 -04:00
parent 48d4261a54
commit 08eae89f5b

View file

@ -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');