🐛 fix: align dashboard with secured APIs

This commit is contained in:
2026-08-13 03:29:33 +07:00
parent e90dc8382b
commit 3f09e330be
47 changed files with 1280 additions and 397 deletions
@@ -12,8 +12,8 @@ export function K8sNodeComponent({ data, selected }: NodeProps) {
return (
<TopologyNodeCard
selected={selected}
icon={<Box className="h-4 w-4 text-blue-600" />}
iconClassName="bg-blue-500/10"
icon={<Box className="h-4 w-4 text-info" />}
iconClassName="bg-info/10"
title={node.name || "Unknown"}
description="Kubernetes Node"
health={health}
@@ -35,7 +35,7 @@ export function K8sNodeComponent({ data, selected }: NodeProps) {
<CompactRow
label="Total Pods"
className="text-xs bg-muted/50 rounded px-2 py-1.5"
valueClassName="font-semibold text-blue-600"
valueClassName="font-semibold text-info"
>
{podCount}
</CompactRow>
@@ -55,7 +55,7 @@ export function K8sNodeComponent({ data, selected }: NodeProps) {
<CompactRow
label="CPU"
icon={<Cpu className="h-3 w-3" />}
valueClassName="font-semibold text-xs text-blue-600"
valueClassName="font-semibold text-xs text-info"
>
{metrics.cpuUsage}
</CompactRow>
@@ -64,7 +64,7 @@ export function K8sNodeComponent({ data, selected }: NodeProps) {
<CompactRow
label="Memory"
icon={<HardDrive className="h-3 w-3" />}
valueClassName="font-semibold text-xs text-blue-600"
valueClassName="font-semibold text-xs text-info"
>
{metrics.memoryUsage}
</CompactRow>
@@ -15,8 +15,8 @@ export function ProxyNode({ data, selected }: NodeProps) {
return (
<TopologyNodeCard
selected={selected}
icon={<Globe className="h-4 w-4 text-blue-500" />}
iconClassName="bg-blue-500/10"
icon={<Globe className="h-4 w-4 text-info" />}
iconClassName="bg-info/10"
title={proxy.id}
description={proxy.description}
health={health}
@@ -37,7 +37,7 @@ export function ProxyNode({ data, selected }: NodeProps) {
className="text-xs bg-muted/50 rounded px-2 py-1.5"
valueClassName={cn(
"font-semibold",
readyPods === podCount ? "text-green-600" : "text-yellow-600"
readyPods === podCount ? "text-success" : "text-warning"
)}
>
{readyPods}/{podCount}
@@ -80,7 +80,7 @@ export function ProxyNode({ data, selected }: NodeProps) {
<div className="space-y-1 text-[11px] pt-1 border-t">
<CompactRow
label="Restarts"
valueClassName={restartCount > 0 ? "text-yellow-600" : "text-green-600"}
valueClassName={restartCount > 0 ? "text-warning" : "text-success"}
>
{restartCount}
</CompactRow>
@@ -90,7 +90,7 @@ export function ProxyNode({ data, selected }: NodeProps) {
{pods[0].ip}
</CompactRow>
)}
<CompactRow label="Routing To" valueClassName="font-semibold text-blue-600">
<CompactRow label="Routing To" valueClassName="font-semibold text-info">
{connectedServers.length} servers
</CompactRow>
{k8sNodes.length > 0 && (
@@ -43,7 +43,7 @@ export function ServerNode({ data, selected }: NodeProps) {
className="text-xs bg-muted/50 rounded px-2 py-1.5"
valueClassName={cn(
"font-semibold",
readyPods === podCount ? "text-green-600" : "text-yellow-600"
readyPods === podCount ? "text-success" : "text-warning"
)}
>
{readyPods}/{podCount}
@@ -77,7 +77,7 @@ export function ServerNode({ data, selected }: NodeProps) {
<div className="space-y-1 text-[11px] pt-1 border-t">
<CompactRow
label="Restarts"
valueClassName={restartCount > 0 ? "text-yellow-600" : "text-green-600"}
valueClassName={restartCount > 0 ? "text-warning" : "text-success"}
>
{restartCount}
</CompactRow>
@@ -93,7 +93,7 @@ export function ServerNode({ data, selected }: NodeProps) {
{(k8sNodes.length > 0 || connectedProxies.length > 0) && (
<div className="space-y-1 text-[11px] pt-1 border-t">
{connectedProxies.length > 0 && (
<CompactRow label="Exposed By" valueClassName="font-semibold text-blue-600">
<CompactRow label="Exposed By" valueClassName="font-semibold text-info">
{connectedProxies.length} proxies
</CompactRow>
)}