@codingame/monaco-vscode-katex-common 26.2.2 → 27.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatConfirmationWidget.css

@@ -5,7 +5,7 @@
 
 .chat-confirmation-widget {
 	border: none;
-	border-radius: 4px;
+	border-radius: var(--vscode-cornerRadius-medium);
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -83,13 +83,6 @@
 }
 
 .chat-confirmation-widget .chat-confirmation-widget-title.monaco-button {
-	&:hover {
-		background: var(--vscode-toolbar-hoverBackground);
-	}
-
-	&:active {
-		background: var(--vscode-toolbar-activeBackground);
-	}
 
 	.monaco-button-mdlabel {
 		display: flex;
@@ -111,6 +104,7 @@
 
 .chat-confirmation-widget-title small {
 	font-size: 1em;
+	opacity: 0.7;
 
 	&::before {
 		content: ' \2013  ';
@@ -131,7 +125,7 @@
 
 .chat-confirmation-widget .chat-confirmation-widget-message-container {
 	border: 1px solid var(--vscode-chat-requestBorder);
-	border-radius: 4px;
+	border-radius: var(--vscode-cornerRadius-medium);
 	font-size: var(--vscode-chat-font-size-body-s);
 }
 
@@ -202,12 +196,12 @@
 .chat-confirmation-widget2 {
 	margin-bottom: 8px;
 	border: 1px solid var(--vscode-chat-requestBorder);
-	border-radius: 4px;
+	border-radius: var(--vscode-cornerRadius-medium);
 }
 
 .chat-confirmation-widget2 .chat-confirmation-widget-title {
 	border-bottom: 1px solid var(--vscode-chat-requestBorder);
-	padding: 5px 9px;
+	padding: 4px 8px;
 	display: flex;
 	justify-content: space-between;
 	column-gap: 10px;
@@ -218,6 +212,10 @@
 		p {
 			margin: 0 !important;
 		}
+
+		.codicon {
+			margin-right: 4px;
+		}
 	}
 
 	p,
@@ -261,7 +259,7 @@
 
 .chat-confirmation-message-terminal .chat-confirmation-message-terminal-disclaimer p:last-child {
 	margin-bottom: 0 !important;
-	padding: 5px 9px 0 9px;
+	padding: 4px 8px 0 8px;
 }
 
 .chat-confirmation-widget-container.hideButtons .chat-confirmation-widget-buttons,
@@ -271,7 +269,7 @@
 
 .chat-confirmation-widget2 .chat-confirmation-widget-buttons {
 	display: flex;
-	padding: 5px 9px;
+	padding: 4px 8px;
 
 	.chat-buttons {
 		display: flex;
@@ -283,6 +281,14 @@
 			width: inherit;
 		}
 	}
+
+	.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
+		padding: 0px 4px 0 3px;
+	}
+
+	.monaco-button-dropdown > .monaco-button.monaco-dropdown-button.codicon[class*='codicon-'] {
+		font-size: 12px;
+	}
 }
 
 .chat-confirmation-widget2 .interactive-result-code-block.compare {
@@ -300,14 +306,14 @@
 		.chat-confirmation-widget-message {
 			margin: 2px 0 0 0;
 			border: 1px solid var(--vscode-chat-requestBorder);
-			border-radius: 4px;
+			border-radius: var(--vscode-cornerRadius-medium);
 			font-size: var(--vscode-chat-font-size-body-s);
 		}
 
 	}
 
 	.chat-confirmation-widget-container .chat-confirmation-widget .chat-confirmation-widget-title {
-		padding: 2px 6px 2px 2px;
+		padding: 2px 6px 2px 0px;
 
 		&.monaco-button {
 
@@ -317,12 +323,36 @@
 		}
 
 		.codicon {
-			font-size: var(--vscode-chat-font-size-body-s);
+			font-size: 12px;
 		}
 
-		&:hover {
-			background: var(--vscode-list-hoverBackground);
+		&:hover  {
+			p, .rendered-markdown {
+				color: var(--vscode-foreground);
+			}
+
+			.chat-collapsible-hover-chevron {
+				opacity: 1;
+			}
+		}
+	}
+
+	.chat-confirmation-widget:not(.collapsed) .chat-confirmation-widget-title {
+		p, .rendered-markdown {
+			color: var(--vscode-foreground);
 		}
 	}
 
+	.chat-confirmation-widget .chat-confirmation-widget-title > .codicon:first-child:not(.chat-collapsible-hover-chevron) {
+		display: none;
+	}
+
+	.show-checkmarks .chat-confirmation-widget .chat-confirmation-widget-title > .codicon:first-child:not(.chat-collapsible-hover-chevron) {
+		display: inline-block;
+	}
+
+	.show-checkmarks .chat-confirmation-widget .chat-confirmation-widget-title {
+		padding-left: 2px;
+	}
+
 }

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatHookContentPart.css

@@ -7,12 +7,6 @@
 	color: var(--vscode-notificationsWarningIcon-foreground) !important;
 }
 
-.chat-thinking-box .chat-used-context.chat-hook-outcome-blocked,
-.chat-thinking-box .chat-used-context.chat-hook-outcome-warning {
-	padding: 4px 12px 4px 22px;
-	margin-bottom: 0;
-}
-
 .chat-thinking-box .chat-used-context.chat-hook-outcome-blocked > .chat-used-context-label .codicon,
 .chat-thinking-box .chat-used-context.chat-hook-outcome-warning > .chat-used-context-label .codicon {
 	display: none;
@@ -28,12 +22,14 @@
 .chat-hook-reason {
 	font-size: var(--vscode-chat-font-size-body-s);
 	padding: 4px 10px;
+	white-space: pre-wrap;
 }
 
 .chat-hook-message {
 	font-size: var(--vscode-chat-font-size-body-s);
 	padding: 4px 10px;
 	color: var(--vscode-descriptionForeground);
+	white-space: pre-wrap;
 }
 
 /* When both reason and message are shown, add a subtle separator */
@@ -42,3 +38,10 @@
 	margin-top: 2px;
 	padding-top: 6px;
 }
+
+.chat-used-context.chat-hook-outcome-warning,
+.chat-used-context.chat-hook-outcome-blocked {
+	.chat-used-context-label .monaco-button {
+		gap: 4px;
+	}
+}

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/media/chatInlineAnchorWidget.css

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 
 .chat-inline-anchor-widget {
-	border: 1px solid var(--vscode-chat-requestBorder, var(--vscode-input-background, transparent));
+	border: 0.5px solid var(--vscode-chat-requestBorder, var(--vscode-input-background, transparent));
 	border-radius: 4px;
 	margin: 0 1px;
 	padding: 1px 3px;
@@ -12,11 +12,11 @@
 	width: fit-content;
 	font-weight: normal;
 	text-decoration: none;
+	font-size: var(--vscode-chat-font-size-body-s);
 }
 
 .chat-inline-anchor-widget .icon-label {
 	padding: 0 3px;
-	text-wrap: wrap;
 
 	.label-suffix {
 		color: var(--vscode-peekViewTitleDescription-foreground);