onSeg(x.key) : undefined} title={x.label} style={merge("height:100%", { flex: x.v, background: x.color, cursor: onSeg ? 'pointer' : 'default' })} />)}
;
}
/* ---- member card (triage feed) ---- */
function MemberCard({ f, t, lang, onOpen, onAssign }) {
return
;
}
/* ---- Connect (home) — 1a + 1b merged ---- */
function Connect({ P, t, lang, onOpen, onAssign, filter, setFilter, goRoster, onOpenEudr }) {
const H = P.health, need = P.needAttention;
const dc = P.driverCounts;
const chips = Object.entries(dc).sort((a, b) => b[1] - a[1]).filter(x => x[1] && C.DRIVERS[x[0]]);
const shown = filter === 'all' ? need : need.filter(f => f.driver === filter);
const ymax = Math.max.apply(null, C.yieldSeries);
return
{P.live &&
{t('liveNote')}
}
{/* overview strip */}
{P.members}
{t('members')}
{P.hectares != null ? P.hectares : '—'}
{t('ha')}
{H.green} {t('good')}
{H.amber} {t('watch')}
{H.red} {t('risk')}
{/* yield forecast — demo only (no defensible live method yet; Mariia owns it) */}
{!P.live &&
+12% {t('vsSeason')}} />
{C.yieldSeries.map((v, i) =>
= 5 ? 'var(--orange)' : 'var(--bg-cream-dim)' })} />)}
{t('now')}{t('forecast')} →
({ v: c.pct, color: c.color }))} />
{t('cropMix')}
{P.cropMix.map((c, i) => {lang === 'sw' ? c.cropSw : c.crop} · {c.pct}%)}
}
{/* market access / EUDR (coffee coop -> export proof) */}
{t('marketAccess')}
{t('marketSub')}
{/* triage feed */}
{t('sortUrgent')} ↓} />
{chips.map(([k, n], i) => { const d = C.DRIVERS[k]; return ; })}
{shown.map(f => )}
↳ {t('tapFarm')}
;
}
/* ---- Wanachama (roster) — 1c ---- */
function Roster({ P, active, t, lang, onOpen }) {
const [q, setQ] = useState('');
const [flt, setFlt] = useState('all');
const [cropF, setCropF] = useState('');
const [srt, setSrt] = useState('worst');
const cname = f => cropDisp(f, lang === 'sw' ? active.cropSw : active.crop, lang);
const cropCounts = {};
P.FARMS.forEach(f => { const c = cname(f); if (c !== '—') cropCounts[c] = (cropCounts[c] || 0) + 1; });
const chips = Object.entries(cropCounts).sort((a, b) => b[1] - a[1]).slice(0, 6);
const order = { red: 0, amber: 1, green: 2, no_data: 3, nodata: 3 };
const ord = st => order[st] !== undefined ? order[st] : 4;
let rows = P.FARMS.slice();
if (cropF) rows = rows.filter(f => cname(f) === cropF);
const H = { green: 0, amber: 0, red: 0 };
rows.forEach(f => { if (H[f.status] !== undefined) H[f.status]++; });
if (flt !== 'all') rows = rows.filter(f => f.status === flt);
if (q) rows = rows.filter(f => (farmLabel(f) + ' ' + (f.name || '') + ' ' + (f.ward || '')).toLowerCase().includes(q.toLowerCase()));
if (srt === 'worst') rows.sort((a, b) => (ord(a.status) - ord(b.status)) || ((a.ndvi != null ? a.ndvi : 9) - (b.ndvi != null ? b.ndvi : 9)));
else if (srt === 'low') rows.sort((a, b) => (a.ndvi != null ? a.ndvi : 9) - (b.ndvi != null ? b.ndvi : 9));
else if (srt === 'high') rows.sort((a, b) => (b.ndvi != null ? b.ndvi : -9) - (a.ndvi != null ? a.ndvi : -9));
else rows.sort((a, b) => farmLabel(a).localeCompare(farmLabel(b)));
const SORTS = lang === 'sw'
? [['worst', 'Mbaya kwanza'], ['low', 'NDVI chini'], ['high', 'NDVI juu'], ['name', 'Jina']]
: [['worst', 'Worst first'], ['low', 'NDVI low'], ['high', 'NDVI high'], ['name', 'Name']];
return
setFlt(flt === k ? 'all' : k)} />
{['green', 'amber', 'red'].map(k => )}
{chips.length > 1 &&
{chips.map(c => )}
}
{rows.map((f, i) =>
onOpen(f.id)} style={s("display:flex;align-items:center;gap:10px;padding:10px 13px;border-top:1px solid var(--line-soft);cursor:pointer")}>
{i + 1}
{farmLabel(f)}
{cname(f)}{f.ward ? ' · ' + f.ward : ''}{f.area ? ' · ' + f.area + ' ha' : ''}
)}
;
}
/* ---- Farm detail drill (Phase 1 plain-language; Kuza Spot grid = Phase 2) ---- */
function FarmView({ f, P, fbUser, t, lang, onBack, onAssign }) {
const d = C.DRIVERS[f.driver] || C.DRIVERS.healthy;
const rec = (C.REC[f.driver] || C.REC.healthy)[lang] || (C.REC[f.driver] || C.REC.healthy).en;
const noData = f.live && f.hasData === false;
// live verdicts use the CF's own rule_v1 thresholds (shipped in the payload) and LEVEL
// words (good/moderate/low) - "normal" is a baseline claim only the demo cohort supports
const TH = (f.live && P && P.thresholds) || null;
const gVerd = TH
? (f.ndvi >= TH.ndvi_green ? ['lvlGood', 'green'] : f.ndvi >= TH.ndvi_amber ? ['lvlMid', 'amber'] : ['lvlLow', 'red'])
: (f.ndvi >= 0.68 ? ['aboveNormal', 'green'] : f.ndvi >= 0.55 ? ['atNormal', 'amber'] : ['belowNormal', 'red']);
const mVerd = TH
? ((f.ndmi || 0) < TH.ndmi_dry ? ['lvlLow', 'red'] : (f.ndmi || 0) < 0.35 ? ['lvlMid', 'amber'] : ['lvlGood', 'green'])
: ((f.ndmi || 0) >= 0.4 ? ['aboveNormal', 'green'] : (f.ndmi || 0) >= 0.28 ? ['atNormal', 'amber'] : ['belowNormal', 'red']);
const stg = f.stage ? (C.STAGES.find(x => x.key === f.stage) || null) : null;
const [sel, setSel] = useState(null);
const grid = f.live ? null : C.kuzaGrid(f);
/* live mode: real Kuza spot feed for this member farm (gsg_gold_eu views via the CF) */
const [liveSpots, setLiveSpots] = useState(null);
useEffect(() => {
if (!f.live || !fbUser) return;
let alive = true;
fbUser.getIdToken()
.then(tok => fetch(COOP_DASH_URL + '?farm=' + encodeURIComponent(f.id), { headers: { Authorization: 'Bearer ' + tok } }))
.then(r => r.ok ? r.json() : null)
.then(j => { if (alive && j) setLiveSpots(j.spots || []); })
.catch(() => { if (alive) setLiveSpots([]); });
return () => { alive = false; };
}, [f.id, f.live, fbUser]);
const livePoints = useMemo(() => {
if (!liveSpots || !liveSpots.length) return null;
const by = {};
liveSpots.forEach(sp => { (by[sp.point_label] = by[sp.point_label] || { label: sp.point_label, rank: sp.point_rank || 0, spots: [] }).spots.push(sp); });
const pts = Object.values(by).sort((a, b) => a.rank - b.rank);
pts.forEach(p => p.spots.sort((a, b) => (a.spot_number || 0) - (b.spot_number || 0)));
return pts;
}, [liveSpots]);
return
{f.farmer}
{f.name}{f.ward && f.ward !== '—' ? ' · ' + f.ward : ''}{f.factory ? ' · ' + t('factory') + ': ' + f.factory : ''}
{noData
?
{(C.DRIVERS.no_data[lang] || C.DRIVERS.no_data.en)} — {t('noRecent')}
:
{t('greenness')}{t(gVerd[0])}
{t('moisture')}{t(mVerd[0])}
}
{stg ? {t('stage')}: {lang === 'sw' ? stg.sw : stg.en}
: {f.hasData === false ? t('noRecent') : (f.verified ? t('verified') : t('provisional'))}}
{f.live ? (liveSpots ? liveSpots.length + ' ' + t('spots') : '…') : f.spots + ' ' + t('spots')}
{(!f.live || (liveSpots && liveSpots.length > 0)) &&
{t('unitLegend')}} />
{!f.live &&
{grid.points.map(pt =>
{pt.letter}
{pt.spots.map(sp => { const on = sel && sel.letter === pt.letter && sel.n === sp.n; return
setSel({ letter: pt.letter, n: sp.n, status: sp.status })} style={merge("border-radius:2px;cursor:pointer", { aspectRatio: '1', background: RAMP[sp.status], boxShadow: on ? '0 0 0 2px var(--orange)' : 'inset 0 0 0 1px rgba(222,153,76,.55)' })} />; })}
)}
}
{f.live && livePoints &&
{livePoints.map(pt =>
{pt.label}
{pt.spots.map(sp => { const k = sp.primary_status_key || 'status.no_data'; const ks = C.KUZA_STATUS[k] || C.KUZA_STATUS['status.no_data']; const on = sel && sel.addr === sp.spot_address; return
setSel({ addr: sp.spot_address, letter: pt.label, n: sp.spot_number, key: k })} style={merge("border-radius:2px;cursor:pointer", { aspectRatio: '1', background: ks.color, boxShadow: on ? '0 0 0 2px var(--orange)' : 'inset 0 0 0 1px rgba(222,153,76,.55)' })} />; })}
)}
}
{t('acre')}
Point
Spot
{sel ? (sel.key
? {f.farmer} · Point {sel.letter} · Spot {sel.n} · {t('hali')}: {((C.KUZA_STATUS[sel.key] || {})[lang]) || sel.key}
: {f.name} · Point {sel.letter} · Spot {sel.n} · {t('hali')}: {C.spotWord(sel.status, f.driver, lang)})
: {t('tapSpot')}}
}
{f.trend && f.trend.length > 1 &&
}
{d.glyph} {lang === 'sw' ? d.sw : d.en}
{t('recAction')}: {rec}
{f.live ? t('liveNote') : t('demoNote')}
{spots && farmId && {spots.length} {L.spots}}
{!gmReady && !slow &&
{L.loading}
}
{gmReady && !ready && slow &&
🗺️
{L.noRender}
{L.noRenderSub}
}
{gmReady && !farmId &&
{isLive ? (pts.length ? L.none : L.noHeat) : L.demo}
}
{err &&
{err}
}
{[['dark', L.dark], ['satellite', L.sat]].map(([k, lab]) => )}
{farm ? farmLabel(farm).toUpperCase() + ' · 10 M SPOTS' : (pts.length ? pts.length + ' SHAMBA · HEAT' : '')}
;
}
function Kazi({ t, lang, tasks, setTasks }) {
if (!tasks.length) return ;
return
{lang === 'sw' ? DK.sw.kaziLocal : DK.en.kaziLocal}
{tasks.map((k, i) => { const d = C.DRIVERS[k.driver] || C.DRIVERS.healthy; return
{d.glyph}
{k.farmer}
{k.name} · {lang === 'sw' ? d.sw : d.en}
; })}
;
}
/* ---- EUDR export stub (coffee coop -> market access) ---- */
function EudrView({ active, P, t, lang, onBack }) {
const farms = P.FARMS, v = P.verifiedCount, p = farms.length - v;
return
{t('eudrTitle')}
{t('eudrIntro')}
{v} {t('verified')}
{p} {t('provisional')}
{farms.map(f =>
{f.farmer}
{f.name}{!f.live && f.ward ? ' · ' + f.ward : ''}{f.area != null ? ' · ' + f.area + ' ha' : ''}
)}
{P.live ? t('liveNote') : t('demoNote')} · {active.name}
;
}
function Mimi({ t, lang, setLang, active, coopId, setCoopId, coopList, live, fbUser, liveErr, isLive }) {
const [open, setOpen] = useState(false);
const [cq, setCq] = useState('');
const [ph, setPh] = useState('+254 ');
const [pin, setPin] = useState('');
const [busy, setBusy] = useState(false);
const [err, setErr] = useState('');
const install = () => { if (deferredPrompt) { deferredPrompt.prompt(); deferredPrompt = null; } else alert(t('install')); };
const list = cq ? coopList.filter(c => (c.name + ' ' + c.county).toLowerCase().includes(cq.toLowerCase())) : coopList;
const signIn = () => {
setErr(''); setBusy(true);
firebase.auth().signInWithEmailAndPassword(phoneToEmail(ph), pin)
.then(() => setBusy(false))
.catch(() => { setBusy(false); setErr(t('liveErr')); });
};
const inp = s("width:100%;box-sizing:border-box;padding:10px 12px;margin:5px 0;font-size:14px;font-family:inherit;border:1px solid var(--line);border-radius:9px;background:var(--bg-cream-dim);color:var(--ink);outline:none");
const repLine = (isLive && fbUser) ? '+' + (fbUser.email || '').split('@')[0] : active.rep;
return
{/* live-mode sign-in (field agent / coop manager, `coop` claim) */}
{!fbUser &&
}
{fbUser &&
{(fbUser.email || '').split('@')[0]}
{isLive ? t('liveNote') : (liveErr || '—')}
}
{t('language')}
{['sw', 'en'].map(l => )}
setOpen(o => !o)} style={s("display:flex;justify-content:space-between;align-items:center;color:var(--ink);cursor:pointer;padding:13px 14px")}>
{t('switchTitle')}
{live ? (coopList.length + ' · live') : 'demo'}
{open &&
}
{open && list.slice(0, 40).map(c =>
{ setCoopId(c.id); setOpen(false); setCq(''); }} style={s("display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--line-soft);cursor:pointer")}>
{c.short}
{c.county}{c.membersTotal ? ' · ' + c.membersTotal.toLocaleString() + ' ' + t('coopMembersTotal') : ''}
{c.id === coopId &&
}
)}
{open && list.length > 40 &&
+{list.length - 40} — {t('search')}
}
{t('install')}
{isLive ? t('liveNote') : t('demoNote')} · {active.short}{!isLive && active.membersTotal ? ' (' + active.membersTotal.toLocaleString() + ' ' + t('members').toLowerCase() + ')' : ''}
;
}
/* ---- shell ---- */
/* ── Ofisi ya Ushirika — the desktop dashboard (>=1000px, tab 'connect').
* Same P data as the phone views; Kenyan voice — English base, Swahili dashes
* (shamba, mvua, kazi, leo, kanda, mazao). Calm doctrine: mambo ya haraka
* kwanza, the rest can wait. Approved mock: design/coop-office-dashboard-mock-v1. */
/* ---- display hygiene: the warehouse carries mixed-case crops, technical farm
* names and ids that must never be shown raw to a chairman. ---- */
const titleCase = w => String(w || '').replace(/[_-]+/g, ' ').trim().toLowerCase().replace(/\b[a-z]/g, c => c.toUpperCase());
/* live rows carry an explicit crop; the demo portfolio has none per farm, so it
* falls back to the co-op's own crop rather than mis-reading the farm name. */
const cropOf = (f, fallback) => {
const raw = f.crop ? String(f.crop) : (String(f.name || '').indexOf(' \u00b7 ') > -1 ? String(f.name).split(' \u00b7 ')[0] : (fallback || ''));
return raw.trim() ? titleCase(raw.trim()) : '\u2014';
};
/* warehouse test values like unknown_test must never face a chairman */
const cropDisp = (f, fb, lang) => { const n = cropOf(f, fb); return /^unknown/i.test(n) ? (lang === 'sw' ? 'Haijulikani' : 'Unknown') : n; };
const farmLabel = f => { // hide field_2026... / firestore ids
const n = String(f.farmer || '').trim();
return (!n || /^(field_\d+|[A-Za-z0-9_-]{18,})$/.test(n)) ? 'Shamba ' + String(f.id).slice(-4) : n;
};
/* Desk copy - EN is Kenyan English (shamba, mvua, kanda stay), SW is fuller Swahili. */
const DK = {
sw: {
briefing: 'Taarifa ya leo',
cropLab: 'Chuja kwa zao', all: 'Zote', back: '\u2039 Rudi', thNdvi: 'NDVI',
segNeed: 'Wanaohitaji kutembelewa \u2014 wote', segHealth: 'Alama ya kila shamba',
segAll: 'Wanachama wote', tapTile: 'Gusa kadi kuona orodha kamili',
kaziLocal: 'Orodha ya ndani ya ofisi \u2014 bado haijatumwa kwa app ya agronomist.',
prep: 'Maandalizi', remind: 'Vikumbusho vya wiki hii',
rem1: 'Safisha mifereji kabla ya mvua ya Alhamisi.', rem2: 'Tembelea shamba zenye upungufu wa maji kwanza.',
rem3: 'Angalia hali baada ya raundi ijayo ya kumwagilia.', remTag: 'mwongozo \u00b7 si utabiri wa KMD',
kuzaEyeb: 'Jinsi tunavyosoma shamba', kuzaTitle: 'Kipande, Point, na ekari', openMap: 'Fungua ramani',
spotT: 'Kipande \u00b7 Spot', spotB: 'Mita 10 kwa 10 \u2014 kipimo kidogo kabisa cha setilaiti.',
pointT: 'Point', pointB: 'Vipande 2 kwa 2. Hapa ndipo mkulima anaenda.',
acreT: 'Ekari', acreB: 'Karibu Points 10 \u2014 vipande 40 hivi.',
need1: 'Shamba moja linahitaji kutembelewa leo.', needN: n => 'Shamba ' + n + ' zinahitaji kutembelewa leo.',
calm: 'Hakuna cha dharura leo', calmTail: 'shamba zote ziko sawa.', cause: 'Sababu kubwa',
farmsWord: 'shamba', noUrgent: 'hakuna cha dharura', asOf: 'Data ya asubuhi', sample: 'Portfolio ya mfano \u00b7 demo',
kMembers: 'Wanachama', kNeed: 'Wanaohitaji kutembelewa', kHealth: 'Afya ya jumla', kVerified: 'Zimehakikiwa',
kReady: 'Tayari kwa mnunuzi', kTasks: 'Kazi za leo', good: 'mzuri', watch: 'angalia', urgent: 'haraka',
worstFirst: 'worst-first \u00b7 anza hapa chini', noNew: 'bila data mpya', readySub: 'kuiva au mavuno karibu',
tasksSet: 'zimepangwa \u00b7 Kazi', tasksNone: 'hakuna bado \u2014 panga hapa chini',
startHere: 'Anza na hawa', startSub: 'anza hapa', calmLine: 'Mambo ya haraka kwanza \u2014 mengine yanaweza kusubiri.',
thFarmer: 'Mkulima', thCrop: 'Zao', thCounty: 'Kaunti', thWhy: 'Kwa nini', thState: 'Hali',
assign: 'Mpe kazi', assigned: 'imepangwa', rain: 'Mvua', thisWeek: 'wiki hii', sampleTag: 'mfano \u00b7 illustrative',
rainLive: 'Mvua ya kila shamba iko kwenye ukurasa wake. Feed ya ushirika mzima inakuja \u2014 kwa sasa,',
rainLink: 'bulletin ya wiki \u2192', plant: 'Panda Ijumaa.', spray: 'Nyunyiza kabla ya Alhamisi.',
tasks: 'Kazi', today: 'leo', tasksEmpty: 'Hakuna kazi bado. Chagua shamba kwenye orodha \u2014 mpe mtu.',
zones: 'Kanda', glance: 'kwa mtazamo', zHaraka: 'haraka \u2014 anza hapa', zAngalia: 'angalia',
crops: 'Mazao yetu', cropsSub: 'tunayolima', records: 'Rekodi', recordsSub: 'wazi \u00b7 na tarehe',
recVerified: 'shamba zimehakikiwa kutoka angani', recNoData: 'bila data mpya ya setilaiti',
recTail: 'tunaangalia kutoka juu, mara mbili kwa wiki',
ninoT: 'Tayari kwa El Ni\u00f1o.', ninoB: 'Mvua kubwa zinatarajiwa msimu huu \u2014 safisha mifereji, funika mazao ghalani, angalia mteremko.',
ninoLink: 'Soma bulletin ya wiki \u2192' },
en: {
briefing: 'Today\u2019s briefing',
cropLab: 'Filter by crop', all: 'All', back: '\u2039 Back', thNdvi: 'NDVI',
segNeed: 'Everyone who needs a visit', segHealth: 'Every shamba, its own reading',
segAll: 'All members', tapTile: 'Tap a tile to see the full list',
kaziLocal: 'Office-local list \u2014 not yet sent to the agronomist\u2019s app.',
prep: 'Preparedness', remind: 'This week\u2019s reminders',
rem1: 'Clear the drains before Thursday\u2019s rain.', rem2: 'Visit the shamba with water shortfall first.',
rem3: 'Check recovery after the next watering round.', remTag: 'guidance \u00b7 not a KMD forecast',
kuzaEyeb: 'How we read a shamba', kuzaTitle: 'Spot, Point and acre', openMap: 'Open the map',
spotT: 'Spot \u00b7 kipande', spotB: '10 m by 10 m \u2014 the smallest thing the satellite sees.',
pointT: 'Point', pointB: '2 by 2 spots. This is where the farmer actually walks.',
acreT: 'Acre', acreB: 'About 10 Points \u2014 roughly 40 spots.',
need1: 'One shamba needs a visit today.', needN: n => n + ' shamba need a visit today.',
calm: 'Nothing urgent today', calmTail: 'every shamba is fine.', cause: 'Biggest cause',
farmsWord: 'shamba', noUrgent: 'nothing urgent', asOf: 'Morning data', sample: 'Sample portfolio \u00b7 demo',
kMembers: 'Members', kNeed: 'Need a visit', kHealth: 'Overall health', kVerified: 'Verified',
kReady: 'Ready for the buyer', kTasks: 'Today\u2019s work', good: 'good', watch: 'watch', urgent: 'urgent',
worstFirst: 'worst-first \u00b7 start below', noNew: 'with no fresh data', readySub: 'ripening or near harvest',
tasksSet: 'assigned \u00b7 Kazi', tasksNone: 'none yet \u2014 assign below',
startHere: 'Start with these', startSub: 'start here', calmLine: 'Urgent things first \u2014 the rest can wait.',
thFarmer: 'Member', thCrop: 'Crop', thCounty: 'County', thWhy: 'Why', thState: 'State',
assign: 'Assign', assigned: 'assigned', rain: 'Mvua \u00b7 rain', thisWeek: 'this week', sampleTag: 'sample \u00b7 illustrative',
rainLive: 'Each shamba carries its own rain on its page. The whole-co-op feed is in build \u2014 for now,',
rainLink: 'this week\u2019s bulletin \u2192', plant: 'Plant Friday.', spray: 'Spray before Thursday.',
tasks: 'Kazi \u00b7 work', today: 'today', tasksEmpty: 'No work assigned yet. Pick a shamba from the list and give it to someone.',
zones: 'Kanda \u00b7 zones', glance: 'at a glance', zHaraka: 'urgent \u2014 start here', zAngalia: 'to watch',
crops: 'What we grow', cropsSub: 'across the co-op', records: 'The record', recordsSub: 'plain \u00b7 dated',
recVerified: 'shamba verified from above', recNoData: 'with no fresh satellite pass',
recTail: 'we check from above, twice a week',
ninoT: 'El Ni\u00f1o readiness.', ninoB: 'Heavy rains are expected this season \u2014 clear the drains, cover stored produce, watch the slopes.',
ninoLink: 'Read this week\u2019s bulletin \u2192' },
};
const HALI_W = { sw: { red: 'HARAKA', amber: 'ANGALIA', nodata: 'TEMBELEA', green: 'MZURI' },
en: { red: 'URGENT', amber: 'WATCH', nodata: 'VISIT', green: 'GOOD' } };
const HALI = { red: ['HARAKA', 'c-haraka'], amber: ['ANGALIA', 'c-angalia'], nodata: ['TEMBELEA', 'c-tembelea'], green: ['MZURI', 'c-tayari'] };
function Desk({ P, active, isLive, lang, tasks, onOpen, onAssign, onMap }) {
const d = DK[lang === 'sw' ? 'sw' : 'en'], hw = HALI_W[lang === 'sw' ? 'sw' : 'en'];
const [cropF, setCropF] = useState(''); // '' = all crops
const [seg, setSeg] = useState(null); // null | 'need' | 'health' | 'all'
const cropName = f => cropDisp(f, lang === 'sw' ? active.cropSw : active.crop, lang);
// crop chips from the real portfolio (only when there is a real mix)
const cropCounts = {};
P.FARMS.forEach(f => { const c = cropName(f); if (c !== '—') cropCounts[c] = (cropCounts[c] || 0) + 1; });
const cropChips = Object.entries(cropCounts).sort((a, b) => b[1] - a[1]).slice(0, 6);
// EVERYTHING below derives from the filtered set — coffee-only means
// coffee-only headline, KPIs, kanda and table. That is the point.
const FA = cropF ? P.FARMS.filter(f => cropName(f) === cropF) : P.FARMS;
const need = FA.filter(f => f.status === 'red' && f.hasData !== false);
const N = need.length;
const health = { green: 0, amber: 0, red: 0 }; let noData = 0, verified = 0;
FA.forEach(f => { if (f.status === 'green') health.green++; else if (f.status === 'amber') health.amber++; else if (f.status === 'red') health.red++; else noData++; if (f.verified) verified++; });
const drvCounts = need.reduce((a, f) => { a[f.driver] = (a[f.driver] || 0) + 1; return a; }, {});
const topDrv = Object.entries(drvCounts).sort((a, b) => b[1] - a[1])[0];
const drvWord = k => (C.DRIVERS[k] ? (lang === 'sw' ? C.DRIVERS[k].sw : C.DRIVERS[k].en) : (k || '—'));
const byWard = {};
FA.forEach(f => { const w = f.ward; if (!w) return; const o = byWard[w] = byWard[w] || { n: 0, red: 0, amber: 0 }; o.n++; if (f.status === 'red') o.red++; else if (f.status === 'amber') o.amber++; });
const kanda = Object.entries(byWard).sort((a, b) => (b[1].red - a[1].red) || (b[1].n - a[1].n)).slice(0, 4);
const calmWard = kanda.filter(kv => !kv[1].red).sort((a, b) => b[1].n - a[1].n)[0];
const tayari = FA.filter(f => f.stage === 'harvest' || f.stage === 'ripening').length;
const ha = cropF ? Math.round(FA.reduce((a, f) => a + (f.area || 0), 0) * 10) / 10 : P.hectares;
// the table is the drill surface: default = worst-first six; a tapped tile
// expands it to the full segment with each shamba's own NDVI reading
const W = { red: 0, amber: 1, nodata: 2, no_data: 2, green: 3 };
let rows, segTitle = null;
if (seg === 'need') { rows = need.concat(FA.filter(f => f.status === 'amber')); segTitle = d.segNeed; }
else if (seg === 'health') { rows = FA.slice().sort((a, b) => ((W[a.status] ?? 2) - (W[b.status] ?? 2)) || ((a.ndvi ?? 1) - (b.ndvi ?? 1))); segTitle = d.segHealth; }
else if (seg === 'all') { rows = FA.slice().sort((a, b) => farmLabel(a).localeCompare(farmLabel(b))); segTitle = d.segAll; }
else rows = need.concat(FA.filter(f => f.status === 'amber')).slice(0, 6);
const drill = !!seg;
const tile = k => () => setSeg(seg === k ? null : k);
return
{/* ── today's briefing ─────────────────────────────────────────── */}
{d.briefing}{cropF ? ' · ' + cropF : ''}
{N > 0 ? (N === 1 ? d.need1 : d.needN(N)) : d.calm + ' — ' + d.calmTail}
{topDrv && C.DRIVERS[topDrv[0]] ? d.cause + ' — ' + drvWord(topDrv[0]).toLowerCase() + ' (' + topDrv[1] + ' ' + d.farmsWord + '). ' : ''}
{calmWard ? calmWard[0] + ' — ' + d.noUrgent + '. ' : ''}
{P.asOf ? d.asOf + ' · ' + P.asOf + '.' : d.sample + '.'}
{d.ninoLink}
{cropChips.length > 1 &&
{d.cropLab}
{cropChips.map(c => )}
}
{d.kMembers}
{FA.length}
{ha != null ? ha + ' ha · ' : ''}{cropF || active.county}
{d.kNeed}
{N}
{d.worstFirst}
{d.kHealth}
{health.green} {d.good}
{health.amber} {d.watch} · {health.red} {d.urgent}{noData ? ' · ' + noData + ' ' + d.noNew : ''}
{tayari > 0
?
{d.kReady}
{tayari} {d.farmsWord}
{d.readySub}
:
{d.kTasks}
{tasks.length}
{tasks.length ? d.tasksSet : d.tasksNone}
}
{/* ── start here / drill list + right rail ─────────────────────── */}
{drill ? (cropF || d.all) + ' · ' + rows.length : d.startSub}
{segTitle || d.startHere}
{drill
?
:
{d.calmLine}}
| {d.thFarmer} | {d.thCrop} | {d.thCounty} |
{drill ? {d.thNdvi} | : {d.thWhy} | }{d.thState} | |
|---|
{rows.map(f => { const done = tasks.some(x => x.id === f.id); const actionable = f.status === 'red' || f.status === 'amber';
return onOpen(f.id)}>
{farmLabel(f)} {f.area ? {f.area} ha : null} |
{cropName(f)} |
{f.ward} |
{drill
? {f.ndvi != null ? f.ndvi.toFixed(2) : '—'} |
: {drvWord(f.driver)} | }
{hw[f.status] || hw.nodata} |
{done
? {d.assigned} ✓
: actionable ? : null} |
; })}
{kanda.map(kv => { const w = kv[0], o = kv[1];
const col = o.red ? 'var(--red)' : o.amber ? 'var(--amber)' : 'var(--green)';
const word = o.red ? o.red + ' ' + d.zHaraka : o.amber ? o.amber + ' ' + d.zAngalia : d.noUrgent;
return
; })}
{d.recordsSub}
{d.records}
{cropF ? verified : P.verifiedCount} {d.recVerified}
{cropF ? noData : P.noData} {d.recNoData}
{P.asOf ? d.asOf + ' · ' + P.asOf + ' · ' : ''}{d.recTail}
{/* ── how the co-op reads a shamba (Kuza) + the record ─────────── */}
{d.kuzaEyeb}
{d.kuzaTitle}
{[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15].map(i => )}
{d.acreT}{d.acreB}
{P.cropMix.map((m, i) => )}
{P.cropMix.map((m, i) => {titleCase(lang === 'sw' ? m.cropSw : m.crop)} {m.pct}%)}
{body}
;
}
ReactDOM.createRoot(document.getElementById('root')).render();