@sourcegraph/cody-web 0.30.0 → 0.31.1

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);
@@ -435,22 +452,17 @@ img.ProseMirror-separator {
 kbd {
   all: unset;
 }
-._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;
@@ -461,23 +473,23 @@ kbd {
     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. */
@@ -485,60 +497,60 @@ kbd {
     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); }
 }
@@ -550,16 +562,16 @@ kbd {
     --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;
@@ -569,88 +581,88 @@ kbd {
     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;
 }
@@ -2503,6 +2515,34 @@ 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-pointer-events-none {
 	pointer-events: none;
 }
@@ -2567,6 +2607,10 @@ 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;
@@ -2598,6 +2642,9 @@ imported in Sourcegraph shell.
 .tw-mb-5 {
 	margin-bottom: 10px;
 }
+.tw-mb-7 {
+	margin-bottom: 1.75rem;
+}
 .tw-mb-8 {
 	margin-bottom: 16px;
 }
@@ -2682,6 +2729,9 @@ imported in Sourcegraph shell.
 .tw-inline-block {
 	display: inline-block;
 }
+.tw-inline {
+	display: inline;
+}
 .tw-flex {
 	display: flex;
 }
@@ -2772,9 +2822,6 @@ imported in Sourcegraph shell.
 .tw-max-h-full {
 	max-height: 100%;
 }
-.tw-min-h-10 {
-	min-height: 20px;
-}
 .\!tw-w-fit {
 	width: fit-content !important;
 }
@@ -2868,6 +2915,9 @@ imported in Sourcegraph shell.
 .tw-max-w-md {
 	max-width: 28rem;
 }
+.tw-max-w-none {
+	max-width: none;
+}
 .tw-flex-1 {
 	flex: 1 1 0%;
 }
@@ -2904,6 +2954,14 @@ 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));
 }
+@keyframes tw-pulse {
+	50% {
+		opacity: .5;
+	}
+}
+.tw-animate-pulse {
+	animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
 @keyframes tw-spin {
 	to {
 		transform: rotate(360deg);
@@ -3136,6 +3194,9 @@ imported in Sourcegraph shell.
 .tw-border-button-border {
 	border-color: var(--vscode-button-border, transparent);
 }
+.tw-border-gray-500\/20 {
+	border-color: rgb(107 114 128 / 0.2);
+}
 .tw-border-input-border {
 	border-color: var(--vscode-input-border);
 }
@@ -3198,6 +3259,9 @@ imported in Sourcegraph shell.
 .tw-bg-button-secondary-background-hover {
 	background-color: var(--vscode-button-secondaryHoverBackground);
 }
+.tw-bg-gray-100\/50 {
+	background-color: rgb(243 244 246 / 0.5);
+}
 .tw-bg-gray-900 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@@ -3456,6 +3520,10 @@ imported in Sourcegraph shell.
 	font-size: 1rem;
 	line-height: 1.5rem;
 }
+.tw-text-base\/7 {
+	font-size: 1rem;
+	line-height: 1.75rem;
+}
 .tw-text-lg {
 	font-size: calc(var(--vscode-font-size) * 15 / 13);
 }
@@ -3501,6 +3569,9 @@ imported in Sourcegraph shell.
 .tw-leading-none {
 	line-height: 1;
 }
+.tw-leading-relaxed {
+	line-height: 1.625;
+}
 .tw-leading-tight {
 	line-height: 1.25;
 }
@@ -3536,6 +3607,10 @@ imported in Sourcegraph shell.
 	--tw-text-opacity: 1;
 	color: rgb(209 213 219 / var(--tw-text-opacity));
 }
+.tw-text-gray-600 {
+	--tw-text-opacity: 1;
+	color: rgb(75 85 99 / var(--tw-text-opacity));
+}
 .tw-text-gray-800 {
 	--tw-text-opacity: 1;
 	color: rgb(31 41 55 / var(--tw-text-opacity));
@@ -3649,6 +3724,10 @@ imported in Sourcegraph shell.
 .tw-ring-offset-background {
 	--tw-ring-offset-color: var(--vscode-editor-background);
 }
+.tw-backdrop-blur-sm {
+	--tw-backdrop-blur: blur(4px);
+	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .tw-transition {
 	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -4063,6 +4142,9 @@ imported in Sourcegraph shell.
 .hover\:tw-bg-button-secondary-background-hover:hover {
 	background-color: var(--vscode-button-secondaryHoverBackground);
 }
+.hover\:tw-bg-gray-200\/50:hover {
+	background-color: rgb(229 231 235 / 0.5);
+}
 .hover\:tw-bg-green-900:hover {
 	--tw-bg-opacity: 1;
 	background-color: rgb(20 83 45 / var(--tw-bg-opacity));
@@ -4305,6 +4387,19 @@ imported in Sourcegraph shell.
 	.dark\:tw-hidden {
 		display: none;
 	}
+	.dark\:tw-border-gray-600\/40 {
+		border-color: rgb(75 85 99 / 0.4);
+	}
+	.dark\:tw-bg-gray-800\/80 {
+		background-color: rgb(31 41 55 / 0.8);
+	}
+	.dark\:tw-text-gray-300 {
+		--tw-text-opacity: 1;
+		color: rgb(209 213 219 / var(--tw-text-opacity));
+	}
+	.dark\:hover\:tw-bg-gray-700\/50:hover {
+		background-color: rgb(55 65 81 / 0.5);
+	}
 }
 .\[\&\:not\(\:last-child\)\]\:tw-border-b:not(:last-child) {
 	border-bottom-width: 1px;