// AI Quote Generator - the killer feature screen function AIQuote({ state, setState }) { const trade = TRADES[state.tradeId]; const job = FOCUS_JOB[state.tradeId]; const stream = QUOTE_STREAMS[state.tradeId]; const [phase, setPhase] = React.useState('ready'); // ready | generating | clarifying | clarified | complete const [visibleItems, setVisibleItems] = React.useState([]); const [clarifyingAnswer, setClarifyingAnswer] = React.useState(null); // 'yes' | 'no' | null const [notes, setNotes] = React.useState(job.notes); const [editing, setEditing] = React.useState(null); // index of item being edited const [removedIdx, setRemovedIdx] = React.useState(new Set()); // Stream in items React.useEffect(() => { if (phase !== 'generating') return; let cancelled = false; let idx = 0; const tick = () => { if (cancelled) return; if (idx >= stream.items.length) { // Show clarifying question after all items setTimeout(() => !cancelled && setPhase('clarifying'), 400); return; } const item = stream.items[idx]; setTimeout(() => { if (cancelled) return; setVisibleItems(v => [...v, item]); idx++; tick(); }, item.delay || 800); }; tick(); return () => { cancelled = true; }; }, [phase]); const start = () => { setVisibleItems([]); setClarifyingAnswer(null); setRemovedIdx(new Set()); setPhase('generating'); }; const answer = (a) => { setClarifyingAnswer(a); if (a === 'yes') { setTimeout(() => setVisibleItems(v => [...v, { ...stream.clarifyingLine, added: true }]), 350); } setTimeout(() => setPhase('complete'), 900); }; const allItems = visibleItems.filter((_, i) => !removedIdx.has(i)); const subtotal = allItems.reduce((a, it) => a + (it.total || 0), 0); const gst = Math.round(subtotal * 0.1 * 100) / 100; const total = Math.round((subtotal + gst) * 100) / 100; return (
{/* LEFT - inputs */}
{job.id} {trade.label} {job.address.split(',')[0]}

{job.title}

{job.customer} · {job.customerPhone}
{job.description}
add}>
{job.photos.map((p, i) => (
{p.caption}
))}
{job.voiceNote}}>
{Array.from({ length: 32 }).map((_, i) => { const h = 6 + Math.abs(Math.sin(i * 0.7 + i * i * 0.1)) * 14; return
; })}
0:04
Auto-transcribed · used as AI input