/* ============================================================
APP SHELL — top tabs, theme toggle, global FBC selection.
State persists in localStorage so a refresh keeps your place.
============================================================ */
const { useState: useS, useEffect: useE, useRef } = React;
function load(key, fallback) {
try {const v = localStorage.getItem("fbc." + key);return v == null ? fallback : JSON.parse(v);}
catch (e) {return fallback;}
}
function save(key, val) {try {localStorage.setItem("fbc." + key, JSON.stringify(val));} catch (e) {}}
/* ---------- Global "exclude owners" control (lives in the footer) ----------
Lets the user drop specific franchise owners (data issues, closures, etc.)
from EVERY tab at once. Selection persists and is pushed into the data
layer via MM.setExcluded, so every metric, chart and table recalculates. */
function ExcludeOwners({ excluded, setExcluded }) {
const [open, setOpen] = useS(false);
const [q, setQ] = useS("");
const ref = useRef(null);
useE(() => {
function onDoc(e) {if (ref.current && !ref.current.contains(e.target)) setOpen(false);}
document.addEventListener("mousedown", onDoc);
return () => document.removeEventListener("mousedown", onDoc);
}, []);
const all = MM.allOwners;
const set = new Set(excluded);
function toggle(id) {
const next = new Set(excluded);
next.has(id) ? next.delete(id) : next.add(id);
setExcluded([...next]);
}
const needle = q.trim().toLowerCase();
const list = all.
filter((o) => !needle || o.contact.toLowerCase().includes(needle) || o.city.toLowerCase().includes(needle) || o.state.toLowerCase().includes(needle) || o.name.toLowerCase().includes(needle)).
slice(0, 60);
return (
{open &&
Exclude owners from all viewsHidden from every metric, chart and table — use for data issues or closed locations.
