Remove concept of Partially Available

Author: warwickschroeder

src/Frontend/src/components/platformcapabilities/CapabilityCard.vue

@@ -19,9 +19,9 @@ const props = defineProps<{
 <template>
   <div
     class="capability-card"
+    data-testid="capability-card"
     :class="{
       'capability-available': !props.isLoading && props.status === CapabilityStatus.Available,
-      'capability-partially-available': !props.isLoading && props.status === CapabilityStatus.PartiallyAvailable,
       'capability-unavailable': !props.isLoading && props.status === CapabilityStatus.Unavailable,
       'capability-loading': props.isLoading,
       'capability-notconfigured': !props.isLoading && props.status === CapabilityStatus.NotConfigured,
@@ -37,22 +37,21 @@ const props = defineProps<{
         class="capability-icon"
         :class="{
           'text-success': props.status === CapabilityStatus.Available,
-          'text-warning': props.status === CapabilityStatus.PartiallyAvailable,
           'text-danger': props.status === CapabilityStatus.Unavailable,
           'text-info': props.status === CapabilityStatus.NotConfigured,
         }"
       />
       <div class="capability-info">
         <div class="capability-title-row">
-          <div class="capability-title">{{ props.title }}</div>
+          <h6 class="capability-title">{{ props.title }}</h6>
           <div v-if="props.indicators" class="status-indicators">
-            <div v-for="indicator in props.indicators" :key="indicator.label" class="indicator-item" v-tippy="indicator.tooltip">
+            <div v-for="indicator in props.indicators" :key="indicator.label" class="indicator-item" data-testid="status-indicator" v-tippy="indicator.tooltip">
               <FAIcon
                 :icon="faCircle"
                 class="indicator-light"
                 :class="{
                   'light-success': indicator.status === CapabilityStatus.Available,
-                  'light-warning': indicator.status === CapabilityStatus.PartiallyAvailable,
+                  'light-warning': indicator.status === CapabilityStatus.NotConfigured,
                   'light-danger': indicator.status === CapabilityStatus.Unavailable,
                 }"
               />
@@ -67,7 +66,6 @@ const props = defineProps<{
           class="status-badge"
           :class="{
             'status-available': props.status === CapabilityStatus.Available,
-            'status-partially-available': props.status === CapabilityStatus.PartiallyAvailable,
             'status-unavailable': props.status === CapabilityStatus.Unavailable,
           }"
         >

src/Frontend/src/components/platformcapabilities/capabilities/AuditingCapability.ts

@@ -97,7 +97,7 @@ export function useAuditingCapability(testResults: Ref<ConnectionTestResults | n
 
       indicators.push({
         label: "Messages",
-        status: messagesAvailable ? CapabilityStatus.Available : CapabilityStatus.PartiallyAvailable,
+        status: messagesAvailable ? CapabilityStatus.Available : CapabilityStatus.NotConfigured,
         tooltip: messageTooltip,
       });
     }

src/Frontend/src/components/platformcapabilities/capabilities/MonitoringCapability.ts

@@ -1,6 +1,6 @@
 import { computed } from "vue";
 import { CapabilityStatus, StatusIndicator } from "@/components/platformcapabilities/types";
-import { faCheck, faTimes, faExclamationTriangle, faInfoCircle, type IconDefinition } from "@fortawesome/free-solid-svg-icons";
+import { faCheck, faTimes, faInfoCircle, type IconDefinition } from "@fortawesome/free-solid-svg-icons";
 import { storeToRefs } from "pinia";
 import { useServiceControlStore } from "@/stores/ServiceControlStore";
 import { useMonitoringStore } from "@/stores/MonitoringStore";
@@ -28,11 +28,6 @@ export function useMonitoringCapability() {
     const isConfiguredInServiceControl = isMonitoringEnabled.value;
     const connectionSuccessful = monitoringConnectionState.connected && !monitoringConnectionState.unableToConnect;
 
-    // Promo mode - not configured
-    if (!isConfiguredInServiceControl) {
-      return CapabilityStatus.NotConfigured;
-    }
-
     // Disabled - configured but not responding
     if (isConfiguredInServiceControl && !connectionSuccessful) {
       return CapabilityStatus.Unavailable;
@@ -44,7 +39,7 @@ export function useMonitoringCapability() {
     }
 
     // Monitoring is configured and connected but no endpoints are sending data
-    return CapabilityStatus.PartiallyAvailable;
+    return CapabilityStatus.NotConfigured;
   });
 
   const monitoringIcon = computed<IconDefinition>(() => {
@@ -56,10 +51,6 @@ export function useMonitoringCapability() {
       return faCheck;
     }
 
-    if (monitoringStatus.value === CapabilityStatus.PartiallyAvailable) {
-      return faExclamationTriangle;
-    }
-
     // Unavailable
     return faTimes;
   });
@@ -73,11 +64,7 @@ export function useMonitoringCapability() {
       return MonitoringCardDescription.Available;
     }
 
-    if (monitoringStatus.value === CapabilityStatus.PartiallyAvailable) {
-      return MonitoringCardDescription.PartiallyAvailable;
-    }
-
-    // Uavailable
+    // Unavailable
     return MonitoringCardDescription.Unavailable;
   });
 
@@ -88,20 +75,17 @@ export function useMonitoringCapability() {
     const connectionSuccessful = monitoringConnectionState.connected && !monitoringConnectionState.unableToConnect;
     const instanceAvailable = isMonitoringEnabled.value && connectionSuccessful;
 
-    // no indicators shown in promo mode
-    if (monitoringStatus.value !== CapabilityStatus.NotConfigured) {
-      indicators.push({
-        label: "Instance",
-        status: instanceAvailable ? CapabilityStatus.Available : CapabilityStatus.Unavailable,
-        tooltip: instanceAvailable ? MonitoringIndicatorTooltip.InstanceAvailable : !isMonitoringEnabled.value ? MonitoringIndicatorTooltip.InstanceNotConfigured : MonitoringIndicatorTooltip.InstanceUnavailable,
-      });
-    }
+    indicators.push({
+      label: "Instance",
+      status: instanceAvailable ? CapabilityStatus.Available : CapabilityStatus.Unavailable,
+      tooltip: instanceAvailable ? MonitoringIndicatorTooltip.InstanceAvailable : !isMonitoringEnabled.value ? MonitoringIndicatorTooltip.InstanceNotConfigured : MonitoringIndicatorTooltip.InstanceUnavailable,
+    });
 
     // data available indicator - only show if instance is connected
     if (instanceAvailable) {
       indicators.push({
         label: "Metrics",
-        status: !endpointListIsEmpty.value ? CapabilityStatus.Available : CapabilityStatus.PartiallyAvailable,
+        status: !endpointListIsEmpty.value ? CapabilityStatus.Available : CapabilityStatus.NotConfigured,
         tooltip: !endpointListIsEmpty.value ? MonitoringIndicatorTooltip.DataAvailable : MonitoringIndicatorTooltip.DataUnavailable,
       });
     }

src/Frontend/src/components/platformcapabilities/constants.ts

@@ -1,9 +1,8 @@
 import { minimumSCVersionForAllMessages } from "@/components/audit/isAllMessagesSupported";
 
 export enum MonitoringCardDescription {
-  NotConfigured = "Enable real-time endpoint performance monitoring to track throughput, processing times, and system health across your entire distributed system.",
+  NotConfigured = "Monitoring instance is connected but no endpoints are sending throughput data. This may be because no endpoints are running or no endpoints have the monitoring plugin enabled.",
   Unavailable = "Monitoring instance is not responding",
-  PartiallyAvailable = "Monitoring instance is connected but no endpoints are sending throughput data. This may be because no endpoints are running or no endpoints have the monitoring plugin enabled.",
   Available = "Monitoring is available and receiving throughput data from endpoints",
 }
 
@@ -16,7 +15,7 @@ export enum MonitoringIndicatorTooltip {
 }
 
 export enum AuditingCardDescription {
-  NotConfigured = "Auditing instance is connected but no successful messages have been processed yet or you don't have auditing enabled for any endpoints. Enable auditing to track message flow and processing across your distributed system.",
+  NotConfigured = "Auditing instance is connected but no successful messages have been processed yet or you don't have auditing enabled for any endpoints.",
   Unavailable = "Auditing instance is not responding",
   NotSupported = `Auditing instance is connected but the "All Messages" feature requires ServiceControl ${minimumSCVersionForAllMessages} or higher.`,
   Available = "Auditing is available and processing successful messages",

src/Frontend/src/components/platformcapabilities/types.ts

@@ -7,7 +7,6 @@ export interface StatusIndicator {
 export enum CapabilityStatus {
   Unavailable = "Unavailable", // Instance is configured but not responding or not available
   Available = "Available", // Instance is available and responding
-  PartiallyAvailable = "Data Unavailable", // Instance is available but not data is flowing for reasons
   NotConfigured = "Not Configured", // Instance is not configured. Promo should be shown
 }