From 75287fa3c3bd2dfd79203698005536c49204b92c Mon Sep 17 00:00:00 2001 From: Elijah King Date: Fri, 26 Sep 2025 16:59:08 -0700 Subject: [PATCH] Added section title --- .../chat/browser/media/chatViewWelcome.css | 17 +++++++++++++++-- .../viewsWelcome/chatViewWelcomeController.ts | 3 +++ 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/src/vs/workbench/contrib/chat/browser/media/chatViewWelcome.css b/src/vs/workbench/contrib/chat/browser/media/chatViewWelcome.css index 5ce2059549e..e02c9bd4af4 100644 --- a/src/vs/workbench/contrib/chat/browser/media/chatViewWelcome.css +++ b/src/vs/workbench/contrib/chat/browser/media/chatViewWelcome.css @@ -192,14 +192,27 @@ div.chat-welcome-view { flex-wrap: wrap; justify-content: flex-start; row-gap: 8px; - padding: 12px; + padding: 32px 12px 12px 12px; /* Extra top padding for title */ + + .chat-welcome-view-suggested-prompts-title { + position: absolute; + top: 8px; + left: 16px; + font-size: 11px; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.5px; + color: var(--vscode-descriptionForeground); + margin: 0; + text-align: left; + } > .chat-welcome-view-suggested-prompt { display: flex; align-items: center; gap: 6px; height: 24px; - padding: 0 10px; + padding: 0 8px; border-radius: 4px; background-color: var(--vscode-editorWidget-background); cursor: pointer; diff --git a/src/vs/workbench/contrib/chat/browser/viewsWelcome/chatViewWelcomeController.ts b/src/vs/workbench/contrib/chat/browser/viewsWelcome/chatViewWelcomeController.ts index 6c2a7ad4771..b972bc483ce 100644 --- a/src/vs/workbench/contrib/chat/browser/viewsWelcome/chatViewWelcomeController.ts +++ b/src/vs/workbench/contrib/chat/browser/viewsWelcome/chatViewWelcomeController.ts @@ -191,6 +191,9 @@ export class ChatViewWelcomePart extends Disposable { // Render suggested prompts for both new user and regular modes if (content.suggestedPrompts && content.suggestedPrompts.length) { const suggestedPromptsContainer = dom.append(this.element, $('.chat-welcome-view-suggested-prompts')); + const titleElement = dom.append(suggestedPromptsContainer, $('.chat-welcome-view-suggested-prompts-title')); + titleElement.textContent = localize('chatWidget.suggestedActions', 'Suggested Actions'); + for (const prompt of content.suggestedPrompts) { const promptElement = dom.append(suggestedPromptsContainer, $('.chat-welcome-view-suggested-prompt')); // Make the prompt element keyboard accessible