@sourcegraph/cody-web 0.32.4 → 0.32.5

package/dist/style.css

@@ -734,7 +734,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1wj4h_162 pre > code {
 ._spin_56lwz_7 {
     animation: _spin_56lwz_7 1.5s steps(30) infinite;
 }
-@keyframes _shimmer_c9w5f_1 {
+@keyframes _shimmer_zq4rk_1 {
     0% {
         opacity: .7;
     }
@@ -748,32 +748,35 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1wj4h_162 pre > code {
     }
 }
 
-._container_c9w5f_15 {
+._container_zq4rk_15 {
     padding: 1rem;
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
 }
 
-._line_c9w5f_22 {
-    /* This height is important so that the shimmer animation and the final code are the same height. */
+._line_zq4rk_22 {
+    /* This height is important so that the shimmer animation and the final code are similar height. */
     height: 1rem;
     border-radius: 2px;
-    will-change: transform, opacity;
-    animation: _shimmer_c9w5f_1 2s ease-in-out;
+    will-change: opacity;
+    background-color: var(--vscode-editorInlayHint-background, var(--vscode-editor-selectionBackground, rgba(255 255 255 / 8%)));
+}
+
+._guardrails-checking_zq4rk_30 ._line_zq4rk_22 {
+    animation: _shimmer_zq4rk_1 2s ease-in-out;
     animation-iteration-count: infinite;
-    background-color: var(--vscode-editorInlayHint-background, var(--vscode-editor-selectionBackground, rgba(255, 255, 255, 0.08)));
 }
 
-._line_c9w5f_22:nth-of-type(2n+1) {
+._line_zq4rk_22:nth-of-type(2n+1) {
     animation-delay: 0.5s;
 }
 
-._line_c9w5f_22:nth-of-type(3n+1) {
+._line_zq4rk_22:nth-of-type(3n+1) {
     animation-delay: 1s;
 }
 
-._line_c9w5f_22:nth-of-type(4n+1) {
+._line_zq4rk_22:nth-of-type(4n+1) {
     animation-delay: 1.5s;
 }
 ._accordion-trigger_12003_1 {
@@ -1659,34 +1662,31 @@ button > ._model-title-with-icon_k71kd_5 ._model-provider_k71kd_21,
 button > ._model-title-with-icon_k71kd_5 ._badge_k71kd_39 {
     display: none;
 }
-
-h4{
+h4 {
     border-bottom: 1px solid var(--vscode-editorWidget-border);
 }
 
-._history-row_r1hp5_6 {
+._history-row_k3x5q_5 {
     display: flex;
     flex-direction: row;
 }
 
-._history-item_r1hp5_11 {
-    cursor: pointer;;
-}
-
-._history-item_r1hp5_11:hover {
-    cursor: pointer;
-    color: var(--vscode-list-highlightForeground);
-}
-
-._history-delete-btn_r1hp5_20 {
+._delete-button_k3x5q_10 {
     opacity: 0;
+    height: 98%;
+    padding: 0 !important;
     transition: opacity 0.2s ease;
+    background: inherit !important;
 }
 
-._history-row_r1hp5_6:hover ._history-delete-btn_r1hp5_20 {
-    opacity: 1;
+._deleting-button_k3x5q_18 {
+    opacity: 0.5 !important;
+    pointer-events: none;
 }
 
+._history-item_k3x5q_23:hover ._delete-button_k3x5q_10 {
+    opacity: 1;
+}
 :root {
     --vscode-overlay-background: rgb(0 0 0 / 50%);
     --vscode-modal-background: var(--vscode-sideBar-background);
@@ -2522,6 +2522,39 @@ imported in Sourcegraph shell.
  since they will conflict with any possible reset/global
  styles in consumer. See @mixin reset-styles for more details
 */
+.tw-container {
+	width: 100%;
+}
+@media (min-width: 348px) {
+	.tw-container {
+		max-width: 348px;
+	}
+}
+@media (min-width: 640px) {
+	.tw-container {
+		max-width: 640px;
+	}
+}
+@media (min-width: 768px) {
+	.tw-container {
+		max-width: 768px;
+	}
+}
+@media (min-width: 1024px) {
+	.tw-container {
+		max-width: 1024px;
+	}
+}
+@media (min-width: 1280px) {
+	.tw-container {
+		max-width: 1280px;
+	}
+}
+@media (min-width: 1536px) {
+	.tw-container {
+		max-width: 1536px;
+	}
+}
 .tw-sr-only {
 	position: absolute;
 	width: 1px;
@@ -2560,6 +2593,9 @@ imported in Sourcegraph shell.
 .tw-left-1\/2 {
 	left: 50%;
 }
+.tw-left-2 {
+	left: 4px;
+}
 .tw-right-2 {
 	right: 4px;
 }
@@ -2575,6 +2611,9 @@ imported in Sourcegraph shell.
 .tw-top-2 {
 	top: 4px;
 }
+.tw-top-2\.5 {
+	top: 0.625rem;
+}
 .tw-top-3 {
 	top: 6px;
 }
@@ -2596,6 +2635,9 @@ imported in Sourcegraph shell.
 .tw-col-span-2 {
 	grid-column: span 2 / span 2;
 }
+.tw-col-span-full {
+	grid-column: 1 / -1;
+}
 .tw-m-0 {
 	margin: 0px;
 }
@@ -2608,10 +2650,24 @@ imported in Sourcegraph shell.
 .tw-m-5 {
 	margin: 10px;
 }
+.tw-m-6 {
+	margin: 12px;
+}
+.tw-m-\[0\.5rem\] {
+	margin: 0.5rem;
+}
+.tw-mx-1 {
+	margin-left: 2px;
+	margin-right: 2px;
+}
 .tw-mx-2 {
 	margin-left: 4px;
 	margin-right: 4px;
 }
+.tw-mx-\[0\.5rem\] {
+	margin-left: 0.5rem;
+	margin-right: 0.5rem;
+}
 .tw-mx-auto {
 	margin-left: auto;
 	margin-right: auto;
@@ -2657,12 +2713,18 @@ imported in Sourcegraph shell.
 .tw-mb-5 {
 	margin-bottom: 10px;
 }
+.tw-mb-6 {
+	margin-bottom: 12px;
+}
 .tw-mb-8 {
 	margin-bottom: 16px;
 }
 .tw-mb-\[10\%\] {
 	margin-bottom: 10%;
 }
+.tw-me-2 {
+	margin-inline-end: 4px;
+}
 .tw-ml-0 {
 	margin-left: 0px;
 }
@@ -2729,6 +2791,9 @@ imported in Sourcegraph shell.
 .tw-mt-8 {
 	margin-top: 16px;
 }
+.tw-mt-\[2px\] {
+	margin-top: 2px;
+}
 .tw-mt-auto {
 	margin-top: auto;
 }
@@ -2741,6 +2806,12 @@ imported in Sourcegraph shell.
 	-webkit-box-orient: vertical !important;
 	-webkit-line-clamp: 1 !important;
 }
+.tw-line-clamp-1 {
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 1;
+}
 .tw-block {
 	display: block;
 }
@@ -2776,6 +2847,9 @@ imported in Sourcegraph shell.
 .\!tw-h-\[30px\] {
 	height: 30px !important;
 }
+.tw-h-1 {
+	height: 2px;
+}
 .tw-h-10 {
 	height: 20px;
 }
@@ -2806,6 +2880,9 @@ imported in Sourcegraph shell.
 .tw-h-8 {
 	height: 16px;
 }
+.tw-h-9 {
+	height: 2.25rem;
+}
 .tw-h-\[1\.375rem\] {
 	height: 1.375rem;
 }
@@ -2821,6 +2898,9 @@ imported in Sourcegraph shell.
 .tw-h-\[50vh\] {
 	height: 50vh;
 }
+.tw-h-\[calc\(100vh-180px\)\] {
+	height: calc(100vh - 180px);
+}
 .tw-h-auto {
 	height: auto;
 }
@@ -2869,6 +2949,12 @@ imported in Sourcegraph shell.
 .\!tw-min-h-\[30px\] {
 	min-height: 30px !important;
 }
+.tw-min-h-\[100px\] {
+	min-height: 100px;
+}
+.tw-min-h-\[200px\] {
+	min-height: 200px;
+}
 .\!tw-w-fit {
 	width: fit-content !important;
 }
@@ -2881,9 +2967,6 @@ imported in Sourcegraph shell.
 .tw-w-14 {
 	width: 28px;
 }
-.tw-w-16 {
-	width: 32px;
-}
 .tw-w-2 {
 	width: 4px;
 }
@@ -2893,9 +2976,6 @@ imported in Sourcegraph shell.
 .tw-w-2\/5 {
 	width: 40%;
 }
-.tw-w-24 {
-	width: 6rem;
-}
 .tw-w-3 {
 	width: 6px;
 }
@@ -2926,6 +3006,9 @@ imported in Sourcegraph shell.
 .tw-w-8 {
 	width: 16px;
 }
+.tw-w-80 {
+	width: 20rem;
+}
 .tw-w-\[1\.375rem\] {
 	width: 1.375rem;
 }
@@ -2971,6 +3054,9 @@ imported in Sourcegraph shell.
 .tw-min-w-0 {
 	min-width: 0px;
 }
+.tw-min-w-80 {
+	min-width: 20rem;
+}
 .tw-min-w-\[1\.5em\] {
 	min-width: 1.5em;
 }
@@ -2983,6 +3069,9 @@ imported in Sourcegraph shell.
 .tw-min-w-\[325px\] {
 	min-width: 325px;
 }
+.tw-min-w-\[8rem\] {
+	min-width: 8rem;
+}
 .tw-min-w-full {
 	min-width: 100%;
 }
@@ -2992,6 +3081,9 @@ imported in Sourcegraph shell.
 .tw-max-w-72 {
 	max-width: 18rem;
 }
+.tw-max-w-\[250px\] {
+	max-width: 250px;
+}
 .tw-max-w-\[300px\] {
 	max-width: 300px;
 }
@@ -3092,6 +3184,9 @@ imported in Sourcegraph shell.
 .tw-list-none {
 	list-style-type: none;
 }
+.tw-appearance-none {
+	appearance: none;
+}
 .tw-grid-cols-1 {
 	grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -3104,6 +3199,9 @@ imported in Sourcegraph shell.
 .tw-grid-cols-\[2rem_minmax\(120px\,auto\)_minmax\(140px\,auto\)_minmax\(140px\,auto\)\] {
 	grid-template-columns: 2rem minmax(120px,auto) minmax(140px,auto) minmax(140px,auto);
 }
+.tw-grid-cols-\[auto_1fr\] {
+	grid-template-columns: auto 1fr;
+}
 .tw-grid-cols-\[minmax\(150px\,auto\)_repeat\(4\,minmax\(100px\,auto\)\)\] {
 	grid-template-columns: minmax(150px,auto) repeat(4,minmax(100px,auto));
 }
@@ -3219,11 +3317,21 @@ imported in Sourcegraph shell.
 	margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse)));
 	margin-bottom: calc(2px * var(--tw-space-y-reverse));
 }
+.tw-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+	--tw-space-y-reverse: 0;
+	margin-top: calc(3px * calc(1 - var(--tw-space-y-reverse)));
+	margin-bottom: calc(3px * var(--tw-space-y-reverse));
+}
 .tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {
 	--tw-space-y-reverse: 0;
 	margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
 	margin-bottom: calc(4px * var(--tw-space-y-reverse));
 }
+.tw-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+	--tw-space-y-reverse: 0;
+	margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse)));
+	margin-bottom: calc(6px * var(--tw-space-y-reverse));
+}
 .tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
 	--tw-space-y-reverse: 0;
 	margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
@@ -3239,15 +3347,6 @@ imported in Sourcegraph shell.
 	margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
 	margin-bottom: calc(16px * var(--tw-space-y-reverse));
 }
-.tw-divide-y > :not([hidden]) ~ :not([hidden]) {
-	--tw-divide-y-reverse: 0;
-	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-	border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-.tw-divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-	--tw-divide-opacity: 1;
-	border-color: rgb(229 231 235 / var(--tw-divide-opacity));
-}
 .tw-self-start {
 	align-self: flex-start;
 }
@@ -3278,6 +3377,9 @@ imported in Sourcegraph shell.
 .tw-overflow-y-scroll {
 	overflow-y: scroll;
 }
+.tw-overscroll-auto {
+	overscroll-behavior: auto;
+}
 .tw-truncate {
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -3391,23 +3493,12 @@ imported in Sourcegraph shell.
 	--tw-border-opacity: 1;
 	border-color: rgb(59 130 246 / var(--tw-border-opacity));
 }
-.tw-border-blue-700 {
-	--tw-border-opacity: 1;
-	border-color: rgb(29 78 216 / var(--tw-border-opacity));
-}
-.tw-border-blue-800\/50 {
-	border-color: rgb(30 64 175 / 0.5);
-}
 .tw-border-border {
 	border-color: var(--vscode-dropdown-border);
 }
 .tw-border-button-border {
 	border-color: var(--vscode-button-border, transparent);
 }
-.tw-border-emerald-700 {
-	--tw-border-opacity: 1;
-	border-color: rgb(4 120 87 / var(--tw-border-opacity));
-}
 .tw-border-emerald-800\/50 {
 	border-color: rgb(6 95 70 / 0.5);
 }
@@ -3419,8 +3510,9 @@ imported in Sourcegraph shell.
 	--tw-border-opacity: 1;
 	border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
-.tw-border-gray-500\/20 {
-	border-color: rgb(107 114 128 / 0.2);
+.tw-border-green-200 {
+	--tw-border-opacity: 1;
+	border-color: rgb(187 247 208 / var(--tw-border-opacity));
 }
 .tw-border-input-border {
 	border-color: var(--vscode-input-border);
@@ -3438,10 +3530,18 @@ imported in Sourcegraph shell.
 	--tw-border-opacity: 1;
 	border-color: rgb(254 202 202 / var(--tw-border-opacity));
 }
+.tw-border-red-300 {
+	--tw-border-opacity: 1;
+	border-color: rgb(252 165 165 / var(--tw-border-opacity));
+}
 .tw-border-red-700 {
 	--tw-border-opacity: 1;
 	border-color: rgb(185 28 28 / var(--tw-border-opacity));
 }
+.tw-border-red-800 {
+	--tw-border-opacity: 1;
+	border-color: rgb(153 27 27 / var(--tw-border-opacity));
+}
 .tw-border-red-800\/50 {
 	border-color: rgb(153 27 27 / 0.5);
 }
@@ -3456,10 +3556,6 @@ imported in Sourcegraph shell.
 	--tw-border-opacity: 1;
 	border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
-.tw-border-yellow-700 {
-	--tw-border-opacity: 1;
-	border-color: rgb(161 98 7 / var(--tw-border-opacity));
-}
 .tw-border-yellow-800\/50 {
 	border-color: rgb(133 77 14 / 0.5);
 }
@@ -3524,16 +3620,14 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(59 130 246 / var(--tw-bg-opacity));
 }
+.tw-bg-blue-600 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(37 99 235 / var(--tw-bg-opacity));
+}
 .tw-bg-blue-900 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(30 58 138 / var(--tw-bg-opacity));
 }
-.tw-bg-blue-900\/50 {
-	background-color: rgb(30 58 138 / 0.5);
-}
-.tw-bg-blue-950\/30 {
-	background-color: rgb(23 37 84 / 0.3);
-}
 .tw-bg-border {
 	background-color: var(--vscode-dropdown-border);
 }
@@ -3550,9 +3644,6 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(6 182 212 / var(--tw-bg-opacity));
 }
-.tw-bg-emerald-900\/50 {
-	background-color: rgb(6 78 59 / 0.5);
-}
 .tw-bg-emerald-950\/30 {
 	background-color: rgb(2 44 34 / 0.3);
 }
@@ -3600,6 +3691,10 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(22 101 52 / var(--tw-bg-opacity));
 }
+.tw-bg-green-900 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(20 83 45 / var(--tw-bg-opacity));
+}
 .tw-bg-indigo-200 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(199 210 254 / var(--tw-bg-opacity));
@@ -3614,6 +3709,9 @@ imported in Sourcegraph shell.
 .tw-bg-input-background {
 	background-color: var(--vscode-input-background);
 }
+.tw-bg-input-border {
+	background-color: var(--vscode-input-border);
+}
 .tw-bg-keybinding-background {
 	background-color: var(--vscode-keybindingLabel-background);
 }
@@ -3662,9 +3760,6 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(153 27 27 / var(--tw-bg-opacity));
 }
-.tw-bg-red-900\/50 {
-	background-color: rgb(127 29 29 / 0.5);
-}
 .tw-bg-red-950\/30 {
 	background-color: rgb(69 10 10 / 0.3);
 }
@@ -3704,13 +3799,14 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(254 252 232 / var(--tw-bg-opacity));
 }
+.tw-bg-yellow-500 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(234 179 8 / var(--tw-bg-opacity));
+}
 .tw-bg-yellow-900 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(113 63 18 / var(--tw-bg-opacity));
 }
-.tw-bg-yellow-900\/50 {
-	background-color: rgb(113 63 18 / 0.5);
-}
 .tw-bg-yellow-950\/30 {
 	background-color: rgb(66 32 6 / 0.3);
 }
@@ -3762,12 +3858,18 @@ imported in Sourcegraph shell.
 .\!tw-p-4 {
 	padding: 8px !important;
 }
+.\!tw-p-\[0\.5rem\] {
+	padding: 0.5rem !important;
+}
 .tw-p-0 {
 	padding: 0px;
 }
 .tw-p-1 {
 	padding: 2px;
 }
+.tw-p-1\.5 {
+	padding: 3px;
+}
 .tw-p-10 {
 	padding: 20px;
 }
@@ -3868,10 +3970,18 @@ imported in Sourcegraph shell.
 	padding-top: 20px;
 	padding-bottom: 20px;
 }
+.tw-py-12 {
+	padding-top: 24px;
+	padding-bottom: 24px;
+}
 .tw-py-2 {
 	padding-top: 4px;
 	padding-bottom: 4px;
 }
+.tw-py-2\.5 {
+	padding-top: 0.625rem;
+	padding-bottom: 0.625rem;
+}
 .tw-py-3 {
 	padding-top: 6px;
 	padding-bottom: 6px;
@@ -3880,6 +3990,10 @@ imported in Sourcegraph shell.
 	padding-top: 8px;
 	padding-bottom: 8px;
 }
+.tw-py-8 {
+	padding-top: 16px;
+	padding-bottom: 16px;
+}
 .tw-py-\[\.1rem\] {
 	padding-top: .1rem;
 	padding-bottom: .1rem;
@@ -3891,9 +4005,6 @@ imported in Sourcegraph shell.
 .tw-pb-0 {
 	padding-bottom: 0px;
 }
-.tw-pb-12 {
-	padding-bottom: 24px;
-}
 .tw-pb-2 {
 	padding-bottom: 4px;
 }
@@ -3903,15 +4014,33 @@ imported in Sourcegraph shell.
 .tw-pb-6 {
 	padding-bottom: 12px;
 }
+.tw-pl-2 {
+	padding-left: 4px;
+}
 .tw-pl-4 {
 	padding-left: 8px;
 }
+.tw-pl-5 {
+	padding-left: 10px;
+}
 .tw-pl-6 {
 	padding-left: 12px;
 }
+.tw-pl-8 {
+	padding-left: 16px;
+}
 .tw-pr-2 {
 	padding-right: 4px;
 }
+.tw-pr-3 {
+	padding-right: 6px;
+}
+.tw-pr-4 {
+	padding-right: 8px;
+}
+.tw-pt-2 {
+	padding-top: 4px;
+}
 .tw-pt-4 {
 	padding-top: 8px;
 }
@@ -3933,6 +4062,9 @@ imported in Sourcegraph shell.
 .tw-text-right {
 	text-align: right;
 }
+.tw-align-baseline {
+	vertical-align: baseline;
+}
 .tw-align-top {
 	vertical-align: top;
 }
@@ -3968,6 +4100,10 @@ imported in Sourcegraph shell.
 .tw-text-sm {
 	font-size: calc(calc(12/13)*var(--vscode-font-size));
 }
+.tw-text-xl {
+	font-size: 1.25rem;
+	line-height: 1.75rem;
+}
 .tw-text-xs {
 	font-size: calc(calc(11/13)*var(--vscode-font-size));
 }
@@ -4001,6 +4137,9 @@ imported in Sourcegraph shell.
 .\!tw-leading-\[1\.2\] {
 	line-height: 1.2 !important;
 }
+.tw-leading-4 {
+	line-height: 1rem;
+}
 .tw-leading-none {
 	line-height: 1;
 }
@@ -4010,8 +4149,8 @@ imported in Sourcegraph shell.
 .tw-leading-tight {
 	line-height: 1.25;
 }
-.tw-tracking-wider {
-	letter-spacing: 0.05em;
+.tw-tracking-tight {
+	letter-spacing: -0.025em;
 }
 .tw-tracking-widest {
 	letter-spacing: 0.1em;
@@ -4037,10 +4176,6 @@ imported in Sourcegraph shell.
 .tw-text-badge-foreground {
 	color: var(--vscode-badge-foreground);
 }
-.tw-text-blue-200 {
-	--tw-text-opacity: 1;
-	color: rgb(191 219 254 / var(--tw-text-opacity));
-}
 .tw-text-blue-300 {
 	--tw-text-opacity: 1;
 	color: rgb(147 197 253 / var(--tw-text-opacity));
@@ -4067,10 +4202,6 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(34 211 238 / var(--tw-text-opacity));
 }
-.tw-text-emerald-200 {
-	--tw-text-opacity: 1;
-	color: rgb(167 243 208 / var(--tw-text-opacity));
-}
 .tw-text-emerald-400 {
 	--tw-text-opacity: 1;
 	color: rgb(52 211 153 / var(--tw-text-opacity));
@@ -4114,10 +4245,18 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(17 24 39 / var(--tw-text-opacity));
 }
+.tw-text-green-300 {
+	--tw-text-opacity: 1;
+	color: rgb(134 239 172 / var(--tw-text-opacity));
+}
 .tw-text-green-400 {
 	--tw-text-opacity: 1;
 	color: rgb(74 222 128 / var(--tw-text-opacity));
 }
+.tw-text-green-500 {
+	--tw-text-opacity: 1;
+	color: rgb(34 197 94 / var(--tw-text-opacity));
+}
 .tw-text-green-800 {
 	--tw-text-opacity: 1;
 	color: rgb(22 101 52 / var(--tw-text-opacity));
@@ -4156,10 +4295,6 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(107 33 168 / var(--tw-text-opacity));
 }
-.tw-text-red-200 {
-	--tw-text-opacity: 1;
-	color: rgb(254 202 202 / var(--tw-text-opacity));
-}
 .tw-text-red-400 {
 	--tw-text-opacity: 1;
 	color: rgb(248 113 113 / var(--tw-text-opacity));
@@ -4198,10 +4333,6 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-.tw-text-yellow-200 {
-	--tw-text-opacity: 1;
-	color: rgb(254 240 138 / var(--tw-text-opacity));
-}
 .tw-text-yellow-300 {
 	--tw-text-opacity: 1;
 	color: rgb(253 224 71 / var(--tw-text-opacity));
@@ -4210,6 +4341,10 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(250 204 21 / var(--tw-text-opacity));
 }
+.tw-text-yellow-500 {
+	--tw-text-opacity: 1;
+	color: rgb(234 179 8 / var(--tw-text-opacity));
+}
 .tw-text-yellow-600 {
 	--tw-text-opacity: 1;
 	color: rgb(202 138 4 / var(--tw-text-opacity));
@@ -4238,9 +4373,6 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(113 113 122 / var(--tw-text-opacity));
 }
-.tw-underline {
-	text-decoration-line: underline;
-}
 .tw-no-underline {
 	text-decoration-line: none;
 }
@@ -4302,6 +4434,14 @@ imported in Sourcegraph shell.
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.tw-ring-1 {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.tw-ring-inset {
+	--tw-ring-inset: inset;
+}
 .\!tw-ring-offset-background {
 	--tw-ring-offset-color: var(--vscode-editor-background) !important;
 }
@@ -4742,6 +4882,10 @@ imported in Sourcegraph shell.
 .hover\:tw-bg-accent:hover {
 	background-color: var(--vscode-list-activeSelectionBackground);
 }
+.hover\:tw-bg-blue-700:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgb(29 78 216 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-button-background-hover:hover {
 	background-color: var(--vscode-button-hoverBackground);
 }
@@ -4752,6 +4896,10 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-gray-300:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-gray-50:hover {
 	--tw-bg-opacity: 1;
 	background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -4811,6 +4959,10 @@ imported in Sourcegraph shell.
 .hover\:tw-text-link-hover:hover {
 	color: var(--vscode-textLink-activeForeground);
 }
+.hover\:tw-text-white:hover {
+	--tw-text-opacity: 1;
+	color: rgb(255 255 255 / var(--tw-text-opacity));
+}
 .hover\:tw-underline:hover {
 	text-decoration-line: underline;
 }
@@ -4820,6 +4972,15 @@ imported in Sourcegraph shell.
 .hover\:tw-opacity-100:hover {
 	opacity: 1;
 }
+.focus\:tw-border-blue-600:focus {
+	--tw-border-opacity: 1;
+	border-color: rgb(37 99 235 / var(--tw-border-opacity));
+}
+.focus\:tw-shadow-\[0_0_0_0\.125rem_var\(--vscode-focusBorder\)\]:focus {
+	--tw-shadow: 0 0 0 0.125rem var(--vscode-focusBorder);
+	--tw-shadow-colored: 0 0 0 0.125rem var(--tw-shadow-color);
+	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .focus\:tw-outline-none:focus {
 	outline: 2px solid transparent;
 	outline-offset: 2px;
@@ -4830,6 +4991,11 @@ imported in Sourcegraph shell.
 .focus\:tw-outline-ring:focus {
 	outline-color: var(--vscode-focusBorder);
 }
+.focus\:tw-ring-0:focus {
+	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .focus\:tw-ring-2:focus {
 	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -4844,6 +5010,10 @@ imported in Sourcegraph shell.
 	--tw-ring-opacity: 1;
 	--tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
 }
+.focus\:tw-ring-red-200:focus {
+	--tw-ring-opacity: 1;
+	--tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
+}
 .focus\:tw-ring-red-300:focus {
 	--tw-ring-opacity: 1;
 	--tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
@@ -4987,9 +5157,6 @@ imported in Sourcegraph shell.
 	}
 }
 @media (min-width: 768px) {
-	.md\:tw-col-span-2 {
-		grid-column: span 2 / span 2;
-	}
 	.md\:tw-size-8 {
 		width: 16px;
 		height: 16px;
@@ -4997,6 +5164,9 @@ imported in Sourcegraph shell.
 	.md\:tw-grid-cols-2 {
 		grid-template-columns: repeat(2, minmax(0, 1fr));
 	}
+	.md\:tw-grid-cols-3 {
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+	}
 	.md\:tw-px-2 {
 		padding-left: 4px;
 		padding-right: 4px;
@@ -5021,9 +5191,6 @@ imported in Sourcegraph shell.
 	}
 }
 @media (min-width: 1024px) {
-	.lg\:tw-col-span-4 {
-		grid-column: span 4 / span 4;
-	}
 	.lg\:tw-grid-cols-4 {
 		grid-template-columns: repeat(4, minmax(0, 1fr));
 	}
@@ -5032,8 +5199,9 @@ imported in Sourcegraph shell.
 	.dark\:tw-hidden {
 		display: none;
 	}
-	.dark\:tw-border-gray-600\/40 {
-		border-color: rgb(75 85 99 / 0.4);
+	.dark\:tw-border-gray-600 {
+		--tw-border-opacity: 1;
+		border-color: rgb(75 85 99 / var(--tw-border-opacity));
 	}
 	.dark\:tw-border-gray-700 {
 		--tw-border-opacity: 1;
@@ -5043,6 +5211,18 @@ imported in Sourcegraph shell.
 		--tw-border-opacity: 1;
 		border-color: rgb(31 41 55 / var(--tw-border-opacity));
 	}
+	.dark\:tw-border-red-600 {
+		--tw-border-opacity: 1;
+		border-color: rgb(220 38 38 / var(--tw-border-opacity));
+	}
+	.dark\:tw-border-red-800 {
+		--tw-border-opacity: 1;
+		border-color: rgb(153 27 27 / var(--tw-border-opacity));
+	}
+	.dark\:tw-bg-blue-500 {
+		--tw-bg-opacity: 1;
+		background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+	}
 	.dark\:tw-bg-gray-700 {
 		--tw-bg-opacity: 1;
 		background-color: rgb(55 65 81 / var(--tw-bg-opacity));
@@ -5054,6 +5234,10 @@ imported in Sourcegraph shell.
 	.dark\:tw-bg-gray-800\/50 {
 		background-color: rgb(31 41 55 / 0.5);
 	}
+	.dark\:tw-bg-red-600 {
+		--tw-bg-opacity: 1;
+		background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+	}
 	.dark\:tw-text-gray-100 {
 		--tw-text-opacity: 1;
 		color: rgb(243 244 246 / var(--tw-text-opacity));
@@ -5066,6 +5250,18 @@ imported in Sourcegraph shell.
 		--tw-text-opacity: 1;
 		color: rgb(156 163 175 / var(--tw-text-opacity));
 	}
+	.dark\:tw-text-red-400 {
+		--tw-text-opacity: 1;
+		color: rgb(248 113 113 / var(--tw-text-opacity));
+	}
+	.dark\:tw-text-white {
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity));
+	}
+	.dark\:hover\:tw-bg-blue-600:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(37 99 235 / var(--tw-bg-opacity));
+	}
 	.dark\:hover\:tw-bg-gray-600:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(75 85 99 / var(--tw-bg-opacity));
@@ -5073,6 +5269,14 @@ imported in Sourcegraph shell.
 	.dark\:hover\:tw-bg-gray-700\/50:hover {
 		background-color: rgb(55 65 81 / 0.5);
 	}
+	.dark\:hover\:tw-bg-red-600:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+	}
+	.dark\:hover\:tw-bg-red-700:hover {
+		--tw-bg-opacity: 1;
+		background-color: rgb(185 28 28 / var(--tw-bg-opacity));
+	}
 	.dark\:hover\:tw-text-gray-200:hover {
 		--tw-text-opacity: 1;
 		color: rgb(229 231 235 / var(--tw-text-opacity));
@@ -5081,6 +5285,18 @@ imported in Sourcegraph shell.
 		--tw-text-opacity: 1;
 		color: rgb(209 213 219 / var(--tw-text-opacity));
 	}
+	.dark\:hover\:tw-text-white:hover {
+		--tw-text-opacity: 1;
+		color: rgb(255 255 255 / var(--tw-text-opacity));
+	}
+	.dark\:focus\:tw-border-blue-500:focus {
+		--tw-border-opacity: 1;
+		border-color: rgb(59 130 246 / var(--tw-border-opacity));
+	}
+	.dark\:focus\:tw-ring-red-800:focus {
+		--tw-ring-opacity: 1;
+		--tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));
+	}
 }
 .\[\&\:not\(\:last-child\)\]\:tw-border-b:not(:last-child) {
 	border-bottom-width: 1px;