Codex/auto config

assets/admin.scss

@@ -62,6 +62,13 @@
 	// }
 }
 
+.column-status .vrts-testing-status-wrapper {
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: 1rem;
+}
+
 .vrts-test-runs-list-table:not(.vrts-test-runs-list-queue-table) {
 
 	.test-run-row[data-has-alerts] {
@@ -79,7 +86,6 @@
 			}
 		}
 
-
 		&.column-title {
 			position: relative;
 			display: flex;
@@ -176,7 +182,6 @@
 	&--manual {
 		background: rgba(5, 116, 206, 0.1);
 		color: #045495;
-
 	}
 
 	&--update {
@@ -239,6 +244,35 @@
 	}
 }
 
+.vrts-tooltip-popup {
+	position: fixed;
+	z-index: 99999999999;
+	pointer-events: none;
+	animation: vrts-fade-in 0.15s ease-in-out;
+
+	.vrts-tooltip-content-inner {
+		display: block;
+		max-width: 200px;
+		background-color: #1e1e1e;
+		color: #f0f0f0;
+		font-size: 0.75rem;
+		line-height: 1.4;
+		padding: 8px 10px;
+		border-radius: 6px;
+		box-shadow: 2px 2px 8px 4px rgba(30, 30, 30, 0.12);
+		-webkit-font-smoothing: antialiased;
+	}
+
+	&__arrow {
+		position: absolute;
+		left: 50%;
+		top: 100%;
+		transform: translateX(-50%);
+		border: 6px solid transparent;
+		border-top-color: #1e1e1e;
+	}
+}
+
 .vrts-testing-toogle {
 	display: flex;
 	align-items: center;
@@ -330,6 +364,38 @@
 	}
 }
 
+.vrts-gradient-border {
+	border-radius: inherit;
+	inset: 0;
+	mask:
+		linear-gradient(#fff 0 0) content-box,
+		linear-gradient(#fff 0 0);
+	mask-composite: exclude;
+	opacity: 0;
+	overflow: hidden;
+	padding: 0;
+	pointer-events: none;
+	position: absolute;
+	transition:
+		padding 0.2s,
+		opacity 0.2s;
+	z-index: 0;
+
+	&::before {
+		animation: vrts-rotate 2s linear infinite;
+		animation-play-state: paused;
+		aspect-ratio: 1 / 1;
+		background: conic-gradient(from 0deg at 50% 50%, #0894ff 0%, #c959dd 22%, #ff2e54 45%, #ff9004 76%, #0894ff 100%);
+		block-size: auto;
+		content: "";
+		inline-size: 200%;
+		inset-block-start: 50%;
+		inset-inline-start: 50%;
+		position: absolute;
+		translate: -50% -50%;
+	}
+}
+
 .vrts-gradient-loader {
 	position: absolute;
 	top: 1px;
@@ -339,7 +405,9 @@
 	background: linear-gradient(90deg, #ddd, #fff, #ddd);
 	background-size: 200% 100%;
 	animation: vrts-shimmer 1.5s linear paused infinite;
-	transition: opacity 0.2s, visibility 0.2s;
+	transition:
+		opacity 0.2s,
+		visibility 0.2s;
 	opacity: 0;
 	visibility: hidden;
 	z-index: 10;

assets/styles/animations.scss

@@ -85,3 +85,14 @@
 		background-color: rgba(32, 113, 177, 0.2);
 	}
 }
+
+@keyframes vrts-gradient-text {
+
+	0% {
+		background-position: 0% 0;
+	}
+
+	100% {
+		background-position: -200% 0;
+	}
+}