;
}};
}
// ── 2. SPEC ────────────────────────────────────────────────────────────────
const SPEC_ROWS = [
['Goal','book the caller and answer questions about services'],
['Role','Appointment secretary · appointment_booking'],
['Collect','name · phone · service · date & time'],
['Branch','acute pain / asks for a human → transfer to administrator'],
['Forbidden','no diagnosis, no exact price'],
['Endpoints','calendar.book · sms.send'],
];
function Pill({ children, done, o }) {
return
{done
?
: }
{children}
;
}
function SpecScene({ start, end }) {
return {({ localTime: lt, duration })=>{
const o = appear(lt,0,0.5)*(1-seg(lt,duration-0.5,duration,Easing.easeInCubic));
const card = appear(lt,2.0,0.6);
const typing = lt>7.0 && lt<8.7;
const userMsg = lt>8.9;
const sent = lt>9.3;
return
·Architect builds the agent
Reading the descriptionRole chosen: Appointment booking2.0} o={appear(lt,1.7,0.5)}>Preparing the spec
;
}};
}
// ── 4. SELF-TEST (check-based, no personas) ─────────────────────────────────
const CHECKS = [
'Collects name, phone and appointment time',
'Transfers to a human on acute pain',
'Never quotes an exact price or gives a diagnosis',
'Ends the call cleanly after confirming',
];
function TestScene({ start, end }) {
return {({ localTime: lt, duration })=>{
const o = appear(lt,0,0.5)*(1-seg(lt,duration-0.5,duration,Easing.easeInCubic));
const pass = lt>5.4;
return
Self-test
The architect calls the agent and verifies every requirement from the spec.
{CHECKS.map((c,i)=>
2.0+i*0.7} />
)}
PASS
4 / 4 checks
;
}};
}
// ── 5. DONE ─────────────────────────────────────────────────────────────────
function DoneScene({ start, end }) {
return {({ localTime: lt, duration })=>{
const o = appear(lt,0,0.6);
const ring = appear(lt,0.2,0.6);
return
Your agent is taking calls
The workflow is built, tested and linked to your agent in your HANC account.
Call the number to try it — or open Advanced mode to fine-tune.