From 0d668677011bac01ff7ee91952e55b8de7bed148 Mon Sep 17 00:00:00 2001
From: Justin Spahr-Summers <justin@anthropic.com>
Date: Fri, 25 Oct 2024 14:48:15 +0100
Subject: [PATCH] Add notification badge

---
 client/src/App.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/src/App.tsx b/client/src/App.tsx
index 15cdff8..beb6625 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -13,7 +13,6 @@ import {
   ProgressNotificationSchema,
   ServerNotification,
   EmptyResultSchema,
-  CreateMessageRequest,
   CreateMessageResult,
   CreateMessageRequestSchema,
 } from "mcp-typescript/types.js";
@@ -355,9 +354,14 @@ const App = () => {
                     <Bell className="w-4 h-4 mr-2" />
                     Ping
                   </TabsTrigger>
-                  <TabsTrigger value="sampling">
+                  <TabsTrigger value="sampling" className="relative">
                     <Hash className="w-4 h-4 mr-2" />
                     Sampling
+                    {pendingSampleRequests.length > 0 && (
+                      <span className="absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full h-4 w-4 flex items-center justify-center">
+                        {pendingSampleRequests.length}
+                      </span>
+                    )}
                   </TabsTrigger>
                 </TabsList>