// ===== m9-outcomes.jsx ===== // M9 · Outcomes — replaces window.OrgOutcomes // FR6 hierarchy: Strategic objectives → Programs → Results → Indicators → Indicator values // FR7 outcome capture from projects / self-scheduled roles (separate from approved hours) // FR8 outcomes & impact reporting with scoped "Preview as" // FR9 beneficiaries / constituents (org or individual) // FR12 admin / audit / data quality const { React, Card, Btn, IconBtn, StatusChip, Avatar, Kpi, Progress, Field, Input, Textarea, Select, Checkbox, Toggle, Tabs, Empty, SectionHead, TopBar, IconPlus, IconCheck, IconX, IconArrow, IconArrowL, IconDownload, IconUpload, IconBook, IconClock, IconUsers, IconAward, IconShield, IconSearch, IconFilter, IconBell, IconStar, IconEdit, IconExternal, IconChevron, IconChevronD, IconEye, IconMore, IconCal, IconClipboard, IconMail, IconFlag, IconPin, VOLUNTEERS, } = window; const { useState: useO9, useMemo: useO9M } = React; const o9_over = { fontSize: 11, letterSpacing: "0.12em", textTransform: "uppercase", color: "var(--fg-3)", fontWeight: 500 }; const o9_meta = { fontSize: 11, color: "var(--fg-3)" }; // ============================================================ // DATA — full hierarchy // ============================================================ const OBJECTIVES = [ { id: "obj-conservation", name: "Conservation of Colorado's lands & waters", owner: "Aliyah Chen · Statewide", start: "Jan 1, 2024", end: "Dec 31, 2028", state: "active", narrative: "Five-year strategic objective to expand volunteer capacity for habitat restoration, trail stewardship, invasive species management, and shoreline care.", programs: 3, results: 7, indicators: 12, ytdValue: "1.24M service hours", target: 80, }, { id: "obj-education", name: "Public education & hunter safety", owner: "Marcus Chen · Hunter Outreach", start: "Jan 1, 2024", end: "Dec 31, 2028", state: "active", narrative: "Build a sustainable pipeline of trained instructors and ambassadors for hunter education, wildlife stewardship, and outdoor literacy.", programs: 2, results: 4, indicators: 7, ytdValue: "184k visitors contacted", target: 74, }, { id: "obj-community", name: "Community partnerships & access", owner: "Priya Sandoval · Statewide", start: "Jan 1, 2024", end: "Dec 31, 2028", state: "active", narrative: "Deepen partnerships with schools, conservation groups, and corporate partners. Expand equitable access to CPW programs.", programs: 2, results: 3, indicators: 5, ytdValue: "38 partner orgs · 4,162 students", target: 62, }, { id: "obj-2030", name: "2030 statewide volunteer plan", owner: "Aliyah Chen", start: "Jan 1, 2026", end: "Dec 31, 2030", state: "draft", narrative: "Successor plan covering 2028–2030. In drafting.", programs: 0, results: 0, indicators: 0, ytdValue: "—", target: 0, }, ]; const PROGRAMS_O = [ { id: "prog-trail", name: "Trail crew & maintenance", type: "Operational", objective: "obj-conservation", scope: "Statewide · 42 parks", lead: "Priya Sandoval", start: "Jan 1, 2024", state: "active", results: 3, indicators: 5 }, { id: "prog-camp", name: "Camp host program", type: "Operational", objective: "obj-conservation", scope: "32 parks with campgrounds", lead: "Aliyah Chen", start: "Apr 1, 2024", state: "active", results: 2, indicators: 3 }, { id: "prog-cleanup", name: "Shoreline & invasive species cleanup", type: "Operational", objective: "obj-conservation", scope: "Front Range parks", lead: "Marcus Chen", start: "Mar 15, 2024", state: "active", results: 2, indicators: 4 }, { id: "prog-hunter", name: "Hunter Outreach instruction", type: "Education", objective: "obj-education", scope: "Statewide · 12 ranges", lead: "Marcus Chen", start: "Jan 1, 2024", state: "active", results: 2, indicators: 4 }, { id: "prog-natu", name: "Naturalist program", type: "Education", objective: "obj-education", scope: "8 parks", lead: "Aliyah Chen", start: "May 1, 2024", state: "active", results: 2, indicators: 3 }, { id: "prog-schools", name: "School field-trip pipeline", type: "Partnership", objective: "obj-community", scope: "K-12 statewide", lead: "Priya Sandoval", start: "Sep 1, 2024", state: "active", results: 2, indicators: 3 }, { id: "prog-corp", name: "Corporate volunteer days", type: "Partnership", objective: "obj-community", scope: "Statewide", lead: "Aliyah Chen", start: "Mar 1, 2024", state: "active", results: 1, indicators: 2 }, ]; const RESULTS = [ { id: "res-trail-miles", program: "prog-trail", name: "Sustainable trail miles maintained", description: "Multi-year sustained trail care", state: "active", start: "Jan 1, 2024", end: "Dec 31, 2028" }, { id: "res-trail-back", program: "prog-trail", name: "Backcountry trails reopened", description: "Reopen trails closed by storms", state: "active", start: "Jan 1, 2024", end: "Dec 31, 2028" }, { id: "res-trail-safety", program: "prog-trail", name: "Trail crew safety record", description: "Maintain zero incidents", state: "active", start: "Jan 1, 2024", end: "Dec 31, 2028" }, { id: "res-camp-host", program: "prog-camp", name: "Camp host coverage at all sites", description: "Every campground has 1+ host", state: "active", start: "Apr 1, 2024", end: "—" }, { id: "res-camp-sat", program: "prog-camp", name: "Camper satisfaction & complaints", description: "Reduce complaints, raise sat", state: "active", start: "Apr 1, 2024", end: "—" }, { id: "res-cleanup-vol", program: "prog-cleanup", name: "Volunteer participation in cleanups", description: "Sustain participation", state: "active", start: "Mar 15, 2024", end: "—" }, { id: "res-cleanup-mat", program: "prog-cleanup", name: "Material collected & habitat impact", description: "Tons + areas restored", state: "active", start: "Mar 15, 2024", end: "—" }, { id: "res-hunter-inst", program: "prog-hunter", name: "Hunter ed instructor pipeline", description: "Instructor counts + retention", state: "active", start: "Jan 1, 2024", end: "—" }, { id: "res-hunter-stu", program: "prog-hunter", name: "Hunter ed students certified", description: "Certifications issued + audience", state: "active", start: "Jan 1, 2024", end: "—" }, { id: "res-natu", program: "prog-natu", name: "Naturalist program reach", description: "Visitors contacted by naturalists", state: "active", start: "May 1, 2024", end: "—" }, { id: "res-natu-prog", program: "prog-natu", name: "Naturalist programs run", description: "Number of programs delivered", state: "active", start: "May 1, 2024", end: "—" }, { id: "res-schools", program: "prog-schools", name: "Schools reached", description: "Schools, students, teachers", state: "active", start: "Sep 1, 2024", end: "—" }, { id: "res-schools-stu", program: "prog-schools", name: "Students served via field trips", description: "Aggregate student count", state: "active", start: "Sep 1, 2024", end: "—" }, { id: "res-corp", program: "prog-corp", name: "Corporate participation", description: "Corporate days run", state: "active", start: "Mar 1, 2024", end: "—" }, ]; const INDICATORS = [ { id: "ind-trail-mi", result: "res-trail-miles", name: "Trail miles improved", unit: "miles", type: "count", ytd: 218, goal: 320, last: "May 18, 2026 · Priya Sandoval", state: "active" }, { id: "ind-trail-h", result: "res-trail-miles", name: "Volunteer trail hours", unit: "hours", type: "count", ytd: 3818, goal: 5000, last: "May 22, 2026 · System", state: "active" }, { id: "ind-trail-rh", result: "res-trail-back", name: "Reopened backcountry miles", unit: "miles", type: "count", ytd: 14.4, goal: 22, last: "May 17, 2026 · Priya Sandoval", state: "active" }, { id: "ind-trail-inc",result: "res-trail-safety", name: "Trail crew safety incidents", unit: "incidents", type: "count", ytd: 0, goal: 0, lower: true, last: "May 22, 2026 · System", state: "active" }, { id: "ind-camp-cov", result: "res-camp-host", name: "Campground coverage", unit: "% campgrounds", type: "percentage", ytd: 96, goal: 100, last: "May 21, 2026 · Aliyah Chen", state: "active" }, { id: "ind-camp-sat", result: "res-camp-sat", name: "Camper satisfaction score", unit: "out of 5", type: "number", ytd: 4.6, goal: 4.5, last: "May 22, 2026 · System", state: "active" }, { id: "ind-cleanup-vols", result: "res-cleanup-vol", name: "Volunteers in cleanups", unit: "volunteers", type: "count", ytd: 1842, goal: 2200, last: "May 22, 2026 · Marcus Chen", state: "active" }, { id: "ind-cleanup-lbs", result: "res-cleanup-mat", name: "Material collected", unit: "pounds", type: "count", ytd: 18420, goal: 22000, last: "May 18, 2026 · System", state: "active" }, { id: "ind-cleanup-mi", result: "res-cleanup-mat", name: "Shoreline miles cleared", unit: "miles", type: "count", ytd: 36, goal: 48, last: "May 18, 2026 · Marcus Chen", state: "active" }, { id: "ind-cleanup-trees",result: "res-cleanup-mat", name: "Trees planted", unit: "trees", type: "count", ytd: 3286, goal: 5000, last: "May 17, 2026 · Marcus Chen", state: "active" }, { id: "ind-cleanup-sign", result: "res-cleanup-mat", name: "Signs installed", unit: "signs", type: "count", ytd: 78, goal: 96, last: "May 14, 2026 · Marcus Chen", state: "active" }, { id: "ind-hunter-inst", result: "res-hunter-inst",name: "Active hunter ed instructors", unit: "instructors", type: "count", ytd: 22, goal: 28, last: "May 22, 2026 · System", state: "active" }, { id: "ind-hunter-h", result: "res-hunter-inst",name: "Instructor hours", unit: "hours", type: "count", ytd: 86, goal: 1200, last: "May 22, 2026 · System", state: "active" }, { id: "ind-hunter-stu", result: "res-hunter-stu", name: "Students certified", unit: "certifications", type: "count", ytd: 412, goal: 580, last: "May 17, 2026 · Marcus Chen", state: "active" }, { id: "ind-natu-vis", result: "res-natu", name: "Visitors contacted", unit: "visitors", type: "count", ytd: 184220, goal: 250000, last: "May 22, 2026 · System", state: "active" }, { id: "ind-natu-prog", result: "res-natu-prog", name: "Programs delivered", unit: "programs", type: "count", ytd: 144, goal: 220, last: "May 22, 2026 · System", state: "active" }, { id: "ind-schools", result: "res-schools", name: "Schools partnered", unit: "schools", type: "count", ytd: 32, goal: 48, last: "May 4, 2026 · Priya Sandoval", state: "active" }, { id: "ind-schools-stu", result: "res-schools-stu",name: "Students served", unit: "students", type: "count", ytd: 4162, goal: 6000, last: "May 4, 2026 · Priya Sandoval", state: "active" }, { id: "ind-corp", result: "res-corp", name: "Corporate days", unit: "events", type: "count", ytd: 12, goal: 22, last: "May 16, 2026 · Aliyah Chen", state: "active" }, { id: "ind-corp-vols", result: "res-corp", name: "Corp volunteers hosted", unit: "volunteers", type: "count", ytd: 412, goal: 580, last: "May 16, 2026 · Aliyah Chen", state: "active" }, { id: "ind-animal", result: "res-cleanup-mat",name: "Animals transported", unit: "animals", type: "count", ytd: 38, goal: 60, last: "May 12, 2026 · Marcus Chen", state: "active" }, { id: "ind-patrol", result: "res-trail-miles",name: "Miles patrolled", unit: "miles", type: "count", ytd: 1284, goal: 2400, last: "May 22, 2026 · System", state: "active" }, ]; const INDICATOR_VALUES_SAMPLE = [ { date: "May 17, 2026", value: 14, unit: "trees", source: "Cherry Creek shoreline cleanup · May 17", beneficiaries: "Cherry Creek SP visitors", staff: "Marcus Chen", note: "Spring planting · cottonwood saplings." }, { date: "May 17, 2026", value: 86, unit: "lbs", source: "Cherry Creek shoreline cleanup · May 17", beneficiaries: "Cherry Creek SP visitors", staff: "Marcus Chen", note: "Mixed trash + 4 tires." }, { date: "May 10, 2026", value: 0.6, unit: "miles", source: "Boyd Lake trail crew · May 10", beneficiaries: "Boyd Lake hikers", staff: "Priya Sandoval", note: "Drainage repair on north loop." }, { date: "May 4, 2026", value: 18, unit: "certifications", source: "Hunter ed youth class · Boulder", beneficiaries: "ben-students-boulder", staff: "Marcus Chen", note: "All 18 students passed." }, { date: "May 4, 2026", value: 24, unit: "hours", source: "Hunter ed youth class · Boulder", beneficiaries: null, staff: "Maya Okonkwo", note: "Instructor hours · grant-tracked." }, { date: "Apr 27, 2026", value: 96, unit: "students", source: "Field trip · Boyd Lake K-5", beneficiaries: "ben-bvsd", staff: "Priya Sandoval", note: "BVSD field-trip pipeline." }, { date: "Apr 27, 2026", value: 4.7, unit: "out of 5", source: "Post-event survey · Hunter ed Boulder", beneficiaries: null, staff: "System", note: "Auto-rolled from survey." }, ]; const BENEFICIARIES = [ { id: "ben-bvsd", kind: "organization", name: "Boulder Valley School District", type: "School district", contacts: 1, programs: 1, attributed: 4162, status: "active", scope: "NE", desc: "8 schools partnered for field-trip pipeline." }, { id: "ben-oia", kind: "organization", name: "Outdoor Industry Association", type: "Partner", contacts: 2, programs: 1, attributed: 218, status: "active", scope: "Statewide", desc: "Statewide industry partner." }, { id: "ben-audubon", kind: "organization", name: "Audubon Colorado", type: "Partner", contacts: 3, programs: 2, attributed: 86, status: "active", scope: "Statewide", desc: "Birds-of-Colorado co-curriculum + naturalist support." }, { id: "ben-cherry-vis", kind: "individual", name: "Cherry Creek SP visitors (aggregate)", type: "Visitors", contacts: 0, programs: 2, attributed: 42180, status: "active", scope: "Statewide", desc: "Aggregate constituent record for general public served at Cherry Creek SP." }, { id: "ben-boyd-vis", kind: "individual", name: "Boyd Lake SP visitors (aggregate)", type: "Visitors", contacts: 0, programs: 2, attributed: 18420, status: "active", scope: "NE", desc: "Aggregate constituent record for general public served at Boyd Lake SP." }, { id: "ben-students-boulder", kind: "individual", name: "Boulder hunter ed students (cohort)", type: "Students", contacts: 0, programs: 1, attributed: 412, status: "active", scope: "Statewide", desc: "Cohort attribution for Boulder field-office hunter ed classes." }, { id: "ben-leave-no-trace", kind: "organization", name: "Leave No Trace Center", type: "Partner", contacts: 1, programs: 1, attributed: 42, status: "active", scope: "Statewide", desc: "Training partner for the LNT-for-volunteers course." }, ]; const STORIES = [ { id: "st-1", v: "v-arenas", project: "Boyd Lake trail crew · May 10", photo: "var(--sage-700)", text: "We rebuilt 340 feet of switchback after the spring runoff washed out the old line. Three hikers stopped to thank us — one said this is the trail her dad taught her to hike on.", metrics: { miles: 0.34, visitors: 8 } }, { id: "st-2", v: "v-okonkwo", project: "Hunter ed youth class · Boulder", photo: "var(--iris-600)", text: "Class of 18, all under 16. Two girls were the strongest shots in the group — afterward, their dad came up and said they couldn't stop talking about it on the drive home.", metrics: { certifications: 18 } }, { id: "st-3", v: "v-mendez", project: "Lake Pueblo shoreline cleanup · Apr 22", photo: "var(--coral-700)", text: "Hauled out two old fishing nets that had been tangled in the rocks for who-knows-how-long. The water looked different by the end of the day.", metrics: { lbs: 142, miles: 1.2 } }, ]; // ============================================================ // ROOT // ============================================================ const OrgOutcomes = ({ go }) => { const [tab, setTab] = useO9("dashboard"); const [viewAs, setViewAs] = useO9("universal"); const [drillId, setDrillId] = useO9(null); const [drillType, setDrillType] = useO9(null); const [createKind, setCreateKind] = useO9(null); // "objective" | "program" | "indicator" | null if (drillType === "indicator" && drillId) { const ind = INDICATORS.find(i => i.id === drillId); if (ind) return { setDrillType(null); setDrillId(null); }} />; } if (drillType === "program" && drillId) { const prog = PROGRAMS_O.find(p => p.id === drillId); if (prog) return { setDrillType(null); setDrillId(null); }} onOpenIndicator={(id) => { setDrillType("indicator"); setDrillId(id); }} />; } const tabs = [ { id: "dashboard", label: "Impact dashboard" }, { id: "objectives", label: "Objectives", count: OBJECTIVES.length }, { id: "programs", label: "Programs", count: PROGRAMS_O.length }, { id: "results", label: "Results", count: RESULTS.length }, { id: "indicators", label: "Indicators", count: INDICATORS.length }, { id: "values", label: "Indicator values" }, { id: "beneficiaries", label: "Beneficiaries", count: BENEFICIARIES.length }, { id: "stories", label: "Stories", count: STORIES.length }, { id: "capture", label: "Capture config" }, ]; return ( <> setTab("indicators")}>Record an indicator value} secondary={Impact report} />
{tab === "dashboard" && } {tab === "objectives" && setCreateKind("objective")} />} {tab === "programs" && { setDrillType("program"); setDrillId(id); }} onNew={() => setCreateKind("program")} />} {tab === "results" && } {tab === "indicators" && { setDrillType("indicator"); setDrillId(id); }} onNew={() => setCreateKind("indicator")} />} {tab === "values" && } {tab === "beneficiaries" && } {tab === "stories" && } {tab === "capture" && }
{createKind === "objective" && setCreateKind(null)} />} {createKind === "program" && setCreateKind(null)} />} {createKind === "indicator" && setCreateKind(null)} />} ); }; // ============================================================ // VIEW-AS SCOPED PREVIEW // ============================================================ const ViewAs = ({ viewAs, setViewAs }) => { const opts = [ { id: "universal", label: "Universal admin", desc: "Full hierarchy · all programs · all values · audit · edit" }, { id: "regional", label: "Regional admin · NE", desc: "NE region only · scoped indicators + beneficiaries · cannot edit objectives" }, { id: "readonly", label: "Read-only exec / funder", desc: "Aggregated dashboards · narratives · evidence · no per-record drill, no PII" }, ]; return (
Preview as
{opts.map(o => ( ))}
{opts.find(o => o.id === viewAs)?.desc}
); }; // ============================================================ // DASHBOARD // ============================================================ const Dashboard = ({ viewAs }) => ( <>
{OBJECTIVES.filter(o => o.state === "active").map(o => (
{o.start} → {o.end}
{o.name}
{o.narrative}
{o.programs} programs {o.results} results {o.indicators} indicators
YTD: {o.ytdValue} · {o.target}% to goal
 ))}
Open builder} />
IndicatorProgramUnitYTDGoal · % toLast updated
{INDICATORS.slice(0, 6).map((ind, i, arr) => { const prog = PROGRAMS_O.find(p => p.id === RESULTS.find(r => r.id === ind.result)?.program); const pct = ind.lower ? (ind.ytd === 0 ? 100 : 0) : Math.min(100, Math.round((ind.ytd / ind.goal) * 100)); return (
{ind.name} {prog?.name || "—"} {ind.unit} {typeof ind.ytd === "number" ? ind.ytd.toLocaleString() : ind.ytd}
{pct}%
{ind.last.split(" · ")[0]}
); })} {viewAs !== "readonly" && ( <>
{STORIES.slice(0, 3).map(s => { const v = VOLUNTEERS.find(x => x.id === s.v); return (
{v && }
{v?.name}
{s.project}
"{s.text}"
{Object.entries(s.metrics).map(([k, v]) => {v} {k})}
); })}
)} ); // ============================================================ // OBJECTIVES // ============================================================ const Objectives = ({ viewAs, onNew }) => ( <>

Strategic objectives sit at the top of the outcomes hierarchy. Each objective rolls up programs, results, indicators, and indicator values.

New objective
ObjectiveOwnerDate rangeProgramsIndicatorsState
{OBJECTIVES.map((o, i, arr) => (
{o.name}
{o.narrative.slice(0, 100)}…
{o.owner} {o.start.split(",")[1]} → {o.end.split(",")[1]} {o.programs} {o.indicators}
))} ); // ============================================================ // PROGRAMS // ============================================================ const Programs = ({ viewAs, onOpen, onNew }) => { const filtered = viewAs === "regional" ? PROGRAMS_O.filter(p => p.scope.includes("NE") || p.scope.includes("Statewide")) : PROGRAMS_O; return ( <>

Programs roll up under objectives. A program has a type, scope, lead, planned/actual dates, and the results that measure it.

New program
{filtered.map(p => { const obj = OBJECTIVES.find(o => o.id === p.objective); return ( onOpen(p.id)}>
{p.type}
{p.name}
Objective: {obj?.name}
{p.scope} · lead {p.lead}
{p.results} results {p.indicators} indicators Started {p.start}
); })}
); }; const ProgramDetail = ({ prog, onBack, onOpenIndicator }) => { const obj = OBJECTIVES.find(o => o.id === prog.objective); const results = RESULTS.filter(r => r.program === prog.id); const indicators = INDICATORS.filter(i => results.some(r => r.id === i.result)); return ( <> Edit program} secondary={Export program report} />
Rolls up to
{obj?.name}
{obj?.narrative}
 {results.map((r, i, arr) => (
{i + 1}
{r.name}
{r.description}
{r.start} → {r.end}
))}
IndicatorResultUnitYTDGoal · % to
{indicators.map((ind, i, arr) => { const r = results.find(rs => rs.id === ind.result); const pct = ind.lower ? (ind.ytd === 0 ? 100 : 0) : Math.min(100, Math.round((ind.ytd / ind.goal) * 100)); return (
onOpenIndicator(ind.id)} style={{ display: "grid", gridTemplateColumns: "minmax(200px, 1.6fr) minmax(160px, 1fr) 110px 100px 130px 36px", gap: 14, padding: "13px 18px", alignItems: "center", borderBottom: i === arr.length - 1 ? "none" : "1px solid var(--border-soft)", cursor: "pointer", fontSize: 13 }}> {ind.name} {r?.name} {ind.unit} {typeof ind.ytd === "number" ? ind.ytd.toLocaleString() : ind.ytd}
{pct}%
); })}
); }; // ============================================================ // RESULTS TAB // ============================================================ const Results = () => ( <>

Results sit under programs and describe what success looks like. Indicators measure progress against results.

ResultProgramDescriptionDate rangeState
{RESULTS.map((r, i, arr) => { const p = PROGRAMS_O.find(x => x.id === r.program); return (
{r.name} {p?.name} {r.description} {r.start} → {r.end}
); })} ); // ============================================================ // INDICATORS // ============================================================ const Indicators = ({ viewAs, onOpen, onNew }) => ( <>

Indicators measure progress on results. Click any indicator to see its values, sources, and beneficiary attribution.

New indicator
IndicatorResultUnitTypeYTDGoal · % to
{INDICATORS.map((ind, i, arr) => { const r = RESULTS.find(rs => rs.id === ind.result); const pct = ind.lower ? (ind.ytd === 0 ? 100 : 0) : Math.min(100, Math.round((ind.ytd / ind.goal) * 100)); return (
onOpen(ind.id)} style={{ display: "grid", gridTemplateColumns: "minmax(200px, 1.5fr) minmax(160px, 1.1fr) 100px 100px 100px 130px 36px", gap: 14, padding: "13px 18px", alignItems: "center", borderBottom: i === arr.length - 1 ? "none" : "1px solid var(--border-soft)", cursor: "pointer", fontSize: 13 }}> {ind.name} {r?.name} {ind.unit} {ind.type} {typeof ind.ytd === "number" ? ind.ytd.toLocaleString() : ind.ytd}
{pct}%
); })} ); const IndicatorDetail = ({ ind, onBack }) => { const r = RESULTS.find(rs => rs.id === ind.result); const p = PROGRAMS_O.find(pr => pr.id === r?.program); const o = OBJECTIVES.find(obj => obj.id === p?.objective); const values = INDICATOR_VALUES_SAMPLE.filter(v => v.unit === ind.unit).slice(0, 5); const pct = ind.lower ? (ind.ytd === 0 ? 100 : 0) : Math.min(100, Math.round((ind.ytd / ind.goal) * 100)); return ( <> Record value} secondary={Export history} />
Rolls up
{o?.name} → {p?.name} →
{r?.name} → {ind.name}
DateValueSourceNoteBeneficiaryStaff
{values.map((v, i, arr) => (
{v.date} {v.value} {v.source.split(" · ")[0]} {v.note} {(BENEFICIARIES.find(b => b.id === v.beneficiaries) || {}).name || v.beneficiaries || "—"} {v.staff}
))}
Indicator values are separate from approved hours and attendance. Edits here do not change service totals, grant exports, or recognition calculations.
); }; // ============================================================ // INDICATOR VALUES (cross-indicator) // ============================================================ const IndicatorValues = () => ( <>

All recorded indicator values across programs. Drill into any to see the source project/event, the staff recorder, and the beneficiary attribution.

Filter Last 30 days
Bulk record Record value
DateIndicatorValueUnitSourceBeneficiaryStaff
{INDICATOR_VALUES_SAMPLE.map((v, i, arr) => { const ind = INDICATORS.find(x => x.unit === v.unit) || INDICATORS[0]; return (
{v.date} {ind.name} {v.value} {v.unit} {v.source} {(BENEFICIARIES.find(b => b.id === v.beneficiaries) || {}).name || v.beneficiaries || "—"} {v.staff}
); })} ); // ============================================================ // BENEFICIARIES // ============================================================ const Beneficiaries = () => { const [kind, setKind] = useO9("all"); const filtered = kind === "all" ? BENEFICIARIES : BENEFICIARIES.filter(b => b.kind === kind); return ( <>

Beneficiaries are the people, organizations, students, partners, or constituents your outcomes serve. A single record can represent an organization or an aggregate of individuals.

New beneficiary
{[ { id: "all", t: "All", n: BENEFICIARIES.length }, { id: "organization", t: "Organizations", n: BENEFICIARIES.filter(b => b.kind === "organization").length }, { id: "individual", t: "Individuals / aggregate", n: BENEFICIARIES.filter(b => b.kind === "individual").length }, ].map(f => ( ))}
BeneficiaryKindTypeDescriptionProgramsAttributed
{filtered.map((b, i, arr) => (
{b.name}
{b.scope}
{b.kind === "organization" ? "Organization" : "Aggregate"} {b.type} {b.desc} {b.programs} {b.attributed.toLocaleString()}
))}
Beneficiary records follow tenant data-minimization policy. PII fields are only collected when needed for reporting and respect retention rules. This is intentionally simpler than a full CRM.
); }; // ============================================================ // STORIES // ============================================================ const Stories = () => ( <>

Qualitative evidence — quotes, notes, photos, and links — that bring the numbers to life in funder and board reports. Subject to volunteer media consent.

Add story
{STORIES.map(s => { const v = VOLUNTEERS.find(x => x.id === s.v); return (
{v && }
{v?.name}
{s.project}
"{s.text}"
{Object.entries(s.metrics).map(([k, v]) => {v} {k})}
Edit Share
); })}
); // ============================================================ // CAPTURE CONFIG — FR7 // ============================================================ const CaptureConfig = () => ( <>

Configure which outcomes can be captured from projects, events, trainings, and self-scheduled role hour workflows. Captured values feed indicators without modifying approved hours or attendance.

FormApplies toOutputs capturedRequired?State
{[ { name: "Trail crew workday", applies: "Opportunity type: Trail crew", outputs: ["Miles improved", "Trees planted", "Hours"], req: true, state: "active" }, { name: "Shoreline cleanup", applies: "Opportunity type: Cleanup", outputs: ["Material (lbs)", "Miles cleared", "Animals (if found)"], req: true, state: "active" }, { name: "Hunter ed class", applies: "Program: Hunter Outreach", outputs: ["Students certified", "Instructor hours", "Class size"], req: true, state: "active" }, { name: "Naturalist program day", applies: "Program: Naturalist program", outputs: ["Visitors contacted", "Programs delivered", "Notes"], req: true, state: "active" }, { name: "Self-scheduled patrol", applies: "Role: Trail steward (self-sched.)", outputs: ["Miles patrolled", "Conditions noted", "Hours"], req: false, state: "active" }, { name: "Corporate volunteer day", applies: "Program: Corporate volunteer days", outputs: ["Volunteers hosted", "Hours", "Material (if any)"], req: false, state: "draft" }, ].map((f, i, arr) => (
{f.name}
{f.applies}
{f.outputs.map(o => {o})}
{}} label={f.req ? "Required" : "Optional"} />
))}

This is what volunteers and on-site leads see when they capture outcomes for a Trail crew workday after completing the shift.