@optifye/dashboard-core 6.11.6 → 6.11.8

package/dist/index.js

@@ -54,12 +54,1550 @@ var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive)
 var html2canvas__default = /*#__PURE__*/_interopDefault(html2canvas);
 var jsPDF__default = /*#__PURE__*/_interopDefault(jsPDF);
 
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
   if (typeof require !== "undefined") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../node_modules/lodash/_listCacheClear.js
+var require_listCacheClear = __commonJS({
+  "../../node_modules/lodash/_listCacheClear.js"(exports, module) {
+    function listCacheClear() {
+      this.__data__ = [];
+      this.size = 0;
+    }
+    module.exports = listCacheClear;
+  }
+});
+
+// ../../node_modules/lodash/eq.js
+var require_eq = __commonJS({
+  "../../node_modules/lodash/eq.js"(exports, module) {
+    function eq(value, other) {
+      return value === other || value !== value && other !== other;
+    }
+    module.exports = eq;
+  }
+});
+
+// ../../node_modules/lodash/_assocIndexOf.js
+var require_assocIndexOf = __commonJS({
+  "../../node_modules/lodash/_assocIndexOf.js"(exports, module) {
+    var eq = require_eq();
+    function assocIndexOf(array, key) {
+      var length = array.length;
+      while (length--) {
+        if (eq(array[length][0], key)) {
+          return length;
+        }
+      }
+      return -1;
+    }
+    module.exports = assocIndexOf;
+  }
+});
+
+// ../../node_modules/lodash/_listCacheDelete.js
+var require_listCacheDelete = __commonJS({
+  "../../node_modules/lodash/_listCacheDelete.js"(exports, module) {
+    var assocIndexOf = require_assocIndexOf();
+    var arrayProto = Array.prototype;
+    var splice = arrayProto.splice;
+    function listCacheDelete(key) {
+      var data = this.__data__, index = assocIndexOf(data, key);
+      if (index < 0) {
+        return false;
+      }
+      var lastIndex = data.length - 1;
+      if (index == lastIndex) {
+        data.pop();
+      } else {
+        splice.call(data, index, 1);
+      }
+      --this.size;
+      return true;
+    }
+    module.exports = listCacheDelete;
+  }
+});
+
+// ../../node_modules/lodash/_listCacheGet.js
+var require_listCacheGet = __commonJS({
+  "../../node_modules/lodash/_listCacheGet.js"(exports, module) {
+    var assocIndexOf = require_assocIndexOf();
+    function listCacheGet(key) {
+      var data = this.__data__, index = assocIndexOf(data, key);
+      return index < 0 ? void 0 : data[index][1];
+    }
+    module.exports = listCacheGet;
+  }
+});
+
+// ../../node_modules/lodash/_listCacheHas.js
+var require_listCacheHas = __commonJS({
+  "../../node_modules/lodash/_listCacheHas.js"(exports, module) {
+    var assocIndexOf = require_assocIndexOf();
+    function listCacheHas(key) {
+      return assocIndexOf(this.__data__, key) > -1;
+    }
+    module.exports = listCacheHas;
+  }
+});
+
+// ../../node_modules/lodash/_listCacheSet.js
+var require_listCacheSet = __commonJS({
+  "../../node_modules/lodash/_listCacheSet.js"(exports, module) {
+    var assocIndexOf = require_assocIndexOf();
+    function listCacheSet(key, value) {
+      var data = this.__data__, index = assocIndexOf(data, key);
+      if (index < 0) {
+        ++this.size;
+        data.push([key, value]);
+      } else {
+        data[index][1] = value;
+      }
+      return this;
+    }
+    module.exports = listCacheSet;
+  }
+});
+
+// ../../node_modules/lodash/_ListCache.js
+var require_ListCache = __commonJS({
+  "../../node_modules/lodash/_ListCache.js"(exports, module) {
+    var listCacheClear = require_listCacheClear();
+    var listCacheDelete = require_listCacheDelete();
+    var listCacheGet = require_listCacheGet();
+    var listCacheHas = require_listCacheHas();
+    var listCacheSet = require_listCacheSet();
+    function ListCache(entries) {
+      var index = -1, length = entries == null ? 0 : entries.length;
+      this.clear();
+      while (++index < length) {
+        var entry = entries[index];
+        this.set(entry[0], entry[1]);
+      }
+    }
+    ListCache.prototype.clear = listCacheClear;
+    ListCache.prototype["delete"] = listCacheDelete;
+    ListCache.prototype.get = listCacheGet;
+    ListCache.prototype.has = listCacheHas;
+    ListCache.prototype.set = listCacheSet;
+    module.exports = ListCache;
+  }
+});
+
+// ../../node_modules/lodash/_stackClear.js
+var require_stackClear = __commonJS({
+  "../../node_modules/lodash/_stackClear.js"(exports, module) {
+    var ListCache = require_ListCache();
+    function stackClear() {
+      this.__data__ = new ListCache();
+      this.size = 0;
+    }
+    module.exports = stackClear;
+  }
+});
+
+// ../../node_modules/lodash/_stackDelete.js
+var require_stackDelete = __commonJS({
+  "../../node_modules/lodash/_stackDelete.js"(exports, module) {
+    function stackDelete(key) {
+      var data = this.__data__, result = data["delete"](key);
+      this.size = data.size;
+      return result;
+    }
+    module.exports = stackDelete;
+  }
+});
+
+// ../../node_modules/lodash/_stackGet.js
+var require_stackGet = __commonJS({
+  "../../node_modules/lodash/_stackGet.js"(exports, module) {
+    function stackGet(key) {
+      return this.__data__.get(key);
+    }
+    module.exports = stackGet;
+  }
+});
+
+// ../../node_modules/lodash/_stackHas.js
+var require_stackHas = __commonJS({
+  "../../node_modules/lodash/_stackHas.js"(exports, module) {
+    function stackHas(key) {
+      return this.__data__.has(key);
+    }
+    module.exports = stackHas;
+  }
+});
+
+// ../../node_modules/lodash/_freeGlobal.js
+var require_freeGlobal = __commonJS({
+  "../../node_modules/lodash/_freeGlobal.js"(exports, module) {
+    var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+    module.exports = freeGlobal;
+  }
+});
+
+// ../../node_modules/lodash/_root.js
+var require_root = __commonJS({
+  "../../node_modules/lodash/_root.js"(exports, module) {
+    var freeGlobal = require_freeGlobal();
+    var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+    var root = freeGlobal || freeSelf || Function("return this")();
+    module.exports = root;
+  }
+});
+
+// ../../node_modules/lodash/_Symbol.js
+var require_Symbol = __commonJS({
+  "../../node_modules/lodash/_Symbol.js"(exports, module) {
+    var root = require_root();
+    var Symbol2 = root.Symbol;
+    module.exports = Symbol2;
+  }
+});
+
+// ../../node_modules/lodash/_getRawTag.js
+var require_getRawTag = __commonJS({
+  "../../node_modules/lodash/_getRawTag.js"(exports, module) {
+    var Symbol2 = require_Symbol();
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    var nativeObjectToString = objectProto.toString;
+    var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+    function getRawTag(value) {
+      var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
+      try {
+        value[symToStringTag] = void 0;
+        var unmasked = true;
+      } catch (e) {
+      }
+      var result = nativeObjectToString.call(value);
+      if (unmasked) {
+        if (isOwn) {
+          value[symToStringTag] = tag;
+        } else {
+          delete value[symToStringTag];
+        }
+      }
+      return result;
+    }
+    module.exports = getRawTag;
+  }
+});
+
+// ../../node_modules/lodash/_objectToString.js
+var require_objectToString = __commonJS({
+  "../../node_modules/lodash/_objectToString.js"(exports, module) {
+    var objectProto = Object.prototype;
+    var nativeObjectToString = objectProto.toString;
+    function objectToString(value) {
+      return nativeObjectToString.call(value);
+    }
+    module.exports = objectToString;
+  }
+});
+
+// ../../node_modules/lodash/_baseGetTag.js
+var require_baseGetTag = __commonJS({
+  "../../node_modules/lodash/_baseGetTag.js"(exports, module) {
+    var Symbol2 = require_Symbol();
+    var getRawTag = require_getRawTag();
+    var objectToString = require_objectToString();
+    var nullTag = "[object Null]";
+    var undefinedTag = "[object Undefined]";
+    var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+    function baseGetTag(value) {
+      if (value == null) {
+        return value === void 0 ? undefinedTag : nullTag;
+      }
+      return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+    }
+    module.exports = baseGetTag;
+  }
+});
+
+// ../../node_modules/lodash/isObject.js
+var require_isObject = __commonJS({
+  "../../node_modules/lodash/isObject.js"(exports, module) {
+    function isObject2(value) {
+      var type = typeof value;
+      return value != null && (type == "object" || type == "function");
+    }
+    module.exports = isObject2;
+  }
+});
+
+// ../../node_modules/lodash/isFunction.js
+var require_isFunction = __commonJS({
+  "../../node_modules/lodash/isFunction.js"(exports, module) {
+    var baseGetTag = require_baseGetTag();
+    var isObject2 = require_isObject();
+    var asyncTag = "[object AsyncFunction]";
+    var funcTag = "[object Function]";
+    var genTag = "[object GeneratorFunction]";
+    var proxyTag = "[object Proxy]";
+    function isFunction(value) {
+      if (!isObject2(value)) {
+        return false;
+      }
+      var tag = baseGetTag(value);
+      return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+    }
+    module.exports = isFunction;
+  }
+});
+
+// ../../node_modules/lodash/_coreJsData.js
+var require_coreJsData = __commonJS({
+  "../../node_modules/lodash/_coreJsData.js"(exports, module) {
+    var root = require_root();
+    var coreJsData = root["__core-js_shared__"];
+    module.exports = coreJsData;
+  }
+});
+
+// ../../node_modules/lodash/_isMasked.js
+var require_isMasked = __commonJS({
+  "../../node_modules/lodash/_isMasked.js"(exports, module) {
+    var coreJsData = require_coreJsData();
+    var maskSrcKey = function() {
+      var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
+      return uid ? "Symbol(src)_1." + uid : "";
+    }();
+    function isMasked(func) {
+      return !!maskSrcKey && maskSrcKey in func;
+    }
+    module.exports = isMasked;
+  }
+});
+
+// ../../node_modules/lodash/_toSource.js
+var require_toSource = __commonJS({
+  "../../node_modules/lodash/_toSource.js"(exports, module) {
+    var funcProto = Function.prototype;
+    var funcToString = funcProto.toString;
+    function toSource(func) {
+      if (func != null) {
+        try {
+          return funcToString.call(func);
+        } catch (e) {
+        }
+        try {
+          return func + "";
+        } catch (e) {
+        }
+      }
+      return "";
+    }
+    module.exports = toSource;
+  }
+});
+
+// ../../node_modules/lodash/_baseIsNative.js
+var require_baseIsNative = __commonJS({
+  "../../node_modules/lodash/_baseIsNative.js"(exports, module) {
+    var isFunction = require_isFunction();
+    var isMasked = require_isMasked();
+    var isObject2 = require_isObject();
+    var toSource = require_toSource();
+    var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+    var reIsHostCtor = /^\[object .+?Constructor\]$/;
+    var funcProto = Function.prototype;
+    var objectProto = Object.prototype;
+    var funcToString = funcProto.toString;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    var reIsNative = RegExp(
+      "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    );
+    function baseIsNative(value) {
+      if (!isObject2(value) || isMasked(value)) {
+        return false;
+      }
+      var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+      return pattern.test(toSource(value));
+    }
+    module.exports = baseIsNative;
+  }
+});
+
+// ../../node_modules/lodash/_getValue.js
+var require_getValue = __commonJS({
+  "../../node_modules/lodash/_getValue.js"(exports, module) {
+    function getValue(object, key) {
+      return object == null ? void 0 : object[key];
+    }
+    module.exports = getValue;
+  }
+});
+
+// ../../node_modules/lodash/_getNative.js
+var require_getNative = __commonJS({
+  "../../node_modules/lodash/_getNative.js"(exports, module) {
+    var baseIsNative = require_baseIsNative();
+    var getValue = require_getValue();
+    function getNative(object, key) {
+      var value = getValue(object, key);
+      return baseIsNative(value) ? value : void 0;
+    }
+    module.exports = getNative;
+  }
+});
+
+// ../../node_modules/lodash/_Map.js
+var require_Map = __commonJS({
+  "../../node_modules/lodash/_Map.js"(exports, module) {
+    var getNative = require_getNative();
+    var root = require_root();
+    var Map2 = getNative(root, "Map");
+    module.exports = Map2;
+  }
+});
+
+// ../../node_modules/lodash/_nativeCreate.js
+var require_nativeCreate = __commonJS({
+  "../../node_modules/lodash/_nativeCreate.js"(exports, module) {
+    var getNative = require_getNative();
+    var nativeCreate = getNative(Object, "create");
+    module.exports = nativeCreate;
+  }
+});
+
+// ../../node_modules/lodash/_hashClear.js
+var require_hashClear = __commonJS({
+  "../../node_modules/lodash/_hashClear.js"(exports, module) {
+    var nativeCreate = require_nativeCreate();
+    function hashClear() {
+      this.__data__ = nativeCreate ? nativeCreate(null) : {};
+      this.size = 0;
+    }
+    module.exports = hashClear;
+  }
+});
+
+// ../../node_modules/lodash/_hashDelete.js
+var require_hashDelete = __commonJS({
+  "../../node_modules/lodash/_hashDelete.js"(exports, module) {
+    function hashDelete(key) {
+      var result = this.has(key) && delete this.__data__[key];
+      this.size -= result ? 1 : 0;
+      return result;
+    }
+    module.exports = hashDelete;
+  }
+});
+
+// ../../node_modules/lodash/_hashGet.js
+var require_hashGet = __commonJS({
+  "../../node_modules/lodash/_hashGet.js"(exports, module) {
+    var nativeCreate = require_nativeCreate();
+    var HASH_UNDEFINED = "__lodash_hash_undefined__";
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    function hashGet(key) {
+      var data = this.__data__;
+      if (nativeCreate) {
+        var result = data[key];
+        return result === HASH_UNDEFINED ? void 0 : result;
+      }
+      return hasOwnProperty.call(data, key) ? data[key] : void 0;
+    }
+    module.exports = hashGet;
+  }
+});
+
+// ../../node_modules/lodash/_hashHas.js
+var require_hashHas = __commonJS({
+  "../../node_modules/lodash/_hashHas.js"(exports, module) {
+    var nativeCreate = require_nativeCreate();
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    function hashHas(key) {
+      var data = this.__data__;
+      return nativeCreate ? data[key] !== void 0 : hasOwnProperty.call(data, key);
+    }
+    module.exports = hashHas;
+  }
+});
+
+// ../../node_modules/lodash/_hashSet.js
+var require_hashSet = __commonJS({
+  "../../node_modules/lodash/_hashSet.js"(exports, module) {
+    var nativeCreate = require_nativeCreate();
+    var HASH_UNDEFINED = "__lodash_hash_undefined__";
+    function hashSet(key, value) {
+      var data = this.__data__;
+      this.size += this.has(key) ? 0 : 1;
+      data[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED : value;
+      return this;
+    }
+    module.exports = hashSet;
+  }
+});
+
+// ../../node_modules/lodash/_Hash.js
+var require_Hash = __commonJS({
+  "../../node_modules/lodash/_Hash.js"(exports, module) {
+    var hashClear = require_hashClear();
+    var hashDelete = require_hashDelete();
+    var hashGet = require_hashGet();
+    var hashHas = require_hashHas();
+    var hashSet = require_hashSet();
+    function Hash(entries) {
+      var index = -1, length = entries == null ? 0 : entries.length;
+      this.clear();
+      while (++index < length) {
+        var entry = entries[index];
+        this.set(entry[0], entry[1]);
+      }
+    }
+    Hash.prototype.clear = hashClear;
+    Hash.prototype["delete"] = hashDelete;
+    Hash.prototype.get = hashGet;
+    Hash.prototype.has = hashHas;
+    Hash.prototype.set = hashSet;
+    module.exports = Hash;
+  }
+});
+
+// ../../node_modules/lodash/_mapCacheClear.js
+var require_mapCacheClear = __commonJS({
+  "../../node_modules/lodash/_mapCacheClear.js"(exports, module) {
+    var Hash = require_Hash();
+    var ListCache = require_ListCache();
+    var Map2 = require_Map();
+    function mapCacheClear() {
+      this.size = 0;
+      this.__data__ = {
+        "hash": new Hash(),
+        "map": new (Map2 || ListCache)(),
+        "string": new Hash()
+      };
+    }
+    module.exports = mapCacheClear;
+  }
+});
+
+// ../../node_modules/lodash/_isKeyable.js
+var require_isKeyable = __commonJS({
+  "../../node_modules/lodash/_isKeyable.js"(exports, module) {
+    function isKeyable(value) {
+      var type = typeof value;
+      return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
+    }
+    module.exports = isKeyable;
+  }
+});
+
+// ../../node_modules/lodash/_getMapData.js
+var require_getMapData = __commonJS({
+  "../../node_modules/lodash/_getMapData.js"(exports, module) {
+    var isKeyable = require_isKeyable();
+    function getMapData(map, key) {
+      var data = map.__data__;
+      return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map;
+    }
+    module.exports = getMapData;
+  }
+});
+
+// ../../node_modules/lodash/_mapCacheDelete.js
+var require_mapCacheDelete = __commonJS({
+  "../../node_modules/lodash/_mapCacheDelete.js"(exports, module) {
+    var getMapData = require_getMapData();
+    function mapCacheDelete(key) {
+      var result = getMapData(this, key)["delete"](key);
+      this.size -= result ? 1 : 0;
+      return result;
+    }
+    module.exports = mapCacheDelete;
+  }
+});
+
+// ../../node_modules/lodash/_mapCacheGet.js
+var require_mapCacheGet = __commonJS({
+  "../../node_modules/lodash/_mapCacheGet.js"(exports, module) {
+    var getMapData = require_getMapData();
+    function mapCacheGet(key) {
+      return getMapData(this, key).get(key);
+    }
+    module.exports = mapCacheGet;
+  }
+});
+
+// ../../node_modules/lodash/_mapCacheHas.js
+var require_mapCacheHas = __commonJS({
+  "../../node_modules/lodash/_mapCacheHas.js"(exports, module) {
+    var getMapData = require_getMapData();
+    function mapCacheHas(key) {
+      return getMapData(this, key).has(key);
+    }
+    module.exports = mapCacheHas;
+  }
+});
+
+// ../../node_modules/lodash/_mapCacheSet.js
+var require_mapCacheSet = __commonJS({
+  "../../node_modules/lodash/_mapCacheSet.js"(exports, module) {
+    var getMapData = require_getMapData();
+    function mapCacheSet(key, value) {
+      var data = getMapData(this, key), size = data.size;
+      data.set(key, value);
+      this.size += data.size == size ? 0 : 1;
+      return this;
+    }
+    module.exports = mapCacheSet;
+  }
+});
+
+// ../../node_modules/lodash/_MapCache.js
+var require_MapCache = __commonJS({
+  "../../node_modules/lodash/_MapCache.js"(exports, module) {
+    var mapCacheClear = require_mapCacheClear();
+    var mapCacheDelete = require_mapCacheDelete();
+    var mapCacheGet = require_mapCacheGet();
+    var mapCacheHas = require_mapCacheHas();
+    var mapCacheSet = require_mapCacheSet();
+    function MapCache(entries) {
+      var index = -1, length = entries == null ? 0 : entries.length;
+      this.clear();
+      while (++index < length) {
+        var entry = entries[index];
+        this.set(entry[0], entry[1]);
+      }
+    }
+    MapCache.prototype.clear = mapCacheClear;
+    MapCache.prototype["delete"] = mapCacheDelete;
+    MapCache.prototype.get = mapCacheGet;
+    MapCache.prototype.has = mapCacheHas;
+    MapCache.prototype.set = mapCacheSet;
+    module.exports = MapCache;
+  }
+});
+
+// ../../node_modules/lodash/_stackSet.js
+var require_stackSet = __commonJS({
+  "../../node_modules/lodash/_stackSet.js"(exports, module) {
+    var ListCache = require_ListCache();
+    var Map2 = require_Map();
+    var MapCache = require_MapCache();
+    var LARGE_ARRAY_SIZE = 200;
+    function stackSet(key, value) {
+      var data = this.__data__;
+      if (data instanceof ListCache) {
+        var pairs = data.__data__;
+        if (!Map2 || pairs.length < LARGE_ARRAY_SIZE - 1) {
+          pairs.push([key, value]);
+          this.size = ++data.size;
+          return this;
+        }
+        data = this.__data__ = new MapCache(pairs);
+      }
+      data.set(key, value);
+      this.size = data.size;
+      return this;
+    }
+    module.exports = stackSet;
+  }
+});
+
+// ../../node_modules/lodash/_Stack.js
+var require_Stack = __commonJS({
+  "../../node_modules/lodash/_Stack.js"(exports, module) {
+    var ListCache = require_ListCache();
+    var stackClear = require_stackClear();
+    var stackDelete = require_stackDelete();
+    var stackGet = require_stackGet();
+    var stackHas = require_stackHas();
+    var stackSet = require_stackSet();
+    function Stack(entries) {
+      var data = this.__data__ = new ListCache(entries);
+      this.size = data.size;
+    }
+    Stack.prototype.clear = stackClear;
+    Stack.prototype["delete"] = stackDelete;
+    Stack.prototype.get = stackGet;
+    Stack.prototype.has = stackHas;
+    Stack.prototype.set = stackSet;
+    module.exports = Stack;
+  }
+});
+
+// ../../node_modules/lodash/_setCacheAdd.js
+var require_setCacheAdd = __commonJS({
+  "../../node_modules/lodash/_setCacheAdd.js"(exports, module) {
+    var HASH_UNDEFINED = "__lodash_hash_undefined__";
+    function setCacheAdd(value) {
+      this.__data__.set(value, HASH_UNDEFINED);
+      return this;
+    }
+    module.exports = setCacheAdd;
+  }
+});
+
+// ../../node_modules/lodash/_setCacheHas.js
+var require_setCacheHas = __commonJS({
+  "../../node_modules/lodash/_setCacheHas.js"(exports, module) {
+    function setCacheHas(value) {
+      return this.__data__.has(value);
+    }
+    module.exports = setCacheHas;
+  }
+});
+
+// ../../node_modules/lodash/_SetCache.js
+var require_SetCache = __commonJS({
+  "../../node_modules/lodash/_SetCache.js"(exports, module) {
+    var MapCache = require_MapCache();
+    var setCacheAdd = require_setCacheAdd();
+    var setCacheHas = require_setCacheHas();
+    function SetCache(values) {
+      var index = -1, length = values == null ? 0 : values.length;
+      this.__data__ = new MapCache();
+      while (++index < length) {
+        this.add(values[index]);
+      }
+    }
+    SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
+    SetCache.prototype.has = setCacheHas;
+    module.exports = SetCache;
+  }
+});
+
+// ../../node_modules/lodash/_arraySome.js
+var require_arraySome = __commonJS({
+  "../../node_modules/lodash/_arraySome.js"(exports, module) {
+    function arraySome(array, predicate) {
+      var index = -1, length = array == null ? 0 : array.length;
+      while (++index < length) {
+        if (predicate(array[index], index, array)) {
+          return true;
+        }
+      }
+      return false;
+    }
+    module.exports = arraySome;
+  }
+});
+
+// ../../node_modules/lodash/_cacheHas.js
+var require_cacheHas = __commonJS({
+  "../../node_modules/lodash/_cacheHas.js"(exports, module) {
+    function cacheHas(cache, key) {
+      return cache.has(key);
+    }
+    module.exports = cacheHas;
+  }
+});
+
+// ../../node_modules/lodash/_equalArrays.js
+var require_equalArrays = __commonJS({
+  "../../node_modules/lodash/_equalArrays.js"(exports, module) {
+    var SetCache = require_SetCache();
+    var arraySome = require_arraySome();
+    var cacheHas = require_cacheHas();
+    var COMPARE_PARTIAL_FLAG = 1;
+    var COMPARE_UNORDERED_FLAG = 2;
+    function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
+      var isPartial = bitmask & COMPARE_PARTIAL_FLAG, arrLength = array.length, othLength = other.length;
+      if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
+        return false;
+      }
+      var arrStacked = stack.get(array);
+      var othStacked = stack.get(other);
+      if (arrStacked && othStacked) {
+        return arrStacked == other && othStacked == array;
+      }
+      var index = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG ? new SetCache() : void 0;
+      stack.set(array, other);
+      stack.set(other, array);
+      while (++index < arrLength) {
+        var arrValue = array[index], othValue = other[index];
+        if (customizer) {
+          var compared = isPartial ? customizer(othValue, arrValue, index, other, array, stack) : customizer(arrValue, othValue, index, array, other, stack);
+        }
+        if (compared !== void 0) {
+          if (compared) {
+            continue;
+          }
+          result = false;
+          break;
+        }
+        if (seen) {
+          if (!arraySome(other, function(othValue2, othIndex) {
+            if (!cacheHas(seen, othIndex) && (arrValue === othValue2 || equalFunc(arrValue, othValue2, bitmask, customizer, stack))) {
+              return seen.push(othIndex);
+            }
+          })) {
+            result = false;
+            break;
+          }
+        } else if (!(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
+          result = false;
+          break;
+        }
+      }
+      stack["delete"](array);
+      stack["delete"](other);
+      return result;
+    }
+    module.exports = equalArrays;
+  }
+});
+
+// ../../node_modules/lodash/_Uint8Array.js
+var require_Uint8Array = __commonJS({
+  "../../node_modules/lodash/_Uint8Array.js"(exports, module) {
+    var root = require_root();
+    var Uint8Array2 = root.Uint8Array;
+    module.exports = Uint8Array2;
+  }
+});
+
+// ../../node_modules/lodash/_mapToArray.js
+var require_mapToArray = __commonJS({
+  "../../node_modules/lodash/_mapToArray.js"(exports, module) {
+    function mapToArray(map) {
+      var index = -1, result = Array(map.size);
+      map.forEach(function(value, key) {
+        result[++index] = [key, value];
+      });
+      return result;
+    }
+    module.exports = mapToArray;
+  }
+});
+
+// ../../node_modules/lodash/_setToArray.js
+var require_setToArray = __commonJS({
+  "../../node_modules/lodash/_setToArray.js"(exports, module) {
+    function setToArray(set) {
+      var index = -1, result = Array(set.size);
+      set.forEach(function(value) {
+        result[++index] = value;
+      });
+      return result;
+    }
+    module.exports = setToArray;
+  }
+});
+
+// ../../node_modules/lodash/_equalByTag.js
+var require_equalByTag = __commonJS({
+  "../../node_modules/lodash/_equalByTag.js"(exports, module) {
+    var Symbol2 = require_Symbol();
+    var Uint8Array2 = require_Uint8Array();
+    var eq = require_eq();
+    var equalArrays = require_equalArrays();
+    var mapToArray = require_mapToArray();
+    var setToArray = require_setToArray();
+    var COMPARE_PARTIAL_FLAG = 1;
+    var COMPARE_UNORDERED_FLAG = 2;
+    var boolTag = "[object Boolean]";
+    var dateTag = "[object Date]";
+    var errorTag = "[object Error]";
+    var mapTag = "[object Map]";
+    var numberTag = "[object Number]";
+    var regexpTag = "[object RegExp]";
+    var setTag = "[object Set]";
+    var stringTag = "[object String]";
+    var symbolTag = "[object Symbol]";
+    var arrayBufferTag = "[object ArrayBuffer]";
+    var dataViewTag = "[object DataView]";
+    var symbolProto = Symbol2 ? Symbol2.prototype : void 0;
+    var symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
+    function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
+      switch (tag) {
+        case dataViewTag:
+          if (object.byteLength != other.byteLength || object.byteOffset != other.byteOffset) {
+            return false;
+          }
+          object = object.buffer;
+          other = other.buffer;
+        case arrayBufferTag:
+          if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
+            return false;
+          }
+          return true;
+        case boolTag:
+        case dateTag:
+        case numberTag:
+          return eq(+object, +other);
+        case errorTag:
+          return object.name == other.name && object.message == other.message;
+        case regexpTag:
+        case stringTag:
+          return object == other + "";
+        case mapTag:
+          var convert = mapToArray;
+        case setTag:
+          var isPartial = bitmask & COMPARE_PARTIAL_FLAG;
+          convert || (convert = setToArray);
+          if (object.size != other.size && !isPartial) {
+            return false;
+          }
+          var stacked = stack.get(object);
+          if (stacked) {
+            return stacked == other;
+          }
+          bitmask |= COMPARE_UNORDERED_FLAG;
+          stack.set(object, other);
+          var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack);
+          stack["delete"](object);
+          return result;
+        case symbolTag:
+          if (symbolValueOf) {
+            return symbolValueOf.call(object) == symbolValueOf.call(other);
+          }
+      }
+      return false;
+    }
+    module.exports = equalByTag;
+  }
+});
+
+// ../../node_modules/lodash/_arrayPush.js
+var require_arrayPush = __commonJS({
+  "../../node_modules/lodash/_arrayPush.js"(exports, module) {
+    function arrayPush(array, values) {
+      var index = -1, length = values.length, offset = array.length;
+      while (++index < length) {
+        array[offset + index] = values[index];
+      }
+      return array;
+    }
+    module.exports = arrayPush;
+  }
+});
+
+// ../../node_modules/lodash/isArray.js
+var require_isArray = __commonJS({
+  "../../node_modules/lodash/isArray.js"(exports, module) {
+    var isArray = Array.isArray;
+    module.exports = isArray;
+  }
+});
+
+// ../../node_modules/lodash/_baseGetAllKeys.js
+var require_baseGetAllKeys = __commonJS({
+  "../../node_modules/lodash/_baseGetAllKeys.js"(exports, module) {
+    var arrayPush = require_arrayPush();
+    var isArray = require_isArray();
+    function baseGetAllKeys(object, keysFunc, symbolsFunc) {
+      var result = keysFunc(object);
+      return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
+    }
+    module.exports = baseGetAllKeys;
+  }
+});
+
+// ../../node_modules/lodash/_arrayFilter.js
+var require_arrayFilter = __commonJS({
+  "../../node_modules/lodash/_arrayFilter.js"(exports, module) {
+    function arrayFilter(array, predicate) {
+      var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
+      while (++index < length) {
+        var value = array[index];
+        if (predicate(value, index, array)) {
+          result[resIndex++] = value;
+        }
+      }
+      return result;
+    }
+    module.exports = arrayFilter;
+  }
+});
+
+// ../../node_modules/lodash/stubArray.js
+var require_stubArray = __commonJS({
+  "../../node_modules/lodash/stubArray.js"(exports, module) {
+    function stubArray() {
+      return [];
+    }
+    module.exports = stubArray;
+  }
+});
+
+// ../../node_modules/lodash/_getSymbols.js
+var require_getSymbols = __commonJS({
+  "../../node_modules/lodash/_getSymbols.js"(exports, module) {
+    var arrayFilter = require_arrayFilter();
+    var stubArray = require_stubArray();
+    var objectProto = Object.prototype;
+    var propertyIsEnumerable = objectProto.propertyIsEnumerable;
+    var nativeGetSymbols = Object.getOwnPropertySymbols;
+    var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
+      if (object == null) {
+        return [];
+      }
+      object = Object(object);
+      return arrayFilter(nativeGetSymbols(object), function(symbol) {
+        return propertyIsEnumerable.call(object, symbol);
+      });
+    };
+    module.exports = getSymbols;
+  }
+});
+
+// ../../node_modules/lodash/_baseTimes.js
+var require_baseTimes = __commonJS({
+  "../../node_modules/lodash/_baseTimes.js"(exports, module) {
+    function baseTimes(n, iteratee) {
+      var index = -1, result = Array(n);
+      while (++index < n) {
+        result[index] = iteratee(index);
+      }
+      return result;
+    }
+    module.exports = baseTimes;
+  }
+});
+
+// ../../node_modules/lodash/isObjectLike.js
+var require_isObjectLike = __commonJS({
+  "../../node_modules/lodash/isObjectLike.js"(exports, module) {
+    function isObjectLike(value) {
+      return value != null && typeof value == "object";
+    }
+    module.exports = isObjectLike;
+  }
+});
+
+// ../../node_modules/lodash/_baseIsArguments.js
+var require_baseIsArguments = __commonJS({
+  "../../node_modules/lodash/_baseIsArguments.js"(exports, module) {
+    var baseGetTag = require_baseGetTag();
+    var isObjectLike = require_isObjectLike();
+    var argsTag = "[object Arguments]";
+    function baseIsArguments(value) {
+      return isObjectLike(value) && baseGetTag(value) == argsTag;
+    }
+    module.exports = baseIsArguments;
+  }
+});
+
+// ../../node_modules/lodash/isArguments.js
+var require_isArguments = __commonJS({
+  "../../node_modules/lodash/isArguments.js"(exports, module) {
+    var baseIsArguments = require_baseIsArguments();
+    var isObjectLike = require_isObjectLike();
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    var propertyIsEnumerable = objectProto.propertyIsEnumerable;
+    var isArguments = baseIsArguments(/* @__PURE__ */ function() {
+      return arguments;
+    }()) ? baseIsArguments : function(value) {
+      return isObjectLike(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+    };
+    module.exports = isArguments;
+  }
+});
+
+// ../../node_modules/lodash/stubFalse.js
+var require_stubFalse = __commonJS({
+  "../../node_modules/lodash/stubFalse.js"(exports, module) {
+    function stubFalse() {
+      return false;
+    }
+    module.exports = stubFalse;
+  }
+});
+
+// ../../node_modules/lodash/isBuffer.js
+var require_isBuffer = __commonJS({
+  "../../node_modules/lodash/isBuffer.js"(exports, module) {
+    var root = require_root();
+    var stubFalse = require_stubFalse();
+    var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+    var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
+    var moduleExports = freeModule && freeModule.exports === freeExports;
+    var Buffer2 = moduleExports ? root.Buffer : void 0;
+    var nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0;
+    var isBuffer = nativeIsBuffer || stubFalse;
+    module.exports = isBuffer;
+  }
+});
+
+// ../../node_modules/lodash/_isIndex.js
+var require_isIndex = __commonJS({
+  "../../node_modules/lodash/_isIndex.js"(exports, module) {
+    var MAX_SAFE_INTEGER = 9007199254740991;
+    var reIsUint = /^(?:0|[1-9]\d*)$/;
+    function isIndex(value, length) {
+      var type = typeof value;
+      length = length == null ? MAX_SAFE_INTEGER : length;
+      return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
+    }
+    module.exports = isIndex;
+  }
+});
+
+// ../../node_modules/lodash/isLength.js
+var require_isLength = __commonJS({
+  "../../node_modules/lodash/isLength.js"(exports, module) {
+    var MAX_SAFE_INTEGER = 9007199254740991;
+    function isLength2(value) {
+      return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+    }
+    module.exports = isLength2;
+  }
+});
+
+// ../../node_modules/lodash/_baseIsTypedArray.js
+var require_baseIsTypedArray = __commonJS({
+  "../../node_modules/lodash/_baseIsTypedArray.js"(exports, module) {
+    var baseGetTag = require_baseGetTag();
+    var isLength2 = require_isLength();
+    var isObjectLike = require_isObjectLike();
+    var argsTag = "[object Arguments]";
+    var arrayTag = "[object Array]";
+    var boolTag = "[object Boolean]";
+    var dateTag = "[object Date]";
+    var errorTag = "[object Error]";
+    var funcTag = "[object Function]";
+    var mapTag = "[object Map]";
+    var numberTag = "[object Number]";
+    var objectTag = "[object Object]";
+    var regexpTag = "[object RegExp]";
+    var setTag = "[object Set]";
+    var stringTag = "[object String]";
+    var weakMapTag = "[object WeakMap]";
+    var arrayBufferTag = "[object ArrayBuffer]";
+    var dataViewTag = "[object DataView]";
+    var float32Tag = "[object Float32Array]";
+    var float64Tag = "[object Float64Array]";
+    var int8Tag = "[object Int8Array]";
+    var int16Tag = "[object Int16Array]";
+    var int32Tag = "[object Int32Array]";
+    var uint8Tag = "[object Uint8Array]";
+    var uint8ClampedTag = "[object Uint8ClampedArray]";
+    var uint16Tag = "[object Uint16Array]";
+    var uint32Tag = "[object Uint32Array]";
+    var typedArrayTags = {};
+    typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+    typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+    function baseIsTypedArray(value) {
+      return isObjectLike(value) && isLength2(value.length) && !!typedArrayTags[baseGetTag(value)];
+    }
+    module.exports = baseIsTypedArray;
+  }
+});
+
+// ../../node_modules/lodash/_baseUnary.js
+var require_baseUnary = __commonJS({
+  "../../node_modules/lodash/_baseUnary.js"(exports, module) {
+    function baseUnary(func) {
+      return function(value) {
+        return func(value);
+      };
+    }
+    module.exports = baseUnary;
+  }
+});
+
+// ../../node_modules/lodash/_nodeUtil.js
+var require_nodeUtil = __commonJS({
+  "../../node_modules/lodash/_nodeUtil.js"(exports, module) {
+    var freeGlobal = require_freeGlobal();
+    var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+    var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
+    var moduleExports = freeModule && freeModule.exports === freeExports;
+    var freeProcess = moduleExports && freeGlobal.process;
+    var nodeUtil = function() {
+      try {
+        var types = freeModule && freeModule.require && freeModule.require("util").types;
+        if (types) {
+          return types;
+        }
+        return freeProcess && freeProcess.binding && freeProcess.binding("util");
+      } catch (e) {
+      }
+    }();
+    module.exports = nodeUtil;
+  }
+});
+
+// ../../node_modules/lodash/isTypedArray.js
+var require_isTypedArray = __commonJS({
+  "../../node_modules/lodash/isTypedArray.js"(exports, module) {
+    var baseIsTypedArray = require_baseIsTypedArray();
+    var baseUnary = require_baseUnary();
+    var nodeUtil = require_nodeUtil();
+    var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+    var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+    module.exports = isTypedArray;
+  }
+});
+
+// ../../node_modules/lodash/_arrayLikeKeys.js
+var require_arrayLikeKeys = __commonJS({
+  "../../node_modules/lodash/_arrayLikeKeys.js"(exports, module) {
+    var baseTimes = require_baseTimes();
+    var isArguments = require_isArguments();
+    var isArray = require_isArray();
+    var isBuffer = require_isBuffer();
+    var isIndex = require_isIndex();
+    var isTypedArray = require_isTypedArray();
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    function arrayLikeKeys(value, inherited) {
+      var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
+      for (var key in value) {
+        if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
+        (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+        isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
+        isIndex(key, length)))) {
+          result.push(key);
+        }
+      }
+      return result;
+    }
+    module.exports = arrayLikeKeys;
+  }
+});
+
+// ../../node_modules/lodash/_isPrototype.js
+var require_isPrototype = __commonJS({
+  "../../node_modules/lodash/_isPrototype.js"(exports, module) {
+    var objectProto = Object.prototype;
+    function isPrototype(value) {
+      var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto;
+      return value === proto;
+    }
+    module.exports = isPrototype;
+  }
+});
+
+// ../../node_modules/lodash/_overArg.js
+var require_overArg = __commonJS({
+  "../../node_modules/lodash/_overArg.js"(exports, module) {
+    function overArg(func, transform) {
+      return function(arg) {
+        return func(transform(arg));
+      };
+    }
+    module.exports = overArg;
+  }
+});
+
+// ../../node_modules/lodash/_nativeKeys.js
+var require_nativeKeys = __commonJS({
+  "../../node_modules/lodash/_nativeKeys.js"(exports, module) {
+    var overArg = require_overArg();
+    var nativeKeys = overArg(Object.keys, Object);
+    module.exports = nativeKeys;
+  }
+});
+
+// ../../node_modules/lodash/_baseKeys.js
+var require_baseKeys = __commonJS({
+  "../../node_modules/lodash/_baseKeys.js"(exports, module) {
+    var isPrototype = require_isPrototype();
+    var nativeKeys = require_nativeKeys();
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    function baseKeys(object) {
+      if (!isPrototype(object)) {
+        return nativeKeys(object);
+      }
+      var result = [];
+      for (var key in Object(object)) {
+        if (hasOwnProperty.call(object, key) && key != "constructor") {
+          result.push(key);
+        }
+      }
+      return result;
+    }
+    module.exports = baseKeys;
+  }
+});
+
+// ../../node_modules/lodash/isArrayLike.js
+var require_isArrayLike = __commonJS({
+  "../../node_modules/lodash/isArrayLike.js"(exports, module) {
+    var isFunction = require_isFunction();
+    var isLength2 = require_isLength();
+    function isArrayLike(value) {
+      return value != null && isLength2(value.length) && !isFunction(value);
+    }
+    module.exports = isArrayLike;
+  }
+});
+
+// ../../node_modules/lodash/keys.js
+var require_keys = __commonJS({
+  "../../node_modules/lodash/keys.js"(exports, module) {
+    var arrayLikeKeys = require_arrayLikeKeys();
+    var baseKeys = require_baseKeys();
+    var isArrayLike = require_isArrayLike();
+    function keys(object) {
+      return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
+    }
+    module.exports = keys;
+  }
+});
+
+// ../../node_modules/lodash/_getAllKeys.js
+var require_getAllKeys = __commonJS({
+  "../../node_modules/lodash/_getAllKeys.js"(exports, module) {
+    var baseGetAllKeys = require_baseGetAllKeys();
+    var getSymbols = require_getSymbols();
+    var keys = require_keys();
+    function getAllKeys(object) {
+      return baseGetAllKeys(object, keys, getSymbols);
+    }
+    module.exports = getAllKeys;
+  }
+});
+
+// ../../node_modules/lodash/_equalObjects.js
+var require_equalObjects = __commonJS({
+  "../../node_modules/lodash/_equalObjects.js"(exports, module) {
+    var getAllKeys = require_getAllKeys();
+    var COMPARE_PARTIAL_FLAG = 1;
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
+      var isPartial = bitmask & COMPARE_PARTIAL_FLAG, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
+      if (objLength != othLength && !isPartial) {
+        return false;
+      }
+      var index = objLength;
+      while (index--) {
+        var key = objProps[index];
+        if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) {
+          return false;
+        }
+      }
+      var objStacked = stack.get(object);
+      var othStacked = stack.get(other);
+      if (objStacked && othStacked) {
+        return objStacked == other && othStacked == object;
+      }
+      var result = true;
+      stack.set(object, other);
+      stack.set(other, object);
+      var skipCtor = isPartial;
+      while (++index < objLength) {
+        key = objProps[index];
+        var objValue = object[key], othValue = other[key];
+        if (customizer) {
+          var compared = isPartial ? customizer(othValue, objValue, key, other, object, stack) : customizer(objValue, othValue, key, object, other, stack);
+        }
+        if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack) : compared)) {
+          result = false;
+          break;
+        }
+        skipCtor || (skipCtor = key == "constructor");
+      }
+      if (result && !skipCtor) {
+        var objCtor = object.constructor, othCtor = other.constructor;
+        if (objCtor != othCtor && ("constructor" in object && "constructor" in other) && !(typeof objCtor == "function" && objCtor instanceof objCtor && typeof othCtor == "function" && othCtor instanceof othCtor)) {
+          result = false;
+        }
+      }
+      stack["delete"](object);
+      stack["delete"](other);
+      return result;
+    }
+    module.exports = equalObjects;
+  }
+});
+
+// ../../node_modules/lodash/_DataView.js
+var require_DataView = __commonJS({
+  "../../node_modules/lodash/_DataView.js"(exports, module) {
+    var getNative = require_getNative();
+    var root = require_root();
+    var DataView = getNative(root, "DataView");
+    module.exports = DataView;
+  }
+});
+
+// ../../node_modules/lodash/_Promise.js
+var require_Promise = __commonJS({
+  "../../node_modules/lodash/_Promise.js"(exports, module) {
+    var getNative = require_getNative();
+    var root = require_root();
+    var Promise2 = getNative(root, "Promise");
+    module.exports = Promise2;
+  }
+});
+
+// ../../node_modules/lodash/_Set.js
+var require_Set = __commonJS({
+  "../../node_modules/lodash/_Set.js"(exports, module) {
+    var getNative = require_getNative();
+    var root = require_root();
+    var Set2 = getNative(root, "Set");
+    module.exports = Set2;
+  }
+});
+
+// ../../node_modules/lodash/_WeakMap.js
+var require_WeakMap = __commonJS({
+  "../../node_modules/lodash/_WeakMap.js"(exports, module) {
+    var getNative = require_getNative();
+    var root = require_root();
+    var WeakMap2 = getNative(root, "WeakMap");
+    module.exports = WeakMap2;
+  }
+});
+
+// ../../node_modules/lodash/_getTag.js
+var require_getTag = __commonJS({
+  "../../node_modules/lodash/_getTag.js"(exports, module) {
+    var DataView = require_DataView();
+    var Map2 = require_Map();
+    var Promise2 = require_Promise();
+    var Set2 = require_Set();
+    var WeakMap2 = require_WeakMap();
+    var baseGetTag = require_baseGetTag();
+    var toSource = require_toSource();
+    var mapTag = "[object Map]";
+    var objectTag = "[object Object]";
+    var promiseTag = "[object Promise]";
+    var setTag = "[object Set]";
+    var weakMapTag = "[object WeakMap]";
+    var dataViewTag = "[object DataView]";
+    var dataViewCtorString = toSource(DataView);
+    var mapCtorString = toSource(Map2);
+    var promiseCtorString = toSource(Promise2);
+    var setCtorString = toSource(Set2);
+    var weakMapCtorString = toSource(WeakMap2);
+    var getTag = baseGetTag;
+    if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
+      getTag = function(value) {
+        var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
+        if (ctorString) {
+          switch (ctorString) {
+            case dataViewCtorString:
+              return dataViewTag;
+            case mapCtorString:
+              return mapTag;
+            case promiseCtorString:
+              return promiseTag;
+            case setCtorString:
+              return setTag;
+            case weakMapCtorString:
+              return weakMapTag;
+          }
+        }
+        return result;
+      };
+    }
+    module.exports = getTag;
+  }
+});
+
+// ../../node_modules/lodash/_baseIsEqualDeep.js
+var require_baseIsEqualDeep = __commonJS({
+  "../../node_modules/lodash/_baseIsEqualDeep.js"(exports, module) {
+    var Stack = require_Stack();
+    var equalArrays = require_equalArrays();
+    var equalByTag = require_equalByTag();
+    var equalObjects = require_equalObjects();
+    var getTag = require_getTag();
+    var isArray = require_isArray();
+    var isBuffer = require_isBuffer();
+    var isTypedArray = require_isTypedArray();
+    var COMPARE_PARTIAL_FLAG = 1;
+    var argsTag = "[object Arguments]";
+    var arrayTag = "[object Array]";
+    var objectTag = "[object Object]";
+    var objectProto = Object.prototype;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
+      var objIsArr = isArray(object), othIsArr = isArray(other), objTag = objIsArr ? arrayTag : getTag(object), othTag = othIsArr ? arrayTag : getTag(other);
+      objTag = objTag == argsTag ? objectTag : objTag;
+      othTag = othTag == argsTag ? objectTag : othTag;
+      var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag;
+      if (isSameTag && isBuffer(object)) {
+        if (!isBuffer(other)) {
+          return false;
+        }
+        objIsArr = true;
+        objIsObj = false;
+      }
+      if (isSameTag && !objIsObj) {
+        stack || (stack = new Stack());
+        return objIsArr || isTypedArray(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
+      }
+      if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
+        var objIsWrapped = objIsObj && hasOwnProperty.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other, "__wrapped__");
+        if (objIsWrapped || othIsWrapped) {
+          var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
+          stack || (stack = new Stack());
+          return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);
+        }
+      }
+      if (!isSameTag) {
+        return false;
+      }
+      stack || (stack = new Stack());
+      return equalObjects(object, other, bitmask, customizer, equalFunc, stack);
+    }
+    module.exports = baseIsEqualDeep;
+  }
+});
+
+// ../../node_modules/lodash/_baseIsEqual.js
+var require_baseIsEqual = __commonJS({
+  "../../node_modules/lodash/_baseIsEqual.js"(exports, module) {
+    var baseIsEqualDeep = require_baseIsEqualDeep();
+    var isObjectLike = require_isObjectLike();
+    function baseIsEqual(value, other, bitmask, customizer, stack) {
+      if (value === other) {
+        return true;
+      }
+      if (value == null || other == null || !isObjectLike(value) && !isObjectLike(other)) {
+        return value !== value && other !== other;
+      }
+      return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
+    }
+    module.exports = baseIsEqual;
+  }
+});
+
+// ../../node_modules/lodash/isEqual.js
+var require_isEqual = __commonJS({
+  "../../node_modules/lodash/isEqual.js"(exports, module) {
+    var baseIsEqual = require_baseIsEqual();
+    function isEqual2(value, other) {
+      return baseIsEqual(value, other);
+    }
+    module.exports = isEqual2;
+  }
+});
 
 // src/lib/types/ISTDate.ts
 function formatISTDate(date, options) {
@@ -4055,11 +5593,18 @@ var getRoleLabel = (role) => {
 var getRoleDescription = (role) => {
   return getRoleMetadata(role)?.description || "";
 };
+var getRoleAssignmentKind = (role) => {
+  return getRoleMetadata(role)?.assignmentKind || null;
+};
 var isFactoryScopedRole = (role) => {
   const normalizedRole = normalizeRoleLevel(role);
   return normalizedRole ? FACTORY_SCOPED_ROLE_SET.has(normalizedRole) : false;
 };
 var isSupervisorRole = (role) => normalizeRoleLevel(role) === "supervisor";
+var canRoleManageCompany = (role) => {
+  const normalizedRole = normalizeRoleLevel(role);
+  return normalizedRole === "owner" || normalizedRole === "it";
+};
 var canRoleManageUsers = (role) => {
   const normalizedRole = normalizeRoleLevel(role);
   return normalizedRole === "optifye" || normalizedRole === "owner" || normalizedRole === "it" || isFactoryScopedRole(normalizedRole);
@@ -4072,12 +5617,23 @@ var canRoleViewUsageStats = (role) => {
   const normalizedRole = normalizeRoleLevel(role);
   return normalizedRole === "optifye" || normalizedRole === "owner" || normalizedRole === "it";
 };
+var canRoleViewClipsCost = (role) => {
+  const normalizedRole = normalizeRoleLevel(role);
+  return normalizedRole === "optifye" || normalizedRole === "owner";
+};
 var canRoleAccessTeamManagement = (role) => {
   return canRoleManageUsers(role);
 };
 var getRoleNavPaths = (role) => {
   return getRoleMetadata(role)?.navPaths || [];
 };
+var canRoleAccessDashboardPath = (path, role) => {
+  const basePath = `/${path.split("?")[0].split("/").filter(Boolean)[0] || ""}`.replace(/\/$/, "") || "/";
+  if (basePath === "/clips-cost") {
+    return canRoleViewClipsCost(role);
+  }
+  return getRoleNavPaths(role).includes(basePath);
+};
 var getVisibleRolesForCurrentUser = (currentRole) => {
   const normalizedRole = normalizeRoleLevel(currentRole);
   const visibleRolesByCurrentRole = {
@@ -5882,6 +7438,16 @@ var getClipCycleTimeFrames = (metadata) => {
   }
   return parseFiniteNumber(metadata?.request?.metadata?.cycle_time);
 };
+var getClipCaptureFps = (clip) => {
+  return parseFiniteNumber(clip?.capture_fps) ?? parseFiniteNumber(clip?.metadata?.playlist?.fps) ?? 20;
+};
+var getClipCycleTimeSeconds = (clip) => {
+  const cycleTimeFrames = getClipCycleTimeFrames(clip?.metadata);
+  if (cycleTimeFrames === void 0) {
+    return void 0;
+  }
+  return cycleTimeFrames / getClipCaptureFps(clip);
+};
 var getSupabaseClient = () => {
   const existing = _getSupabaseInstanceOptional();
   if (existing) {
@@ -6394,10 +7960,10 @@ var S3ClipsSupabaseService = class {
       const transformedClips = (response.clips || []).map((clip) => {
         const clipId = clip.id ?? clip.clip_id;
         const clipType = clip.type ?? clip.clip_type_name;
-        const cycleTimeSeconds = parseFiniteNumber(clip.cycle_time_seconds) ?? (() => {
-          const cycleTimeFrames = getClipCycleTimeFrames(clip.metadata);
-          return cycleTimeFrames !== void 0 ? cycleTimeFrames / (clip.metadata?.playlist?.fps || 20) : void 0;
-        })();
+        const cycleTimeSeconds = parseFiniteNumber(clip.cycle_time_seconds) ?? getClipCycleTimeSeconds({
+          capture_fps: clip.capture_fps,
+          metadata: clip.metadata
+        });
         return {
           id: clipId,
           src: clip.src ?? clip.playlist,
@@ -37947,7 +39513,7 @@ var FileManagerFilters = ({
       ] }) })
     ] }, node.id);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative bg-white rounded-2xl shadow-lg border border-gray-100 h-full hover:shadow-xl transition-all duration-300 ease-out backdrop-blur-sm ${className}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-full min-h-[320px] flex-col bg-white rounded-2xl shadow-lg border border-gray-100 hover:shadow-xl transition-all duration-300 ease-out backdrop-blur-sm ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 border-b border-gray-50 bg-gradient-to-br from-slate-50/80 via-white to-blue-50/30", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
@@ -38029,7 +39595,7 @@ var FileManagerFilters = ({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: "absolute top-14 right-16 z-50 bg-white rounded-xl shadow-xl border border-slate-200 w-[240px] animate-in slide-in-from-top-2 duration-200",
+          className: "absolute top-14 right-2 z-50 bg-white rounded-xl shadow-xl border border-slate-200 w-[min(88vw,240px)] sm:right-16 animate-in slide-in-from-top-2 duration-200",
           onClick: (e) => e.stopPropagation(),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 flex items-center justify-between border-b border-slate-200", children: [
@@ -38086,7 +39652,7 @@ var FileManagerFilters = ({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: "absolute top-14 right-4 z-50 bg-white rounded-xl shadow-xl border border-slate-200 w-[280px] animate-in slide-in-from-top-2 duration-200",
+          className: "absolute top-14 right-2 z-50 bg-white rounded-xl shadow-xl border border-slate-200 w-[min(92vw,280px)] sm:right-4 animate-in slide-in-from-top-2 duration-200",
           onClick: (e) => e.stopPropagation(),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 flex items-center justify-between border-b border-slate-200", children: [
@@ -38203,7 +39769,7 @@ var FileManagerFilters = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 h-[calc(100%-8rem)] overflow-y-auto scrollbar-thin", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 flex-1 min-h-0 overflow-y-auto scrollbar-thin", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: filterTree.map((node) => renderNode(node)) }),
       filterTree.length === 0 && isTimeFilterActive && (startTime || endTime) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-12", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-slate-300 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-12 w-12 mx-auto" }) }),
@@ -40314,17 +41880,17 @@ var BottlenecksContent = ({
     }
   }, [workspaceTargetCycleTime]);
   if (!dashboardConfig?.s3Config) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-4 flex flex-col items-center justify-center h-[calc(100vh-12rem)] text-center", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-4 flex flex-col items-center justify-center min-h-[calc(100dvh-12rem)] text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "w-12 h-12 text-red-400 mb-3" }),
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-red-700 mb-1", children: "S3 Configuration Missing" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 max-w-md", children: "S3 configuration is required to load video clips. Please check your dashboard configuration." })
     ] });
   }
   if (clipTypesLoading && allVideos.length === 0 && Object.keys(mergedCounts).length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow p-4 flex items-center justify-center h-[calc(100vh-12rem)]", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg", message: "Loading clips..." }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow p-4 flex items-center justify-center min-h-[calc(100dvh-12rem)]", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg", message: "Loading clips..." }) });
   }
   if (error && error.type === "fatal" && !hasInitialLoad || clipTypesError) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-4 flex flex-col items-center justify-center h-[calc(100vh-12rem)] text-center", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-4 flex flex-col items-center justify-center min-h-[calc(100dvh-12rem)] text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "w-12 h-12 text-red-400 mb-3" }),
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-red-700 mb-1", children: "Error Loading Clips" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 max-w-md", children: error?.message || clipTypesError })
@@ -40339,7 +41905,7 @@ var BottlenecksContent = ({
     clipTypesError,
     mergedCounts
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-1.5 sm:p-2 lg:p-4 h-[calc(100vh-12rem)] relative", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-1.5 sm:p-2 lg:p-4 min-h-[calc(100dvh-12rem)] lg:h-[calc(100dvh-12rem)] relative", children: [
     hasNewClips && newClipsNotification && /* @__PURE__ */ jsxRuntime.jsx(
       NewClipsNotification,
       {
@@ -40348,8 +41914,8 @@ var BottlenecksContent = ({
         onDismiss: clearNotification
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row gap-4 h-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0 lg:flex-[3]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-lg shadow-sm overflow-hidden h-full", children: filteredVideos.length > 0 && currentVideo && !isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-full group", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full h-full overflow-hidden rounded-md shadow-inner bg-gray-900", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:h-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 w-full lg:flex-[3] lg:h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-lg shadow-sm overflow-hidden lg:h-full", children: filteredVideos.length > 0 && currentVideo && !isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 lg:h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative group lg:h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full aspect-video lg:aspect-auto lg:h-full overflow-hidden rounded-md shadow-inner bg-gray-900", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -40499,23 +42065,23 @@ var BottlenecksContent = ({
         )
       ] }) }) }) : (
         /* Priority 5: Show "no clips found" only if we have counts and there are truly no clips for workspace */
-        hasInitialLoad && Object.keys(mergedCounts).length > 0 && Object.values(mergedCounts).every((count) => count === 0) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
+        hasInitialLoad && Object.keys(mergedCounts).length > 0 && Object.values(mergedCounts).every((count) => count === 0) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-[220px] sm:min-h-[320px] lg:h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
           /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-16 h-16 text-gray-300 mx-auto mb-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-medium text-gray-700 mb-2", children: "No Clips Found" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500", children: "There were no video clips found for this workspace today." })
         ] }) }) : (
           /* Priority 6: Show "no matching clips" only if we have data loaded and specifically no clips for this filter */
-          hasInitialLoad && (mergedCounts[activeFilter] || 0) === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
+          hasInitialLoad && (mergedCounts[activeFilter] || 0) === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-[220px] sm:min-h-[320px] lg:h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
             /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-16 h-16 text-gray-300 mx-auto mb-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" }) }),
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-medium text-gray-700 mb-2", children: "No Matching Clips" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500", children: "There are no clips matching the selected filter." })
           ] }) }) : (
             /* Priority 7: Default loading state for any other case */
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full h-full overflow-hidden rounded-md shadow-inner bg-gray-900 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading..." }) }) }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 lg:h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative lg:h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full min-h-[220px] sm:min-h-[320px] lg:min-h-0 lg:h-full overflow-hidden rounded-md shadow-inner bg-gray-900 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading..." }) }) }) })
           )
         )
       ) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 lg:flex-[1] lg:min-w-[280px] lg:max-w-[320px]", children: triageMode ? (
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full lg:flex-shrink-0 lg:flex-[1] lg:min-w-[280px] lg:max-w-[320px] lg:h-full", children: triageMode ? (
         /* Triage Mode - Direct tile view for cycle completions and idle time */
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm h-full overflow-hidden flex flex-col", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 border-b border-gray-100", children: [
@@ -42826,10 +44392,15 @@ var IdleTimeReasonChartComponent = ({
   data,
   isLoading = false,
   error = null,
-  hideTotalDuration = false
+  hideTotalDuration = false,
+  updateAnimation = "replay"
 }) => {
   const [activeData, setActiveData] = React141__namespace.default.useState([]);
   React141__namespace.default.useEffect(() => {
+    if (updateAnimation === "smooth") {
+      setActiveData(data && data.length > 0 ? data : []);
+      return;
+    }
     if (activeData.length > 0) {
       setActiveData([]);
     }
@@ -42843,7 +44414,7 @@ var IdleTimeReasonChartComponent = ({
     } else {
       setActiveData([]);
     }
-  }, [data]);
+  }, [data, updateAnimation]);
   React141__namespace.default.useEffect(() => {
     if (!data || data.length === 0) return;
     data.forEach((entry, index) => {
@@ -42853,8 +44424,11 @@ var IdleTimeReasonChartComponent = ({
     });
   }, [data]);
   const pieKey = React141__namespace.default.useMemo(() => {
+    if (updateAnimation === "smooth") {
+      return "smooth";
+    }
     return activeData.map((d) => `${d.name}-${d.value}`).join("|");
-  }, [activeData]);
+  }, [activeData, updateAnimation]);
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full" });
   }
@@ -49405,7 +50979,6 @@ var SettingsPopup = ({
     document.body
   );
 };
-var formatPercent = (value) => typeof value === "number" && Number.isFinite(value) ? `${value.toFixed(1)}%` : "N/A";
 var formatRelativeTime2 = (value) => {
   const parsed = new Date(value);
   if (Number.isNaN(parsed.getTime())) return "Just now";
@@ -49571,8 +51144,7 @@ var AlertsPopup = ({
             !isLoading && error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-10 text-sm text-red-600", children: error }),
             !isLoading && !error && alerts.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-10 text-sm text-gray-500", children: "No alerts right now." }),
             !isLoading && !error && alerts.map((alert2, index) => {
-              const isCritical = typeof alert2.delta_efficiency === "number" && alert2.delta_efficiency <= -10;
-              const description = `Now: ${formatPercent(alert2.current_efficiency)}. Usual for this shift: ${formatPercent(alert2.baseline_efficiency)}.`;
+              const isCritical = alert2.alert_type === "recent_output_drop";
               return /* @__PURE__ */ jsxRuntime.jsx(
                 motion.div,
                 {
@@ -49594,8 +51166,8 @@ var AlertsPopup = ({
                           formatRelativeTime2(alert2.evaluated_at)
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] font-medium text-[#475569] uppercase tracking-wide", children: alert2.monitoring_mode === "uptime" ? "Machine Utilization is low" : "Output is low" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13.5px] text-[#64748b] leading-[1.45] mt-1", children: description })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] font-medium text-[#475569] uppercase tracking-wide", children: alert2.title }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13.5px] text-[#64748b] leading-[1.45] mt-1", children: alert2.message })
                     ] })
                   ] })
                 },
@@ -49629,6 +51201,7 @@ var SideNavBar = React141.memo(({
   const role = user?.role_level;
   const roleNavPaths = React141.useMemo(() => getRoleNavPaths(role), [role]);
   const showLiveMonitorLink = roleNavPaths.includes("/live-monitor");
+  const rootDashboardSurface = React141.useMemo(() => role === "owner" || role === "plant_head" || role === "optifye" ? "operations_overview" : "monitor", [role]);
   const getBasePath = React141.useCallback((path) => {
     const firstSegment = path.split("?")[0].split("/").filter(Boolean)[0];
     return firstSegment ? `/${firstSegment}` : "/";
@@ -49639,12 +51212,11 @@ var SideNavBar = React141.memo(({
     const basePath = getBasePath(path);
     return roleNavPaths.includes(basePath);
   }, [role, isSuperAdmin, getBasePath, roleNavPaths]);
-  const lineId = entityConfig.defaultLineId || LINE_1_UUID;
   const skuEnabled = dashboardConfig?.skuConfig?.enabled || false;
   dashboardConfig?.supervisorConfig?.enabled || false;
   const showSupervisorManagement = false;
   const ticketsEnabled = dashboardConfig?.ticketsConfig?.enabled ?? true;
-  const { hasData: hasClipsCostData } = useCompanyClipsCost();
+  const showBillingLink = canRoleViewClipsCost(role);
   console.log("\u{1F50D} [SideNavBar] dashboardConfig:", dashboardConfig);
   console.log("\u{1F50D} [SideNavBar] ticketsConfig:", dashboardConfig?.ticketsConfig);
   console.log("\u{1F50D} [SideNavBar] ticketsEnabled:", ticketsEnabled);
@@ -49655,19 +51227,20 @@ var SideNavBar = React141.memo(({
       ${isActive ? "bg-blue-50/80 text-blue-600 font-medium" : "hover:bg-gray-50 text-gray-500 hover:text-gray-700 font-medium active:bg-gray-100"}
       transition-all duration-200 ease-out focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2`;
   }, [pathname]);
+  const buildDashboardSurfaceTrackingEvent = React141.useCallback((source, destinationPath, dashboardSurface) => ({
+    name: dashboardSurface === "operations_overview" ? "Operations Overview clicked" : "monitor page clicked",
+    properties: {
+      source,
+      destination_path: destinationPath,
+      dashboard_surface: dashboardSurface
+    }
+  }), []);
   const handleHomeClick = React141.useCallback(() => {
     navigate("/", {
-      trackingEvent: {
-        name: "Operations Overview Page Clicked",
-        properties: {
-          source: "side_nav",
-          line_id: lineId,
-          line_name: "Line 1"
-        }
-      }
+      trackingEvent: buildDashboardSurfaceTrackingEvent("side_nav", "/", rootDashboardSurface)
     });
     onMobileMenuClose?.();
-  }, [navigate, lineId, onMobileMenuClose]);
+  }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
   const handleLeaderboardClick = React141.useCallback(() => {
     navigate(`/leaderboard`, {
       trackingEvent: {
@@ -49681,15 +51254,10 @@ var SideNavBar = React141.memo(({
   }, [navigate, onMobileMenuClose]);
   const handleLiveClick = React141.useCallback(() => {
     navigate("/live-monitor", {
-      trackingEvent: {
-        name: "Live Monitor Clicked",
-        properties: {
-          source: "side_nav"
-        }
-      }
+      trackingEvent: buildDashboardSurfaceTrackingEvent("side_nav", "/live-monitor", "monitor")
     });
     onMobileMenuClose?.();
-  }, [navigate, onMobileMenuClose]);
+  }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent]);
   const handleKPIsClick = React141.useCallback(() => {
     navigate(`/kpis`, {
       trackingEvent: {
@@ -49932,7 +51500,7 @@ var SideNavBar = React141.memo(({
         isActive: pathname === "/tickets" || pathname.startsWith("/tickets/")
       });
     }
-    if (hasClipsCostData) {
+    if (showBillingLink) {
       items.push({
         key: "clips-analysis",
         label: "Billing",
@@ -49957,7 +51525,7 @@ var SideNavBar = React141.memo(({
       });
     }
     return items;
-  }, [handleTargetsClick, handleShiftsClick, handleTeamManagementClick, handleProfileClick, handleTicketsClick, handleClipsCostClick, handleHelpClick, pathname, ticketsEnabled, hasClipsCostData, canAccessPath]);
+  }, [handleTargetsClick, handleShiftsClick, handleTeamManagementClick, handleProfileClick, handleTicketsClick, handleClipsCostClick, handleHelpClick, pathname, ticketsEnabled, showBillingLink, canAccessPath]);
   const handleLogout = React141.useCallback(async () => {
     setIsSettingsOpen(false);
     try {
@@ -49967,10 +51535,11 @@ var SideNavBar = React141.memo(({
     }
   }, [signOut]);
   const handleLogoClick = React141.useCallback(() => {
-    trackCoreEvent("Operations Overview Page Clicked", { source: "logo" });
-    navigate("/");
+    navigate("/", {
+      trackingEvent: buildDashboardSurfaceTrackingEvent("logo", "/", rootDashboardSurface)
+    });
     onMobileMenuClose?.();
-  }, [navigate, onMobileMenuClose]);
+  }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
   const homeButtonClasses = React141.useMemo(() => getButtonClasses("/"), [getButtonClasses, pathname]);
   const liveButtonClasses = React141.useMemo(() => getButtonClasses("/live-monitor"), [getButtonClasses, pathname]);
   const leaderboardButtonClasses = React141.useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses, pathname]);
@@ -50354,6 +51923,18 @@ var SideNavBar = React141.memo(({
               ]
             }
           ),
+          showBillingLink && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: handleMobileNavClick(handleClipsCostClick),
+              className: getMobileButtonClass("/clips-cost"),
+              "aria-label": "Billing",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(outline.CurrencyDollarIcon, { className: getIconClass("/clips-cost") }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-medium", children: "Billing" })
+              ]
+            }
+          ),
           canAccessPath("/help") && /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
             {
@@ -56811,6 +58392,11 @@ function HomeView({
   React141.useEffect(() => {
     setIsHydrated(true);
   }, []);
+  React141.useEffect(() => {
+    trackCorePageView("Monitor", {
+      dashboard_surface: "monitor"
+    });
+  }, []);
   React141.useEffect(() => {
     if (metricsError) {
       setErrorMessage(metricsError.message);
@@ -56821,7 +58407,7 @@ function HomeView({
   const handleLineChange = React141.useCallback((value) => {
     setIsChangingFilter(true);
     setSelectedLineId(value);
-    trackCoreEvent("Home Line Filter Changed", {
+    trackCoreEvent("monitor line filter changed", {
       previous_line_id: selectedLineId,
       new_line_id: value,
       line_name: mergedLineNames[value] || (value === factoryViewId ? "All Lines" : `Line ${value.substring(0, 4)}`)
@@ -56842,10 +58428,11 @@ function HomeView({
   React141.useEffect(() => {
     if (!metricsLoading && !hasInitialDataLoaded) {
       setHasInitialDataLoaded(true);
-      trackCoreEvent("Home View Loaded", {
+      trackCoreEvent("monitor page loaded", {
         default_line_id: defaultLineId,
         factory_view_id: factoryViewId,
-        is_supervisor: isSupervisor
+        is_supervisor: isSupervisor,
+        dashboard_surface: "monitor"
       });
     }
   }, [metricsLoading, hasInitialDataLoaded, defaultLineId, factoryViewId, isSupervisor]);
@@ -57521,6 +59108,7 @@ var MonthlyRangeFilter = ({
   const [rangeEnd, setRangeEnd] = React141.useState(parseDateKeyToDate(normalizedRange.endKey));
   const [selecting, setSelecting] = React141.useState(false);
   const [activePreset, setActivePreset] = React141.useState(null);
+  const [pendingChangeMeta, setPendingChangeMeta] = React141.useState(null);
   const today = React141.useMemo(() => dateFns.endOfDay(todayDate), [todayDate]);
   React141.useEffect(() => {
     setCalendarMonth(month);
@@ -57540,6 +59128,7 @@ var MonthlyRangeFilter = ({
         return val.startKey === value.startKey && val.endKey === value.endKey;
       });
       setActivePreset(match ? match.label : "Custom");
+      setPendingChangeMeta(null);
     }
   }, [isOpen, month, presets, value.endKey, value.startKey, year]);
   React141.useEffect(() => {
@@ -57556,6 +59145,7 @@ var MonthlyRangeFilter = ({
       return;
     }
     setActivePreset("Custom");
+    setPendingChangeMeta({ source: "custom" });
     if (!selecting || !rangeStart) {
       setRangeStart(day);
       setRangeEnd(null);
@@ -57578,6 +59168,7 @@ var MonthlyRangeFilter = ({
     setRangeEnd(end);
     setSelecting(false);
     setActivePreset(preset.label);
+    setPendingChangeMeta({ source: "preset", presetLabel: preset.label });
     setCalendarMonth(start.getMonth());
     setCalendarYear(start.getFullYear());
   };
@@ -57596,7 +59187,7 @@ var MonthlyRangeFilter = ({
       const end = boundedStart <= boundedEnd ? boundedEnd : boundedStart;
       const startKey = dateFns.format(start, "yyyy-MM-dd");
       const endKey = dateFns.format(end, "yyyy-MM-dd");
-      onChange({ startKey, endKey });
+      onChange({ startKey, endKey }, pendingChangeMeta || void 0);
       setIsOpen(false);
     }
   };
@@ -67534,13 +69125,7 @@ var WorkspaceHealthView = ({
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("text-3xl font-bold", getUptimeColor(summary.uptimePercentage)), children: summary.uptimePercentage === null ? "No data" : `${summary.uptimePercentage.toFixed(1)}%` }),
                     summary.uptimePercentage === null ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-5 w-5 text-gray-400" }) : summary.uptimePercentage >= 97 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "h-5 w-5 text-green-500" }) : summary.uptimePercentage >= 90 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-5 w-5 text-yellow-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { className: "h-5 w-5 text-red-500" })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: summary.uptimePercentage === null ? "Uptime metrics unavailable for visible workspaces" : "Overall system uptime today" }),
-                  summary.workspacesWithoutUptimeData > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-amber-600 mt-1", children: [
-                    summary.workspacesWithoutUptimeData,
-                    " workspace",
-                    summary.workspacesWithoutUptimeData === 1 ? "" : "s",
-                    " missing uptime data"
-                  ] })
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: summary.uptimePercentage === null ? "Uptime metrics unavailable for visible workspaces" : "Overall system uptime today" })
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(Card2, { className: "bg-white", children: [
@@ -69235,6 +70820,12 @@ var getPositiveImprovementGain = ({
     pcsGain: issueGain !== null && issueGain > 0 ? issueGain : null
   };
 };
+var getImprovementPcsGainSortValue = (input) => {
+  const { pcsGain } = getPositiveImprovementGain(input);
+  if (pcsGain !== null) return pcsGain;
+  const raw = toFiniteNumber(input.estimated_gain_pieces);
+  return raw ?? null;
+};
 var getImprovementDisplayMetadata = ({
   location,
   line,
@@ -69298,26 +70889,21 @@ var compareImprovementRecommendationPriority = (left, right) => {
 };
 var ImprovementRecommendationSignals = ({
   recommendation,
-  className
+  className,
+  hideTargetsReadjustment = false
 }) => {
   const gainSummary = getImprovementGainSummary(recommendation);
-  const showTargetReadjustment = needsTargetReadjustment(recommendation);
+  const showTargetReadjustment = !hideTargetsReadjustment && needsTargetReadjustment(recommendation);
   if (!gainSummary && !showTargetReadjustment) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className || "flex flex-wrap items-center gap-x-4 gap-y-3", children: [
-    gainSummary && /* @__PURE__ */ jsxRuntime.jsxs(
+    gainSummary && /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
         "data-testid": "improvement-gain-chip",
-        className: "inline-flex items-center gap-1.5 rounded-full border border-emerald-200 bg-emerald-50 px-3 py-1.5 text-sm font-medium text-emerald-700 shadow-sm",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-trending-up w-4 h-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "22 7 13.5 15.5 8.5 10.5 2 17" }),
-            /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16 7 22 7 22 13" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: gainSummary.primary })
-        ]
+        className: "inline-flex items-center rounded-full border border-emerald-200 bg-emerald-50 px-3 py-1.5 text-sm font-semibold text-emerald-700 shadow-sm",
+        children: gainSummary.primary
       }
     ),
     showTargetReadjustment && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -70118,6 +71704,7 @@ var ImprovementCenterView = () => {
     });
   }, [supervisorsByLineId]);
   const filteredRecommendations = React141.useMemo(() => {
+    const hasActiveFilters = selectedLineId !== "all" || selectedStatus !== "all" || selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedSortBy !== "all";
     const sortedRecommendations = recommendations.filter((rec) => {
       if (selectedLineId !== "all" && rec.line_id !== selectedLineId) return false;
       if (selectedStatus === "resolved" && rec.ticket_status !== "solved") return false;
@@ -70132,22 +71719,22 @@ var ImprovementCenterView = () => {
       if (selectedMemberId !== "all" && !(rec.assigned_user_ids?.includes(selectedMemberId) || rec.assigned_to_user_id === selectedMemberId)) return false;
       return true;
     }).sort((a, b) => {
-      if (selectedSortBy === "highest_to_lowest") {
-        const gainA = toFiniteNumber2(a.estimated_gain_pieces) || 0;
-        const gainB = toFiniteNumber2(b.estimated_gain_pieces) || 0;
-        if (gainA !== gainB) {
-          return gainB - gainA;
-        }
-      } else if (selectedSortBy === "lowest_to_highest") {
-        const gainA = toFiniteNumber2(a.estimated_gain_pieces) || 0;
-        const gainB = toFiniteNumber2(b.estimated_gain_pieces) || 0;
-        if (gainA !== gainB) {
-          return gainA - gainB;
+      if (selectedSortBy === "highest_to_lowest" || selectedSortBy === "lowest_to_highest") {
+        const gainA = getImprovementPcsGainSortValue(a);
+        const gainB = getImprovementPcsGainSortValue(b);
+        const aMissing = gainA === null;
+        const bMissing = gainB === null;
+        if (aMissing && bMissing) ; else if (aMissing) {
+          return 1;
+        } else if (bMissing) {
+          return -1;
+        } else if (gainA !== gainB) {
+          return selectedSortBy === "highest_to_lowest" ? gainB - gainA : gainA - gainB;
         }
       }
       return compareImprovementRecommendationPriority(a, b);
     });
-    if (!focusIssueId) {
+    if (!focusIssueId || hasActiveFilters) {
       return sortedRecommendations;
     }
     const focusedIndex = sortedRecommendations.findIndex((rec) => rec.issue_id === focusIssueId);
@@ -70481,7 +72068,7 @@ var ImprovementCenterView = () => {
                         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-6 top-full w-0 h-0 border-l-[6px] border-r-[6px] border-t-[6px] border-transparent border-t-white", style: { filter: "drop-shadow(0 1px 1px rgba(0,0,0,0.05))" } })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(ImprovementRecommendationSignals_default, { recommendation: rec })
+                    /* @__PURE__ */ jsxRuntime.jsx(ImprovementRecommendationSignals_default, { recommendation: rec, hideTargetsReadjustment: true })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full lg:w-5/12 bg-gray-50 rounded-lg p-4 border border-gray-100 flex-shrink-0", children: Array.isArray(rec.evidence) && rec.evidence.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -72568,20 +74155,410 @@ var AIAgentView = () => {
   ] });
 };
 var AIAgentView_default = AIAgentView;
-var EMPTY_OVERVIEW = {
-  scope: {
-    current_range: { day_count: null },
-    previous_range: { day_count: null },
-    available_line_modes: { has_output: false, has_uptime: false }
+
+// src/views/operations-overview/store.ts
+var import_isEqual = __toESM(require_isEqual());
+
+// src/views/operations-overview/types.ts
+var EMPTY_OVERVIEW_SCOPE = {
+  current_range: { day_count: null },
+  previous_range: { day_count: null },
+  available_line_modes: { has_output: false, has_uptime: false },
+  idle_time_vlm_enabled_line_count: null,
+  idle_time_vlm_disabled_line_count: null
+};
+var EMPTY_OVERVIEW_SUMMARY = {
+  plant_efficiency: { current: null, previous: null, delta_pp: null },
+  avg_idle_per_workstation: {
+    current_seconds: null,
+    previous_seconds: null,
+    delta_seconds: null,
+    top_contributors: []
+  }
+};
+var EMPTY_OVERVIEW_POOREST_LINES = {
+  output: [],
+  uptime: []
+};
+var EMPTY_OVERVIEW_TREND = {
+  shift_mode: "all",
+  points: []
+};
+var EMPTY_IDLE_BREAKDOWN = [];
+var EMPTY_IMPROVEMENTS = [];
+var LIVE_REFRESH_INTERVAL_MS = 6e4;
+
+// src/views/operations-overview/store.ts
+var normalizeNumber = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var normalizeScope = (value) => ({
+  company_id: value?.company_id,
+  line_ids: Array.isArray(value?.line_ids) ? value.line_ids.filter((lineId) => typeof lineId === "string" && lineId.length > 0) : [],
+  line_count: typeof value?.line_count === "number" ? value.line_count : value?.line_count ?? null,
+  shift_mode: value?.shift_mode,
+  comparison_strategy: value?.comparison_strategy,
+  current_range: {
+    start_date: value?.current_range?.start_date,
+    end_date: value?.current_range?.end_date,
+    day_count: value?.current_range?.day_count ?? null
+  },
+  previous_range: {
+    start_date: value?.previous_range?.start_date,
+    end_date: value?.previous_range?.end_date,
+    day_count: value?.previous_range?.day_count ?? null
+  },
+  available_line_modes: {
+    has_output: !!value?.available_line_modes?.has_output,
+    has_uptime: !!value?.available_line_modes?.has_uptime
   },
-  summary: {
-    plant_efficiency: { current: null, previous: null, delta_pp: null },
-    avg_idle_per_workstation: { current_seconds: null, previous_seconds: null, delta_seconds: null, top_contributors: [] }
+  idle_time_vlm_enabled_line_count: value?.idle_time_vlm_enabled_line_count ?? null,
+  idle_time_vlm_disabled_line_count: value?.idle_time_vlm_disabled_line_count ?? null
+});
+var normalizeTopContributor = (value) => ({
+  workspace_id: value?.workspace_id,
+  workspace_name: value?.workspace_name?.trim() || value?.workspace_id || "",
+  line_id: value?.line_id,
+  line_name: value?.line_name?.trim() || "",
+  avg_idle_seconds: normalizeNumber(value?.avg_idle_seconds)
+});
+var normalizeIdleMetric = (value) => ({
+  current_seconds: normalizeNumber(value?.current_seconds),
+  previous_seconds: normalizeNumber(value?.previous_seconds),
+  delta_seconds: normalizeNumber(value?.delta_seconds),
+  top_contributors: (value?.top_contributors || []).map((item) => normalizeTopContributor(item))
+});
+var normalizeSummary = (value) => ({
+  plant_efficiency: {
+    current: normalizeNumber(value?.plant_efficiency?.current),
+    previous: normalizeNumber(value?.plant_efficiency?.previous),
+    delta_pp: normalizeNumber(value?.plant_efficiency?.delta_pp)
+  },
+  avg_idle_per_workstation: normalizeIdleMetric(value?.avg_idle_per_workstation)
+});
+var normalizeLineRow = (value) => ({
+  line_id: value?.line_id,
+  line_name: value?.line_name?.trim() || value?.line_id || "",
+  avg_efficiency: normalizeNumber(value?.avg_efficiency),
+  previous_avg_efficiency: normalizeNumber(value?.previous_avg_efficiency),
+  delta_pp: normalizeNumber(value?.delta_pp)
+});
+var normalizePoorestLines = (value) => ({
+  output: (value?.output || []).map((item) => normalizeLineRow(item)),
+  uptime: (value?.uptime || []).map((item) => normalizeLineRow(item))
+});
+var normalizeTrend = (value) => ({
+  shift_mode: value?.shift_mode || "all",
+  points: (value?.points || []).map((point) => ({
+    date: point?.date,
+    avg_efficiency: normalizeNumber(point?.avg_efficiency)
+  }))
+});
+var normalizeIdleBreakdown = (value) => (value || []).map((item) => ({
+  reason: item?.reason?.trim() || "Unknown",
+  percentage: normalizeNumber(item?.percentage),
+  total_duration_seconds: normalizeNumber(item?.total_duration_seconds),
+  efficiency_loss_percentage: normalizeNumber(item?.efficiency_loss_percentage),
+  contributors: (item?.contributors || []).map((contributor) => ({
+    workspace_id: contributor?.workspace_id,
+    workspace_name: contributor?.workspace_name?.trim() || contributor?.workspace_id || "",
+    total_duration_seconds: normalizeNumber(contributor?.total_duration_seconds),
+    percentage_within_reason: normalizeNumber(contributor?.percentage_within_reason)
+  }))
+}));
+var normalizeImprovements = (rows) => rows.map((row) => ({
+  id: row.id,
+  issueId: row.issueId,
+  issueNumber: row.issueNumber,
+  title: row.title,
+  metric: row.metric,
+  location: row.location,
+  line: row.line,
+  lineId: row.lineId,
+  workspaceId: row.workspaceId
+}));
+var reuseIfEqual = (previous, next) => (0, import_isEqual.default)(previous, next) ? previous : next;
+var createInitialState = () => ({
+  scope: EMPTY_OVERVIEW_SCOPE,
+  snapshot: {
+    data: {
+      summary: EMPTY_OVERVIEW_SUMMARY,
+      poorest_lines: EMPTY_OVERVIEW_POOREST_LINES
+    },
+    loading: false,
+    error: null,
+    hasLoadedOnce: false,
+    lastUpdated: null
+  },
+  trend: {
+    data: EMPTY_OVERVIEW_TREND,
+    loading: false,
+    error: null,
+    lastUpdated: null
   },
-  poorest_lines: { output: [], uptime: [] },
-  trend: { shift_mode: "all", points: [] },
-  idle_reason_breakdown: []
+  idle: {
+    scope: EMPTY_OVERVIEW_SCOPE,
+    data: EMPTY_IDLE_BREAKDOWN,
+    loading: false,
+    error: null,
+    lastUpdated: null
+  },
+  improvements: {
+    data: EMPTY_IMPROVEMENTS,
+    loading: false,
+    error: null,
+    lastUpdated: null
+  }
+});
+var hasSnapshotPayload = (state) => state.snapshot.hasLoadedOnce;
+var hasTrendPayload = (state) => state.trend.lastUpdated !== null;
+var hasIdlePayload = (state) => state.idle.lastUpdated !== null;
+var hasImprovementsPayload = (state) => state.improvements.lastUpdated !== null;
+var createOperationsOverviewStore = () => {
+  let state = createInitialState();
+  const listeners2 = /* @__PURE__ */ new Set();
+  const emit = () => {
+    listeners2.forEach((listener) => listener());
+  };
+  const setState = (updater, mode = "default") => {
+    const next = updater(state);
+    if (next === state) return;
+    const commit = () => {
+      state = next;
+      emit();
+    };
+    if (mode === "transition") {
+      React141.startTransition(commit);
+      return;
+    }
+    commit();
+  };
+  const subscribe = (listener) => {
+    listeners2.add(listener);
+    return () => {
+      listeners2.delete(listener);
+    };
+  };
+  const reset = () => {
+    setState(() => createInitialState());
+  };
+  const beginSectionLoad = (section) => {
+    setState((previous) => {
+      if (section === "snapshot") {
+        const showLoading2 = !hasSnapshotPayload(previous);
+        if (previous.snapshot.loading === showLoading2 && previous.snapshot.error === null) {
+          return previous;
+        }
+        return {
+          ...previous,
+          snapshot: {
+            ...previous.snapshot,
+            loading: showLoading2,
+            error: null
+          }
+        };
+      }
+      if (section === "trend") {
+        const showLoading2 = !hasTrendPayload(previous);
+        if (previous.trend.loading === showLoading2 && previous.trend.error === null) {
+          return previous;
+        }
+        return {
+          ...previous,
+          trend: {
+            ...previous.trend,
+            loading: showLoading2,
+            error: null
+          }
+        };
+      }
+      if (section === "idle") {
+        const showLoading2 = !hasIdlePayload(previous);
+        if (previous.idle.loading === showLoading2 && previous.idle.error === null) {
+          return previous;
+        }
+        return {
+          ...previous,
+          idle: {
+            ...previous.idle,
+            loading: showLoading2,
+            error: null
+          }
+        };
+      }
+      const showLoading = !hasImprovementsPayload(previous);
+      if (previous.improvements.loading === showLoading && previous.improvements.error === null) {
+        return previous;
+      }
+      return {
+        ...previous,
+        improvements: {
+          ...previous.improvements,
+          loading: showLoading,
+          error: null
+        }
+      };
+    });
+  };
+  const failSectionLoad = (section, error) => {
+    setState((previous) => {
+      if (section === "snapshot") {
+        if (hasSnapshotPayload(previous)) return previous;
+        return {
+          ...previous,
+          snapshot: {
+            ...previous.snapshot,
+            loading: false,
+            error
+          }
+        };
+      }
+      if (section === "trend") {
+        if (hasTrendPayload(previous)) return previous;
+        return {
+          ...previous,
+          trend: {
+            ...previous.trend,
+            loading: false,
+            error
+          }
+        };
+      }
+      if (section === "idle") {
+        if (hasIdlePayload(previous)) return previous;
+        return {
+          ...previous,
+          idle: {
+            ...previous.idle,
+            loading: false,
+            error
+          }
+        };
+      }
+      if (hasImprovementsPayload(previous)) return previous;
+      return {
+        ...previous,
+        improvements: {
+          ...previous.improvements,
+          loading: false,
+          error
+        }
+      };
+    });
+  };
+  return {
+    getState: () => state,
+    subscribe,
+    reset,
+    beginSnapshotLoad: () => beginSectionLoad("snapshot"),
+    applySnapshotResponse: (response, updatedAt, mode = "default") => {
+      setState((previous) => {
+        const nextScope = reuseIfEqual(previous.scope, normalizeScope(response.scope));
+        const nextSummary = reuseIfEqual(previous.snapshot.data.summary, normalizeSummary(response.summary));
+        const nextPoorestLines = reuseIfEqual(previous.snapshot.data.poorest_lines, normalizePoorestLines(response.poorest_lines));
+        const nextData = nextSummary === previous.snapshot.data.summary && nextPoorestLines === previous.snapshot.data.poorest_lines ? previous.snapshot.data : {
+          summary: nextSummary,
+          poorest_lines: nextPoorestLines
+        };
+        const nextLastUpdated = nextData !== previous.snapshot.data || previous.snapshot.lastUpdated === null ? updatedAt : previous.snapshot.lastUpdated;
+        if (nextScope === previous.scope && nextData === previous.snapshot.data && previous.snapshot.loading === false && previous.snapshot.error === null && previous.snapshot.hasLoadedOnce && nextLastUpdated === previous.snapshot.lastUpdated) {
+          return previous;
+        }
+        return {
+          ...previous,
+          scope: nextScope,
+          snapshot: {
+            data: nextData,
+            loading: false,
+            error: null,
+            hasLoadedOnce: true,
+            lastUpdated: nextLastUpdated
+          }
+        };
+      }, mode);
+    },
+    failSnapshotLoad: (error) => failSectionLoad("snapshot", error),
+    beginTrendLoad: () => beginSectionLoad("trend"),
+    applyTrendResponse: (response, updatedAt, mode = "default") => {
+      setState((previous) => {
+        const nextData = reuseIfEqual(previous.trend.data, normalizeTrend(response.trend));
+        const nextLastUpdated = nextData !== previous.trend.data || previous.trend.lastUpdated === null ? updatedAt : previous.trend.lastUpdated;
+        if (nextData === previous.trend.data && previous.trend.loading === false && previous.trend.error === null && nextLastUpdated === previous.trend.lastUpdated) {
+          return previous;
+        }
+        return {
+          ...previous,
+          trend: {
+            data: nextData,
+            loading: false,
+            error: null,
+            lastUpdated: nextLastUpdated
+          }
+        };
+      }, mode);
+    },
+    failTrendLoad: (error) => failSectionLoad("trend", error),
+    beginIdleLoad: () => beginSectionLoad("idle"),
+    applyIdleResponse: (response, updatedAt, mode = "default") => {
+      setState((previous) => {
+        const nextScope = reuseIfEqual(previous.idle.scope, normalizeScope(response.scope));
+        const nextData = reuseIfEqual(previous.idle.data, normalizeIdleBreakdown(response.idle_reason_breakdown));
+        const nextLastUpdated = nextData !== previous.idle.data || nextScope !== previous.idle.scope || previous.idle.lastUpdated === null ? updatedAt : previous.idle.lastUpdated;
+        if (nextData === previous.idle.data && nextScope === previous.idle.scope && previous.idle.loading === false && previous.idle.error === null && nextLastUpdated === previous.idle.lastUpdated) {
+          return previous;
+        }
+        return {
+          ...previous,
+          idle: {
+            scope: nextScope,
+            data: nextData,
+            loading: false,
+            error: null,
+            lastUpdated: nextLastUpdated
+          }
+        };
+      }, mode);
+    },
+    failIdleLoad: (error) => failSectionLoad("idle", error),
+    beginImprovementsLoad: () => beginSectionLoad("improvements"),
+    applyImprovements: (rows, updatedAt, mode = "default") => {
+      setState((previous) => {
+        const nextData = reuseIfEqual(previous.improvements.data, normalizeImprovements(rows));
+        const nextLastUpdated = nextData !== previous.improvements.data || previous.improvements.lastUpdated === null ? updatedAt : previous.improvements.lastUpdated;
+        if (nextData === previous.improvements.data && previous.improvements.loading === false && previous.improvements.error === null && nextLastUpdated === previous.improvements.lastUpdated) {
+          return previous;
+        }
+        return {
+          ...previous,
+          improvements: {
+            data: nextData,
+            loading: false,
+            error: null,
+            lastUpdated: nextLastUpdated
+          }
+        };
+      }, mode);
+    },
+    failImprovementsLoad: (error) => failSectionLoad("improvements", error)
+  };
 };
+var useOperationsOverviewSelector = (store, selector) => {
+  return React141.useSyncExternalStore(
+    store.subscribe,
+    () => selector(store.getState()),
+    () => selector(store.getState())
+  );
+};
+var useOperationsOverviewScope = (store) => useOperationsOverviewSelector(store, (state) => state.scope);
+var useOperationsOverviewSnapshot = (store) => useOperationsOverviewSelector(store, (state) => state.snapshot);
+var useOperationsOverviewTrend = (store) => useOperationsOverviewSelector(store, (state) => state.trend);
+var useOperationsOverviewIdle = (store) => useOperationsOverviewSelector(store, (state) => state.idle);
+var useOperationsOverviewImprovements = (store) => useOperationsOverviewSelector(store, (state) => state.improvements);
 var efficiencyLineConfig = [
   {
     dataKey: "efficiency",
@@ -72593,6 +74570,9 @@ var efficiencyLineConfig = [
     activeDot: { r: 6, strokeWidth: 0, fill: "#00AB45" }
   }
 ];
+var bumpRenderCounter = (key) => {
+  if (process.env.NODE_ENV === "test") ;
+};
 var toNumber3 = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) return value;
   if (typeof value === "string" && value.trim().length > 0) {
@@ -72612,26 +74592,11 @@ var formatSignedIdleDuration = (seconds) => {
   const sign = seconds > 0 ? "+" : "-";
   return `${sign}${formatIdleDuration(Math.abs(seconds))}`;
 };
-var formatComparisonWindow = (dayCount) => {
+var formatComparisonWindow = (dayCount, comparisonStrategy) => {
+  if (comparisonStrategy === "previous_full_week") return "last week";
   if (!dayCount || !Number.isFinite(dayCount)) return "previous range";
   return `previous ${dayCount} ${dayCount === 1 ? "day" : "days"}`;
 };
-var buildImprovementMetric = (recommendation) => {
-  const { pcsGain } = getPositiveImprovementGain(recommendation);
-  const metrics2 = recommendation.metrics || {};
-  if (pcsGain !== null) {
-    return formatImprovementPieceGain(pcsGain);
-  }
-  const idleMinutes = toNumber3(metrics2.idle_minutes);
-  if (idleMinutes !== null) {
-    return `-${Math.round(idleMinutes)}m Idle`;
-  }
-  const impactText = recommendation.impact?.trim();
-  if (impactText) {
-    return impactText.length > 22 ? `${impactText.slice(0, 22).trim()}...` : impactText;
-  }
-  return "Review Issue";
-};
 var buildDeltaBadge = (delta, options) => {
   if (delta === null || delta === void 0 || !Number.isFinite(delta)) {
     return {
@@ -72699,368 +74664,225 @@ var OverviewImprovementsSkeleton = () => /* @__PURE__ */ jsxRuntime.jsx("div", {
   ] }),
   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end flex-shrink-0 ml-4", children: /* @__PURE__ */ jsxRuntime.jsx(SectionPulse, { className: "h-6 w-20 rounded-full" }) })
 ] }, index)) });
-var PlantHeadView = () => {
-  const supabase = useSupabase();
-  const entityConfig = useEntityConfig();
-  const appTimezone = useAppTimezone() || "UTC";
-  const { navigate } = useNavigation();
-  const { accessibleLineIds } = useUserLineAccess();
-  const mobileMenuContext = useMobileMenu();
-  useHideMobileHeader(!!mobileMenuContext);
-  const [dateRange, setDateRange] = React141__namespace.default.useState(() => getCurrentWeekToDateRange(appTimezone));
-  const [trendMode, setTrendMode] = React141__namespace.default.useState("all");
-  const [poorestLineMode, setPoorestLineMode] = React141__namespace.default.useState("output");
-  const [overview, setOverview] = React141__namespace.default.useState(EMPTY_OVERVIEW);
-  const [isSnapshotLoading, setIsSnapshotLoading] = React141__namespace.default.useState(false);
-  const [isTrendLoading, setIsTrendLoading] = React141__namespace.default.useState(false);
-  const [trendFetchNonce, setTrendFetchNonce] = React141__namespace.default.useState(0);
-  const [trendViewOpenNonce] = React141__namespace.default.useState(() => Date.now());
-  const [idleReasonBreakdown, setIdleReasonBreakdown] = React141__namespace.default.useState([]);
-  const [idleReasonScope, setIdleReasonScope] = React141__namespace.default.useState(null);
-  const [isIdleReasonBreakdownLoading, setIsIdleReasonBreakdownLoading] = React141__namespace.default.useState(false);
-  const [improvements, setImprovements] = React141__namespace.default.useState([]);
-  const [isImprovementsLoading, setIsImprovementsLoading] = React141__namespace.default.useState(false);
+var OperationsOverviewHeader = React141__namespace.default.memo(({
+  dateRange,
+  trendMode,
+  appTimezone,
+  mobileMenuContext,
+  onDateRangeChange,
+  onTrendModeChange
+}) => {
+  bumpRenderCounter();
   const [isFilterOpen, setIsFilterOpen] = React141__namespace.default.useState(false);
-  const [isIdleContributorsOpen, setIsIdleContributorsOpen] = React141__namespace.default.useState(false);
-  const [isIdleContributorsPinned, setIsIdleContributorsPinned] = React141__namespace.default.useState(false);
   const filterRef = React141__namespace.default.useRef(null);
   const filterButtonRef = React141__namespace.default.useRef(null);
   const mobileFilterButtonRef = React141__namespace.default.useRef(null);
-  const idleContributorsRef = React141__namespace.default.useRef(null);
-  React141__namespace.default.useEffect(() => {
-    trackCorePageView("Operations Overview");
-  }, []);
-  const handleDateRangeChange = React141__namespace.default.useCallback((range) => {
-    trackCoreEvent("Operations Overview Date Range Changed", {
-      start_date: range.startKey,
-      end_date: range.endKey
-    });
-    setDateRange(range);
-  }, []);
+  const currentWeekRange = React141__namespace.default.useMemo(
+    () => getCurrentWeekToDateRange(appTimezone),
+    [appTimezone]
+  );
+  const isCurrentWeekToDateRange = dateRange.startKey === currentWeekRange.startKey && dateRange.endKey === currentWeekRange.endKey;
+  const mobileSubtitle = React141__namespace.default.useMemo(() => {
+    if (isCurrentWeekToDateRange) {
+      return `Week of ${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMM")}`;
+    }
+    return `${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMM")} - ${dateFns.format(parseDateKeyToDate(dateRange.endKey), "do MMM, yyyy")}`;
+  }, [dateRange.endKey, dateRange.startKey, isCurrentWeekToDateRange]);
+  const desktopSubtitle = React141__namespace.default.useMemo(() => {
+    if (isCurrentWeekToDateRange) {
+      return `Week of ${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy")}`;
+    }
+    return `${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy")} - ${dateFns.format(parseDateKeyToDate(dateRange.endKey), "do MMMM, yyyy")}`;
+  }, [dateRange.endKey, dateRange.startKey, isCurrentWeekToDateRange]);
   const handleFilterToggle = React141__namespace.default.useCallback(() => {
     trackCoreEvent("Operations Overview Filter Toggled", {
       action: !isFilterOpen ? "open" : "close"
     });
-    setIsFilterOpen(!isFilterOpen);
+    setIsFilterOpen((previous) => !previous);
   }, [isFilterOpen]);
-  const handleTrendModeChange = React141__namespace.default.useCallback((e) => {
-    const newMode = e.target.value;
+  const handleTrendModeChange = React141__namespace.default.useCallback((event) => {
+    const nextMode = event.target.value;
     trackCoreEvent("Operations Overview Shift Filter Changed", {
-      shift_mode: newMode
-    });
-    setTrendMode(newMode);
-  }, []);
-  const handlePoorestLineModeChange = React141__namespace.default.useCallback((mode) => {
-    trackCoreEvent("Operations Overview Poorest Line Mode Changed", {
-      mode
+      shift_mode: nextMode
     });
-    setPoorestLineMode(mode);
-  }, []);
+    onTrendModeChange(nextMode);
+  }, [onTrendModeChange]);
   React141__namespace.default.useEffect(() => {
-    function handleClickOutside(event) {
+    const handleClickOutside = (event) => {
       if (filterRef.current && !filterRef.current.contains(event.target) && filterButtonRef.current && !filterButtonRef.current.contains(event.target) && mobileFilterButtonRef.current && !mobileFilterButtonRef.current.contains(event.target)) {
         setIsFilterOpen(false);
       }
-    }
+    };
     document.addEventListener("mousedown", handleClickOutside);
     return () => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  const initializedTimezoneRef = React141__namespace.default.useRef(appTimezone);
-  React141__namespace.default.useEffect(() => {
-    if (initializedTimezoneRef.current === appTimezone) return;
-    setDateRange(getCurrentWeekToDateRange(appTimezone));
-    initializedTimezoneRef.current = appTimezone;
-  }, [appTimezone]);
-  const companyId = entityConfig.companyId;
-  const scopedLineIds = React141__namespace.default.useMemo(
-    () => Array.from(new Set((accessibleLineIds || []).filter(Boolean))),
-    [accessibleLineIds]
-  );
-  const lineIdsKey = React141__namespace.default.useMemo(
-    () => scopedLineIds.slice().sort().join(","),
-    [scopedLineIds]
-  );
-  React141__namespace.default.useEffect(() => {
-    setIsIdleContributorsOpen(false);
-    setIsIdleContributorsPinned(false);
-  }, [companyId, dateRange.endKey, dateRange.startKey, lineIdsKey, trendMode]);
-  const { supervisorsByLineId } = useSupervisorsByLineIds(scopedLineIds, {
-    enabled: !!companyId && scopedLineIds.length > 0,
-    companyId,
-    useBackend: true
-  });
-  React141__namespace.default.useEffect(() => {
-    if (!supabase || !companyId) return void 0;
-    if (scopedLineIds.length === 0) {
-      setOverview(EMPTY_OVERVIEW);
-      setIdleReasonBreakdown([]);
-      setIsSnapshotLoading(false);
-      return void 0;
-    }
-    let cancelled = false;
-    setOverview((prev) => ({
-      ...prev,
-      scope: EMPTY_OVERVIEW.scope,
-      summary: EMPTY_OVERVIEW.summary,
-      poorest_lines: EMPTY_OVERVIEW.poorest_lines
-    }));
-    setIsSnapshotLoading(true);
-    const fetchOverviewSnapshot = async () => {
-      const params = new URLSearchParams({
-        company_id: companyId,
-        start_date: dateRange.startKey,
-        end_date: dateRange.endKey,
-        trend_shift_mode: trendMode,
-        line_ids: scopedLineIds.join(",")
-      });
-      const response = await fetchBackendJson(
-        supabase,
-        `/api/dashboard/operations-overview/snapshot?${params.toString()}`
-      );
-      if (!cancelled) {
-        setOverview((prev) => ({
-          ...prev,
-          scope: response.scope || EMPTY_OVERVIEW.scope,
-          summary: response.summary || EMPTY_OVERVIEW.summary,
-          poorest_lines: response.poorest_lines || EMPTY_OVERVIEW.poorest_lines
-        }));
-      }
-    };
-    fetchOverviewSnapshot().catch((error) => {
-      console.error("[PlantHeadView] Failed to fetch operations overview snapshot", error);
-      if (!cancelled) {
-        setOverview((prev) => ({
-          ...prev,
-          scope: EMPTY_OVERVIEW.scope,
-          summary: EMPTY_OVERVIEW.summary,
-          poorest_lines: EMPTY_OVERVIEW.poorest_lines
-        }));
-      }
-    }).finally(() => {
-      if (!cancelled) {
-        setIsSnapshotLoading(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    companyId,
-    dateRange.endKey,
-    dateRange.startKey,
-    lineIdsKey,
-    scopedLineIds,
-    supabase,
-    trendMode
-  ]);
-  React141__namespace.default.useEffect(() => {
-    if (!supabase || !companyId) return void 0;
-    if (scopedLineIds.length === 0) {
-      setOverview((prev) => ({
-        ...prev,
-        trend: EMPTY_OVERVIEW.trend
-      }));
-      setIsTrendLoading(false);
-      return void 0;
-    }
-    let cancelled = false;
-    setIsTrendLoading(true);
-    const fetchOverviewTrend = async () => {
-      const params = new URLSearchParams({
-        company_id: companyId,
-        start_date: dateRange.startKey,
-        end_date: dateRange.endKey,
-        trend_shift_mode: trendMode,
-        line_ids: scopedLineIds.join(",")
-      });
-      const response = await fetchBackendJson(
-        supabase,
-        `/api/dashboard/operations-overview/trend?${params.toString()}`
-      );
-      if (!cancelled) {
-        setOverview((prev) => ({
-          ...prev,
-          trend: response.trend || EMPTY_OVERVIEW.trend
-        }));
-        setTrendFetchNonce((prev) => prev + 1);
-      }
-    };
-    fetchOverviewTrend().catch((error) => {
-      console.error("[PlantHeadView] Failed to fetch operations overview trend", error);
-    }).finally(() => {
-      if (!cancelled) {
-        setIsTrendLoading(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    companyId,
-    dateRange.endKey,
-    dateRange.startKey,
-    lineIdsKey,
-    scopedLineIds,
-    supabase,
-    trendMode
-  ]);
-  React141__namespace.default.useEffect(() => {
-    if (!supabase || !companyId) return void 0;
-    if (scopedLineIds.length === 0) {
-      setIdleReasonScope(null);
-      setIdleReasonBreakdown([]);
-      setIsIdleReasonBreakdownLoading(false);
-      return void 0;
-    }
-    let cancelled = false;
-    setIdleReasonScope(null);
-    setIdleReasonBreakdown([]);
-    setIsIdleReasonBreakdownLoading(true);
-    const fetchIdleReasonBreakdown = async () => {
-      const params = new URLSearchParams({
-        company_id: companyId,
-        start_date: dateRange.startKey,
-        end_date: dateRange.endKey,
-        trend_shift_mode: trendMode,
-        line_ids: scopedLineIds.join(",")
-      });
-      const response = await fetchBackendJson(
-        supabase,
-        `/api/dashboard/operations-overview/idle-reason-breakdown?${params.toString()}`
-      );
-      if (!cancelled) {
-        setIdleReasonScope(response.scope || null);
-        setIdleReasonBreakdown(response.idle_reason_breakdown || []);
-      }
-    };
-    fetchIdleReasonBreakdown().catch((error) => {
-      console.error("[PlantHeadView] Failed to fetch idle reason breakdown", error);
-      if (!cancelled) {
-        setIdleReasonScope(null);
-        setIdleReasonBreakdown([]);
-      }
-    }).finally(() => {
-      if (!cancelled) {
-        setIsIdleReasonBreakdownLoading(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    companyId,
-    dateRange.endKey,
-    dateRange.startKey,
-    lineIdsKey,
-    scopedLineIds,
-    supabase,
-    trendMode
-  ]);
-  React141__namespace.default.useEffect(() => {
-    if (!supabase || !companyId) return void 0;
-    if (scopedLineIds.length === 0) {
-      setImprovements([]);
-      setIsImprovementsLoading(false);
-      return void 0;
-    }
-    let cancelled = false;
-    setIsImprovementsLoading(true);
-    const fetchImprovements = async () => {
-      const params = new URLSearchParams({
-        company_id: companyId,
-        status: "open",
-        limit: "200",
-        line_ids: scopedLineIds.join(",")
-      });
-      const response = await fetchBackendJson(
-        supabase,
-        `/api/improvement-center/recommendations?${params.toString()}`
-      );
-      if (cancelled) return;
-      const allowedLineIds = new Set(scopedLineIds);
-      const scopedRecommendations = (response.recommendations || []).filter((recommendation) => {
-        return !recommendation.line_id || allowedLineIds.has(recommendation.line_id);
-      });
-      const nextImprovements = [...scopedRecommendations].sort(compareImprovementRecommendationPriority).slice(0, 3).map((recommendation) => ({
-        id: recommendation.issue_id || recommendation.id,
-        issueId: recommendation.issue_id || recommendation.id,
-        issueNumber: recommendation.issue_number,
-        title: recommendation.title?.trim() || "Untitled issue",
-        metric: buildImprovementMetric(recommendation),
-        location: recommendation.location,
-        line: recommendation.line,
-        lineId: recommendation.line_id,
-        workspaceId: recommendation.workspace_id
-      }));
-      setImprovements(nextImprovements);
-    };
-    fetchImprovements().catch((error) => {
-      console.error("[PlantHeadView] Failed to fetch improvements", error);
-      if (!cancelled) {
-        setImprovements([]);
-      }
-    }).finally(() => {
-      if (!cancelled) {
-        setIsImprovementsLoading(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [companyId, lineIdsKey, scopedLineIds, supabase]);
-  const availableLineModes = overview.scope?.available_line_modes;
-  React141__namespace.default.useEffect(() => {
-    const hasOutput = !!availableLineModes?.has_output;
-    const hasUptime = !!availableLineModes?.has_uptime;
-    if (hasOutput && !hasUptime && poorestLineMode !== "output") {
-      setPoorestLineMode("output");
-    } else if (hasUptime && !hasOutput && poorestLineMode !== "uptime") {
-      setPoorestLineMode("uptime");
-    }
-  }, [availableLineModes?.has_output, availableLineModes?.has_uptime, poorestLineMode]);
-  const comparisonLabel = React141__namespace.default.useMemo(
-    () => formatComparisonWindow(overview.scope?.current_range?.day_count ?? null),
-    [overview.scope?.current_range?.day_count]
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "sticky top-0 z-10 bg-white border-b flex-shrink-0 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 sm:px-4 md:px-6 py-2 sm:py-3 relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+      mobileMenuContext ? /* @__PURE__ */ jsxRuntime.jsx(
+        HamburgerButton,
+        {
+          onClick: mobileMenuContext.onMobileMenuOpen || (() => {
+          }),
+          className: "flex-shrink-0 -ml-1"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 flex-shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold text-gray-900 text-center px-1 truncate max-w-[200px]", children: "Operations Overview" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium text-slate-500 text-center mt-0.5", children: mobileSubtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          MonthlyRangeFilter_default,
+          {
+            month: parseDateKeyToDate(dateRange.startKey).getMonth(),
+            year: parseDateKeyToDate(dateRange.startKey).getFullYear(),
+            timezone: appTimezone,
+            value: dateRange,
+            onChange: onDateRangeChange,
+            showLabel: false
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            ref: mobileFilterButtonRef,
+            onClick: handleFilterToggle,
+            className: `p-2 rounded-full transition-colors relative ${isFilterOpen || trendMode !== "all" ? "bg-blue-50" : "active:bg-gray-100"}`,
+            "aria-label": "Open filters",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: `w-5 h-5 ${trendMode !== "all" ? "text-blue-600" : "text-gray-700"}` }),
+              trendMode !== "all" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 flex items-center justify-center w-4 h-4 bg-blue-600 text-white text-[10px] rounded-full font-bold", children: "1" }) : null
+            ]
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center relative min-h-[56px]", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-1/2 -translate-x-1/2 flex flex-col items-center pointer-events-none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl md:text-3xl lg:text-4xl font-semibold text-gray-900 tracking-tight text-center pointer-events-auto leading-tight mb-0.5", children: "Operations Overview" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm font-medium text-slate-500 text-center pointer-events-auto", children: desktopSubtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          MonthlyRangeFilter_default,
+          {
+            month: parseDateKeyToDate(dateRange.startKey).getMonth(),
+            year: parseDateKeyToDate(dateRange.startKey).getFullYear(),
+            timezone: appTimezone,
+            value: dateRange,
+            onChange: onDateRangeChange,
+            showLabel: false
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            ref: filterButtonRef,
+            onClick: handleFilterToggle,
+            className: `flex items-center gap-2 px-3 py-1.5 rounded-lg border text-sm font-medium transition-all shadow-sm ${isFilterOpen || trendMode !== "all" ? "border-blue-500 bg-blue-50 text-blue-700 ring-1 ring-blue-500" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
+            "aria-label": "Open filters",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: `w-[18px] h-[18px] ${trendMode !== "all" ? "text-blue-600" : "text-slate-500"}` }),
+              "Filters",
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `w-4 h-4 ml-0.5 transition-transform duration-200 ${isFilterOpen ? "rotate-180" : ""}` })
+            ]
+          }
+        )
+      ] })
+    ] }) }),
+    isFilterOpen ? /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: filterRef, className: "absolute right-3 sm:right-4 md:right-5 lg:right-6 top-full mt-2 w-72 bg-white rounded-xl shadow-xl border border-gray-100 p-4 z-50", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Filter View" }),
+        trendMode !== "all" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => {
+              onTrendModeChange("all");
+              setIsFilterOpen(false);
+            },
+            className: "text-xs text-red-600 hover:text-red-700 font-medium",
+            children: "Clear all"
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: "Shift" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            value: trendMode,
+            onChange: handleTrendModeChange,
+            className: "w-full appearance-none pl-3 pr-8 py-2 text-sm bg-gray-50 border border-gray-200 hover:border-gray-300 rounded-lg text-gray-900 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:bg-white transition-all cursor-pointer",
+            style: {
+              backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`,
+              backgroundPosition: "right 0.75rem center",
+              backgroundRepeat: "no-repeat",
+              backgroundSize: "1.2em 1.2em"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All Shifts" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "day", children: "Day Shift" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "night", children: "Night Shift" })
+            ]
+          }
+        ) })
+      ] }) })
+    ] }) : null
+  ] }) });
+});
+OperationsOverviewHeader.displayName = "OperationsOverviewHeader";
+var OverviewSummaryCards = React141__namespace.default.memo(({ store }) => {
+  bumpRenderCounter();
+  const scope = useOperationsOverviewScope(store);
+  const snapshot = useOperationsOverviewSnapshot(store);
+  const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
+  const comparisonLabel = React141__namespace.default.useMemo(() => {
+    return formatComparisonWindow(
+      scope.previous_range?.day_count ?? null,
+      scope.comparison_strategy
+    );
+  }, [scope.comparison_strategy, scope.previous_range?.day_count]);
+  const [isIdleContributorsOpen, setIsIdleContributorsOpen] = React141__namespace.default.useState(false);
+  const [isIdleContributorsPinned, setIsIdleContributorsPinned] = React141__namespace.default.useState(false);
+  const idleContributorsRef = React141__namespace.default.useRef(null);
   const plantEfficiencyBadge = React141__namespace.default.useMemo(() => {
-    return buildDeltaBadge(overview.summary?.plant_efficiency?.delta_pp, {
+    return buildDeltaBadge(snapshot.data.summary.plant_efficiency?.delta_pp, {
       positiveIsGood: true,
       formatter: (value) => `${value >= 0 ? "+" : ""}${roundOne(value)}%`,
       comparisonLabel
     });
-  }, [comparisonLabel, overview.summary?.plant_efficiency?.delta_pp]);
+  }, [comparisonLabel, snapshot.data.summary.plant_efficiency?.delta_pp]);
   const idleBadge = React141__namespace.default.useMemo(() => {
-    return buildDeltaBadge(overview.summary?.avg_idle_per_workstation?.delta_seconds, {
+    return buildDeltaBadge(snapshot.data.summary.avg_idle_per_workstation?.delta_seconds, {
       positiveIsGood: false,
       formatter: (value) => formatSignedIdleDuration(value),
       comparisonLabel
     });
-  }, [comparisonLabel, overview.summary?.avg_idle_per_workstation?.delta_seconds]);
+  }, [comparisonLabel, snapshot.data.summary.avg_idle_per_workstation?.delta_seconds]);
   const canInspectIdleContributors = React141__namespace.default.useMemo(() => {
-    return !isSnapshotLoading && overview.summary?.avg_idle_per_workstation?.current_seconds !== null && overview.summary?.avg_idle_per_workstation?.current_seconds !== void 0;
-  }, [isSnapshotLoading, overview.summary?.avg_idle_per_workstation?.current_seconds]);
+    return !showSnapshotSkeleton && snapshot.data.summary.avg_idle_per_workstation?.current_seconds !== null && snapshot.data.summary.avg_idle_per_workstation?.current_seconds !== void 0;
+  }, [showSnapshotSkeleton, snapshot.data.summary.avg_idle_per_workstation?.current_seconds]);
   const idleTopContributors = React141__namespace.default.useMemo(() => {
-    return (overview.summary?.avg_idle_per_workstation?.top_contributors || []).map((item) => ({
+    return (snapshot.data.summary.avg_idle_per_workstation?.top_contributors || []).map((item) => ({
       workspaceId: item.workspace_id || "",
       workspaceName: item.workspace_name?.trim() || item.workspace_id || "Unknown",
-      lineId: item.line_id || "",
       lineName: item.line_name?.trim() || "Unknown Line",
       avgIdleSeconds: toNumber3(item.avg_idle_seconds)
     })).slice(0, 5);
-  }, [overview.summary?.avg_idle_per_workstation?.top_contributors]);
+  }, [snapshot.data.summary.avg_idle_per_workstation?.top_contributors]);
   const showIdleContributorLineNames = React141__namespace.default.useMemo(() => {
-    return (overview.scope?.line_count ?? 0) > 1;
-  }, [overview.scope?.line_count]);
+    return (scope.line_count ?? 0) > 1;
+  }, [scope.line_count]);
   const closeIdleContributors = React141__namespace.default.useCallback(() => {
     setIsIdleContributorsOpen(false);
     setIsIdleContributorsPinned(false);
   }, []);
   const handleIdleContributorsToggle = React141__namespace.default.useCallback(() => {
     if (!canInspectIdleContributors) return;
-    setIsIdleContributorsPinned((prev) => {
-      const next = !prev;
+    setIsIdleContributorsPinned((previous) => {
+      const next = !previous;
       setIsIdleContributorsOpen(next);
       return next;
     });
@@ -73077,6 +74899,10 @@ var PlantHeadView = () => {
       closeIdleContributors();
     }
   }, [canInspectIdleContributors, closeIdleContributors, handleIdleContributorsToggle]);
+  React141__namespace.default.useEffect(() => {
+    setIsIdleContributorsOpen(false);
+    setIsIdleContributorsPinned(false);
+  }, [scope.comparison_strategy, scope.current_range?.start_date, scope.current_range?.end_date, scope.line_count, scope.shift_mode]);
   React141__namespace.default.useEffect(() => {
     if (!isIdleContributorsOpen) return void 0;
     const handleClickOutside = (event) => {
@@ -73099,14 +74925,298 @@ var PlantHeadView = () => {
       document.removeEventListener("keydown", handleEscape);
     };
   }, [closeIdleContributors, isIdleContributorsOpen, isIdleContributorsPinned]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-slate-100 p-4 md:p-5 flex flex-col justify-center min-h-[100px] text-left", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between items-center mb-1", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Overall Efficiency" }) }),
+      showSnapshotSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(OverviewMetricCardSkeleton, {}) : snapshot.data.summary.plant_efficiency?.current !== null && snapshot.data.summary.plant_efficiency?.current !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight", children: [
+          roundOne(snapshot.data.summary.plant_efficiency.current),
+          "%"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${plantEfficiencyBadge.className}`, children: [
+          plantEfficiencyBadge.icon === "up" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : plantEfficiencyBadge.icon === "down" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm font-medium", children: plantEfficiencyBadge.text })
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No efficiency data available" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: idleContributorsRef,
+        "data-testid": "idle-kpi-card-region",
+        className: "relative",
+        onMouseEnter: () => {
+          if (canInspectIdleContributors) {
+            setIsIdleContributorsOpen(true);
+          }
+        },
+        onMouseLeave: () => {
+          if (!isIdleContributorsPinned) {
+            setIsIdleContributorsOpen(false);
+          }
+        },
+        onFocus: () => {
+          if (canInspectIdleContributors) {
+            setIsIdleContributorsOpen(true);
+          }
+        },
+        onBlur: (event) => {
+          if (isIdleContributorsPinned) return;
+          const nextTarget = event.relatedTarget;
+          if (nextTarget && idleContributorsRef.current?.contains(nextTarget)) return;
+          setIsIdleContributorsOpen(false);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-testid": "idle-kpi-card",
+              role: canInspectIdleContributors ? "button" : void 0,
+              tabIndex: canInspectIdleContributors ? 0 : -1,
+              "aria-controls": canInspectIdleContributors ? "idle-kpi-popover" : void 0,
+              "aria-expanded": canInspectIdleContributors ? isIdleContributorsOpen : void 0,
+              className: `bg-white rounded-xl border p-4 md:p-5 flex flex-col justify-center min-h-[100px] text-left transition-all ${canInspectIdleContributors ? "cursor-pointer hover:shadow-md focus:outline-none focus:ring-2 focus:ring-indigo-200" : ""} ${isIdleContributorsOpen ? "shadow-md border-indigo-100" : "shadow-sm border-slate-100"}`,
+              onClick: handleIdleContributorsToggle,
+              onKeyDown: handleIdleContributorsKeyDown,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time per Workstation" }) }),
+                showSnapshotSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(OverviewMetricCardSkeleton, {}) : snapshot.data.summary.avg_idle_per_workstation?.current_seconds !== null && snapshot.data.summary.avg_idle_per_workstation?.current_seconds !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight", children: formatIdleDuration(snapshot.data.summary.avg_idle_per_workstation.current_seconds) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${idleBadge.className}`, children: [
+                    idleBadge.icon === "up" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : idleBadge.icon === "down" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm font-medium", children: idleBadge.text })
+                  ] })
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No idle time data available" })
+              ]
+            }
+          ),
+          canInspectIdleContributors && isIdleContributorsOpen ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              id: "idle-kpi-popover",
+              "data-testid": "idle-kpi-popover",
+              className: "absolute left-0 right-0 top-full z-20 mt-2 bg-white p-4 border border-gray-100 shadow-xl rounded-xl sm:left-auto sm:right-0 sm:w-[320px] min-w-[280px]",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pb-3 mb-3 border-b border-slate-100", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2.5 h-2.5 rounded-full flex-shrink-0 bg-red-500" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-slate-800 text-[15px]", children: "Idle Time per Workstation" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 mb-3", children: "TOP CONTRIBUTORS" }),
+                  idleTopContributors.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2.5", children: idleTopContributors.map((contributor, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      className: "flex items-start justify-between gap-3",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-slate-600 text-[13px] truncate", title: contributor.workspaceName, children: contributor.workspaceName }),
+                          showIdleContributorLineNames && contributor.lineName ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-medium text-slate-400 truncate", title: contributor.lineName, children: contributor.lineName }) : null
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-slate-500 text-[13px] text-right whitespace-nowrap", children: formatIdleDuration(contributor.avgIdleSeconds) })
+                      ]
+                    },
+                    `${contributor.workspaceId || contributor.workspaceName}-${index}`
+                  )) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-dashed border-slate-200 bg-slate-50 px-3 py-2 text-xs text-slate-500", children: "No workstation idle averages available for this range." })
+                ] })
+              ]
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+});
+OverviewSummaryCards.displayName = "OverviewSummaryCards";
+var PoorestPerformersCard = React141__namespace.default.memo(({
+  store,
+  supervisorsByLineId,
+  onViewAll,
+  onLineClick
+}) => {
+  bumpRenderCounter();
+  const scope = useOperationsOverviewScope(store);
+  const snapshot = useOperationsOverviewSnapshot(store);
+  const [poorestLineMode, setPoorestLineMode] = React141__namespace.default.useState("output");
+  const availableLineModes = scope.available_line_modes;
+  React141__namespace.default.useEffect(() => {
+    const hasOutput = !!availableLineModes?.has_output;
+    const hasUptime = !!availableLineModes?.has_uptime;
+    if (hasOutput && !hasUptime && poorestLineMode !== "output") {
+      setPoorestLineMode("output");
+    } else if (hasUptime && !hasOutput && poorestLineMode !== "uptime") {
+      setPoorestLineMode("uptime");
+    }
+  }, [availableLineModes?.has_output, availableLineModes?.has_uptime, poorestLineMode]);
+  const comparisonLabel = React141__namespace.default.useMemo(() => {
+    return formatComparisonWindow(
+      scope.previous_range?.day_count ?? null,
+      scope.comparison_strategy
+    );
+  }, [scope.comparison_strategy, scope.previous_range?.day_count]);
+  const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
+  const mergedPoorestLines = React141__namespace.default.useMemo(() => {
+    const rows = snapshot.data.poorest_lines?.[poorestLineMode] || [];
+    return rows.slice(0, 3).map((line) => {
+      const lineId = line.line_id || "";
+      const supervisors = supervisorsByLineId.get(lineId) || [];
+      const supervisor = supervisors[0];
+      return {
+        id: lineId,
+        name: line.line_name?.trim() || "Unknown Line",
+        efficiency: roundOne(toNumber3(line.avg_efficiency) || 0),
+        previousEfficiency: toNumber3(line.previous_avg_efficiency),
+        delta: toNumber3(line.delta_pp),
+        supervisor: supervisor?.displayName || "Unassigned",
+        supervisorImage: supervisor?.profilePhotoUrl ?? null
+      };
+    });
+  }, [poorestLineMode, snapshot.data.poorest_lines, supervisorsByLineId]);
+  const showPoorestModeToggle = !!availableLineModes?.has_output && !!availableLineModes?.has_uptime;
+  const poorestMetricLabel = poorestLineMode === "uptime" ? "Uptime" : "Efficiency";
+  const handlePoorestLineModeChange = React141__namespace.default.useCallback((mode) => {
+    trackCoreEvent("Operations Overview Poorest Line Mode Changed", { mode });
+    setPoorestLineMode(mode);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-slate-100 flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-5 py-4 border-b border-slate-50 flex justify-between items-center gap-3 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Poorest Performers" }),
+        showPoorestModeToggle ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex bg-slate-100 p-0.5 rounded-lg", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handlePoorestLineModeChange("output"),
+              className: `px-3 py-1 text-[11px] font-bold rounded-md ${poorestLineMode === "output" ? "bg-white text-slate-800 shadow-sm" : "text-slate-500 hover:text-slate-800"}`,
+              children: "Output"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handlePoorestLineModeChange("uptime"),
+              className: `px-3 py-1 text-[11px] font-bold rounded-md ${poorestLineMode === "uptime" ? "bg-white text-slate-800 shadow-sm" : "text-slate-500 hover:text-slate-800"}`,
+              children: "Uptime"
+            }
+          )
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "View all",
+          onClick: onViewAll,
+          className: "inline-flex items-center justify-center rounded-md p-1 text-slate-500 hover:text-slate-800 transition-colors",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-4 w-4 shrink-0", strokeWidth: 2.5, "aria-hidden": true })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col p-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-slate-50 flex-1 px-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider min-w-[120px]", children: "Line" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider text-left shrink-0 w-[110px] flex items-center justify-between", children: poorestMetricLabel })
+      ] }),
+      showSnapshotSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(OverviewListSkeleton, {}) : mergedPoorestLines.length > 0 ? mergedPoorestLines.map((line) => {
+        const lineDelta = buildLineDeltaTone(line.delta, comparisonLabel);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            onClick: () => onLineClick(line.id, line.name),
+            className: "block py-3 hover:bg-slate-50/50 transition-colors cursor-pointer group relative",
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-full bg-slate-100 border border-slate-200 overflow-hidden flex-shrink-0", children: line.supervisorImage ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: line.supervisorImage,
+                    alt: line.supervisor,
+                    className: "w-full h-full object-cover"
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] font-bold text-slate-500", children: line.supervisor.split(" ").map((part) => part[0]).join("").slice(0, 2) }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-bold text-slate-800 text-[13px] truncate group-hover:text-indigo-600 transition-colors", children: line.name }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-slate-400 font-medium", children: line.supervisor }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between shrink-0 w-[110px]", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[15px] leading-none font-bold text-slate-800", children: [
+                  line.efficiency,
+                  "%"
+                ] }),
+                line.delta !== null && line.delta !== void 0 && Number.isFinite(line.delta) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-0.5 px-2 py-0.5 rounded-full ${line.delta >= 0 ? "bg-[#ecfdf5] text-[#059669]" : "bg-[#FEF2F2] text-[#DC2626]"}`, children: [
+                  line.delta >= 0 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3", strokeWidth: 2.5 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3", strokeWidth: 2.5 }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] leading-none font-bold", children: lineDelta.text.split(" vs ")[0].replace("+", "") })
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-slate-50 text-slate-400", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] leading-none font-bold", children: "\u2014" }) })
+              ] })
+            ] })
+          },
+          line.id
+        );
+      }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8 text-center text-sm text-slate-400", children: `No ${poorestLineMode} line data available` })
+    ] }) })
+  ] });
+});
+PoorestPerformersCard.displayName = "PoorestPerformersCard";
+var IdleBreakdownCard = React141__namespace.default.memo(({
+  store,
+  scopedLineCount
+}) => {
+  bumpRenderCounter();
+  const idle = useOperationsOverviewIdle(store);
+  const showInitialSkeleton = idle.loading && idle.lastUpdated === null;
+  const idleBreakdown = React141__namespace.default.useMemo(() => {
+    return idle.data.map((item) => ({
+      name: item.reason?.trim() || "Unknown",
+      value: toNumber3(item.percentage) || 0,
+      totalDurationSeconds: toNumber3(item.total_duration_seconds),
+      efficiencyLossPercentage: toNumber3(item.efficiency_loss_percentage),
+      contributors: (item.contributors || []).map((contributor) => ({
+        workspaceId: contributor.workspace_id || "",
+        workspaceName: contributor.workspace_name?.trim() || "Unknown",
+        totalDurationSeconds: toNumber3(contributor.total_duration_seconds),
+        percentageWithinReason: toNumber3(contributor.percentage_within_reason)
+      }))
+    })).filter((item) => item.value > 0);
+  }, [idle.data]);
+  const showIdleModuleNotEnabledState = React141__namespace.default.useMemo(() => {
+    const enabledLineCount = idle.scope.idle_time_vlm_enabled_line_count;
+    return !showInitialSkeleton && scopedLineCount > 0 && typeof enabledLineCount === "number" && enabledLineCount === 0;
+  }, [idle.scope.idle_time_vlm_enabled_line_count, scopedLineCount, showInitialSkeleton]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-slate-100 flex flex-col overflow-hidden text-left", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-4 flex-none flex justify-between items-center border-b border-slate-50/50 relative", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time Breakdown" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-[250px] p-4 pt-2 relative", children: showInitialSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(OverviewIdleBreakdownSkeleton, {}) : showIdleModuleNotEnabledState ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center rounded-xl border border-dashed border-slate-200 bg-slate-50/80 px-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-slate-700", children: "Module not enabled" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500", children: "Enable idle-time classification on at least one line to view this breakdown." })
+    ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(
+      IdleTimeReasonChart,
+      {
+        data: idleBreakdown,
+        isLoading: false,
+        hideTotalDuration: true,
+        updateAnimation: "smooth"
+      }
+    ) })
+  ] });
+});
+IdleBreakdownCard.displayName = "IdleBreakdownCard";
+var EfficiencyTrendCard = React141__namespace.default.memo(({
+  store,
+  dateRange,
+  appTimezone
+}) => {
+  bumpRenderCounter();
+  const trend = useOperationsOverviewTrend(store);
   const currentWeekRange = React141__namespace.default.useMemo(
     () => getCurrentWeekToDateRange(appTimezone),
     [appTimezone]
   );
   const isCurrentWeekToDateRange = dateRange.startKey === currentWeekRange.startKey && dateRange.endKey === currentWeekRange.endKey;
+  const showInitialSkeleton = trend.loading && trend.lastUpdated === null;
   const trendData = React141__namespace.default.useMemo(() => {
     const pointsByDate = new Map(
-      (overview.trend?.points || []).flatMap((point) => {
+      (trend.data.points || []).flatMap((point) => {
         if (!point.date) return [];
         const pointDate = parseDateKeyToDate(point.date);
         return [[point.date, {
@@ -73131,7 +75241,7 @@ var PlantHeadView = () => {
         };
       });
     }
-    return (overview.trend?.points || []).map((point) => {
+    return (trend.data.points || []).map((point) => {
       const pointDate = point.date ? parseDateKeyToDate(point.date) : null;
       return {
         name: pointDate ? dateFns.format(pointDate, "MMM d") : "",
@@ -73142,55 +75252,42 @@ var PlantHeadView = () => {
         })()
       };
     });
-  }, [currentWeekRange.startKey, isCurrentWeekToDateRange, overview.trend?.points]);
-  const trendPlayKey = React141__namespace.default.useMemo(() => {
-    return `${trendViewOpenNonce}:${trendFetchNonce}`;
-  }, [trendFetchNonce, trendViewOpenNonce]);
-  const idleBreakdown = React141__namespace.default.useMemo(() => {
-    return idleReasonBreakdown.map((item) => ({
-      name: item.reason?.trim() || "Unknown",
-      value: toNumber3(item.percentage) || 0,
-      totalDurationSeconds: toNumber3(item.total_duration_seconds),
-      efficiencyLossPercentage: toNumber3(item.efficiency_loss_percentage),
-      contributors: (item.contributors || []).map((contributor) => ({
-        workspaceId: contributor.workspace_id || "",
-        workspaceName: contributor.workspace_name?.trim() || "Unknown",
-        totalDurationSeconds: toNumber3(contributor.total_duration_seconds),
-        percentageWithinReason: toNumber3(contributor.percentage_within_reason)
-      }))
-    })).filter((item) => item.value > 0);
-  }, [idleReasonBreakdown]);
-  const showIdleModuleNotEnabledState = React141__namespace.default.useMemo(() => {
-    const enabledLineCount = idleReasonScope?.idle_time_vlm_enabled_line_count;
-    return !isIdleReasonBreakdownLoading && scopedLineIds.length > 0 && typeof enabledLineCount === "number" && enabledLineCount === 0;
-  }, [idleReasonScope?.idle_time_vlm_enabled_line_count, isIdleReasonBreakdownLoading, scopedLineIds.length]);
-  const mergedPoorestLines = React141__namespace.default.useMemo(() => {
-    const rows = overview.poorest_lines?.[poorestLineMode] || [];
-    return rows.slice(0, 3).map((line) => {
-      const lineId = line.line_id || "";
-      const supervisors = supervisorsByLineId.get(lineId) || [];
-      const supervisor = supervisors[0];
-      return {
-        id: lineId,
-        name: line.line_name?.trim() || "Unknown Line",
-        efficiency: roundOne(toNumber3(line.avg_efficiency) || 0),
-        previousEfficiency: toNumber3(line.previous_avg_efficiency),
-        delta: toNumber3(line.delta_pp),
-        supervisor: supervisor?.displayName || "Unassigned",
-        supervisorImage: supervisor?.profilePhotoUrl ?? null
-      };
-    });
-  }, [overview.poorest_lines, poorestLineMode, supervisorsByLineId]);
-  const showPoorestModeToggle = !!availableLineModes?.has_output && !!availableLineModes?.has_uptime;
-  availableLineModes?.has_uptime && !availableLineModes?.has_output ? "Uptime" : "Output";
-  const poorestMetricLabel = poorestLineMode === "uptime" ? "Uptime" : "Efficiency";
+  }, [currentWeekRange.startKey, isCurrentWeekToDateRange, trend.data.points]);
   const trendTooltipLabelFormatter = React141__namespace.default.useCallback((label, payload) => {
     const dayOfWeek = payload?.[0]?.payload?.dayOfWeek;
     if (!dayOfWeek || typeof label !== "string") return label;
     return `${label} (${dayOfWeek})`;
   }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-[0_2px_10px_-3px_rgba(6,81,237,0.1)] border border-slate-100 flex flex-col overflow-hidden text-left", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-5 flex-none flex justify-between items-center border-b border-slate-50/50", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Efficiency Trend" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-[250px] w-full p-4 pt-4 relative", children: showInitialSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(OverviewChartSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 pb-2 pr-4 pl-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+      LineChart,
+      {
+        data: trendData,
+        lines: efficiencyLineConfig,
+        xAxisDataKey: "name",
+        yAxisUnit: "%",
+        yAxisDomain: [0, 100],
+        showLegend: false,
+        showGrid: true,
+        fillContainer: true,
+        tooltipLabelFormatter: trendTooltipLabelFormatter
+      }
+    ) }) })
+  ] });
+});
+EfficiencyTrendCard.displayName = "EfficiencyTrendCard";
+var TopImprovementsCard = React141__namespace.default.memo(({
+  store,
+  supervisorsByLineId,
+  onViewAll,
+  onItemClick
+}) => {
+  bumpRenderCounter();
+  const improvements = useOperationsOverviewImprovements(store);
+  const showInitialSkeleton = improvements.loading && improvements.lastUpdated === null;
   const displayImprovements = React141__namespace.default.useMemo(() => {
-    return improvements.map((item) => {
+    return improvements.data.map((item) => {
       const supervisors = item.lineId ? supervisorsByLineId.get(item.lineId) || [] : [];
       return {
         ...item,
@@ -73203,436 +75300,592 @@ var PlantHeadView = () => {
         })
       };
     });
-  }, [improvements, supervisorsByLineId]);
-  const mobileSubtitle = React141__namespace.default.useMemo(() => {
-    if (isCurrentWeekToDateRange) {
-      return `Week of ${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMM")}`;
+  }, [improvements.data, supervisorsByLineId]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-slate-100 flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-5 py-4 flex-none flex justify-between items-center border-b border-slate-50/50", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Top improvements" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "View all",
+          onClick: onViewAll,
+          className: "inline-flex items-center justify-center rounded-md p-1 text-slate-500 hover:text-slate-800 transition-colors",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-4 w-4 shrink-0", strokeWidth: 2.5, "aria-hidden": true })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-0 flex flex-col px-5 py-2 justify-start overflow-auto", children: showInitialSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(OverviewImprovementsSkeleton, {}) : displayImprovements.length > 0 ? displayImprovements.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-testid": `plant-head-improvement-${item.issueId}`,
+        onClick: () => onItemClick(item),
+        className: "flex items-center justify-between py-3 border-b border-slate-50 last:border-0 group cursor-pointer",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 pr-4", children: [
+            item.ticketLabel ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-full border border-indigo-100 bg-indigo-50 px-2 py-0.5 text-[10px] font-semibold text-indigo-600", children: item.ticketLabel }) }) : null,
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 min-w-0 mb-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-[13px] font-semibold text-slate-800 truncate transition-colors group-hover:text-indigo-600", children: item.title }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: "text-[10px] font-medium text-slate-400 truncate",
+                  title: item.metadataLabel,
+                  children: item.metadataLabel
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end flex-shrink-0 ml-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: `inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] ${item.metric.includes("pcs / day") || item.metric.includes("gain") ? "border-emerald-100 bg-emerald-50 text-emerald-700" : item.metric.includes("Idle") ? "border-amber-100 bg-amber-50 text-amber-700" : "border-slate-100 bg-slate-50 text-slate-600"}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: item.metric })
+            }
+          ) })
+        ]
+      },
+      item.id
+    )) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8 text-center text-sm text-slate-400", children: "No open improvement issues" }) })
+  ] });
+});
+TopImprovementsCard.displayName = "TopImprovementsCard";
+var DEBUG_DASHBOARD_LOGS4 = process.env.NEXT_PUBLIC_DEBUG_DASHBOARD === "true";
+var debugRefreshLog = (message, payload) => {
+  if (!DEBUG_DASHBOARD_LOGS4) return;
+  if (payload) {
+    console.log(`[OperationsOverviewRefresh] ${message}`, payload);
+    return;
+  }
+  console.log(`[OperationsOverviewRefresh] ${message}`);
+};
+var isAbortError = (error) => {
+  return error instanceof DOMException && error.name === "AbortError";
+};
+var toNumber4 = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var formatImprovementMetric = (recommendation) => {
+  const estimatedGain = toNumber4(recommendation.estimated_gain_pieces);
+  if (estimatedGain !== null && estimatedGain > 0) {
+    return `+${Math.round(estimatedGain).toLocaleString()} pcs / day`;
+  }
+  const idleMinutes = toNumber4(recommendation.metrics?.idle_minutes);
+  if (idleMinutes !== null) {
+    return `-${Math.round(idleMinutes)}m Idle`;
+  }
+  const impactText = recommendation.impact?.trim();
+  if (impactText) {
+    return impactText.length > 22 ? `${impactText.slice(0, 22).trim()}...` : impactText;
+  }
+  return "Review Issue";
+};
+var normalizeImprovements2 = (recommendations, lineIds) => {
+  const allowedLineIds = new Set(lineIds);
+  const scopedRecommendations = (recommendations || []).filter((recommendation) => {
+    return !recommendation.line_id || allowedLineIds.has(recommendation.line_id);
+  });
+  return [...scopedRecommendations].sort(compareImprovementRecommendationPriority).slice(0, 3).map((recommendation) => ({
+    id: recommendation.issue_id || recommendation.id,
+    issueId: recommendation.issue_id || recommendation.id,
+    issueNumber: recommendation.issue_number,
+    title: recommendation.title?.trim() || "Untitled issue",
+    metric: formatImprovementMetric(recommendation),
+    location: recommendation.location,
+    line: recommendation.line,
+    lineId: recommendation.line_id,
+    workspaceId: recommendation.workspace_id
+  }));
+};
+var useOperationsOverviewRefresh = ({
+  store,
+  supabase,
+  companyId,
+  lineIds,
+  startKey,
+  endKey,
+  trendMode,
+  comparisonStrategy,
+  isLiveScope
+}) => {
+  const lineIdsKey = React141__namespace.default.useMemo(() => lineIds.join(","), [lineIds]);
+  const scopeSignature = React141__namespace.default.useMemo(
+    () => [companyId || "", startKey, endKey, trendMode, comparisonStrategy || "", lineIdsKey].join("::"),
+    [companyId, comparisonStrategy, endKey, lineIdsKey, startKey, trendMode]
+  );
+  const controllersRef = React141__namespace.default.useRef({});
+  const requestIdsRef = React141__namespace.default.useRef({
+    snapshot: 0,
+    trend: 0,
+    idle: 0,
+    improvements: 0
+  });
+  const intervalRef = React141__namespace.default.useRef(null);
+  const isPageActiveRef = React141__namespace.default.useRef(true);
+  const lastResumeRefreshAtRef = React141__namespace.default.useRef(0);
+  const abortAll = React141__namespace.default.useCallback(() => {
+    Object.values(controllersRef.current).forEach((controller) => {
+      controller?.abort();
+    });
+    controllersRef.current = {};
+  }, []);
+  React141__namespace.default.useEffect(() => {
+    return () => {
+      abortAll();
+    };
+  }, [abortAll]);
+  const getIsPageActive = React141__namespace.default.useCallback(() => {
+    if (typeof document === "undefined") {
+      return true;
     }
-    return `${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMM")} - ${dateFns.format(parseDateKeyToDate(dateRange.endKey), "do MMM, yyyy")}`;
-  }, [dateRange.endKey, dateRange.startKey, isCurrentWeekToDateRange]);
-  const desktopSubtitle = React141__namespace.default.useMemo(() => {
-    if (isCurrentWeekToDateRange) {
-      return `Week of ${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy")}`;
+    const isVisible = document.visibilityState === "visible";
+    const hasFocus = typeof document.hasFocus === "function" ? document.hasFocus() : true;
+    return isVisible && hasFocus;
+  }, []);
+  const stopPolling = React141__namespace.default.useCallback((reason) => {
+    if (intervalRef.current === null) {
+      return;
     }
-    return `${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy")} - ${dateFns.format(parseDateKeyToDate(dateRange.endKey), "do MMMM, yyyy")}`;
-  }, [dateRange.endKey, dateRange.startKey, isCurrentWeekToDateRange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-h-screen bg-slate-50 w-full font-sans", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "sticky top-0 z-10 bg-white border-b flex-shrink-0 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 sm:px-4 md:px-6 py-2 sm:py-3 relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-        mobileMenuContext ? /* @__PURE__ */ jsxRuntime.jsx(
-          HamburgerButton,
-          {
-            onClick: mobileMenuContext.onMobileMenuOpen,
-            className: "flex-shrink-0 -ml-1"
+    window.clearInterval(intervalRef.current);
+    intervalRef.current = null;
+    debugRefreshLog("poll stopped", { reason });
+  }, []);
+  const runRefresh = React141__namespace.default.useCallback(
+    async (section, begin, onSuccess, onError, request, reason) => {
+      if (!supabase || !companyId || lineIds.length === 0) return;
+      const requestId = requestIdsRef.current[section] + 1;
+      requestIdsRef.current[section] = requestId;
+      controllersRef.current[section]?.abort();
+      const controller = new AbortController();
+      controllersRef.current[section] = controller;
+      begin();
+      try {
+        const response = await request(controller.signal, requestId);
+        if (controller.signal.aborted || requestIdsRef.current[section] !== requestId) {
+          return;
+        }
+        onSuccess(response, Date.now(), reason === "live_refresh" ? "transition" : "default");
+      } catch (error) {
+        if (controller.signal.aborted || requestIdsRef.current[section] !== requestId || isAbortError(error)) {
+          return;
+        }
+        onError(error instanceof Error ? error.message : `Failed to refresh ${section}`);
+      }
+    },
+    [companyId, lineIds.length, supabase]
+  );
+  const refreshSnapshot = React141__namespace.default.useCallback(
+    async (reason) => {
+      await runRefresh(
+        "snapshot",
+        store.beginSnapshotLoad,
+        store.applySnapshotResponse,
+        store.failSnapshotLoad,
+        (signal, requestId) => {
+          const params = new URLSearchParams({
+            company_id: companyId || "",
+            start_date: startKey,
+            end_date: endKey,
+            trend_shift_mode: trendMode,
+            line_ids: lineIdsKey
+          });
+          if (comparisonStrategy) {
+            params.set("comparison_strategy", comparisonStrategy);
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 flex-shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold text-gray-900 text-center px-1 truncate max-w-[200px]", children: "Operations Overview" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium text-slate-500 text-center mt-0.5", children: mobileSubtitle })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            MonthlyRangeFilter_default,
+          return fetchBackendJson(
+            supabase,
+            `/api/dashboard/operations-overview/snapshot?${params.toString()}`,
             {
-              month: parseDateKeyToDate(dateRange.startKey).getMonth(),
-              year: parseDateKeyToDate(dateRange.startKey).getFullYear(),
-              timezone: appTimezone,
-              value: dateRange,
-              onChange: handleDateRangeChange,
-              showLabel: false
+              signal,
+              dedupeKey: `operations-overview:snapshot:${scopeSignature}:${requestId}`
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              ref: mobileFilterButtonRef,
-              onClick: handleFilterToggle,
-              className: `p-2 rounded-full transition-colors relative ${isFilterOpen || trendMode !== "all" ? "bg-blue-50" : "active:bg-gray-100"}`,
-              "aria-label": "Open filters",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: `w-5 h-5 ${trendMode !== "all" ? "text-blue-600" : "text-gray-700"}` }),
-                trendMode !== "all" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 flex items-center justify-center w-4 h-4 bg-blue-600 text-white text-[10px] rounded-full font-bold", children: "1" })
-              ]
-            }
-          )
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center relative min-h-[56px]", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-1/2 -translate-x-1/2 flex flex-col items-center pointer-events-none", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl md:text-3xl lg:text-4xl font-semibold text-gray-900 tracking-tight text-center pointer-events-auto leading-tight mb-0.5", children: "Operations Overview" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm font-medium text-slate-500 text-center pointer-events-auto", children: desktopSubtitle })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-            MonthlyRangeFilter_default,
-            {
-              month: parseDateKeyToDate(dateRange.startKey).getMonth(),
-              year: parseDateKeyToDate(dateRange.startKey).getFullYear(),
-              timezone: appTimezone,
-              value: dateRange,
-              onChange: handleDateRangeChange,
-              showLabel: false
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
+          );
+        },
+        reason
+      );
+    },
+    [companyId, comparisonStrategy, endKey, lineIdsKey, runRefresh, scopeSignature, startKey, store, supabase, trendMode]
+  );
+  const refreshTrend = React141__namespace.default.useCallback(
+    async (reason) => {
+      await runRefresh(
+        "trend",
+        store.beginTrendLoad,
+        store.applyTrendResponse,
+        store.failTrendLoad,
+        (signal, requestId) => {
+          const params = new URLSearchParams({
+            company_id: companyId || "",
+            start_date: startKey,
+            end_date: endKey,
+            trend_shift_mode: trendMode,
+            line_ids: lineIdsKey
+          });
+          return fetchBackendJson(
+            supabase,
+            `/api/dashboard/operations-overview/trend?${params.toString()}`,
             {
-              ref: filterButtonRef,
-              onClick: handleFilterToggle,
-              className: `flex items-center gap-2 px-3 py-1.5 rounded-lg border text-sm font-medium transition-all shadow-sm ${isFilterOpen || trendMode !== "all" ? "border-blue-500 bg-blue-50 text-blue-700 ring-1 ring-blue-500" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
-              "aria-label": "Open filters",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: `w-[18px] h-[18px] ${trendMode !== "all" ? "text-blue-600" : "text-slate-500"}` }),
-                "Filters",
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `w-4 h-4 ml-0.5 transition-transform duration-200 ${isFilterOpen ? "rotate-180" : ""}` })
-              ]
+              signal,
+              dedupeKey: `operations-overview:trend:${scopeSignature}:${requestId}`
             }
-          )
-        ] })
-      ] }) }),
-      isFilterOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: filterRef, className: "absolute right-3 sm:right-4 md:right-5 lg:right-6 top-full mt-2 w-72 bg-white rounded-xl shadow-xl border border-gray-100 p-4 z-50", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Filter View" }),
-          trendMode !== "all" && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
+          );
+        },
+        reason
+      );
+    },
+    [companyId, endKey, lineIdsKey, runRefresh, scopeSignature, startKey, store, supabase, trendMode]
+  );
+  const refreshIdle = React141__namespace.default.useCallback(
+    async (reason) => {
+      await runRefresh(
+        "idle",
+        store.beginIdleLoad,
+        store.applyIdleResponse,
+        store.failIdleLoad,
+        (signal, requestId) => {
+          const params = new URLSearchParams({
+            company_id: companyId || "",
+            start_date: startKey,
+            end_date: endKey,
+            trend_shift_mode: trendMode,
+            line_ids: lineIdsKey
+          });
+          return fetchBackendJson(
+            supabase,
+            `/api/dashboard/operations-overview/idle-reason-breakdown?${params.toString()}`,
             {
-              onClick: () => {
-                setTrendMode("all");
-                setIsFilterOpen(false);
-              },
-              className: "text-xs text-red-600 hover:text-red-700 font-medium",
-              children: "Clear all"
+              signal,
+              dedupeKey: `operations-overview:idle:${scopeSignature}:${requestId}`
             }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: "Shift" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "select",
+          );
+        },
+        reason
+      );
+    },
+    [companyId, endKey, lineIdsKey, runRefresh, scopeSignature, startKey, store, supabase, trendMode]
+  );
+  const refreshImprovements = React141__namespace.default.useCallback(
+    async (reason) => {
+      await runRefresh(
+        "improvements",
+        store.beginImprovementsLoad,
+        (response, updatedAt, mode) => {
+          store.applyImprovements(normalizeImprovements2(response.recommendations, lineIds), updatedAt, mode);
+        },
+        store.failImprovementsLoad,
+        (signal, requestId) => {
+          const params = new URLSearchParams({
+            company_id: companyId || "",
+            status: "open",
+            limit: "200",
+            line_ids: lineIdsKey
+          });
+          return fetchBackendJson(
+            supabase,
+            `/api/improvement-center/recommendations?${params.toString()}`,
             {
-              value: trendMode,
-              onChange: handleTrendModeChange,
-              className: "w-full appearance-none pl-3 pr-8 py-2 text-sm bg-gray-50 border border-gray-200 hover:border-gray-300 rounded-lg text-gray-900 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:bg-white transition-all cursor-pointer",
-              style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.75rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All Shifts" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "day", children: "Day Shift" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "night", children: "Night Shift" })
-              ]
+              signal,
+              dedupeKey: `operations-overview:improvements:${scopeSignature}:${requestId}`
             }
-          ) })
-        ] }) })
-      ] })
-    ] }) }),
+          );
+        },
+        reason
+      );
+    },
+    [companyId, lineIds, lineIdsKey, runRefresh, scopeSignature, store, supabase]
+  );
+  const refreshAll = React141__namespace.default.useCallback(
+    async (reason) => {
+      await Promise.allSettled([
+        refreshSnapshot(reason),
+        refreshTrend(reason),
+        refreshIdle(reason),
+        refreshImprovements(reason)
+      ]);
+    },
+    [refreshIdle, refreshImprovements, refreshSnapshot, refreshTrend]
+  );
+  const startPolling = React141__namespace.default.useCallback((reason) => {
+    if (!isLiveScope || !supabase || !companyId || lineIds.length === 0) {
+      return;
+    }
+    if (intervalRef.current !== null) {
+      return;
+    }
+    intervalRef.current = window.setInterval(() => {
+      if (!isPageActiveRef.current) {
+        debugRefreshLog("poll skipped because hidden/unfocused", {
+          reason: "interval_tick",
+          visibilityState: typeof document !== "undefined" ? document.visibilityState : "unknown",
+          hasFocus: typeof document !== "undefined" && typeof document.hasFocus === "function" ? document.hasFocus() : true
+        });
+        stopPolling("inactive_during_tick");
+        return;
+      }
+      void refreshAll("live_refresh");
+    }, LIVE_REFRESH_INTERVAL_MS);
+    debugRefreshLog("poll started", { reason, intervalMs: LIVE_REFRESH_INTERVAL_MS });
+  }, [companyId, isLiveScope, lineIds.length, refreshAll, stopPolling, supabase]);
+  const refreshFromResume = React141__namespace.default.useCallback((reason) => {
+    const now4 = Date.now();
+    if (now4 - lastResumeRefreshAtRef.current < 1e3) {
+      debugRefreshLog("resume refresh suppressed", { reason });
+      return;
+    }
+    lastResumeRefreshAtRef.current = now4;
+    stopPolling("resume_refresh");
+    debugRefreshLog("resume refresh fired", { reason });
+    void refreshAll("live_refresh").finally(() => {
+      if (isPageActiveRef.current) {
+        startPolling("resume");
+      }
+    });
+  }, [refreshAll, startPolling, stopPolling]);
+  React141__namespace.default.useEffect(() => {
+    if (!supabase || !companyId || lineIds.length === 0) {
+      stopPolling("scope_invalid");
+      abortAll();
+      store.reset();
+      return;
+    }
+    void refreshAll("scope_change");
+  }, [abortAll, companyId, lineIds.length, refreshAll, scopeSignature, stopPolling, store, supabase]);
+  React141__namespace.default.useEffect(() => {
+    if (!isLiveScope || !supabase || !companyId || lineIds.length === 0) {
+      isPageActiveRef.current = false;
+      stopPolling("live_scope_disabled");
+      return;
+    }
+    const logInactive = (reason) => {
+      debugRefreshLog("poll skipped because hidden/unfocused", {
+        reason,
+        visibilityState: typeof document !== "undefined" ? document.visibilityState : "unknown",
+        hasFocus: typeof document !== "undefined" && typeof document.hasFocus === "function" ? document.hasFocus() : true
+      });
+    };
+    const markInactive = (reason) => {
+      isPageActiveRef.current = false;
+      logInactive(reason);
+      stopPolling(reason);
+    };
+    const syncActivity = (reason) => {
+      const nextIsActive = getIsPageActive();
+      const wasActive = isPageActiveRef.current;
+      isPageActiveRef.current = nextIsActive;
+      if (!nextIsActive) {
+        logInactive(reason);
+        stopPolling(reason);
+        return;
+      }
+      if (!wasActive) {
+        refreshFromResume(reason);
+        return;
+      }
+      startPolling(reason);
+    };
+    isPageActiveRef.current = getIsPageActive();
+    if (isPageActiveRef.current) {
+      startPolling("effect_mount");
+    } else {
+      logInactive("effect_mount");
+    }
+    const handleVisibilityChange = () => syncActivity("visibilitychange");
+    const handleFocus = () => syncActivity("focus");
+    const handleBlur = () => markInactive("blur");
+    const handlePageShow = () => syncActivity("pageshow");
+    const handlePageHide = () => markInactive("pagehide");
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    window.addEventListener("focus", handleFocus);
+    window.addEventListener("blur", handleBlur);
+    window.addEventListener("pageshow", handlePageShow);
+    window.addEventListener("pagehide", handlePageHide);
+    return () => {
+      stopPolling("cleanup");
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      window.removeEventListener("focus", handleFocus);
+      window.removeEventListener("blur", handleBlur);
+      window.removeEventListener("pageshow", handlePageShow);
+      window.removeEventListener("pagehide", handlePageHide);
+    };
+  }, [companyId, getIsPageActive, isLiveScope, lineIds.length, refreshFromResume, startPolling, stopPolling, supabase]);
+};
+var PlantHeadView = () => {
+  const supabase = useSupabase();
+  const entityConfig = useEntityConfig();
+  const appTimezone = useAppTimezone() || "UTC";
+  const { navigate } = useNavigation();
+  const { accessibleLineIds } = useUserLineAccess();
+  const mobileMenuContext = useMobileMenu();
+  useHideMobileHeader(!!mobileMenuContext);
+  const storeRef = React141__namespace.default.useRef(createOperationsOverviewStore());
+  const store = storeRef.current;
+  const [dateRange, setDateRange] = React141__namespace.default.useState(() => getCurrentWeekToDateRange(appTimezone));
+  const [usesThisWeekComparison, setUsesThisWeekComparison] = React141__namespace.default.useState(true);
+  const [trendMode, setTrendMode] = React141__namespace.default.useState("all");
+  React141__namespace.default.useEffect(() => {
+    trackCorePageView("Operations Overview", {
+      dashboard_surface: "operations_overview"
+    });
+  }, []);
+  const currentWeekRange = React141__namespace.default.useMemo(
+    () => getCurrentWeekToDateRange(appTimezone),
+    [appTimezone]
+  );
+  const isCurrentWeekToDateRange = dateRange.startKey === currentWeekRange.startKey && dateRange.endKey === currentWeekRange.endKey;
+  const normalizedLineIds = React141__namespace.default.useMemo(
+    () => Array.from(new Set((accessibleLineIds || []).filter(Boolean))).sort(),
+    [accessibleLineIds]
+  );
+  const lineIdsKey = React141__namespace.default.useMemo(
+    () => normalizedLineIds.join(","),
+    [normalizedLineIds]
+  );
+  const scopedLineIds = React141__namespace.default.useMemo(
+    () => lineIdsKey ? lineIdsKey.split(",") : [],
+    [lineIdsKey]
+  );
+  const initializedTimezoneRef = React141__namespace.default.useRef(appTimezone);
+  React141__namespace.default.useEffect(() => {
+    if (initializedTimezoneRef.current === appTimezone) return;
+    setDateRange(getCurrentWeekToDateRange(appTimezone));
+    setUsesThisWeekComparison(true);
+    initializedTimezoneRef.current = appTimezone;
+  }, [appTimezone]);
+  const handleDateRangeChange = React141__namespace.default.useCallback((range, meta) => {
+    trackCoreEvent("Operations Overview Date Range Changed", {
+      start_date: range.startKey,
+      end_date: range.endKey
+    });
+    setDateRange(range);
+    setUsesThisWeekComparison((previous) => {
+      if (meta?.source === "preset") {
+        return meta.presetLabel === "This Week";
+      }
+      if (meta?.source === "custom") {
+        return false;
+      }
+      return previous;
+    });
+  }, []);
+  const handleTrendModeChange = React141__namespace.default.useCallback((mode) => {
+    setTrendMode(mode);
+  }, []);
+  const buildLineMonthlyHistoryUrl = React141__namespace.default.useCallback((lineId) => {
+    const rangeStartDate = parseDateKeyToDate(dateRange.startKey);
+    const params = new URLSearchParams();
+    params.set("tab", "monthly_history");
+    params.set("month", rangeStartDate.getMonth().toString());
+    params.set("year", rangeStartDate.getFullYear().toString());
+    params.set("rangeStart", dateRange.startKey);
+    params.set("rangeEnd", dateRange.endKey);
+    return `/kpis/${lineId}?${params.toString()}`;
+  }, [dateRange.endKey, dateRange.startKey]);
+  const handleOpenLineMonthlyHistory = React141__namespace.default.useCallback((lineId, lineName) => {
+    trackCoreEvent("Operations Overview Line Clicked", {
+      line_id: lineId,
+      line_name: lineName,
+      range_start: dateRange.startKey,
+      range_end: dateRange.endKey
+    });
+    navigate(buildLineMonthlyHistoryUrl(lineId));
+  }, [buildLineMonthlyHistoryUrl, dateRange.endKey, dateRange.startKey, navigate]);
+  const handleViewAllPoorestPerformers = React141__namespace.default.useCallback(() => {
+    trackCoreEvent("Operations Overview View All Clicked", { section: "poorest_performers" });
+    navigate("/kpis?tab=leaderboard");
+  }, [navigate]);
+  const handleViewAllImprovements = React141__namespace.default.useCallback(() => {
+    trackCoreEvent("Operations Overview View All Clicked", { section: "improvements" });
+    navigate("/improvement-center");
+  }, [navigate]);
+  const handleOpenImprovement = React141__namespace.default.useCallback((item) => {
+    trackCoreEvent("Operations Overview Improvement Clicked", {
+      issue_id: item.issueId,
+      issue_number: item.issueNumber,
+      title: item.title
+    });
+    const params = new URLSearchParams({
+      focusIssueId: item.issueId
+    });
+    navigate(`/improvement-center?${params.toString()}`);
+  }, [navigate]);
+  const comparisonStrategy = React141__namespace.default.useMemo(() => {
+    if (usesThisWeekComparison && isCurrentWeekToDateRange) {
+      return "previous_full_week";
+    }
+    return void 0;
+  }, [isCurrentWeekToDateRange, usesThisWeekComparison]);
+  useOperationsOverviewRefresh({
+    store,
+    supabase,
+    companyId: entityConfig.companyId,
+    lineIds: scopedLineIds,
+    startKey: dateRange.startKey,
+    endKey: dateRange.endKey,
+    trendMode,
+    comparisonStrategy,
+    isLiveScope: isCurrentWeekToDateRange
+  });
+  const { supervisorsByLineId } = useSupervisorsByLineIds(scopedLineIds, {
+    enabled: !!entityConfig.companyId && scopedLineIds.length > 0,
+    companyId: entityConfig.companyId,
+    useBackend: true
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-h-screen bg-slate-50 w-full font-sans", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      OperationsOverviewHeader,
+      {
+        dateRange,
+        trendMode,
+        appTimezone,
+        mobileMenuContext,
+        onDateRangeChange: handleDateRangeChange,
+        onTrendModeChange: handleTrendModeChange
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 sm:p-6 pb-6 max-w-[1800px] mx-auto w-full flex-1 min-h-0 overflow-y-auto flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: "bg-white rounded-xl shadow-sm border border-slate-100 p-4 md:p-5 flex flex-col justify-center min-h-[100px] text-left",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between items-center mb-1", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Overall Efficiency" }) }),
-              isSnapshotLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewMetricCardSkeleton, {}) : overview.summary?.plant_efficiency?.current !== null && overview.summary?.plant_efficiency?.current !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight", children: [
-                  roundOne(overview.summary.plant_efficiency.current),
-                  "%"
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${plantEfficiencyBadge.className}`, children: [
-                  plantEfficiencyBadge.icon === "up" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : plantEfficiencyBadge.icon === "down" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm font-medium", children: plantEfficiencyBadge.text })
-                ] })
-              ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No efficiency data available" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: idleContributorsRef,
-            "data-testid": "idle-kpi-card-region",
-            className: "relative",
-            onMouseEnter: () => {
-              if (canInspectIdleContributors) {
-                setIsIdleContributorsOpen(true);
-              }
-            },
-            onMouseLeave: () => {
-              if (!isIdleContributorsPinned) {
-                setIsIdleContributorsOpen(false);
-              }
-            },
-            onFocus: () => {
-              if (canInspectIdleContributors) {
-                setIsIdleContributorsOpen(true);
-              }
-            },
-            onBlur: (event) => {
-              if (isIdleContributorsPinned) return;
-              const nextTarget = event.relatedTarget;
-              if (nextTarget && idleContributorsRef.current?.contains(nextTarget)) return;
-              setIsIdleContributorsOpen(false);
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  "data-testid": "idle-kpi-card",
-                  role: canInspectIdleContributors ? "button" : void 0,
-                  tabIndex: canInspectIdleContributors ? 0 : -1,
-                  "aria-controls": canInspectIdleContributors ? "idle-kpi-popover" : void 0,
-                  "aria-expanded": canInspectIdleContributors ? isIdleContributorsOpen : void 0,
-                  className: `bg-white rounded-xl border p-4 md:p-5 flex flex-col justify-center min-h-[100px] text-left transition-all ${canInspectIdleContributors ? "cursor-pointer hover:shadow-md focus:outline-none focus:ring-2 focus:ring-indigo-200" : ""} ${isIdleContributorsOpen ? "shadow-md border-indigo-100" : "shadow-sm border-slate-100"}`,
-                  onClick: handleIdleContributorsToggle,
-                  onKeyDown: handleIdleContributorsKeyDown,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time per Workstation" }) }),
-                    isSnapshotLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewMetricCardSkeleton, {}) : overview.summary?.avg_idle_per_workstation?.current_seconds !== null && overview.summary?.avg_idle_per_workstation?.current_seconds !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight", children: formatIdleDuration(overview.summary.avg_idle_per_workstation.current_seconds) }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${idleBadge.className}`, children: [
-                        idleBadge.icon === "up" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : idleBadge.icon === "down" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm font-medium", children: idleBadge.text })
-                      ] })
-                    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No idle time data available" })
-                  ]
-                }
-              ),
-              canInspectIdleContributors && isIdleContributorsOpen ? /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  id: "idle-kpi-popover",
-                  "data-testid": "idle-kpi-popover",
-                  className: "absolute left-0 right-0 top-full z-20 mt-2 bg-white p-4 border border-gray-100 shadow-xl rounded-xl sm:left-auto sm:right-0 sm:w-[320px] min-w-[280px]",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pb-3 mb-3 border-b border-slate-100", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2.5 h-2.5 rounded-full flex-shrink-0 bg-red-500" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-slate-800 text-[15px]", children: "Idle Time per Workstation" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 mb-3", children: "TOP CONTRIBUTORS" }),
-                      idleTopContributors.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2.5", children: idleTopContributors.map((contributor, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                        "div",
-                        {
-                          className: "flex items-start justify-between gap-3",
-                          children: [
-                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                "div",
-                                {
-                                  className: "text-slate-600 text-[13px] truncate",
-                                  title: contributor.workspaceName,
-                                  children: contributor.workspaceName
-                                }
-                              ),
-                              showIdleContributorLineNames && contributor.lineName ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-medium text-slate-400 truncate", title: contributor.lineName, children: contributor.lineName }) : null
-                            ] }),
-                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-slate-500 text-[13px] text-right whitespace-nowrap", children: formatIdleDuration(contributor.avgIdleSeconds) })
-                          ]
-                        },
-                        `${contributor.workspaceId || contributor.workspaceName}-${index}`
-                      )) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-dashed border-slate-200 bg-slate-50 px-3 py-2 text-xs text-slate-500", children: "No workstation idle averages available for this range." })
-                    ] })
-                  ]
-                }
-              ) : null
-            ]
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(OverviewSummaryCards, { store }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-h-0 grid grid-cols-1 xl:grid-cols-2 gap-5 auto-rows-fr", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-rows-1 xl:grid-rows-2 gap-5 min-h-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-slate-100 flex flex-col overflow-hidden", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-5 py-4 border-b border-slate-50 flex justify-between items-center gap-3 flex-wrap", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Poorest Performers" }),
-                showPoorestModeToggle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex bg-slate-100 p-0.5 rounded-lg", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => handlePoorestLineModeChange("output"),
-                      className: `px-3 py-1 text-[11px] font-bold rounded-md ${poorestLineMode === "output" ? "bg-white text-slate-800 shadow-sm" : "text-slate-500 hover:text-slate-800"}`,
-                      children: "Output"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => handlePoorestLineModeChange("uptime"),
-                      className: `px-3 py-1 text-[11px] font-bold rounded-md ${poorestLineMode === "uptime" ? "bg-white text-slate-800 shadow-sm" : "text-slate-500 hover:text-slate-800"}`,
-                      children: "Uptime"
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    trackCoreEvent("Operations Overview View All Clicked", { section: "poorest_performers" });
-                    navigate("/kpis?tab=leaderboard");
-                  },
-                  className: "text-[11px] font-bold text-slate-500 hover:text-slate-800 transition-colors",
-                  children: "View All"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col p-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-slate-50 flex-1 px-5", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider min-w-[120px]", children: "Line" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider text-left shrink-0 min-w-[110px] flex items-center gap-2", children: poorestMetricLabel })
-              ] }),
-              isSnapshotLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewListSkeleton, {}) : mergedPoorestLines.length > 0 ? mergedPoorestLines.map((line) => {
-                const lineDelta = buildLineDeltaTone(line.delta, comparisonLabel);
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    onClick: () => {
-                      trackCoreEvent("Operations Overview Line Clicked", { line_id: line.id, line_name: line.name });
-                      navigate(`/kpis/${line.id}`);
-                    },
-                    className: "block py-3 hover:bg-slate-50/50 transition-colors cursor-pointer group relative",
-                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-full bg-slate-100 border border-slate-200 overflow-hidden flex-shrink-0", children: line.supervisorImage ? /* @__PURE__ */ jsxRuntime.jsx(
-                          "img",
-                          {
-                            src: line.supervisorImage,
-                            alt: line.supervisor,
-                            className: "w-full h-full object-cover"
-                          }
-                        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] font-bold text-slate-500", children: line.supervisor.split(" ").map((part) => part[0]).join("").slice(0, 2) }) }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-bold text-slate-800 text-[13px] truncate group-hover:text-indigo-600 transition-colors", children: line.name }) }),
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-slate-400 font-medium", children: line.supervisor }) })
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 shrink-0 justify-start min-w-[110px]", children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[15px] font-bold text-slate-800", children: [
-                          line.efficiency,
-                          "%"
-                        ] }),
-                        line.delta !== null && line.delta !== void 0 && Number.isFinite(line.delta) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-0.5 px-2 py-0.5 rounded-full ${line.delta >= 0 ? "bg-[#ecfdf5] text-[#059669]" : "bg-[#FEF2F2] text-[#DC2626]"}`, children: [
-                          line.delta >= 0 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3", strokeWidth: 2.5 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3", strokeWidth: 2.5 }),
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-bold", children: lineDelta.text.split(" vs ")[0].replace("+", "") })
-                        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-slate-50 text-slate-400", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-bold", children: "\u2014" }) })
-                      ] })
-                    ] })
-                  },
-                  line.id
-                );
-              }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8 text-center text-sm text-slate-400", children: `No ${poorestLineMode} line data available` })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PoorestPerformersCard,
             {
-              className: "bg-white rounded-xl shadow-sm border border-slate-100 flex flex-col overflow-hidden text-left",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-4 flex-none flex justify-between items-center border-b border-slate-50/50 relative", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time Breakdown" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 p-4 pt-2 relative", children: isIdleReasonBreakdownLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewIdleBreakdownSkeleton, {}) : showIdleModuleNotEnabledState ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center rounded-xl border border-dashed border-slate-200 bg-slate-50/80 px-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-slate-700", children: "Module not enabled" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-500", children: "Enable idle-time classification on at least one line to view this breakdown." })
-                ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(
-                  IdleTimeReasonChart,
-                  {
-                    data: idleBreakdown,
-                    isLoading: false,
-                    hideTotalDuration: true
-                  }
-                ) })
-              ]
+              store,
+              supervisorsByLineId,
+              onViewAll: handleViewAllPoorestPerformers,
+              onLineClick: handleOpenLineMonthlyHistory
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IdleBreakdownCard,
+            {
+              store,
+              scopedLineCount: scopedLineIds.length
             }
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-rows-1 xl:grid-rows-2 gap-5 min-h-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            EfficiencyTrendCard,
             {
-              className: "bg-white rounded-xl shadow-[0_2px_10px_-3px_rgba(6,81,237,0.1)] border border-slate-100 flex flex-col overflow-hidden text-left",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-5 flex-none flex justify-between items-center border-b border-slate-50/50", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Efficiency Trend" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 w-full p-4 pt-4 relative", children: isTrendLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewChartSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 pb-2 pr-4 pl-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  LineChart,
-                  {
-                    data: trendData,
-                    lines: efficiencyLineConfig,
-                    xAxisDataKey: "name",
-                    yAxisUnit: "%",
-                    yAxisDomain: [0, 100],
-                    showLegend: false,
-                    showGrid: true,
-                    fillContainer: true,
-                    tooltipLabelFormatter: trendTooltipLabelFormatter
-                  },
-                  trendPlayKey
-                ) }) })
-              ]
+              store,
+              dateRange,
+              appTimezone
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-slate-100 flex flex-col overflow-hidden", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-5 py-4 flex-none flex justify-between items-center border-b border-slate-50/50", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Improvements" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    trackCoreEvent("Operations Overview View All Clicked", { section: "improvements" });
-                    navigate("/improvement-center");
-                  },
-                  className: "text-[11px] font-bold text-slate-500 hover:text-slate-800 transition-colors",
-                  children: "View All"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-0 flex flex-col px-5 py-2 justify-start overflow-auto", children: isImprovementsLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewImprovementsSkeleton, {}) : displayImprovements.length > 0 ? displayImprovements.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                "data-testid": `plant-head-improvement-${item.issueId}`,
-                onClick: () => {
-                  trackCoreEvent("Operations Overview Improvement Clicked", {
-                    issue_id: item.issueId,
-                    issue_number: item.issueNumber,
-                    title: item.title
-                  });
-                  const params = new URLSearchParams({
-                    focusIssueId: item.issueId
-                  });
-                  navigate(`/improvement-center?${params.toString()}`);
-                },
-                className: "flex items-center justify-between py-3 border-b border-slate-50 last:border-0 group cursor-pointer",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 pr-4", children: [
-                    item.ticketLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-full border border-indigo-100 bg-indigo-50 px-2 py-0.5 text-[10px] font-semibold text-indigo-600", children: item.ticketLabel }) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 min-w-0 mb-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-[13px] font-semibold text-slate-800 truncate transition-colors group-hover:text-indigo-600", children: item.title }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "p",
-                        {
-                          className: "text-[10px] font-medium text-slate-400 truncate",
-                          title: item.metadataLabel,
-                          children: item.metadataLabel
-                        }
-                      )
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end flex-shrink-0 ml-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    "span",
-                    {
-                      className: `inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] ${item.metric.includes("pcs / day") || item.metric.includes("gain") ? "border-emerald-100 bg-emerald-50 text-emerald-700" : item.metric.includes("Idle") ? "border-amber-100 bg-amber-50 text-amber-700" : "border-slate-100 bg-slate-50 text-slate-600"}`,
-                      children: [
-                        (item.metric.includes("pcs / day") || item.metric.includes("gain")) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: item.metric })
-                      ]
-                    }
-                  ) })
-                ]
-              },
-              item.id
-            )) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8 text-center text-sm text-slate-400", children: "No open improvement issues" }) })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TopImprovementsCard,
+            {
+              store,
+              supervisorsByLineId,
+              onViewAll: handleViewAllImprovements,
+              onItemClick: handleOpenImprovement
+            }
+          )
         ] })
       ] })
     ] })
@@ -74358,6 +76611,18 @@ exports.awardsService = awardsService;
 exports.buildDateKey = buildDateKey;
 exports.buildKPIsFromLineMetricsRow = buildKPIsFromLineMetricsRow;
 exports.buildShiftGroupsKey = buildShiftGroupsKey;
+exports.canRoleAccessDashboardPath = canRoleAccessDashboardPath;
+exports.canRoleAccessTeamManagement = canRoleAccessTeamManagement;
+exports.canRoleAssignFactories = canRoleAssignFactories;
+exports.canRoleAssignLines = canRoleAssignLines;
+exports.canRoleChangeRole = canRoleChangeRole;
+exports.canRoleInviteRole = canRoleInviteRole;
+exports.canRoleManageCompany = canRoleManageCompany;
+exports.canRoleManageTargets = canRoleManageTargets;
+exports.canRoleManageUsers = canRoleManageUsers;
+exports.canRoleRemoveUser = canRoleRemoveUser;
+exports.canRoleViewClipsCost = canRoleViewClipsCost;
+exports.canRoleViewUsageStats = canRoleViewUsageStats;
 exports.captureSentryException = captureSentryException;
 exports.captureSentryMessage = captureSentryMessage;
 exports.checkRateLimit = checkRateLimit2;
@@ -74401,6 +76666,8 @@ exports.getAllThreadMessages = getAllThreadMessages;
 exports.getAllWorkspaceDisplayNamesAsync = getAllWorkspaceDisplayNamesAsync;
 exports.getAllWorkspaceDisplayNamesSnapshot = getAllWorkspaceDisplayNamesSnapshot;
 exports.getAnonClient = getAnonClient;
+exports.getAssignableRoles = getAssignableRoles;
+exports.getAssignmentColumnLabel = getAssignmentColumnLabel;
 exports.getAvailableShiftIds = getAvailableShiftIds;
 exports.getAwardBadgeType = getAwardBadgeType;
 exports.getAwardDescription = getAwardDescription;
@@ -74432,6 +76699,11 @@ exports.getMonthWeekRanges = getMonthWeekRanges;
 exports.getNextUpdateInterval = getNextUpdateInterval;
 exports.getOperationalDate = getOperationalDate;
 exports.getReasonColor = getReasonColor;
+exports.getRoleAssignmentKind = getRoleAssignmentKind;
+exports.getRoleDescription = getRoleDescription;
+exports.getRoleLabel = getRoleLabel;
+exports.getRoleMetadata = getRoleMetadata;
+exports.getRoleNavPaths = getRoleNavPaths;
 exports.getS3SignedUrl = getS3SignedUrl;
 exports.getS3VideoSrc = getS3VideoSrc;
 exports.getShiftData = getShiftData;
@@ -74446,6 +76718,7 @@ exports.getThreadMessages = getThreadMessages;
 exports.getUniformShiftGroup = getUniformShiftGroup;
 exports.getUserThreads = getUserThreads;
 exports.getUserThreadsPaginated = getUserThreadsPaginated;
+exports.getVisibleRolesForCurrentUser = getVisibleRolesForCurrentUser;
 exports.getWorkspaceDisplayName = getWorkspaceDisplayName;
 exports.getWorkspaceDisplayNameAsync = getWorkspaceDisplayNameAsync;
 exports.getWorkspaceDisplayNamesMap = getWorkspaceDisplayNamesMap;
@@ -74456,10 +76729,12 @@ exports.hasAnyShiftData = hasAnyShiftData;
 exports.identifyCoreUser = identifyCoreUser;
 exports.initializeCoreMixpanel = initializeCoreMixpanel;
 exports.isEfficiencyOnTrack = isEfficiencyOnTrack;
+exports.isFactoryScopedRole = isFactoryScopedRole;
 exports.isFullMonthRange = isFullMonthRange;
 exports.isLegacyConfiguration = isLegacyConfiguration;
 exports.isPrefetchError = isPrefetchError;
 exports.isSafari = isSafari;
+exports.isSupervisorRole = isSupervisorRole;
 exports.isTransitionPeriod = isTransitionPeriod;
 exports.isUrlPermanentlyFailed = isUrlPermanentlyFailed;
 exports.isValidFactoryViewConfiguration = isValidFactoryViewConfiguration;
@@ -74475,6 +76750,7 @@ exports.linesService = linesService;
 exports.mergeWithDefaultConfig = mergeWithDefaultConfig;
 exports.migrateLegacyConfiguration = migrateLegacyConfiguration;
 exports.normalizeDateKeyRange = normalizeDateKeyRange;
+exports.normalizeRoleLevel = normalizeRoleLevel;
 exports.optifyeAgentClient = optifyeAgentClient;
 exports.parseDateKeyToDate = parseDateKeyToDate;
 exports.parseS3Uri = parseS3Uri;