SillyTavern/public/scripts/extensions/quick-reply/contextMenuEditor.html

<div id="quickReply_contextMenuEditor_template">
    <div class="quickReply_contextMenuEditor">
        <h3><strong>Context Menu Editor</strong></h3>
        <div id="quickReply_contextMenuEditor_content">
            <template id="quickReply_contextMenuEditor_itemTemplate">
                <div class="quickReplyContextMenuEditor_item flex-container alignitemscenter" data-order="0">
                    <span class="drag-handle ui-sortable-handle">☰</span>
                    <select class="quickReply_contextMenuEditor_preset"></select>
                    <label class="flex-container" title="When enabled, the current Quick Reply will be sent together with (before) the clicked QR from the context menu.">
                        Chaining:
                        <input type="checkbox" class="quickReply_contextMenuEditor_chaining">
                    </label>
                    <span class="quickReply_contextMenuEditor_remove menu_button menu_button_icon fa-solid fa-trash-can" title="Remove entry"></span>
                </div>
            </template>
        </div>
        <div class="quickReply_contextMenuEditor_actions">
            <span id="quickReply_contextMenuEditor_addPreset" class="menu_button menu_button_icon fa-solid fa-plus" title="Add preset to context menu"></span>
        </div>
        <h3><strong>Auto-Execute</strong></h3>
        <div class="flex-container flexFlowColumn">
            <label class="checkbox_label" for="quickReply_hidden">
                <input type="checkbox" id="quickReply_hidden" >
                <span><i class="fa-solid fa-fw fa-eye-slash"></i> Invisible (auto-execute only)</span>
            </label>
            <label class="checkbox_label" for="quickReply_autoExecute_appStartup">
                <input type="checkbox" id="quickReply_autoExecute_appStartup" >
                <span><i class="fa-solid fa-fw fa-rocket"></i> Execute on app startup</span>
            </label>
            <label class="checkbox_label" for="quickReply_autoExecute_userMessage">
                <input type="checkbox" id="quickReply_autoExecute_userMessage" >
                <span><i class="fa-solid fa-fw fa-user"></i> Execute on user message</span>
            </label>
            <label class="checkbox_label" for="quickReply_autoExecute_botMessage">
                <input type="checkbox" id="quickReply_autoExecute_botMessage" >
                <span><i class="fa-solid fa-fw fa-robot"></i> Execute on AI message</span>
            </label>
            <label class="checkbox_label" for="quickReply_autoExecute_chatLoad">
                <input type="checkbox" id="quickReply_autoExecute_chatLoad" >
                <span><i class="fa-solid fa-fw fa-message"></i> Execute on opening chat</span>
            </label>
        </div>
        <h3><strong>UI Options</strong></h3>
        <div class="flex-container flexFlowColumn">
            <label for="quickReply_ui_title">Title (tooltip, leave empty to show the message or /command)</label>
            <input type="text" class="text_pole" id="quickReply_ui_title">
        </div>
    </div>
</div>