From b1f7709a059cc3221b342bb07d09472e2a6d8a5f Mon Sep 17 00:00:00 2001
From: Glen Maddern <glen@glenmaddern.com>
Date: Mon, 23 Jun 2025 16:02:59 +1000
Subject: [PATCH] Move number to left of plug emoji
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change layout from '🔌 0' to '0 🔌'
- Number now appears before the plug icon for better visual balance
- Maintains same functionality and styling
---
 examples/chat-ui/src/components/ConversationThread.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/chat-ui/src/components/ConversationThread.tsx b/examples/chat-ui/src/components/ConversationThread.tsx
index 419e265..ca8c9bb 100644
--- a/examples/chat-ui/src/components/ConversationThread.tsx
+++ b/examples/chat-ui/src/components/ConversationThread.tsx
@@ -242,10 +242,10 @@ const ConversationThread: React.FC<ConversationThreadProps> = ({
               onClick={() => setMcpServerModal(true)}
               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">
                 {mcpTools.length > 0 ? `1 (${mcpTools.length})` : "0"}
               </span>
+              <span className="text-lg">🔌</span>
             </button>
           </div>
         </div>