@codingame/monaco-vscode-chat-service-override 36.2.7 → 37.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationWelcomePromptLaunchers.css

@@ -21,35 +21,39 @@
 
 .ai-customization-management-editor .welcome-prompts-inner {
 	margin: 0 auto;
+	max-width: 840px;
+	padding: var(--vscode-spacing-size240) var(--vscode-spacing-size200) var(--vscode-spacing-size320);
+	box-sizing: border-box;
 }
 
 .ai-customization-management-editor .welcome-prompts-heading {
-	font-size: var(--vscode-agents-fontSize-heading2);
-	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	font-size: var(--vscode-fontSize-heading2);
+	font-weight: var(--vscode-fontWeight-semiBold);
 	margin: 0 0 6px;
 	color: var(--vscode-foreground);
 }
 
 .ai-customization-management-editor .welcome-prompts-subtitle {
-	font-size: var(--vscode-agents-fontSize-body1);
+	font-size: var(--vscode-fontSize-body1);
 	color: var(--vscode-descriptionForeground);
 	margin: 0 0 8px;
 	padding-bottom: 8px;
 	line-height: 1.45;
-	min-height: calc(var(--vscode-agents-fontSize-body1) * 1.45 * 2);
+	min-height: calc(var(--vscode-fontSize-body1) * 1.45 * 2);
 }
 
 .ai-customization-management-editor .welcome-prompts-primary {
 	display: flex;
 	flex-direction: column;
-	gap: 6px;
+	gap: var(--vscode-spacing-size60);
 	/* Match card grid width — no extra horizontal margin */
 	width: 100%;
 	box-sizing: border-box;
-	padding: 12px 8px 8px;
-	margin: 16px 0;
-	border: 1px solid color-mix(in srgb, var(--vscode-editorWidget-border) 85%, transparent);
-	border-radius: 6px;
+	padding: var(--vscode-spacing-size160);
+	margin: var(--vscode-spacing-size200) 0 var(--vscode-spacing-size280);
+	border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
+	border-radius: var(--vscode-cornerRadius-large);
+	background: color-mix(in srgb, var(--vscode-foreground) 8%, var(--vscode-agentsPanel-background));
 }
 
 .ai-customization-management-editor .welcome-prompts-section-label {
@@ -58,8 +62,8 @@
 	gap: 8px;
 	margin: 0;
 	padding: 0 4px;
-	font-size: var(--vscode-agents-fontSize-body1);
-	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	font-size: var(--vscode-fontSize-body1);
+	font-weight: var(--vscode-fontWeight-semiBold);
 	color: var(--vscode-foreground);
 }
 
@@ -69,8 +73,8 @@
 	min-height: 36px;
 	height: 36px;
 	border-radius: 6px;
-	background: var(--vscode-agentsChatInput-background);
-	border: 1px solid var(--vscode-agentsChatInput-border, var(--vscode-input-border, transparent));
+	background: var(--vscode-input-background);
+	border: var(--vscode-strokeThickness) solid var(--vscode-input-border, transparent);
 	padding: 0 4px 0 12px;
 	margin-top: 6px;
 }
@@ -84,13 +88,13 @@
 	min-width: 0;
 	height: 36px;
 	padding: 0;
-	font-size: var(--vscode-agents-fontSize-body1);
+	font-size: var(--vscode-fontSize-body1);
 	font-family: inherit;
 	border: none;
 	outline: none;
 	box-shadow: none;
 	background: transparent;
-	color: var(--vscode-agentsChatInput-foreground);
+	color: var(--vscode-input-foreground);
 	-webkit-appearance: none;
 	appearance: none;
 }
@@ -108,7 +112,7 @@
 }
 
 .ai-customization-management-editor .welcome-prompts-input::placeholder {
-	color: var(--vscode-agentsChatInput-placeholderForeground);
+	color: var(--vscode-input-placeholderForeground, var(--vscode-descriptionForeground));
 }
 
 .ai-customization-management-editor .welcome-prompts-input-submit {
@@ -151,7 +155,7 @@
 }
 
 .ai-customization-management-editor .welcome-prompts-sent-label {
-	font-size: 12px;
+	font-size: var(--vscode-agents-fontSize-label1);
 	color: var(--vscode-descriptionForeground);
 	padding: 0 8px;
 	white-space: nowrap;
@@ -172,18 +176,48 @@
 }
 
 .ai-customization-management-editor .welcome-prompts-cards {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size280);
+}
+
+.ai-customization-management-editor .welcome-prompts-overview-section {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size100);
+}
+
+.ai-customization-management-editor .welcome-prompts-overview-section-title {
+	margin: 0;
+	font-size: var(--vscode-agents-fontSize-heading3);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+}
+
+.ai-customization-management-editor .welcome-prompts-overview-section-description {
+	margin: calc(-1 * var(--vscode-spacing-size60)) 0 0;
+	font-size: var(--vscode-agents-fontSize-body2);
+	line-height: 16px;
+	color: var(--vscode-descriptionForeground);
+}
+
+.ai-customization-management-editor .welcome-prompts-overview-grid {
 	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-	gap: 10px;
+	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+	gap: var(--vscode-spacing-size100);
 }
 
 .ai-customization-management-editor .welcome-prompts-card {
 	display: flex;
 	flex-direction: column;
-	padding: 10px 12px 12px;
-	border: 1px solid var(--vscode-widget-border);
-	border-radius: 6px;
-	background: var(--vscode-sideBar-background);
+	min-width: 0;
+	padding: var(--vscode-spacing-size120);
+	border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
+	border-radius: var(--vscode-cornerRadius-large);
+	background: color-mix(in srgb, var(--vscode-foreground) 8%, var(--vscode-agentsPanel-background));
+	color: var(--vscode-foreground);
+	font: inherit;
+	text-align: left;
 	cursor: pointer;
 	transition: background-color 0.1s ease;
 }
@@ -197,6 +231,17 @@
 	outline-offset: -1px;
 }
 
+.ai-customization-management-editor .welcome-prompts-migration-card {
+	grid-column: 1 / -1;
+	background: color-mix(in srgb, var(--vscode-inputValidation-warningBackground) 35%, var(--vscode-agentsPanel-background));
+	border-color: color-mix(in srgb, var(--vscode-inputValidation-warningBorder) 70%, var(--vscode-agentsPanel-border));
+	cursor: pointer;
+}
+
+.ai-customization-management-editor .welcome-prompts-migration-card:hover {
+	background: color-mix(in srgb, var(--vscode-inputValidation-warningBackground) 55%, var(--vscode-list-hoverBackground));
+}
+
 .ai-customization-management-editor .welcome-prompts-card-header {
 	display: flex;
 	align-items: center;
@@ -205,24 +250,32 @@
 }
 
 .ai-customization-management-editor .welcome-prompts-card-icon {
-	font-size: 14px;
+	font-size: var(--vscode-codiconFontSize);
 	color: var(--vscode-icon-foreground);
 }
 
 .ai-customization-management-editor .welcome-prompts-card-label {
 	font-size: 12px;
-	font-weight: 500;
+	font-weight: var(--vscode-fontWeight-semiBold);
 	color: var(--vscode-foreground);
 }
 
 .ai-customization-management-editor .welcome-prompts-card-description {
-	font-size: 11px;
+	font-size: var(--vscode-agents-fontSize-body2);
 	color: var(--vscode-descriptionForeground);
 	line-height: 1.45;
 	margin: 0;
 	flex: 1;
 }
 
+.ai-customization-management-editor .welcome-prompts-card-action-label {
+	align-self: flex-start;
+	margin-top: var(--vscode-spacing-size100);
+	font-size: var(--vscode-agents-fontSize-body2);
+	font-weight: var(--vscode-agents-fontWeight-semiBold);
+	color: var(--vscode-textLink-foreground);
+}
+
 .ai-customization-management-editor .welcome-prompts-card-footer {
 	display: flex;
 	align-items: center;

package/vscode/src/vs/workbench/contrib/chat/browser/aiCustomization/media/customizationMigrationDashboard.css

@@ -0,0 +1,354 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.customization-migration-dashboard {
+	container-type: inline-size;
+	color: var(--vscode-foreground);
+	font-size: var(--vscode-fontSize-body1);
+	line-height: 1.4;
+}
+
+.customization-migration-dashboard .migration-page {
+	box-sizing: border-box;
+	max-width: 920px;
+	margin: 0 auto;
+	padding: var(--vscode-spacing-size400);
+}
+
+.customization-migration-dashboard h1,
+.customization-migration-dashboard h2,
+.customization-migration-dashboard h3,
+.customization-migration-dashboard h4,
+.customization-migration-dashboard strong {
+	margin: 0;
+	font-weight: var(--vscode-fontWeight-semiBold);
+}
+
+.customization-migration-dashboard h1 {
+	font-size: var(--vscode-fontSize-heading1);
+}
+
+.customization-migration-dashboard h2,
+.customization-migration-dashboard h4 {
+	font-size: var(--vscode-fontSize-heading3);
+}
+
+.customization-migration-dashboard .migration-intro {
+	margin: var(--vscode-spacing-size80) 0 var(--vscode-spacing-size240);
+	color: var(--vscode-descriptionForeground);
+}
+
+.customization-migration-dashboard .migration-section-header,
+.customization-migration-dashboard .migration-scope-header,
+.customization-migration-dashboard .migration-category,
+.customization-migration-dashboard .migration-result,
+.customization-migration-dashboard .migration-activity-item-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--vscode-spacing-size160);
+}
+
+.customization-migration-dashboard .migration-section-header,
+.customization-migration-dashboard .migration-scope-header,
+.customization-migration-dashboard .migration-result,
+.customization-migration-dashboard .migration-activity-item-header {
+	flex-wrap: wrap;
+}
+
+.customization-migration-dashboard .migration-checklist-progress,
+.customization-migration-dashboard .migration-scope-description,
+.customization-migration-dashboard .migration-category-description,
+.customization-migration-dashboard .migration-empty {
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-label1);
+}
+
+.customization-migration-dashboard .migration-checklist {
+	list-style: none;
+	margin: var(--vscode-spacing-size80) 0 0;
+	padding: 0;
+}
+
+.customization-migration-dashboard .migration-scope {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size120);
+	padding: var(--vscode-spacing-size160) 0;
+}
+
+.customization-migration-dashboard .migration-scope-info,
+.customization-migration-dashboard .migration-category-info {
+	flex: 1;
+	min-width: 0;
+}
+
+.customization-migration-dashboard .migration-scope-title {
+	display: flex;
+	align-items: baseline;
+	gap: var(--vscode-spacing-size80);
+	font-size: var(--vscode-fontSize-body1);
+}
+
+.customization-migration-dashboard .migration-scope-label {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.customization-migration-dashboard .migration-scope-state {
+	flex-shrink: 0;
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-label2);
+	font-weight: var(--vscode-fontWeight-regular);
+}
+
+.customization-migration-dashboard .is-complete .migration-scope-state {
+	color: var(--vscode-charts-green);
+	background: color-mix(in srgb, var(--vscode-charts-green) 12%, transparent);
+	border-radius: var(--vscode-cornerRadius-circle);
+	padding: var(--vscode-spacing-size20) var(--vscode-spacing-size60);
+}
+
+.customization-migration-dashboard .is-progress .migration-scope-state {
+	color: var(--vscode-textLink-foreground);
+}
+
+.customization-migration-dashboard .migration-scope-description,
+.customization-migration-dashboard .migration-category-description {
+	margin: var(--vscode-spacing-size40) 0 0;
+}
+
+.customization-migration-dashboard .migration-scope-actions,
+.customization-migration-dashboard .migration-result-actions {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+	gap: var(--vscode-spacing-size120);
+}
+
+.customization-migration-dashboard .migration-categories,
+.customization-migration-dashboard .migration-activity-entry {
+	border: var(--vscode-strokeThickness) solid var(--vscode-contrastBorder, var(--vscode-widget-border));
+	border-radius: var(--vscode-cornerRadius-medium);
+}
+
+.customization-migration-dashboard .migration-category {
+	padding: var(--vscode-spacing-size100) var(--vscode-spacing-size120);
+}
+
+.customization-migration-dashboard .migration-category + .migration-category,
+.customization-migration-dashboard .migration-activity-item,
+.customization-migration-dashboard .migration-activity-item + .migration-activity-item {
+	border-top: var(--vscode-strokeThickness) solid var(--vscode-contrastBorder, var(--vscode-widget-border));
+}
+
+.customization-migration-dashboard .migration-category-heading {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	gap: var(--vscode-spacing-size80);
+}
+
+.customization-migration-dashboard .migration-count,
+.customization-migration-dashboard .migration-risk,
+.customization-migration-dashboard .migration-operation {
+	border-radius: var(--vscode-cornerRadius-circle);
+	padding: var(--vscode-spacing-size20) var(--vscode-spacing-size80);
+	font-size: var(--vscode-fontSize-label2);
+	white-space: nowrap;
+	border: var(--vscode-strokeThickness) solid var(--vscode-contrastBorder, transparent);
+}
+
+.customization-migration-dashboard .migration-count,
+.customization-migration-dashboard .migration-operation {
+	background: color-mix(in srgb, var(--vscode-foreground) 8%, transparent);
+	color: var(--vscode-descriptionForeground);
+}
+
+.customization-migration-dashboard .migration-risk {
+	background: var(--vscode-inputValidation-errorBackground);
+	color: var(--vscode-errorForeground);
+}
+
+.customization-migration-dashboard .monaco-button {
+	width: auto;
+	flex-shrink: 0;
+	font-size: var(--vscode-fontSize-label1);
+	border-radius: var(--vscode-cornerRadius-small);
+}
+
+.customization-migration-dashboard .migration-secondary-button {
+	padding: var(--vscode-spacing-size40) var(--vscode-spacing-size80);
+}
+
+.customization-migration-dashboard .migration-link-button {
+	padding: 0;
+}
+
+.customization-migration-dashboard .migration-scope-actions .migration-link-button {
+	padding: var(--vscode-spacing-size40) var(--vscode-spacing-size60);
+}
+
+.customization-migration-dashboard .migration-icon-button {
+	box-sizing: border-box;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 24px;
+	height: 24px;
+	padding: 0;
+	cursor: pointer;
+}
+
+.customization-migration-dashboard .migration-icon-button .codicon {
+	font-size: var(--vscode-codiconFontSize);
+}
+
+.customization-migration-dashboard .migration-result {
+	margin: var(--vscode-spacing-size240) 0;
+	padding: var(--vscode-spacing-size80) var(--vscode-spacing-size120);
+	background: color-mix(in srgb, var(--vscode-charts-green) 10%, var(--vscode-editor-background));
+	border: var(--vscode-strokeThickness) solid color-mix(in srgb, var(--vscode-charts-green) 50%, var(--vscode-widget-border));
+	border-radius: var(--vscode-cornerRadius-medium);
+}
+
+.vscode-high-contrast .customization-migration-dashboard .migration-result {
+	border-color: var(--vscode-contrastBorder);
+}
+
+.customization-migration-dashboard .migration-result h2 {
+	color: var(--vscode-charts-green);
+}
+
+.customization-migration-dashboard .migration-activity {
+	margin-top: var(--vscode-spacing-size240);
+}
+
+.customization-migration-dashboard .migration-activity-list {
+	display: flex;
+	flex-direction: column;
+	gap: var(--vscode-spacing-size80);
+	margin-top: var(--vscode-spacing-size120);
+}
+
+.customization-migration-dashboard .migration-activity-entry {
+	position: relative;
+	background: var(--vscode-editorWidget-background);
+}
+
+.customization-migration-dashboard .migration-activity-details {
+	display: block;
+	min-width: 0;
+	width: 100%;
+}
+
+.customization-migration-dashboard summary {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--vscode-spacing-size160);
+	padding: var(--vscode-spacing-size100) calc(var(--vscode-spacing-size400) + var(--vscode-spacing-size80)) var(--vscode-spacing-size100) var(--vscode-spacing-size120);
+	cursor: pointer;
+	list-style: none;
+}
+
+.customization-migration-dashboard summary::-webkit-details-marker {
+	display: none;
+}
+
+.customization-migration-dashboard .migration-activity-summary-leading {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--vscode-spacing-size80);
+	min-width: 0;
+}
+
+.customization-migration-dashboard .migration-activity-title {
+	min-width: 0;
+	overflow-wrap: anywhere;
+}
+
+.customization-migration-dashboard .migration-activity-title strong,
+.customization-migration-dashboard .migration-activity-title span {
+	display: block;
+}
+
+.customization-migration-dashboard .migration-activity-title span {
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-label1);
+}
+
+.customization-migration-dashboard .migration-activity-disclosure {
+	flex-shrink: 0;
+	margin-top: var(--vscode-spacing-size20);
+	color: var(--vscode-descriptionForeground);
+	transform: rotate(0);
+	transform-origin: center;
+}
+
+.customization-migration-dashboard .migration-activity-details[open] .migration-activity-disclosure {
+	transform: rotate(90deg);
+}
+
+.customization-migration-dashboard .migration-activity-actions {
+	position: absolute;
+	top: var(--vscode-spacing-size60);
+	right: var(--vscode-spacing-size60);
+	z-index: 1;
+}
+
+.customization-migration-dashboard .migration-activity-items {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+.customization-migration-dashboard .migration-activity-item {
+	padding: var(--vscode-spacing-size100) var(--vscode-spacing-size120);
+}
+
+.customization-migration-dashboard .migration-activity-item-header strong,
+.customization-migration-dashboard .migration-category-info {
+	overflow-wrap: anywhere;
+}
+
+.customization-migration-dashboard .migration-paths {
+	display: grid;
+	grid-template-columns: auto minmax(0, 1fr);
+	gap: var(--vscode-spacing-size40) var(--vscode-spacing-size120);
+	margin: var(--vscode-spacing-size60) 0 0;
+	font-size: var(--vscode-fontSize-label1);
+	color: var(--vscode-descriptionForeground);
+}
+
+.customization-migration-dashboard .migration-paths dd {
+	margin: 0;
+	font-family: var(--monaco-monospace-font);
+	overflow-wrap: anywhere;
+}
+
+.customization-migration-dashboard :focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+@container (max-width: 520px) {
+	.customization-migration-dashboard .migration-page {
+		padding: var(--vscode-spacing-size240) var(--vscode-spacing-size200);
+	}
+
+	.customization-migration-dashboard .migration-category {
+		align-items: stretch;
+		flex-direction: column;
+		gap: var(--vscode-spacing-size120);
+	}
+
+	.customization-migration-dashboard .migration-category > .monaco-button {
+		align-self: flex-end;
+	}
+
+}