@sourcegraph/cody-web 0.9.0 → 0.10.0

package/dist/style.css

@@ -252,15 +252,36 @@ html[data-ide=JetBrains] ._template-input-node_14yoh_1 {
 kbd {
     all: unset;
 }
-._path_kr5rq_1 {
+._path_1dh30_1 {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
+
+    /* Makes ellipsis show in default text color, we show the basename in link color below */
+    color: var(--vscode-disabledForeground);
 }
 
-._excluded_kr5rq_7 {
+._excluded_1dh30_10 {
     text-decoration: line-through !important;
 }
+
+._basename_1dh30_14 {
+    color: var(--vscode-textLink-foreground);
+}
+
+._repoShortName_1dh30_18 {
+    color: var(--vscode-disabledForeground);
+    font-size: smaller;
+}
+
+._dirname_1dh30_23 {
+    color: var(--vscode-disabledForeground);
+    font-size: smaller;
+}
+
+._range_1dh30_28 {
+    color: var(--vscode-disabledForeground);
+}
 :root {
     --code-font-size: #{(12/14)}em;
     --code-font-family: sfmono-regular, consolas, menlo, dejavu sans mono, monospace;
@@ -314,8 +335,8 @@ kbd {
         color: #657b83;
     }
 :root {
-    --cody-chat-code-background: var(--vscode-textCodeBlock-background);
-    --cody-chat-code-header-background: var(--vscode-titleBar-inactiveBackground);
+    --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);
@@ -324,18 +345,16 @@ kbd {
     --cody-chat-code-text-highlighted: #566880;
 }
 
-._result-container_1ojeo_12 {
+._result-container_1poiy_12 {
     contain: paint;
-    border-radius: 4px;
-    border: solid 1px var(--cody-chat-code-border-color);
 }
 
-._result-container_1ojeo_12 .match-highlight {
+._result-container_1poiy_12 .match-highlight {
         color: var(--cody-chat-code-text-highlighted);
-        background-color: var(--cody-chat-code-mark-background);
+        background-color: var(--cody-chat-code-mark-background) !important;
     }
 
-._result-container_1ojeo_12 .sr-only {
+._result-container_1poiy_12 .sr-only {
         position: absolute;
         width: 0.0625rem;
         height: 0.0625rem;
@@ -347,33 +366,36 @@ kbd {
         border: 0;
     }
 
-._header_1ojeo_35 {
+._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;
-
-    border-bottom: 1px solid var(--cody-chat-code-border-color);
     background-color: var(--cody-chat-code-header-background);
 }
 
-._header-title_1ojeo_1 {
+._header-title_1poiy_1 {
         flex: 1 1 auto;
         display: flex;
         flex-wrap: wrap;
     }
 
-._result_1ojeo_12 {
+._result_1poiy_12 {
+    border-radius: 4px;
+    border: solid 1px var(--cody-chat-code-border-color);
     background-color: var(--cody-chat-code-background);
 }
 
-._search-result-match_1ojeo_61 {
+._result_1poiy_12 code {
+        padding: 0 !important;
+    }
+
+._search-result-match_1poiy_61 {
     /* Don't use cascading link style */
     text-decoration: none;
     display: flex;
@@ -383,24 +405,23 @@ kbd {
     position: relative;
 }
 
-._horizontal-divider-between_1ojeo_71:not(:last-child) {
+._horizontal-divider-between_1poiy_71:not(:last-child) {
         border-bottom: 1px solid var(--cody-chat-code-border-color);
     }
 
-._focusable-block_1ojeo_77:focus-visible {
+._focusable-block_1poiy_77:focus-visible {
         box-shadow: inset 0 0 0 1px var(--cody-chat-code-focus-border);
     }
 
-._clickable_1ojeo_83 {
+._clickable_1poiy_83 {
     cursor: pointer;
 }
 
-._clickable_1ojeo_83:hover {
+._clickable_1poiy_83:hover {
         text-decoration: none;
-        background-color: var(--cody-chat-code-subtle-background);
     }
 
-._divider-between_1ojeo_91 > *:not(:last-child)::after {
+._divider-between_1poiy_90 > *:not(:last-child)::after {
         content: ' ';
         height: 1rem;
         margin: 0 0.75rem;
@@ -408,19 +429,19 @@ kbd {
         display: block;
     }
 
-._divider-vertical_1ojeo_101 {
+._divider-vertical_1poiy_100 {
     border-bottom: 1px solid var(--cody-chat-code-border-color);
     width: 100%;
     margin: 0.5rem 0;
 }
 
-._divider_1ojeo_91 {
+._divider_1poiy_90 {
     border-right: 1px solid var(--cody-chat-code-border-color);
     height: 1rem;
     margin: 0 0.5rem;
 }
 
-._title_1ojeo_113 {
+._title_1poiy_112 {
     display: flex;
     align-items: center;
     flex-grow: 1;
@@ -428,11 +449,11 @@ kbd {
     flex-wrap: wrap;
 }
 
-._title-inner_1ojeo_121 {
+._title-inner_1poiy_120 {
     overflow-wrap: anywhere;
 }
 
-._toggle-matches-button_1ojeo_125 {
+._toggle-matches-button_1poiy_124 {
     width: 100%;
     text-align: left;
     border: none;
@@ -442,33 +463,29 @@ kbd {
     color: var(--cody-chat-code-text-muted);
 }
 
-._toggle-matches-button_1ojeo_125:hover {
+._toggle-matches-button_1poiy_124:hover {
         color: inherit;
     }
 
-._toggle-matches-button--expanded_1ojeo_1 {
+._toggle-matches-button--expanded_1poiy_1 {
         position: sticky;
         bottom: 0;
     }
 
-._toggle-matches-button-text_1ojeo_1 {
+._toggle-matches-button-text_1poiy_1 {
         margin-left: 0.125rem;
     }
 
-._chunk_1q5wi_1 {
+._chunk_1nj7l_1 {
     position: relative;
     overflow-x: auto;
-    padding: 0.25rem 0.5rem;
-    background-color: var(--cody-chat-code-background);
+    background-color: var(--code-background);
 }
 
-    ._chunk_1q5wi_1:first-child {
-        padding-top: 0.5rem;
-    }
-
-    ._chunk_1q5wi_1:last-child {
-        padding-bottom: 0.5rem;
-    }
+._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_15z33_1 {
     display: flex;
     flex-direction: column;
@@ -952,7 +969,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     padding-left: 0.1rem;
     text-wrap: nowrap;
 }
-._user-avatar_tzwlo_1 {
+._user-avatar_1ll2x_1 {
     isolation: isolate;
     display: inline-flex;
     border-radius: 50%;
@@ -960,10 +977,10 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     color: var(--vscode-inputOption-activeForeground);
     align-items: center;
     justify-content: center;
-    height: fit-content;
+    height: 100%;
 }
 
-._sourcegraph-gradient-border_tzwlo_12 {
+._sourcegraph-gradient-border_1ll2x_12 {
     --gradient-border-width: 1px;
 
     border-radius: 50%;
@@ -976,7 +993,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     --human-message-editor-cell-spacing-bottom: 6px;
 }
 
-._container_1alue_6 {
+._container_16hae_6 {
     display: flex;
     flex-direction: column;
     gap: var(--human-message-editor-gap);
@@ -988,22 +1005,21 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     cursor: text;
 }
 
-._container_1alue_6 ._editor_1alue_17 {
+._container_16hae_6 ._editor_16hae_17 {
         scrollbar-gutter: stable;
         padding: var(--prompt-editor-padding-y) var(--prompt-editor-padding-x);
     }
 
-._toolbar_1alue_23 {
+._toolbar_16hae_23 {
     padding: calc(0.75*var(--prompt-editor-padding-y)) var(--prompt-editor-padding-x);
-    margin-left: -2px;
     overflow: hidden;
 }
 
-._container_1alue_6:not(._focused_1alue_29, [data-keep-toolbar-open]) {
+._container_16hae_6:not(._focused_16hae_28, [data-keep-toolbar-open]) {
     --human-message-editor-gap: 0px;
 }
 
-._container_1alue_6:not(._focused_1alue_29, [data-keep-toolbar-open]) ._toolbar_1alue_23 {
+._container_16hae_6:not(._focused_16hae_28, [data-keep-toolbar-open]) ._toolbar_16hae_23 {
         height: 0;
         opacity: 0;
         margin-top: 0;
@@ -1011,17 +1027,17 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
         padding: 0;
     }
 
-._container_1alue_6:hover, ._container_1alue_6:has(:focus-within, menu>button:focus) {
+._container_16hae_6:hover, ._container_16hae_6:has(:focus-within, menu>button:focus) {
     background-color: var(--vscode-input-background);
 }
 
 /* Show focus ring when the input is focused or a toolbar button within the input container is
    focused, but NOT if something in a toolbar button's popover is focused. */
-._container_1alue_6:has([data-lexical-editor='true']:focus-within, menu>button:focus) {
+._container_16hae_6:has([data-lexical-editor='true']:focus-within, menu>button:focus) {
     outline-color: var(--vscode-focusBorder);
 }
 
-._editor-content-editable_1alue_51 {
+._editor-content-editable_16hae_50 {
     min-height: 1lh;
 }
 :root {
@@ -1099,7 +1115,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
 ._button_rqosg_5:disabled._button--secondary_rqosg_54 {
         opacity: 0.7;
     }
-._model-title-with-icon_rn0uf_1 {
+._model-title-with-icon_1bw6t_1 {
     flex: 1;
     display: flex;
     align-items: center;
@@ -1107,71 +1123,263 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     line-height: 16px;
 }
 
-._model-title-with-icon_rn0uf_1:is(a) {
+._model-title-with-icon_1bw6t_1:is(a) {
     outline: none !important;
 }
 
-._model-title-with-icon_rn0uf_1 ._model-name_rn0uf_13 {
+._model-title-with-icon_1bw6t_1 ._model-name_1bw6t_13 {
     font-weight: 500;
 }
 
-._model-title-with-icon_rn0uf_1 ._model-provider_rn0uf_17 {
+._model-title-with-icon_1bw6t_1 ._model-provider_1bw6t_17 {
     margin-left: 0.25rem;
     opacity: 0.65;
     font-size: 85%;
 }
 
-._model-title-with-icon_rn0uf_1._disabled_rn0uf_23 {
+._model-title-with-icon_1bw6t_1._disabled_1bw6t_23 {
     opacity: 0.5;
 }
 
-._model-title-with-icon_rn0uf_1 ._model-icon_rn0uf_27 {
+._model-title-with-icon_1bw6t_1 ._model-icon_1bw6t_27 {
     opacity: 0.5;
 }
 
-._right-icon_rn0uf_31 {
+._right-icon_1bw6t_31 {
     margin-left: auto;
 }
 
-._badge_rn0uf_35 {
+._badge_1bw6t_35 {
     margin-left: auto;
     line-height: 16px;
     font-size: 11px;
     border-radius: 2px;
     padding: 0 5px;
     border: 1px solid var(--vscode-contrastBorder);
-    background: var(--vscode-badge-background);
-    color: var(--vscode-badge-foreground);
-}
-
-._badge-pro_rn0uf_46 {
-    opacity: 0.75;
 }
 
-button > ._model-title-with-icon_rn0uf_1 ._model-name_rn0uf_13 {
+button > ._model-title-with-icon_1bw6t_1 ._model-name_1bw6t_13 {
     font-weight: normal;
 }
 
-button > ._model-title-with-icon_rn0uf_1 ._model-icon_rn0uf_27,
-button > ._model-title-with-icon_rn0uf_1 ._model-provider_rn0uf_17,
-button > ._model-title-with-icon_rn0uf_1 ._badge_rn0uf_35 {
+button > ._model-title-with-icon_1bw6t_1 ._model-icon_1bw6t_27,
+button > ._model-title-with-icon_1bw6t_1 ._model-provider_1bw6t_17,
+button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     display: none;
 }
-._info-message_6yx2w_1 {
-    --mention-color-opacity: 70%;
 
-    border: 1px solid color-mix(in lch, var(--vscode-inputOption-activeBackground) calc(1.2* var(--mention-color-opacity)), transparent);
-    background-color: color-mix(in lch, var(--vscode-inputOption-activeBackground) var(--mention-color-opacity), transparent);
+._item_1xr6n_2 {
+    display: flex;
+    gap: 0.5rem;
 }
-._chat-disabled_rc7no_1 {
-    text-align: center;
-    padding: 0.5rem 0.25rem;
-    background-color: var(--vscode-inputValidation-errorBackground);
-    border-bottom: solid 1px var(--vscode-inputValidation-errorBorder);
-    color: var(--vscode-foreground);
+
+    ._item--indicator_1xr6n_13 {
+        display: none !important;
+        margin-left: auto;
+        align-self: flex-start;
+    }
+
+    ._item_1xr6n_2[data-selected="true"] ._item--indicator_1xr6n_13 {
+            display: block !important;
+            color: inherit;
+        }
+
+    ._item_1xr6n_2[data-selected="true"] ._prompt--avatar_1xr6n_18, ._item_1xr6n_2[data-selected="true"] ._prompt--description_1xr6n_18, ._item_1xr6n_2[data-selected="true"] ._prompt--icon_1xr6n_18 {
+            color: inherit;
+        }
+
+._prompt_1xr6n_18 {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    min-width: 0;
+}
+
+._prompt--avatar_1xr6n_18 {
+        flex-shrink: 0;
+        width: 22px;
+        height: 22px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+._prompt--icon_1xr6n_18 {
+        color: var(--vscode-input-placeholderForeground);
+    }
+
+._prompt--content_1xr6n_1 {
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+    }
+
+._prompt--title_1xr6n_1 {
+        min-width: 0;
+        display: flex;
+        gap: 0.25rem;
+    }
+
+._prompt--name_1xr6n_1 {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        font-weight: 500;
+    }
+
+._prompt--description_1xr6n_18 {
+        color: var(--vscode-input-placeholderForeground);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+
+._list_q63t8_2 {
+    outline: none;
+    max-height: unset !important;
+    background-color: transparent !important;
+}
+
+    ._list--input-container_q63t8_1 {
+        top: 0;
+        position: sticky;
+        z-index: 1;
+    }
+
+    ._list--input_q63t8_1 {
+        margin: 0.5rem;
+        padding: 0.5rem;
+        border-radius: 3px;
+        background-color: var(--vscode-input-background);
+        color: var(--vscode-input-foreground);
+    }
+
+    ._list--input_q63t8_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_q63t8_1 ._list--item_q63t8_32 {
+            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"] {
+                border-color: var(--vscode-list-activeSelectionBackground);
+            }
+
+    ._list-chips_q63t8_1 ._list--item_q63t8_32:not([aria-selected="true"]) {
+                background-color: var(--vscode-dropdown-background);
+            }
+
+._root_18l4i_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_18l4i_11 {
+    display: flex;
+    gap: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+._heading_18l4i_17 {
+    font-size: 1rem;
+    font-weight: 500;
+    margin-bottom: 0.25rem;
+    color: var(--vscode-dropdown-foreground);
+}
+
+._description-text_18l4i_24 {
+    line-height: 1rem;
+    margin-bottom: 0.75rem;
+    color: var(--vscode-dropdown-foreground);
+}
+
+._actions_18l4i_30 {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+._action_18l4i_30 {
+    flex-shrink: 0;
+}
+
+._footer_18l4i_41 {
+    margin-top: 0.75rem;
+    line-height: 1rem;
+    font-size: 12px;
+}
+
+._inner-container_18l4i_47 {
+    margin-top: 0.5rem;
+}
+
+._loader_18l4i_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_18l4i_1 {
+        width: 100%;
+        height: 100%;
+        background-color: var(--vscode-button-background);
+        transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
+    }
+
+._error_18l4i_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_18l4i_83 {
+    padding: 0.25rem;
+    align-self: flex-start;
+    margin: -0.25rem -0.25rem 0 auto;
+}
+
+._prompts-input_lclhy_2 {
+    background-color: var(--vscode-sideBar-background);
+}
+
+._prompts-container_lclhy_6 {
+    height: min-content !important;
+    overflow: visible !important;
+}
+
+._prompt-migration-widget_lclhy_11 {
+    margin: 1rem 1rem -0.75rem 1rem;
 }
 :root {
-    --vscode-overlay-background: rgba(0, 0, 0, 0.5);
+    --vscode-overlay-background: rgb(0 0 0 / 50%);
     --vscode-modal-background: var(--vscode-sideBar-background);
 }
 
@@ -1179,15 +1387,13 @@ button > ._model-title-with-icon_rn0uf_1 ._badge_rn0uf_35 {
     Root element which only exists to use container query
     for changing header tabs layout.
 */
-._tabs-root_1e23y_10 {
+._tabs-root_a1f96_10 {
     container-type: inline-size;
     container-name: tabs-container;
-
     isolation: isolate;
-    z-index: 1;
 }
 
-._tabs-container_1e23y_18 {
+._tabs-container_a1f96_16 {
     display: flex;
     width: 100%;
     padding: 0;
@@ -1198,7 +1404,7 @@ button > ._model-title-with-icon_rn0uf_1 ._badge_rn0uf_35 {
     background-color: var(--vscode-sideBar-background);
 }
 
-._tabs_1e23y_10 {
+._tabs_a1f96_10 {
     display: flex;
     flex-shrink: 0;
     gap: 2px;
@@ -1207,22 +1413,22 @@ button > ._model-title-with-icon_rn0uf_1 ._badge_rn0uf_35 {
     border-bottom: 1px solid var(--vscode-dropdown-border);
 }
 
-._tabs_1e23y_10 > * {
+._tabs_a1f96_10 > * {
         flex-shrink: 0;
     }
 
-._sub-tabs_1e23y_42 {
+._sub-tabs_a1f96_40 {
     display: flex;
     flex-shrink: 0;
     gap: 8px;
     padding: 0 8px;
 }
 
-._sub-tabs_1e23y_42 > * {
+._sub-tabs_a1f96_40 > * {
         flex-shrink: 0;
     }
 
-._tab-action-label_1e23y_53 {
+._tab-action-label_a1f96_51 {
     display: inline;
 }
 
@@ -1234,25 +1440,25 @@ button > ._model-title-with-icon_rn0uf_1 ._badge_rn0uf_35 {
     this override)
 */
 @container tabs-container (width < 575px) {
-        ._tabs-root_1e23y_10:not(._tabs-root--cody-web_1e23y_65) ._tab-action-label_1e23y_53 {
+        ._tabs-root_a1f96_10:not(._tabs-root--cody-web_a1f96_63) ._tab-action-label_a1f96_51 {
             display: none;
         }
 }
 
 /* Special override for Cody Web tabs */
 @container tabs-container (width < 375px) {
-    ._tabs-root--cody-web_1e23y_65 ._tab-action-label_1e23y_53 {
+    ._tabs-root--cody-web_a1f96_63 ._tab-action-label_a1f96_51 {
         display: none;
     }
 }
 
-._dialog-overlay_1e23y_1 {
+._dialog-overlay_a1f96_1 {
         inset: 0;
         position: fixed;
         background-color: var(--vscode-overlay-background);
     }
 
-._dialog-content_1e23y_1 {
+._dialog-content_a1f96_1 {
         width: 90vw;
         max-width: 450px;
         max-height: 85vh;
@@ -1261,35 +1467,90 @@ button > ._model-title-with-icon_rn0uf_1 ._badge_rn0uf_35 {
         left: 50%;
         transform: translate(-50%, -50%);
         padding: 25px;
-
         border-radius: 6px;
         background-color: var(--vscode-modal-background);
-        box-shadow: hsl(206 22% 7% / 35%) 0 10px 38px -10px, hsl(206 22% 7% / 20%) 0 10px 20px -15px;
+        box-shadow: hsl(206deg 22% 7% / 35%) 0 10px 38px -10px, hsl(206deg 22% 7% / 20%) 0 10px 20px -15px;
     }
 
-._dialog-content_1e23y_1:focus {
+._dialog-content_a1f96_1:focus {
             outline: none;
         }
 
-._dialog-title_1e23y_1 {
+._dialog-title_a1f96_1 {
         margin: 0;
         font-weight: 500;
         font-size: 17px;
     }
 
-._dialog-description_1e23y_1 {
+._dialog-description_a1f96_1 {
         margin: 10px 0 20px;
         font-size: 15px;
         line-height: 1.5;
     }
 
-._dialog-footer_1e23y_1 {
+._dialog-footer_a1f96_1 {
         margin-top: 1.5rem;
         width: 100%;
         display: flex;
         justify-content: flex-end;
         gap: 0.5rem;
     }
+._info-message_6yx2w_1 {
+    --mention-color-opacity: 70%;
+
+    border: 1px solid color-mix(in lch, var(--vscode-inputOption-activeBackground) calc(1.2* var(--mention-color-opacity)), transparent);
+    background-color: color-mix(in lch, var(--vscode-inputOption-activeBackground) var(--mention-color-opacity), transparent);
+}
+._chat-disabled_rc7no_1 {
+    text-align: center;
+    padding: 0.5rem 0.25rem;
+    background-color: var(--vscode-inputValidation-errorBackground);
+    border-bottom: solid 1px var(--vscode-inputValidation-errorBorder);
+    color: var(--vscode-foreground);
+}
+._welcome-footer_q2fi5_1 {
+    padding: 1rem 1rem;
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: space-between;
+    align-items: center;
+    max-width: 100%;
+    color: var(--vscode-input-placeholderForeground)
+}
+
+._tips_q2fi5_11 {
+    display: flex;
+    flex-flow: column nowrap;
+    flex-shrink: 0;
+    gap: 0.5rem;
+    padding: 1.0rem;
+    border-bottom: 0.25px solid var(--vscode-dropdown-border);
+}
+
+._links_q2fi5_20 {
+    display: flex;
+    flex-shrink: none;
+    flex-direction: row;
+    padding: 1.0rem 1.5rem;
+    gap: 0.5rem;
+    flex-shrink: 0;
+    justify-content: space-around;
+    align-items: center;
+}
+
+._item_q2fi5_31 {
+    display: flex;
+    flex-flow: row nowrap;
+    flex-shrink: 0;
+    gap: 0.5rem;
+    align-items: center;
+}
+
+._link_q2fi5_20 {
+    color: inherit;
+    text-decoration: none;
+
+}
 
 /*
 Since this package is used only for Cody Web in Sourcegraph it's ok to
@@ -1949,6 +2210,19 @@ imported in Sourcegraph shell.
 	margin-top: 4px;
 	margin-bottom: 4px;
 }
+.tw-my-4 {
+	margin-top: 8px;
+	margin-bottom: 8px;
+}
+.tw-mb-0 {
+	margin-bottom: 0px;
+}
+.tw-mb-2 {
+	margin-bottom: 4px;
+}
+.tw-mb-3 {
+	margin-bottom: 6px;
+}
 .tw-mb-4 {
 	margin-bottom: 8px;
 }
@@ -1967,9 +2241,6 @@ imported in Sourcegraph shell.
 .tw-ml-2 {
 	margin-left: 4px;
 }
-.tw-ml-4 {
-	margin-left: 8px;
-}
 .tw-ml-auto {
 	margin-left: auto;
 }
@@ -1991,9 +2262,15 @@ imported in Sourcegraph shell.
 .tw-mt-2 {
 	margin-top: 4px;
 }
+.tw-mt-3 {
+	margin-top: 6px;
+}
 .tw-mt-4 {
 	margin-top: 8px;
 }
+.tw-mt-5 {
+	margin-top: 10px;
+}
 .tw-mt-6 {
 	margin-top: 12px;
 }
@@ -2003,6 +2280,9 @@ imported in Sourcegraph shell.
 .tw-mt-auto {
 	margin-top: auto;
 }
+.tw-inline-block {
+	display: inline-block;
+}
 .tw-flex {
 	display: flex;
 }
@@ -2034,6 +2314,9 @@ imported in Sourcegraph shell.
 .tw-h-\[20px\] {
 	height: 20px;
 }
+.tw-h-\[30px\] {
+	height: 30px;
+}
 .tw-h-\[50vh\] {
 	height: 50vh;
 }
@@ -2052,6 +2335,15 @@ imported in Sourcegraph shell.
 .tw-max-h-\[500px\] {
 	max-height: 500px;
 }
+.tw-max-h-\[70vh\] {
+	max-height: 70vh;
+}
+.tw-max-h-fit {
+	max-height: fit-content;
+}
+.\!tw-w-auto {
+	width: auto !important;
+}
 .tw-w-72 {
 	width: 18rem;
 }
@@ -2061,6 +2353,9 @@ imported in Sourcegraph shell.
 .tw-w-\[1\.375rem\] {
 	width: 1.375rem;
 }
+.tw-w-\[16px\] {
+	width: 16px;
+}
 .tw-w-\[18px\] {
 	width: 18px;
 }
@@ -2073,6 +2368,9 @@ imported in Sourcegraph shell.
 .tw-w-\[225px\] {
 	width: 225px;
 }
+.tw-w-\[30px\] {
+	width: 30px;
+}
 .tw-w-\[75vw\] {
 	width: 75vw;
 }
@@ -2097,6 +2395,9 @@ imported in Sourcegraph shell.
 .tw-max-w-72 {
 	max-width: 18rem;
 }
+.tw-max-w-\[200px\] {
+	max-width: 200px;
+}
 .tw-max-w-\[550px\] {
 	max-width: 550px;
 }
@@ -2109,11 +2410,17 @@ imported in Sourcegraph shell.
 .tw-max-w-lg {
 	max-width: 32rem;
 }
+.tw-max-w-md {
+	max-width: 28rem;
+}
 .tw-flex-1 {
 	flex: 1 1 0%;
 }
-.tw-flex-none {
-	flex: none;
+.tw-flex-auto {
+	flex: 1 1 auto;
+}
+.tw-flex-shrink-0 {
+	flex-shrink: 0;
 }
 .tw-shrink-0 {
 	flex-shrink: 0;
@@ -2121,8 +2428,8 @@ imported in Sourcegraph shell.
 .tw-flex-grow {
 	flex-grow: 1;
 }
-.tw-grow {
-	flex-grow: 1;
+.tw-basis-0 {
+	flex-basis: 0px;
 }
 .-tw-translate-y-\[\.2em\] {
 	--tw-translate-y: -.2em;
@@ -2150,6 +2457,9 @@ imported in Sourcegraph shell.
 .tw-select-none {
 	user-select: none;
 }
+.tw-resize-none {
+	resize: none;
+}
 .tw-list-none {
 	list-style-type: none;
 }
@@ -2159,15 +2469,15 @@ imported in Sourcegraph shell.
 .tw-flex-col {
 	flex-direction: column;
 }
+.tw-flex-col-reverse {
+	flex-direction: column-reverse;
+}
 .tw-flex-wrap {
 	flex-wrap: wrap;
 }
 .tw-flex-wrap-reverse {
 	flex-wrap: wrap-reverse;
 }
-.\!tw-items-start {
-	align-items: flex-start !important;
-}
 .tw-items-start {
 	align-items: flex-start;
 }
@@ -2183,6 +2493,9 @@ imported in Sourcegraph shell.
 .tw-items-stretch {
 	align-items: stretch;
 }
+.\!tw-justify-start {
+	justify-content: flex-start !important;
+}
 .tw-justify-end {
 	justify-content: flex-end;
 }
@@ -2192,11 +2505,8 @@ imported in Sourcegraph shell.
 .tw-justify-between {
 	justify-content: space-between;
 }
-.tw-gap-0 {
-	gap: 0px;
-}
-.tw-gap-0\.5 {
-	gap: 0.125rem;
+.\!tw-gap-2 {
+	gap: 4px !important;
 }
 .tw-gap-1 {
 	gap: 2px;
@@ -2245,6 +2555,9 @@ 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-stretch {
 	align-self: stretch;
 }
@@ -2254,9 +2567,6 @@ imported in Sourcegraph shell.
 .tw-overflow-hidden {
 	overflow: hidden;
 }
-.tw-overflow-clip {
-	overflow: clip;
-}
 .tw-overflow-y-auto {
 	overflow-y: auto;
 }
@@ -2268,18 +2578,12 @@ imported in Sourcegraph shell.
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.tw-text-ellipsis {
-	text-overflow: ellipsis;
-}
 .tw-whitespace-nowrap {
 	white-space: nowrap;
 }
 .tw-whitespace-pre-line {
 	white-space: pre-line;
 }
-.tw-text-nowrap {
-	text-wrap: nowrap;
-}
 .\!tw-rounded-full {
 	border-radius: 9999px !important;
 }
@@ -2304,9 +2608,6 @@ imported in Sourcegraph shell.
 .tw-rounded-md {
 	border-radius: 4px;
 }
-.tw-rounded-none {
-	border-radius: 0px;
-}
 .tw-rounded-sm {
 	border-radius: 2px;
 }
@@ -2346,15 +2647,15 @@ imported in Sourcegraph shell.
 .tw-border-current {
 	border-color: currentColor;
 }
+.tw-border-input-border {
+	border-color: var(--vscode-input-border);
+}
 .tw-border-keybinding-border {
 	border-color: var(--vscode-keybindingLabel-border);
 }
 .tw-border-muted-transparent {
 	border-color: color-mix(in lch, currentColor 15%, transparent);
 }
-.tw-border-ring {
-	border-color: var(--vscode-focusBorder);
-}
 .tw-border-transparent {
 	border-color: transparent;
 }
@@ -2367,9 +2668,6 @@ imported in Sourcegraph shell.
 .tw-border-t-border {
 	border-top-color: var(--vscode-dropdown-border);
 }
-.\!tw-bg-\[unset\] {
-	background-color: unset !important;
-}
 .tw-bg-\[unset\] {
 	background-color: unset;
 }
@@ -2391,15 +2689,31 @@ imported in Sourcegraph shell.
 .tw-bg-button-secondary-background {
 	background-color: var(--vscode-button-secondaryBackground);
 }
+.tw-bg-button-secondary-background-hover {
+	background-color: var(--vscode-button-secondaryHoverBackground);
+}
 .tw-bg-current {
 	background-color: currentColor;
 }
+.tw-bg-input-background {
+	background-color: var(--vscode-input-background);
+}
 .tw-bg-keybinding-background {
 	background-color: var(--vscode-keybindingLabel-background);
 }
+.tw-bg-muted {
+	background-color: var(--vscode-input-background);
+}
 .tw-bg-popover {
 	background-color: var(--vscode-quickInput-background);
 }
+.tw-bg-red-800 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(153 27 27 / var(--tw-bg-opacity));
+}
+.tw-bg-sidebar-background {
+	background-color: var(--vscode-sideBar-background);
+}
 .tw-bg-status-offline-background {
 	background-color: var(--vscode-statusBarItem-offlineBackground);
 }
@@ -2415,6 +2729,9 @@ imported in Sourcegraph shell.
 .\!tw-p-3 {
 	padding: 6px !important;
 }
+.\!tw-p-4 {
+	padding: 8px !important;
+}
 .tw-p-0 {
 	padding: 0px;
 }
@@ -2424,14 +2741,22 @@ imported in Sourcegraph shell.
 .tw-p-2 {
 	padding: 4px;
 }
+.tw-p-3 {
+	padding: 6px;
+}
 .tw-p-4 {
 	padding: 8px;
 }
 .tw-p-6 {
 	padding: 12px;
 }
-.tw-p-8 {
-	padding: 16px;
+.\!tw-px-6 {
+	padding-left: 12px !important;
+	padding-right: 12px !important;
+}
+.\!tw-px-8 {
+	padding-left: 16px !important;
+	padding-right: 16px !important;
 }
 .tw-px-0 {
 	padding-left: 0px;
@@ -2465,6 +2790,18 @@ imported in Sourcegraph shell.
 	padding-top: 0px;
 	padding-bottom: 0px;
 }
+.tw-py-1 {
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.tw-py-1\.5 {
+	padding-top: 3px;
+	padding-bottom: 3px;
+}
+.tw-py-10 {
+	padding-top: 20px;
+	padding-bottom: 20px;
+}
 .tw-py-2 {
 	padding-top: 4px;
 	padding-bottom: 4px;
@@ -2488,9 +2825,6 @@ imported in Sourcegraph shell.
 .tw-pb-12 {
 	padding-bottom: 24px;
 }
-.tw-pb-3 {
-	padding-bottom: 6px;
-}
 .tw-pb-6 {
 	padding-bottom: 12px;
 }
@@ -2503,9 +2837,6 @@ imported in Sourcegraph shell.
 .tw-pt-2 {
 	padding-top: 4px;
 }
-.tw-pt-4 {
-	padding-top: 8px;
-}
 .tw-pt-6 {
 	padding-top: 12px;
 }
@@ -2521,6 +2852,9 @@ imported in Sourcegraph shell.
 .tw-align-middle {
 	vertical-align: middle;
 }
+.tw-font-mono {
+	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
 .\!tw-text-md {
 	font-size: var(--vscode-font-size) !important;
 }
@@ -2539,6 +2873,9 @@ imported in Sourcegraph shell.
 .tw-text-xxs {
 	font-size: calc(calc(10/13)*var(--vscode-font-size));
 }
+.\!tw-font-normal {
+	font-weight: 400 !important;
+}
 .tw-font-bold {
 	font-weight: 700;
 }
@@ -2560,24 +2897,18 @@ 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;
 }
-.\!tw-text-\[unset\] {
-	color: unset !important;
-}
 .\!tw-text-foreground {
 	color: var(--vscode-foreground) !important;
 }
+.\!tw-text-inherit {
+	color: inherit !important;
+}
 .\!tw-text-muted-foreground {
 	color: var(--vscode-input-placeholderForeground) !important;
 }
-.tw-text-accent-foreground {
-	color: var(--vscode-list-activeSelectionForeground);
-}
 .tw-text-badge-foreground {
 	color: var(--vscode-badge-foreground);
 }
@@ -2590,6 +2921,9 @@ imported in Sourcegraph shell.
 .tw-text-foreground {
 	color: var(--vscode-foreground);
 }
+.tw-text-input-foreground {
+	color: var(--vscode-input-foreground);
+}
 .tw-text-keybinding-foreground {
 	color: var(--vscode-keybindingLabel-foreground);
 }
@@ -2602,18 +2936,29 @@ imported in Sourcegraph shell.
 .tw-text-popover-foreground {
 	color: var(--vscode-dropdown-foreground);
 }
+.tw-text-red-500 {
+	--tw-text-opacity: 1;
+	color: rgb(239 68 68 / var(--tw-text-opacity));
+}
+.tw-text-sidebar-foreground {
+	color: var(--vscode-sideBar-foreground);
+}
 .tw-text-status-offline-foreground {
 	color: var(--vscode-statusBarItem-offlineForeground);
 }
+.tw-text-white {
+	--tw-text-opacity: 1;
+	color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.tw-underline {
+	text-decoration-line: underline;
+}
 .tw-underline-offset-4 {
 	text-underline-offset: 4px;
 }
 .\!tw-opacity-100 {
 	opacity: 1 !important;
 }
-.tw-opacity-30 {
-	opacity: 0.3;
-}
 .tw-opacity-60 {
 	opacity: 0.6;
 }
@@ -2631,11 +2976,6 @@ imported in Sourcegraph shell.
 	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.tw-shadow-md {
-	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
 .tw-outline-none {
 	outline: 2px solid transparent;
 	outline-offset: 2px;
@@ -3022,6 +3362,9 @@ imported in Sourcegraph shell.
 .empty\:tw-hidden:empty {
 	display: none;
 }
+.hover\:\!tw-bg-button-secondary-background-hover:hover {
+	background-color: var(--vscode-button-secondaryHoverBackground) !important;
+}
 .hover\:tw-bg-accent:hover {
 	background-color: var(--vscode-list-activeSelectionBackground);
 }
@@ -3037,9 +3380,6 @@ imported in Sourcegraph shell.
 .hover\:tw-bg-muted-transparent:hover {
 	background-color: color-mix(in lch, currentColor 15%, transparent);
 }
-.hover\:tw-bg-transparent:hover {
-	background-color: transparent;
-}
 .hover\:\!tw-text-accent-foreground:hover {
 	color: var(--vscode-list-activeSelectionForeground) !important;
 }
@@ -3065,6 +3405,12 @@ imported in Sourcegraph shell.
 	outline: 2px solid transparent;
 	outline-offset: 2px;
 }
+.focus\:tw-outline:focus {
+	outline-style: solid;
+}
+.focus\:tw-outline-ring:focus {
+	outline-color: var(--vscode-focusBorder);
+}
 .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);
@@ -3104,15 +3450,12 @@ imported in Sourcegraph shell.
 .disabled\:tw-opacity-75:disabled {
 	opacity: 0.75;
 }
-.tw-group\/\[cmdk-item\]:hover .group-hover\/\[cmdk-item\]\:tw-visible {
+.tw-group:hover .group-hover\:tw-visible {
 	visibility: visible;
 }
 .tw-group:hover .group-hover\:tw-opacity-100 {
 	opacity: 1;
 }
-.tw-group\/\[cmdk-item\][aria-selected="true"] .group-\[\[aria-selected\=\"true\"\]\]\/\[cmdk-item\]\:tw-visible {
-	visibility: visible;
-}
 .aria-selected\:tw-bg-accent[aria-selected="true"] {
 	background-color: var(--vscode-list-activeSelectionBackground);
 }
@@ -3191,31 +3534,9 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
 .\[\&_\>_\*\]\:tw-flex-shrink-0 > * {
 	flex-shrink: 0;
 }
-.\[\&_\[cmdk-group-heading\]\]\:tw--mx-2 [cmdk-group-heading] {
-	margin-left: -4px;
-	margin-right: -4px;
-}
-.\[\&_\[cmdk-group-heading\]\]\:tw-mb-2 [cmdk-group-heading] {
-	margin-bottom: 4px;
-}
-.\[\&_\[cmdk-group-heading\]\]\:tw-flex [cmdk-group-heading] {
-	display: flex;
-}
 .\[\&_\[cmdk-group-heading\]\]\:\!tw-h-\[30px\] [cmdk-group-heading] {
 	height: 30px !important;
 }
-.\[\&_\[cmdk-group-heading\]\]\:\!tw-min-h-\[30px\] [cmdk-group-heading] {
-	min-height: 30px !important;
-}
-.\[\&_\[cmdk-group-heading\]\]\:tw-items-center [cmdk-group-heading] {
-	align-items: center;
-}
-.\[\&_\[cmdk-group-heading\]\]\:tw-gap-2 [cmdk-group-heading] {
-	gap: 4px;
-}
-.\[\&_\[cmdk-group-heading\]\]\:tw-bg-muted [cmdk-group-heading] {
-	background-color: var(--vscode-input-background);
-}
 .\[\&_\[cmdk-group-heading\]\]\:\!tw-p-3 [cmdk-group-heading] {
 	padding: 6px !important;
 }
@@ -3223,10 +3544,6 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
 	padding-left: 4px;
 	padding-right: 4px;
 }
-.\[\&_\[cmdk-group-heading\]\]\:tw-px-4 [cmdk-group-heading] {
-	padding-left: 8px;
-	padding-right: 8px;
-}
 .\[\&_\[cmdk-group-heading\]\]\:tw-py-1\.5 [cmdk-group-heading] {
 	padding-top: 3px;
 	padding-bottom: 3px;
@@ -3246,12 +3563,6 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
 .\[\&_\[cmdk-group-heading\]\]\:tw-text-muted-foreground [cmdk-group-heading] {
 	color: var(--vscode-input-placeholderForeground);
 }
-.\[\&_\[cmdk-group\]\]\:\!tw-border-0 [cmdk-group] {
-	border-width: 0px !important;
-}
-.\[\&_\[cmdk-group\]\]\:tw-pt-0 [cmdk-group] {
-	padding-top: 0px;
-}
 .\[\&_\[cmdk-item\]\]\:tw-whitespace-nowrap [cmdk-item] {
 	white-space: nowrap;
 }