From 5d97d0f9fe8ad34367bf6f753fc5a8e12f0885ec Mon Sep 17 00:00:00 2001
From: Michael Chihlas <michael@chihlas.com>
Date: Fri, 6 Mar 2026 18:16:17 -0500
Subject: [PATCH] feat: switch AI provider to Claude Sonnet 4.6 + add
 shift+enter hint to chat inputs

- Default AI_PROVIDER changed from gemini to anthropic
- AI_MODEL and AI_MODEL_ANTHROPIC updated to claude-sonnet-4-6
- Added "Shift + Enter for a new line" hint below all chat textareas

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 backend/app/core/config.py                    |  6 +-
 frontend/src/components/ai-chat/ChatInput.tsx |  5 +-
 .../src/components/copilot/CopilotPanel.tsx   |  1 +
 frontend/src/pages/AssistantChatPage.tsx      | 61 ++++++++++---------
 4 files changed, 40 insertions(+), 33 deletions(-)

diff --git a/backend/app/core/config.py b/backend/app/core/config.py
index f1b0edc2..a55d2e96 100644
--- a/backend/app/core/config.py
+++ b/backend/app/core/config.py
@@ -74,15 +74,15 @@ class Settings(BaseSettings):
 
     # AI Flow Builder
     ANTHROPIC_API_KEY: Optional[str] = None
-    AI_MODEL: str = "claude-haiku-4-5-20251001"
+    AI_MODEL: str = "claude-sonnet-4-6"
     AI_CONVERSATION_TTL_HOURS: int = 24
     AI_MAX_CALLS_PER_FLOW: int = 10
     AI_REQUEST_TIMEOUT_SECONDS: int = 45
     # AI Provider selection
-    AI_PROVIDER: str = "gemini"  # "gemini" or "anthropic"
+    AI_PROVIDER: str = "anthropic"  # "gemini" or "anthropic"
     GOOGLE_AI_API_KEY: Optional[str] = None
     AI_MODEL_GEMINI: str = "gemini-2.5-flash"
-    AI_MODEL_ANTHROPIC: str = "claude-haiku-4-5-20251001"
+    AI_MODEL_ANTHROPIC: str = "claude-sonnet-4-6"
 
     # MCP (Model Context Protocol) integrations
     ENABLE_MCP_MICROSOFT_LEARN: bool = True
diff --git a/frontend/src/components/ai-chat/ChatInput.tsx b/frontend/src/components/ai-chat/ChatInput.tsx
index f89173d0..987b6b8c 100644
--- a/frontend/src/components/ai-chat/ChatInput.tsx
+++ b/frontend/src/components/ai-chat/ChatInput.tsx
@@ -37,7 +37,8 @@ export function ChatInput({ onSend, disabled, placeholder = 'Type a message...'
   }
 
   return (
-    <div className="flex items-end gap-2 border-t border-border bg-card px-4 py-3">
+    <div className="border-t border-border bg-card px-4 py-3">
+      <div className="flex items-end gap-2">
       <textarea
         ref={textareaRef}
         value={value}
@@ -68,6 +69,8 @@ export function ChatInput({ onSend, disabled, placeholder = 'Type a message...'
       >
         <Send className="h-4 w-4" />
       </button>
+      </div>
+      <p className="text-[0.625rem] text-muted-foreground mt-1.5 px-1">Shift + Enter for a new line</p>
     </div>
   )
 }
diff --git a/frontend/src/components/copilot/CopilotPanel.tsx b/frontend/src/components/copilot/CopilotPanel.tsx
index 04095956..c5848516 100644
--- a/frontend/src/components/copilot/CopilotPanel.tsx
+++ b/frontend/src/components/copilot/CopilotPanel.tsx
@@ -174,6 +174,7 @@ export function CopilotPanel({ isOpen, onClose, treeId, sessionId, currentNodeId
             <Send size={16} />
           </button>
         </div>
+        <p className="text-[0.625rem] text-muted-foreground mt-1.5 px-1">Shift + Enter for a new line</p>
       </div>
     </div>
   )
diff --git a/frontend/src/pages/AssistantChatPage.tsx b/frontend/src/pages/AssistantChatPage.tsx
index 10f19f34..dacec1fa 100644
--- a/frontend/src/pages/AssistantChatPage.tsx
+++ b/frontend/src/pages/AssistantChatPage.tsx
@@ -233,39 +233,42 @@ export default function AssistantChatPage() {
 
             {/* Input */}
             <div className="px-6 py-4 border-t shrink-0" style={{ borderColor: 'var(--glass-border)' }}>
-              <div className="flex items-end gap-3 max-w-3xl mx-auto">
-                <textarea
-                  ref={inputRef}
-                  value={input}
-                  onChange={e => setInput(e.target.value)}
-                  onKeyDown={handleKeyDown}
-                  placeholder="Ask about IT, networking, troubleshooting..."
-                  rows={3}
-                  className="flex-1 resize-none rounded-xl border bg-card text-foreground text-sm placeholder:text-muted-foreground px-4 py-3 focus:outline-none focus:border-[rgba(6,182,212,0.3)]"
-                  style={{ borderColor: 'var(--glass-border)' }}
-                  disabled={loading}
-                />
-                <div className="flex flex-col gap-2">
-                  <button
-                    onClick={handleSend}
-                    disabled={!input.trim() || loading}
-                    className="bg-gradient-brand text-[#101114] p-3 rounded-xl hover:opacity-90 active:scale-[0.97] transition-all disabled:opacity-40"
-                    title="Send message"
-                  >
-                    <Send size={18} />
-                  </button>
-                  {messages.length >= 2 && (
+              <div className="max-w-3xl mx-auto">
+                <div className="flex items-end gap-3">
+                  <textarea
+                    ref={inputRef}
+                    value={input}
+                    onChange={e => setInput(e.target.value)}
+                    onKeyDown={handleKeyDown}
+                    placeholder="Ask about IT, networking, troubleshooting..."
+                    rows={3}
+                    className="flex-1 resize-none rounded-xl border bg-card text-foreground text-sm placeholder:text-muted-foreground px-4 py-3 focus:outline-none focus:border-[rgba(6,182,212,0.3)]"
+                    style={{ borderColor: 'var(--glass-border)' }}
+                    disabled={loading}
+                  />
+                  <div className="flex flex-col gap-2">
                     <button
-                      onClick={() => setShowConclude(true)}
-                      disabled={loading}
-                      className="p-3 rounded-xl border text-muted-foreground hover:text-amber-400 hover:border-amber-400/30 hover:bg-amber-400/10 transition-all disabled:opacity-40"
-                      style={{ borderColor: 'var(--glass-border)' }}
-                      title="Conclude session"
+                      onClick={handleSend}
+                      disabled={!input.trim() || loading}
+                      className="bg-gradient-brand text-[#101114] p-3 rounded-xl hover:opacity-90 active:scale-[0.97] transition-all disabled:opacity-40"
+                      title="Send message"
                     >
-                      <Flag size={18} />
+                      <Send size={18} />
                     </button>
-                  )}
+                    {messages.length >= 2 && (
+                      <button
+                        onClick={() => setShowConclude(true)}
+                        disabled={loading}
+                        className="p-3 rounded-xl border text-muted-foreground hover:text-amber-400 hover:border-amber-400/30 hover:bg-amber-400/10 transition-all disabled:opacity-40"
+                        style={{ borderColor: 'var(--glass-border)' }}
+                        title="Conclude session"
+                      >
+                        <Flag size={18} />
+                      </button>
+                    )}
+                  </div>
                 </div>
+                <p className="text-[0.625rem] text-muted-foreground mt-1.5 px-1">Shift + Enter for a new line</p>
               </div>
             </div>
           </>