From 97096add2a5f9309e32b923ee08489e6b1a366d6 Mon Sep 17 00:00:00 2001
From: Wolfsblvt <wolfsblvt@gmail.com>
Date: Tue, 23 Jul 2024 21:44:48 +0200
Subject: [PATCH 1/3] Utility css class to auto-select input/textarea

- Add an event listener on document level that checks for focus events on input/textarea controls. If they have the class "auto-select" the content will be auto-selected
---
 public/script.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/public/script.js b/public/script.js
index dd6af9884..de922428c 100644
--- a/public/script.js
+++ b/public/script.js
@@ -10647,6 +10647,14 @@ jQuery(async function () {
     $(document).on('click', '.open_alternate_greetings', openAlternateGreetings);
     /* $('#set_character_world').on('click', openCharacterWorldPopup); */
 
+    $(document).on('focus', 'input.auto-select, textarea.auto-select', function () {
+        const control = $(this)[0];
+        if (control instanceof HTMLInputElement || control instanceof HTMLTextAreaElement) {
+            control.select();
+            console.debug('Auto-selecting content of input control', control);
+        }
+    });
+
     $(document).keyup(function (e) {
         if (e.key === 'Escape') {
             const isEditVisible = $('#curEditTextarea').is(':visible');

From 7d2c0a8824236f6785b9c11978b860a7bc6edecc Mon Sep 17 00:00:00 2001
From: Wolfsblvt <wolfsblvt@gmail.com>
Date: Tue, 23 Jul 2024 21:48:24 +0200
Subject: [PATCH 2/3] Update popup input field to use auto-select

---
 public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index e05c6e526..93a7d4750 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4896,7 +4896,7 @@
                 <div class="popup-crop-wrap">
                     <img class="popup-crop-image" src="">
                 </div>
-                <textarea class="popup-input text_pole result-control" rows="1" data-result="1" data-result-event="submit"></textarea>
+                <textarea class="popup-input text_pole result-control auto-select" rows="1" data-result="1" data-result-event="submit"></textarea>
                 <div class="popup-inputs"></div>
                 <div class="popup-controls">
                     <div class="popup-button-ok menu_button result-control" data-result="1" data-i18n="Delete">Delete</div>

From 484d2b59aca4b971e53c95f576736a767c222106 Mon Sep 17 00:00:00 2001
From: Wolfsblvt <wolfsblvt@gmail.com>
Date: Sun, 18 Aug 2024 03:38:07 +0200
Subject: [PATCH 3/3] Add schmoggle for auto select input

---
 public/index.html            | 4 ++++
 public/script.js             | 1 +
 public/scripts/power-user.js | 8 ++++++++
 3 files changed, 13 insertions(+)

diff --git a/public/index.html b/public/index.html
index 7745ee2f8..39d25427a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4098,6 +4098,10 @@
                                 <input id="world_import_dialog" type="checkbox" />
                                 <small data-i18n="Lorebook Import Dialog">Lorebook Import Dialog</small>
                             </label>
+                            <label data-newbie-hidden class="checkbox_label" for="enable_auto_select_input" title="Enable auto-select of input text in some text fields when clicking/selecting them. Applies to popup input textboxes, and possible other custom input fields." data-i18n="[title]Enable auto-select of input text in some text fields when clicking/selecting them. Applies to popup input textboxes, and possible other custom input fields.">
+                                <input id="enable_auto_select_input" type="checkbox" />
+                                <small data-i18n="Auto-select Input Text">Auto-select Input Text</small>
+                            </label>
                             <label class="checkbox_label" for="restore_user_input" title="Restore unsaved user input on page refresh." data-i18n="[title]Restore unsaved user input on page refresh">
                                 <input id="restore_user_input" type="checkbox" />
                                 <small data-i18n="Restore User Input">Restore User Input</small>
diff --git a/public/script.js b/public/script.js
index 79bcee11f..722ffbbf8 100644
--- a/public/script.js
+++ b/public/script.js
@@ -10658,6 +10658,7 @@ jQuery(async function () {
     /* $('#set_character_world').on('click', openCharacterWorldPopup); */
 
     $(document).on('focus', 'input.auto-select, textarea.auto-select', function () {
+        if (!power_user.enable_auto_select_input) return;
         const control = $(this)[0];
         if (control instanceof HTMLInputElement || control instanceof HTMLTextAreaElement) {
             control.select();
diff --git a/public/scripts/power-user.js b/public/scripts/power-user.js
index c50cf7ae3..a10033eda 100644
--- a/public/scripts/power-user.js
+++ b/public/scripts/power-user.js
@@ -202,6 +202,7 @@ let power_user = {
     trim_spaces: true,
     relaxed_api_urls: false,
     world_import_dialog: true,
+    enable_auto_select_input: false,
     tag_import_setting: tag_import_setting.ASK,
     disable_group_trimming: false,
     single_line: false,
@@ -1596,6 +1597,7 @@ async function loadPowerUserSettings(settings, data) {
     $('#single_line').prop('checked', power_user.single_line);
     $('#relaxed_api_urls').prop('checked', power_user.relaxed_api_urls);
     $('#world_import_dialog').prop('checked', power_user.world_import_dialog);
+    $('#enable_auto_select_input').prop('checked', power_user.enable_auto_select_input);
     $('#trim_spaces').prop('checked', power_user.trim_spaces);
     $('#continue_on_send').prop('checked', power_user.continue_on_send);
     $('#quick_continue').prop('checked', power_user.quick_continue);
@@ -3773,6 +3775,12 @@ $(document).ready(() => {
         saveSettingsDebounced();
     });
 
+    $('#enable_auto_select_input').on('input', function () {
+        const value = !!$(this).prop('checked');
+        power_user.enable_auto_select_input = value;
+        saveSettingsDebounced();
+    });
+
     $('#spoiler_free_mode').on('input', function () {
         power_user.spoiler_free_mode = !!$(this).prop('checked');
         switchSpoilerMode();