@sourcegraph/cody-web 0.32.3 → 0.32.5

package/dist/style.css

@@ -463,13 +463,13 @@ kbd {
     border-bottom: solid 1px var(--vscode-inputValidation-errorBorder);
     color: var(--vscode-foreground);
 }
-._wrapper_1r6b3_1 {
+._wrapper_1wj4h_1 {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }
 
-._buttons-container_1r6b3_7 {
+._buttons-container_1wj4h_7 {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -479,31 +479,31 @@ kbd {
     border-top: none;
 }
 
-._left-info_1r6b3_17 {
+._left-info_1wj4h_17 {
     display: flex;
     align-items: center;
     gap: 8px;
     color: var(--vscode-descriptionForeground);
 }
 
-._stats_1r6b3_24 {
+._stats_1wj4h_24 {
     color: var(--vscode-descriptionForeground);
     padding: calc(var(--spacing) * 0.5);
 }
 
-._buttons_1r6b3_7 {
+._buttons_1wj4h_7 {
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: space-between;
 }
 
-._action-buttons_1r6b3_36 {
+._action-buttons_1wj4h_36 {
     display: flex;
     gap: 0.25rem;
 }
 
-._button_1r6b3_7 {
+._button_1wj4h_7 {
     display: flex;
     align-items: center;
     padding: 3px;
@@ -514,34 +514,34 @@ kbd {
     color: var(--foreground);
 }
 
-._button_1r6b3_7:hover {
+._button_1wj4h_7:hover {
     background: var(--button-icon-hover-background);
     outline: 1px dotted var(--contrast-active-border);
     outline-offset: -1px;
 }
 
-._button_1r6b3_7:not(:first-child) {
+._button_1wj4h_7:not(:first-child) {
     margin-left: 0.25rem;
 }
 
-._button_1r6b3_7 ._icon-container_1r6b3_62 {
+._button_1wj4h_7 ._icon-container_1wj4h_62, ._status_1wj4h_62 ._icon-container_1wj4h_62 {
     margin-right: 0.25rem
 }
 
-._addition_1r6b3_66 {
+._addition_1wj4h_66 {
     color: #3fb950;
     font-weight: bold;
 }
 
-._deletion_1r6b3_71 {
+._deletion_1wj4h_71 {
     color: #f85149;
     font-weight: bold;
 }
 
-._copy-button_1r6b3_76,
-._insert-button_1r6b3_77,
-._attribution-icon_1r6b3_78,
-._status_1r6b3_79 {
+._copy-button_1wj4h_76,
+._insert-button_1wj4h_77,
+._attribution-icon_1wj4h_78,
+._status_1wj4h_62 {
     all: unset;
     padding: 3px;
     min-width: 16px;  /* Status element needs to be able to expand. */
@@ -549,67 +549,70 @@ kbd {
     background-color: transparent;
 }
 
-._copy-button_1r6b3_76,
-._insert-button_1r6b3_77 {
+._copy-button_1wj4h_76,
+._insert-button_1wj4h_77 {
     cursor: pointer;
     background: var(--button-icon-background);
     border-radius: var(--button-icon-corner-radius);
     color: var(--foreground);
 }
 
-._copy-button_1r6b3_76:hover,
-._insert-button_1r6b3_77:hover {
+._copy-button_1wj4h_76:hover,
+._insert-button_1wj4h_77:hover {
     background: var(--button-icon-hover-background);
     outline: 1px dotted var(--contrast-active-border);
     outline-offset: -1px;
 }
 
-._status_1r6b3_79 {
+._status_1wj4h_62 {
     font-size: 12px;
     line-height: 1;
 }
 
-._metadata-container_1r6b3_107 {
+._metadata-container_1wj4h_107 {
     display: flex;
     align-items: center;
     margin-left: auto;
 }
 
-._metadata-container_1r6b3_107 > :not(:last-child) {
+._metadata-container_1wj4h_107 > :not(:last-child) {
     margin-right: 0.25rem;
 }
 
-._file-name-container_1r6b3_117 {
+/* The filename attached to generated code. Also status messages which occupy
+ * the same spot, such as "Generating code", which we want to have a consistent
+ * presentation. */
+._file-name-container_1wj4h_120 {
     font-size: 12px;
     color: var(--vscode-descriptionForeground);
     display: flex;
     align-items: center;
 }
 
-._attribution-container_1r6b3_124 {
+._attribution-container_1wj4h_127 {
     all: unset;
     display: flex;
     margin-left: auto;
 }
 
-._attribution-icon-unavailable_1r6b3_130 {
+._attribution-icon-unavailable_1wj4h_133 {
     color: var(--hl-orange);
 }
 
-._attribution-icon-found_1r6b3_134 {
+._attribution-icon-found_1wj4h_137 {
     color: var(--hl-dark-red);
 }
 
-._status_1r6b3_79 {
+._status_1wj4h_62 {
     display: flex;
     align-items: center;
 }
 
-._codicon-loading_1r6b3_143 {
-    animation: _spin_1r6b3_1 1s linear infinite;
+._codicon-loading_1wj4h_146 {
+    animation: _spin_1wj4h_1 1s linear infinite;
 }
 
-@keyframes _spin_1r6b3_1 {
+@keyframes _spin_1wj4h_1 {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
 }
@@ -621,7 +624,7 @@ kbd {
     --spacing: 1rem;
 }
 
-._content_1r6b3_159 {
+._content_1wj4h_162 {
     word-break: break-word;
     text-wrap: wrap;
     margin-top: 0.5rem;
@@ -629,10 +632,10 @@ kbd {
 }
 
 /* Style @-file tokens to match TranscriptAction context files */
-._content_1r6b3_159 a[href^="vscode://file"] em,
-._content_1r6b3_159 a[href^="vscode-insiders://file"] em,
-._content_1r6b3_159 a[href^="vscodium://file"] em,
-._content_1r6b3_159 a[href^="cursor://file"] em
+._content_1wj4h_162 a[href^="vscode://file"] em,
+._content_1wj4h_162 a[href^="vscode-insiders://file"] em,
+._content_1wj4h_162 a[href^="vscodium://file"] em,
+._content_1wj4h_162 a[href^="cursor://file"] em
 {
     padding: 1px 2px;
     box-sizing: border-box;
@@ -642,13 +645,13 @@ kbd {
     word-break: break-all;
 }
 
-._content_1r6b3_159 p {
+._content_1wj4h_162 p {
     word-break: break-word;
     margin-block: 1rem;
 }
 
 /* code block styling */
-._content_1r6b3_159 pre {
+._content_1wj4h_162 pre {
     padding: calc(var(--spacing) * 0.5);
     overflow-x: auto;
     border-bottom: none;
@@ -656,72 +659,126 @@ kbd {
     border: 1px solid var(--vscode-input-background);
 }
 
-._content_1r6b3_159 code,
-._content_1r6b3_159 pre {
+._content_1wj4h_162 code,
+._content_1wj4h_162 pre {
     font-family: var(--vscode-editor-font-family);
     font-size: var(--vscode-editor-font-size);
     overflow: auto;
 }
 
-._content_1r6b3_159 pre,
-._content_1r6b3_159 pre > code {
+._content_1wj4h_162 pre,
+._content_1wj4h_162 pre > code {
     /* Our syntax highlighter emits colors intended for dark backgrounds only. */
     background-color: var(--code-background);
     color: var(--code-foreground);
     margin-bottom: 0;
 }
 
-body[data-vscode-theme-kind='vscode-light'] ._content_1r6b3_159 pre,
-body[data-vscode-theme-kind='vscode-light'] ._content_1r6b3_159 pre > code {
+body[data-vscode-theme-kind='vscode-light'] ._content_1wj4h_162 pre,
+body[data-vscode-theme-kind='vscode-light'] ._content_1wj4h_162 pre > code {
     /* Our syntax highlighter emits colors intended for dark backgrounds only. */
     background-color: var(--code-background);
     color: var(--code-foreground);
 }
 
-._content_1r6b3_159 h1,
-._content_1r6b3_159 h2,
-._content_1r6b3_159 h3,
-._content_1r6b3_159 h4,
-._content_1r6b3_159 h5,
-._content_1r6b3_159 h6 {
+._content_1wj4h_162 h1,
+._content_1wj4h_162 h2,
+._content_1wj4h_162 h3,
+._content_1wj4h_162 h4,
+._content_1wj4h_162 h5,
+._content_1wj4h_162 h6 {
     margin: 1.2em 0;
 }
 
-._content_1r6b3_159 h1 {
+._content_1wj4h_162 h1 {
     font-size: 1.15em;
     font-weight: 700;
 }
 
-._content_1r6b3_159 h2 {
+._content_1wj4h_162 h2 {
     font-size: 1.1em;
     font-weight: 700;
 }
 
-._content_1r6b3_159 h3 {
+._content_1wj4h_162 h3 {
     font-size: inherit;
     font-weight: 700;
 }
 
-._content_1r6b3_159 h4,
-._content_1r6b3_159 h5,
-._content_1r6b3_159 h6 {
+._content_1wj4h_162 h4,
+._content_1wj4h_162 h5,
+._content_1wj4h_162 h6 {
     font-size: inherit;
     font-weight: 600;
 }
 
-._content_1r6b3_159 > *:first-child {
+._content_1wj4h_162 > *:first-child {
     margin-top: 0;
 }
 
-._content_1r6b3_159 > *:last-child {
+._content_1wj4h_162 > *:last-child {
     margin-bottom: 0;
 }
 
-._content_1r6b3_159 ul, ._content_1r6b3_159 ol {
+._content_1wj4h_162 ul, ._content_1wj4h_162 ol {
     margin-block: 1rem;
     padding-inline-start: 2rem;
     list-style: revert;
 }
+@keyframes _spin_56lwz_7 {
+    100% {
+        transform:rotate(360deg);
+    }
+}
+
+._spin_56lwz_7 {
+    animation: _spin_56lwz_7 1.5s steps(30) infinite;
+}
+@keyframes _shimmer_zq4rk_1 {
+    0% {
+        opacity: .7;
+    }
+
+    50% {
+        opacity: .3;
+    }
+
+    100% {
+        opacity: .7;
+    }
+}
+
+._container_zq4rk_15 {
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+._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: 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;
+}
+
+._line_zq4rk_22:nth-of-type(2n+1) {
+    animation-delay: 0.5s;
+}
+
+._line_zq4rk_22:nth-of-type(3n+1) {
+    animation-delay: 1s;
+}
+
+._line_zq4rk_22:nth-of-type(4n+1) {
+    animation-delay: 1.5s;
+}
 ._accordion-trigger_12003_1 {
     display: flex;
     gap: 0.25rem;
@@ -741,15 +798,6 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1r6b3_159 pre > code {
     transition-property: transform;  /* tw-transition-transform */
     transition-duration: 150ms;      /* tw-duration-150 */
 }
-@keyframes _spin_56lwz_7 {
-    100% {
-        transform:rotate(360deg);
-    }
-}
-
-._spin_56lwz_7 {
-    animation: _spin_56lwz_7 1.5s steps(30) infinite;
-}
 ._error-item_1sixu_1 {
     display: flex;
     flex-direction: row;
@@ -905,48 +953,6 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1r6b3_159 pre > code {
 ._error-content_1sixu_153 {
     margin-bottom: 16px;
 }
-._dots-holder_10c80_1 {
-    display: flex;
-    gap: 0.2rem;
-    margin: 0.5rem 0;
-    margin-left: 0.25rem;
-}
-
-._dot_10c80_1 {
-    animation: 1s _flash_10c80_1 0.5s infinite;
-    width: 0.25rem !important;
-    height: 0.25rem !important;
-    border-radius: 100%;
-    background-color: var(--vscode-input-foreground);
-    opacity: 0.25;
-}
-
-body[data-vscode-theme-kind='vscode-light'] ._dot_10c80_1,
-body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
-    background-color: black;
-}
-
-._dot_10c80_1:nth-child(2) {
-    animation-delay: 0.6s;
-}
-
-._dot_10c80_1:nth-child(3) {
-    animation-delay: 0.7s;
-}
-
-@keyframes _flash_10c80_1 {
-    from {
-        opacity: 1;
-    }
-
-    50% {
-        opacity: 1;
-    }
-
-    to {
-        opacity: 0.25;
-    }
-}
 :root {
     --code-font-size: #{(12/14)}em;
     --code-font-family: sfmono-regular, consolas, menlo, dejavu sans mono, monospace;
@@ -1175,6 +1181,48 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
   );
   word-break: break-word;
 }
+._dots-holder_10c80_1 {
+    display: flex;
+    gap: 0.2rem;
+    margin: 0.5rem 0;
+    margin-left: 0.25rem;
+}
+
+._dot_10c80_1 {
+    animation: 1s _flash_10c80_1 0.5s infinite;
+    width: 0.25rem !important;
+    height: 0.25rem !important;
+    border-radius: 100%;
+    background-color: var(--vscode-input-foreground);
+    opacity: 0.25;
+}
+
+body[data-vscode-theme-kind='vscode-light'] ._dot_10c80_1,
+body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
+    background-color: black;
+}
+
+._dot_10c80_1:nth-child(2) {
+    animation-delay: 0.6s;
+}
+
+._dot_10c80_1:nth-child(3) {
+    animation-delay: 0.7s;
+}
+
+@keyframes _flash_10c80_1 {
+    from {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0.25;
+    }
+}
 ._filter_1pc5b_1 {
     background-color: var(--vscode-sidebar-background);
     color: var(--vscode-input-foreground);
@@ -1415,93 +1463,6 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
     0 69px 42px 0 rgba(0, 0, 0, 0.04), 0 31px 31px 0 rgba(0, 0, 0, 0.07), 0 8px 17px 0 rgba(0, 0, 0, 0.08);
 }
 
-._root_oxlxy_2 {
-    display: flex;
-    flex-direction: column;
-    padding: 0.75rem;
-    border-radius: 3px;
-    border: 1px solid var(--vscode-dropdown-border);
-    background-color: var(--vscode-dropdown-background);
-}
-
-._icons-header_oxlxy_11 {
-    display: flex;
-    gap: 0.5rem;
-    margin-bottom: 0.625rem;
-}
-
-._heading_oxlxy_17 {
-    font-size: 0.875rem;
-    font-weight: 500;
-    margin-bottom: 0.175rem;
-    color: var(--vscode-dropdown-foreground);
-}
-
-._description-text_oxlxy_24 {
-    line-height: 1rem;
-    margin-bottom: 0.875rem;
-    color: var(--vscode-dropdown-foreground);
-}
-
-._actions_oxlxy_30 {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-._action_oxlxy_30 {
-    flex-shrink: 0;
-}
-
-._footer_oxlxy_41 {
-    margin-top: 0.75rem;
-    line-height: 1rem;
-    font-size: 12px;
-}
-
-._inner-container_oxlxy_47 {
-    margin-top: 0.5rem;
-}
-
-._loader_oxlxy_51 {
-    width: 100%;
-    height: 0.5rem;
-    position: relative;
-    overflow: hidden;
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-    border-radius: 3px;
-    background-color: var(--vscode-editor-background);
-
-    /* Fix overflow clipping in Safari */
-    /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
-    transform: translateZ(0);
-}
-
-._loader-indicator_oxlxy_1 {
-        width: 100%;
-        height: 100%;
-        background-color: var(--vscode-button-background);
-        transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
-    }
-
-._error_oxlxy_73 {
-    color: #de3400;
-    background-color: #f7bcbc;
-    line-height: 150%;
-    padding: 0.5rem;
-    word-break: break-word;
-    border-left: 0.5rem solid #d8000c;
-    font-weight: bold;
-}
-
-._close_oxlxy_83 {
-    padding: 0.25rem;
-    align-self: flex-start;
-    margin: -0.25rem -0.25rem 0 auto;
-}
-
 ._prompts-input_1anab_2 {
     background-color: var(--vscode-sideBar-background);
 }
@@ -1701,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);
@@ -2564,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;
@@ -2602,6 +2593,9 @@ imported in Sourcegraph shell.
 .tw-left-1\/2 {
 	left: 50%;
 }
+.tw-left-2 {
+	left: 4px;
+}
 .tw-right-2 {
 	right: 4px;
 }
@@ -2617,6 +2611,9 @@ imported in Sourcegraph shell.
 .tw-top-2 {
 	top: 4px;
 }
+.tw-top-2\.5 {
+	top: 0.625rem;
+}
 .tw-top-3 {
 	top: 6px;
 }
@@ -2638,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;
 }
@@ -2650,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;
@@ -2699,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;
 }
@@ -2726,6 +2746,12 @@ imported in Sourcegraph shell.
 .tw-ml-auto {
 	margin-left: auto;
 }
+.tw-mr-0 {
+	margin-right: 0px;
+}
+.tw-mr-0\.5 {
+	margin-right: 0.125rem;
+}
 .tw-mr-1 {
 	margin-right: 2px;
 }
@@ -2747,9 +2773,6 @@ imported in Sourcegraph shell.
 .tw-mt-1 {
 	margin-top: 2px;
 }
-.tw-mt-1\.5 {
-	margin-top: 3px;
-}
 .tw-mt-2 {
 	margin-top: 4px;
 }
@@ -2768,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;
 }
@@ -2780,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;
 }
@@ -2815,18 +2847,24 @@ imported in Sourcegraph shell.
 .\!tw-h-\[30px\] {
 	height: 30px !important;
 }
+.tw-h-1 {
+	height: 2px;
+}
 .tw-h-10 {
 	height: 20px;
 }
 .tw-h-12 {
 	height: 24px;
 }
+.tw-h-2 {
+	height: 4px;
+}
+.tw-h-2\.5 {
+	height: 0.625rem;
+}
 .tw-h-3 {
 	height: 6px;
 }
-.tw-h-3\.5 {
-	height: 0.875rem;
-}
 .tw-h-4 {
 	height: 8px;
 }
@@ -2836,9 +2874,15 @@ imported in Sourcegraph shell.
 .tw-h-6 {
 	height: 12px;
 }
+.tw-h-7 {
+	height: 1.75rem;
+}
 .tw-h-8 {
 	height: 16px;
 }
+.tw-h-9 {
+	height: 2.25rem;
+}
 .tw-h-\[1\.375rem\] {
 	height: 1.375rem;
 }
@@ -2848,9 +2892,15 @@ imported in Sourcegraph shell.
 .tw-h-\[1em\] {
 	height: 1em;
 }
+.tw-h-\[400px\] {
+	height: 400px;
+}
 .tw-h-\[50vh\] {
 	height: 50vh;
 }
+.tw-h-\[calc\(100vh-180px\)\] {
+	height: calc(100vh - 180px);
+}
 .tw-h-auto {
 	height: auto;
 }
@@ -2866,18 +2916,12 @@ imported in Sourcegraph shell.
 .\!tw-max-h-\[unset\] {
 	max-height: unset !important;
 }
-.tw-max-h-0 {
-	max-height: 0px;
-}
 .tw-max-h-60 {
 	max-height: 15rem;
 }
 .tw-max-h-9 {
 	max-height: 2.25rem;
 }
-.tw-max-h-\[100px\] {
-	max-height: 100px;
-}
 .tw-max-h-\[200px\] {
 	max-height: 200px;
 }
@@ -2905,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;
 }
@@ -2917,14 +2967,20 @@ imported in Sourcegraph shell.
 .tw-w-14 {
 	width: 28px;
 }
+.tw-w-2 {
+	width: 4px;
+}
+.tw-w-2\.5 {
+	width: 0.625rem;
+}
 .tw-w-2\/5 {
 	width: 40%;
 }
 .tw-w-3 {
 	width: 6px;
 }
-.tw-w-3\.5 {
-	width: 0.875rem;
+.tw-w-3\/4 {
+	width: 75%;
 }
 .tw-w-3\/5 {
 	width: 60%;
@@ -2932,6 +2988,9 @@ imported in Sourcegraph shell.
 .tw-w-4 {
 	width: 8px;
 }
+.tw-w-40 {
+	width: 10rem;
+}
 .tw-w-5 {
 	width: 10px;
 }
@@ -2947,6 +3006,9 @@ imported in Sourcegraph shell.
 .tw-w-8 {
 	width: 16px;
 }
+.tw-w-80 {
+	width: 20rem;
+}
 .tw-w-\[1\.375rem\] {
 	width: 1.375rem;
 }
@@ -2992,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;
 }
@@ -3004,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%;
 }
@@ -3013,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;
 }
@@ -3055,6 +3126,9 @@ imported in Sourcegraph shell.
 .tw-grow {
 	flex-grow: 1;
 }
+.tw-border-collapse {
+	border-collapse: collapse;
+}
 .-tw-translate-y-\[\.2em\] {
 	--tw-translate-y: -.2em;
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3070,6 +3144,14 @@ imported in Sourcegraph shell.
 .tw-transform {
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+@keyframes tw-pulse {
+	50% {
+		opacity: .5;
+	}
+}
+.tw-animate-pulse {
+	animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
 @keyframes tw-spin {
 	to {
 		transform: rotate(360deg);
@@ -3087,6 +3169,12 @@ imported in Sourcegraph shell.
 .tw-cursor-pointer {
 	cursor: pointer;
 }
+.tw-cursor-wait {
+	cursor: wait;
+}
+.tw-touch-none {
+	touch-action: none;
+}
 .tw-select-none {
 	user-select: none;
 }
@@ -3096,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));
 }
@@ -3108,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));
 }
@@ -3132,6 +3226,9 @@ imported in Sourcegraph shell.
 .tw-items-end {
 	align-items: flex-end;
 }
+.\!tw-items-center {
+	align-items: center !important;
+}
 .tw-items-center {
 	align-items: center;
 }
@@ -3141,6 +3238,9 @@ imported in Sourcegraph shell.
 .tw-items-stretch {
 	align-items: stretch;
 }
+.\!tw-justify-start {
+	justify-content: flex-start !important;
+}
 .tw-justify-start {
 	justify-content: flex-start;
 }
@@ -3212,11 +3312,26 @@ imported in Sourcegraph shell.
 	margin-right: calc(4px * var(--tw-space-x-reverse));
 	margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)));
 }
+.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+	--tw-space-y-reverse: 0;
+	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)));
@@ -3250,9 +3365,6 @@ imported in Sourcegraph shell.
 .tw-overflow-visible {
 	overflow: visible;
 }
-.tw-overflow-scroll {
-	overflow: scroll;
-}
 .tw-overflow-x-auto {
 	overflow-x: auto;
 }
@@ -3265,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;
@@ -3306,6 +3421,9 @@ imported in Sourcegraph shell.
 .tw-rounded-\[6px\] {
 	border-radius: 6px;
 }
+.tw-rounded-\[inherit\] {
+	border-radius: inherit;
+}
 .tw-rounded-full {
 	border-radius: 9999px;
 }
@@ -3318,6 +3436,10 @@ imported in Sourcegraph shell.
 .tw-rounded-sm {
 	border-radius: 2px;
 }
+.tw-rounded-b-md {
+	border-bottom-right-radius: 4px;
+	border-bottom-left-radius: 4px;
+}
 .tw-border {
 	border-width: 1px;
 }
@@ -3363,10 +3485,6 @@ imported in Sourcegraph shell.
 .\!tw-border-border {
 	border-color: var(--vscode-dropdown-border) !important;
 }
-.tw-border-blue-200 {
-	--tw-border-opacity: 1;
-	border-color: rgb(191 219 254 / var(--tw-border-opacity));
-}
 .tw-border-blue-300 {
 	--tw-border-opacity: 1;
 	border-color: rgb(147 197 253 / var(--tw-border-opacity));
@@ -3381,6 +3499,9 @@ imported in Sourcegraph shell.
 .tw-border-button-border {
 	border-color: var(--vscode-button-border, transparent);
 }
+.tw-border-emerald-800\/50 {
+	border-color: rgb(6 95 70 / 0.5);
+}
 .tw-border-gray-200 {
 	--tw-border-opacity: 1;
 	border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -3389,9 +3510,6 @@ 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));
@@ -3412,6 +3530,21 @@ 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);
+}
 .tw-border-rose-400 {
 	--tw-border-opacity: 1;
 	border-color: rgb(251 113 133 / var(--tw-border-opacity));
@@ -3423,12 +3556,29 @@ imported in Sourcegraph shell.
 	--tw-border-opacity: 1;
 	border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
+.tw-border-yellow-800\/50 {
+	border-color: rgb(133 77 14 / 0.5);
+}
+.tw-border-zinc-900 {
+	--tw-border-opacity: 1;
+	border-color: rgb(24 24 27 / var(--tw-border-opacity));
+}
 .tw-border-b-border {
 	border-bottom-color: var(--vscode-dropdown-border);
 }
+.tw-border-l-transparent {
+	border-left-color: transparent;
+}
+.tw-border-r-zinc-700 {
+	--tw-border-opacity: 1;
+	border-right-color: rgb(63 63 70 / var(--tw-border-opacity));
+}
 .tw-border-t-border {
 	border-top-color: var(--vscode-dropdown-border);
 }
+.tw-border-t-transparent {
+	border-top-color: transparent;
+}
 .\!tw-bg-background {
 	background-color: var(--vscode-editor-background) !important;
 }
@@ -3458,10 +3608,6 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-.tw-bg-blue-100 {
-	--tw-bg-opacity: 1;
-	background-color: rgb(219 234 254 / var(--tw-bg-opacity));
-}
 .tw-bg-blue-200 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(191 219 254 / var(--tw-bg-opacity));
@@ -3474,6 +3620,10 @@ 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));
@@ -3494,6 +3644,9 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(6 182 212 / var(--tw-bg-opacity));
 }
+.tw-bg-emerald-950\/30 {
+	background-color: rgb(2 44 34 / 0.3);
+}
 .tw-bg-fuchsia-200 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(245 208 254 / var(--tw-bg-opacity));
@@ -3522,10 +3675,6 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
-.tw-bg-green-100 {
-	--tw-bg-opacity: 1;
-	background-color: rgb(220 252 231 / var(--tw-bg-opacity));
-}
 .tw-bg-green-200 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(187 247 208 / var(--tw-bg-opacity));
@@ -3542,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));
@@ -3556,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);
 }
@@ -3584,10 +3740,6 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(168 85 247 / var(--tw-bg-opacity));
 }
-.tw-bg-red-100 {
-	--tw-bg-opacity: 1;
-	background-color: rgb(254 226 226 / var(--tw-bg-opacity));
-}
 .tw-bg-red-200 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(254 202 202 / var(--tw-bg-opacity));
@@ -3608,6 +3760,9 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(153 27 27 / var(--tw-bg-opacity));
 }
+.tw-bg-red-950\/30 {
+	background-color: rgb(69 10 10 / 0.3);
+}
 .tw-bg-rose-300 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(253 164 175 / var(--tw-bg-opacity));
@@ -3616,6 +3771,9 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(225 29 72 / var(--tw-bg-opacity));
 }
+.tw-bg-rose-950\/30 {
+	background-color: rgb(76 5 25 / 0.3);
+}
 .tw-bg-sidebar-background {
 	background-color: var(--vscode-sideBar-background);
 }
@@ -3641,10 +3799,29 @@ 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-950\/30 {
+	background-color: rgb(66 32 6 / 0.3);
+}
+.tw-bg-zinc-800 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(39 39 42 / var(--tw-bg-opacity));
+}
+.tw-bg-zinc-900 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(24 24 27 / var(--tw-bg-opacity));
+}
+.tw-bg-zinc-950 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(9 9 11 / var(--tw-bg-opacity));
+}
 .tw-bg-opacity-50 {
 	--tw-bg-opacity: 0.5;
 }
@@ -3681,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;
 }
@@ -3708,6 +3891,9 @@ imported in Sourcegraph shell.
 .tw-p-8 {
 	padding: 16px;
 }
+.tw-p-\[1px\] {
+	padding: 1px;
+}
 .\!tw-px-4 {
 	padding-left: 8px !important;
 	padding-right: 8px !important;
@@ -3732,6 +3918,14 @@ imported in Sourcegraph shell.
 	padding-left: 0px;
 	padding-right: 0px;
 }
+.tw-px-1 {
+	padding-left: 2px;
+	padding-right: 2px;
+}
+.tw-px-1\.5 {
+	padding-left: 3px;
+	padding-right: 3px;
+}
 .tw-px-2 {
 	padding-left: 4px;
 	padding-right: 4px;
@@ -3776,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;
@@ -3788,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;
@@ -3799,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;
 }
@@ -3811,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;
 }
@@ -3841,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;
 }
@@ -3853,6 +4077,10 @@ imported in Sourcegraph shell.
 .\!tw-text-md {
 	font-size: var(--vscode-font-size) !important;
 }
+.tw-text-2xl {
+	font-size: 1.5rem;
+	line-height: 2rem;
+}
 .tw-text-\[12px\] {
 	font-size: 12px;
 }
@@ -3872,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));
 }
@@ -3905,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;
 }
@@ -3914,6 +4149,9 @@ imported in Sourcegraph shell.
 .tw-leading-tight {
 	line-height: 1.25;
 }
+.tw-tracking-tight {
+	letter-spacing: -0.025em;
+}
 .tw-tracking-widest {
 	letter-spacing: 0.1em;
 }
@@ -3926,6 +4164,15 @@ imported in Sourcegraph shell.
 .\!tw-text-muted-foreground {
 	color: var(--vscode-input-placeholderForeground) !important;
 }
+.tw-text-\[var\(--vscode-errorForeground\)\] {
+	color: var(--vscode-errorForeground);
+}
+.tw-text-\[var\(--vscode-gitDecoration-addedResourceForeground\)\] {
+	color: var(--vscode-gitDecoration-addedResourceForeground);
+}
+.tw-text-\[var\(--vscode-warningForeground\)\] {
+	color: var(--vscode-warningForeground);
+}
 .tw-text-badge-foreground {
 	color: var(--vscode-badge-foreground);
 }
@@ -3933,13 +4180,13 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(147 197 253 / var(--tw-text-opacity));
 }
-.tw-text-blue-600 {
+.tw-text-blue-400 {
 	--tw-text-opacity: 1;
-	color: rgb(37 99 235 / var(--tw-text-opacity));
+	color: rgb(96 165 250 / var(--tw-text-opacity));
 }
-.tw-text-blue-700 {
+.tw-text-blue-600 {
 	--tw-text-opacity: 1;
-	color: rgb(29 78 216 / var(--tw-text-opacity));
+	color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 .tw-text-blue-800 {
 	--tw-text-opacity: 1;
@@ -3951,6 +4198,18 @@ imported in Sourcegraph shell.
 .tw-text-button-secondary-foreground {
 	color: var(--vscode-button-secondaryForeground);
 }
+.tw-text-cyan-400 {
+	--tw-text-opacity: 1;
+	color: rgb(34 211 238 / var(--tw-text-opacity));
+}
+.tw-text-emerald-400 {
+	--tw-text-opacity: 1;
+	color: rgb(52 211 153 / var(--tw-text-opacity));
+}
+.tw-text-emerald-500 {
+	--tw-text-opacity: 1;
+	color: rgb(16 185 129 / var(--tw-text-opacity));
+}
 .tw-text-foreground {
 	color: var(--vscode-foreground);
 }
@@ -3986,9 +4245,17 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-.tw-text-green-700 {
+.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(21 128 61 / var(--tw-text-opacity));
+	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;
@@ -4013,6 +4280,10 @@ imported in Sourcegraph shell.
 .tw-text-muted-foreground {
 	color: var(--vscode-input-placeholderForeground);
 }
+.tw-text-orange-500 {
+	--tw-text-opacity: 1;
+	color: rgb(249 115 22 / var(--tw-text-opacity));
+}
 .tw-text-pink-300 {
 	--tw-text-opacity: 1;
 	color: rgb(249 168 212 / var(--tw-text-opacity));
@@ -4024,6 +4295,10 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(107 33 168 / var(--tw-text-opacity));
 }
+.tw-text-red-400 {
+	--tw-text-opacity: 1;
+	color: rgb(248 113 113 / var(--tw-text-opacity));
+}
 .tw-text-red-500 {
 	--tw-text-opacity: 1;
 	color: rgb(239 68 68 / var(--tw-text-opacity));
@@ -4040,6 +4315,10 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(153 27 27 / var(--tw-text-opacity));
 }
+.tw-text-rose-500 {
+	--tw-text-opacity: 1;
+	color: rgb(244 63 94 / var(--tw-text-opacity));
+}
 .tw-text-sidebar-foreground {
 	color: var(--vscode-sideBar-foreground);
 }
@@ -4058,6 +4337,14 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(253 224 71 / var(--tw-text-opacity));
 }
+.tw-text-yellow-400 {
+	--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));
@@ -4066,8 +4353,25 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(133 77 14 / var(--tw-text-opacity));
 }
-.tw-underline {
-	text-decoration-line: underline;
+.tw-text-zinc-100 {
+	--tw-text-opacity: 1;
+	color: rgb(244 244 245 / var(--tw-text-opacity));
+}
+.tw-text-zinc-200 {
+	--tw-text-opacity: 1;
+	color: rgb(228 228 231 / var(--tw-text-opacity));
+}
+.tw-text-zinc-300 {
+	--tw-text-opacity: 1;
+	color: rgb(212 212 216 / var(--tw-text-opacity));
+}
+.tw-text-zinc-400 {
+	--tw-text-opacity: 1;
+	color: rgb(161 161 170 / var(--tw-text-opacity));
+}
+.tw-text-zinc-500 {
+	--tw-text-opacity: 1;
+	color: rgb(113 113 122 / var(--tw-text-opacity));
 }
 .tw-no-underline {
 	text-decoration-line: none;
@@ -4078,12 +4382,6 @@ imported in Sourcegraph shell.
 .\!tw-opacity-100 {
 	opacity: 1 !important;
 }
-.tw-opacity-0 {
-	opacity: 0;
-}
-.tw-opacity-100 {
-	opacity: 1;
-}
 .tw-opacity-50 {
 	opacity: 0.5;
 }
@@ -4136,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;
 }
@@ -4178,18 +4484,12 @@ imported in Sourcegraph shell.
 .tw-duration-150 {
 	transition-duration: 150ms;
 }
-.tw-duration-200 {
-	transition-duration: 200ms;
-}
 .tw-duration-300 {
 	transition-duration: 300ms;
 }
 .tw-duration-75 {
 	transition-duration: 75ms;
 }
-.tw-ease-in-out {
-	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
 :root {
     --vscode-font-size: 13px;
     --vscode-font-family: -apple-system, BlinkMacSystemFont, 'Ubuntu', 'Droid Sans', 'Segoe WPC', 'Segoe UI', sans-serif;
@@ -4563,6 +4863,9 @@ imported in Sourcegraph shell.
 .placeholder\:tw-text-muted-foreground::placeholder {
 	color: var(--vscode-input-placeholderForeground);
 }
+.last\:tw-border-b-0:last-child {
+	border-bottom-width: 0px;
+}
 .empty\:tw-hidden:empty {
 	display: none;
 }
@@ -4579,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);
 }
@@ -4589,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));
@@ -4611,6 +4922,20 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(127 29 29 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-transparent:hover {
+	background-color: transparent;
+}
+.hover\:tw-bg-zinc-800:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgb(39 39 42 / var(--tw-bg-opacity));
+}
+.hover\:tw-bg-zinc-800\/50:hover {
+	background-color: rgb(39 39 42 / 0.5);
+}
+.hover\:tw-bg-zinc-900:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgb(24 24 27 / var(--tw-bg-opacity));
+}
 .hover\:\!tw-text-accent-foreground:hover {
 	color: var(--vscode-list-activeSelectionForeground) !important;
 }
@@ -4634,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;
 }
@@ -4643,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;
@@ -4653,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);
@@ -4667,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));
@@ -4814,6 +5161,12 @@ imported in Sourcegraph shell.
 		width: 16px;
 		height: 16px;
 	}
+	.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;
@@ -4837,16 +5190,18 @@ imported in Sourcegraph shell.
 		font-size: calc(calc(12/13)*var(--vscode-font-size));
 	}
 }
+@media (min-width: 1024px) {
+	.lg\:tw-grid-cols-4 {
+		grid-template-columns: repeat(4, minmax(0, 1fr));
+	}
+}
 @media (prefers-color-scheme: dark) {
 	.dark\:tw-hidden {
 		display: none;
 	}
-	.dark\:tw-border-blue-900 {
+	.dark\:tw-border-gray-600 {
 		--tw-border-opacity: 1;
-		border-color: rgb(30 58 138 / var(--tw-border-opacity));
-	}
-	.dark\:tw-border-gray-600\/40 {
-		border-color: rgb(75 85 99 / 0.4);
+		border-color: rgb(75 85 99 / var(--tw-border-opacity));
 	}
 	.dark\:tw-border-gray-700 {
 		--tw-border-opacity: 1;
@@ -4856,42 +5211,32 @@ imported in Sourcegraph shell.
 		--tw-border-opacity: 1;
 		border-color: rgb(31 41 55 / var(--tw-border-opacity));
 	}
-	.dark\:tw-border-green-900 {
+	.dark\:tw-border-red-600 {
 		--tw-border-opacity: 1;
-		border-color: rgb(20 83 45 / var(--tw-border-opacity));
+		border-color: rgb(220 38 38 / var(--tw-border-opacity));
 	}
-	.dark\:tw-border-red-900 {
+	.dark\:tw-border-red-800 {
 		--tw-border-opacity: 1;
-		border-color: rgb(127 29 29 / var(--tw-border-opacity));
-	}
-	.dark\:tw-bg-blue-900\/50 {
-		background-color: rgb(30 58 138 / 0.5);
+		border-color: rgb(153 27 27 / var(--tw-border-opacity));
 	}
-	.dark\:tw-bg-blue-950\/30 {
-		background-color: rgb(23 37 84 / 0.3);
+	.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));
 	}
+	.dark\:tw-bg-gray-800 {
+		--tw-bg-opacity: 1;
+		background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+	}
 	.dark\:tw-bg-gray-800\/50 {
 		background-color: rgb(31 41 55 / 0.5);
 	}
-	.dark\:tw-bg-green-900\/50 {
-		background-color: rgb(20 83 45 / 0.5);
-	}
-	.dark\:tw-bg-green-950\/30 {
-		background-color: rgb(5 46 22 / 0.3);
-	}
-	.dark\:tw-bg-red-900\/50 {
-		background-color: rgb(127 29 29 / 0.5);
-	}
-	.dark\:tw-bg-red-950\/30 {
-		background-color: rgb(69 10 10 / 0.3);
-	}
-	.dark\:tw-text-blue-300 {
-		--tw-text-opacity: 1;
-		color: rgb(147 197 253 / var(--tw-text-opacity));
+	.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;
@@ -4905,13 +5250,17 @@ imported in Sourcegraph shell.
 		--tw-text-opacity: 1;
 		color: rgb(156 163 175 / var(--tw-text-opacity));
 	}
-	.dark\:tw-text-green-300 {
+	.dark\:tw-text-red-400 {
 		--tw-text-opacity: 1;
-		color: rgb(134 239 172 / var(--tw-text-opacity));
+		color: rgb(248 113 113 / var(--tw-text-opacity));
 	}
-	.dark\:tw-text-red-300 {
+	.dark\:tw-text-white {
 		--tw-text-opacity: 1;
-		color: rgb(252 165 165 / var(--tw-text-opacity));
+		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;
@@ -4920,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));
@@ -4928,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;