@sourcegraph/cody-web 0.22.0 → 0.23.0

package/dist/lib/components/CodyPromptTemplate.d.ts

@@ -0,0 +1,28 @@
+import { type FunctionComponent } from 'react';
+import { type SerializedPromptEditorState } from '@sourcegraph/cody-shared';
+import { type PromptEditorRefAPI } from '@sourcegraph/prompt-editor';
+import '../global-styles/styles.css';
+export interface CodyPromptTemplateProps {
+    serverEndpoint: string;
+    accessToken: string | null;
+    createAgentWorker: () => Worker;
+    telemetryClientName?: string;
+    customHeaders?: Record<string, string>;
+    className?: string;
+    initialEditorState?: SerializedPromptEditorState | undefined;
+    disabled?: boolean;
+    placeholder?: string;
+    /**
+     * Whenever an external (imperative) Cody Chat API instance is ready,
+     * for example it gives you ability to run prompt, Note that this handler
+     * should be memoized and not change between components re-render, otherwise
+     * it will be stuck in infinite update loop
+     */
+    onEditorApiReady?: (api: PromptEditorRefAPI) => void;
+}
+/**
+ * The root component node for Cody Prompt Template editing, implements all things necessary
+ * to run this with @ mentions in the prompt template editor.
+ */
+export declare const CodyPromptTemplate: FunctionComponent<CodyPromptTemplateProps>;
+//# sourceMappingURL=CodyPromptTemplate.d.ts.map

package/dist/lib/components/CodyPromptTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodyPromptTemplate.d.ts","sourceRoot":"","sources":["../../../lib/components/CodyPromptTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,KAAK,iBAAiB,EAMzB,MAAM,OAAO,CAAA;AAEd,OAAO,EAEH,KAAK,2BAA2B,EAGnC,MAAM,0BAA0B,CAAA;AAIjC,OAAO,EAIH,KAAK,kBAAkB,EAC1B,MAAM,4BAA4B,CAAA;AASnC,OAAO,6BAA6B,CAAA;AAWpC,MAAM,WAAW,uBAAuB;IACpC,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,kBAAkB,CAAC,EAAE,2BAA2B,GAAG,SAAS,CAAA;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAA;CACvD;AACD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CA0CzE,CAAA"}

package/dist/lib/components/skeleton/ChatSkeleton.d.ts

@@ -7,5 +7,6 @@ interface ChatSkeletonProps {
  * for Cody Web UI since it takes noticeable time to load and initialize.
  */
 export declare const ChatSkeleton: FC<ChatSkeletonProps>;
+export declare const PromptTemplateSkeleton: FC<ChatSkeletonProps>;
 export {};
 //# sourceMappingURL=ChatSkeleton.d.ts.map

package/dist/lib/components/skeleton/ChatSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSkeleton.d.ts","sourceRoot":"","sources":["../../../../lib/components/skeleton/ChatSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,UAAU,iBAAiB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4C9C,CAAA"}
+{"version":3,"file":"ChatSkeleton.d.ts","sourceRoot":"","sources":["../../../../lib/components/skeleton/ChatSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,UAAU,iBAAiB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4C9C,CAAA;AA0BD,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,iBAAiB,CAcxD,CAAA"}

package/dist/lib/index.d.ts

@@ -1,4 +1,7 @@
 export { CodyWebChat, type CodyWebChatProps } from './components/CodyWebChat';
+export { CodyPromptTemplate, type CodyPromptTemplateProps } from './components/CodyPromptTemplate';
 export { ChatSkeleton } from './components/skeleton/ChatSkeleton';
 export type { Repository, InitialContext, CodyExternalApi } from './types';
+export { serialize, deserialize, } from '@sourcegraph/cody-shared';
+export { type PromptEditorRefAPI } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAEjE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,iCAAiC,CAAA;AAClG,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAEjE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE1E,OAAO,EACH,SAAS,EACT,WAAW,GACd,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAA"}

package/dist/lib/types.d.ts

@@ -1,3 +1,4 @@
+import type { SerializedPromptEditorValue } from '@sourcegraph/cody-shared';
 export interface ExternalPrompt {
     text: string;
     autoSubmit: boolean;
@@ -19,4 +20,8 @@ export type InitialContext = {
         endLine: number;
     } | null;
 };
+export interface PromptEditorRefAPI {
+    getSerializedValue(): SerializedPromptEditorValue;
+    appendText(text: string): Promise<void>;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;CAC/C;AAED,MAAM,WAAW,eAAe;IAC5B,SAAS,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACvD;AAED,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC3D,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAI3E,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;CAC/C;AAED,MAAM,WAAW,eAAe;IAC5B,SAAS,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACvD;AAED,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC3D,CAAA;AAED,MAAM,WAAW,kBAAkB;IAC/B,kBAAkB,IAAI,2BAA2B,CAAA;IACjD,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC1C"}

package/dist/style.css

@@ -2504,34 +2504,6 @@ 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-absolute {
 	position: absolute;
 }
@@ -2562,6 +2534,9 @@ imported in Sourcegraph shell.
 .tw-right-4 {
 	right: 8px;
 }
+.tw-right-6 {
+	right: 12px;
+}
 .tw-top-10 {
 	top: 20px;
 }
@@ -2574,6 +2549,9 @@ imported in Sourcegraph shell.
 .tw-top-4 {
 	top: 8px;
 }
+.tw-top-6 {
+	top: 12px;
+}
 .tw-top-\[0px\] {
 	top: 0px;
 }
@@ -2583,9 +2561,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,10 +2574,6 @@ imported in Sourcegraph shell.
 	margin-left: 4px;
 	margin-right: 4px;
 }
-.tw-mx-4 {
-	margin-left: 8px;
-	margin-right: 8px;
-}
 .tw-my-2 {
 	margin-top: 4px;
 	margin-bottom: 4px;
@@ -2615,6 +2586,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 +2611,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 +2647,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 +2720,9 @@ imported in Sourcegraph shell.
 .tw-h-10 {
 	height: 20px;
 }
+.tw-h-5 {
+	height: 10px;
+}
 .tw-h-6 {
 	height: 12px;
 }
@@ -2748,9 +2744,6 @@ imported in Sourcegraph shell.
 .tw-h-\[20px\] {
 	height: 20px;
 }
-.tw-h-\[30px\] {
-	height: 30px;
-}
 .tw-h-\[50vh\] {
 	height: 50vh;
 }
@@ -2799,18 +2792,15 @@ 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;
 }
-.tw-w-6 {
-	width: 12px;
-}
 .tw-w-72 {
 	width: 18rem;
 }
@@ -2841,9 +2831,6 @@ imported in Sourcegraph shell.
 .tw-w-\[250px\] {
 	width: 250px;
 }
-.tw-w-\[30px\] {
-	width: 30px;
-}
 .tw-w-\[350px\] {
 	width: 350px;
 }
@@ -2853,6 +2840,9 @@ imported in Sourcegraph shell.
 .tw-w-\[7px\] {
 	width: 7px;
 }
+.tw-w-\[95\%\] {
+	width: 95%;
+}
 .tw-w-\[unset\] {
 	width: unset;
 }
@@ -2969,9 +2959,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 +3122,16 @@ imported in Sourcegraph shell.
 .tw-rounded-sm {
 	border-radius: 2px;
 }
+.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 +3144,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;
 }
@@ -3190,10 +3181,6 @@ imported in Sourcegraph shell.
 .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 +3197,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 +3218,9 @@ imported in Sourcegraph shell.
 .tw-bg-badge-background {
 	background-color: var(--vscode-badge-background);
 }
-.tw-bg-blue-500 {
+.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 +3249,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 +3276,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 +3291,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 +3312,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;
 }
@@ -3352,9 +3364,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 +3401,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 +3445,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;
 }
@@ -3461,15 +3483,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 +3501,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 +3547,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 +3574,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 +3587,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 +3618,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 +3629,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 +3639,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 +3683,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 +3703,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;
@@ -4082,6 +4139,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 +4153,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 +4202,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);
 }
@@ -4261,12 +4339,20 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
 		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 +4530,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;
+}