/* Settings — the configuration surface that pillar pages deep-link into. v4.3: real screen. Holds the defaults and treatments that shape how the rest of Roundhouse behaves for this user. */ function Settings({ go }) { const [devTaps, setDevTaps] = React.useState(0); const [devUnlocked, setDevUnlocked] = React.useState(false); function handleVersionTap() { const next = devTaps + 1; setDevTaps(next); if (next >= 7) setDevUnlocked(true); } return ( <>
} /> {devUnlocked && }
Roundhouse · v0.0.1 prototype · Build May 13 2026 {devTaps > 0 && devTaps < 7 && ( ({7 - devTaps} more) )}
); } // ---------- ACCOUNT ---------- function SettingsAccount() { return ( <> Account
); } // ---------- TOUR · replay ---------- function SettingsTour() { const launch = (id) => { if (window.__rhTour) window.__rhTour(id); }; const tours = [ {id:'overall', label:'Roundhouse overview', sub:'High-level walkthrough of the whole app'}, {id:'home', label:'Home', sub:'The ring + central loop + last session'}, {id:'gear', label:'Gear', sub:'Four categories + customize + quick add'}, {id:'supply', label:'Supply', sub:'Caliber health + lots + cost tracking'}, {id:'maintain', label:'Maintain', sub:'Components + rules + log a service'}, {id:'record', label:'Record', sub:'Per-gun history + goals + milestones'}, {id:'servicerecord', label:'Service Record', sub:'A gun\'s deep view + customize sections'}, {id:'protect', label:'Protect', sub:'Documentation vault + claim packet'}, ]; return ( <> Tour · replay any time
{tours.map((t, i) => (
launch(t.id)} style={{ padding:'12px 14px', borderBottom: i < tours.length-1 ? '1px solid var(--border-hairline)' : 'none', display:'grid', gridTemplateColumns:'1fr auto', gap:10, alignItems:'center', cursor:'pointer', }}>
{t.label}
{t.sub}
Replay →
))}
); } // ---------- RANGES ---------- function SettingsRanges() { return ( <> Ranges
Default range pre-fills "Where" when planning a trip.
); } function RangeRow({ name, type, isDefault, last }) { return (
{name}
{type}
{isDefault && ( Default )}
); } // ---------- AMMO TRACKING ---------- function SettingsAmmoTracking() { const [trainingMode, setTrainingMode] = React.useState('weighted'); const [defensiveMode, setDefensiveMode] = React.useState('weighted'); const [matchMode, setMatchMode] = React.useState('lot'); return ( <> Ammo tracking
How ammo is counted from your inventory. Weighted average pools by caliber+grain+use and uses one cost-per-round. Lot-specific picks exact lots per trip — more accurate, more friction.
); } function AmmoModeRow({ category, value, onChange, last }) { return (
{category}
); } // ---------- PLUS-BUTTON INCREMENTS ---------- function SettingsPlusButtons() { return ( <> Live-session +N defaults
The big +N button during a live session uses the default box size for each caliber.
); } function PlusNRow({ caliber, value, last }) { return (
{caliber} rds /tap
); } // ---------- MAINTENANCE DEFAULTS ---------- function SettingsMaintenance() { return ( <> Maintenance defaults
Seed values for new guns. You can override per-gun on each gun's Service Record.
); } function MaintenanceRuleRow({ rule, value, time, last }) { return (
{rule} {value}
); } // ---------- DISPLAY ---------- function SettingsDisplay() { const [showCost, setShowCost] = React.useState(true); const [accent, setAccent] = React.useState('brass'); return ( <> Display
Accent color
Brand brass remains primary; this tunes the warmth.
{[ {id:'brass', color:'#B89A56', label:'Brass'}, {id:'gold', color:'#D9B870', label:'Gold'}, {id:'bronze', color:'#A07A2A', label:'Bronze'}, ].map(c => ( ))}
Light mode is on the roadmap. Dark stays the signature.
); } function ToggleRow({ label, sub, value, onChange }) { return (
{label}
{sub &&
{sub}
}
); } // ---------- NOTIFICATIONS ---------- function SettingsNotifications() { const [maintenance, setMaintenance] = React.useState(true); const [supply, setSupply] = React.useState(true); const [milestones, setMilestones] = React.useState(false); return ( <> Notifications
In-app alerts only at MVP. Push notifications planned.
); } // ---------- DATA & EXPORT ---------- function SettingsData({ go }) { return ( <> Data & export
go('protect')}/>
); } // ---------- SHARED: setting row ---------- function SettingRow({ label, value, sub, action, tone, onAction, last }) { const actionColor = tone==='danger' ? '#E48A82' : 'var(--rh-brass-400)'; return (
{label}
{sub &&
{sub}
}
{value && {value}} {action && ( )}
); } // ---------- DEVELOPER (hidden — tap version 7×) ---------- function SettingsDeveloper() { const [populated, setPopulated] = React.useState(!(window.__rhEmptyMode)); function toggle(val) { setPopulated(val); if (window.__rhSetEmptyMode) window.__rhSetEmptyMode(!val); } return ( <> Developer
Switch between sample data and real empty state. Your data is never affected.
); } window.Settings = Settings;