Update script.js

script.js

@@ -52,6 +52,7 @@ let currentConfirmCallback = null;
 let historyNavLeftBtnEl, historyNavRightBtnEl;
 let modalThinkingBudgetSliderEl, modalThinkingBudgetValueDisplayEl;
 let promptDisplayModalOverlayEl, promptDisplayModalContentEl, fullPromptTextEl, promptDisplayModalCloseBtnEl;
+let showPromptModalButtonEl; // Added for the new button
 
 
 // --- Constants ---
@@ -1193,11 +1194,12 @@ document.addEventListener('DOMContentLoaded', () => {
     promptDisplayModalContentEl = document.getElementById('prompt-display-modal-content');
     fullPromptTextEl = document.getElementById('full-prompt-text');
     promptDisplayModalCloseBtnEl = document.getElementById('prompt-display-modal-close-button');
+    showPromptModalButtonEl = document.getElementById('show-prompt-modal-button'); // Added
 
 
     // --- Check if all required elements exist ---
     let missingElements = [];
-    const requiredElements = { apiKeyEl, modelSelEl, codeOutputEl, errorMessageEl, refinementLoadingIndicator, mainContentEl, configButtonEl, intervalSliderEl, intervalValueDisplayEl, fullscreenOverlayEl, fullscreenIframeEl, exitFullscreenBtnEl, perspectiveViewportEl, previewGridWrapperEl, historyPanelEl, historyPanelPlaceholderEl, selectedCodeTitleH3El, mainContentTitleH1El, mainContentSubtitleH2El, fullscreenHistoryNavEl, historyNavPrevBtnEl, historyNavNextBtnEl, promptModalOverlayEl, promptModalContentEl, modalUserPromptEl, modalGenerateBtnEl, modalCancelBtnEl, modalLoadingIndicatorEl, modalRefinementCheckboxEl, numVariationsSliderEl, numVariationsValueDisplayEl, configModalOverlayEl, configModalContentEl, configModalCloseBtnEl, copyCodeButtonEl, exportCodeButtonEl, historyToggleButtonEl, historyArrowDownEl, historyArrowUpEl, newButtonEl, confirmModalOverlayEl, confirmModalMessageEl, confirmModalConfirmBtnEl, confirmModalCancelBtnEl, historyNavLeftBtnEl, historyNavRightBtnEl, modalThinkingBudgetSliderEl, modalThinkingBudgetValueDisplayEl, promptDisplayModalOverlayEl, promptDisplayModalContentEl, fullPromptTextEl, promptDisplayModalCloseBtnEl };
+    const requiredElements = { apiKeyEl, modelSelEl, codeOutputEl, errorMessageEl, refinementLoadingIndicator, mainContentEl, configButtonEl, intervalSliderEl, intervalValueDisplayEl, fullscreenOverlayEl, fullscreenIframeEl, exitFullscreenBtnEl, perspectiveViewportEl, previewGridWrapperEl, historyPanelEl, historyPanelPlaceholderEl, selectedCodeTitleH3El, mainContentTitleH1El, mainContentSubtitleH2El, fullscreenHistoryNavEl, historyNavPrevBtnEl, historyNavNextBtnEl, promptModalOverlayEl, promptModalContentEl, modalUserPromptEl, modalGenerateBtnEl, modalCancelBtnEl, modalLoadingIndicatorEl, modalRefinementCheckboxEl, numVariationsSliderEl, numVariationsValueDisplayEl, configModalOverlayEl, configModalContentEl, configModalCloseBtnEl, copyCodeButtonEl, exportCodeButtonEl, historyToggleButtonEl, historyArrowDownEl, historyArrowUpEl, newButtonEl, confirmModalOverlayEl, confirmModalMessageEl, confirmModalConfirmBtnEl, confirmModalCancelBtnEl, historyNavLeftBtnEl, historyNavRightBtnEl, modalThinkingBudgetSliderEl, modalThinkingBudgetValueDisplayEl, promptDisplayModalOverlayEl, promptDisplayModalContentEl, fullPromptTextEl, promptDisplayModalCloseBtnEl, showPromptModalButtonEl }; // Added showPromptModalButtonEl
     for (const key in requiredElements) { if (!requiredElements[key]) { missingElements.push(key); } }
 
     if (missingElements.length > 0) {
@@ -1223,6 +1225,7 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     if (configButtonEl) configButtonEl.addEventListener('click', showConfigModal);
+    if (showPromptModalButtonEl) showPromptModalButtonEl.addEventListener('click', showPromptModal); // Added listener for new button
     if (configModalCloseBtnEl) configModalCloseBtnEl.addEventListener('click', hideConfigModal);
     if (configModalOverlayEl) configModalOverlayEl.addEventListener('click', (e) => {
         if (e.target === configModalOverlayEl) { hideConfigModal(); }