From ce81fb976be3d34187d01d2fac190376af42e52d Mon Sep 17 00:00:00 2001
From: Shinya Fujino <shf0811@gmail.com>
Date: Thu, 20 Mar 2025 22:18:44 +0900
Subject: [PATCH 1/2] Restructure link buttons in sidebar to respect theme

---
 client/src/components/Sidebar.tsx | 51 ++++++++++++++++---------------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 48c6ff2..74b0fac 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -331,36 +331,37 @@ const Sidebar = ({
           </Select>
 
           <div className="flex items-center space-x-2">
-            <a
-              href="https://modelcontextprotocol.io/docs/tools/inspector"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <Button variant="ghost" title="Inspector Documentation">
+            <Button variant="ghost" title="Inspector Documentation" asChild>
+              <a
+                href="https://modelcontextprotocol.io/docs/tools/inspector"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
                 <CircleHelp className="w-4 h-4 text-gray-800" />
-              </Button>
-            </a>
-            <a
-              href="https://modelcontextprotocol.io/docs/tools/debugging"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <Button variant="ghost" title="Debugging Guide">
+              </a>
+            </Button>
+            <Button variant="ghost" title="Debugging Guide" asChild>
+              <a
+                href="https://modelcontextprotocol.io/docs/tools/debugging"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
                 <Bug className="w-4 h-4 text-gray-800" />
-              </Button>
-            </a>
-            <a
-              href="https://github.com/modelcontextprotocol/inspector"
-              target="_blank"
-              rel="noopener noreferrer"
+              </a>
+            </Button>
+            <Button
+              variant="ghost"
+              title="Report bugs or contribute on GitHub"
+              asChild
             >
-              <Button
-                variant="ghost"
-                title="Report bugs or contribute on GitHub"
+              <a
+                href="https://github.com/modelcontextprotocol/inspector"
+                target="_blank"
+                rel="noopener noreferrer"
               >
                 <Github className="w-4 h-4 text-gray-800" />
-              </Button>
-            </a>
+              </a>
+            </Button>
           </div>
         </div>
       </div>

From d2e211a597174f8a1f67a92f52665a9d0df7c296 Mon Sep 17 00:00:00 2001
From: Shinya Fujino <shf0811@gmail.com>
Date: Fri, 28 Mar 2025 22:13:31 +0900
Subject: [PATCH 2/2] Update Sidebar component icons to use 'text-foreground'
 for better visibility

---
 client/src/components/Sidebar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 605882a..ce4562c 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -377,7 +377,7 @@ const Sidebar = ({
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                <CircleHelp className="w-4 h-4 text-gray-800" />
+                <CircleHelp className="w-4 h-4 text-foreground" />
               </a>
             </Button>
             <Button variant="ghost" title="Debugging Guide" asChild>
@@ -386,7 +386,7 @@ const Sidebar = ({
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                <Bug className="w-4 h-4 text-gray-800" />
+                <Bug className="w-4 h-4 text-foreground" />
               </a>
             </Button>
             <Button
@@ -399,7 +399,7 @@ const Sidebar = ({
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                <Github className="w-4 h-4 text-gray-800" />
+                <Github className="w-4 h-4 text-foreground" />
               </a>
             </Button>
           </div>