@copart/ops-tool-kit 1.13.0-beta.12 → 1.13.0-beta.14

package/dist/ops-tool-kit.js

@@ -48,7 +48,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$1 = "@copart/ops-tool-kit";
-const version$3 = "1.13.0-beta.12";
+const version$3 = "1.13.0-beta.14";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -63583,6 +63583,47 @@ var formatNumber = function formatNumber(number) {
   return sign * Math.abs(number) + unitlist[unit];
 };
 
+/**
+ * Default badge color thresholds used by many portal apps (e.g. MiOrg open tasks).
+ * Matches legacy getStatus(count) logic: >1000 → 1, >500 → 2, >0 → 3.
+ */
+var STANDARD_NAV_COUNT_THRESHOLDS = [{
+  above: 1000,
+  status: 1
+}, {
+  above: 500,
+  status: 2
+}, {
+  above: 0,
+  status: 3
+}];
+
+/**
+ * Resolve badge status from a count using getStatus (in-app) or countStatusThresholds (iframe shell).
+ *
+ * @param {number|string|null|undefined} count
+ * @param {{ getStatus?: (n: number) => number, countStatusThresholds?: Array<{ above?: number, min?: number, status: number }> }} navItem
+ * @returns {number|undefined}
+ */
+function resolveCountStatus(count) {
+  var navItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (count == null || count === '') return undefined;
+  var num = Number(count);
+  if (Number.isNaN(num)) return undefined;
+  if (typeof navItem.getStatus === 'function') {
+    return navItem.getStatus(num);
+  }
+  var thresholds = navItem.countStatusThresholds;
+  if (!Array.isArray(thresholds) || thresholds.length === 0) return undefined;
+  for (var i = 0; i < thresholds.length; i += 1) {
+    var threshold = thresholds[i];
+    if (!threshold || threshold.status == null) continue;
+    if (threshold.above != null && num > threshold.above) return threshold.status;
+    if (threshold.min != null && num >= threshold.min) return threshold.status;
+  }
+  return undefined;
+}
+
 var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: absolute;\r\n  background: #3A4454;\r\n  min-width: 50px;\r\n  max-width: 50px;\r\n  height: 100%;\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  z-index: 101;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu {\r\n  min-width: 70px;\r\n  max-width: 70px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\r\n  min-width: 100px;\r\n  max-width: 100px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader {\r\n  min-width: 0px;\r\n  max-width: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:not(.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader):hover, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen {\r\n  max-width: 500px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: none;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\r\n  min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:not(.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader):hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\r\n  min-width: auto;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  -ms-overflow-style: none;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \r\n  display: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n  display: flex;\r\n  width: 100%;\r\n  padding: 6px 12px 6px 12px;\r\n  border-radius: 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\r\n  color: #323130;\r\n  background-color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus {\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  margin-left: auto;\r\n  margin-right: 10px;\r\n  min-width: none;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:not(.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader):hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px;\r\n  text-align: right;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable:not(:hover) .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: auto;\r\n  text-align: auto;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px !important;\r\n  text-align: right !important;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\r\n  background-color: #73A6FF;\r\n  transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n  margin-left: auto;\r\n  font-size: 12px;\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\r\n  margin: 0 10px 0 auto;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n  min-width: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n  font-size: 14px;\r\n  /* width: 20px; */\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n  color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1NoHover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  margin-right: 6px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n  color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 0px;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:not(.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader):hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 12px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  max-width: 0;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  margin-top: 2px;\r\n  font-weight: 100;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:not(.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader):hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  max-width: 100%;\r\n  margin: 2px 10px 0 10px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  max-width: 100%;\r\n  margin: 0 5px 0 0;\r\n  font-weight: 600;\r\n  margin-left: 0px;\r\n  cursor: auto;\r\n  cursor: initial;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:not(.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader):hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  margin: 0;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n  margin-right: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n  padding-left: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\r\n  display: inline;\r\n  display: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  margin-left: auto;\r\n  margin-right: 10px;\r\n  min-width: none;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:not(.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader):hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px;\r\n  text-align: right;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable:not(:hover) .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: auto;\r\n  text-align: auto;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px !important;\r\n  text-align: right !important;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n  margin-left: auto;\r\n  font-size: 12px;\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu:not(.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader):hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 12px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n  margin-right: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n  padding: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 95%;\r\n  left: -13px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n  width: 13px;\r\n  margin-left: 1px;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:not(.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader):hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n  width: 100%;\r\n  margin-left: 1px;\r\n  transition-delay: 0.25s;\r\n}";
 styleInject(css_248z$2);
 
@@ -64329,9 +64370,9 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
   var isHoverEnabled = showNavIconInHeader || isHover;
   var countText = !isHoverEnabled ? formatNumber(count) : count;
   var status, statusColor;
-  if (countText && navItem.getStatus && navItem.getStatus) {
-    status = navItem.getStatus(count);
-    statusColor = statusColors[status];
+  if (countText != null && countText !== '') {
+    status = resolveCountStatus(count, navItem);
+    if (status != null) statusColor = statusColors[status];
   }
   var position = (navItem === null || navItem === void 0 ? void 0 : navItem.statusColorPosition) || '';
   var isDisabled = typeof navItem.disabled === 'function' ? navItem.disabled() : navItem.disabled;
@@ -68107,6 +68148,7 @@ function ContextualHelp(_ref) {
 
 var _excluded = ["signal"];
 var pending = new Map();
+var STORAGE_REQUEST_TIMEOUT_MS = 5000;
 function requestId() {
   return "bridge-".concat(Date.now(), "-").concat(Math.random().toString(36).slice(2, 9));
 }
@@ -68234,11 +68276,29 @@ function sendFetchRequest(payload) {
   });
 }
 function sendStorageGet(payload) {
-  return new Promise(function (resolve) {
+  var timeoutMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : STORAGE_REQUEST_TIMEOUT_MS;
+  return new Promise(function (_resolve) {
     var id = requestId();
+    var timer = setTimeout(function () {
+      if (pending.has(id)) {
+        pending.delete(id);
+        console.warn('[iframe-bridge/transport] STORAGE_GET timed out', {
+          op: payload === null || payload === void 0 ? void 0 : payload.op,
+          key: payload === null || payload === void 0 ? void 0 : payload.key,
+          timeoutMs: timeoutMs
+        });
+        _resolve(undefined);
+      }
+    }, timeoutMs);
     pending.set(id, {
-      resolve: resolve,
-      reject: function reject() {}
+      resolve: function resolve(result) {
+        clearTimeout(timer);
+        _resolve(result);
+      },
+      reject: function reject() {
+        clearTimeout(timer);
+        _resolve(undefined);
+      }
     });
     post('STORAGE_GET', _objectSpread2(_objectSpread2({}, payload), {}, {
       requestId: id
@@ -68246,11 +68306,29 @@ function sendStorageGet(payload) {
   });
 }
 function sendStorageSet(payload) {
-  return new Promise(function (resolve) {
+  var timeoutMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : STORAGE_REQUEST_TIMEOUT_MS;
+  return new Promise(function (_resolve2) {
     var id = requestId();
+    var timer = setTimeout(function () {
+      if (pending.has(id)) {
+        pending.delete(id);
+        console.warn('[iframe-bridge/transport] STORAGE_SET timed out', {
+          op: payload === null || payload === void 0 ? void 0 : payload.op,
+          key: payload === null || payload === void 0 ? void 0 : payload.key,
+          timeoutMs: timeoutMs
+        });
+        _resolve2(undefined);
+      }
+    }, timeoutMs);
     pending.set(id, {
-      resolve: resolve,
-      reject: function reject() {}
+      resolve: function resolve(result) {
+        clearTimeout(timer);
+        _resolve2(result);
+      },
+      reject: function reject() {
+        clearTimeout(timer);
+        _resolve2(undefined);
+      }
     });
     post('STORAGE_SET', _objectSpread2(_objectSpread2({}, payload), {}, {
       requestId: id
@@ -68258,22 +68336,22 @@ function sendStorageSet(payload) {
   });
 }
 function getInitData() {
-  return new Promise(function (_resolve) {
+  return new Promise(function (_resolve3) {
     var id = requestId();
     var timer = setTimeout(function () {
       if (pending.has(id)) {
         pending.delete(id);
-        _resolve(null);
+        _resolve3(null);
       }
     }, 5000);
     pending.set(id, {
       resolve: function resolve(result) {
         clearTimeout(timer);
-        _resolve(result);
+        _resolve3(result);
       },
       reject: function reject() {
         clearTimeout(timer);
-        _resolve(null);
+        _resolve3(null);
       }
     });
     post('GET_INIT_DATA', {
@@ -68298,6 +68376,19 @@ function postNavConfig(navItems) {
     navItems: navItems
   });
 }
+
+/**
+ * Push nav badge counts to the shell.
+ * @param {Record<string, Record<string, number>>} countsByMenu
+ *   Top-level menu route/name → sub-route counts, e.g.
+ *   { tasks: { 'open-tasks': 5 }, admin: { 'staged-users': 2 } }
+ */
+function postNavCounts(countsByMenu) {
+  if (!countsByMenu || _typeof$1(countsByMenu) !== 'object') return;
+  post('UPDATE_NAV_COUNTS', {
+    countsByMenu: countsByMenu
+  });
+}
 function postAppEnv(toolkitEnv, mihelpAgentProps) {
   post('SET_APP_ENV', {
     toolkitEnv: toolkitEnv,
@@ -68410,6 +68501,17 @@ function setInitCache(initData) {
       count: Array.isArray(initData[k]) ? initData[k].length : 'not-array'
     });
   });
+  var appConfigKeys = Object.keys(initData).filter(function (k) {
+    return k.endsWith(':config') && k !== 'opsportal-core:config';
+  });
+  appConfigKeys.forEach(function (k) {
+    var _initData$k;
+    cache.local[k] = initData[k];
+    console.log('[iframe-bridge/storage] setInitCache mapped app config', {
+      key: k,
+      hasRunConfig: Boolean((_initData$k = initData[k]) === null || _initData$k === void 0 ? void 0 : _initData$k.runConfig)
+    });
+  });
 }
 function setExtraLocal(key, value) {
   cache.local[key] = value;
@@ -69552,6 +69654,7 @@ var iframeFacade = {
     postUpdateUri: postUpdateUri,
     postUpdateCrumbs: postUpdateCrumbs,
     postNavConfig: postNavConfig,
+    postNavCounts: postNavCounts,
     postAppEnv: postAppEnv,
     addMessageListener: addMessageListener,
     getInitData: getInitData,
@@ -69569,6 +69672,20 @@ function normalizeIframePath(uri) {
   return uri.startsWith('/') ? uri : "/".concat(uri);
 }
 
+function serializeCountStatusThresholds(thresholds) {
+  if (!Array.isArray(thresholds)) return undefined;
+  var serialized = thresholds.filter(function (t) {
+    return t && t.status != null && (t.above != null || t.min != null);
+  }).map(function (t) {
+    var entry = {
+      status: t.status
+    };
+    if (t.above != null) entry.above = t.above;
+    if (t.min != null) entry.min = t.min;
+    return entry;
+  });
+  return serialized.length > 0 ? serialized : undefined;
+}
 function serializeNavItems(items) {
   if (!Array.isArray(items)) return [];
   return items.map(function (item) {
@@ -69596,6 +69713,11 @@ function serializeNavItems(items) {
       serialized.hidden = item.hidden;
     }
     if (item.isLandingPage) serialized.isLandingPage = true;
+    if (typeof item.statusColorPosition === 'string') {
+      serialized.statusColorPosition = item.statusColorPosition;
+    }
+    var thresholds = serializeCountStatusThresholds(item.countStatusThresholds);
+    if (thresholds) serialized.countStatusThresholds = thresholds;
     if (item.subMenuItems && item.subMenuItems.length > 0) {
       serialized.subMenuItems = serializeNavItems(item.subMenuItems);
     }
@@ -69679,6 +69801,70 @@ function NavConfigSender(_ref) {
   return null;
 }
 
+var DEFAULT_POLL_INTERVAL_MS = 60000;
+function resolveCountsLoader(mod) {
+  if (!mod) return null;
+  if (typeof mod === 'function') return mod;
+  if (typeof mod.default === 'function') return mod.default;
+  if (typeof mod.getNavCounts === 'function') return mod.getNavCounts;
+  return null;
+}
+
+/**
+ * Polls nav badge counts inside the iframe and pushes them to the shell via UPDATE_NAV_COUNTS.
+ *
+ * @param {Object} props
+ * @param {() => Promise<{ default?: Function, getNavCounts?: Function } | Function>} props.countsLoader
+ *   Dynamic import returning a function that resolves to countsByMenu, e.g.
+ *   { tasks: { 'open-tasks': 5 }, admin: { 'staged-users': 2 } }
+ * @param {number} [props.pollIntervalMs=60000] Set to 0 to post once on mount only.
+ * @param {(err: Error) => void} [props.onError]
+ */
+function NavCountsSender(_ref) {
+  var countsLoader = _ref.countsLoader,
+    _ref$pollIntervalMs = _ref.pollIntervalMs,
+    pollIntervalMs = _ref$pollIntervalMs === void 0 ? DEFAULT_POLL_INTERVAL_MS : _ref$pollIntervalMs,
+    onError = _ref.onError;
+  var mountedRef = React.useRef(true);
+  React.useEffect(function () {
+    mountedRef.current = true;
+    if (!countsLoader) return undefined;
+    var intervalId;
+    var fetchAndPost = function fetchAndPost() {
+      Promise.resolve().then(function () {
+        return countsLoader();
+      }).then(function (mod) {
+        var loader = resolveCountsLoader(mod);
+        if (!loader) {
+          throw new Error('[NavCountsSender] countsLoader must export a function');
+        }
+        return loader();
+      }).then(function (countsByMenu) {
+        if (!mountedRef.current) return;
+        if (countsByMenu && _typeof$1(countsByMenu) === 'object') {
+          postNavCounts(countsByMenu);
+        }
+      }).catch(function (err) {
+        if (!mountedRef.current) return;
+        if (onError) {
+          onError(err);
+        } else {
+          console.warn('[NavCountsSender] Failed to load/post nav counts:', err);
+        }
+      });
+    };
+    fetchAndPost();
+    if (pollIntervalMs > 0) {
+      intervalId = setInterval(fetchAndPost, pollIntervalMs);
+    }
+    return function () {
+      mountedRef.current = false;
+      if (intervalId) clearInterval(intervalId);
+    };
+  }, [countsLoader, pollIntervalMs, onError]);
+  return null;
+}
+
 var defaultContentStyle = {
   height: '100%',
   display: 'flex',
@@ -69692,6 +69878,9 @@ function IframeAppRootInner(_ref) {
     mihelpAgentProps = _ref.mihelpAgentProps,
     navItemsLoader = _ref.navItemsLoader,
     navConfigOnError = _ref.navConfigOnError,
+    navCountsLoader = _ref.navCountsLoader,
+    navCountsPollIntervalMs = _ref.navCountsPollIntervalMs,
+    navCountsOnError = _ref.navCountsOnError,
     updateUriIsPath = _ref.updateUriIsPath,
     suppressRouteSyncEcho = _ref.suppressRouteSyncEcho;
   var history = reactRouterDom.useHistory();
@@ -69708,6 +69897,10 @@ function IframeAppRootInner(_ref) {
   }), navItemsLoader ? /*#__PURE__*/React__default["default"].createElement(NavConfigSender, {
     navItemsLoader: navItemsLoader,
     onError: navConfigOnError
+  }) : null, navCountsLoader ? /*#__PURE__*/React__default["default"].createElement(NavCountsSender, {
+    countsLoader: navCountsLoader,
+    pollIntervalMs: navCountsPollIntervalMs,
+    onError: navCountsOnError
   }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
     style: contentStyle || defaultContentStyle
   }, children));
@@ -69722,6 +69915,9 @@ function IframeAppRoot(_ref2) {
     mihelpAgentProps = _ref2$mihelpAgentProp === void 0 ? null : _ref2$mihelpAgentProp,
     navItemsLoader = _ref2.navItemsLoader,
     navConfigOnError = _ref2.navConfigOnError,
+    navCountsLoader = _ref2.navCountsLoader,
+    navCountsPollIntervalMs = _ref2.navCountsPollIntervalMs,
+    navCountsOnError = _ref2.navCountsOnError,
     _ref2$updateUriIsPath = _ref2.updateUriIsPath,
     updateUriIsPath = _ref2$updateUriIsPath === void 0 ? false : _ref2$updateUriIsPath,
     _ref2$suppressRouteSy = _ref2.suppressRouteSyncEcho,
@@ -69736,6 +69932,9 @@ function IframeAppRoot(_ref2) {
     mihelpAgentProps: mihelpAgentProps,
     navItemsLoader: navItemsLoader,
     navConfigOnError: navConfigOnError,
+    navCountsLoader: navCountsLoader,
+    navCountsPollIntervalMs: navCountsPollIntervalMs,
+    navCountsOnError: navCountsOnError,
     updateUriIsPath: updateUriIsPath,
     suppressRouteSyncEcho: suppressRouteSyncEcho
   }, children));
@@ -69784,31 +69983,39 @@ function hydrateAppConfig(_x) {
 }
 function _hydrateAppConfig() {
   _hydrateAppConfig = _asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee(_ref) {
-    var appName, sendStorageGet, setExtraLocal, fetcher, configFallbackUri, validateAppConfig, appConfig;
+    var appName, getCachedLocalItem, sendStorageGet, setExtraLocal, fetcher, configFallbackUri, validateAppConfig, configKey, appConfig;
     return _regenerator().w(function (_context) {
       while (1) switch (_context.n) {
         case 0:
-          appName = _ref.appName, sendStorageGet = _ref.sendStorageGet, setExtraLocal = _ref.setExtraLocal, fetcher = _ref.fetcher, configFallbackUri = _ref.configFallbackUri, validateAppConfig = _ref.validateAppConfig;
+          appName = _ref.appName, getCachedLocalItem = _ref.getCachedLocalItem, sendStorageGet = _ref.sendStorageGet, setExtraLocal = _ref.setExtraLocal, fetcher = _ref.fetcher, configFallbackUri = _ref.configFallbackUri, validateAppConfig = _ref.validateAppConfig;
+          configKey = "".concat(appName, ":config");
+          appConfig = getCachedLocalItem(configKey);
+          if (isValidAppConfig(appConfig, validateAppConfig)) {
+            _context.n = 2;
+            break;
+          }
           _context.n = 1;
           return sendStorageGet({
             op: 'getLocalItem',
-            key: "".concat(appName, ":config")
+            key: configKey
           });
         case 1:
           appConfig = _context.v;
+        case 2:
           if (!(!isValidAppConfig(appConfig, validateAppConfig) && configFallbackUri && fetcher)) {
-            _context.n = 3;
+            _context.n = 4;
             break;
           }
-          _context.n = 2;
+          console.log('[Iframe] fetching app config from', configFallbackUri);
+          _context.n = 3;
           return fetcher.getConfig(configFallbackUri);
-        case 2:
-          appConfig = _context.v;
         case 3:
+          appConfig = _context.v;
+        case 4:
           if (isValidAppConfig(appConfig, validateAppConfig)) {
-            setExtraLocal("".concat(appName, ":config"), appConfig);
+            setExtraLocal(configKey, appConfig);
           }
-        case 4:
+        case 5:
           return _context.a(2);
       }
     }, _callee);
@@ -69837,11 +70044,11 @@ function hydratePermissions(_x2) {
  */
 function _hydratePermissions() {
   _hydratePermissions = _asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee3(_ref2) {
-    var permissionKeys, sendStorageGet, setExtraLocal, permissionsOnlyIfArray, keys;
+    var permissionKeys, getCachedLocalItem, sendStorageGet, setExtraLocal, permissionsOnlyIfArray, keys;
     return _regenerator().w(function (_context3) {
       while (1) switch (_context3.n) {
         case 0:
-          permissionKeys = _ref2.permissionKeys, sendStorageGet = _ref2.sendStorageGet, setExtraLocal = _ref2.setExtraLocal, permissionsOnlyIfArray = _ref2.permissionsOnlyIfArray;
+          permissionKeys = _ref2.permissionKeys, getCachedLocalItem = _ref2.getCachedLocalItem, sendStorageGet = _ref2.sendStorageGet, setExtraLocal = _ref2.setExtraLocal, permissionsOnlyIfArray = _ref2.permissionsOnlyIfArray;
           keys = normalizePermissionKeys(permissionKeys);
           _context3.n = 1;
           return Promise.all(keys.map(/*#__PURE__*/function () {
@@ -69850,6 +70057,11 @@ function _hydratePermissions() {
               return _regenerator().w(function (_context2) {
                 while (1) switch (_context2.n) {
                   case 0:
+                    perms = getCachedLocalItem(key);
+                    if (!(perms == null || permissionsOnlyIfArray && !Array.isArray(perms))) {
+                      _context2.n = 2;
+                      break;
+                    }
                     _context2.n = 1;
                     return sendStorageGet({
                       op: 'getLocalItem',
@@ -69857,14 +70069,15 @@ function _hydratePermissions() {
                     });
                   case 1:
                     perms = _context2.v;
+                  case 2:
                     if (!(permissionsOnlyIfArray && !Array.isArray(perms))) {
-                      _context2.n = 2;
+                      _context2.n = 3;
                       break;
                     }
                     return _context2.a(2);
-                  case 2:
-                    if (perms != null) setExtraLocal(key, perms);
                   case 3:
+                    if (perms != null) setExtraLocal(key, perms);
+                  case 4:
                     return _context2.a(2);
                 }
               }, _callee2);
@@ -69885,7 +70098,7 @@ function bootstrapIframeApp(_x3) {
 }
 function _bootstrapIframeApp() {
   _bootstrapIframeApp = _asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee4(options) {
-    var _ref4, _ref4$appName, appName, permissionKeys, rootSelector, onInitCache, render, _ref4$standaloneMode, standaloneMode, standaloneRender, _ref4$standaloneError, standaloneErrorMessage, _ref4$fetchConfigFrom, fetchConfigFromShell, _ref4$configFallbackU, configFallbackUri, validateAppConfig, _ref4$permissionsOnly, permissionsOnlyIfArray, rootNode, bridge, fetcher, getInitialUri, getInitData, setInitCache, setExtraLocal, sendStorageGet, setAppName, _yield$Promise$all, _yield$Promise$all2, initialUri, initData, tasks, _t;
+    var _ref4, _ref4$appName, appName, permissionKeys, rootSelector, onInitCache, render, _ref4$standaloneMode, standaloneMode, standaloneRender, _ref4$standaloneError, standaloneErrorMessage, _ref4$fetchConfigFrom, fetchConfigFromShell, _ref4$configFallbackU, configFallbackUri, validateAppConfig, _ref4$permissionsOnly, permissionsOnlyIfArray, rootNode, bridge, fetcher, storage, getInitialUri, getInitData, setInitCache, setExtraLocal, sendStorageGet, setAppName, _yield$Promise$all, _yield$Promise$all2, initialUri, initData, getCachedLocalItem, tasks, _t;
     return _regenerator().w(function (_context4) {
       while (1) switch (_context4.p = _context4.n) {
         case 0:
@@ -69921,7 +70134,7 @@ function _bootstrapIframeApp() {
           }
           return _context4.a(2);
         case 4:
-          bridge = iframeFacade.bridge, fetcher = iframeFacade.fetcher;
+          bridge = iframeFacade.bridge, fetcher = iframeFacade.fetcher, storage = iframeFacade.storage;
           getInitialUri = bridge.getInitialUri, getInitData = bridge.getInitData, setInitCache = bridge.setInitCache, setExtraLocal = bridge.setExtraLocal, sendStorageGet = bridge.sendStorageGet, setAppName = bridge.setAppName;
           _context4.n = 5;
           return Promise.all([getInitialUri(), getInitData()]);
@@ -69931,12 +70144,15 @@ function _bootstrapIframeApp() {
           initialUri = _yield$Promise$all2[0];
           initData = _yield$Promise$all2[1];
           if (appName && typeof setAppName === 'function') setAppName(appName);
-          if (!initData) {
-            _context4.n = 9;
-            break;
+          if (initData) {
+            setInitCache(initData);
+            if (onInitCache) onInitCache(initData);
+          } else {
+            console.warn('[Iframe] no initData from shell');
           }
-          setInitCache(initData);
-          if (onInitCache) onInitCache(initData);
+          getCachedLocalItem = function getCachedLocalItem(key) {
+            return storage.getLocalItem(key);
+          };
           if (!(fetchConfigFromShell && appName)) {
             _context4.n = 9;
             break;
@@ -69944,6 +70160,7 @@ function _bootstrapIframeApp() {
           _context4.p = 6;
           tasks = [hydrateAppConfig({
             appName: appName,
+            getCachedLocalItem: getCachedLocalItem,
             sendStorageGet: sendStorageGet,
             setExtraLocal: setExtraLocal,
             fetcher: fetcher,
@@ -69953,6 +70170,7 @@ function _bootstrapIframeApp() {
           if (permissionKeys) {
             tasks.push(hydratePermissions({
               permissionKeys: permissionKeys,
+              getCachedLocalItem: getCachedLocalItem,
               sendStorageGet: sendStorageGet,
               setExtraLocal: setExtraLocal,
               permissionsOnlyIfArray: permissionsOnlyIfArray
@@ -81564,12 +81782,15 @@ exports.Crumb = Crumb$1;
 exports.IframeAppRoot = IframeAppRoot;
 exports.IframeRouteSync = IframeRouteSync;
 exports.NavConfigSender = NavConfigSender;
+exports.NavCountsSender = NavCountsSender;
+exports.STANDARD_NAV_COUNT_THRESHOLDS = STANDARD_NAV_COUNT_THRESHOLDS;
 exports.accessHelpers = accessHelpers$1;
 exports.bootstrapIframeApp = bootstrapIframeApp;
 exports.fetcher = fetcher$1;
 exports.iframeFacade = iframeFacade;
 exports.normalizeIframePath = normalizeIframePath;
 exports.registerEarlyLoadUriListener = registerEarlyLoadUriListener;
+exports.resolveCountStatus = resolveCountStatus;
 exports.serializeNavItems = serializeNavItems;
 exports.storage = storage$2;
 //# sourceMappingURL=ops-tool-kit.js.map