@sourcegraph/cody-web 0.32.3 → 0.32.4

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,123 @@ 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_c9w5f_1 {
+    0% {
+        opacity: .7;
+    }
+
+    50% {
+        opacity: .3;
+    }
+
+    100% {
+        opacity: .7;
+    }
+}
+
+._container_c9w5f_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. */
+    height: 1rem;
+    border-radius: 2px;
+    will-change: transform, opacity;
+    animation: _shimmer_c9w5f_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) {
+    animation-delay: 0.5s;
+}
+
+._line_c9w5f_22:nth-of-type(3n+1) {
+    animation-delay: 1s;
+}
+
+._line_c9w5f_22:nth-of-type(4n+1) {
+    animation-delay: 1.5s;
+}
 ._accordion-trigger_12003_1 {
     display: flex;
     gap: 0.25rem;
@@ -741,15 +795,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 +950,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 +1178,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 +1460,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);
 }
@@ -2726,6 +2684,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 +2711,6 @@ imported in Sourcegraph shell.
 .tw-mt-1 {
 	margin-top: 2px;
 }
-.tw-mt-1\.5 {
-	margin-top: 3px;
-}
 .tw-mt-2 {
 	margin-top: 4px;
 }
@@ -2821,12 +2782,15 @@ imported in Sourcegraph shell.
 .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,6 +2800,9 @@ imported in Sourcegraph shell.
 .tw-h-6 {
 	height: 12px;
 }
+.tw-h-7 {
+	height: 1.75rem;
+}
 .tw-h-8 {
 	height: 16px;
 }
@@ -2848,6 +2815,9 @@ imported in Sourcegraph shell.
 .tw-h-\[1em\] {
 	height: 1em;
 }
+.tw-h-\[400px\] {
+	height: 400px;
+}
 .tw-h-\[50vh\] {
 	height: 50vh;
 }
@@ -2866,18 +2836,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;
 }
@@ -2917,14 +2881,26 @@ imported in Sourcegraph shell.
 .tw-w-14 {
 	width: 28px;
 }
+.tw-w-16 {
+	width: 32px;
+}
+.tw-w-2 {
+	width: 4px;
+}
+.tw-w-2\.5 {
+	width: 0.625rem;
+}
 .tw-w-2\/5 {
 	width: 40%;
 }
+.tw-w-24 {
+	width: 6rem;
+}
 .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 +2908,9 @@ imported in Sourcegraph shell.
 .tw-w-4 {
 	width: 8px;
 }
+.tw-w-40 {
+	width: 10rem;
+}
 .tw-w-5 {
 	width: 10px;
 }
@@ -3055,6 +3034,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 +3052,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 +3077,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;
 }
@@ -3132,6 +3128,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 +3140,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,6 +3214,11 @@ 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-2 > :not([hidden]) ~ :not([hidden]) {
 	--tw-space-y-reverse: 0;
 	margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
@@ -3232,6 +3239,15 @@ 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;
 }
@@ -3250,9 +3266,6 @@ imported in Sourcegraph shell.
 .tw-overflow-visible {
 	overflow: visible;
 }
-.tw-overflow-scroll {
-	overflow: scroll;
-}
 .tw-overflow-x-auto {
 	overflow-x: auto;
 }
@@ -3306,6 +3319,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 +3334,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 +3383,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));
@@ -3375,12 +3391,26 @@ 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);
+}
 .tw-border-gray-200 {
 	--tw-border-opacity: 1;
 	border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -3392,10 +3422,6 @@ imported in Sourcegraph shell.
 .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);
 }
@@ -3412,6 +3438,13 @@ imported in Sourcegraph shell.
 	--tw-border-opacity: 1;
 	border-color: rgb(254 202 202 / 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\/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 +3456,33 @@ 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);
+}
+.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 +3512,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));
@@ -3478,6 +3528,12 @@ imported in Sourcegraph shell.
 	--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);
 }
@@ -3494,6 +3550,12 @@ 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);
+}
 .tw-bg-fuchsia-200 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(245 208 254 / var(--tw-bg-opacity));
@@ -3522,10 +3584,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));
@@ -3584,10 +3642,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 +3662,12 @@ 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);
+}
 .tw-bg-rose-300 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(253 164 175 / var(--tw-bg-opacity));
@@ -3616,6 +3676,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);
 }
@@ -3645,6 +3708,24 @@ imported in Sourcegraph shell.
 	--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);
+}
+.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;
 }
@@ -3708,6 +3789,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 +3816,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;
@@ -3853,6 +3945,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;
 }
@@ -3914,6 +4010,9 @@ imported in Sourcegraph shell.
 .tw-leading-tight {
 	line-height: 1.25;
 }
+.tw-tracking-wider {
+	letter-spacing: 0.05em;
+}
 .tw-tracking-widest {
 	letter-spacing: 0.1em;
 }
@@ -3926,20 +4025,33 @@ 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);
 }
+.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));
 }
-.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 +4063,22 @@ 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-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));
+}
+.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 +4114,9 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-.tw-text-green-700 {
+.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-800 {
 	--tw-text-opacity: 1;
@@ -4013,6 +4141,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 +4156,14 @@ 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));
+}
 .tw-text-red-500 {
 	--tw-text-opacity: 1;
 	color: rgb(239 68 68 / var(--tw-text-opacity));
@@ -4040,6 +4180,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);
 }
@@ -4054,10 +4198,18 @@ 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));
 }
+.tw-text-yellow-400 {
+	--tw-text-opacity: 1;
+	color: rgb(250 204 21 / var(--tw-text-opacity));
+}
 .tw-text-yellow-600 {
 	--tw-text-opacity: 1;
 	color: rgb(202 138 4 / var(--tw-text-opacity));
@@ -4066,6 +4218,26 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(133 77 14 / var(--tw-text-opacity));
 }
+.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-underline {
 	text-decoration-line: underline;
 }
@@ -4078,12 +4250,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;
 }
@@ -4178,18 +4344,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 +4723,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;
 }
@@ -4611,6 +4774,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;
 }
@@ -4810,10 +4987,16 @@ 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;
 	}
+	.md\:tw-grid-cols-2 {
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+	}
 	.md\:tw-px-2 {
 		padding-left: 4px;
 		padding-right: 4px;
@@ -4837,14 +5020,18 @@ imported in Sourcegraph shell.
 		font-size: calc(calc(12/13)*var(--vscode-font-size));
 	}
 }
+@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));
+	}
+}
 @media (prefers-color-scheme: dark) {
 	.dark\:tw-hidden {
 		display: none;
 	}
-	.dark\:tw-border-blue-900 {
-		--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);
 	}
@@ -4856,43 +5043,17 @@ imported in Sourcegraph shell.
 		--tw-border-opacity: 1;
 		border-color: rgb(31 41 55 / var(--tw-border-opacity));
 	}
-	.dark\:tw-border-green-900 {
-		--tw-border-opacity: 1;
-		border-color: rgb(20 83 45 / var(--tw-border-opacity));
-	}
-	.dark\:tw-border-red-900 {
-		--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);
-	}
-	.dark\:tw-bg-blue-950\/30 {
-		background-color: rgb(23 37 84 / 0.3);
-	}
 	.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-text-gray-100 {
 		--tw-text-opacity: 1;
 		color: rgb(243 244 246 / var(--tw-text-opacity));
@@ -4905,14 +5066,6 @@ imported in Sourcegraph shell.
 		--tw-text-opacity: 1;
 		color: rgb(156 163 175 / var(--tw-text-opacity));
 	}
-	.dark\:tw-text-green-300 {
-		--tw-text-opacity: 1;
-		color: rgb(134 239 172 / var(--tw-text-opacity));
-	}
-	.dark\:tw-text-red-300 {
-		--tw-text-opacity: 1;
-		color: rgb(252 165 165 / var(--tw-text-opacity));
-	}
 	.dark\:hover\:tw-bg-gray-600:hover {
 		--tw-bg-opacity: 1;
 		background-color: rgb(75 85 99 / var(--tw-bg-opacity));