Agentic journey orchestration

<div class="ajo"><div class="ajo-title">NEXT BEST STEP <b id="ajo-choice">WAIT</b></div><div class="ajo-options"><button data-choice="OPEN">OPEN</button><button data-choice="IGNORE">IGNORE</button><button data-choice="PURCHASE">PURCHASE</button></div><div class="ajo-line"><span>START</span><i>→</i><span id="ajo-dest">OBSERVE</span></div><div class="ajo-note" id="ajo-note">LATEST SIGNAL: NONE</div></div>

:root{--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif}.ajo{width:min(90%,600px);font:800 clamp(13px,3.5vmin,17px)/1.2 var(--font-sans)}.ajo-title{display:flex;justify-content:space-between;gap:8px;border-bottom:2px solid var(--fg);padding-bottom:clamp(8px,2vmin,17px)}.ajo-title b{color:var(--accent)}.ajo-options{display:flex;gap:clamp(4px,1.5vmin,12px);margin:clamp(12px,3vmin,25px) 0}.ajo-options button{flex:1;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:clamp(8px,2vmin,16px) 2px;font:inherit;cursor:pointer}.ajo-options button.on{background:var(--accent);border-color:var(--accent);color:white}.ajo-line{display:flex;justify-content:space-between;align-items:center;gap:8px}.ajo-line span{flex:1;padding:clamp(8px,2vmin,17px);text-align:center;background:var(--fg);color:var(--bg)}.ajo-line i{color:var(--accent);font-size:clamp(17px,5vmin,27px);font-style:normal}.ajo-note{text-align:center;color:var(--muted);margin-top:clamp(8px,2vmin,17px)}

const signals=['OPEN','IGNORE','PURCHASE'];const outputs={OPEN:['TUTORIAL','APP GUIDE'],IGNORE:['REMIND','EMAIL LATER'],PURCHASE:['EXIT','NO PROMOTION']};let index=0;function choose(signal){document.querySelector('#ajo-choice').textContent=outputs[signal][0];document.querySelector('#ajo-dest').textContent=outputs[signal][1];document.querySelector('#ajo-note').textContent='LATEST SIGNAL: '+signal;document.querySelectorAll('.ajo-options button').forEach(button=>button.classList.toggle('on',button.dataset.choice===signal))}document.querySelectorAll('.ajo-options button').forEach(button=>button.addEventListener('click',()=>{choose(button.dataset.choice);index=signals.indexOf(button.dataset.choice)}));choose(signals[index]);setInterval(()=>{index=(index+1)%3;choose(signals[index])},1300);