@sourcegraph/cody-web 0.22.0 → 0.23.1

package/dist/style.css

@@ -1851,31 +1851,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;
+    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;
-    padding: 0.75rem 0;
+    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;
+}
+
+._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_g0fdz_25 {
+._item_1o9k6_68 {
     display: flex;
     flex-flow: row nowrap;
     flex-shrink: 0;
@@ -1884,7 +1927,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,33 +2547,8 @@ imported in Sourcegraph shell.
  since they will conflict with any possible reset/global
  styles in consumer. See @mixin reset-styles for more details
 */
-.tw-container {
-	width: 100%;
-}
-@media (min-width: 640px) {
-	.tw-container {
-		max-width: 640px;
-	}
-}
-@media (min-width: 768px) {
-	.tw-container {
-		max-width: 768px;
-	}
-}
-@media (min-width: 1024px) {
-	.tw-container {
-		max-width: 1024px;
-	}
-}
-@media (min-width: 1280px) {
-	.tw-container {
-		max-width: 1280px;
-	}
-}
-@media (min-width: 1536px) {
-	.tw-container {
-		max-width: 1536px;
-	}
+.tw-fixed {
+	position: fixed;
 }
 .tw-absolute {
 	position: absolute;
@@ -2541,6 +2559,9 @@ imported in Sourcegraph shell.
 .tw-sticky {
 	position: sticky;
 }
+.tw-inset-0 {
+	inset: 0px;
+}
 .tw-bottom-0 {
 	bottom: 0px;
 }
@@ -2562,6 +2583,9 @@ imported in Sourcegraph shell.
 .tw-right-4 {
 	right: 8px;
 }
+.tw-right-6 {
+	right: 12px;
+}
 .tw-top-10 {
 	top: 20px;
 }
@@ -2574,6 +2598,9 @@ imported in Sourcegraph shell.
 .tw-top-4 {
 	top: 8px;
 }
+.tw-top-6 {
+	top: 12px;
+}
 .tw-top-\[0px\] {
 	top: 0px;
 }
@@ -2583,9 +2610,6 @@ imported in Sourcegraph shell.
 .tw-z-50 {
 	z-index: 50;
 }
-.tw-col-span-4 {
-	grid-column: span 4 / span 4;
-}
 .tw-m-2 {
 	margin: 4px;
 }
@@ -2599,9 +2623,9 @@ 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;
@@ -2615,6 +2639,10 @@ imported in Sourcegraph shell.
 	margin-top: 8px;
 	margin-bottom: 8px;
 }
+.tw-my-6 {
+	margin-top: 12px;
+	margin-bottom: 12px;
+}
 .tw-mb-10 {
 	margin-bottom: 20px;
 }
@@ -2636,18 +2664,30 @@ imported in Sourcegraph shell.
 .tw-mb-\[10\%\] {
 	margin-bottom: 10%;
 }
+.tw-ml-0 {
+	margin-left: 0px;
+}
 .tw-ml-1 {
 	margin-left: 2px;
 }
 .tw-ml-2 {
 	margin-left: 4px;
 }
+.tw-ml-3 {
+	margin-left: 6px;
+}
 .tw-ml-4 {
 	margin-left: 8px;
 }
+.tw-ml-5 {
+	margin-left: 10px;
+}
 .tw-ml-6 {
 	margin-left: 12px;
 }
+.tw-ml-\[1rem\] {
+	margin-left: 1rem;
+}
 .tw-ml-auto {
 	margin-left: auto;
 }
@@ -2660,6 +2700,12 @@ imported in Sourcegraph shell.
 .tw-mr-3 {
 	margin-right: 6px;
 }
+.tw-mr-4 {
+	margin-right: 8px;
+}
+.tw-mr-6 {
+	margin-right: 12px;
+}
 .tw-mt-0 {
 	margin-top: 0px;
 }
@@ -2727,6 +2773,9 @@ imported in Sourcegraph shell.
 .tw-h-10 {
 	height: 20px;
 }
+.tw-h-5 {
+	height: 10px;
+}
 .tw-h-6 {
 	height: 12px;
 }
@@ -2748,9 +2797,6 @@ imported in Sourcegraph shell.
 .tw-h-\[20px\] {
 	height: 20px;
 }
-.tw-h-\[30px\] {
-	height: 30px;
-}
 .tw-h-\[50vh\] {
 	height: 50vh;
 }
@@ -2772,9 +2818,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;
 }
@@ -2790,6 +2842,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;
 }
@@ -2799,12 +2854,12 @@ imported in Sourcegraph shell.
 .\!tw-w-fit {
 	width: fit-content !important;
 }
+.tw-w-1\/4 {
+	width: 25%;
+}
 .tw-w-11 {
 	width: 22px;
 }
-.tw-w-4 {
-	width: 8px;
-}
 .tw-w-5 {
 	width: 10px;
 }
@@ -2841,9 +2896,6 @@ imported in Sourcegraph shell.
 .tw-w-\[250px\] {
 	width: 250px;
 }
-.tw-w-\[30px\] {
-	width: 30px;
-}
 .tw-w-\[350px\] {
 	width: 350px;
 }
@@ -2853,6 +2905,9 @@ imported in Sourcegraph shell.
 .tw-w-\[7px\] {
 	width: 7px;
 }
+.tw-w-\[95\%\] {
+	width: 95%;
+}
 .tw-w-\[unset\] {
 	width: unset;
 }
@@ -2880,12 +2935,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%;
 }
@@ -2946,6 +3010,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);
@@ -2969,9 +3039,6 @@ imported in Sourcegraph shell.
 .tw-list-none {
 	list-style-type: none;
 }
-.tw-grid-cols-5 {
-	grid-template-columns: repeat(5, minmax(0, 1fr));
-}
 .tw-flex-row {
 	flex-direction: row;
 }
@@ -3135,9 +3202,19 @@ 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-border {
 	border-width: 1px;
 }
+.tw-border-0 {
+	border-width: 0px;
+}
 .tw-border-\[1px\] {
 	border-width: 1px;
 }
@@ -3150,9 +3227,6 @@ imported in Sourcegraph shell.
 .tw-border-b-\[1px\] {
 	border-bottom-width: 1px;
 }
-.tw-border-l-4 {
-	border-left-width: 4px;
-}
 .tw-border-t {
 	border-top-width: 1px;
 }
@@ -3184,16 +3258,15 @@ imported in Sourcegraph shell.
 .tw-border-keybinding-border {
 	border-color: var(--vscode-keybindingLabel-border);
 }
+.tw-border-muted {
+	border-color: var(--vscode-input-background);
+}
 .tw-border-muted-foreground {
 	border-color: var(--vscode-input-placeholderForeground);
 }
 .tw-border-muted-transparent {
 	border-color: color-mix(in lch, currentColor 15%, transparent);
 }
-.tw-border-red-400 {
-	--tw-border-opacity: 1;
-	border-color: rgb(248 113 113 / var(--tw-border-opacity));
-}
 .tw-border-rose-400 {
 	--tw-border-opacity: 1;
 	border-color: rgb(251 113 133 / var(--tw-border-opacity));
@@ -3210,9 +3283,18 @@ imported in Sourcegraph shell.
 .tw-border-t-border {
 	border-top-color: var(--vscode-dropdown-border);
 }
+.\!tw-bg-transparent {
+	background-color: transparent !important;
+}
+.tw-bg-\[color-mix\(in_lch\,currentColor_10\%\,transparent\)\] {
+	background-color: color-mix(in lch,currentColor 10%,transparent);
+}
 .tw-bg-\[unset\] {
 	background-color: unset;
 }
+.tw-bg-\[var\(--code-background\)\] {
+	background-color: var(--code-background);
+}
 .tw-bg-accent {
 	background-color: var(--vscode-list-activeSelectionBackground);
 }
@@ -3222,9 +3304,12 @@ imported in Sourcegraph shell.
 .tw-bg-badge-background {
 	background-color: var(--vscode-badge-background);
 }
-.tw-bg-blue-500 {
+.tw-bg-black\/50 {
+	background-color: rgb(0 0 0 / 0.5);
+}
+.tw-bg-blue-900 {
 	--tw-bg-opacity: 1;
-	background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+	background-color: rgb(30 58 138 / var(--tw-bg-opacity));
 }
 .tw-bg-border {
 	background-color: var(--vscode-dropdown-border);
@@ -3253,10 +3338,18 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
+.tw-bg-gray-900 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+}
 .tw-bg-green-700 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }
+.tw-bg-green-800 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(22 101 52 / var(--tw-bg-opacity));
+}
 .tw-bg-inherit {
 	background-color: inherit;
 }
@@ -3272,13 +3365,13 @@ imported in Sourcegraph shell.
 .tw-bg-muted-transparent {
 	background-color: color-mix(in lch, currentColor 15%, transparent);
 }
+.tw-bg-pink-900 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(131 24 67 / var(--tw-bg-opacity));
+}
 .tw-bg-popover {
 	background-color: var(--vscode-quickInput-background);
 }
-.tw-bg-red-100 {
-	--tw-bg-opacity: 1;
-	background-color: rgb(254 226 226 / var(--tw-bg-opacity));
-}
 .tw-bg-red-500 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(239 68 68 / var(--tw-bg-opacity));
@@ -3287,6 +3380,10 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(185 28 28 / var(--tw-bg-opacity));
 }
+.tw-bg-red-800 {
+	--tw-bg-opacity: 1;
+	background-color: rgb(153 27 27 / var(--tw-bg-opacity));
+}
 .tw-bg-rose-300 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(253 164 175 / var(--tw-bg-opacity));
@@ -3304,6 +3401,10 @@ imported in Sourcegraph shell.
 	--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));
+}
 .tw-bg-opacity-50 {
 	--tw-bg-opacity: 0.5;
 }
@@ -3343,6 +3444,9 @@ imported in Sourcegraph shell.
 .tw-p-10 {
 	padding: 20px;
 }
+.tw-p-12 {
+	padding: 24px;
+}
 .tw-p-2 {
 	padding: 4px;
 }
@@ -3352,9 +3456,15 @@ imported in Sourcegraph shell.
 .tw-p-4 {
 	padding: 8px;
 }
+.tw-p-5 {
+	padding: 10px;
+}
 .tw-p-6 {
 	padding: 12px;
 }
+.tw-p-8 {
+	padding: 16px;
+}
 .\!tw-px-6 {
 	padding-left: 12px !important;
 	padding-right: 12px !important;
@@ -3383,6 +3493,10 @@ imported in Sourcegraph shell.
 	padding-left: 8px;
 	padding-right: 8px;
 }
+.tw-px-5 {
+	padding-left: 10px;
+	padding-right: 10px;
+}
 .tw-px-6 {
 	padding-left: 12px;
 	padding-right: 12px;
@@ -3423,23 +3537,23 @@ imported in Sourcegraph shell.
 	padding-top: 8px;
 	padding-bottom: 8px;
 }
-.tw-py-6 {
-	padding-top: 12px;
-	padding-bottom: 12px;
-}
 .tw-py-\[\.1rem\] {
 	padding-top: .1rem;
 	padding-bottom: .1rem;
 }
+.tw-py-\[3px\] {
+	padding-top: 3px;
+	padding-bottom: 3px;
+}
+.tw-pb-0 {
+	padding-bottom: 0px;
+}
 .tw-pb-12 {
 	padding-bottom: 24px;
 }
 .tw-pb-6 {
 	padding-bottom: 12px;
 }
-.tw-pl-2 {
-	padding-left: 4px;
-}
 .tw-pl-5 {
 	padding-left: 10px;
 }
@@ -3449,6 +3563,9 @@ imported in Sourcegraph shell.
 .tw-pr-4 {
 	padding-right: 8px;
 }
+.tw-pt-12 {
+	padding-top: 24px;
+}
 .tw-pt-2 {
 	padding-top: 4px;
 }
@@ -3461,15 +3578,15 @@ imported in Sourcegraph shell.
 .tw-pt-8 {
 	padding-top: 16px;
 }
+.tw-pt-\[15px\] {
+	padding-top: 15px;
+}
 .tw-text-left {
 	text-align: left;
 }
 .tw-text-center {
 	text-align: center;
 }
-.tw-align-baseline {
-	vertical-align: baseline;
-}
 .tw-align-middle {
 	vertical-align: middle;
 }
@@ -3479,6 +3596,12 @@ imported in Sourcegraph shell.
 .\!tw-text-md {
 	font-size: var(--vscode-font-size) !important;
 }
+.tw-text-\[12px\] {
+	font-size: 12px;
+}
+.tw-text-\[14px\] {
+	font-size: 14px;
+}
 .tw-text-base {
 	font-size: 1rem;
 	line-height: 1.5rem;
@@ -3519,6 +3642,9 @@ imported in Sourcegraph shell.
 .tw-uppercase {
 	text-transform: uppercase;
 }
+.tw-italic {
+	font-style: italic;
+}
 .\!tw-leading-\[1\.2\] {
 	line-height: 1.2 !important;
 }
@@ -3543,6 +3669,10 @@ imported in Sourcegraph shell.
 .tw-text-badge-foreground {
 	color: var(--vscode-badge-foreground);
 }
+.tw-text-blue-300 {
+	--tw-text-opacity: 1;
+	color: rgb(147 197 253 / var(--tw-text-opacity));
+}
 .tw-text-button-foreground {
 	color: var(--vscode-button-foreground);
 }
@@ -3552,6 +3682,10 @@ imported in Sourcegraph shell.
 .tw-text-foreground {
 	color: var(--vscode-foreground);
 }
+.tw-text-gray-300 {
+	--tw-text-opacity: 1;
+	color: rgb(209 213 219 / var(--tw-text-opacity));
+}
 .tw-text-gray-800 {
 	--tw-text-opacity: 1;
 	color: rgb(31 41 55 / var(--tw-text-opacity));
@@ -3579,6 +3713,10 @@ imported in Sourcegraph shell.
 .tw-text-muted-foreground {
 	color: var(--vscode-input-placeholderForeground);
 }
+.tw-text-pink-300 {
+	--tw-text-opacity: 1;
+	color: rgb(249 168 212 / var(--tw-text-opacity));
+}
 .tw-text-popover-foreground {
 	color: var(--vscode-dropdown-foreground);
 }
@@ -3586,10 +3724,6 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(239 68 68 / var(--tw-text-opacity));
 }
-.tw-text-red-700 {
-	--tw-text-opacity: 1;
-	color: rgb(185 28 28 / var(--tw-text-opacity));
-}
 .tw-text-sidebar-foreground {
 	color: var(--vscode-sideBar-foreground);
 }
@@ -3600,6 +3734,14 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(255 255 255 / var(--tw-text-opacity));
 }
+.tw-text-yellow-300 {
+	--tw-text-opacity: 1;
+	color: rgb(253 224 71 / var(--tw-text-opacity));
+}
+.tw-text-yellow-500 {
+	--tw-text-opacity: 1;
+	color: rgb(234 179 8 / var(--tw-text-opacity));
+}
 .tw-underline {
 	text-decoration-line: underline;
 }
@@ -3636,6 +3778,11 @@ imported in Sourcegraph shell.
 .tw-opacity-85 {
 	opacity: 0.85;
 }
+.tw-shadow {
+	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-lg {
 	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
 	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -3651,6 +3798,11 @@ imported in Sourcegraph shell.
 	--tw-shadow-colored: 0 1px 2px 0 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-xl {
+	--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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;
@@ -3680,17 +3832,33 @@ 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-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;
@@ -4082,6 +4250,10 @@ imported in Sourcegraph shell.
 .hover\:tw-bg-button-secondary-background-hover:hover {
 	background-color: var(--vscode-button-secondaryHoverBackground);
 }
+.hover\:tw-bg-green-900:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgb(20 83 45 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-muted:hover {
 	background-color: var(--vscode-input-background);
 }
@@ -4092,6 +4264,10 @@ imported in Sourcegraph shell.
 	--tw-bg-opacity: 1;
 	background-color: rgb(220 38 38 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-red-900:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgb(127 29 29 / var(--tw-bg-opacity));
+}
 .hover\:\!tw-text-accent-foreground:hover {
 	color: var(--vscode-list-activeSelectionForeground) !important;
 }
@@ -4137,6 +4313,19 @@ imported in Sourcegraph shell.
 	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + 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);
 }
+.focus\:tw-ring-4: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(4px + 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);
+}
+.focus\:tw-ring-green-300:focus {
+	--tw-ring-opacity: 1;
+	--tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
+}
+.focus\:tw-ring-red-300:focus {
+	--tw-ring-opacity: 1;
+	--tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
+}
 .focus\:tw-ring-ring:focus {
 	--tw-ring-color: var(--vscode-focusBorder);
 }
@@ -4257,16 +4446,39 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
 	border-inline-end-color: transparent;
 }
 @media (min-width: 768px) {
+	.md\:tw-px-4 {
+		padding-left: 8px;
+		padding-right: 8px;
+	}
+	.md\:tw-py-2 {
+		padding-top: 4px;
+		padding-bottom: 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));
 	}
 }
+@media (prefers-color-scheme: dark) {
+	.dark\:tw-hidden {
+		display: none;
+	}
+}
 .\[\&\:not\(\:last-child\)\]\:tw-border-b:not(:last-child) {
 	border-bottom-width: 1px;
 }
 .\[\&\:not\(\:last-child\)\]\:tw-border-border:not(:last-child) {
 	border-color: var(--vscode-dropdown-border);
 }
+.\[\&\[aria-selected\]\]\:\!tw-bg-transparent[aria-selected] {
+	background-color: transparent !important;
+}
 .\[\&_\>_\*\]\:tw-flex-shrink-0 > * {
 	flex-shrink: 0;
 }
@@ -4444,3 +4656,66 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
         background-position-x: -200%;
     }
 }
+:root {
+    --human-message-editor-gap: 0;
+    --human-message-editor-cell-spacing-bottom: 6px;
+}
+
+._root_n2nil_6 {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    font-size: 13px;
+    overflow: hidden;
+}
+
+._container_n2nil_14 {
+    height: 100%;
+    flex-grow: 1;
+
+    display: flex;
+    flex-direction: column;
+    gap: var(--human-message-editor-gap);
+    border-radius: 4px;
+    background-color: color-mix(in srgb, var(--vscode-input-background) 50%, transparent);
+    color: var(--vscode-input-foreground);
+    outline: solid 1px var(--vscode-input-border);
+    outline-offset: -1px;
+    cursor: text;
+}
+
+._container_n2nil_14 ._editor_n2nil_28 {
+        scrollbar-gutter: stable;
+        padding: var(--prompt-editor-padding-y) var(--prompt-editor-padding-x);
+    }
+
+._toolbar_n2nil_34 {
+    padding: calc(0.75*var(--prompt-editor-padding-y)) var(--prompt-editor-padding-x);
+    overflow: hidden;
+}
+
+._container_n2nil_14:not(._focused_n2nil_39, [data-keep-toolbar-open]) ._editor-content-editable_n2nil_41 {
+        min-height: 1lh;
+    }
+
+._container_n2nil_14:not(._focused_n2nil_39, [data-keep-toolbar-open]) ._toolbar_n2nil_34 {
+        height: 0;
+        opacity: 0;
+        margin-top: 0;
+        pointer-events: none;
+        padding: 0;
+    }
+
+._container_n2nil_14:hover, ._container_n2nil_14: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_n2nil_14:has([data-lexical-editor='true']:focus-within, menu>button:focus) {
+    outline-color: var(--vscode-focusBorder);
+}
+
+._editor-content-editable_n2nil_41 {
+    min-height: 3lh;
+}