// Grapplers — mobile app shell (tab bar) + global app state
const { useState, useEffect, useRef, useMemo } = React;
// Global app store — shared between the two phone frames (student + athlete)
const GStore = (() => {
const defaults = {
endorsements: [
{ from: 'a03', to: 'a01', note: 'Rolled with Grimy at B-Team. He took my crucifix framework and made it something I hadn\'t seen. High Ground is the real deal.', date: 'APR 18 · 2026', serial: 'GRP-0028-ENDR' },
{ from: 'a02', to: 'a01', note: 'My brother. If you want to learn the High Ground, there is only one person to learn it from.', date: 'APR 12 · 2026', serial: 'GRP-0019-ENDR' },
{ from: 'a04', to: 'a01', note: 'Top pressure, wrestling entries, and the crucifix — train with him weekly. He pushes the whole room.', date: 'MAR 28 · 2026', serial: 'GRP-0014-ENDR' },
{ from: 'a01', to: 'a02', note: 'Trick brings wrestling that actually translates. Front headlock series is a cheat code.', date: 'MAR 22 · 2026', serial: 'GRP-0011-ENDR' },
],
purchased: new Set(['i03']),
bookings: [],
followedAthletes: new Set(['a01', 'a03']),
likedPosts: new Set(),
};
let state = defaults;
const listeners = new Set();
return {
get: () => state,
set: (mut) => {
const next = typeof mut === 'function' ? mut(state) : { ...state, ...mut };
state = { ...state, ...next };
listeners.forEach(l => l(state));
},
subscribe: (l) => { listeners.add(l); return () => listeners.delete(l); },
};
})();
window.GStore = GStore;
window.useGStore = function useGStore() {
const [s, setS] = useState(GStore.get());
useEffect(() => GStore.subscribe(setS), []);
return s;
};
// Bottom tab bar — iOS style, but dark-glass
function GTabBar({ tabs, active, onChange }) {
return (
{tabs.map(t => {
const on = active === t.id;
return (
);
})}
);
}
// Generic header bar for app screens — subtle, dark
function GHeader({ title, eyebrow, right, onBack, style = {} }) {
return (
{eyebrow &&
{eyebrow}
}
{title}
{right}
);
}
// Card frame used across feed/profile/etc
function GCard({ children, style = {}, onClick, noPad = false }) {
return (
{children}
);
}
// Phone shell — dark-mode iOS frame with our content
function GPhone({ children, width = 360, height = 740, label, role }) {
return (