@sourcegraph/cody-web 0.23.0 → 0.24.0

package/dist/style.css

@@ -756,66 +756,74 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
 ._spin_56lwz_7 {
     animation: _spin_56lwz_7 1.5s steps(30) infinite;
 }
-._error-item_1qtot_1 {
+._error-item_17p9z_1 {
     display: flex;
     flex-direction: row;
-    gap: 0.5rem;
+    gap: 0.8rem;
+    padding: 10px;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 6px;
+    margin: 0px 0px;
+    position: relative;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
-._error-item_1qtot_1 ._icon_1qtot_7 {
+._error-item_17p9z_1 ._icon_17p9z_13 {
     font-size: 24px;
 }
 
-._error-item_1qtot_1 ._body_1qtot_11 {
+._error-item_17p9z_1 ._body_17p9z_17 {
     display: flex;
     flex-direction: column;
-    gap: 0.7rem;
+    gap: 0.2rem;
+    width: 100%;
 }
 
-._error-item_1qtot_1 vscode-button {
+._error-item_17p9z_1 vscode-button {
     margin: 0;
 }
 
-._error-item_1qtot_1 h1,
-._error-item_1qtot_1 p {
+._error-item_17p9z_1 h1,
+._error-item_17p9z_1 p {
     margin: 0;
+    line-height: 1.15;
 }
 
-._error-item_1qtot_1 header {
+._error-item_17p9z_1 header {
     display: flex;
     flex-direction: column;
-    gap: 0.3rem;
-    margin-right: 30px;
+    gap: 0.5rem;
+    padding-right: 20px;
+    margin-top: 0px;
 }
 
-._error-item_1qtot_1 header h1 {
-    text-transform: uppercase;
-    font-size: 11px;
-    margin: 0;
+._error-item_17p9z_1 header h1 {
+    font-size: 14px;
+    font-weight: 600;
+    letter-spacing: 0.3px;
 }
 
-._error-item_1qtot_1 header p {
-    max-width: 40em;
+._error-item_17p9z_1 header p {
     opacity: 0.9;
+    line-height: 1.5;
 }
 
-._error-item_1qtot_1 ._actions_1qtot_44 {
-    display: flex;
-    flex-direction: row;
-    gap: 8px;
+._error-item_17p9z_1 ._actions_17p9z_53 {
+    margin-top: 10px;
 }
 
-._error-item_1qtot_1 ._retry-message_1qtot_50 {
+._error-item_17p9z_1 ._retry-message_17p9z_57 {
     font-size: 11px;
     opacity: 0.7;
 }
 
-._error-item_1qtot_1 ._banner-container_1qtot_55 {
+._error-item_17p9z_1 ._banner-container_17p9z_62 {
     position: absolute;
     top: 0;
     right: 0;
     overflow: hidden;
     height: 100px;
+    z-index: 1000;
 }
 
 @property --error-item-reflection-position {
@@ -824,7 +832,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     initial-value: 0%;
 }
 
-._error-item_1qtot_1 ._banner_1qtot_55 {
+._error-item_17p9z_1 ._banner_17p9z_62 {
     --error-item-reflection-position: -100%;
 
     padding: 6px 30px;
@@ -850,7 +858,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     cursor: pointer;
 }
 
-._error-item_1qtot_1 ._banner_1qtot_55:hover {
+._error-item_17p9z_1 ._banner_17p9z_62:hover {
     --error-item-reflection-position: 100%;
 
     transition:
@@ -861,7 +869,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
         0 0 10px 0 rgb(255 255 255 / 35%);
 }
 
-._error-item_1qtot_1 ._banner_1qtot_55::before {
+._error-item_17p9z_1 ._banner_17p9z_62::before {
     content: ' ';
     position: absolute;
     top: 0;
@@ -872,7 +880,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 80%));
 }
 
-._error-item_1qtot_1 ._banner_1qtot_55::after {
+._error-item_17p9z_1 ._banner_17p9z_62::after {
     content: ' ';
     position: absolute;
     bottom: 0;
@@ -883,7 +891,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     background: linear-gradient(rgb(255 255 255 / 0%), rgb(255 255 255 / 80%));
 }
 
-._request-error_1qtot_128 {
+._request-error_17p9z_136 {
     background-color: #f7bcbc;
     color: #de3400;
 
@@ -896,10 +904,9 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     border-left: 0.5rem solid #d8000c;
 }
 
-._request-error-title_1qtot_141 {
+._request-error-title_17p9z_149 {
     font-weight: bold;
-}
-._feedback-buttons_16gni_1 {
+}._feedback-buttons_16gni_1 {
     display: flex;
     flex-direction: row;
 }
@@ -938,35 +945,49 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     font-weight: inherit;
 }
 
-._code-excerpt_1gr2h_1 .line,
-    ._code-excerpt_1gr2h_1 .code {
-        /* stylelint-disable-next-line declaration-property-unit-allowed-list */
-        height: 18px;
+._code-excerpt_1taji_1 .line,
+    ._code-excerpt_1taji_1 .code {
+        height: 16px;
+    }
+
+        @media (min-width: 768px) {._code-excerpt_1taji_1 .line,
+    ._code-excerpt_1taji_1 .code {
+            height: 18px;
+    }
+        }
+
+        ._code-excerpt_1taji_1 .line,
+    ._code-excerpt_1taji_1 .code {
+
         vertical-align: middle;
         padding: 0;
-    }
-    ._code-excerpt_1gr2h_1 .line {
+}
+    ._code-excerpt_1taji_1 .line {
         min-width: 1.5rem;
         text-align: right;
         user-select: none;
+        cursor: pointer;
     }
-    ._code-excerpt_1gr2h_1 .line::before {
+    ._code-excerpt_1taji_1 .line:hover {
+            text-decoration: none;
+        }
+    ._code-excerpt_1taji_1 .line::before {
             /* draw line number with css so it cannot be copied to clipboard */
             content: attr(data-line);
             color: var(--cody-chat-code-text-muted);
         }
-    ._code-excerpt_1gr2h_1 .code {
+    ._code-excerpt_1taji_1 .code {
         white-space: pre;
         padding-left: 1rem;
     }
-    ._code-excerpt-error_1gr2h_1 {
+    ._code-excerpt-error_1taji_1 {
         width: 100%;
     }
-    ._code-excerpt-alert_1gr2h_1 {
+    ._code-excerpt-alert_1taji_1 {
         margin-bottom: 0;
         color: #c92a2a;
     }
-    ._code-excerpt_1gr2h_1 .hl-text {
+    ._code-excerpt_1taji_1 .hl-text {
         color: #657b83;
     }
 :root {
@@ -980,16 +1001,16 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     --cody-chat-code-text-highlighted: #566880;
 }
 
-._result-container_61rcx_12 {
+._result-container_16we1_12 {
     contain: paint;
 }
 
-._result-container_61rcx_12 .match-highlight {
+._result-container_16we1_12 .match-highlight {
         color: var(--cody-chat-code-text-highlighted);
         background-color: var(--cody-chat-code-mark-background) !important;
     }
 
-._result-container_61rcx_12 .sr-only {
+._result-container_16we1_12 .sr-only {
         position: absolute;
         width: 0.0625rem;
         height: 0.0625rem;
@@ -1001,35 +1022,31 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
         border: 0;
     }
 
-._header_61rcx_32 {
-    padding: 0.45rem 0rem;
-    display: flex;
-    align-items: center;
+._header_16we1_32 {
+    background-color: var(--vscode-editor-background);
     position: sticky;
     top: 0;
+    border-bottom: solid 1px var(--cody-chat-code-border-color);
 
     /* Show on top of search result contents */
     z-index: 1;
-    background-color: var(--cody-chat-code-header-background);
 }
 
-._header-title_61rcx_1 {
+._header-title_16we1_1 {
         flex: 1 1 auto;
         display: flex;
         flex-wrap: wrap;
     }
 
-._result_61rcx_12 {
-    border-radius: 4px;
-    border: solid 1px var(--cody-chat-code-border-color);
-    background-color: var(--cody-chat-code-background);
+._result_16we1_12 {
+    border-bottom: solid 1px var(--cody-chat-code-border-color);
 }
 
-._result_61rcx_12 code {
+._result_16we1_12 code {
         padding: 0 !important;
     }
 
-._search-result-match_61rcx_60 {
+._search-result-match_16we1_56 {
     /* Don't use cascading link style */
     text-decoration: none;
     display: flex;
@@ -1039,23 +1056,23 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     position: relative;
 }
 
-._horizontal-divider-between_61rcx_70:not(:last-child) {
+._horizontal-divider-between_16we1_66:not(:last-child) {
         border-bottom: 1px solid var(--cody-chat-code-border-color);
     }
 
-._focusable-block_61rcx_76:focus-visible {
+._focusable-block_16we1_72:focus-visible {
         box-shadow: inset 0 0 0 1px var(--cody-chat-code-focus-border);
     }
 
-._clickable_61rcx_82 {
+._clickable_16we1_78 {
     cursor: pointer;
 }
 
-._clickable_61rcx_82:hover {
+._clickable_16we1_78:hover {
         text-decoration: none;
     }
 
-._divider-between_61rcx_89 > *:not(:last-child)::after {
+._divider-between_16we1_85 > *:not(:last-child)::after {
         content: ' ';
         height: 1rem;
         margin: 0 0.75rem;
@@ -1063,19 +1080,19 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
         display: block;
     }
 
-._divider-vertical_61rcx_99 {
+._divider-vertical_16we1_95 {
     border-bottom: 1px solid var(--cody-chat-code-border-color);
     width: 100%;
     margin: 0.5rem 0;
 }
 
-._divider_61rcx_89 {
+._divider_16we1_85 {
     border-right: 1px solid var(--cody-chat-code-border-color);
     height: 1rem;
     margin: 0 0.5rem;
 }
 
-._title_61rcx_111 {
+._title_16we1_107 {
     display: flex;
     align-items: center;
     flex-grow: 1;
@@ -1083,37 +1100,39 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     flex-wrap: wrap;
 }
 
-._title-inner_61rcx_119 {
+._title-inner_16we1_115 {
     overflow-wrap: anywhere;
 }
 
-._toggle-matches-button_61rcx_123 {
+._toggle-matches-button_16we1_119 {
     width: 100%;
     text-align: left;
     border: none;
     padding: 0.25rem 0.5rem;
     border-top: 1px solid var(--cody-chat-code-border-color);
-    background-color: var(--cody-chat-code-background);
     color: var(--cody-chat-code-text-muted);
+    font-size: calc(calc(12/13)*var(--vscode-font-size));
 }
 
-._toggle-matches-button_61rcx_123:hover {
+._toggle-matches-button_16we1_119:hover {
         color: inherit;
     }
 
-._toggle-matches-button--expanded_61rcx_1 {
+._toggle-matches-button--expanded_16we1_1 {
         position: sticky;
         bottom: 0;
     }
 
-._toggle-matches-button-text_61rcx_1 {
+._toggle-matches-button-text_16we1_1 {
         margin-left: 0.125rem;
     }
 
-._chunk_1nj7l_1 {
+._addToContextLabel_16we1_142 {
+    color: var(--cody-chat-code-text-muted);
+}
+._chunk_qvvv3_1 {
     position: relative;
     overflow-x: auto;
-    background-color: var(--code-background);
 }
 ._info-message_1hay9_1 {
   --mention-color-opacity: 70%;
@@ -1132,74 +1151,72 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
   );
   word-break: break-word;
 }
-._filter_u880r_1 {
+._filter_1pc5b_1 {
     background-color: var(--vscode-sidebar-background);
     color: var(--vscode-input-foreground);
 }
 
-    ._filter_u880r_1._selected_u880r_5, ._filter_u880r_1._selected_u880r_5:hover {
+    ._filter_1pc5b_1._selected_1pc5b_5, ._filter_1pc5b_1._selected_1pc5b_5:hover {
         background-color: var(--vscode-button-background);
         color: var(--vscode-button-foreground);
     }
+/* Hidden by default */
+._filters-sidebar_oa6b9_2 {
+    display: none;
+}
 
-    ._filter_u880r_1 svg {
-        fill: currentColor;
+@media (min-width: 768px) { /* md breakpoint */
+    ._filters-sidebar_oa6b9_2 {
+        display: block; /* Show at md breakpoint and above */
     }
-._root_fzfjq_1 {
-    container-type: inline-size;
-    container-name: root-outer-container;
 }
 
-._results-container_fzfjq_6 {
-    max-width: calc(100% - 266px);
-}
+._root_oa6b9_12 {
+    container-type: inline-size;
+    -webkit-container-type: inline-size;
+    container-name: root-outer-container;
+    -webkit-container-name: root-outer-container;}
 
-._results-container_fzfjq_6._filters-sidebar-hidden_fzfjq_9 {
+._root_oa6b9_12 ._results-container_oa6b9_18 {
         max-width: 100%;
     }
 
-@container root-outer-container (max-width: 899px) {
-    ._filters-sidebar_fzfjq_9,
-    ._filters-sidebar-toggle_fzfjq_16 {
-        display: none !important;
-    }
-
-    ._container_fzfjq_20 {
-        display: block !important;
-    }
-
-    ._results-container_fzfjq_6 {
-        max-width: 100% !important;
-    }
-}
+._root_oa6b9_12 ._results-container_oa6b9_18._filters-sidebar-hidden_oa6b9_21 {
+            max-width: 100%;
+        }
 
-@container root-outer-container (min-width: 900px) {
-    ._filters-modal-trigger_fzfjq_30 {
-        display: none !important;
-    }
-}
+@supports (container-type: inline-size) {
+            @container root-outer-container (max-width: 768px) {
+                ._root_oa6b9_12 ._results-container_oa6b9_18 ._filters-sidebar_oa6b9_2,
+                ._root_oa6b9_12 ._results-container_oa6b9_18 ._filters-sidebar-toggle_oa6b9_28 {
+                    display: none !important;
+                }
+            }
 
-._filters-sidebar_fzfjq_9 && ._results-container_fzfjq_6 {
-    transition: all 1s ease-in;
-}
+            @container root-outer-container (min-width: 768px) {
+                ._root_oa6b9_12 ._results-container_oa6b9_18 ._filters-modal-trigger_oa6b9_34 {
+                    display: none !important;
+                }
+            }        }
 
-._filters-sidebar_fzfjq_9 {
-    background-color: var(--vscode-input-background);
-}
+._filters-sidebar_oa6b9_2 ._root_oa6b9_12 ._results-container_oa6b9_18._root_oa6b9_12 ._results-container_oa6b9_18 ._results-container_oa6b9_18 {
+            transition: all 1s ease-in;
+        }
 
-._search-results-header_fzfjq_43 {
-    container-type: inline-size;
-    container-name: search-results-header
-}
+._root_oa6b9_12 ._results-container_oa6b9_18 ._search-results-header_oa6b9_43 {
+            container-type: inline-size;
+            -webkit-container-type: inline-size;
+            container-name: search-results-header;
+            -webkit-container-name: search-results-header;
+        }
 
-/*
-    Hide labels for small containers
-*/
-@container search-results-header (width < 475px) {
-    ._search-results-header__label_fzfjq_52 {
-        display: none;
-    }
-}
+@supports (container-type: inline-size) {
+            @container search-results-header (width < 468px) {
+                ._root_oa6b9_12 ._results-container_oa6b9_18 ._search-results-header-label_oa6b9_52 {
+                    display: none;
+                }
+            }
+        }
 ._step-container_1xbw7_1 {
   border-left: 3px solid var(--vscode-sideBar-border);
   padding: 0.25rem 0.5rem 0.25rem 0.5rem;
@@ -1385,19 +1402,19 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_1q
     }
 
 
-._list_q63t8_2 {
+._list_mvyfp_2 {
     outline: none;
     max-height: unset !important;
     background-color: transparent !important;
 }
 
-    ._list--input-container_q63t8_1 {
+    ._list--input-container_mvyfp_1 {
         top: 0;
         position: sticky;
         z-index: 1;
     }
 
-    ._list--input_q63t8_1 {
+    ._list--input_mvyfp_1 {
         margin: 0.5rem;
         padding: 0.5rem;
         border-radius: 3px;
@@ -1405,27 +1422,38 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_1q
         color: var(--vscode-input-foreground);
     }
 
-    ._list--input_q63t8_1:focus {
+    ._list--input_mvyfp_1:focus {
             box-shadow: 0 0 0 0.125rem var(--vscode-focusBorder)
         }
 
-    ._list-chips_q63t8_1 [cmdk-list-sizer] {
-           display: flex;
-           flex-direction: column;
-           gap: 0.5rem
+    ._list-chips_mvyfp_1 {
+       --gap: 0.5rem;
+       --min-width: 240px;
+       --max-width: calc(50% - (var(--gap)/2));
+    }
+
+    ._list-chips_mvyfp_1 [cmdk-list-sizer] {
+           display: grid;
+           /*
+            * This creates a responsive grid with one or two columns, depending on the available space.
+            * See https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/ for more information.
+            */
+           grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), var(--max-width)), 1fr));
+           gap: var(--gap);
+
        }
 
-    ._list-chips_q63t8_1 ._list--item_q63t8_32 {
+    ._list-chips_mvyfp_1 ._list--item_mvyfp_41 {
             border-radius: 3px;
             border: 1px solid var(--vscode-dropdown-border, transparent);
             padding: 0.25rem 0.5rem;
         }
 
-    ._list-chips_q63t8_1 ._list--item_q63t8_32[aria-selected="true"] {
+    ._list-chips_mvyfp_1 ._list--item_mvyfp_41[aria-selected="true"] {
                 border-color: var(--vscode-list-activeSelectionBackground);
             }
 
-    ._list-chips_q63t8_1 ._list--item_q63t8_32:not([aria-selected="true"]) {
+    ._list-chips_mvyfp_1 ._list--item_mvyfp_41:not([aria-selected="true"]) {
                 background-color: var(--vscode-dropdown-background);
             }
 
@@ -1844,6 +1872,9 @@ button > ._model-title-with-icon_k71kd_5 ._badge_k71kd_39 {
         justify-content: flex-end;
         gap: 0.5rem;
     }
+._switch-thumb_1n9d7_1[data-state='checked'] {
+        transform: translateX(10px);
+    }
 ._chat-disabled_rc7no_1 {
     text-align: center;
     padding: 0.5rem 0.25rem;
@@ -1851,31 +1882,74 @@ button > ._model-title-with-icon_k71kd_5 ._badge_k71kd_39 {
     border-bottom: solid 1px var(--vscode-inputValidation-errorBorder);
     color: var(--vscode-foreground);
 }
-._welcome-footer_g0fdz_1 {
-    padding: 1rem 1rem;
+._welcome-footer_1o9k6_1 {
+    padding: 1rem;
     display: flex;
     flex-flow: column nowrap;
     max-width: 100%;
     color: var(--vscode-input-placeholderForeground)
 }
 
-._tips_g0fdz_9 {
+._cheatsheet_1o9k6_9 {
     display: flex;
     flex-flow: column nowrap;
     width: 100%;
     gap: 0.5rem;
     padding: 1rem 0;
-    border-bottom: 0.25px solid var(--vscode-dropdown-border);
 }
 
-._links_g0fdz_18 {
+._title_1o9k6_17 {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    font-weight: 500;
+    gap: 0.5rem;
+}
+
+._examples_1o9k6_25 {
     display: flex;
     flex-flow: row wrap;
-    padding: 0.75rem 0;
+    gap: 0.25rem 1rem;
+    padding: 0 0.5rem;
+}
+
+._example_1o9k6_25 {
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: flex-start;
+    gap: 0.25rem;
+    padding: 0.25rem 0;
+}
+
+._example-input_1o9k6_40 {
+    display: flex;
+    flex-flow: row wrap;
+    border-radius: 4px;
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-button-secondaryBackground);
+    background-color: var(--vscode-editor-background);
+    font-family: var(--vscode-editor-font-family);
+    font-size: var(--vscode-editor-font-size);
+}
+
+._tips_1o9k6_51 {
+    display: flex;
+    flex-flow: column nowrap;
+    width: 100%;
     gap: 0.5rem;
+    padding: 1rem 0;
 }
 
-._item_g0fdz_25 {
+._links_1o9k6_59 {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
+    padding: 1rem 0;
+    gap: 1.25rem;
+    border-top: 0.5px solid var(--vscode-button-secondaryBackground);
+}
+
+._item_1o9k6_68 {
     display: flex;
     flex-flow: row nowrap;
     flex-shrink: 0;
@@ -1884,7 +1958,7 @@ button > ._model-title-with-icon_k71kd_5 ._badge_k71kd_39 {
     align-items: center;
 }
 
-._link_g0fdz_18 {
+._link_1o9k6_59 {
     color: inherit;
     text-decoration: none;
 }
@@ -2504,6 +2578,12 @@ imported in Sourcegraph shell.
  since they will conflict with any possible reset/global
  styles in consumer. See @mixin reset-styles for more details
 */
+.tw-pointer-events-none {
+	pointer-events: none;
+}
+.tw-fixed {
+	position: fixed;
+}
 .tw-absolute {
 	position: absolute;
 }
@@ -2513,6 +2593,9 @@ imported in Sourcegraph shell.
 .tw-sticky {
 	position: sticky;
 }
+.tw-inset-0 {
+	inset: 0px;
+}
 .tw-bottom-0 {
 	bottom: 0px;
 }
@@ -2522,21 +2605,15 @@ imported in Sourcegraph shell.
 .tw-left-1\/2 {
 	left: 50%;
 }
-.tw-left-\[0px\] {
-	left: 0px;
-}
-.tw-left-\[5\.5px\] {
-	left: 5.5px;
-}
 .tw-right-2 {
 	right: 4px;
 }
-.tw-right-4 {
-	right: 8px;
-}
 .tw-right-6 {
 	right: 12px;
 }
+.tw-right-8 {
+	right: 16px;
+}
 .tw-top-10 {
 	top: 20px;
 }
@@ -2546,17 +2623,14 @@ imported in Sourcegraph shell.
 .tw-top-3 {
 	top: 6px;
 }
-.tw-top-4 {
-	top: 8px;
+.tw-top-5 {
+	top: 10px;
 }
 .tw-top-6 {
 	top: 12px;
 }
-.tw-top-\[0px\] {
-	top: 0px;
-}
-.tw-top-\[5\.5px\] {
-	top: 5.5px;
+.tw-z-10 {
+	z-index: 10;
 }
 .tw-z-50 {
 	z-index: 50;
@@ -2574,6 +2648,14 @@ imported in Sourcegraph shell.
 	margin-left: 4px;
 	margin-right: 4px;
 }
+.tw-mx-8 {
+	margin-left: 16px;
+	margin-right: 16px;
+}
+.tw-mx-auto {
+	margin-left: auto;
+	margin-right: auto;
+}
 .tw-my-2 {
 	margin-top: 4px;
 	margin-bottom: 4px;
@@ -2626,9 +2708,6 @@ imported in Sourcegraph shell.
 .tw-ml-4 {
 	margin-left: 8px;
 }
-.tw-ml-5 {
-	margin-left: 10px;
-}
 .tw-ml-6 {
 	margin-left: 12px;
 }
@@ -2686,17 +2765,17 @@ imported in Sourcegraph shell.
 .tw-mt-auto {
 	margin-top: auto;
 }
+.tw-box-content {
+	box-sizing: content-box;
+}
 .\!tw-line-clamp-1 {
 	overflow: hidden !important;
 	display: -webkit-box !important;
 	-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;
 }
 .tw-inline-block {
 	display: inline-block;
@@ -2710,10 +2789,21 @@ imported in Sourcegraph shell.
 .tw-grid {
 	display: grid;
 }
+.tw-size-4 {
+	width: 8px;
+	height: 8px;
+}
+.tw-size-6 {
+	width: 12px;
+	height: 12px;
+}
 .tw-size-8 {
 	width: 16px;
 	height: 16px;
 }
+.\!tw-h-14 {
+	height: 28px !important;
+}
 .\!tw-h-\[30px\] {
 	height: 30px !important;
 }
@@ -2735,21 +2825,12 @@ imported in Sourcegraph shell.
 .tw-h-\[16px\] {
 	height: 16px;
 }
-.tw-h-\[18px\] {
-	height: 18px;
-}
 .tw-h-\[1em\] {
 	height: 1em;
 }
-.tw-h-\[20px\] {
-	height: 20px;
-}
 .tw-h-\[50vh\] {
 	height: 50vh;
 }
-.tw-h-\[7px\] {
-	height: 7px;
-}
 .tw-h-auto {
 	height: auto;
 }
@@ -2765,9 +2846,15 @@ imported in Sourcegraph shell.
 .\!tw-max-h-\[unset\] {
 	max-height: unset !important;
 }
+.tw-max-h-0 {
+	max-height: 0px;
+}
 .tw-max-h-9 {
 	max-height: 2.25rem;
 }
+.tw-max-h-\[1000px\] {
+	max-height: 1000px;
+}
 .tw-max-h-\[200px\] {
 	max-height: 200px;
 }
@@ -2783,6 +2870,9 @@ imported in Sourcegraph shell.
 .tw-max-h-\[80vh\] {
 	max-height: 80vh;
 }
+.tw-max-h-\[90vh\] {
+	max-height: 90vh;
+}
 .tw-max-h-fit {
 	max-height: fit-content;
 }
@@ -2798,9 +2888,15 @@ imported in Sourcegraph shell.
 .tw-w-11 {
 	width: 22px;
 }
+.tw-w-14 {
+	width: 28px;
+}
 .tw-w-5 {
 	width: 10px;
 }
+.tw-w-6 {
+	width: 12px;
+}
 .tw-w-72 {
 	width: 18rem;
 }
@@ -2816,15 +2912,9 @@ imported in Sourcegraph shell.
 .tw-w-\[16px\] {
 	width: 16px;
 }
-.tw-w-\[18px\] {
-	width: 18px;
-}
 .tw-w-\[1em\] {
 	width: 1em;
 }
-.tw-w-\[20px\] {
-	width: 20px;
-}
 .tw-w-\[240px\] {
 	width: 240px;
 }
@@ -2837,9 +2927,6 @@ imported in Sourcegraph shell.
 .tw-w-\[75vw\] {
 	width: 75vw;
 }
-.tw-w-\[7px\] {
-	width: 7px;
-}
 .tw-w-\[95\%\] {
 	width: 95%;
 }
@@ -2870,12 +2957,21 @@ imported in Sourcegraph shell.
 .\!tw-max-w-\[unset\] {
 	max-width: unset !important;
 }
+.tw-max-w-2xl {
+	max-width: 42rem;
+}
+.tw-max-w-3xl {
+	max-width: 48rem;
+}
 .tw-max-w-72 {
 	max-width: 18rem;
 }
 .tw-max-w-\[550px\] {
 	max-width: 550px;
 }
+.tw-max-w-\[768px\] {
+	max-width: 768px;
+}
 .tw-max-w-\[90\%\] {
 	max-width: 90%;
 }
@@ -2906,6 +3002,9 @@ imported in Sourcegraph shell.
 .tw-flex-grow {
 	flex-grow: 1;
 }
+.tw-grow {
+	flex-grow: 1;
+}
 .tw-basis-0 {
 	flex-basis: 0px;
 }
@@ -2925,10 +3024,6 @@ imported in Sourcegraph shell.
 	--tw-translate-x: 12px;
 	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));
 }
-.tw-translate-x-\[1px\] {
-	--tw-translate-x: 1px;
-	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));
-}
 .tw-translate-y-\[1px\] {
 	--tw-translate-y: 1px;
 	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));
@@ -2936,6 +3031,12 @@ 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));
 }
+.tw-animate-\[fadeIn_0\.2s_ease-in-out\] {
+	animation: fadeIn 0.2s ease-in-out;
+}
+.tw-animate-\[slideUp_0\.2s_ease-in-out\] {
+	animation: slideUp 0.2s ease-in-out;
+}
 @keyframes tw-spin {
 	to {
 		transform: rotate(360deg);
@@ -3104,9 +3205,6 @@ imported in Sourcegraph shell.
 .tw-rounded {
 	border-radius: 0.25rem;
 }
-.tw-rounded-\[0\.5px\] {
-	border-radius: 0.5px;
-}
 .tw-rounded-\[6px\] {
 	border-radius: 6px;
 }
@@ -3122,18 +3220,33 @@ imported in Sourcegraph shell.
 .tw-rounded-sm {
 	border-radius: 2px;
 }
+.tw-rounded-xl {
+	border-radius: 0.75rem;
+}
 .tw-rounded-t-md {
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
 }
+.tw-rounded-bl-full {
+	border-bottom-left-radius: 9999px;
+}
+.tw-rounded-br-full {
+	border-bottom-right-radius: 9999px;
+}
+.tw-rounded-tl-full {
+	border-top-left-radius: 9999px;
+}
+.tw-rounded-tr-full {
+	border-top-right-radius: 9999px;
+}
 .tw-border {
 	border-width: 1px;
 }
 .tw-border-0 {
 	border-width: 0px;
 }
-.tw-border-\[1px\] {
-	border-width: 1px;
+.tw-border-2 {
+	border-width: 2px;
 }
 .\!tw-border-b-0 {
 	border-bottom-width: 0px !important;
@@ -3144,6 +3257,12 @@ imported in Sourcegraph shell.
 .tw-border-b-\[1px\] {
 	border-bottom-width: 1px;
 }
+.tw-border-l-0 {
+	border-left-width: 0px;
+}
+.tw-border-r {
+	border-right-width: 1px;
+}
 .tw-border-t {
 	border-top-width: 1px;
 }
@@ -3156,19 +3275,15 @@ imported in Sourcegraph shell.
 .\!tw-border-\[var\(--vscode-tab-activeBorderTop\)\] {
 	border-color: var(--vscode-tab-activeBorderTop) !important;
 }
+.\!tw-border-border {
+	border-color: var(--vscode-dropdown-border) !important;
+}
 .tw-border-border {
 	border-color: var(--vscode-dropdown-border);
 }
 .tw-border-button-border {
 	border-color: var(--vscode-button-border, transparent);
 }
-.tw-border-current {
-	border-color: currentColor;
-}
-.tw-border-gray-200 {
-	--tw-border-opacity: 1;
-	border-color: rgb(229 231 235 / var(--tw-border-opacity));
-}
 .tw-border-input-border {
 	border-color: var(--vscode-input-border);
 }
@@ -3191,12 +3306,12 @@ imported in Sourcegraph shell.
 .tw-border-b-border {
 	border-bottom-color: var(--vscode-dropdown-border);
 }
-.tw-border-e-transparent {
-	border-inline-end-color: transparent;
-}
 .tw-border-t-border {
 	border-top-color: var(--vscode-dropdown-border);
 }
+.\!tw-bg-background {
+	background-color: var(--vscode-editor-background) !important;
+}
 .\!tw-bg-transparent {
 	background-color: transparent !important;
 }
@@ -3218,6 +3333,9 @@ imported in Sourcegraph shell.
 .tw-bg-badge-background {
 	background-color: var(--vscode-badge-background);
 }
+.tw-bg-black\/50 {
+	background-color: rgb(0 0 0 / 0.5);
+}
 .tw-bg-blue-900 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(30 58 138 / var(--tw-bg-opacity));
@@ -3234,9 +3352,6 @@ imported in Sourcegraph shell.
 .tw-bg-button-secondary-background-hover {
 	background-color: var(--vscode-button-secondaryHoverBackground);
 }
-.tw-bg-current {
-	background-color: currentColor;
-}
 .tw-bg-gray-200 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -3308,10 +3423,6 @@ imported in Sourcegraph shell.
 .tw-bg-transparent {
 	background-color: transparent;
 }
-.tw-bg-white {
-	--tw-bg-opacity: 1;
-	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
 .tw-bg-yellow-900 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(113 63 18 / var(--tw-bg-opacity));
@@ -3334,6 +3445,9 @@ imported in Sourcegraph shell.
 .tw-to-sourcegraph-orange {
 	--tw-gradient-to: #FF5543 var(--tw-gradient-to-position);
 }
+.tw-fill-current {
+	fill: currentColor;
+}
 .\!tw-p-0 {
 	padding: 0px !important;
 }
@@ -3355,6 +3469,9 @@ imported in Sourcegraph shell.
 .tw-p-10 {
 	padding: 20px;
 }
+.tw-p-12 {
+	padding: 24px;
+}
 .tw-p-2 {
 	padding: 4px;
 }
@@ -3373,6 +3490,10 @@ imported in Sourcegraph shell.
 .tw-p-8 {
 	padding: 16px;
 }
+.\!tw-px-4 {
+	padding-left: 8px !important;
+	padding-right: 8px !important;
+}
 .\!tw-px-6 {
 	padding-left: 12px !important;
 	padding-right: 12px !important;
@@ -3385,6 +3506,10 @@ imported in Sourcegraph shell.
 	padding-top: 2px !important;
 	padding-bottom: 2px !important;
 }
+.\!tw-py-4 {
+	padding-top: 8px !important;
+	padding-bottom: 8px !important;
+}
 .tw-px-0 {
 	padding-left: 0px;
 	padding-right: 0px;
@@ -3459,20 +3584,29 @@ imported in Sourcegraph shell.
 .tw-pb-12 {
 	padding-bottom: 24px;
 }
+.tw-pb-4 {
+	padding-bottom: 8px;
+}
 .tw-pb-6 {
 	padding-bottom: 12px;
 }
+.tw-pl-1 {
+	padding-left: 2px;
+}
 .tw-pl-5 {
 	padding-left: 10px;
 }
 .tw-pl-6 {
 	padding-left: 12px;
 }
+.tw-pr-2 {
+	padding-right: 4px;
+}
 .tw-pr-4 {
 	padding-right: 8px;
 }
-.tw-pt-2 {
-	padding-top: 4px;
+.tw-pt-12 {
+	padding-top: 24px;
 }
 .tw-pt-4 {
 	padding-top: 8px;
@@ -3712,6 +3846,11 @@ imported in Sourcegraph shell.
 	outline: 2px solid transparent;
 	outline-offset: 2px;
 }
+.tw-ring-0 {
+	--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);
+}
 .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);
@@ -3725,6 +3864,9 @@ imported in Sourcegraph shell.
 	--tw-ring-opacity: 1;
 	--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity));
 }
+.\!tw-ring-offset-background {
+	--tw-ring-offset-color: var(--vscode-editor-background) !important;
+}
 .tw-ring-offset-background {
 	--tw-ring-offset-color: var(--vscode-editor-background);
 }
@@ -3737,17 +3879,38 @@ imported in Sourcegraph shell.
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 	transition-duration: 150ms;
 }
+.tw-transition-\[max-height\] {
+	transition-property: max-height;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
 .tw-transition-all {
 	transition-property: all;
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 	transition-duration: 150ms;
 }
+.tw-transition-colors {
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
+.tw-transition-transform {
+	transition-property: transform;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	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;
@@ -4136,6 +4299,9 @@ imported in Sourcegraph shell.
 .hover\:tw-bg-button-background-hover:hover {
 	background-color: var(--vscode-button-hoverBackground);
 }
+.hover\:tw-bg-button-secondary-background:hover {
+	background-color: var(--vscode-button-secondaryBackground);
+}
 .hover\:tw-bg-button-secondary-background-hover:hover {
 	background-color: var(--vscode-button-secondaryHoverBackground);
 }
@@ -4242,27 +4408,33 @@ imported in Sourcegraph shell.
 .focus-visible\:tw-ring-offset-2:focus-visible {
 	--tw-ring-offset-width: 2px;
 }
+.focus-visible\:tw-ring-offset-background:focus-visible {
+	--tw-ring-offset-color: var(--vscode-editor-background);
+}
 .disabled\:tw-pointer-events-none:disabled {
 	pointer-events: none;
 }
 .disabled\:tw-cursor-not-allowed:disabled {
 	cursor: not-allowed;
 }
+.disabled\:tw-bg-button-secondary-background:disabled {
+	background-color: var(--vscode-button-secondaryBackground);
+}
 .disabled\:tw-bg-current-25:disabled {
 	background-color: color-mix(in lch, currentColor 25%, transparent);
 }
 .disabled\:tw-text-current:disabled {
 	color: currentColor;
 }
+.disabled\:tw-text-muted-foreground:disabled {
+	color: var(--vscode-input-placeholderForeground);
+}
 .disabled\:tw-opacity-50:disabled {
 	opacity: 0.5;
 }
 .disabled\:tw-opacity-75:disabled {
 	opacity: 0.75;
 }
-.tw-group:hover .group-hover\:tw-opacity-100 {
-	opacity: 1;
-}
 .tw-peer:disabled ~ .peer-disabled\:tw-cursor-not-allowed {
 	cursor: not-allowed;
 }
@@ -4281,6 +4453,14 @@ imported in Sourcegraph shell.
 .data-\[disabled\=true\]\:tw-pointer-events-none[data-disabled=true] {
 	pointer-events: none;
 }
+.data-\[state\=checked\]\:tw-translate-x-5[data-state=checked] {
+	--tw-translate-x: 10px;
+	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));
+}
+.data-\[state\=unchecked\]\:tw-translate-x-0[data-state=unchecked] {
+	--tw-translate-x: 0px;
+	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-accordion-up {
 	from {
 		height: var(--radix-accordion-content-height);
@@ -4325,16 +4505,56 @@ imported in Sourcegraph shell.
 .data-\[state\=open\]\:tw-animate-collapsible-down[data-state=open] {
 	animation: tw-collapsible-down 0.15s ease-out;
 }
-.data-\[disabled\=true\]\:tw-opacity-50[data-disabled=true] {
-	opacity: 0.5;
+.data-\[state\=checked\]\:tw-bg-button-background[data-state=checked] {
+	background-color: var(--vscode-button-background);
 }
-body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-border-button-border {
-	border-color: var(--vscode-button-border, transparent);
+.data-\[state\=unchecked\]\:tw-bg-button-secondary-background[data-state=unchecked] {
+	background-color: var(--vscode-button-secondaryBackground);
 }
-body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-border-e-transparent {
-	border-inline-end-color: transparent;
+.data-\[disabled\=true\]\:tw-opacity-50[data-disabled=true] {
+	opacity: 0.5;
 }
 @media (min-width: 768px) {
+	.md\:tw-size-8 {
+		width: 16px;
+		height: 16px;
+	}
+	.md\:tw-p-4 {
+		padding: 8px;
+	}
+	.md\:tw-px-2 {
+		padding-left: 4px;
+		padding-right: 4px;
+	}
+	.md\:tw-px-4 {
+		padding-left: 8px;
+		padding-right: 8px;
+	}
+	.md\:tw-px-6 {
+		padding-left: 12px;
+		padding-right: 12px;
+	}
+	.md\:tw-py-2 {
+		padding-top: 4px;
+		padding-bottom: 4px;
+	}
+	.md\:tw-py-3 {
+		padding-top: 6px;
+		padding-bottom: 6px;
+	}
+	.md\:tw-pr-3 {
+		padding-right: 6px;
+	}
+	.md\:tw-pt-2 {
+		padding-top: 4px;
+	}
+	.md\:tw-text-base {
+		font-size: 1rem;
+		line-height: 1.5rem;
+	}
+	.md\:tw-text-md {
+		font-size: var(--vscode-font-size);
+	}
 	.md\:tw-text-sm {
 		font-size: calc(calc(12/13)*var(--vscode-font-size));
 	}