various small dashboard fixes

- piechart color, idle count cap, metricHistoMaximum increased

web/frontend/src/DashPublic.root.svelte

@@ -242,10 +242,14 @@
         }
       }
 
-      // Get Idle Infos after Sums
+      // Get Simple Idle Infos after Sums by Diff
       if (!rawInfos['idleNodes']) rawInfos['idleNodes'] = rawInfos['totalNodes'] - rawInfos['allocatedNodes'];
       if (!rawInfos['idleCores']) rawInfos['idleCores'] = rawInfos['totalCores'] - rawInfos['allocatedCores'];
       if (!rawInfos['idleAccs']) rawInfos['idleAccs'] = rawInfos['totalAccs'] - rawInfos['allocatedAccs'];
+      // Cap at 0 (Negative hints towards Config <> Reality Mismatch!)
+      if (rawInfos['idleNodes'] < 0) rawInfos['idleNodes'] = 0;
+      if (rawInfos['idleCores'] < 0) rawInfos['idleCores'] = 0;
+      if (rawInfos['idleAccs'] < 0) rawInfos['idleAccs'] = 0;
 
       // Keymetrics (Data on Cluster-Scope)
       let rawFlops = $statusQuery?.data?.nodeMetrics?.reduce((sum, node) =>

web/frontend/src/generic/plots/DoubleMetricPlot.svelte

@@ -25,7 +25,7 @@
     metricData,
     timestep,
     numNodes,
-    cluster,
+    cluster = "",
     forNode = true,
     enableFlip = false,
     publicMode = false,
@@ -316,12 +316,14 @@
   <div bind:this={plotWrapper} bind:clientWidth={width}
         class={forNode ? 'py-2 rounded' : 'rounded'}
   ></div>
-{:else if cluster}
-  <Card body color="warning" class="mx-4"
-    >Cannot render plot: No series data returned for <code>{cluster}</code>.</Card
-  >
 {:else}
-  <Card body color="warning" class="mx-4"
-    >Cannot render plot: No series data returned.</Card
-  >
+  <Card color="warning" class="mx-2 mt-2">
+    <CardHeader class="mb-0">
+      <b>Empty Metrics</b>
+    </CardHeader>
+    <CardBody>
+      <p>Cannot render plot for cluster <b>{cluster}</b>.</p>
+      <p class="mb-1">Metrics found but returned without timeseries data.</p>
+    </CardBody>
+  </Card>
 {/if}

web/frontend/src/generic/plots/Pie.svelte

@@ -67,6 +67,11 @@
       reserved: "rgba(255, 0, 255, 0.75)",
       mixed: "rgba(255, 215, 0, 0.75)",
       unknown: "rgba(0, 0, 0, 0.75)"
+    },
+    healthStates: {
+      full: "rgba(0, 128, 0, 0.75)",
+      failed: "rgba(255, 0, 0, 0.75)",
+      partial: "rgba(255, 215, 0, 0.75)",
     }
   }
 </script>

web/frontend/src/status/DashInternal.svelte

@@ -271,10 +271,14 @@
         }
       }
 
-      // Get Idle Infos after Sums
+      // Get Simple Idle Infos after Sums by Diff
       if (!rawInfos['idleNodes']) rawInfos['idleNodes'] = rawInfos['totalNodes'] - rawInfos['allocatedNodes'];
       if (!rawInfos['idleCores']) rawInfos['idleCores'] = rawInfos['totalCores'] - rawInfos['allocatedCores'];
       if (!rawInfos['idleAccs']) rawInfos['idleAccs'] = rawInfos['totalAccs'] - rawInfos['allocatedAccs'];
+      // Cap at 0 (Negative hints towards Config <> Reality Mismatch!)
+      if (rawInfos['idleNodes'] < 0) rawInfos['idleNodes'] = 0;
+      if (rawInfos['idleCores'] < 0) rawInfos['idleCores'] = 0;
+      if (rawInfos['idleAccs'] < 0) rawInfos['idleAccs'] = 0;
 
       // Keymetrics (Data on Cluster-Scope)
       let rawFlops = $statusQuery?.data?.nodeMetrics?.reduce((sum, node) =>

web/frontend/src/status/dashdetails/StatusDash.svelte

@@ -418,7 +418,7 @@
 {:else if $statesTimed.error}
   <Row cols={1} class="text-center mt-3">
     <Col>  
-      <Card body color="danger">{$statesTimed.error.message}</Card>
+      <Card body color="danger">States Timed: {$statesTimed.error.message}</Card>
     </Col>
   </Row>
 {:else if $statesTimed.data}
@@ -472,7 +472,7 @@
 {:else if $statusQuery.error}
   <Row cols={1} class="text-center mt-3">
     <Col>  
-      <Card body color="danger">{$statesTimed.error.message}</Card>
+      <Card body color="danger">Status Query (States): {$statesTimed.error.message}</Card>
     </Col>
   </Row>
 {:else if $statusQuery?.data?.nodeStates}
@@ -484,7 +484,6 @@
             Current {cluster.charAt(0).toUpperCase() + cluster.slice(1)} Node States
           </h4>
           <Pie
-            {useAltColors}
             canvasId="hpcpie-slurm"
             size={pieWidth * 0.55}
             sliceLabel="Nodes"
@@ -494,6 +493,9 @@
             entities={refinedStateData.map(
               (sd) => sd.state,
             )}
+            fixColors={refinedStateData.map(
+              (sd) => colors['nodeStates'][sd.state],
+            )}
           />
         {/key}
       </div>
@@ -508,7 +510,7 @@
           </tr>
           {#each refinedStateData as sd, i}
             <tr>
-              <td><Icon name="circle-fill" style="color: {legendColors(i)};"/></td>
+              <td><Icon name="circle-fill" style="color: {colors['nodeStates'][sd.state]};"/></td>
               <td>{sd.state}</td>
               <td>{sd.count}</td>
             </tr>
@@ -524,15 +526,17 @@
             Current {cluster.charAt(0).toUpperCase() + cluster.slice(1)} Node Health
           </h4>
           <Pie
-            {useAltColors}
             canvasId="hpcpie-health"
             size={pieWidth * 0.55}
             sliceLabel="Nodes"
             quantities={refinedHealthData.map(
-              (sd) => sd.count,
+              (hd) => hd.count,
             )}
             entities={refinedHealthData.map(
-              (sd) => sd.state,
+              (hd) => hd.state,
+            )}
+            fixColors={refinedHealthData.map(
+              (hd) => colors['healthStates'][hd.state],
             )}
           />
         {/key}
@@ -548,7 +552,7 @@
           </tr>
           {#each refinedHealthData as hd, i}
             <tr>
-              <td><Icon name="circle-fill" style="color: {legendColors(i)};" /></td>
+              <td><Icon name="circle-fill"style="color: {colors['healthStates'][hd.state]};" /></td>
               <td>{hd.state}</td>
               <td>{hd.count}</td>
             </tr>
@@ -570,7 +574,7 @@
 {:else if $statusQuery.error}
   <Row cols={1} class="text-center mt-3">
     <Col>  
-      <Card body color="danger">{$statusQuery.error.message}</Card>
+      <Card body color="danger">Status Query (Details): {$statusQuery.error.message}</Card>
     </Col>
   </Row>
 {:else if $statusQuery.data}