From dccaa3a64c55456bc5c333536590f35276af5344 Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Thu, 18 Dec 2025 11:28:09 +0000
Subject: [PATCH] fix(ui): add CPU tooltip to VM/LXC rows in Proxmox Overview.
 Related to #816

The previous fix (3b4c77de) only addressed PVE/PBS nodes but missed
guest rows. Now VMs and LXC containers also show CPU details tooltip
on hover using EnhancedCPUBar.
---
 .../src/components/Dashboard/GuestRow.tsx     | 33 +++++--------------
 1 file changed, 8 insertions(+), 25 deletions(-)

diff --git a/frontend-modern/src/components/Dashboard/GuestRow.tsx b/frontend-modern/src/components/Dashboard/GuestRow.tsx
index 7e439ee..c9cb7c1 100644
--- a/frontend-modern/src/components/Dashboard/GuestRow.tsx
+++ b/frontend-modern/src/components/Dashboard/GuestRow.tsx
@@ -14,7 +14,8 @@ import { showSuccess, showError } from '@/utils/toast';
 import { logger } from '@/utils/logger';
 import { buildMetricKey } from '@/utils/metricsKeys';
 import { type ColumnPriority } from '@/hooks/useBreakpoint';
-import { ResponsiveMetricCell } from '@/components/shared/responsive';
+import { ResponsiveMetricCell, MetricText } from '@/components/shared/responsive';
+import { EnhancedCPUBar } from '@/components/Dashboard/EnhancedCPUBar';
 import { useBreakpoint } from '@/hooks/useBreakpoint';
 import { useMetricsViewMode } from '@/stores/metricsViewMode';
 import { aiChatStore } from '@/stores/aiChat';
@@ -950,33 +951,15 @@ export function GuestRow(props: GuestRowProps) {
       <Show when={isColVisible('cpu')}>
         <td class="px-2 py-1 align-middle" style={{ width: "140px", "min-width": "140px", "max-width": "140px" }}>
           <Show when={isMobile()}>
-            <div class="md:hidden flex justify-center">
-              <ResponsiveMetricCell
-                value={cpuPercent()}
-                type="cpu"
-                resourceId={metricsKey()}
-                sublabel={
-                  props.guest.cpus
-                    ? `${props.guest.cpus} ${props.guest.cpus === 1 ? 'core' : 'cores'}`
-                    : undefined
-                }
-                isRunning={isRunning()}
-                showMobile={true}
-              />
+            <div class="md:hidden h-4 flex items-center justify-center">
+              <MetricText value={cpuPercent()} type="cpu" />
             </div>
           </Show>
-          <div class="hidden md:block">
-            <ResponsiveMetricCell
-              value={cpuPercent()}
-              type="cpu"
+          <div class="hidden md:block h-4">
+            <EnhancedCPUBar
+              usage={cpuPercent()}
+              cores={props.guest.cpus}
               resourceId={metricsKey()}
-              sublabel={
-                props.guest.cpus
-                  ? `${props.guest.cpus} ${props.guest.cpus === 1 ? 'core' : 'cores'}`
-                  : undefined
-              }
-              isRunning={isRunning()}
-              showMobile={false}
             />
           </div>
         </td>