/* MedBridge Portal — Appointments, Calendar, Providers, Booking flow, Details */ function ApptListScreen({ go }) { const [tab, setTab] = React.useState("Upcoming"); return (
{APPOINTMENTS.map(a => { const p = provById(a.prov); return ( go("appt-details")}>
{p.full} {a.status} {a.type}
{p.spec}
{a.date} {a.time} · {a.dur} {a.loc}
{a.type === "Telehealth" && }
); })}
); } function CalendarScreen({ go }) { const dates = [[null,1,2,3,4,5,6],[7,8,9,10,11,12,13],[14,15,16,17,18,19,20],[21,22,23,24,25,26,27],[28,29,30,null,null,null,null]]; const hasAppt = { 3:"nair", 12:"kemp", 17:"miller", 25:"sharma" }; const [sel, setSel] = React.useState(3); const days = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]; const selAppt = APPOINTMENTS.find(a => parseInt(a.date.match(/\d+/)[0]) === sel); return (
id==="list" && go("appointments")} />
June 2026
{days.map(d =>
{d}
)}
{dates.flat().map((d, i) => { if (!d) return
; const on = d === sel, appt = hasAppt[d]; return ( ); })}
{selAppt ? selAppt.day.replace(", 2026","") : "No date"}
{selAppt ? "1 appointment" : "No appointments"}
{selAppt ? (() => { const p = provById(selAppt.prov); return (
{p.name}
{p.spec} · {selAppt.time}
{selAppt.status}
); })() : }
); } // ---- PROVIDERS directory ---- function ProvidersScreen({ go }) { return (
{PROVIDERS.map(p => ( go("provider-profile")}>
{p.name}
{p.spec}
{p.rating} · {p.years} yrs

{p.bio}

Next: {p.next}
))}
); } function ProviderProfileScreen({ go }) { const p = provById("nair"); return (

{p.full}

{p.spec} · Board Certified
{p.rating} {p.clinic} {p.lang}

About

{p.bio} With {p.years} years of clinical experience, {p.name} partners with patients on long-term, preventive care plans and is accepting new appointments.

Specialties & Services

{["Hypertension","Preventive Cardiology","ECG & Stress Testing","Cholesterol Management","Heart Failure","Arrhythmia"].map(s => {s})}

Book a Visit

Next available: {p.next}, 2026

{["9:00 AM","10:30 AM","2:00 PM","2:30 PM","3:30 PM","4:00 PM"].map((t, i) => )}

Location

{p.clinic}
420 Park Ave, Suite 300, New York, NY
); } // ---- BOOKING flow ---- function BookStep1({ go }) { const [sel, setSel] = React.useState("nair"); return (
{PROVIDERS.slice(0,4).map(p => { const on = sel === p.id; return ( setSel(p.id)} style={{ cursor: "pointer", border: on ? "2px solid var(--brand-600)" : "1px solid var(--border)", background: on ? "var(--brand-50)" : "#fff" }}>
{p.name}
{p.spec}
{p.rating} · Next: {p.next}
 ); })}
); } function BookStep2({ go }) { const dates = [[null,1,2,3,4,5,6],[7,8,9,10,11,12,13],[14,15,16,17,18,19,20],[21,22,23,24,25,26,27],[28,29,30,null,null,null,null]]; const unavail = [4,5,6,11,12,13,18,19]; const [day, setDay] = React.useState(3); const [slot, setSlot] = React.useState("10:30 AM"); const morning = ["9:00 AM","9:30 AM","10:00 AM","10:30 AM","11:00 AM","11:30 AM"]; const afternoon = ["1:00 PM","1:30 PM","2:00 PM","2:30 PM","3:00 PM"]; const dys = ["S","M","T","W","T","F","S"]; return (
June 2026
{dys.map((d,i) =>
{d}
)}
{dates.flat().map((d, i) => { if (!d) return
; const un = unavail.includes(d), on = d === day; return ; })}
Selected Unavailable
Available Times — Tue, Jun {day}
Dr. Rahul Nair · Cardiology
Morning
{morning.map(t => { const on = slot === t; return ( ); })}
Afternoon
{afternoon.map(t => { const on = slot === t; return ( ); })}
); } function BookStep3({ go }) { const p = provById("nair"); const rows = [["Doctor", p.full],["Specialty", p.spec],["Date","Tuesday, June 3, 2026"],["Time","10:30 AM (45 minutes)"],["Location","Heart Care Center, 420 Park Ave"],["Visit Type","In-Person"]]; return (

Review your appointment

Please confirm the details below before booking.

{p.full}
{p.spec} · ⭐ {p.rating}
{rows.map(([k,v]) =>
{k}
{v}
)}
BlueCross BlueShield accepted. Estimated co-pay: $30.00, billed after the visit.
); } function ApptConfirmedScreen({ go }) { const p = provById("nair"); const dets = [["Doctor", p.full],["Specialty","Cardiology"],["Date","Tuesday, June 3, 2026"],["Time","10:30 AM (45 minutes)"],["Location","Heart Care Center, 420 Park Ave"],["Visit Type","In-Person"]]; return (

Appointment Confirmed!

A confirmation was sent to beth.mooney@email.com

{dets.map(([k,v]) =>
{k}
{v}
)}
); } function ApptDetailsScreen({ go }) { const a = APPOINTMENTS[0], p = provById(a.prov); const dets = [["Date & Time", a.day + " · " + a.time],["Duration","45 minutes"],["Visit Type", a.type],["Location", a.loc],["Reason", a.reason],["Insurance","BlueCross BlueShield — Accepted"],["Co-pay", a.copay]]; return (

{p.full}

{p.spec} · Board Certified
{p.rating} · {p.clinic}
{a.status}
{dets.map(([k,v]) =>
{k}
{v}
)}

Pre-visit Notes

Bring your medication list and last ECG results if available. Arrive 15 minutes early to complete check-in.

Actions

Related Documents

{["Last Visit Summary (Feb 2026)","ECG Report (Nov 2025)","Lab Results (Jan 2026)"].map(d => (
go("tests")}>
{d}
PDF · View / Download
))}
); } // ---- Cancel confirmation (modal-style) ---- function ApptCancelScreen({ go }) { return (

Cancel this appointment?

You're about to cancel your Cardiology visit with Dr. Rahul Nair on Tuesday, June 3 at 10:30 AM. This can't be undone, but you can rebook anytime.

Cancellations within 24 hours of the visit may incur a $25 fee per clinic policy.
); } Object.assign(window, { ApptListScreen, CalendarScreen, ProvidersScreen, ProviderProfileScreen, BookStep1, BookStep2, BookStep3, ApptConfirmedScreen, ApptDetailsScreen, ApptCancelScreen });