Update AppImage

AppImage/components/virtual-machines.tsx

@@ -187,7 +187,6 @@ export function VirtualMachines() {
   const [vmConfigs, setVmConfigs] = useState<Record<number, string>>({})
   const [currentView, setCurrentView] = useState<"main" | "metrics">("main")
   const [selectedMetric, setSelectedMetric] = useState<"cpu" | "memory" | "disk" | "network" | null>(null)
-  const [metricsDialogOpen, setMetricsDialogOpen] = useState(false) // Declare and initialize metricsDialogOpen
 
   useEffect(() => {
     const fetchLXCIPs = async () => {
@@ -239,7 +238,6 @@ export function VirtualMachines() {
   const handleMetricClick = (metric: "cpu" | "memory" | "disk" | "network") => {
     setSelectedMetric(metric)
     setCurrentView("metrics")
-    setMetricsDialogOpen(true) // Open the metrics dialog
   }
 
   const handleBackToMain = () => {
@@ -561,7 +559,6 @@ export function VirtualMachines() {
                             className="cursor-pointer hover:opacity-80 transition-opacity"
                             onClick={() => {
                               setSelectedMetric("cpu")
-                              setMetricsDialogOpen(true)
                             }}
                           >
                             <div
@@ -582,7 +579,6 @@ export function VirtualMachines() {
                             className="cursor-pointer hover:opacity-80 transition-opacity"
                             onClick={() => {
                               setSelectedMetric("memory")
-                              setMetricsDialogOpen(true)
                             }}
                           >
                             <div
@@ -603,7 +599,6 @@ export function VirtualMachines() {
                             className="cursor-pointer hover:opacity-80 transition-opacity"
                             onClick={() => {
                               setSelectedMetric("disk")
-                              setMetricsDialogOpen(true)
                             }}
                           >
                             <div
@@ -723,7 +718,6 @@ export function VirtualMachines() {
           setVMDetails(null)
           setCurrentView("main")
           setSelectedMetric(null)
-          setMetricsDialogOpen(false) // Close the metrics dialog when the VM dialog is closed
         }}
       >
         <DialogContent className="max-w-4xl max-h-[95vh] flex flex-col p-0">
@@ -770,7 +764,9 @@ export function VirtualMachines() {
                             <div className="text-xs text-muted-foreground mb-1">CPU Usage</div>
                             <div
                               className="cursor-pointer hover:opacity-80 transition-opacity"
-                              onClick={() => handleMetricClick("cpu")}
+                              onClick={() => {
+                                setSelectedMetric("cpu")
+                              }}
                             >
                               <div className={`font-semibold mb-1 ${getUsageColor(selectedVM.cpu * 100)}`}>
                                 {(selectedVM.cpu * 100).toFixed(1)}%
@@ -785,7 +781,9 @@ export function VirtualMachines() {
                             <div className="text-xs text-muted-foreground mb-1">Memory</div>
                             <div
                               className="cursor-pointer hover:opacity-80 transition-opacity"
-                              onClick={() => handleMetricClick("memory")}
+                              onClick={() => {
+                                setSelectedMetric("memory")
+                              }}
                             >
                               <div
                                 className={`font-semibold mb-1 ${getUsageColor((selectedVM.mem / selectedVM.maxmem) * 100)}`}
@@ -803,7 +801,9 @@ export function VirtualMachines() {
                             <div className="text-xs text-muted-foreground mb-1">Disk</div>
                             <div
                               className="cursor-pointer hover:opacity-80 transition-opacity"
-                              onClick={() => handleMetricClick("disk")}
+                              onClick={() => {
+                                setSelectedMetric("disk")
+                              }}
                             >
                               <div
                                 className={`font-semibold mb-1 ${getUsageColor((selectedVM.disk / selectedVM.maxdisk) * 100)}`}
@@ -825,7 +825,9 @@ export function VirtualMachines() {
                             <div className="text-xs text-muted-foreground mb-1">Disk I/O</div>
                             <div
                               className="cursor-pointer hover:opacity-80 transition-opacity"
-                              onClick={() => handleMetricClick("disk")}
+                              onClick={() => {
+                                setSelectedMetric("disk")
+                              }}
                             >
                               <div className="text-sm text-green-500 flex items-center gap-1">
                                 <span>↓</span>
@@ -841,7 +843,9 @@ export function VirtualMachines() {
                             <div className="text-xs text-muted-foreground mb-1">Network I/O</div>
                             <div
                               className="cursor-pointer hover:opacity-80 transition-opacity"
-                              onClick={() => handleMetricClick("network")}
+                              onClick={() => {
+                                setSelectedMetric("network")
+                              }}
                             >
                               <div className="text-sm text-green-500 flex items-center gap-1">
                                 <span>↓</span>

AppImage/scripts/flask_server.py

@@ -3758,35 +3758,52 @@ def api_vm_metrics(vmid):
     try:
         timeframe = request.args.get('timeframe', 'week')  # hour, day, week, month, year
         
+        print(f"[v0] ===== METRICS REQUEST =====")
+        print(f"[v0] VMID: {vmid}")
+        print(f"[v0] Timeframe: {timeframe}")
+        
         # Validate timeframe
         valid_timeframes = ['hour', 'day', 'week', 'month', 'year']
         if timeframe not in valid_timeframes:
+            print(f"[v0] ERROR: Invalid timeframe: {timeframe}")
             return jsonify({'error': f'Invalid timeframe. Must be one of: {", ".join(valid_timeframes)}'}), 400
         
         # Get local node name
         local_node = socket.gethostname()
+        print(f"[v0] Local node: {local_node}")
         
         # First, determine if it's a qemu VM or lxc container
+        print(f"[v0] Checking if VMID {vmid} is QEMU...")
         result = subprocess.run(['pvesh', 'get', f'/nodes/{local_node}/qemu/{vmid}/status/current', '--output-format', 'json'],
                               capture_output=True, text=True, timeout=10)
         
         vm_type = 'qemu'
         if result.returncode != 0:
+            print(f"[v0] Not QEMU, checking if LXC...")
             # Try LXC
             result = subprocess.run(['pvesh', 'get', f'/nodes/{local_node}/lxc/{vmid}/status/current', '--output-format', 'json'],
                                   capture_output=True, text=True, timeout=10)
             if result.returncode == 0:
                 vm_type = 'lxc'
+                print(f"[v0] Found as LXC")
             else:
+                print(f"[v0] ERROR: VM/LXC {vmid} not found")
                 return jsonify({'error': f'VM/LXC {vmid} not found'}), 404
+        else:
+            print(f"[v0] Found as QEMU")
         
         # Get RRD data
+        print(f"[v0] Fetching RRD data for {vm_type} {vmid} with timeframe {timeframe}...")
         rrd_result = subprocess.run(['pvesh', 'get', f'/nodes/{local_node}/{vm_type}/{vmid}/rrddata', 
                                     '--timeframe', timeframe, '--output-format', 'json'],
                                    capture_output=True, text=True, timeout=10)
         
         if rrd_result.returncode == 0:
+            print(f"[v0] RRD data fetched successfully")
+            print(f"[v0] RRD output length: {len(rrd_result.stdout)} bytes")
             rrd_data = json.loads(rrd_result.stdout)
+            print(f"[v0] RRD data points: {len(rrd_data)}")
+            print(f"[v0] ===== METRICS REQUEST SUCCESS =====")
             return jsonify({
                 'vmid': vmid,
                 'type': vm_type,
@@ -3794,10 +3811,14 @@ def api_vm_metrics(vmid):
                 'data': rrd_data
             })
         else:
+            print(f"[v0] ERROR: Failed to get RRD data")
+            print(f"[v0] stderr: {rrd_result.stderr}")
+            print(f"[v0] ===== METRICS REQUEST FAILED =====")
             return jsonify({'error': f'Failed to get RRD data: {rrd_result.stderr}'}), 500
             
     except Exception as e:
-        print(f"Error getting VM metrics: {e}")
+        print(f"[v0] EXCEPTION in api_vm_metrics: {e}")
+        print(f"[v0] ===== METRICS REQUEST EXCEPTION =====")
         return jsonify({'error': str(e)}), 500
 
 @app.route('/api/logs', methods=['GET'])