{ sorting = { field: "startTime", type: "col", order: "DESC" } }} />
{#if $statusQuery.fetching} {:else if $statusQuery.error} Status Query (States): {$statusQuery.error.message} {:else if $statusQuery?.data?.nodeStates}
{#key refinedStateData}

Current {cluster.charAt(0).toUpperCase() + cluster.slice(1)} Node States

sd.count, )} entities={refinedStateData.map( (sd) => sd.state, )} fixColors={refinedStateData.map( (sd) => colors['nodeStates'][sd.state], )} /> {/key}
{#key refinedStateData} {#each refinedStateData as sd, i} {/each}
Current State Nodes
{sd.state} {sd.count}
{/key}
{#key refinedHealthData}

Current {cluster.charAt(0).toUpperCase() + cluster.slice(1)} Node Health

hd.count, )} entities={refinedHealthData.map( (hd) => hd.state, )} fixColors={refinedHealthData.map( (hd) => colors['healthStates'][hd.state], )} /> {/key}
{#key refinedHealthData} {#each refinedHealthData as hd, i} {/each}
Current Health Nodes
{hd.state} {hd.count}
{/key} {/if}
{#if $statusQuery.fetching} {:else if $statusQuery.error} Status Query (Details): {$statusQuery.error.message} {:else if $statusQuery.data} {#each filteredTableData as host (host.hostname)} {/each}
sortBy('hostname')}> Hosts ({filteredTableData.length}) sortBy('schedulerState')}> Scheduler State sortBy('healthState')}> Health State Metric Availability Meta Information
{#each stateOptions as so} {/each} {#each healthOptions as ho} {/each}
{host.hostname} {host.schedulerState} {host.healthState} {#each Object.keys(host.healthData) as hkey}

{hkey}: {host.healthData[hkey]}

{/each} 		{#each Object.keys(host.metaData) as mkey}

{mkey}: {host.metaData[mkey]}

{/each}
{:else} Cannot render metric health info: No data! {/if}