Improved the background request loading order

dist/chromium/content.js

@@ -3684,6 +3684,7 @@ function createFusionOpportunities({
   getOpportunityTypeValues,
   readResponseBodyForDebug,
   resetDebugRequests = () => {},
+  loadServiceRequests = async () => {},
   environment
 }) {
   const { fetch } = environment;
@@ -3712,7 +3713,13 @@ function createFusionOpportunities({
     const payload = createOpportunitiesQueryPayload(dateRange, offset, savedSearchNumber);
     const requestBody = JSON.stringify(payload);
     // One history per query, preserving all pages of the same result set.
-    if (page === 1) resetDebugRequests();
+    if (page === 1) {
+      resetDebugRequests();
+      // SR queries do not depend on opportunity or product IDs. Keep their
+      // diagnostics in this query's history and reuse the loaded SR state later.
+      try { await loadServiceRequests(token, requestVersion); } catch { /* SR failure must not block opportunities. */ }
+      if (!isCurrentPeriodRequest(requestVersion)) return null;
+    }
     const requestEntry = logRequestStart({
       name: "requestOpportunities",
       method: "POST",
@@ -3953,7 +3960,7 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
 }
 
 // Source: src/features/opportunities/crm-service-requests.js
-function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, createSrButton, closeSrForm, allowsCrmActivities, reportProgress, activityCache, setBadgeContent, formatDate, environment }) {
+function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, createSrButton, closeSrForm, allowsCrmActivities, reportProgress, activityCache, setBadgeContent, formatDate, environment, onStateChange = () => {} }) {
   let status = "idle";
   let byOpportunity = new Map();
   let pending = null;
@@ -3975,6 +3982,7 @@ function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurre
   async function run(token, version, currentGeneration, cacheOptions) {
     const isActive = () => currentGeneration === generation;
     status = "loading";
+    onStateChange();
     try {
       const cached = cacheOptions ? await activityCache.read("sr", "all", cacheOptions.cachedAt) : null;
       if (!isActive()) return false;
@@ -4000,9 +4008,11 @@ function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurre
       loadedItems = items;
       status = "ready";
       if (!cached) reportProgress("complete", items.length, items.length);
+      // Refresh SR badges, filters and totals independently of product/action jobs.
+      onStateChange();
       return true;
     } catch {
-      if (isActive()) { status = "error"; reportProgress("error"); }
+      if (isActive()) { status = "error"; reportProgress("error"); onStateChange(); }
       return false;
     }
   }
@@ -11714,6 +11724,7 @@ function createContentApplication(overrides = {}) {
     setOpportunitiesTableState: (...args) => opportunitiesTable.setOpportunitiesTableState(...args)
   });
   const fusionOpportunities = createFusionOpportunities({
+    loadServiceRequests: (token, version) => opportunityCrmServiceRequests.load(token, version),
     resetDebugRequests: () => debugState.reset(),
     OPPORTUNITIES_PAGE_LIMIT: contracts.OPPORTUNITIES_PAGE_LIMIT,
     OPPORTUNITIES_QUERY_URL: contracts.OPPORTUNITIES_QUERY_URL,
@@ -11793,6 +11804,9 @@ function createContentApplication(overrides = {}) {
     requestPillars: () => requestSrFormLookup(messageTypes.requestSrLookupPrimaryPillar)
   });
   const opportunityCrmServiceRequests = createOpportunityCrmServiceRequests({
+    onStateChange: () => {
+      if (environment.document?.getElementById?.(contracts.OPPORTUNITIES_TABLE_ID)) opportunitiesTable.renderOpportunitiesTable();
+    },
     formatDate: value => opportunitiesFormatters.formatOracleResponseDate(value),
     createSrButton: number => crmSrForm.createButton(number),
     closeSrForm: () => { internalSrForm.close(false); crmSrForm.close(false); },

dist/firefox/content.js

@@ -3684,6 +3684,7 @@ function createFusionOpportunities({
   getOpportunityTypeValues,
   readResponseBodyForDebug,
   resetDebugRequests = () => {},
+  loadServiceRequests = async () => {},
   environment
 }) {
   const { fetch } = environment;
@@ -3712,7 +3713,13 @@ function createFusionOpportunities({
     const payload = createOpportunitiesQueryPayload(dateRange, offset, savedSearchNumber);
     const requestBody = JSON.stringify(payload);
     // One history per query, preserving all pages of the same result set.
-    if (page === 1) resetDebugRequests();
+    if (page === 1) {
+      resetDebugRequests();
+      // SR queries do not depend on opportunity or product IDs. Keep their
+      // diagnostics in this query's history and reuse the loaded SR state later.
+      try { await loadServiceRequests(token, requestVersion); } catch { /* SR failure must not block opportunities. */ }
+      if (!isCurrentPeriodRequest(requestVersion)) return null;
+    }
     const requestEntry = logRequestStart({
       name: "requestOpportunities",
       method: "POST",
@@ -3953,7 +3960,7 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
 }
 
 // Source: src/features/opportunities/crm-service-requests.js
-function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, createSrButton, closeSrForm, allowsCrmActivities, reportProgress, activityCache, setBadgeContent, formatDate, environment }) {
+function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, createSrButton, closeSrForm, allowsCrmActivities, reportProgress, activityCache, setBadgeContent, formatDate, environment, onStateChange = () => {} }) {
   let status = "idle";
   let byOpportunity = new Map();
   let pending = null;
@@ -3975,6 +3982,7 @@ function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurre
   async function run(token, version, currentGeneration, cacheOptions) {
     const isActive = () => currentGeneration === generation;
     status = "loading";
+    onStateChange();
     try {
       const cached = cacheOptions ? await activityCache.read("sr", "all", cacheOptions.cachedAt) : null;
       if (!isActive()) return false;
@@ -4000,9 +4008,11 @@ function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurre
       loadedItems = items;
       status = "ready";
       if (!cached) reportProgress("complete", items.length, items.length);
+      // Refresh SR badges, filters and totals independently of product/action jobs.
+      onStateChange();
       return true;
     } catch {
-      if (isActive()) { status = "error"; reportProgress("error"); }
+      if (isActive()) { status = "error"; reportProgress("error"); onStateChange(); }
       return false;
     }
   }
@@ -11714,6 +11724,7 @@ function createContentApplication(overrides = {}) {
     setOpportunitiesTableState: (...args) => opportunitiesTable.setOpportunitiesTableState(...args)
   });
   const fusionOpportunities = createFusionOpportunities({
+    loadServiceRequests: (token, version) => opportunityCrmServiceRequests.load(token, version),
     resetDebugRequests: () => debugState.reset(),
     OPPORTUNITIES_PAGE_LIMIT: contracts.OPPORTUNITIES_PAGE_LIMIT,
     OPPORTUNITIES_QUERY_URL: contracts.OPPORTUNITIES_QUERY_URL,
@@ -11793,6 +11804,9 @@ function createContentApplication(overrides = {}) {
     requestPillars: () => requestSrFormLookup(messageTypes.requestSrLookupPrimaryPillar)
   });
   const opportunityCrmServiceRequests = createOpportunityCrmServiceRequests({
+    onStateChange: () => {
+      if (environment.document?.getElementById?.(contracts.OPPORTUNITIES_TABLE_ID)) opportunitiesTable.renderOpportunitiesTable();
+    },
     formatDate: value => opportunitiesFormatters.formatOracleResponseDate(value),
     createSrButton: number => crmSrForm.createButton(number),
     closeSrForm: () => { internalSrForm.close(false); crmSrForm.close(false); },