/* Plan a trip · Session picker · Live session · Quick log. */ // ---------- SHARED SAMPLE DATA ---------- // v4: loadout concept retired. Each gun carries its own configuration // (accessories, suppressor if any, default ammo). Sessions reference // guns directly. Suppressed state is a per-session reconciliation // question — asked at end of session for any gun with a suppressor. const SAMPLE_GUNS = [ { id:1, name:'Glock 19 Gen5', gunType:'pistol', caliber:'9mm', config:{ optic:'Trijicon RMR Type 2', light:'Streamlight TLR-7A', trigger:'Apex AEK', suppressor:{ name:'SilencerCo Omega 9K', serial:'OM9-44218' } }, defaultAmmo:'9mm · Training · 115gr', plusN:50, planned:250 }, { id:2, name:'SIG P365 XL', gunType:'pistol', caliber:'9mm', config:{ optic:'Sig Romeo Zero', suppressor:null }, defaultAmmo:'9mm · Defensive · 124gr', plusN:50, planned:100 }, { id:3, name:'11.5″ AR-15', gunType:'ar', caliber:'5.56', config:{ optic:'Primary Arms GLx 1-6× LPVO', stock:'BCM Mod 0', grip:'Magpul MOE', suppressor:null }, defaultAmmo:'5.56 · Defensive · 62gr', plusN:30, planned:140 }, { id:4, name:'Beretta 92FS', gunType:'pistol', caliber:'9mm', config:{ suppressor:null }, defaultAmmo:'9mm · Training · 115gr', plusN:50, planned:50 }, { id:5, name:'Ruger 10/22', gunType:'pcc', caliber:'.22LR', config:{ suppressor:null }, defaultAmmo:'.22LR · Training · 40gr', plusN:50, planned:200 }, ]; // Helper — describe a gun's configuration as a single line for cards. function describeConfig(g) { const parts = []; if (g.config.optic) parts.push(g.config.optic); if (g.config.light) parts.push(g.config.light); if (g.config.trigger) parts.push(g.config.trigger); if (g.config.suppressor) parts.push(g.config.suppressor.name); return parts.length ? parts.join(' · ') : 'Stock'; } // Reserves by full ammo type — lets the planner show "X rds on hand" inline. const RESERVES = { '9mm · Training · 115gr': 1200, '9mm · Training · 124gr': 640, '9mm · Defensive · 124gr': 400, '9mm · Defensive · 147gr': 400, '9mm · Match · 147gr': 200, '5.56 · Training · 55gr': 80, '5.56 · Defensive · 62gr': 240, '5.56 · Match · 77gr': 0, }; // v4.7: lot-level data for the optional "pick specific lots" drill-down // in Plan Trip. A shooter who tracks by lot can drill in and say exactly // which boxes they're bringing. const LOTS = { '9mm · Training · 115gr': [ { id:'lot-pmc-mar28', brand:'PMC Bronze', remaining:680, total:1000, cost:0.20, date:'Mar 28' }, { id:'lot-fed-feb14', brand:'Federal Champion', remaining:520, total:500, cost:0.21, date:'Feb 14' }, ], '9mm · Training · 124gr': [ { id:'lot-win-jan22', brand:'Winchester USA', remaining:640, total:1000, cost:0.22, date:'Jan 22' }, ], '9mm · Defensive · 124gr': [ { id:'lot-hst-mar02', brand:'Federal HST', remaining:400, total:500, cost:0.95, date:'Mar 02' }, ], '9mm · Defensive · 147gr': [ { id:'lot-spr-dec14', brand:'Speer Gold Dot', remaining:400, total:500, cost:0.78, date:'Dec 14' }, ], '9mm · Match · 147gr': [ { id:'lot-syn-feb28', brand:'Federal Syntech', remaining:200, total:500, cost:1.20, date:'Feb 28' }, ], '5.56 · Defensive · 62gr': [ { id:'lot-xm193', brand:'Federal XM193', remaining:240, total:500, cost:0.42, date:'Mar 14' }, ], }; function PlanTrip({ go }) { const [selected, setSelected] = React.useState([1, 3]); // v4.2: multi-ammo per gun. Each selected gun has 1+ ammo entries. // gunAmmos: { gunId: [{ id, type, planned }, ...] } const [gunAmmos, setGunAmmos] = React.useState({ 1: [{id:'a1', type:'9mm · Training · 115gr', planned:250}], 3: [{id:'a3', type:'5.56 · Defensive · 62gr', planned:140}], }); const [purpose, setP] = React.useState('Drills'); const [place, setPlace] = React.useState('Bell Range · Indoor 25yd'); const toggle = (gunId) => { if (selected.includes(gunId)) { setSelected(s => s.filter(x => x !== gunId)); setGunAmmos(ga => { const next = {...ga}; delete next[gunId]; return next; }); } else { const gun = SAMPLE_GUNS.find(g => g.id === gunId); setSelected(s => [...s, gunId]); setGunAmmos(ga => ({...ga, [gunId]: [{id:'a'+Date.now(), type:gun.defaultAmmo, planned:gun.planned}]})); } }; const addAmmoTo = (gunId) => { const gun = SAMPLE_GUNS.find(g => g.id === gunId); setGunAmmos(ga => ({...ga, [gunId]: [...(ga[gunId]||[]), {id:'a'+Date.now(), type:gun.defaultAmmo, planned:100}]})); }; const updateAmmo = (gunId, entryId, field, value) => { setGunAmmos(ga => ({...ga, [gunId]: ga[gunId].map(e => e.id===entryId ? {...e, [field]:value} : e)})); }; const removeAmmo = (gunId, entryId) => { setGunAmmos(ga => ({...ga, [gunId]: ga[gunId].filter(e => e.id!==entryId)})); }; const selectedGuns = SAMPLE_GUNS.filter(g => selected.includes(g.id)); const totalPlanned = Object.values(gunAmmos).flat().reduce((s,e)=>s+(parseInt(e.planned)||0),0); return ( <>
When · Where
Date
Today · May 13
Where · Default
{place}
{['Bell Range · Indoor 25yd','Outdoor · 100yd','Outdoor · 300yd','Home range'].map(p => setPlace(p)}>{p})}
Guns · tap to add to trip
{SAMPLE_GUNS.map(g => ( toggle(g.id)} ammos={gunAmmos[g.id] || []} onAddAmmo={()=>addAmmoTo(g.id)} onUpdateAmmo={(eid, field, value)=>updateAmmo(g.id, eid, field, value)} onRemoveAmmo={(eid)=>removeAmmo(g.id, eid)} /> ))}
{selectedGuns.length > 0 && ( <> If this trip goes as planned
)} Purpose · Goals
{['Zero','Drills','Reload practice','Distance','Plinking','Holster work'].map(p => ( setP(p)}>{p} ))}
Goal for this trip
e.g. "Sub-2s draw to first shot, consistent."
); } // ---------- GUN PICKER (with multi-ammo expansion when selected) ---------- // v4.2: supports MULTIPLE ammo entries per gun. Users routinely bring two // types — e.g., 200 training + 100 defensive to validate a carry load. // Each ammo entry has its own type + plan-to-bring. + Add another ammo type. function GunPickerWithAmmo({ gun, selected, onToggle, ammos, onAddAmmo, onUpdateAmmo, onRemoveAmmo }) { const hasSuppressor = !!gun.config.suppressor; return (
{/* Pick row — always visible */}
{gun.name}
{gun.caliber} · {describeConfig(gun)}
{hasSuppressor && ( SUP READY )} {selected && }
{/* Inline AMMO ENTRIES — one card per ammo, "+ Add another" at bottom */} {selected && (
Ammo for this trip {ammos.length > 1 && · {ammos.length} types}
{ammos.map((entry, idx) => ( 1} onUpdate={(field, value)=>onUpdateAmmo(entry.id, field, value)} onRemove={()=>onRemoveAmmo(entry.id)} /> ))}
{/* + Add another ammo type — clear CTA */}
)}
); } // ---------- AMMO ENTRY (one ammo type within a gun's plan) ---------- function AmmoEntry({ idx, gun, entry, canRemove, onUpdate, onRemove }) { const [editing, setEditing] = React.useState(false); const [lotPickerOpen, setLotPickerOpen] = React.useState(false); const reserve = RESERVES[entry.type] || 0; const planned = parseInt(entry.planned) || 0; const alternates = gun.caliber==='9mm' ? ['9mm · Training · 115gr','9mm · Training · 124gr','9mm · Defensive · 124gr','9mm · Defensive · 147gr','9mm · Match · 147gr'] : gun.caliber==='5.56' ? ['5.56 · Training · 55gr','5.56 · Defensive · 62gr','5.56 · Match · 77gr'] : ['.22LR · Training · 40gr','.22LR · Match · 40gr']; const reserveLow = reserve < planned; const isDefault = entry.type === gun.defaultAmmo; const availableLots = LOTS[entry.type] || []; const selectedLotIds = entry.lotIds || []; const toggleLot = (lotId) => { const next = selectedLotIds.includes(lotId) ? selectedLotIds.filter(x=>x!==lotId) : [...selectedLotIds, lotId]; onUpdate('lotIds', next); }; return (
AMMO {idx+1} {isDefault && · DEFAULT}
{entry.type}
{canRemove && ( )}
{editing && (
{alternates.map(a => ( onUpdate('type', a)}>{a} ))}
)}
Plan to bring
onUpdate('planned', e.target.value)} type="number" style={{width:80, background:'var(--bg-elevated-2)', border:'1px solid var(--border-default)', color:'var(--fg-1)', padding:'6px 8px', borderRadius:2, fontFamily:'var(--font-display)', fontSize:20, textAlign:'center'}}/> RDS
On hand · this type
{reserve.toLocaleString()}
{reserveLow &&
SHORT BY {planned - reserve}
}
{/* v4.7: optional lot-level picker. For shooters who track specific boxes/lots and want to pick exactly which ones they're bringing. */} {availableLots.length > 0 && ( <>
{lotPickerOpen && (
Which boxes from your stock are you bringing? Selecting specific lots tightens cost + brand attribution for this trip.
{availableLots.map(lot => { const picked = selectedLotIds.includes(lot.id); return (
toggleLot(lot.id)} style={{ cursor:'pointer', padding:'10px 12px', background: picked ? 'var(--bg-elevated-1)' : 'transparent', border:'1px solid', borderColor: picked ? 'var(--rh-brass)' : 'var(--border-default)', borderLeftWidth: picked ? 3 : 1, borderLeftColor: picked ? 'var(--rh-brass)' : 'var(--border-default)', borderRadius:2, display:'grid', gridTemplateColumns:'1fr auto auto', gap:10, alignItems:'center', }}>
{lot.brand}
Purchased {lot.date} · ${lot.cost.toFixed(2)}/rd
{lot.remaining}
OF {lot.total}
{picked && }
); })}
)} )}
); } function ImpactRow({ k, v, tone }) { const color = tone==='warn' ? '#E5B07E' : tone==='crit' ? 'var(--rh-dusty-red)' : 'var(--rh-bone-300)'; return (
{k} {v}
); } // ---------- SESSION PICKER ---------- function SessionPicker({ go }) { return ( <>
Use · Capture

How are you logging?

Same data either way. Pick what fits the moment.
go('live')} style={{cursor:'pointer', marginTop:8}}>
Live session
On the range, right now. Big buttons, glove-friendly.
go('log')} style={{cursor:'pointer', marginTop:10}}>
Quick log
Drove home, log it after. ~30 seconds.
Today's plan loaded
WhereIndoor · 25yd
FirearmsGlock 19 · 11.5″ AR
Ammo250 · 140
); } // ---------- LIVE SESSION ---------- // v4.2: gun-driven WITH multi-ammo support. Each session gun has 1+ ammo // entries. When a gun has 2+ ammos, a small switcher appears so the user // can mark which ammo they're shooting right now. Counts tracked per // (gun, ammoEntry) pair. function LiveSession({ go }) { // For prototype: 3 guns in session, Glock 19 brings TWO ammo types. const sessionGuns = [ { ...SAMPLE_GUNS.find(g=>g.id===1), ammos:[ {id:'a1', type:'9mm · Training · 115gr', planned:200}, {id:'a2', type:'9mm · Defensive · 124gr', planned:50}, ] }, { ...SAMPLE_GUNS.find(g=>g.id===2), ammos:[{id:'a3', type:'9mm · Defensive · 124gr', planned:100}] }, { ...SAMPLE_GUNS.find(g=>g.id===3), ammos:[{id:'a4', type:'5.56 · Defensive · 62gr', planned:140}] }, ]; const [active, setActive] = React.useState(1); // activeAmmo[gunId] = ammoEntryId const [activeAmmo, setActiveAmmo] = React.useState({1:'a1', 2:'a3', 3:'a4'}); // counts[gunAmmoKey] = rounds. key = `${gunId}:${ammoEntryId}` const [counts, setCounts] = React.useState({'1:a1':87, '1:a2':40, '2:a3':0, '3:a4':0}); const [malf, setM] = React.useState(0); const activeGun = sessionGuns.find(g => g.id === active); const activeAmmoId = activeAmmo[active]; const activeAmmoEntry = activeGun.ammos.find(a => a.id === activeAmmoId); const key = `${active}:${activeAmmoId}`; const ac = counts[key] || 0; const remaining = (activeAmmoEntry?.planned || 0) - ac; const hasSuppressor = !!activeGun.config.suppressor; // Total across all ammos for this gun const gunTotal = activeGun.ammos.reduce((s,a)=>s+(counts[`${active}:${a.id}`]||0), 0); const addN = (n) => setCounts(c => ({...c, [key]: Math.max(0, (c[key]||0) + n)})); return ( <>
Live session

Bell Range · 25yd

{/* ACTIVE GUN SWITCHER — replaces the old loadout switcher */}
Active gun · tap to switch
{sessionGuns.map(g => { const isActive = g.id===active; const gunHasSup = !!g.config.suppressor; return ( ); })}
{/* ACTIVE GUN CARD */}
· {activeGun.name.toUpperCase()} ·
{activeGun.caliber} · {gunTotal} rds total
{hasSuppressor && ( SUP READY )}
{/* AMMO SWITCHER — only when this gun has 2+ ammos */} {activeGun.ammos.length > 1 && (
Active ammo · which one you're shooting now
{activeGun.ammos.map((a, idx) => { const isActiveAmmo = a.id === activeAmmoId; const ammoCount = counts[`${active}:${a.id}`] || 0; return ( ); })}
)} {/* BIG ROUNDS COUNTER + PRIMARY +N BUTTON */}
{activeGun.ammos.length > 1 ? `Rounds fired · AMMO ${activeGun.ammos.findIndex(a=>a.id===activeAmmoId)+1}` : 'Rounds fired · this gun'}
{ac}
BROUGHT · {activeAmmoEntry?.planned || 0} LEFT · {remaining}
One box · {activeAmmoEntry?.type || ''}
{/* MALFUNCTION button - opens real logging screen (type + ammo + notes) */}
Working on
Sub-2s draw Reload practice + Add goal
); } // ---------- QUICK LOG (after the fact) ---------- // v3.2: loadout-based retroactive log. Pick loadouts, enter rounds (with // suppressed split), pick ammo brand if mid-session brand was used. function QuickLog({ go }) { // v4.2: gun-based, multi-ammo per gun, inline suppressed reconciliation. // gunAmmos: { gunId: [{ id, type, rounds, supMode, supSplit }, ...] } const [selected, setSelected] = React.useState([]); const [gunAmmos, setGunAmmos] = React.useState({}); const toggle = (gunId) => { if (selected.includes(gunId)) { setSelected(s => s.filter(x => x !== gunId)); setGunAmmos(ga => { const next = {...ga}; delete next[gunId]; return next; }); } else { const gun = SAMPLE_GUNS.find(g => g.id === gunId); setSelected(s => [...s, gunId]); setGunAmmos(ga => ({...ga, [gunId]: [{id:'a'+Date.now(), type:gun.defaultAmmo, rounds:'', supMode:null, supSplit:''}]})); } }; const addAmmoTo = (gunId) => { const gun = SAMPLE_GUNS.find(g => g.id === gunId); setGunAmmos(ga => ({...ga, [gunId]: [...(ga[gunId]||[]), {id:'a'+Date.now(), type:gun.defaultAmmo, rounds:'', supMode:null, supSplit:''}]})); }; const updateAmmo = (gunId, entryId, field, value) => { setGunAmmos(ga => ({...ga, [gunId]: ga[gunId].map(e => e.id===entryId ? {...e, [field]:value} : e)})); }; const removeAmmo = (gunId, entryId) => { setGunAmmos(ga => ({...ga, [gunId]: ga[gunId].filter(e => e.id!==entryId)})); }; const selectedGuns = SAMPLE_GUNS.filter(g => selected.includes(g.id)); const totalRounds = Object.values(gunAmmos).flat().reduce((s,e)=>s+(parseInt(e.rounds)||0),0); return ( <>
When
TodayYesterdayEarlier this weekPick a date
Where
Bell Range · Indoor 25ydOutdoor · 100ydHome
Guns used · tap to select
{SAMPLE_GUNS.map(g => { const isSel = selected.includes(g.id); const hasSup = !!g.config.suppressor; return (
toggle(g.id)} style={{ cursor:'pointer', background: isSel ? 'var(--bg-elevated-1)' : 'transparent', border:'1px solid', borderColor: isSel ? 'var(--rh-brass)' : 'var(--border-default)', borderLeftWidth: isSel ? 3 : 1, borderLeftColor: isSel ? 'var(--rh-brass)' : 'var(--border-default)', borderRadius:2, padding:'10px 12px', display:'grid', gridTemplateColumns:'1fr auto auto', gap:10, alignItems:'center', }}>
{g.name}
{g.caliber} · {g.defaultAmmo}
{hasSup && ( SUP READY )} {isSel && }
); })}
{selectedGuns.length > 0 && ( <> Rounds fired
{selectedGuns.map(g => ( addAmmoTo(g.id)} onUpdateAmmo={(eid, field, val)=>updateAmmo(g.id, eid, field, val)} onRemoveAmmo={(eid)=>removeAmmo(g.id, eid)} /> ))}
)} Malfunctions · Notes (optional)
FTFFTEDouble feedLight strikeNone