From 3461d3c90058909516533b830559fdda5dc028ca Mon Sep 17 00:00:00 2001
From: Glen Maddern <glen@glenmaddern.com>
Date: Mon, 23 Jun 2025 15:54:04 +1000
Subject: [PATCH] Replace red X with grey 'none' text and add pointer cursor
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change unconfigured model indicator from red ✕ to grey 'none' text
- Add explicit cursor-pointer class to brain emoji button
- Maintains grey text color consistent with configured model names
- Cleaner, less alarming visual for unconfigured state
---
 examples/chat-ui/src/components/ConversationThread.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/chat-ui/src/components/ConversationThread.tsx b/examples/chat-ui/src/components/ConversationThread.tsx
index 451cf95..5ef2c42 100644
--- a/examples/chat-ui/src/components/ConversationThread.tsx
+++ b/examples/chat-ui/src/components/ConversationThread.tsx
@@ -224,14 +224,14 @@ const ConversationThread: React.FC<ConversationThreadProps> = ({
           <div className="flex items-center gap-2 mt-2">
             <button
               onClick={() => setModelSelectionModal(true)}
-              className="flex items-center gap-2 text-zinc-600 hover:text-zinc-900 transition-colors"
+              className="flex items-center gap-2 text-zinc-600 hover:text-zinc-900 transition-colors cursor-pointer"
             >
               <span className="text-lg">🧠</span>
               <span className="text-sm text-zinc-500">
                 {hasApiKey(selectedModel.provider.id) ? (
                   selectedModel.name.toLowerCase()
                 ) : (
-                  <span className="text-red-500">✕</span>
+                  "none"
                 )}
               </span>
             </button>