debugger

public/scripts/extensions/quick-reply/style.less

@@ -262,8 +262,23 @@
 .popup:has(#qr--modalEditor) {
 	aspect-ratio: unset;
 
-	&:has(.qr--isExecuting) .popup-controls {
-		display: none;
+	&:has(.qr--isExecuting) {
+		.popup-controls {
+			display: none;
+		}
+
+		.qr--highlight {
+			position: fixed;
+			z-index: 50000;
+			pointer-events: none;
+			background-color: rgba(255, 255, 0, 0.5);
+		}
+		.qr--highlight-secondary {
+			position: fixed;
+			z-index: 50000;
+			pointer-events: none;
+			border: 3px solid red;
+		}
 	}
 
 	.popup-content {
@@ -289,9 +304,26 @@
 				{
 					display: none;
 				}
+				#qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder > #qr--modal-message {
+					visibility: hidden;
+				}
 				#qr--modal-debugButtons {
 					display: flex;
 				}
+				#qr--resizeHandle {
+					width: 6px;
+					background-color: var(--SmartThemeBorderColor);
+					border: 2px solid var(--SmartThemeBlurTintColor);
+					transition: border-color 200ms, background-color 200ms;
+					cursor: w-resize;
+					&:hover {
+						background-color: var(--SmartThemeQuoteColor);
+						border-color: var(--SmartThemeQuoteColor);
+					}
+				}
+				#qr--qrOptions {
+					width: var(--width, auto);
+				}
 			}
 
 			> #qr--main {
@@ -461,6 +493,7 @@
 				gap: 1em;
 				.qr--modal-debugButton {
 					aspect-ratio: 1.25 / 1;
+					width: 2.25em;
 					&.qr--glyph-combo {
 						display: grid;
 						grid-template-columns: 1fr;
@@ -566,7 +599,7 @@
 					}
 					.qr--var, .qr--macro, .qr--pipe {
 						display: contents;
-						&:nth-child(2n + 2) {
+						&:nth-child(2n + 1) {
 							.qr--key, .qr--val {
 								background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.25);
 							}
@@ -597,6 +630,22 @@
 						}
 					}
 				}
+
+				.qr--stack {
+					.qr--title {
+						grid-column: 1 / 3;
+						font-weight: bold;
+						background-color: var(--black50a);
+						padding: 0.25em;
+						margin-top: 1em;
+					}
+					.qr--item {
+						margin-left: 0.5em;
+						&:nth-child(2n + 1) {
+							background-color: rgb(from var(--SmartThemeEmColor) r g b / 0.25);
+						}
+					}
+				}
 			}
 		}
 	}