From 74a1a874d561daae894cdcfc5d96ca98e12a9493 Mon Sep 17 00:00:00 2001
From: Dustin Healy <54083382+dustinhealy@users.noreply.github.com>
Date: Mon, 5 Jan 2026 20:31:35 -0800
Subject: [PATCH] feat: add default clickouse icon to mcp server panel

---
 .../SidePanel/MCPBuilder/MCPServerCard.tsx    | 39 ++++++++++++-------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/client/src/components/SidePanel/MCPBuilder/MCPServerCard.tsx b/client/src/components/SidePanel/MCPBuilder/MCPServerCard.tsx
index 1e538724fb..99f9eee567 100644
--- a/client/src/components/SidePanel/MCPBuilder/MCPServerCard.tsx
+++ b/client/src/components/SidePanel/MCPBuilder/MCPServerCard.tsx
@@ -2,9 +2,10 @@ import { useState, useRef } from 'react';
 import { MCPIcon } from '@librechat/client';
 import { PermissionBits, hasPermissions } from 'librechat-data-provider';
 import type { MCPServerStatusIconProps } from '~/components/MCP/MCPServerStatusIcon';
+import ClickHouseIcon from '~/components/MCP/ClickHouseIcon';
 import type { MCPServerDefinition } from '~/hooks';
-import MCPServerDialog from './MCPServerDialog';
 import { getStatusDotColor } from './MCPStatusBadge';
+import MCPServerDialog from './MCPServerDialog';
 import MCPCardActions from './MCPCardActions';
 import { useMCPServerManager, useLocalize } from '~/hooks';
 import { cn } from '~/utils';
@@ -70,6 +71,29 @@ export default function MCPServerCard({
     setDialogOpen(true);
   };
 
+  const renderIcon = () => {
+    if (server.config?.iconPath) {
+      return (
+        <img
+          src={server.config.iconPath}
+          className="size-8 rounded-lg object-cover"
+          alt=""
+          aria-hidden="true"
+        />
+      );
+    }
+
+    if (server.serverName.toLowerCase().includes('clickhouse')) {
+      return <ClickHouseIcon className="size-8 rounded-lg object-cover" alt="" />;
+    }
+
+    return (
+      <div className="flex size-8 items-center justify-center rounded-lg bg-surface-tertiary">
+        <MCPIcon className="size-5 text-text-secondary" aria-hidden="true" />
+      </div>
+    );
+  };
+
   // Determine status text for accessibility
   const getStatusText = () => {
     if (isInitializing) return localize('com_nav_mcp_status_initializing');
@@ -97,18 +121,7 @@ export default function MCPServerCard({
       >
         {/* Server Icon with Status Dot */}
         <div className="relative flex-shrink-0">
-          {server.config?.iconPath ? (
-            <img
-              src={server.config.iconPath}
-              className="size-8 rounded-lg object-cover"
-              alt=""
-              aria-hidden="true"
-            />
-          ) : (
-            <div className="flex size-8 items-center justify-center rounded-lg bg-surface-tertiary">
-              <MCPIcon className="size-5 text-text-secondary" aria-hidden="true" />
-            </div>
-          )}
+          {renderIcon()}
           {/* Status dot - color indicates connection state */}
           <div
             className={cn(