@sourcegraph/cody-web 0.29.0 → 0.31.0

package/dist/style.css

@@ -132,9 +132,24 @@ body:is([data-vscode-theme-kind='vscode-high-contrast'], [data-vscode-theme-kind
 html[data-ide=JetBrains] ._template-input-node_14yoh_1 {
     background-color: transparent;
 }
-._popover-dimensions_1uf3m_1 {
+._popover-container_11l09_1 {
+    position: absolute;
+    left: 0;
+}
+
+@media (max-width: 300px) {
+    ._popover-container_11l09_1 {
+        position: relative;
+
+        --outside-bound-editor-width: 48px;
+        min-width: calc(100vw - var(--outside-bound-editor-width));
+    }
+}
+
+._popover-dimensions_11l09_15 {
     margin-top: 20px; /* show on the line below the cursor */
     width: clamp(300px, 65vw, 440px);
+    max-width: 100%;
 
     --max-items: 12;
     --mention-item-height: 30px;
@@ -143,14 +158,16 @@ html[data-ide=JetBrains] ._template-input-node_14yoh_1 {
     display: flex;
     align-items: start;
 }
-    ._popover-dimensions_1uf3m_1 ._popover_1uf3m_1 {
+
+._popover-dimensions_11l09_15 ._popover_11l09_1 {
         flex: 1;
     }
-.typeahead-flipped ._popover-dimensions_1uf3m_1 {
+
+.typeahead-flipped ._popover-dimensions_11l09_15 {
     align-items: end;
 }
 
-._popover_1uf3m_1 {
+._popover_11l09_1 {
     overflow: auto;
     background: var(--vscode-sideBar-background);
     color: var(--vscode-sideBar-foreground);
@@ -396,22 +413,20 @@ img.ProseMirror-separator {
     text-decoration: line-through;
     color: var(--vscode-editorWarning-foreground);
 }
-._outer-container_1xpow_1 {
-  background-color: var(--vscode-sideBar-background);
+._outer-container_eh1dt_1 {
   display: flex;
   flex-direction: column;
-  box-sizing: border-box;
   height: 100%;
   overflow: hidden;
 }
 
-._error-container_1xpow_10 {
+._error-container_eh1dt_8 {
   display: flex;
   flex-direction: column-reverse;
   gap: 0.5rem;
 }
 
-._error_1xpow_10 {
+._error_eh1dt_8 {
   flex-direction: row;
   display: flex;
   padding: 1rem;
@@ -423,7 +438,7 @@ img.ProseMirror-separator {
   align-items: baseline;
 }
 
-._close-btn_1xpow_28 {
+._close-btn_eh1dt_26 {
   position: absolute;
   top: 0.65rem;
   right: 0.65rem;
@@ -437,113 +452,17 @@ img.ProseMirror-separator {
 kbd {
   all: unset;
 }
-._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_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);
-}
-._accordion-trigger_12003_1 {
-    display: flex;
-    gap: 0.25rem;
-    align-items: center;
-    justify-content: space-between;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-}
-
-._accordion-trigger_12003_1[data-state="open"] ._accordion-trigger-chevron_12003_11 {
-    transform: rotate(90deg);
-}
-
-._accordion-trigger-chevron_12003_11 {
-    flex-shrink: 0;        /* tw-shrink-0 */
-    transition-property: transform;  /* tw-transition-transform */
-    transition-duration: 150ms;      /* tw-duration-150 */
-}
-._dots-holder_10c80_1 {
-    display: flex;
-    gap: 0.2rem;
-    margin: 0.5rem 0;
-    margin-left: 0.25rem;
-}
-
-._dot_10c80_1 {
-    animation: 1s _flash_10c80_1 0.5s infinite;
-    width: 0.25rem !important;
-    height: 0.25rem !important;
-    border-radius: 100%;
-    background-color: var(--vscode-input-foreground);
-    opacity: 0.25;
-}
-
-body[data-vscode-theme-kind='vscode-light'] ._dot_10c80_1,
-body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
-    background-color: black;
-}
-
-._dot_10c80_1:nth-child(2) {
-    animation-delay: 0.6s;
-}
-
-._dot_10c80_1:nth-child(3) {
-    animation-delay: 0.7s;
-}
-
-@keyframes _flash_10c80_1 {
-    from {
-        opacity: 1;
-    }
-
-    50% {
-        opacity: 1;
-    }
-
-    to {
-        opacity: 0.25;
-    }
-}
-._buttons-container_1kf9a_1 {
+._buttons-container_1ok1a_1 {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
-    border-style: solid;
-    border-width: 1px;
-    border-color: var(--vscode-sideBarSectionHeader-border);
-    border-bottom-left-radius: 2px;
-    border-bottom-right-radius: 2px;
     padding: 4px;
 }
 
-._buttons_1kf9a_1 {
+._buttons_1ok1a_1 {
     display: flex;
 }
-._button_1kf9a_1 {
+._button_1ok1a_1 {
     display: flex;
     align-items: center;
     padding: 3px;
@@ -554,23 +473,23 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
     border-radius: var(--button-icon-corner-radius);
     color: var(--foreground);
 }
-._button_1kf9a_1:hover {
+._button_1ok1a_1:hover {
     background: var(--button-icon-hover-background);
     outline: 1px dotted var(--contrast-active-border);
     outline-offset: -1px;
 }
-._button_1kf9a_1:not(:first-child) {
+._button_1ok1a_1:not(:first-child) {
     margin-left: 0.25rem;
 }
 
-._button_1kf9a_1 ._icon-container_1kf9a_36 {
+._button_1ok1a_1 ._icon-container_1ok1a_31 {
     margin-right: 0.25rem
 }
 
-._copy-button_1kf9a_40,
-._insert-button_1kf9a_41,
-._attribution-icon_1kf9a_42,
-._status_1kf9a_43 {
+._copy-button_1ok1a_35,
+._insert-button_1ok1a_36,
+._attribution-icon_1ok1a_37,
+._status_1ok1a_38 {
     all: unset;
     padding: 3px;
     min-width: 16px;  /* Status element needs to be able to expand. */
@@ -578,60 +497,60 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
     background-color: transparent;
 }
 
-._copy-button_1kf9a_40,
-._insert-button_1kf9a_41 {
+._copy-button_1ok1a_35,
+._insert-button_1ok1a_36 {
     cursor: pointer;
     background: var(--button-icon-background);
     border-radius: var(--button-icon-corner-radius);
     color: var(--foreground);
 }
-._copy-button_1kf9a_40:hover,
-._insert-button_1kf9a_41:hover {
+._copy-button_1ok1a_35:hover,
+._insert-button_1ok1a_36:hover {
     background: var(--button-icon-hover-background);
     outline: 1px dotted var(--contrast-active-border);
     outline-offset: -1px;
 }
 
-._status_1kf9a_43 {
+._status_1ok1a_38 {
     font-size: 12px;
     line-height: 1;
 }
 
-._metadata-container_1kf9a_70 {
+._metadata-container_1ok1a_65 {
     display: flex;
     align-items: center;
     margin-left: auto;
 }
 
-._metadata-container_1kf9a_70 > :not(:last-child) {
+._metadata-container_1ok1a_65 > :not(:last-child) {
     margin-right: 0.25rem;
 }
 
-._attribution-container_1kf9a_80 {
+._attribution-container_1ok1a_75 {
     all: unset;
     display: flex;
     margin-left: auto;
 }
 
 
-._attribution-icon-unavailable_1kf9a_87 {
+._attribution-icon-unavailable_1ok1a_82 {
     color: var(--hl-orange);
 }
 
-._attribution-icon-found_1kf9a_91 {
+._attribution-icon-found_1ok1a_86 {
     color: var(--hl-dark-red);
 }
 
-._status_1kf9a_43 {
+._status_1ok1a_38 {
     display: flex;
     align-items: center;
 }
 
-._codicon-loading_1kf9a_100 {
-    animation: _spin_1kf9a_1 1s linear infinite;
+._codicon-loading_1ok1a_95 {
+    animation: _spin_1ok1a_1 1s linear infinite;
 }
 
-@keyframes _spin_1kf9a_1 {
+@keyframes _spin_1ok1a_1 {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
 }
@@ -643,16 +562,16 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
     --spacing: 1rem;
 }
 
-._content_1kf9a_116 {
+._content_1ok1a_111 {
     word-break: break-word;
     text-wrap: wrap;
 }
 
 /* Style @-file tokens to match TranscriptAction context files */
-._content_1kf9a_116 a[href^="vscode://file"] em,
-._content_1kf9a_116 a[href^="vscode-insiders://file"] em,
-._content_1kf9a_116 a[href^="vscodium://file"] em,
-._content_1kf9a_116 a[href^="cursor://file"] em
+._content_1ok1a_111 a[href^="vscode://file"] em,
+._content_1ok1a_111 a[href^="vscode-insiders://file"] em,
+._content_1ok1a_111 a[href^="vscodium://file"] em,
+._content_1ok1a_111 a[href^="cursor://file"] em
 {
     padding: 1px 2px;
     box-sizing: border-box;
@@ -662,88 +581,88 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
     word-break: break-all;
 }
 
-._content_1kf9a_116 p {
+._content_1ok1a_111 p {
     word-break: break-word;
     margin-block: 1rem;
 }
 
-._content_1kf9a_116 pre {
+/* code block styling */
+._content_1ok1a_111 pre {
     padding: calc(var(--spacing) * 0.5);
     overflow-x: auto;
-    border-style: solid;
-    border-width: 1px;
-    border-color: var(--vscode-sideBarSectionHeader-border);
     border-bottom: none;
     margin: 1rem 0;
+    border-radius: 3px;
+    border: 1px solid var(--vscode-input-background);
 }
 
-._content_1kf9a_116 code,
-._content_1kf9a_116 pre {
+._content_1ok1a_111 code,
+._content_1ok1a_111 pre {
     font-family: var(--vscode-editor-font-family);
     font-size: var(--vscode-editor-font-size);
     overflow: auto;
 }
 
-._content_1kf9a_116 pre,
-._content_1kf9a_116 pre > code {
+._content_1ok1a_111 pre,
+._content_1ok1a_111 pre > code {
     /* Our syntax highlighter emits colors intended for dark backgrounds only. */
     background-color: var(--code-background);
     color: var(--code-foreground);
     margin-bottom: 0;
 }
-body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre,
-body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
+body[data-vscode-theme-kind='vscode-light'] ._content_1ok1a_111 pre,
+body[data-vscode-theme-kind='vscode-light'] ._content_1ok1a_111 pre > code {
     /* Our syntax highlighter emits colors intended for dark backgrounds only. */
     background-color: var(--code-background);
     color: var(--code-foreground);
 }
 
-._content_1kf9a_116 h1,
-._content_1kf9a_116 h2,
-._content_1kf9a_116 h3,
-._content_1kf9a_116 h4,
-._content_1kf9a_116 h5,
-._content_1kf9a_116 h6 {
+._content_1ok1a_111 h1,
+._content_1ok1a_111 h2,
+._content_1ok1a_111 h3,
+._content_1ok1a_111 h4,
+._content_1ok1a_111 h5,
+._content_1ok1a_111 h6 {
     margin: 1.2em 0;
 }
 
-._content_1kf9a_116 h1 {
+._content_1ok1a_111 h1 {
     font-size: 1.15em;
     font-weight: 700;
 }
 
-._content_1kf9a_116 h2 {
+._content_1ok1a_111 h2 {
     font-size: 1.1em;
     font-weight: 700;
 }
 
-._content_1kf9a_116 h3 {
+._content_1ok1a_111 h3 {
     font-size: inherit;
     font-weight: 700;
 }
 
-._content_1kf9a_116 h4,
-._content_1kf9a_116 h5,
-._content_1kf9a_116 h6 {
+._content_1ok1a_111 h4,
+._content_1ok1a_111 h5,
+._content_1ok1a_111 h6 {
     font-size: inherit;
     font-weight: 600;
 }
 
-._content_1kf9a_116 > *:first-child {
+._content_1ok1a_111 > *:first-child {
     margin-top: 0;
 }
 
-._content_1kf9a_116 > *:last-child {
+._content_1ok1a_111 > *:last-child {
     margin-bottom: 0;
 }
 
-._content_1kf9a_116 ul, ._content_1kf9a_116 ol {
+._content_1ok1a_111 ul, ._content_1ok1a_111 ol {
     margin-block: 1rem;
     padding-inline-start: 2rem;
     list-style: revert;
 }
 
-._file-name-container_1kf9a_216 {
+._file-name-container_1ok1a_211 {
     color: var(--vscode-descriptionForeground);
     margin-left: auto;
 }
@@ -756,7 +675,7 @@ 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_17p9z_1 {
+._error-item_1sixu_1 {
     display: flex;
     flex-direction: row;
     gap: 0.8rem;
@@ -768,28 +687,28 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
-._error-item_17p9z_1 ._icon_17p9z_13 {
+._error-item_1sixu_1 ._icon_1sixu_13 {
     font-size: 24px;
 }
 
-._error-item_17p9z_1 ._body_17p9z_17 {
+._error-item_1sixu_1 ._body_1sixu_17 {
     display: flex;
     flex-direction: column;
     gap: 0.2rem;
     width: 100%;
 }
 
-._error-item_17p9z_1 vscode-button {
+._error-item_1sixu_1 vscode-button {
     margin: 0;
 }
 
-._error-item_17p9z_1 h1,
-._error-item_17p9z_1 p {
+._error-item_1sixu_1 h1,
+._error-item_1sixu_1 p {
     margin: 0;
     line-height: 1.15;
 }
 
-._error-item_17p9z_1 header {
+._error-item_1sixu_1 header {
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
@@ -797,27 +716,27 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     margin-top: 0px;
 }
 
-._error-item_17p9z_1 header h1 {
+._error-item_1sixu_1 header h1 {
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 0.3px;
 }
 
-._error-item_17p9z_1 header p {
+._error-item_1sixu_1 header p {
     opacity: 0.9;
     line-height: 1.5;
 }
 
-._error-item_17p9z_1 ._actions_17p9z_53 {
+._error-item_1sixu_1 ._actions_1sixu_53 {
     margin-top: 10px;
 }
 
-._error-item_17p9z_1 ._retry-message_17p9z_57 {
+._error-item_1sixu_1 ._retry-message_1sixu_57 {
     font-size: 11px;
     opacity: 0.7;
 }
 
-._error-item_17p9z_1 ._banner-container_17p9z_62 {
+._error-item_1sixu_1 ._banner-container_1sixu_62 {
     position: absolute;
     top: 0;
     right: 0;
@@ -832,18 +751,18 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     initial-value: 0%;
 }
 
-._error-item_17p9z_1 ._banner_17p9z_62 {
+._error-item_1sixu_1 ._banner_1sixu_62 {
     --error-item-reflection-position: -100%;
 
     padding: 6px 30px;
     transform: translateY(50%) translateX(25%) rotate(45deg);
     border: 1px solid rgba(0 0 0 / 16%);
     background: linear-gradient(
-            45deg,
-            rgb(255 220 220 / 0%) calc(var(--error-item-reflection-position) + 35%),
-            rgb(255 220 220 / 50%) calc(var(--error-item-reflection-position) + 50%),
-            rgb(255 220 220 / 0%) calc(var(--error-item-reflection-position) + 65%)
-        ),
+        45deg,
+        rgb(255 220 220 / 0%) calc(var(--error-item-reflection-position) + 35%),
+        rgb(255 220 220 / 50%) calc(var(--error-item-reflection-position) + 50%),
+        rgb(255 220 220 / 0%) calc(var(--error-item-reflection-position) + 65%)
+    ),
         linear-gradient(rgb(255 255 255 / 55%), rgb(255 255 255 / 55%)),
         repeating-conic-gradient(#4ac1e8, #7048e8, #ff5543, #7048e8, #4ac1e8);
     box-shadow: 0 4px 8px 0 rgb(0 0 0 / 15%);
@@ -858,7 +777,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     cursor: pointer;
 }
 
-._error-item_17p9z_1 ._banner_17p9z_62:hover {
+._error-item_1sixu_1 ._banner_1sixu_62:hover {
     --error-item-reflection-position: 100%;
 
     transition:
@@ -869,7 +788,7 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
         0 0 10px 0 rgb(255 255 255 / 35%);
 }
 
-._error-item_17p9z_1 ._banner_17p9z_62::before {
+._error-item_1sixu_1 ._banner_1sixu_62::before {
     content: ' ';
     position: absolute;
     top: 0;
@@ -880,7 +799,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_17p9z_1 ._banner_17p9z_62::after {
+._error-item_1sixu_1 ._banner_1sixu_62::after {
     content: ' ';
     position: absolute;
     bottom: 0;
@@ -891,7 +810,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_17p9z_136 {
+._request-error_1sixu_136 {
     background-color: #f7bcbc;
     color: #de3400;
 
@@ -904,25 +823,54 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     border-left: 0.5rem solid #d8000c;
 }
 
-._request-error-title_17p9z_149 {
+._request-error-title_1sixu_149 {
     font-weight: bold;
-}._feedback-buttons_16gni_1 {
+}
+
+._error-content_1sixu_153 {
+    margin-bottom: 16px;
+}
+._dots-holder_10c80_1 {
     display: flex;
-    flex-direction: row;
+    gap: 0.2rem;
+    margin: 0.5rem 0;
+    margin-left: 0.25rem;
 }
 
-._feedback-button_16gni_1[disabled] {
-    /* VSCodeButton's default cursor is not-allowed, but that's different to
-       native VS Code and feels off, especially when it quickly changes to
-       not-allowed after you submit feedback. So we reset it back to the
-       default cursor to fit in nicer with standard VS Code native behaviour */
-    cursor: default;
+._dot_10c80_1 {
+    animation: 1s _flash_10c80_1 0.5s infinite;
+    width: 0.25rem !important;
+    height: 0.25rem !important;
+    border-radius: 100%;
+    background-color: var(--vscode-input-foreground);
+    opacity: 0.25;
 }
 
-._thumbs-down-feedback-container_16gni_14 {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--spacing) / 4);
+body[data-vscode-theme-kind='vscode-light'] ._dot_10c80_1,
+body[data-vscode-theme-kind='vscode-high-contrast-light'] ._dot_10c80_1 {
+    background-color: black;
+}
+
+._dot_10c80_1:nth-child(2) {
+    animation-delay: 0.6s;
+}
+
+._dot_10c80_1:nth-child(3) {
+    animation-delay: 0.7s;
+}
+
+@keyframes _flash_10c80_1 {
+    from {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0.25;
+    }
 }
 :root {
     --code-font-size: #{(12/14)}em;
@@ -1225,78 +1173,6 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
   margin: 0.5rem 0 0.5rem 1rem;
   background-color: color-mix(in srgb, var(--vscode-editor-background), var(--vscode-focusBorder) 10%);
 }
-._context-item_g0048_1 {
-    display: inline-flex;
-    padding: 2px 4px 2px 2px;
-}
-
-._context-item-metadata_g0048_6 {
-    color: var(--vscode-disabledForeground);
-    padding-left: 0.1rem;
-    text-wrap: nowrap;
-}
-
-._context-item-edit-button_g0048_12 {
-    /* display: flex; */
-    display: none;
-    align-items: center;
-
-    flex-wrap: nowrap;
-}
-
-._context-item-edit-button-icon_g0048_20 {
-    height: 20%;
-    margin-right: 0.5rem;
-}
-
-._context-suggested-actions_g0048_25 {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.25rem;
-}
-
-._root_g0048_31 {
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-}
-
-._link-container_g0048_37 {
-    display: inline-flex;
-    padding: 2px 4px 2px 2px;
-    min-width: 0;
-}
-
-._header_g0048_43 {
-    display: flex;
-    gap: 0.25rem;
-    align-items: center;
-}
-
-._context-item-link_g0048_49 {
-    background: none;
-    border: none;
-    color: var(--vscode-textLink-foreground);
-    font-size: inherit;
-    padding: 0;
-    margin: 0;
-    text-align: left;
-    font-weight: normal;
-    display: flex;
-    align-items: center;
-    gap: 0.125rem;
-    overflow: hidden;
-}
-
-/* In light high contrast, --vscode-textLink-foreground provides little
-   contrast; instead inherit the --code-foreground color from the container. */
-body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_g0048_49 {
-    color: inherit;
-}
-
-._code-block_g0048_70 {
-    margin-bottom: 0.25rem;
-}
 ._user-avatar_vhaw6_1 {
     isolation: isolate;
     display: inline-flex;
@@ -1750,6 +1626,34 @@ button > ._model-title-with-icon_k71kd_5 ._model-provider_k71kd_21,
 button > ._model-title-with-icon_k71kd_5 ._badge_k71kd_39 {
     display: none;
 }
+
+h4{
+    border-bottom: 1px solid var(--vscode-editorWidget-border);
+}
+
+._history-row_r1hp5_6 {
+    display: flex;
+    flex-direction: row;
+}
+
+._history-item_r1hp5_11 {
+    cursor: pointer;;
+}
+
+._history-item_r1hp5_11:hover {
+    cursor: pointer;
+    color: var(--vscode-list-highlightForeground);
+}
+
+._history-delete-btn_r1hp5_20 {
+    opacity: 0;
+    transition: opacity 0.2s ease;
+}
+
+._history-row_r1hp5_6:hover ._history-delete-btn_r1hp5_20 {
+    opacity: 1;
+}
+
 :root {
     --vscode-overlay-background: rgb(0 0 0 / 50%);
     --vscode-modal-background: var(--vscode-sideBar-background);
@@ -1874,134 +1778,130 @@ button > ._model-title-with-icon_k71kd_5 ._badge_k71kd_39 {
         justify-content: flex-end;
         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);
-}
-._welcome-footer_1o9k6_1 {
-    padding: 1rem;
+._accordion-trigger_12003_1 {
     display: flex;
-    flex-flow: column nowrap;
-    max-width: 100%;
-    color: var(--vscode-input-placeholderForeground)
+    gap: 0.25rem;
+    align-items: center;
+    justify-content: space-between;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
 }
 
-._cheatsheet_1o9k6_9 {
-    display: flex;
-    flex-flow: column nowrap;
-    width: 100%;
-    gap: 0.5rem;
-    padding: 1rem 0;
+._accordion-trigger_12003_1[data-state="open"] ._accordion-trigger-chevron_12003_11 {
+    transform: rotate(90deg);
 }
 
-._title_1o9k6_17 {
-    display: flex;
-    flex-flow: row nowrap;
-    align-items: center;
-    font-weight: 500;
-    gap: 0.5rem;
+._accordion-trigger-chevron_12003_11 {
+    flex-shrink: 0;        /* tw-shrink-0 */
+    transition-property: transform;  /* tw-transition-transform */
+    transition-duration: 150ms;      /* tw-duration-150 */
 }
+._path_1dh30_1 {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
 
-._examples_1o9k6_25 {
-    display: flex;
-    flex-flow: row wrap;
-    gap: 0.25rem 1rem;
-    padding: 0 0.5rem;
+    /* Makes ellipsis show in default text color, we show the basename in link color below */
+    color: var(--vscode-disabledForeground);
 }
 
-._example_1o9k6_25 {
-    display: flex;
-    flex-flow: column nowrap;
-    align-items: flex-start;
-    gap: 0.25rem;
-    padding: 0.25rem 0;
+._excluded_1dh30_10 {
+    text-decoration: line-through !important;
 }
 
-._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);
+._basename_1dh30_14 {
+    color: var(--vscode-textLink-foreground);
 }
 
-._tips_1o9k6_51 {
-    display: flex;
-    flex-flow: column nowrap;
-    width: 100%;
-    gap: 0.5rem;
-    padding: 1rem 0;
+._repoShortName_1dh30_18 {
+    color: var(--vscode-disabledForeground);
+    font-size: smaller;
 }
 
-._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);
+._dirname_1dh30_23 {
+    color: var(--vscode-disabledForeground);
+    font-size: smaller;
 }
 
-._item_1o9k6_68 {
-    display: flex;
-    flex-flow: row nowrap;
-    flex-shrink: 0;
-    padding: 0 0.5rem;
-    gap: 0.5rem;
+._range_1dh30_28 {
+    color: var(--vscode-disabledForeground);
+}
+._context-item_h7t04_1 {
+    display: inline-flex;
+}
+
+._context-item-metadata_h7t04_5 {
+    color: var(--vscode-disabledForeground);
+    padding-left: 0.1rem;
+    text-wrap: nowrap;
+}
+
+._context-item-edit-button_h7t04_11 {
+    /* display: flex; */
+    display: none;
     align-items: center;
+    flex-wrap: nowrap;
 }
 
-._link_1o9k6_59 {
-    color: inherit;
-    text-decoration: none;
+._context-item-edit-button-icon_h7t04_18 {
+    height: 20%;
+    margin-right: 0.5rem;
 }
-._banner_19sjd_1 {
+
+._context-suggested-actions_h7t04_23 {
     display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-    padding: 0.5rem 1rem;
-    background: var(--vscode-editor-background);
-    border: 1px solid var(--vscode-widget-border);
-    margin: 0 auto;
-    border-radius: 6px;
+    flex-wrap: wrap;
+    gap: 0.25rem;
 }
 
-    ._banner_19sjd_1 h3 {
-        margin: 0;
-        font-size: 0.875rem;
-        color: var(--vscode-editor-foreground);
-        font-weight: 500;
-    }
+._root_h7t04_29 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
 
-._download-button_19sjd_19 {
+._link-container_h7t04_35 {
+    display: inline-flex;
+    min-width: 0;
+}
+
+._header_h7t04_40 {
     display: flex;
+    gap: 0.25rem;
     align-items: center;
-    padding: 0.25rem 0.75rem;
-    font-weight: 500;
-    background: var(--vscode-button-secondaryBackground);
-    color: var(--vscode-editor-foreground);
-    text-decoration: none;
-    border-radius: 4px;
-    height: 32px;
 }
 
-._download-button_19sjd_19:hover {
-    background: var(--vscode-button-hoverBackground);
-    color: var(--vscode-editor-foreground);
+._context-item-link_h7t04_46 {
+    background: none;
+    border: none;
+    color: var(--vscode-textLink-foreground);
+    font-size: inherit;
+    padding: 0;
+    margin: 0;
+    text-align: left;
+    font-weight: normal;
+    display: flex;
+    align-items: center;
+    gap: 0.125rem;
+    overflow: hidden;
 }
 
-._banner_19sjd_1 {
-    position: relative;
+/* In light high contrast, --vscode-textLink-foreground provides little
+   contrast; instead inherit the --code-foreground color from the container. */
+body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_h7t04_46 {
+    color: inherit;
 }
 
-._actions_129f5_2 {
-    --vscode-keybindingLabel-foreground: currentColor;
+._code-block_h7t04_67 {
+    margin-bottom: 0.25rem;
+}
+._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);
 }
 
 /*
@@ -2618,9 +2518,6 @@ imported in Sourcegraph shell.
 .tw-pointer-events-none {
 	pointer-events: none;
 }
-.tw-fixed {
-	position: fixed;
-}
 .tw-absolute {
 	position: absolute;
 }
@@ -2630,9 +2527,6 @@ imported in Sourcegraph shell.
 .tw-sticky {
 	position: sticky;
 }
-.tw-inset-0 {
-	inset: 0px;
-}
 .tw-bottom-0 {
 	bottom: 0px;
 }
@@ -2685,14 +2579,6 @@ imported in Sourcegraph shell.
 	margin-left: 4px;
 	margin-right: 4px;
 }
-.tw-mx-4 {
-	margin-left: 8px;
-	margin-right: 8px;
-}
-.tw-mx-auto {
-	margin-left: auto;
-	margin-right: auto;
-}
 .tw-my-2 {
 	margin-top: 4px;
 	margin-bottom: 4px;
@@ -2712,9 +2598,6 @@ imported in Sourcegraph shell.
 .tw-mb-10 {
 	margin-bottom: 20px;
 }
-.tw-mb-16 {
-	margin-bottom: 32px;
-}
 .tw-mb-2 {
 	margin-bottom: 4px;
 }
@@ -2748,9 +2631,6 @@ imported in Sourcegraph shell.
 .tw-ml-4 {
 	margin-left: 8px;
 }
-.tw-ml-6 {
-	margin-left: 12px;
-}
 .tw-ml-\[1rem\] {
 	margin-left: 1rem;
 }
@@ -2796,9 +2676,6 @@ imported in Sourcegraph shell.
 .tw-mt-8 {
 	margin-top: 16px;
 }
-.tw-mt-\[-1px\] {
-	margin-top: -1px;
-}
 .tw-mt-auto {
 	margin-top: auto;
 }
@@ -2883,15 +2760,9 @@ 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;
 }
@@ -2907,18 +2778,12 @@ 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;
 }
 .tw-max-h-full {
 	max-height: 100%;
 }
-.tw-min-h-10 {
-	min-height: 20px;
-}
 .\!tw-w-fit {
 	width: fit-content !important;
 }
@@ -2994,27 +2859,12 @@ 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-\[360px\] {
-	max-width: 360px;
-}
 .tw-max-w-\[550px\] {
 	max-width: 550px;
 }
-.tw-max-w-\[640px\] {
-	max-width: 640px;
-}
-.tw-max-w-\[768px\] {
-	max-width: 768px;
-}
 .tw-max-w-\[90\%\] {
 	max-width: 90%;
 }
@@ -3048,9 +2898,6 @@ imported in Sourcegraph shell.
 .tw-grow {
 	flex-grow: 1;
 }
-.tw-basis-0 {
-	flex-basis: 0px;
-}
 .-tw-translate-y-\[\.2em\] {
 	--tw-translate-y: -.2em;
 	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3066,12 +2913,6 @@ 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);
@@ -3155,9 +2996,6 @@ imported in Sourcegraph shell.
 .tw-gap-1\.5 {
 	gap: 3px;
 }
-.tw-gap-10 {
-	gap: 20px;
-}
 .tw-gap-2 {
 	gap: 4px;
 }
@@ -3188,14 +3026,6 @@ imported in Sourcegraph shell.
 .tw-gap-y-2 {
 	row-gap: 4px;
 }
-.tw-divide-x > :not([hidden]) ~ :not([hidden]) {
-	--tw-divide-x-reverse: 0;
-	border-right-width: calc(1px * var(--tw-divide-x-reverse));
-	border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-}
-.tw-divide-muted > :not([hidden]) ~ :not([hidden]) {
-	border-color: var(--vscode-input-background);
-}
 .tw-self-start {
 	align-self: flex-start;
 }
@@ -3217,6 +3047,9 @@ imported in Sourcegraph shell.
 .tw-overflow-x-hidden {
 	overflow-x: hidden;
 }
+.tw-overflow-y-scroll {
+	overflow-y: scroll;
+}
 .tw-truncate {
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -3255,9 +3088,6 @@ imported in Sourcegraph shell.
 .tw-rounded-sm {
 	border-radius: 2px;
 }
-.tw-rounded-xl {
-	border-radius: 0.75rem;
-}
 .tw-rounded-bl-full {
 	border-bottom-left-radius: 9999px;
 }
@@ -3361,9 +3191,6 @@ 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));
@@ -3481,9 +3308,6 @@ imported in Sourcegraph shell.
 .tw-p-10 {
 	padding: 20px;
 }
-.tw-p-12 {
-	padding: 24px;
-}
 .tw-p-2 {
 	padding: 4px;
 }
@@ -3598,24 +3422,12 @@ imported in Sourcegraph shell.
 .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-12 {
-	padding-top: 24px;
-}
-.tw-pt-2 {
-	padding-top: 4px;
-}
 .tw-pt-4 {
 	padding-top: 8px;
 }
@@ -3799,9 +3611,6 @@ imported in Sourcegraph shell.
 .tw-opacity-60 {
 	opacity: 0.6;
 }
-.tw-opacity-65 {
-	opacity: 0.65;
-}
 .tw-opacity-70 {
 	opacity: 0.7;
 }
@@ -3854,11 +3663,6 @@ 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);
@@ -3874,18 +3678,9 @@ imported in Sourcegraph shell.
 	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;
@@ -4485,9 +4280,6 @@ imported in Sourcegraph shell.
 		width: 16px;
 		height: 16px;
 	}
-	.md\:tw-p-4 {
-		padding: 8px;
-	}
 	.md\:tw-px-2 {
 		padding-left: 4px;
 		padding-right: 4px;
@@ -4511,10 +4303,6 @@ imported in Sourcegraph shell.
 	.md\:tw-pr-3 {
 		padding-right: 6px;
 	}
-	.md\:tw-text-base {
-		font-size: 1rem;
-		line-height: 1.5rem;
-	}
 	.md\:tw-text-md {
 		font-size: var(--vscode-font-size);
 	}