xinyin025/LangBot
1
0
Fork 0
mirror of https://github.com/langbot-app/LangBot.git synced 2026-06-02 03:55:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): show correct MCP server runtime status in sidebar dots

Browse Source 
Use runtime_info.status from the API instead of only checking the enable
flag. Dots now show: green (connected), yellow (connecting), red (error),
gray (disabled or no status).
This commit is contained in:
Junyan Qin
2026-03-27 20:02:16 +08:00
parent 23fa47b07e
commit d0e54a45c7
2 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
web/src/app/home/components/home-sidebar/HomeSidebar.tsx
View File

@@ -204,6 +204,21 @@ function sortByRecent(items: SidebarEntityItem[]): SidebarEntityItem[] {
});
}
// MCP status dot color: disabled → gray, error → red, connecting → yellow, connected → green
function mcpStatusColor(item: SidebarEntityItem): string {
if (item.enabled === false) return 'bg-muted-foreground/40';
switch (item.runtimeStatus) {
case 'connected':
return 'bg-green-500';
case 'connecting':
return 'bg-yellow-500';
case 'error':
return 'bg-red-500';
default:
return 'bg-muted-foreground/40';
}
}
// Plugin operation type enum
enum PluginOperationType {
DELETE = 'DELETE',
@@ -412,9 +427,11 @@ function NavItems({
<span
className={cn(
'absolute -bottom-0.5 -right-0.5 size-2 rounded-full border-2 border-popover',
item.enabled === false
? 'bg-muted-foreground/40'
: 'bg-green-500',
isMCP
? mcpStatusColor(item)
: item.enabled === false
? 'bg-muted-foreground/40'
: 'bg-green-500',
)}
/>
)}
@@ -423,9 +440,7 @@ function NavItems({
<span
className={cn(
'size-2 shrink-0 rounded-full',
item.enabled === false
? 'bg-muted-foreground/40'
: 'bg-green-500',
mcpStatusColor(item),
)}
/>
) : null}
@@ -468,9 +483,11 @@ function NavItems({
<span
className={cn(
'absolute -bottom-0.5 -right-0.5 size-2 rounded-full border-2 border-sidebar',
item.enabled === false
? 'bg-muted-foreground/40'
: 'bg-green-500',
isMCP
? mcpStatusColor(item)
: item.enabled === false
? 'bg-muted-foreground/40'
: 'bg-green-500',
)}
/>
)}
@@ -479,9 +496,7 @@ function NavItems({
<span
className={cn(
'size-2 shrink-0 rounded-full',
item.enabled === false
? 'bg-muted-foreground/40'
: 'bg-green-500',
mcpStatusColor(item),
)}
/>
) : null}

3
web/src/app/home/components/home-sidebar/SidebarDataContext.tsx
View File

@@ -21,6 +21,8 @@ export interface SidebarEntityItem {
updatedAt?: string; // ISO timestamp for sorting by most recently edited
// Bot-specific fields
enabled?: boolean;
// MCP-specific fields
runtimeStatus?: 'connecting' | 'connected' | 'error';
// Plugin-specific fields
installSource?: string;
installInfo?: Record<string, unknown>;
@@ -169,6 +171,7 @@ export function SidebarDataProvider({
id: server.name,
name: server.name,
enabled: server.enable,
runtimeStatus: server.runtime_info?.status,
})),
);
} catch (error) {