);
}
/* ============== TRANSCRIPT SCENARIOS ============== */
const SCENARIOS = {
workers_comp: {
label: 'Workers Comp · New patient',
caller: 'Marcus T.',
callerNumber: '+61 4·· ··· 412',
lines: [
{ who: 'caller', text: "Hi, I need to book a physio appointment — it's a workers comp claim through my employer." },
{ who: 'ai', text: "Of course. I'll book that under your workers compensation pathway. Can I have your claim number, or your insurer's name?", chips: ['icare NSW', 'WorkCover QLD', 'Allianz', 'EML'] },
{ who: 'caller', text: "It's an EML claim. Number is W-C-2-9-4-7-7-8-1." },
{ who: 'ai', text: "Got it — EML claim WC-2947781. Is this an initial consultation or a follow-up?", chips: [] },
{ who: 'caller', text: "It's the initial." },
{ who: 'ai', text: "I have Tuesday 28th at 9:40am with Dr Hannah Lim, who handles the EML pathway. Does that work?", action: 'BOOKING' },
{ who: 'caller', text: "Tuesday's perfect." },
{ who: 'ai', text: "Booked. I'll send the claim-form pre-fill link to your phone. Anything else?", action: 'CONFIRMED' },
],
},
cdm: {
label: 'CDM care plan · Returning',
caller: 'Priya R.',
callerNumber: '+61 4·· ··· 209',
lines: [
{ who: 'caller', text: "Hi, I have a CDM care plan from my GP — I need to book my next session." },
{ who: 'ai', text: "Welcome back, Priya. I can see your CDM plan — you have 3 of 5 visits remaining this cycle.", chips: ['3 of 5 left', 'expires 12 Jun'] },
{ who: 'caller', text: "Can I see the same physio as last time?" },
{ who: 'ai', text: "That's Dr James Okafor. He has Thursday 4:10pm or Saturday 10:00am open.", chips: [] },
{ who: 'caller', text: "Saturday morning, please." },
{ who: 'ai', text: "Booked — Saturday 10:00am with Dr Okafor. Bulk-billing applied under your CDM plan.", action: 'BOOKING' },
{ who: 'ai', text: "I'll text the confirmation now. Have a great week.", action: 'CONFIRMED' },
],
},
after_hours: {
label: 'After hours · 9:42pm',
caller: 'Daniel K.',
callerNumber: '+61 4·· ··· 778',
lines: [
{ who: 'caller', text: "Hi, sorry to call so late — I've hurt my back and need to see someone tomorrow if possible." },
{ who: 'ai', text: "No need to apologise — I can book you in tonight. Is this a new injury or ongoing?", chips: [] },
{ who: 'caller', text: "Brand new. Twisted lifting something this evening." },
{ who: 'ai', text: "I'll route you to acute lower-back protocol. Dr Reyes has 8:20am or Dr Lim 11:15am tomorrow.", chips: ['acute · same-day', 'lower back'] },
{ who: 'caller', text: "8:20 with Dr Reyes." },
{ who: 'ai', text: "Booked for tomorrow 8:20am. I'll send pre-visit instructions and parking info now.", action: 'BOOKING' },
{ who: 'ai', text: "Take care, Daniel — and try the heat-pack tip in the SMS tonight.", action: 'CONFIRMED' },
],
},
dva: {
label: 'DVA Veterans · Reschedule',
caller: 'Robert H.',
callerNumber: '+61 4·· ··· 056',
lines: [
{ who: 'caller', text: "I need to reschedule my appointment on Wednesday. It's under DVA." },
{ who: 'ai', text: "I can see your DVA Gold Card on file — appointment Wed 14th, 2:30pm with Dr Hannah Lim.", chips: ['DVA Gold', 'D904 referral'] },
{ who: 'caller', text: "Can I move it to next Monday?" },
{ who: 'ai', text: "Dr Lim is fully booked Monday. Dr Okafor — also DVA-credentialed — has Mon 19th at 10:45am.", chips: [] },
{ who: 'caller', text: "That works." },
{ who: 'ai', text: "Rescheduled to Mon 19th, 10:45am with Dr Okafor. DVA referral carries across — no new paperwork.", action: 'BOOKING' },
{ who: 'ai', text: "Confirmation sent. Thanks for your service, Robert.", action: 'CONFIRMED' },
],
},
};
/* ============== TRANSCRIPT (animated, scenario-driven) ============== */
function Transcript({ scenario = 'workers_comp', autoPlay = true, compact = false }) {
const data = SCENARIOS[scenario] || SCENARIOS.workers_comp;
const [shown, setShown] = useState(autoPlay ? 0 : data.lines.length);
const [typing, setTyping] = useState(false);
const containerRef = useRef(null);
useEffect(() => { setShown(autoPlay ? 0 : data.lines.length); }, [scenario, autoPlay]);
useEffect(() => {
if (!autoPlay) return;
if (shown >= data.lines.length) {
const t = setTimeout(() => setShown(0), 2800);
return () => clearTimeout(t);
}
setTyping(true);
const t1 = setTimeout(() => {
setTyping(false);
setShown(s => s + 1);
}, 1400 + (data.lines[shown]?.text.length || 0) * 18);
return () => clearTimeout(t1);
}, [shown, autoPlay, data]);
useEffect(() => {
if (containerRef.current) {
containerRef.current.scrollTop = containerRef.current.scrollHeight;
}
}, [shown, typing]);
const lines = data.lines.slice(0, shown);
return (