/* ============================================================ * VVB / Auditor portal — the workbench that was misplaced in the * developer portal in the demo. * * 1. AuditList — assigned reviews queue * 2. EvidenceBrowser — pre-audit reconciliation * 3. SamplingPanel — VM0047 sampling plan * 4. AnomalyQueue — outliers to adjudicate * 5. SignOffCeremony — Approve / Approve-pending / Reject * + Sign & commit to Hedera * * A developer signing off their own project is the one thing * that breaks the platform's trust story — these screens are * deliberately VVB-only. * ============================================================ */ function VVBHome({ projects, onPickAudit, onOpenView, signedOff }) { // Only projects in Phase 2+ with assigned VVB show in the queue const queue = projects.filter(p => p.vvbAssigned && p.phase >= 2 && !signedOff[p.id]); return (
VVB Auditor · Verra VVB-007

Verification queue

Reviewers verify. They don't reconstruct. Every claim arrives pre-reconciled — you verify, sign, and the verdict commits to Hedera.

Filter Export
Active

Assigned reviews

Sorted by due date
{queue.length === 0 && (
)} {queue.map((p, i) => ( onPickAudit(p)}/> ))}
Pre-Audit Agent

Recent reconciliations

{[ { kind:'ok', body:<>Stratum B baseline — reconciled clean. 42 plots, all DBH within methodology bounds., meta:'PRJ-KE-BUS001 · 2 hrs ago' }, { kind:'warn', body:<>Plot 42 outlier flagged. DBH 84 cm exceeds species-typical range., meta:'PRJ-KE-BUS001 · 4 hrs ago' }, { kind:'ai', body:<>PDD §4.2 awaits human signature. AI draft accepted by developer., meta:'PRJ-KE-WAM002 · 6 hrs ago' }, { kind:'ok', body:<>Methodology VM0047 imported. Cross-checked against baseline params., meta:'PRJ-KE-BUS001 · yesterday' }, ].map((e,i) => (
{e.body}
{e.meta}
))}
Hedera audit trail

Topic 0.0.8321350

testnet
{HEDERA_EVENTS.slice(0,6).map((e,i) => (
{e.t.split(' ')[0]} {e.actor} {e.action.split('·')[0].trim()} @{e.tx.split('@')[1]}
))}
); } function AuditQueueRow({ project, index, onClick }) { const stage = project.phase === 3 ? 'DESK REVIEW' : project.phase === 4 ? 'SITE VISIT' : project.phase === 5 ? 'FINAL SIGN-OFF' : 'PRE-REVIEW'; const due = { 'PRJ-KE-BUS001': '5 days', 'PRJ-KE-WAM002': '12 days', 'PRJ-RW-BUG005': '3 days' }[project.id] || '21 days'; return (
e.currentTarget.style.background='#FFF8E0'} onMouseLeave={e=>e.currentTarget.style.background='#fff'}> {String(index).padStart(2,'0')}
{project.name} {project.registry}
{project.id} · Phase {project.phase} · {project.methodology} · {project.area}
{project.vvb}
{stage} Due in {due}
); } /* ============================================================ * Evidence Browser * ============================================================ */ function EvidenceBrowser({ projects, hero, onAdvance }) { const [pickId, setPickId] = React.useState(hero.id); const project = projects.find(p=>p.id===pickId) || hero; const fields = project.id === 'PRJ-KE-BUS001' ? PHASE3_FIELDS : syntheticFields(project); return (
p.vvbAssigned)} title="Evidence browser" subtitle="Verify each claim against its source — the Pre-Audit Agent has already done the matching."/>
f.state==='confirmed' || f.state==='committed' || f.state==='imported').length} traceable`}/>
{fields.map(f => )}
); } function EvidenceRow({ field }) { const S = FIELD_STATE[field.state] || FIELD_STATE.empty; return (
{field.label}
{field.value}
{field.who}
{S.lbl}
); } /* ============================================================ * Sampling Panel — VM0047 plot sampling plan * ============================================================ */ function SamplingPanel({ projects, hero, onAdvance }) { const [pickId, setPickId] = React.useState(hero.id); const project = projects.find(p=>p.id===pickId) || hero; const strata = [ { id:'A', name:'Stratum A — Lowland', target:18, sampled:18, area:'6,420 ha', mean:'42.1', sd:'4.8', ok:true }, { id:'B', name:'Stratum B — Riparian', target:12, sampled:8, area:'2,180 ha', mean:'48.6', sd:'7.1', ok:false }, { id:'C', name:'Stratum C — Midland', target:14, sampled:14, area:'3,850 ha', mean:'39.4', sd:'5.2', ok:true }, ]; return (
p.vvbAssigned)} title="Sampling plan" subtitle={`VM0047 §6.2 requires ≥12 plots per stratum (90% confidence, ±10% precision). Pre-Audit Agent has reconciled measurements against plot photos and field-agent timestamps.`}/>
s+x.sampled,0)} of ${strata.reduce((s,x)=>s+x.target,0)} plots`}/>
{strata.map(s => )}
Stratum B is under-sampled. Either raise a CAP requiring the developer to add ≥4 plots, or merge B into A with a statistical justification (recommended if variance permits — see Pre-Audit Agent note below).
Raise CAP
Pre-Audit Agent suggestion. Stratum B σ = 7.1 tC/ha; pooled with A (σ=4.8) yields σ_pooled = 5.4 — within methodology tolerance. View calculation →
); } function StratumRow({ s }) { const pct = Math.round((s.sampled / s.target) * 100); return (
{s.name}
{s.area} · mean {s.mean} tC/ha · σ {s.sd}
{s.sampled}/{s.target}
{s.ok ? 'PASS' : `${s.target - s.sampled} SHORT`}
); } /* ============================================================ * Anomaly Queue * ============================================================ */ function AnomalyQueue({ projects, hero, onAdvance }) { const [pickId, setPickId] = React.useState(hero.id); const project = projects.find(p=>p.id===pickId) || hero; const [decisions, setDecisions] = React.useState({}); const anomalies = [ { id:'AN-001', plot:'Plot 42', metric:'DBH', value:'84 cm', expected:'48 ± 8 cm', deviation:'5.0σ', captured:'13 Mar · Field Agent', photoCount:4, severity:'high', detail:'Field agent confirmed measurement on-site. Photo evidence shows mature bamboo (Bambusa bambos rather than expected vulgaris) — likely natural recruit, not planted.' }, { id:'AN-002', plot:'Plot 17', metric:'Tree count', value:'1,840/ha', expected:'2,200 ± 200', deviation:'-1.6σ', captured:'11 Mar · Field Agent', photoCount:2, severity:'medium', detail:'Lower density consistent with riparian buffer zone. Methodology allows ±15% in riparian strata.' }, ]; const decide = (id, verdict) => setDecisions(d => ({...d, [id]: verdict})); return (
p.vvbAssigned)} title="Anomaly queue" subtitle="Outliers flagged by the Pre-Audit Agent. Adjudicate each: accept the value, exclude the plot, or raise a CAP for re-measurement."/>
{anomalies.map(a => decide(a.id, v)}/>)} {anomalies.length === 0 && }
); } function AnomalyCard({ a, decision, onDecide }) { const sev = { high: { bg:'#FEE2E2', bd:'#FCA5A5', fg:'#991B1B' }, medium: { bg:'#FEF3C7', bd:'#FDE68A', fg:'#92400E' }, low: { bg:'#E8F4FC', bd:'#BAE0F7', fg:'#0C4A6E' }, }[a.severity]; const decisionLabel = { accept: { label:'ACCEPTED', color:'#059669', bg:'#E6FBF3' }, exclude: { label:'EXCLUDED', color:'#6B7280', bg:'#F3F4F6' }, cap: { label:'CAP RAISED', color:'#D97706', bg:'#FEF3C7' }, }[decision]; return (
{a.id} · {a.severity.toUpperCase()} {a.captured}
{a.plot} · {a.metric}
{a.value}
expected {a.expected}
deviation {a.deviation}
{decision && ( {decisionLabel.label} )}
{a.detail}
{Array.from({length: a.photoCount}).map((_, i) => (
{i+1}
))}
{a.photoCount} photos · GPS verified
onDecide('accept')} icon="check">Accept value onDecide('exclude')} icon="trash">Exclude plot onDecide('cap')} icon="flag">Raise CAP
); } /* ============================================================ * VVB Toolbar — shared across the four workbench screens * ============================================================ */ function VVBToolbar({ project, pickId, setPickId, projects, title, subtitle }) { return ( <>
VVB Workbench

{title}

{subtitle &&

{subtitle}

}
Auditing {project.registry} {project.auditId} · Phase {project.phase}
Developer: {project.developer.name}
); } /* ============================================================ * Sign-Off Ceremony — the trust moment * * Three layout variants exposed via Tweaks: * - 'ceremony' (default): full-page review → signature → commit * - 'drawer' : side drawer summary + commit * - 'modal' : compact modal confirmation * ============================================================ */ function SignOffCeremony({ projects, hero, layout = 'ceremony', signedOff, setSignedOff }) { const eligible = projects.filter(p => p.vvbAssigned && p.phase >= 3 && !signedOff[p.id]); const initial = eligible[0] || hero; const [pickId, setPickId] = React.useState(initial.id); const project = projects.find(p=>p.id===pickId) || initial; React.useEffect(() => { if (signedOff[pickId] && eligible.length > 0) setPickId(eligible[0].id); }, [signedOff]); const [verdict, setVerdict] = React.useState(null); const [signature, setSignature] = React.useState(''); const [committing, setCommitting] = React.useState(false); const [committed, setCommitted] = React.useState(false); const reset = () => { setVerdict(null); setSignature(''); setCommitted(false); setCommitting(false); }; React.useEffect(reset, [pickId]); const commit = () => { setCommitting(true); setTimeout(() => { setCommitting(false); setCommitted(true); setSignedOff(s => ({ ...s, [project.id]: { verdict, when:'just now' }})); }, 2400); }; if (signedOff[pickId] && committed) { return { const next = eligible.filter(p=>p.id!==project.id)[0]; if (next) setPickId(next.id); reset(); }}/>; } return (
p.vvbAssigned)} title="Sign-off & commit" subtitle="Final verification verdict. Once signed, the decision is anchored to Hedera and cannot be withdrawn."/> {layout === 'drawer' && } {layout === 'modal' && } {layout === 'ceremony' && }
); } /* --- Ceremony (full-page) ------------------------------------ */ function SignOffCeremonyLayout({ project, verdict, setVerdict, signature, setSignature, committing, committed, onCommit }) { return (
{/* Left: review summary */}
{verdict && }
{/* Right: commit panel (sticky-ish) */}
); } /* --- Drawer layout ------------------------------------------- */ function SignOffDrawerLayout({ project, verdict, setVerdict, signature, setSignature, committing, committed, onCommit }) { return (
); } /* --- Modal layout -------------------------------------------- */ function SignOffModalLayout({ project, verdict, setVerdict, signature, setSignature, committing, committed, onCommit }) { const [open, setOpen] = React.useState(false); return ( <>
setOpen(true)} icon="signature">Open sign-off…
!committing && !committed && setOpen(false)} width={520} padding={0}>
Sign-off

{project.name}

{project.auditId} · Phase {project.phase}
{verdict && }
); } function ReviewSummaryCard({ project, compact }) { return (
What will be hashed & committed
{[ { l:'Audit bundle manifest', v:'sha256:8f2a…c9d1', kind:'manifest' }, { l:'Verdict + signature', v:'sha256:[pending]', kind:'verdict' }, { l:'Findings log (3 items)', v:'sha256:1c7e…44a2', kind:'log' }, { l:'Sampling-plan checksum', v:'sha256:b71d…2ee0', kind:'sampling' }, { l:'Anomaly adjudications', v:'sha256:a3f9…5c10', kind:'anomalies' }, ].map((r,i) => (
{r.l}
{r.v}
))}
); } function Mini({ l, v, sub }) { return (
{l}
{v}
{sub &&
{sub}
}
); } function VerdictChooser({ verdict, setVerdict, compact }) { const options = [ { id:'approve', label:'Approve', sub:'Validate the project as submitted', color:'#059669', bg:'#E6FBF3', bd:'#A7F3D0', icon:'check' }, { id:'approve-pending', label:'Approve pending CAPs', sub:'Validate subject to outstanding corrective actions', color:'#92400E', bg:'#FEF3C7', bd:'#FDE68A', icon:'flag' }, { id:'reject', label:'Reject', sub:'Validation cannot proceed — issue blocking findings', color:'#991B1B', bg:'#FEE2E2', bd:'#FCA5A5', icon:'alert' }, ]; return (
{options.map(o => { const selected = verdict === o.id; return ( ); })}
); } function SignatureCard({ verdict, signature, setSignature, compact }) { const expected = 'Sarah Chen'; const matches = signature.trim().toLowerCase() === expected.toLowerCase(); return (
Your signature, the verdict, and the audit bundle hash will be committed to Hedera topic 0.0.8321350 as a single, immutable record.
setSignature(e.target.value)} placeholder={`Type "${expected}" to sign`} style={{ width:'100%', padding:'14px 18px', border: signature && !matches ? '1.5px solid #FCA5A5' : matches ? '1.5px solid #2BC48A' : '1.5px solid #E5E7EB', borderRadius:10, fontFamily:"'Caveat', 'Brush Script MT', cursive", fontSize:26, color:'#022C28', outline:'none', letterSpacing:'-0.01em', }}/>
Expected: {expected} · accredited VVB-007 {matches && ( SIGNATURE VERIFIED )}
); } function CommitPanel({ project, verdict, signature, committing, committed, onCommit, compact }) { const expected = 'Sarah Chen'; const matches = signature.trim().toLowerCase() === expected.toLowerCase(); const canCommit = verdict && matches && !committing && !committed; return (
Final commit
Commit verdict to Hedera
{project.auditId}}/> {verdict.replace('-',' ').toUpperCase()} : —}/> {expected} : —}/> 0.0.8321350}/>
{committing && (
Committing to Hedera…
→ Building bundle…
→ Hashing manifest sha256:8f2a…c9d1
→ Submitting to topic 0.0.8321350…
)} {committed && (
Anchored.
0.0.8321350@143
)} {!committing && !committed && ( Sign & commit to Hedera )}
); } function CommitRow({ k, v }) { return (
{k} {v}
); } function SignedConfirmation({ project, verdict, onAnother }) { return (
Anchored to Hedera

Verdict committed

{project.name} · {verdict?.replace('-',' ').toUpperCase()}
{project.auditId}}/> 0.0.8321350@143}/>
View on HashScan Next assignment
); } /* --- Hedera anchors view for VVB ----------------------------- */ function VVBAnchors({ projects }) { return ; } /* --- Accreditation page (simple stub) ------------------------ */ function VVBAccount({ user }) { return (

Accreditation

Your VVB accreditation, certificates, and scope of authority.

VVB-007}/> usr_vvb_8f2a9c}/>
{['Verra VCS', 'Gold Standard', 'Puro.Earth', 'CAR'].map(s => (
{s} Active
))}
); } window.VVBHome = VVBHome; window.EvidenceBrowser = EvidenceBrowser; window.SamplingPanel = SamplingPanel; window.AnomalyQueue = AnomalyQueue; window.SignOffCeremony = SignOffCeremony; window.VVBAnchors = VVBAnchors; window.VVBAccount = VVBAccount;