Prompt Manager: add source display of pulled prompts (#3981) * Prompt Manager: add source display of pulled prompts * Fix copilot comments

44b7a09cb6873a7845eaf71503f083db4679f959

Cohee <18619528+Cohee1207@users.noreply.github.com>

Signed

public/css/promptmanager.css+6 -1 Viewed

     content: attr(external_piece_text);
     display: block;
     width: 100%;
-    font-weight: 600;
+    font-weight: 500;
     text-align: center;
+}
 .completion_prompt_manager_popup_entry_form_control #completion_prompt_manager_popup_entry_form_prompt:disabled {
     visibility: hidden;
+}
+#completion_prompt_manager_popup_entry_source_block {
+    display: flex;
+    justify-content: center;
+}

public/index.html+5 -0 Viewed

                                     </label>
                                 </div>
                             </div>
+                            <div id="completion_prompt_manager_popup_entry_source_block">
+                                <b data-i18n="Source:">Source:</b>
+                                <span>&nbsp;</span>
+                                <span id="completion_prompt_manager_popup_entry_source"></span>
+                            </div>
                             <textarea id="completion_prompt_manager_popup_entry_form_prompt" class="text_pole" name="prompt">
                         </textarea>
                         </div>

public/scripts/PromptManager.js+31 -0 Viewed

+}
 class PromptManager {
+    get promptSources() {
+        return {
+            charDescription: t`Character Description`,
+            charPersonality: t`Character Personality`,
+            scenario: t`Character Scenario`,
+            personaDescription: t`Persona Description`,
+            worldInfoBefore: t`World Info (↑Char)`,
+            worldInfoAfter: t`World Info (↓Char)`,
+        };
+    }
     constructor() {
         this.systemPrompts = [
             'main',

         this.handleResetPrompt = (event) => {
             const promptId = event.target.dataset.pmPrompt;
             const prompt = this.getPromptById(promptId);
+            const isPulledPrompt = Object.keys(this.promptSources).includes(promptId);
             switch (promptId) {
                 case 'main':

             document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_forbid_overrides').checked = prompt.forbid_overrides ?? false;
             document.getElementById(this.configuration.prefix + 'prompt_manager_forbid_overrides_block').style.visibility = this.overridablePrompts.includes(prompt.identifier) ? 'visible' : 'hidden';
             document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_prompt').disabled = prompt.marker ?? false;
+            document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_source_block').style.display = isPulledPrompt ? '' : 'none';
+            if (isPulledPrompt) {
+                const sourceName = this.promptSources[promptId];
+                document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_source').textContent = sourceName;
+            }
             if (!this.systemPrompts.includes(promptId)) {
                 document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_injection_position').removeAttribute('disabled');

         const injectionDepthBlock = document.getElementById(this.configuration.prefix + 'prompt_manager_depth_block');
         const forbidOverridesField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_forbid_overrides');
         const forbidOverridesBlock = document.getElementById(this.configuration.prefix + 'prompt_manager_forbid_overrides_block');
+        const entrySourceBlock = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_source_block');
+        const entrySource = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_source');
+        const isPulledPrompt = Object.keys(this.promptSources).includes(prompt.identifier);
         nameField.value = prompt.name ?? '';
         roleField.value = prompt.role || 'system';

         injectionPositionField.removeAttribute('disabled');
         forbidOverridesField.checked = prompt.forbid_overrides ?? false;
         forbidOverridesBlock.style.visibility = this.overridablePrompts.includes(prompt.identifier) ? 'visible' : 'hidden';
+        entrySourceBlock.style.display = isPulledPrompt ? '' : 'none';
+        if (isPulledPrompt) {
+            const sourceName = this.promptSources[prompt.identifier];
+            entrySource.textContent = sourceName;
+        }
         if (this.systemPrompts.includes(prompt.identifier)) {
             injectionPositionField.setAttribute('disabled', 'disabled');

         const injectionDepthBlock = document.getElementById(this.configuration.prefix + 'prompt_manager_depth_block');
         const forbidOverridesField = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_form_forbid_overrides');
         const forbidOverridesBlock = document.getElementById(this.configuration.prefix + 'prompt_manager_forbid_overrides_block');
+        const entrySourceBlock = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_source_block');
+        const entrySource = document.getElementById(this.configuration.prefix + 'prompt_manager_popup_entry_source');
         nameField.value = '';
         roleField.selectedIndex = 0;

         injectionDepthBlock.style.visibility = 'unset';
         forbidOverridesBlock.style.visibility = 'unset';
         forbidOverridesField.checked = false;
+        entrySourceBlock.style.display = 'none';
+        entrySource.textContent = '';
         roleField.disabled = false;
+    }