Added snapshot

src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx

@@ -543,9 +543,6 @@ export class ThroughputInputAutoPilotV3Component extends React.Component<
           <span style={{ float: "left", transform: "translateX(-50%)" }}>
             {this.props.instantMaximumThroughput.toLocaleString(ThroughputInputAutoPilotV3Component.LOCALE_EN_US)}
           </span>
-          <span style={{ float: "right" }}>
-            {this.props.softAllowedMaximumThroughput.toLocaleString(ThroughputInputAutoPilotV3Component.LOCALE_EN_US)}
-          </span>
           <span style={{ float: "right" }} data-test="soft-allowed-maximum-throughput">
             {this.props.softAllowedMaximumThroughput.toLocaleString(ThroughputInputAutoPilotV3Component.LOCALE_EN_US)}
           </span>

src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/__snapshots__/ThroughputInputAutoPilotV3Component.test.tsx.snap

@@ -426,15 +426,6 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
                 >
                   5,000
                 </span>
-                <span
-                  style={
-                    {
-                      "float": "right",
-                    }
-                  }
-                >
-                  1,000,000
-                </span>
                 <span
                   data-test="soft-allowed-maximum-throughput"
                   style={
@@ -1034,15 +1025,6 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
                 >
                   5,000
                 </span>
-                <span
-                  style={
-                    {
-                      "float": "right",
-                    }
-                  }
-                >
-                  1,000,000
-                </span>
                 <span
                   data-test="soft-allowed-maximum-throughput"
                   style={
@@ -1620,15 +1602,6 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
                 >
                   5,000
                 </span>
-                <span
-                  style={
-                    {
-                      "float": "right",
-                    }
-                  }
-                >
-                  1,000,000
-                </span>
                 <span
                   data-test="soft-allowed-maximum-throughput"
                   style={

src/Metrics/ScenarioMonitor.ts

@@ -105,23 +105,6 @@ class ScenarioMonitor {
     });
 
     ctx.timeoutId = window.setTimeout(() => {
-      const missingPhases = ctx.config.requiredPhases.filter((p) => !ctx.completed.has(p));
-
-      this.devLog(
-        `timeout: ${scenario} | missing=[${missingPhases.join(", ")}] | completed=[${Array.from(ctx.completed).join(
-          ", ",
-        )}] | documentHidden=${document.hidden} | hasExpectedFailure=${ctx.hasExpectedFailure}`,
-      );
-
-      traceMark(Action.MetricsScenario, {
-        event: "scenario_timeout",
-        scenario,
-        missingPhases: missingPhases.join(","),
-        completedPhases: Array.from(ctx.completed).join(","),
-        documentHidden: document.hidden,
-        hasExpectedFailure: ctx.hasExpectedFailure,
-      });
-
       // If an expected failure occurred (auth, firewall, etc.), emit healthy instead of unhealthy
       const healthy = ctx.hasExpectedFailure;
       this.emit(ctx, healthy, true);
@@ -305,7 +288,6 @@ class ScenarioMonitor {
       scenario: ctx.scenario,
       healthy,
       timedOut,
-      documentHidden: document.hidden,
       platform,
       api,
       durationMs: finalSnapshot.durationMs,

src/Metrics/useMetricPhases.ts

@@ -1,26 +1,24 @@
 import React from "react";
 import MetricScenario from "./MetricEvents";
-import { scenarioMonitor } from "./ScenarioMonitor";
+import { useMetricScenario } from "./MetricScenarioProvider";
 import { ApplicationMetricPhase, CommonMetricPhase } from "./ScenarioConfig";
 
 /**
  * Hook to automatically complete the Interactive phase when the component becomes interactive.
  * Uses requestAnimationFrame to complete after the browser has painted.
- *
- * Calls scenarioMonitor directly (not via React context) so that the effect dependencies
- * are only [scenario, enabled] — both stable primitives. This prevents re-renders from
- * cancelling the pending rAF due to an unstable context function reference.
  */
 export function useInteractive(scenario: MetricScenario, enabled = true) {
+  const { completePhase } = useMetricScenario();
+
   React.useEffect(() => {
     if (!enabled) {
       return undefined;
     }
     const id = requestAnimationFrame(() => {
-      scenarioMonitor.completePhase(scenario, CommonMetricPhase.Interactive);
+      completePhase(scenario, CommonMetricPhase.Interactive);
     });
     return () => cancelAnimationFrame(id);
-  }, [scenario, enabled]);
+  }, [scenario, completePhase, enabled]);
 }
 
 /**
@@ -28,20 +26,18 @@ export function useInteractive(scenario: MetricScenario, enabled = true) {
  * Tracks tree rendering and completes Interactive phase.
  * Only completes DatabaseTreeRendered if the database fetch was successful.
  * Note: Scenario must be started before databases are fetched (in refreshExplorer).
- *
- * Calls scenarioMonitor directly (not via React context) for the same stability reason
- * as useInteractive — avoids effect re-runs from unstable context function references.
  */
 export function useDatabaseLoadScenario(databaseTreeNodes: unknown[], fetchSucceeded: boolean) {
+  const { completePhase } = useMetricScenario();
   const hasCompletedTreeRenderRef = React.useRef(false);
 
   // Track DatabaseTreeRendered phase (only if fetch succeeded)
   React.useEffect(() => {
     if (!hasCompletedTreeRenderRef.current && fetchSucceeded) {
       hasCompletedTreeRenderRef.current = true;
-      scenarioMonitor.completePhase(MetricScenario.DatabaseLoad, ApplicationMetricPhase.DatabaseTreeRendered);
+      completePhase(MetricScenario.DatabaseLoad, ApplicationMetricPhase.DatabaseTreeRendered);
     }
-  }, [databaseTreeNodes, fetchSucceeded]);
+  }, [databaseTreeNodes, fetchSucceeded, completePhase]);
 
   // Track Interactive phase
   useInteractive(MetricScenario.DatabaseLoad);