Display instructions in the chat panel

Author: intitni

Core/Sources/SuggestionWidget/SuggestionPanelContent/ChatPanel.swift

@@ -61,6 +61,9 @@ struct ChatPanelToolbar: View {
 
 struct ChatPanelMessages: View {
     @ObservedObject var chat: ChatProvider
+    @AppStorage(\.chatFontSize) var chatFontSize
+    @AppStorage(\.useSelectionScopeByDefaultInChatContext)
+    var useSelectionScopeByDefaultInChatContext
 
     var body: some View {
         List {
@@ -74,12 +77,46 @@ struct ChatPanelMessages: View {
                 }
 
                 if chat.history.isEmpty {
-                    Text("New Chat")
-                        .frame(maxWidth: .infinity, alignment: .center)
-                        .padding(.vertical)
-                        .scaleEffect(x: -1, y: -1, anchor: .center)
-                        .foregroundStyle(.secondary)
-                        .listRowInsets(EdgeInsets(top: 0, leading: -8, bottom: 0, trailing: -8))
+                    Group {
+                        if useSelectionScopeByDefaultInChatContext {
+                            Markdown(
+                                """
+                                Hello, I am your AI programming assistant. I can identify issues, explain and even improve code.
+
+                                Currently, I have the ability to read the following details from the active editor:
+                                - The **selected code**.
+                                - The **relative path** of the file.
+                                - The **error and warning** labels.
+                                - The text cursor location.
+
+                                If you'd like me to examine the entire file, simply add `/file` to the beginning of your message.
+                                """
+                            )
+                        } else {
+                            Markdown(
+                                """
+                                Hello, I am your AI programming assistant. I can identify issues, explain and even improve code.
+
+                                Currently, I have the ability to read the following details from the active editor:
+                                - The **relative path** of the file.
+                                - The **error and warning** labels.
+                                - The text cursor location.
+
+                                If you would like me to examine the selected code, please prefix your message with `/selection`. If you would like me to examine the entire file, please prefix your message with `/file`.
+                                """
+                            )
+                        }
+                    }
+                    .textSelection(.enabled)
+                    .markdownTheme(.custom(fontSize: chatFontSize))
+                    .opacity(0.8)
+                    .frame(maxWidth: .infinity, alignment: .leading)
+                    .padding()
+                    .overlay {
+                        RoundedRectangle(cornerRadius: 8)
+                            .stroke(Color(nsColor: .separatorColor), lineWidth: 1)
+                    }
+                    .scaleEffect(x: -1, y: -1, anchor: .center)
                 }
 
                 ForEach(chat.history.reversed(), id: \.id) { message in
@@ -177,7 +214,7 @@ private struct UserMessage: View {
                 Button("Send Again") {
                     chat.resendMessage(id: id)
                 }
-                
+
                 Button("Set as Extra System Prompt") {
                     chat.setAsExtraPrompt(id: id)
                 }
@@ -234,7 +271,7 @@ private struct BotMessage: View {
                         NSPasteboard.general.clearContents()
                         NSPasteboard.general.setString(text, forType: .string)
                     }
-                    
+
                     Button("Set as Extra System Prompt") {
                         chat.setAsExtraPrompt(id: id)
                     }