jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added a message to explain to click on force completion after 7 seconds. see #419

Browse source
This commit is contained in:
Mic 2025-08-31 15:46:00 +02:00
parent 4be5db1373
commit 0f3495043c
2 changed files with 38 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_locales/en/messages.json
View file

@ -1632,5 +1632,9 @@
"OpenAIComp_ClearModelsList_Confirm": { "OpenAIComp_ClearModelsList_Confirm": {
"message": "Are you sure you want to clear the Models List? This action cannot be undone.", "message": "Are you sure you want to clear the Models List? This action cannot be undone.",
"description": "" "description": ""
},
"chatgpt_click_force_completion": {
"message": "It seems that it's not possible to get if ChatGPT has finished. Click here to force the completion of the job.",
"description": ""
} }
} }

32
js/mzta-chatgpt.js
View file

@ -29,6 +29,7 @@ let current_tabId = null;
let current_mailMessageId = null; let current_mailMessageId = null;
let selectionChangeTimeout = null; let selectionChangeTimeout = null;
let isDragging = false; let isDragging = false;
let delay_wait_completion = 7000; // milliseconds
async function chatgpt_sendMsg(msg, method ='') { // return -1 send button not found, -2 textarea not found async function chatgpt_sendMsg(msg, method ='') { // return -1 send button not found, -2 textarea not found
let textArea = document.getElementById('prompt-textarea') let textArea = document.getElementById('prompt-textarea')
@ -132,6 +133,9 @@ function addCustomDiv(prompt_action,tabId,mailMessageId) {
style.textContent += "#mzta-btn_close_diff{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);}"; style.textContent += "#mzta-btn_close_diff{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);}";
style.textContent += "#mzta-btn_change_reply_type{padding-left:4px;padding-right:10px;margin-left:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;height:2.7em;}"; style.textContent += "#mzta-btn_change_reply_type{padding-left:4px;padding-right:10px;margin-left:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;height:2.7em;}";
style.textContent += ".mzta-btn_reply{padding-right:4px;margin-right:0px;border-bottom-right-radius:0px;border-top-right-radius:0px;}"; style.textContent += ".mzta-btn_reply{padding-right:4px;margin-right:0px;border-bottom-right-radius:0px;border-top-right-radius:0px;}";
style.textContent += "#mzta-arrow-hint{display:none;position:fixed;bottom:30px;right:90px;width:20em;background: #c3cefeff;color: #111827;padding:10px 14px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.2);font-size:14px;font-weight:bold;z-index:2000;pointer-events:none;}";
style.textContent += "#mzta-arrow-hint .label{display:block;line-height:1.3;}";
style.textContent += "#mzta-arrow-hint svg{position:absolute;bottom:-10px;right:-20px;width:40px;height:40px;}";
// Add <style> to the page's <head> // Add <style> to the page's <head>
document.head.appendChild(style); document.head.appendChild(style);
@ -371,6 +375,29 @@ function addCustomDiv(prompt_action,tabId,mailMessageId) {
customDiv.appendChild(customBtn); customDiv.appendChild(customBtn);
fixedDiv.appendChild(customDiv); fixedDiv.appendChild(customDiv);
// light background hint with diagonal thick arrow
let arrowHint = document.createElement('div');
arrowHint.id = 'mzta-arrow-hint';
let arrowLabel = document.createElement('span');
arrowLabel.className = 'label';
arrowLabel.textContent = browser.i18n.getMessage("chatgpt_click_force_completion");
arrowHint.appendChild(arrowLabel);
// SVG solid arrow (triangle)
const svgNS = 'http://www.w3.org/2000/svg';
let hintArrow = document.createElementNS(svgNS, 'svg');
hintArrow.setAttribute('viewBox', '0 0 40 40');
let arrowPolygon = document.createElementNS(svgNS, 'polygon');
arrowPolygon.setAttribute('points', '0,0 40,40 0,28');
arrowPolygon.setAttribute('fill', '#c3cefeff');
hintArrow.appendChild(arrowPolygon);
arrowHint.appendChild(hintArrow);
fixedDiv.appendChild(arrowHint);
document.body.insertBefore(fixedDiv, document.body.firstChild); document.body.insertBefore(fixedDiv, document.body.firstChild);
} }
@ -484,6 +511,7 @@ function operation_done(){
} }
document.getElementById('mzta-loading').style.display = 'none'; document.getElementById('mzta-loading').style.display = 'none';
document.getElementById('mzta-force-completion').style.display = 'none'; document.getElementById('mzta-force-completion').style.display = 'none';
document.getElementById('mzta-arrow-hint').style.display = 'none';
chatpgt_scrollToBottom(); chatpgt_scrollToBottom();
} }
@ -543,7 +571,11 @@ async function doProceed(message, customText = ''){
curr_model_warn.insertAdjacentElement('afterend', btn_retry); curr_model_warn.insertAdjacentElement('afterend', btn_retry);
break; break;
} }
const arrowHintTimeout = setTimeout(() => {
document.getElementById('mzta-arrow-hint').style.display = 'block';
}, delay_wait_completion);
await chatgpt_isIdle(); await chatgpt_isIdle();
clearTimeout(arrowHintTimeout);
operation_done(); operation_done();
} }