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

<div id="qr--modalEditor">
	<div id="qr--main">
		<h3>Labels and Message</h3>
		<div class="qr--labels">
			<label>
				<span class="qr--labelText">Label</span>
				<input type="text" class="text_pole" id="qr--modal-label">
			</label>
			<label>
				<span class="qr--labelText">Title</span>
				<small class="qr--labelHint">(tooltip, leave empty to show message or /command)</small>
				<input type="text" class="text_pole" id="qr--modal-title">
			</label>
		</div>
		<div class="qr--modal-messageContainer">
			<label for="qr--modal-message">
				Message / Command:
			</label>
			<div class="qr--modal-editorSettings">
				<label class="checkbox_label">
					<input type="checkbox" id="qr--modal-wrap">
					<span>Word wrap</span>
				</label>
				<label class="checkbox_label">
					<span>Tab size:</span>
					<input type="number" min="1" max="9" id="qr--modal-tabSize" class="text_pole">
				</label>
				<label class="checkbox_label">
					<input type="checkbox" id="qr--modal-executeShortcut">
					<span>Ctrl+Enter to execute</span>
				</label>
				<label class="checkbox_label">
					<input type="checkbox" id="qr--modal-syntax">
					<span>Syntax highlight</span>
				</label>
			</div>
			<div id="qr--modal-messageHolder">
				<pre id="qr--modal-messageSyntax"><code id="qr--modal-messageSyntaxInner" class="hljs language-stscript"></code></pre>
				<textarea id="qr--modal-message" spellcheck="false"></textarea>
			</div>
		</div>
	</div>



	<div id="qr--qrOptions">
		<h3>Context Menu</h3>
		<div id="qr--ctxEditor">
			<template id="qr--ctxItem">
				<div class="qr--ctxItem" data-order="0">
					<div class="drag-handle ui-sortable-handle">☰</div>
					<select class="qr--set"></select>
					<label class="qr--isChainedLabel checkbox_label" 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="qr--isChained">
					</label>
					<div class="qr--delete menu_button menu_button_icon fa-solid fa-trash-can" title="Remove entry"></div>
				</div>
			</template>
		</div>
		<div class="qr--ctxEditorActions">
			<span id="qr--ctxAdd" class="menu_button menu_button_icon fa-solid fa-plus" title="Add quick reply set to context menu"></span>
		</div>


		<h3>Auto-Execute</h3>
		<div class="flex-container flexFlowColumn">
			<label class="checkbox_label" title="Prevent this quick reply from triggering other auto-executed quick replies while auto-executing (i.e., prevent recursive auto-execution)">
				<input type="checkbox" id="qr--preventAutoExecute" >
				<span><i class="fa-solid fa-fw fa-plane-slash"></i> Don't trigger auto-execute</span>
			</label>
			<label class="checkbox_label">
				<input type="checkbox" id="qr--isHidden" >
				<span><i class="fa-solid fa-fw fa-eye-slash"></i> Invisible (auto-execute only)</span>
			</label>
			<label class="checkbox_label">
				<input type="checkbox" id="qr--executeOnStartup" >
				<span><i class="fa-solid fa-fw fa-rocket"></i> Execute on app startup</span>
			</label>
			<label class="checkbox_label">
				<input type="checkbox" id="qr--executeOnUser" >
				<span><i class="fa-solid fa-fw fa-user"></i> Execute on user message</span>
			</label>
			<label class="checkbox_label">
				<input type="checkbox" id="qr--executeOnAi" >
				<span><i class="fa-solid fa-fw fa-robot"></i> Execute on AI message</span>
			</label>
			<label class="checkbox_label">
				<input type="checkbox" id="qr--executeOnChatChange" >
				<span><i class="fa-solid fa-fw fa-message"></i> Execute on opening chat</span>
			</label>
            <label class="checkbox_label">
                <input type="checkbox" id="qr--executeOnGroupMemberDraft">
                <span><i class="fa-solid fa-fw fa-people-group"></i> Execute before group member message</span>
            </label>
            <div class="flex-container alignItemsBaseline flexFlowColumn flexNoGap" title="Activate this quick reply when a World Info entry with the same Automation ID is triggered.">
                <small>Automation ID</small>
                <input type="text" id="qr--automationId" class="text_pole flex1" placeholder="( None )">
            </div>
		</div>


		<h3>Testing</h3>
		<div id="qr--modal-executeButtons">
			<div id="qr--modal-execute" class="qr--modal-executeButton menu_button" title="Execute the quick reply now">
				<i class="fa-solid fa-play"></i>
				Execute
			</div>
			<div id="qr--modal-pause" class="qr--modal-executeButton menu_button" title="Pause / continue execution">
				<span class="qr--modal-executeComboIcon">
					<i class="fa-solid fa-play"></i>
					<i class="fa-solid fa-pause"></i>
				</span>
			</div>
			<div id="qr--modal-stop" class="qr--modal-executeButton menu_button" title="Abort execution">
				<i class="fa-solid fa-stop"></i>
			</div>
		</div>
		<div id="qr--modal-executeProgress"></div>
		<label class="checkbox_label">
			<input type="checkbox" id="qr--modal-executeHide">
			<span> Hide editor while executing</span>
		</label>
		<div id="qr--modal-executeErrors"></div>
		<div id="qr--modal-executeResult"></div>
	</div>
</div>