@sourcegraph/cody-web 0.17.0 → 0.19.0

package/dist/style.css

@@ -35,28 +35,32 @@
     --description-font-size: 0.9em; /* match VS Code quickpick description */
 }
 
-._title_1nc1q_5, ._description_1nc1q_5, ._warning_1nc1q_5 {
+._title_1ibg5_5, ._description_1ibg5_5, ._warning_1ibg5_5 {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
-._row_1nc1q_11 {
+._row_1ibg5_11 {
     display: flex;
     align-items: center;
     gap: 0.35rem;
 }
 
-._description_1nc1q_5, ._warning_1nc1q_5 {
+._row_1ibg5_11:hover {
+    color: inherit;
+}
+
+._description_1ibg5_5, ._warning_1ibg5_5 {
     font-size: var(--description-font-size);
     opacity: 0.7;
 }
 
-._description_1nc1q_5 {
+._description_1ibg5_5 {
     flex: 1;
 }
 
-._title_1nc1q_5:hover {
+._title_1ibg5_5:hover {
     direction: rtl;
 }
 ._context-item-mention-node_1eamp_1 {
@@ -343,205 +347,6 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
         opacity: 0.25;
     }
 }
-:root {
-    --code-font-size: #{(12/14)}em;
-    --code-font-family: sfmono-regular, consolas, menlo, dejavu sans mono, monospace;
-}
-
-._code_1suzz_6 {
-    white-space: pre;
-    line-height: 1rem;
-    font-size: var(--code-font-size);
-    font-family: var(--code-font-family);
-}
-
-._small_1suzz_13 {
-    font-size: 0.75rem;
-    line-height: 1rem;
-
-    /* Bootstrap applies `font-weight: 400;` to `small` element,
-       but we want to control `font-weight` only with `strong` or `.font-weight-medium`. */
-    font-weight: inherit;
-}
-
-._code-excerpt_1gr2h_1 .line,
-    ._code-excerpt_1gr2h_1 .code {
-        /* stylelint-disable-next-line declaration-property-unit-allowed-list */
-        height: 18px;
-        vertical-align: middle;
-        padding: 0;
-    }
-    ._code-excerpt_1gr2h_1 .line {
-        min-width: 1.5rem;
-        text-align: right;
-        user-select: none;
-    }
-    ._code-excerpt_1gr2h_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 {
-        white-space: pre;
-        padding-left: 1rem;
-    }
-    ._code-excerpt-error_1gr2h_1 {
-        width: 100%;
-    }
-    ._code-excerpt-alert_1gr2h_1 {
-        margin-bottom: 0;
-        color: #c92a2a;
-    }
-    ._code-excerpt_1gr2h_1 .hl-text {
-        color: #657b83;
-    }
-:root {
-    --cody-chat-code-background: var(--code-background);
-    --cody-chat-code-header-background: var(--vscode-editorGroupHeader-tabsBackground);
-    --cody-chat-code-subtle-background: var(--vscode-titleBar-inactiveBackground);
-    --cody-chat-code-border-color: var(--vscode-widget-border);
-    --cody-chat-code-text-muted: var(--vscode-input-placeholderForeground);
-    --cody-chat-code-focus-border: var(--vscode-focusBorder);
-    --cody-chat-code-mark-background: #f8e688;
-    --cody-chat-code-text-highlighted: #566880;
-}
-
-._result-container_1poiy_12 {
-    contain: paint;
-}
-
-._result-container_1poiy_12 .match-highlight {
-        color: var(--cody-chat-code-text-highlighted);
-        background-color: var(--cody-chat-code-mark-background) !important;
-    }
-
-._result-container_1poiy_12 .sr-only {
-        position: absolute;
-        width: 0.0625rem;
-        height: 0.0625rem;
-        padding: 0;
-        margin: -0.0625rem;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        white-space: nowrap;
-        border: 0;
-    }
-
-._header_1poiy_32 {
-    padding: 0.45rem 0.5rem;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    position: sticky;
-    top: 0;
-
-    /* Show on top of search result contents */
-    z-index: 1;
-    background-color: var(--cody-chat-code-header-background);
-}
-
-._header-title_1poiy_1 {
-        flex: 1 1 auto;
-        display: flex;
-        flex-wrap: wrap;
-    }
-
-._result_1poiy_12 {
-    border-radius: 4px;
-    border: solid 1px var(--cody-chat-code-border-color);
-    background-color: var(--cody-chat-code-background);
-}
-
-._result_1poiy_12 code {
-        padding: 0 !important;
-    }
-
-._search-result-match_1poiy_61 {
-    /* Don't use cascading link style */
-    text-decoration: none;
-    display: flex;
-    align-items: flex-start;
-    overflow-x: auto;
-    overflow-y: hidden;
-    position: relative;
-}
-
-._horizontal-divider-between_1poiy_71:not(:last-child) {
-        border-bottom: 1px solid var(--cody-chat-code-border-color);
-    }
-
-._focusable-block_1poiy_77:focus-visible {
-        box-shadow: inset 0 0 0 1px var(--cody-chat-code-focus-border);
-    }
-
-._clickable_1poiy_83 {
-    cursor: pointer;
-}
-
-._clickable_1poiy_83:hover {
-        text-decoration: none;
-    }
-
-._divider-between_1poiy_90 > *:not(:last-child)::after {
-        content: ' ';
-        height: 1rem;
-        margin: 0 0.75rem;
-        border-right: 1px solid var(--cody-chat-code-border-color);
-        display: block;
-    }
-
-._divider-vertical_1poiy_100 {
-    border-bottom: 1px solid var(--cody-chat-code-border-color);
-    width: 100%;
-    margin: 0.5rem 0;
-}
-
-._divider_1poiy_90 {
-    border-right: 1px solid var(--cody-chat-code-border-color);
-    height: 1rem;
-    margin: 0 0.5rem;
-}
-
-._title_1poiy_112 {
-    display: flex;
-    align-items: center;
-    flex-grow: 1;
-    min-width: 0;
-    flex-wrap: wrap;
-}
-
-._title-inner_1poiy_120 {
-    overflow-wrap: anywhere;
-}
-
-._toggle-matches-button_1poiy_124 {
-    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);
-}
-
-._toggle-matches-button_1poiy_124:hover {
-        color: inherit;
-    }
-
-._toggle-matches-button--expanded_1poiy_1 {
-        position: sticky;
-        bottom: 0;
-    }
-
-._toggle-matches-button-text_1poiy_1 {
-        margin-left: 0.125rem;
-    }
-
-._chunk_1nj7l_1 {
-    position: relative;
-    overflow-x: auto;
-    background-color: var(--code-background);
-}
 ._buttons-container_1kf9a_1 {
     display: flex;
     flex-wrap: wrap;
@@ -931,6 +736,204 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     align-items: center;
     gap: calc(var(--spacing) / 4);
 }
+:root {
+    --code-font-size: #{(12/14)}em;
+    --code-font-family: sfmono-regular, consolas, menlo, dejavu sans mono, monospace;
+}
+
+._code_1suzz_6 {
+    white-space: pre;
+    line-height: 1rem;
+    font-size: var(--code-font-size);
+    font-family: var(--code-font-family);
+}
+
+._small_1suzz_13 {
+    font-size: 0.75rem;
+    line-height: 1rem;
+
+    /* Bootstrap applies `font-weight: 400;` to `small` element,
+       but we want to control `font-weight` only with `strong` or `.font-weight-medium`. */
+    font-weight: inherit;
+}
+
+._code-excerpt_1gr2h_1 .line,
+    ._code-excerpt_1gr2h_1 .code {
+        /* stylelint-disable-next-line declaration-property-unit-allowed-list */
+        height: 18px;
+        vertical-align: middle;
+        padding: 0;
+    }
+    ._code-excerpt_1gr2h_1 .line {
+        min-width: 1.5rem;
+        text-align: right;
+        user-select: none;
+    }
+    ._code-excerpt_1gr2h_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 {
+        white-space: pre;
+        padding-left: 1rem;
+    }
+    ._code-excerpt-error_1gr2h_1 {
+        width: 100%;
+    }
+    ._code-excerpt-alert_1gr2h_1 {
+        margin-bottom: 0;
+        color: #c92a2a;
+    }
+    ._code-excerpt_1gr2h_1 .hl-text {
+        color: #657b83;
+    }
+:root {
+    --cody-chat-code-background: var(--code-background);
+    --cody-chat-code-header-background: var(--vscode-editorGroupHeader-tabsBackground);
+    --cody-chat-code-subtle-background: var(--vscode-titleBar-inactiveBackground);
+    --cody-chat-code-border-color: var(--vscode-widget-border);
+    --cody-chat-code-text-muted: var(--vscode-input-placeholderForeground);
+    --cody-chat-code-focus-border: var(--vscode-focusBorder);
+    --cody-chat-code-mark-background: #f8e688;
+    --cody-chat-code-text-highlighted: #566880;
+}
+
+._result-container_61rcx_12 {
+    contain: paint;
+}
+
+._result-container_61rcx_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 {
+        position: absolute;
+        width: 0.0625rem;
+        height: 0.0625rem;
+        padding: 0;
+        margin: -0.0625rem;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+    }
+
+._header_61rcx_32 {
+    padding: 0.45rem 0rem;
+    display: flex;
+    align-items: center;
+    position: sticky;
+    top: 0;
+
+    /* Show on top of search result contents */
+    z-index: 1;
+    background-color: var(--cody-chat-code-header-background);
+}
+
+._header-title_61rcx_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_61rcx_12 code {
+        padding: 0 !important;
+    }
+
+._search-result-match_61rcx_60 {
+    /* Don't use cascading link style */
+    text-decoration: none;
+    display: flex;
+    align-items: flex-start;
+    overflow-x: auto;
+    overflow-y: hidden;
+    position: relative;
+}
+
+._horizontal-divider-between_61rcx_70:not(:last-child) {
+        border-bottom: 1px solid var(--cody-chat-code-border-color);
+    }
+
+._focusable-block_61rcx_76:focus-visible {
+        box-shadow: inset 0 0 0 1px var(--cody-chat-code-focus-border);
+    }
+
+._clickable_61rcx_82 {
+    cursor: pointer;
+}
+
+._clickable_61rcx_82:hover {
+        text-decoration: none;
+    }
+
+._divider-between_61rcx_89 > *:not(:last-child)::after {
+        content: ' ';
+        height: 1rem;
+        margin: 0 0.75rem;
+        border-right: 1px solid var(--cody-chat-code-border-color);
+        display: block;
+    }
+
+._divider-vertical_61rcx_99 {
+    border-bottom: 1px solid var(--cody-chat-code-border-color);
+    width: 100%;
+    margin: 0.5rem 0;
+}
+
+._divider_61rcx_89 {
+    border-right: 1px solid var(--cody-chat-code-border-color);
+    height: 1rem;
+    margin: 0 0.5rem;
+}
+
+._title_61rcx_111 {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    min-width: 0;
+    flex-wrap: wrap;
+}
+
+._title-inner_61rcx_119 {
+    overflow-wrap: anywhere;
+}
+
+._toggle-matches-button_61rcx_123 {
+    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);
+}
+
+._toggle-matches-button_61rcx_123:hover {
+        color: inherit;
+    }
+
+._toggle-matches-button--expanded_61rcx_1 {
+        position: sticky;
+        bottom: 0;
+    }
+
+._toggle-matches-button-text_61rcx_1 {
+        margin-left: 0.125rem;
+    }
+
+._chunk_1nj7l_1 {
+    position: relative;
+    overflow-x: auto;
+    background-color: var(--code-background);
+}
 ._info-message_1hay9_1 {
   --mention-color-opacity: 70%;
 
@@ -948,6 +951,19 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
   );
   word-break: break-word;
 }
+._filter_u880r_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 {
+        background-color: var(--vscode-button-background);
+        color: var(--vscode-button-foreground);
+    }
+
+    ._filter_u880r_1 svg {
+        fill: currentColor;
+    }
 ._context-item_1qxrh_1 {
   display: inline-flex;
   padding: 2px 4px 2px 2px;
@@ -1020,7 +1036,7 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_1q
 ._code-block_1qxrh_70 {
   margin-bottom: 0.25rem;
 }
-._user-avatar_1gba8_1 {
+._user-avatar_vhaw6_1 {
     isolation: isolate;
     display: inline-flex;
     border-radius: 50%;
@@ -1028,12 +1044,9 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_1q
     color: var(--vscode-inputOption-activeForeground);
     align-items: center;
     justify-content: center;
-    width: auto;
-    height: 100%;
-    max-height: 24px;
 }
 
-._sourcegraph-gradient-border_1gba8_14 {
+._sourcegraph-gradient-border_vhaw6_11 {
     --gradient-border-width: 1px;
 
     border-radius: 50%;
@@ -1053,27 +1066,27 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_1q
     height: fit-content;
 }
 
-._item_1mbcc_2 {
+._item_1lclp_2 {
     display: flex;
     gap: 0.5rem;
 }
 
-    ._item--indicator_1mbcc_13 {
+    ._item--indicator_1lclp_13 {
         display: none !important;
         margin-left: auto;
         align-self: flex-start;
     }
 
-    ._item_1mbcc_2[data-selected="true"] ._item--indicator_1mbcc_13 {
+    ._item_1lclp_2[data-selected="true"] ._item--indicator_1lclp_13 {
             display: block !important;
             color: inherit;
         }
 
-    ._item_1mbcc_2[data-selected="true"] ._prompt--avatar_1mbcc_18, ._item_1mbcc_2[data-selected="true"] ._prompt--description_1mbcc_18, ._item_1mbcc_2[data-selected="true"] ._prompt--icon_1mbcc_18 {
+    ._item_1lclp_2[data-selected="true"] ._prompt--avatar_1lclp_18, ._item_1lclp_2[data-selected="true"] ._prompt--description_1lclp_18, ._item_1lclp_2[data-selected="true"] ._prompt--icon_1lclp_18 {
             color: inherit;
         }
 
-    ._item_1mbcc_2[data-disabled="true"]  {
+    ._item_1lclp_2[data-disabled="true"]  {
         /*
          In order to override internal cmdk styles for disabled item.
          We need to have events over element to have a tooltip over the
@@ -1084,47 +1097,45 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_1q
         cursor: not-allowed;
     }
 
-._prompt_1mbcc_18 {
+._prompt_1lclp_18 {
     display: flex;
     gap: 0.5rem;
     align-items: center;
     min-width: 0;
 }
 
-._prompt--avatar_1mbcc_18 {
+._prompt--avatar_1lclp_18 {
         flex-shrink: 0;
-        width: 22px;
-        height: 22px;
         display: flex;
         align-items: center;
         justify-content: center;
     }
 
-._prompt--icon_1mbcc_18 {
+._prompt--icon_1lclp_18 {
         color: var(--vscode-input-placeholderForeground);
     }
 
-._prompt--content_1mbcc_1 {
+._prompt--content_1lclp_1 {
         min-width: 0;
         display: flex;
         flex-direction: column;
     }
 
-._prompt--title_1mbcc_1 {
+._prompt--title_1lclp_1 {
         min-width: 0;
         display: flex;
         gap: 0.25rem;
         align-items: center;
     }
 
-._prompt--name_1mbcc_1 {
+._prompt--name_1lclp_1 {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         font-weight: 500;
     }
 
-._prompt--description_1mbcc_18 {
+._prompt--description_1lclp_18 {
         color: var(--vscode-input-placeholderForeground);
         white-space: nowrap;
         overflow: hidden;
@@ -1176,6 +1187,11 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_1q
                 background-color: var(--vscode-dropdown-background);
             }
 
+._popover_1ah8d_2 {
+    box-shadow: 0 193px 54px 0 rgba(0, 0, 0, 0), 0 123px 49px 0 rgba(0, 0, 0, 0.01),
+    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;
@@ -1327,11 +1343,6 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_1q
 ._editor-content-editable_1eiqs_30 {
     min-height: 3lh;
 }
-
-._popover_1ah8d_2 {
-    box-shadow: 0 193px 54px 0 rgba(0, 0, 0, 0), 0 123px 49px 0 rgba(0, 0, 0, 0.01),
-    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 {
     --toolbar-button-font-size: 12px;
 }
@@ -1472,14 +1483,14 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     Root element which only exists to use container query
     for changing header tabs layout.
 */
-._tabs-root_ild96_10 {
+._tabs-root_11pag_10 {
     container-type: inline-size;
     container-name: tabs-container;
     isolation: isolate;
-    z-index: 1;
+    z-index: 2;
 }
 
-._tabs-container_ild96_17 {
+._tabs-container_11pag_17 {
     display: flex;
     width: 100%;
     padding: 0;
@@ -1489,7 +1500,7 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     background-color: var(--vscode-sideBar-background);
 }
 
-._tabs_ild96_10 {
+._tabs_11pag_10 {
     display: flex;
     flex-shrink: 0;
     gap: 2px;
@@ -1498,27 +1509,27 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     border-bottom: 1px solid var(--vscode-dropdown-border);
 }
 
-._tabs_ild96_10 > * {
+._tabs_11pag_10 > * {
         flex-shrink: 0;
     }
 
-._sub-tabs_ild96_40 {
+._sub-tabs_11pag_40 {
     display: flex;
     flex-shrink: 0;
     gap: 8px;
     padding: 0 8px;
 }
 
-._sub-tabs_ild96_40 > * {
+._sub-tabs_11pag_40 > * {
         flex-shrink: 0;
     }
 
-._sub-tabs_ild96_40 > button,
-._sub-tabs_ild96_40 > a {
+._sub-tabs_11pag_40 > button,
+._sub-tabs_11pag_40 > a {
     padding: 8px;
 }
 
-._tab-action-label_ild96_56 {
+._tab-action-label_11pag_56 {
     display: inline;
 }
 
@@ -1530,25 +1541,25 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     this override)
 */
 @container tabs-container (width < 575px) {
-        ._tabs-root_ild96_10:not(._tabs-root--cody-web_ild96_68) ._tab-action-label_ild96_56 {
+        ._tabs-root_11pag_10:not(._tabs-root--cody-web_11pag_68) ._tab-action-label_11pag_56 {
             display: none;
         }
 }
 
 /* Special override for Cody Web tabs */
 @container tabs-container (width < 375px) {
-    ._tabs-root--cody-web_ild96_68 ._tab-action-label_ild96_56 {
+    ._tabs-root--cody-web_11pag_68 ._tab-action-label_11pag_56 {
         display: none;
     }
 }
 
-._dialog-overlay_ild96_1 {
+._dialog-overlay_11pag_1 {
         inset: 0;
         position: fixed;
         background-color: var(--vscode-overlay-background);
     }
 
-._dialog-content_ild96_1 {
+._dialog-content_11pag_1 {
         width: 90vw;
         max-width: 450px;
         max-height: 85vh;
@@ -1564,23 +1575,23 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
             hsl(206deg 22% 7% / 20%) 0 10px 20px -15px;
     }
 
-._dialog-content_ild96_1:focus {
+._dialog-content_11pag_1:focus {
             outline: none;
         }
 
-._dialog-title_ild96_1 {
+._dialog-title_11pag_1 {
         margin: 0;
         font-weight: 500;
         font-size: 17px;
     }
 
-._dialog-description_ild96_1 {
+._dialog-description_11pag_1 {
         margin: 10px 0 20px;
         font-size: 15px;
         line-height: 1.5;
     }
 
-._dialog-footer_ild96_1 {
+._dialog-footer_11pag_1 {
         margin-top: 1.5rem;
         width: 100%;
         display: flex;
@@ -2311,6 +2322,12 @@ imported in Sourcegraph shell.
 	margin-top: 8px;
 	margin-bottom: 8px;
 }
+.tw--ml-2 {
+	margin-left: -4px;
+}
+.tw--mr-2 {
+	margin-right: -4px;
+}
 .tw-mb-10 {
 	margin-bottom: 20px;
 }
@@ -2402,6 +2419,9 @@ imported in Sourcegraph shell.
 .\!tw-h-\[30px\] {
 	height: 30px !important;
 }
+.tw-h-10 {
+	height: 20px;
+}
 .tw-h-8 {
 	height: 16px;
 }
@@ -2441,6 +2461,9 @@ imported in Sourcegraph shell.
 .\!tw-max-h-\[unset\] {
 	max-height: unset !important;
 }
+.tw-max-h-\[200px\] {
+	max-height: 200px;
+}
 .tw-max-h-\[500px\] {
 	max-height: 500px;
 }
@@ -2456,9 +2479,15 @@ imported in Sourcegraph shell.
 .\!tw-w-fit {
 	width: fit-content !important;
 }
+.tw-w-10 {
+	width: 20px;
+}
 .tw-w-4 {
 	width: 8px;
 }
+.tw-w-48 {
+	width: 12rem;
+}
 .tw-w-72 {
 	width: 18rem;
 }
@@ -2483,6 +2512,9 @@ imported in Sourcegraph shell.
 .tw-w-\[225px\] {
 	width: 225px;
 }
+.tw-w-\[250px\] {
+	width: 250px;
+}
 .tw-w-\[30px\] {
 	width: 30px;
 }
@@ -2621,6 +2653,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;
 }
@@ -2689,8 +2724,8 @@ imported in Sourcegraph shell.
 .tw-divide-muted > :not([hidden]) ~ :not([hidden]) {
 	border-color: var(--vscode-input-background);
 }
-.tw-self-start {
-	align-self: flex-start;
+.tw-self-center {
+	align-self: center;
 }
 .tw-self-stretch {
 	align-self: stretch;
@@ -3011,6 +3046,9 @@ imported in Sourcegraph shell.
 .tw-pl-5 {
 	padding-left: 10px;
 }
+.tw-pl-8 {
+	padding-left: 16px;
+}
 .tw-pr-4 {
 	padding-right: 8px;
 }
@@ -3111,6 +3149,9 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(31 41 55 / var(--tw-text-opacity));
 }
+.tw-text-inherit {
+	color: inherit;
+}
 .tw-text-input-foreground {
 	color: var(--vscode-input-foreground);
 }
@@ -3143,6 +3184,9 @@ imported in Sourcegraph shell.
 .tw-underline {
 	text-decoration-line: underline;
 }
+.tw-no-underline {
+	text-decoration-line: none;
+}
 .tw-underline-offset-4 {
 	text-underline-offset: 4px;
 }
@@ -3553,6 +3597,9 @@ imported in Sourcegraph shell.
 .hover\:\!tw-bg-button-secondary-background-hover:hover {
 	background-color: var(--vscode-button-secondaryHoverBackground) !important;
 }
+.hover\:\!tw-bg-transparent:hover {
+	background-color: transparent !important;
+}
 .hover\:tw-bg-accent:hover {
 	background-color: var(--vscode-list-activeSelectionBackground);
 }
@@ -3648,6 +3695,12 @@ imported in Sourcegraph shell.
 .tw-group:hover .group-hover\:tw-opacity-100 {
 	opacity: 1;
 }
+.tw-peer:disabled ~ .peer-disabled\:tw-cursor-not-allowed {
+	cursor: not-allowed;
+}
+.tw-peer:disabled ~ .peer-disabled\:tw-opacity-70 {
+	opacity: 0.7;
+}
 .aria-selected\:tw-bg-accent[aria-selected="true"] {
 	background-color: var(--vscode-list-activeSelectionBackground);
 }