// ===== m9-gates.jsx ===== // M9 · Onboarding training gates — FR2 (config + reusable failure banner) const { React, Card, Btn, IconBtn, StatusChip, Avatar, Kpi, Field, Input, Textarea, Select, Checkbox, Toggle, Tabs, Empty, SectionHead, TopBar, Progress, IconPlus, IconCheck, IconX, IconArrow, IconArrowL, IconDownload, IconUpload, IconBook, IconClock, IconUsers, IconAward, IconShield, IconSearch, IconFilter, IconBell, IconStar, IconEdit, IconExternal, IconMore, IconMail, IconFlag, } = window; const { useState: useG9 } = React; const g_over = { fontSize: 11, letterSpacing: "0.12em", textTransform: "uppercase", color: "var(--fg-3)", fontWeight: 500 }; const g_meta = { fontSize: 11, color: "var(--fg-3)" }; // ============================================================ // GATE RULES // ============================================================ const GATE_RULES = [ { id: "gate-camphost", role: "Camp host", program: "State parks", requires: [ { id: "qt-handbook", name: "Volunteer handbook acknowledgment", req: true, completion: "Before activation" }, { id: "qt-camphost", name: "Camp host orientation", req: true, completion: "Before activation" }, { id: "qt-firstaid", name: "First aid / CPR", req: true, completion: "Before first shift", renewable: true }, { id: "wv-liability",name: "Liability waiver", req: true, completion: "Before activation" }, { id: "wv-photo", name: "Photo / media release", req: false, completion: "Optional" }, { id: "bg-check", name: "Background check", req: true, completion: "Before activation", renewable: true }, ], blocks: ["activation", "shift-signup", "hour-logging"], individualOverrides: 2, }, { id: "gate-trail", role: "Trail crew", program: "State parks", requires: [ { id: "qt-handbook", name: "Volunteer handbook acknowledgment", req: true, completion: "Before activation" }, { id: "qt-trail", name: "Trail crew safety", req: true, completion: "Before first shift", renewable: true }, { id: "qt-firstaid", name: "First aid / CPR", req: false, completion: "Recommended", renewable: true }, { id: "wv-liability",name: "Liability waiver", req: true, completion: "Before activation" }, ], blocks: ["shift-signup", "hour-logging"], individualOverrides: 0, }, { id: "gate-hunter", role: "Hunter ed instructor", program: "Hunter Outreach", requires: [ { id: "qt-handbook", name: "Volunteer handbook acknowledgment", req: true, completion: "Before activation" }, { id: "qt-hunter-meth", name: "Hunter ed methodology", req: true, completion: "Before activation" }, { id: "qt-wingshooter", name: "Wingshooter Instructor cert", req: true, completion: "Before activation", renewable: true }, { id: "qt-firstaid", name: "First aid / CPR", req: true, completion: "Before first class", renewable: true }, { id: "bg-check", name: "Background check", req: true, completion: "Before activation", renewable: true }, ], blocks: ["activation", "shift-signup", "hour-logging"], individualOverrides: 0, }, { id: "gate-natu", role: "Naturalist", program: "Education", requires: [ { id: "qt-handbook", name: "Volunteer handbook acknowledgment", req: true, completion: "Before activation" }, { id: "qt-rmnaturalist", name: "Rocky Mountain Naturalist cert", req: true, completion: "Before first program", renewable: true }, { id: "qt-firstaid", name: "First aid / CPR", req: true, completion: "Before first program", renewable: true }, { id: "wv-liability", name: "Liability waiver", req: true, completion: "Before activation" }, ], blocks: ["activation", "shift-signup"], individualOverrides: 1, }, ]; // Gates failing for specific volunteers — used to demo gate-failure banner const GATE_FAILURES_SAMPLE = [ { vol: "v-arenas", role: "Camp host", missing: ["First aid / CPR — expired Mar 8"], action: "shift-signup", site: "Boyd Lake SP" }, { vol: "v-okonkwo", role: "Camp host", missing: ["First aid / CPR — expires May 12"], action: "shift-signup", site: "Boyd Lake SP" }, { vol: "v-mendez", role: "Trail crew", missing: ["Trail crew safety — overdue (renew)"], action: "shift-signup", site: "Lake Pueblo SP" }, { vol: "v-park", role: "Camp host", missing: ["Camp host orientation"], action: "activation", site: "Boyd Lake SP" }, { vol: "v-walsh", role: "Hunter ed instructor", missing: ["Wingshooter Instructor cert", "First aid / CPR"], action: "activation", site: "Boulder" }, ]; // ============================================================ // CONFIG SCREEN (lives inside Settings or standalone) // ============================================================ const OrgGates = ({ go }) => { const [tab, setTab] = useG9("rules"); return ( <> New gate rule} secondary={Export} />
a + g.requires.length, 0)} requirements`} tone="neutral" icon={IconShield} /> a + g.individualOverrides, 0)} delta="audit-trailed" tone="neutral" icon={IconStar} />
a + g.individualOverrides, 0) }, ]} /> {tab === "rules" && } {tab === "failures" && } {tab === "overrides" && }
); }; // ---- RULES ---- const RulesTab = () => (
{GATE_RULES.map(g => (
{g.program}
{g.role}
Requires
{g.requires.map(r => (
{r.req && } {r.name} {r.completion}
))}
Blocks if incomplete
{g.blocks.map(b => {b === "activation" ? "Activation" : b === "shift-signup" ? "Shift signup" : "Hour logging"})}
{g.individualOverrides} individual override{g.individualOverrides === 1 ? "" : "s"} Edit
))}
); // ---- FAILURES (also used on volunteer detail to surface gate failure) ---- const FailuresTab = ({ go }) => ( <>

Volunteers currently blocked by a gate. Each row is what they (and coordinators) see surfaced on signups, day-of rosters, and hour logging.

VolunteerRoleMissing requirementBlocksSite
{GATE_FAILURES_SAMPLE.map((f, i, arr) => { const v = (window.VOLUNTEERS || []).find(x => x.id === f.vol); if (!v) return null; return (
go("volunteer/" + v.id)} style={{ display: "grid", gridTemplateColumns: "minmax(180px, 1.4fr) minmax(160px, 1.2fr) minmax(220px, 2fr) 130px 130px 36px", gap: 14, padding: "13px 18px", alignItems: "center", borderBottom: i === arr.length - 1 ? "none" : "1px solid var(--border-soft)", cursor: "pointer", fontSize: 13 }}>
{v.name}
{f.role}
{f.missing.map(m => {m})}
{f.action === "activation" ? "Activation" : f.action === "shift-signup" ? "Sign-up" : "Hour log"} {f.site}
); })} ); // ---- OVERRIDES ---- const OverridesTab = () => ( <>

Individual gate overrides bypass a specific gate requirement for a specific volunteer. Used sparingly; every override carries a reason and audit trail.

VolunteerGate · skippedReasonApproved byExpires
{[ { vol: "v-walsh", gate: "Camp host · First aid", reason: "Acting as fill-in for one weekend; renewal scheduled within 30 days.", by: "Aliyah Chen", expires: "Jun 22, 2026" }, { vol: "v-okonkwo", gate: "Hunter ed instructor · Background check", reason: "Active CPW staff — already screened through state HR. Documented offline.", by: "Marcus Chen", expires: "Lifetime" }, { vol: "v-mendez", gate: "Naturalist · RMN cert", reason: "Substituting a CSU graduate certificate equivalent — to be reviewed at end of year.", by: "Aliyah Chen", expires: "Dec 31, 2026" }, ].map((o, i, arr) => { const v = (window.VOLUNTEERS || []).find(x => x.id === o.vol); if (!v) return null; return (
{v.name}
{o.gate} {o.reason} {o.by} {o.expires}
); })}
Each override creates an immutable audit entry and a calendar reminder for the approver before expiry. Overrides cannot be granted by the same person who requested them.
); // ============================================================ // REUSABLE GATE-FAILURE BANNER // (Surfaced on signup, account overview, day-of roster, hour log) // ============================================================ const GateFailureBanner = ({ missing, action, onResolve }) => (
Can't proceed — {action === "activation" ? "activation" : action === "shift-signup" ? "shift signup" : "hour logging"} is blocked
Missing: {missing.join(", ")}.
{onResolve && Resolve now}
); // ============================================================ Object.assign(window, { OrgGates, GateFailureBanner });