/* Castle Connolly AI search (v2). Engine (streaming, citations, sections) from open-search-v3; shell, URL state, nav variants, brand switch, structured form and mock account are ours. */
const Icon = window.Icon;
const Message = window.AlmaMessage;
const ES = window.EHSearch;
const C = window.EHCards;
const { Svg, Header, Logo, BRANDS } = window.EH;
const { useState: useS, useEffect: useE, useRef: useR, useMemo: useM, useCallback } = React;
const SCOPES = ES.SCOPES;
const scopeById = (id) => SCOPES.find((s) => s.id === id) || SCOPES[0];
window.sectionScope = (s) => (s && (s.scope || s.tab)) || 'ask';
const DATA = () => window.EHData || {};
const PROFILE = () => DATA().PROFILE || { name: 'Jordan Ellis', firstName: 'Jordan', initials: 'JE', location: 'Boston, MA 02116', plan: 'Aetna', family: [], savedIds: [], recentSearches: [] };
/* Recent list: signed out shows the public flows, signed in shows the account's recent searches. */
const flowRows = (user) => ES.RECOMMENDED_ROWS.filter((r) => user || !r.user);
const historyFor = (user) => {
const rows = user ? (PROFILE().recentSearches || []).map((q) => ({ q, to: (ES.RECOMMENDED_ROWS.find((r) => r.text === q) || {}).to || ES.resolveKey(q) })) : flowRows(false).map((r) => ({ q: r.text, to: r.to }));
return rows.filter((r) => r.to).map((r, i) => ({ id: 'h' + i, ...r }));
};
const SPECIALTY_OPTIONS = ['Cardiology', 'Dermatology', 'Endocrinology', 'Family Medicine', 'Gastroenterology', 'Internal Medicine', 'Neurology', 'Obstetrics & Gynecology', 'Oncology', 'Orthopedic Surgery', 'Pediatrics', 'Psychiatry', 'Urology', 'General Dentistry', 'Pediatric Dentistry', 'Orthodontics'];
const INSURANCE_OPTIONS = ['Aetna', 'Blue Cross Blue Shield of MA', 'Cigna', 'Harvard Pilgrim Health Care', 'Mass General Brigham Health Plan', 'Medicare', 'Tufts Health Plan', 'UnitedHealthcare', 'WellSense Health Plan', 'Delta Dental', 'MetLife Dental', 'Cigna Dental', 'Guardian Dental'];
const DISTANCE_OPTIONS = ['5 mi', '10 mi', '25 mi', '50 mi', 'Any distance'];
/* ---------- URL state ---------- */
function readUrl() {
const p = new URLSearchParams(location.search);
return { q: p.get('q') || '', scope: p.get('scope') || '', nav: ES.navOf(), user: p.get('user') === '1', brand: window.EH.brandOf(), view: p.get('view') || '' };
}
function writeUrl(state) {
const params = {};
if (state.q) params.q = state.q;
if (state.scope && state.scope !== 'ask') params.scope = state.scope;
if (state.user) params.user = '1';
if (state.brand === 'ehcare') params.brand = 'ehcare';
if (state.view) params.view = state.view;
history.replaceState(null, '', ES.searchUrl(state.nav, params));
}
const homeHref = (nav, st) => { const p = []; if (st && st.user) p.push('user=1'); if (st && st.brand === 'ehcare') p.push('brand=ehcare'); const base = ES.homeUrl(nav); return base + (p.length ? (base.includes('?') ? '&' : '?') + p.join('&') : ''); };
/* ---------- Input ---------- */
/* Response mode (v3 affordance, made real): Quick trims the answer to its first sentences and the top three results; Detailed is the full answer. */
const RESPONSE_MODES = [
{ id: 'quick', label: 'Quick', desc: 'One-line answer and the top three results' },
{ id: 'detailed', label: 'Detailed', desc: 'Full answer with every result, hospitals, topics and sources' },
];
const SpeechRec = window.SpeechRecognition || window.webkitSpeechRecognition || null;
function InputBar({ value, onChange, onSubmit, large, placeholder, autoFocus, scope, onFocus, onBlur, mode, onMode, attachments, onAttach, onRemoveAttachment }) {
const ta = useR(null);
const [modeOpen, setModeOpen] = useS(false);
const [addOpen, setAddOpen] = useS(false);
const [listening, setListening] = useS(false);
const recRef = useR(null);
const fileRef = useR(null);
const wrap = useR(null);
useE(() => { if (!ta.current) return; if (!value) { ta.current.style.height = ''; return; } ta.current.style.height = 'auto'; ta.current.style.height = Math.min(ta.current.scrollHeight, 180) + 'px'; }, [value]);
useE(() => { if (autoFocus && ta.current) ta.current.focus(); }, [autoFocus]);
useE(() => {
if (!modeOpen && !addOpen) return;
const close = (e) => { if (wrap.current && !wrap.current.contains(e.target)) { setModeOpen(false); setAddOpen(false); } };
document.addEventListener('mousedown', close);
return () => document.removeEventListener('mousedown', close);
}, [modeOpen, addOpen]);
useE(() => () => { if (recRef.current) { try { recRef.current.abort(); } catch (_) {} } }, []);
const submit = () => { const q = value.replace(/\s+$/, '').trim(); if (q) onSubmit(q); };
const handleKey = (e) => { if ((e.key === 'Enter' || e.keyCode === 13) && !e.shiftKey) { e.preventDefault(); e.stopPropagation(); submit(); } };
const handleChange = (e) => onChange(e.target.value);
/* Voice: the browser's own speech recognition fills the bar; the presenter still presses Search. Hidden where unsupported so nothing dead ships. */
const toggleVoice = () => {
if (!SpeechRec) return;
if (listening && recRef.current) { recRef.current.stop(); return; }
const rec = new SpeechRec();
rec.lang = 'en-US'; rec.interimResults = true; rec.continuous = false; rec.maxAlternatives = 1;
const base = value ? value.replace(/\s+$/, '') + ' ' : '';
rec.onresult = (e) => { let t = ''; for (let i = 0; i < e.results.length; i++) t += e.results[i][0].transcript; onChange(base + t.replace(/^\s+/, '').replace(/^\w/, (c) => c.toUpperCase())); };
rec.onend = () => { setListening(false); recRef.current = null; if (ta.current) ta.current.focus(); };
rec.onerror = () => { setListening(false); recRef.current = null; };
recRef.current = rec; setListening(true);
try { rec.start(); } catch (_) { setListening(false); recRef.current = null; }
};
const current = RESPONSE_MODES.find((m) => m.id === mode) || RESPONSE_MODES[1];
const chips = attachments || [];
return (
{listening ? Icon.Mic() : Icon.Search()}
{chips.length > 0 && {chips.map((c) => {Icon[c.icon]()}{c.label} onRemoveAttachment && onRemoveAttachment(c.id)} aria-label={'Remove ' + c.label}>{Icon.X()} )} }
{scope && scope !== 'ask' ?
{Icon[scopeById(scope).icon]()}{scopeById(scope).label} : null}
{onAttach && (
e.preventDefault()} onClick={() => { setAddOpen((o) => !o); setModeOpen(false); }}>{Icon.Plus()}
{addOpen && (
e.preventDefault()} onClick={() => { setAddOpen(false); fileRef.current && fileRef.current.click(); }}>{Icon.Image()} Add insurance card
e.preventDefault()} onClick={() => { setAddOpen(false); onAttach('location'); }}>{Icon.MapPin()} Use my location
)}
{ if (e.target.files && e.target.files.length) onAttach('card', e.target.files[0]); e.target.value = ''; }} />
)}
{SpeechRec &&
e.preventDefault()} onClick={toggleVoice}>{Icon.Mic()} }
{onMode && (
e.preventDefault()} onClick={() => { setModeOpen((o) => !o); setAddOpen(false); }}>{current.label} {Icon.ChevronDown()}
{modeOpen && (
{RESPONSE_MODES.map((m) => e.preventDefault()} onClick={() => { onMode(m.id); setModeOpen(false); }}>{m.label} {m.desc} )}
)}
)}
{large
?
Search {Icon.ArrowRight()}
:
{Icon.ArrowRight()} }
);
}
function SearchPanel({ draft, scope, onSelect }) {
/* onSelect(text, to): the row's flow key travels with the text so the pick always resolves. */
const suggestions = ES.getSuggestions(draft, scope, 6);
if (!draft.trim() || !suggestions.length) return null;
const q = draft.trim().toLowerCase();
return (
{suggestions.map((s) => {
const lo = s.text.toLowerCase(); const idx = lo.indexOf(q);
return (
{ e.preventDefault(); onSelect(s.text, s.to); }}>
{Icon.Search()}
{idx > -1 ? <>{s.text.slice(0, idx)} {s.text.slice(idx, idx + q.length)} {s.text.slice(idx + q.length)} : {s.text} }
{s.tag || scopeById(s.scope).tag}
);
})}
);
}
/* ---------- Structured search: a compact row under the Doctors / Dentists pill (mirrors castleconnolly.com's Find Top Doctors form) ---------- */
const DOCTOR_SPECIALTIES = SPECIALTY_OPTIONS.slice(0, 13);
const DENTAL_SPECIALTIES = SPECIALTY_OPTIONS.slice(13);
const MEDICAL_INSURERS = INSURANCE_OPTIONS.slice(0, 9);
const DENTAL_INSURERS = INSURANCE_OPTIONS.slice(9);
function ScopeRow({ scope, user, onSubmit }) {
const profile = PROFILE();
const dental = scope === 'dentists';
const familyPlan = dental && profile.family && profile.family[0] && profile.family[0].dentalPlan;
const fromProfile = user ? { location: profile.location, insurance: dental ? (familyPlan || '') : profile.plan } : {};
const [f, setF] = useS({ specialty: dental ? 'Pediatric Dentistry' : 'Cardiology', location: fromProfile.location || 'Boston, MA', insurance: fromProfile.insurance || '', distance: '10 mi' });
useE(() => { setF((p) => ({ ...p, location: user ? profile.location : (p.location || 'Boston, MA'), insurance: user ? (dental ? (familyPlan || '') : profile.plan) : p.insurance })); }, [user]);
const set = (k, v) => setF((p) => ({ ...p, [k]: v }));
const hint = (k) => (user && fromProfile[k] && f[k] === fromProfile[k] ? from your profile : null);
const [needSpec, setNeedSpec] = useS(false);
const specRef = useR(null);
const submit = (e) => { e.preventDefault(); if (!f.specialty) { setNeedSpec(true); specRef.current && specRef.current.focus(); return; } onSubmit(f); };
const specialties = dental ? DENTAL_SPECIALTIES : DOCTOR_SPECIALTIES;
const insurers = dental ? DENTAL_INSURERS : MEDICAL_INSURERS;
return (
);
}
/* ---------- Find a Top Doctor: one smart field with grouped suggestions (specialties, conditions and procedures, doctors), then the secondary filters under it. The pattern the best directories use. ---------- */
const CONDITIONS = [
{ name: 'Heart disease', specialty: 'Cardiology' }, { name: 'Atrial fibrillation', specialty: 'Cardiology' }, { name: 'Heart valve replacement', specialty: 'Cardiology' }, { name: 'Coronary artery bypass (CABG)', specialty: 'Cardiology' }, { name: 'High blood pressure', specialty: 'Cardiology' }, { name: 'Chest pain', specialty: 'Cardiology' }, { name: 'Cardiac catheterization', specialty: 'Cardiology' }, { name: 'Heart murmur', specialty: 'Cardiology' },
{ name: 'Well-child checkup', specialty: 'Pediatrics' }, { name: 'Childhood asthma', specialty: 'Pediatrics' }, { name: 'Newborn care', specialty: 'Pediatrics' }, { name: 'Vaccinations', specialty: 'Pediatrics' }, { name: 'Ear infection', specialty: 'Pediatrics' },
{ name: 'Teeth cleaning', specialty: 'Pediatric Dentistry' }, { name: 'Cavity filling', specialty: 'Pediatric Dentistry' }, { name: 'Dental sealants', specialty: 'Pediatric Dentistry' }, { name: 'First dental visit', specialty: 'Pediatric Dentistry' }, { name: 'Braces', specialty: 'Orthodontics' }, { name: 'Invisalign', specialty: 'Orthodontics' },
];
const isDentalSpec = (x) => /Dent|Ortho/.test(x);
function matchSpecialty(q, dental) { const s = q.trim().toLowerCase(); if (!s) return null; const list = dental ? DENTAL_SPECIALTIES : DOCTOR_SPECIALTIES; return list.find((x) => x.toLowerCase() === s) || list.find((x) => x.toLowerCase().startsWith(s) && s.length >= 4) || null; }
function matchCondition(q, dental) { const s = q.trim().toLowerCase(); if (!s) return null; return CONDITIONS.find((c) => isDentalSpec(c.specialty) === dental && c.name.toLowerCase() === s) || null; }
function smartMatches(q, dental) {
const s = q.trim().toLowerCase(); if (s.length < 2) return null;
const specs = (dental ? DENTAL_SPECIALTIES : DOCTOR_SPECIALTIES).filter((x) => x.toLowerCase().includes(s)).slice(0, 4);
const conds = CONDITIONS.filter((c) => isDentalSpec(c.specialty) === dental && c.name.toLowerCase().includes(s)).slice(0, 5);
const docs = Object.values(DATA().PROVIDERS || {}).filter((p) => ((p.programs || []).includes('Top Dentist')) === dental && p.name.toLowerCase().includes(s)).slice(0, 4);
if (!specs.length && !conds.length && !docs.length) return null;
return { specs, conds, docs };
}
function SmartPanel({ draft, dental, onSpecialty, onCondition, onDoctor }) {
const m = smartMatches(draft, dental); if (!m) return null;
const q = draft.trim().toLowerCase();
const hi = (text) => { const lo = text.toLowerCase(); const i = lo.indexOf(q); return i < 0 ? text : <>{text.slice(0, i)}{text.slice(i, i + q.length)} {text.slice(i + q.length)}; };
const Group = ({ title, icon, children }) => ;
return (
{m.specs.length > 0 && {m.specs.map((x) => { e.preventDefault(); onSpecialty(x); }}>{hi(x)} Top {dental ? 'Dentists' : 'Doctors'} near you )} }
{m.conds.length > 0 && {m.conds.map((c) => { e.preventDefault(); onCondition(c); }}>{hi(c.name)} {c.specialty} )} }
{m.docs.length > 0 && {m.docs.map((p) => { e.preventDefault(); onDoctor(p); }}>{p.initials} {hi(p.name)} {p.specialty} · {p.hospital || p.practice} )} }
);
}
/* One finder bar for Doctors and Dentists (the Zocdoc, Cedars-Sinai and UCSF shape): search, location and insurance as three cells in one card, one green button, a quiet chip row under it. The chat box steps aside on these tabs. */
function FinderBar({ scope, user, draft, setDraft, f, setF, onSubmit, onPickDoctor, onUseLocation }) {
const dental = scope === 'dentists';
const profile = PROFILE();
const [focused, setFocused] = useS(false);
const [picked, setPicked] = useS(false);
const { menu, setMenu, wrap } = C.useFacetMenu();
const input = useR(null);
useE(() => { if (input.current) input.current.focus(); }, [scope]);
const set = (k, v) => setF((p) => ({ ...p, [k]: v }));
const insurers = dental ? DENTAL_INSURERS : MEDICAL_INSURERS;
const planOnFile = dental ? (((profile.family || [])[0] || {}).dentalPlan || '') : profile.plan;
const fromProfile = user && f.insurance && f.insurance === planOnFile;
const hasDraft = draft.trim().length > 0;
/* A pick from the panel fills the Search cell and closes the panel; the Find button or Enter runs the search, so location and insurance can still change. Picking a named doctor opens that doctor. */
const pick = (text) => { setDraft(text); setPicked(true); if (input.current) input.current.focus(); };
const chip = (props) =>
{ if (wrap.current && wrap.current.contains(e.relatedTarget)) return; setFocused(false); }}>
Search
{Icon.Search()}
{hasDraft && focused && !picked &&
pick(x)} onCondition={(c) => pick(c.name)} onDoctor={onPickDoctor} />}
Insurance{fromProfile ? profile : null}
{Icon.Shield()} set('insurance', e.target.value)} aria-label="Insurance">Add insurance {insurers.map((x) => {x} )}
onSubmit(draft)}>{Icon.Search()}Find Top {dental ? 'Dentists' : 'Doctors'}
{chip({ id: 'distance', label: 'Distance', value: f.distance || '10 mi', children: DISTANCE_OPTIONS.map((d) => { set('distance', d); setMenu(null); }} />) })}
{chip({ id: 'new', label: 'Accepting new patients', on: !!f.acceptingNew, onClick: () => set('acceptingNew', !f.acceptingNew) })}
{chip({ id: 'book', label: 'Online booking', on: !!f.bookOnline, onClick: () => set('bookOnline', !f.bookOnline) })}
{chip({ id: 'tele', label: 'Telehealth', on: !!f.telehealth, onClick: () => set('telehealth', !f.telehealth) })}
{chip({ id: 'top', label: dental ? 'Top Dentists only' : 'Top Doctors only', on: !!f.topOnly, onClick: () => set('topOnly', !f.topOnly) })}
{chip({ id: 'more', label: 'More filters', icon: Icon.Sliders(), on: !!moreOn, wide: true, children:
);
}
function Landing({ onAsk, onStructured, onPickDoctor, draft, setDraft, scope, setScope, nav, user, brand, onSignIn, onProfile, mode, onMode, attachments, onAttach, onRemoveAttachment }) {
const [focused, setFocused] = useS(false);
const wrapRef = useR(null);
const profile = PROFILE();
const hasDraft = draft.trim().length > 0;
const onBlur = (e) => { if (wrapRef.current && wrapRef.current.contains(e.relatedTarget)) return; setFocused(false); };
const rows = ES.promptsFor(scope, user).slice(0, 4);
const structuredScope = scope === 'doctors' || scope === 'dentists';
const dental = scope === 'dentists';
const planFor = (d) => (user ? (d ? (((profile.family || [])[0] || {}).dentalPlan || '') : profile.plan) : '');
const [sf, setSf] = useS(() => ({ location: user ? profile.location : 'Boston, MA', insurance: planFor(dental), distance: '10 mi' }));
useE(() => { setSf((p) => ({ ...p, location: user ? profile.location : (p.__loc === 'device' ? p.location : 'Boston, MA'), insurance: planFor(dental) })); }, [user, dental]);
const find = (specialty, condition) => { const spec = specialty || matchSpecialty(draft, dental) || (dental ? 'Pediatric Dentistry' : 'Cardiology'); onStructured({ specialty: spec, condition: condition || null, location: sf.location || 'Boston, MA', insurance: sf.insurance || '', distance: sf.distance || '10 mi', acceptingNew: !!sf.acceptingNew, topOnly: !!sf.topOnly, bookOnline: !!sf.bookOnline, telehealth: !!sf.telehealth, gender: sf.gender || 'Any', lang: sf.lang || 'Any', __loc: sf.__loc || null }); };
const submitBar = (q) => { if (!structuredScope) { onAsk(q, scope); return; } if (!q || !q.trim()) { find(); return; } const c = matchCondition(q, dental); const spec = matchSpecialty(q, dental); if (c) { find(c.specialty, c.name); return; } if (spec) { find(spec); return; } onAsk(q, scope); };
return (
{user
? {Icon.Person()} Welcome back, {profile.firstName} . Your location and plan shape every answer. {Icon.ArrowRight()} {Icon.Sparkle()} Create a free account to see which Top Doctors take your plan, save doctors and book online{Icon.ArrowRight()}
{brand.tagline}
{SCOPES.map((s) => (
e.preventDefault()} onClick={() => setScope(s.id)}>
{Icon[s.icon]()} {s.label}
))}
{structuredScope
?
onPickDoctor(p)} onUseLocation={() => setSf((p) => ({ ...p, location: 'Boston, MA 02116', __loc: 'device' }))} />
: (
setFocused(true)} placeholder={scopeById(scope).placeholder} mode={mode} onMode={onMode} attachments={attachments} onAttach={onAttach} onRemoveAttachment={onRemoveAttachment} />
{hasDraft && focused && onAsk(q, scope, to)} />}
)}
{scope !== 'ask' &&
Popular in {scopeById(scope).label}
}
{rows.map((r) => {
const tag = scopeById(r.scope).tag;
return (
e.preventDefault()} onClick={() => onAsk(r.text, scope, r.to)} title={r.text}>
{Icon.Search()} {r.short || r.text}
{tag}
);
})}
{ES.scale.physicians} physicians · {ES.scale.dentists} dentists · {ES.scale.hospitals} hospitals and practices, with Castle Connolly recognition
);
}
/* ---------- Account (concept: Castle Connolly has no consumer account today) ---------- */
function AccountControl({ user, onSignIn, onSignOut, savedCount, onSaved, onProfile, onPrefs, light }) {
const [open, setOpen] = useS(false);
const ref = useR(null);
const profile = PROFILE();
useE(() => {
if (!open) return;
const close = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', close);
return () => document.removeEventListener('mousedown', close);
}, [open]);
if (!user) return {Icon.Person()}Sign in ;
return (
setOpen((o) => !o)} aria-expanded={open} aria-haspopup="menu">
{profile.initials} {profile.name} {Icon.ChevronDown()}
{open && (
{profile.name} {profile.location} · {profile.plan}
{ setOpen(false); onProfile && onProfile(); }}>{Icon.Person()}My care profile
{ setOpen(false); onPrefs && onPrefs(); }}>{Icon.Sliders()}Search preferences
setOpen(false)}>{Icon.Alert()}Notifications Reminders on
setOpen(false)}>{Icon.Settings()}Settings
setOpen(false)}>{Icon.Globe()}Language English
{ setOpen(false); onSignOut(); }}>{Icon.LogOut()}Sign out
Demo account. Castle Connolly has no consumer account today; this shows what one could add.
)}
);
}
/* ---------- Auth dialog (v3 shape): step one logs in or signs up, step two sets up the profile. Nothing is real: every path lands on the same demo account. ---------- */
const GoogleG = () => (
);
const AppleLogo = () => (
);
const EMAIL_OK = /^\S+@\S+\.\S+$/;
function AuthModal({ brand, step: initialStep, mode, onClose, onComplete }) {
const profile = PROFILE();
const fam = (profile.family && profile.family[0]) || {};
const isProfile = mode === 'profile';
const [step, setStep] = useS(initialStep || 'login');
const [email, setEmail] = useS('');
const [f, setF] = useS({ name: profile.name, zip: profile.zip || '02116', plan: profile.plan, famName: fam.name || '', famAge: fam.age || '', famPlan: fam.dentalPlan || '', telehealth: !!(profile.preferences || {}).telehealth, evening: !!(profile.preferences || {}).eveningAppointments });
const set = (k, v) => setF((p) => ({ ...p, [k]: v }));
useE(() => { const esc = (e) => { if (e.key === 'Escape') onClose(); }; document.addEventListener('keydown', esc); return () => document.removeEventListener('keydown', esc); }, [onClose]);
const emailValid = EMAIL_OK.test(email.trim());
const next = () => setStep('profile');
const titleId = 'auth-title';
return (
{ if (e.target === e.currentTarget) onClose(); }}>
{Icon.X()}
{step === 'login' ? (
<>
Log in or sign up
See which Top Doctors take your plan, save doctors and book online. One click signs you in as the demo account.
Continue with Google Continue with Apple {Icon.Phone()} Continue with phone
or
By continuing you agree to {brand.shortName}’s Terms of Use and Privacy Policy.
) : (
<>
{!isProfile &&
setStep('login')} aria-label="Back">{Icon.CornerUpLeft()} }
{isProfile ? 'My care profile' : 'Set up your profile'}
{isProfile ? 'What every answer knows about you. Edit anything.' : 'Your location, plan and family shape every answer. Edit anything.'}
)}
Concept only. Castle Connolly has no consumer account today; the RFP defines a provider portal.
{ if (e.key === 'Enter' || e.key === ' ') go(e); }} title={title}>
{Icon[icon]()}
{label}
{Icon.Lock()}
{hover && (
)}
);
}
/* Signed in: the same three rows, unlocked. Saved doctors and Book online expand the saved list in place; My care profile opens the profile sheet. */
function SavedRows({ list, mode, onPick }) {
if (!list.length) return Save a doctor from any answer and it lands here.
;
return list.map((p) => (
onPick(p)} role="button" tabIndex={0} onKeyDown={(e) => { if (e.key === 'Enter') onPick(p); }} title={p.name + ' · ' + p.specialty + ' · ' + (p.hospital || p.practice)}>
{p.initials}
{p.name} {mode === 'book' ? 'Next available ' + p.nextAvailable : p.specialty + ' · ' + (p.hospital || p.practice)}
{mode === 'book' &&
e.stopPropagation()}>{Icon.Calendar()}Book online }
{Icon.Bookmark()} Saved {count}
Tools
{TOOLS.map((t) => {
if (t.auth && !user) return
;
if (t.id === 'book') return (
setOpen((o) => (o === t.id ? null : t.id))} aria-expanded={open === t.id} data-rail-tip={t.label}>
{Icon[t.icon]()} {t.label}
{open === t.id ? Icon.Up() : Icon.ChevronDown()}
{open === t.id &&
}
);
return
onTool(t.id)} data-rail-tip={t.label}>{Icon[t.icon]()} {t.label} {Icon.ArrowRight()} ;
})}
);
}
/* Rail footer: sign-in callout signed out, the user row signed in (v3). */
function RailFooter({ user, onSignIn, onSignOut, onOpenProfile, onOpenSaved, onOpenPrefs }) {
const [menu, setMenu] = useS(false);
const ref = useR(null);
const profile = PROFILE();
useE(() => {
if (!menu) return;
const close = (e) => { if (ref.current && !ref.current.contains(e.target)) setMenu(false); };
document.addEventListener('mousedown', close);
return () => document.removeEventListener('mousedown', close);
}, [menu]);
useE(() => { if (!user) setMenu(false); }, [user]);
if (!user) return (
Create a free account
Log in for results matched to your plan, saved doctors and your past searches.
Log in
Sign up
);
return (
{menu && (
{ setMenu(false); onOpenProfile(); }}>{Icon.Person()} My care profile
{ setMenu(false); onOpenPrefs(); }}>{Icon.Sliders()} Search preferences
setMenu(false)}>{Icon.Alert()} Notifications Reminders on
setMenu(false)}>{Icon.Settings()} Settings
setMenu(false)}>{Icon.Globe()} Language English
{ setMenu(false); onSignOut(); }}>{Icon.LogOut()} Sign out
)}
setMenu((m) => !m)} role="button" tabIndex={0} aria-expanded={menu} aria-haspopup="menu" onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setMenu((m) => !m); } }}>
{profile.initials}
{Icon.ChevronUpDown()}
{ e.stopPropagation(); onRemove(kind, id); }} title="Remove from Saved" aria-label={'Remove ' + label + ' from Saved'}>{Icon.X()} ;
return (
Saved {total} item{total === 1 ? '' : 's'} kept across your searches. Visible only to you.
{SAVED_TABS.map(([id, label]) => setTab(id)}>{label} )}
{show('doctors') && (
{doctors.length ? {doctors.map((p) => (
Saved {when(p.id)} onRemove('doctor', p.id)}>{Icon.X()}Remove
))}
Save a doctor from any answer and it lands here.
}
)}
{show('hospitals') && (
{hospitals.length ? {hospitals.map((h) => (
Saved {when(h.id)} onRemove('hospital', h.id)}>{Icon.X()}Remove
))}
Save a hospital from any Hospitals tab and it lands here.
}
)}
{show('topics') && (
{topics.length ?
{topics.map((t) => onRemove('topic', t.id)}>{Icon.X()}Remove “{t.title}” )}
: Save a guide from any Topics tab and it lands here.
}
)}
{show('searches') && (
{searches.length ? {searches.map((r) => (
onSearch(r)} role="button" tabIndex={0} onKeyDown={(e) => { if (e.key === 'Enter') onSearch(r); }}>
{Icon.Search()}
{r.q}
Saved {r.at || 'just now'} · Run again
))} : Save a search from any answer and rerun it from here.
}
)}
Concept only. Castle Connolly has no consumer account today; the RFP defines a provider portal.
);
}
/* ---------- My care profile as a page (v3 pattern): what every answer knows, how complete it is, and where to change it. ---------- */
function ProfilePage({ prefs, saved, savedTotal, onEdit, onOpenPrefs, onOpenSaved, onPickSaved }) {
const p = PROFILE();
const fam = (p.family && p.family[0]) || null;
const prefsOn = p.preferences || {};
const [tab, setTab] = useS('basics');
const fields = [!!p.name, !!(p.zip || p.location), !!p.plan, !!fam, !!(prefsOn.telehealth || prefsOn.eveningAppointments), !!p.phone, !!p.preferredHospital];
const pct = Math.round((fields.filter(Boolean).length / fields.length) * 100);
const hints = [!p.phone && ['Add your phone number for appointment reminders.', 'basics'], !p.preferredHospital && ['Add a preferred hospital to sort results near it.', 'preferences']].filter(Boolean);
const Row = ({ label, value, empty }) => ;
const sortLabel = { top: 'Top Doctor status', distance: 'Distance', available: 'Next available' }[(prefs || {}).sort] || 'Top Doctor status';
const savedDocs = [...saved].map((id) => (DATA().PROVIDERS || {})[id]).filter(Boolean);
const TABS = [['basics', 'Basics'], ['location', 'Location'], ['insurance', 'Insurance'], ['family', 'Family'], ['care', 'Care team'], ['preferences', 'Preferences'], ['privacy', 'Privacy']];
const Bar = ({ badge, note }) => {badge ? {Icon.ShieldCheck()}{badge} : {note} }{Icon.Edit()}Edit
;
const body = {
basics: <>|
|
|
|
,
location: <>|
|
|
|
,
insurance: <>|
|
|
|
|
{fam && fam.dentalPlan && |
}
Every answer filters to doctors who accept this plan and marks them In your network . Add a card from the search bar’s + menu to update it.
,
family: <>|
{fam && |
}
{Icon.Plus()}Add a partner or child Ask for “my 7-year-old” and the answer uses {fam ? fam.name + '’s' : 'their'} record and plan.
,
care: <>|
{savedDocs.map((d) =>
{d.specialty}
onPickSaved(d)}>{d.name} · {d.hospital || d.practice}
)}
{savedTotal} items in Saved .
,
preferences: <>|
|
|
|
|
Ranking and result types live in Search preferences .
,
privacy: <>|
|
|
|
{Icon.FileText()}Download my data {Icon.X()}Delete account
,
};
return (
{Icon.Person()} My care profile
My care profile Keep these details current so every answer knows your plan, your location and who you are searching for. You control what is saved.
Profile completion {pct}%
{hints.length > 0 &&
{hints.map(([h, t]) => setTab(t)}>{Icon.Plus()} {h} }
{TABS.map(([id, label]) => setTab(id)}>{label} )}
{body[tab]}
Concept only. Castle Connolly has no consumer account today; the RFP defines a provider portal.
);
}
/* ---------- Search preferences as a page (v3 layout). Sort reorders the answer on screen; result types apply to the next search. ---------- */
const SORT_OPTIONS = [['top', 'Top Doctor status'], ['distance', 'Distance'], ['available', 'Next available']];
function PrefSection({ num, title, children }) {
return ;
}
function PrefsPage({ prefs, onSave, onCancel, onProfile }) {
const [f, setF] = useS(prefs);
const types = SCOPES.filter((sc) => sc.id !== 'ask');
const toggleType = (id) => setF((p) => { const has = p.types.includes(id); if (has && p.types.length === 1) return p; return { ...p, types: has ? p.types.filter((t) => t !== id) : [...p.types, id] }; });
const Toggle = ({ k }) => setF((p) => ({ ...p, [k]: !p[k] }))}> ;
return (
{Icon.Sliders()} Search preferences
Search preferences
Control how results are ranked and what appears. Your plan, location and family live in My care profile .
Default sort
{SORT_OPTIONS.map(([id, label]) => setF((p) => ({ ...p, sort: id }))}>{label} )}
Result types to include
{types.map((sc) => toggleType(sc.id)}>{f.types.includes(sc.id) && {Icon.Check()} }{sc.label} )}
Prioritize doctors who book online Doctors with online booking through Zocdoc sort first.
Open answers on the results Land on the Doctors or Dentists tab instead of the narrative answer.
Visible only to you. Sort applies to the answer on screen; result types apply to your next search.
Cancel onSave(f)}>{Icon.Check()}Save preferences
Concept only. Castle Connolly has no consumer account today; the RFP defines a provider portal.
);
}
/* ---------- Tools are tools, not chats: a coverage check sheet and a compare page built from the same records the answers use. ---------- */
function CoverageSheet({ saved, onClose, onProfile }) {
const p = PROFILE();
const [plan, setPlan] = useS(p.plan);
useE(() => { const esc = (e) => { if (e.key === 'Escape') onClose(); }; document.addEventListener('keydown', esc); return () => document.removeEventListener('keydown', esc); }, [onClose]);
const fam = (p.family && p.family[0]) || null;
const savedDocs = [...saved].map((id) => (DATA().PROVIDERS || {})[id]).filter(Boolean);
const inNet = (d) => (d.insurance || []).includes(plan) || (fam && fam.dentalPlan && (d.insurance || []).includes(fam.dentalPlan));
const all = Object.values(DATA().PROVIDERS || {});
const count = all.filter((d) => (d.insurance || []).includes(plan)).length;
return (
{ if (e.target === e.currentTarget) onClose(); }}>
{Icon.X()}
Check my coverage
Your plan on file filters every answer to doctors who accept it. Change it here to see who else you could see.
Your plan
setPlan(e.target.value)}>{MEDICAL_INSURERS.map((x) => {x} )} {count} of the {all.length} Top Doctors and Top Dentists in this demo accept {plan}{fam && fam.dentalPlan ? <>; {fam.name}'s dental plan is {fam.dentalPlan} : null}.
Your saved doctors
{savedDocs.length ? savedDocs.map((d) => {inNet(d) ? Icon.ShieldCheck() : Icon.Alert()}{d.name} {d.specialty} · {d.hospital || d.practice} {inNet(d) ? 'In network' : 'Not in network'} ) : Save a doctor from any answer to check them here. }
Done
Plan and family live in My care profile .
Concept only. Coverage is read from directory records, not from your insurer.
{Icon.Grid()} Compare doctors
Compare doctors Two Top Doctors side by side on recognition, hospital, distance, plan and availability. Never a ranking.
Comparing {names.map((n) => {Icon.Person()}{n} )}Pick any two from Saved or an answer to compare them here.
{section ?
:
Save two doctors to compare them.
}
Concept only. Castle Connolly recognizes doctors and hospitals; it does not rank one doctor against another.
);
}
/* ---------- Left rail ---------- */
function LeftRail({ onNew, onPickHistory, onTool, activeKey, nav, user, brand, saved, savedTotal, onPickSaved, urlState, controls, onSignIn, onSignOut, onOpenProfile, onOpenSaved, onOpenPrefs, open }) {
const history = historyFor(user);
const savedList = user ? [...saved].map((id) => (DATA().PROVIDERS || {})[id]).filter(Boolean) : [];
return (
);
}
function ScopeTabs({ sections, activeScope, onChange, className, filters }) {
const present = useM(() => { const p = new Set(['ask']); (sections || []).forEach((s) => p.add(window.sectionScope(s))); return SCOPES.filter((sc) => p.has(sc.id)); }, [sections]);
return (
{present.map((sc) => (
onChange(sc.id)}>
{Icon[sc.icon]()} {sc.label}
{sc.id !== 'ask' && {(sections || []).filter((s) => window.sectionScope(s) === sc.id).reduce((n, s) => n + (s.kind === 'providers' ? C.applyFilters(s.items, filters || {}).length : s.items ? s.items.length : 1), 0)} }
))}
);
}
/* The short label only earns its place when the question itself does not already carry its terms. */
const labelRedundant = (label, q) => { const ql = (q || '').toLowerCase(); const terms = (label || '').split('·').map((t) => t.trim().toLowerCase()).filter(Boolean); return terms.length > 0 && terms.every((t) => ql.includes(t.slice(0, 6))); };
function ChatHeader({ chatLabel, query, sections, activeScope, onScopeChange, filters, account }) {
const showLabel = chatLabel && !labelRedundant(chatLabel, query);
return (
{showLabel &&
{chatLabel}
}
{account}
);
}
/* Follow-ups sit last, closest to the composer, as prompt chips. */
function FollowUpChips({ chips, onPick, personal }) {
const items = (chips || []).slice(0, 3);
if (!items.length) return null;
return (
{personal ? 'Keep going · based on your profile' : 'Keep going'}
{items.map((c, i) => (
onPick(c)}>{personal ? Icon.Person() : Icon.Sparkle()}{(c && c.q) || c}
))}
);
}
function NoAnswer({ msg, idx, onPick, user }) {
return (
{msg.query}
{Icon.Info()}This demo answers a fixed set of questions
The live product would search the full Castle Connolly directory: {ES.scale.physicians} physicians, {ES.scale.dentists} dentists and {ES.scale.hospitals} hospitals and practices. For the walkthrough, try one of these:
{flowRows(user).map((r) => (
onPick(r)}>
{Icon.Search()} {r.text}
))}
);
}
/* Top-nav variant: product bar beneath the site header (design option 1a). Scopes are the horizontal nav; recents live in a dropdown. */
function ProductBar({ hasMessages, last, activeScope, onScope, onNew, onPickHistory, filters, user, controls, saved, savedTotal, onSignIn, onPickSaved, onOpenProfile, onOpenSaved, onTool }) {
const [open, setOpen] = useS(false);
const [feat, setFeat] = useS(null);
const ref = useR(null);
const fref = useR(null);
useE(() => {
if (!open && !feat) return;
const close = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); if (fref.current && !fref.current.contains(e.target)) setFeat(null); };
document.addEventListener('mousedown', close);
return () => document.removeEventListener('mousedown', close);
}, [open, feat]);
useE(() => { if (!user) setFeat(null); }, [user]);
const savedList = user ? [...(saved || [])].map((id) => (DATA().PROVIDERS || {})[id]).filter(Boolean) : [];
const sections = hasMessages && last && last.data ? last.data.sections : null;
const present = (id) => id === 'ask' || !sections || sections.some((s) => window.sectionScope(s) === id);
const count = (id) => sections ? sections.filter((s) => window.sectionScope(s) === id).reduce((n, s) => n + (s.kind === 'providers' ? C.applyFilters(s.items, filters || {}).length : s.items ? s.items.length : 1), 0) : 0;
const history = historyFor(user);
return (
{SCOPES.map((sc) => {
const active = sc.id === activeScope;
const has = present(sc.id);
return (
onScope(sc.id)} title={hasMessages && !has ? 'Start a new ' + sc.label.toLowerCase() + ' search' : sc.label}>
{Icon[sc.icon]()}
{sc.label}
{hasMessages && has && sc.id !== 'ask' && {count(sc.id)} }
);
})}
{controls}
{user
? [SAVED_FEATURE, ...FEATURES.filter((f) => f.id !== 'compare')].map((f) => f.id === 'saved'
?
{Icon.Bookmark()}Saved {savedTotal}
: f.id === 'coverage'
?
onTool('coverage')}>{Icon[f.icon]()}{f.label}
: (
setFeat((o) => (o === f.id ? null : f.id))} aria-expanded={feat === f.id}>{Icon[f.icon]()}{f.label} {Icon.ChevronDown()}
{feat === f.id &&
Book a saved doctor
{ setFeat(null); onPickSaved(p); }} /> }
))
: <>
{[SAVED_FEATURE, ...FEATURES.filter((f) => f.id !== 'compare')].map((f) =>
)}
Sign up
}
{user &&
setOpen((o) => !o)} aria-expanded={open}>{Icon.History()}Recent {Icon.ChevronDown()}
{open && (
Recent searches
{history.map((h) => (
{ setOpen(false); onPickHistory(h); }}>{Icon.Search()}{h.q}
))}
)}
}
{Icon.NewChat()}New search
);
}
/* Presenter controls: which Castle Connolly directory site is shown, and the layout variant. Live in the rail footer or the product bar, never over the composer. */
function PresenterToggles({ nav, onNav, brand, onBrand, compact }) {
return (
Brand
onBrand('cc')}>{compact ? 'CC' : 'Castle Connolly'}
onBrand('ehcare')}>{compact ? 'EH-CARE' : 'EH‑CARE'}
Layout
onNav('rail')}>{Icon.Sidebar()}{compact ? 'Rail' : 'Left rail'}
onNav('top')}>{Icon.Menu()}{compact ? 'Top' : 'Top nav'}
);
}
/* ---------- App ---------- */
function App() {
const init = useR(readUrl()).current;
const [nav, setNav] = useS(init.nav);
const [brandId, setBrandId] = useS(init.brand);
const [user, setUser] = useS(init.user);
const [saved, setSaved] = useS(() => new Set(PROFILE().savedIds || []));
const [auth, setAuth] = useS(null); /* null | { step: 'login' | 'profile', mode: 'signup' | 'profile' } */
const [view, setView] = useS(['saved', 'profile', 'prefs', 'compare'].includes(init.view) && init.user ? init.view : null); /* 'saved' | 'profile' | 'prefs' | 'compare' | null; &view= */
const [prefs, setPrefs] = useS(() => PROFILE().searchPrefs || { sort: 'top', types: ['doctors', 'dentists', 'hospitals', 'topics'], bookOnlineFirst: false, resultsFirst: false });
const [prefsFrom, setPrefsFrom] = useS(null); /* view to return to after Save or Cancel on the preferences page */
const [mode, setMode] = useS('detailed'); /* response mode: 'quick' | 'detailed' */
const [drawer, setDrawer] = useS(false); /* phone: the rail is a drawer behind a menu button (engine pattern) */
const [attachments, setAttachments] = useS([]); /* insurance card and device location, mocked: they seed filters and are labeled */
const attach = (type) => {
if (type === 'card') {
const plan = PROFILE().plan || 'Aetna';
setAttachments((l) => [...l.filter((c) => c.id !== 'card'), { id: 'card', icon: 'Shield', label: 'Reading card…', title: 'Insurance card' }]);
setTimeout(() => setAttachments((l) => l.map((c) => (c.id === 'card' ? { ...c, label: plan + ' · from your card', plan, title: 'Plan read from your insurance card. Nothing is stored.' } : c))), 900);
} else if (type === 'location') {
setAttachments((l) => [...l.filter((c) => c.id !== 'loc'), { id: 'loc', icon: 'MapPin', label: 'Boston, MA 02116 · from your device', location: 'Boston, MA 02116', title: 'Location from your device, used for this search only' }]);
}
};
const detach = (id) => setAttachments((l) => l.filter((c) => c.id !== id));
const [savedH, setSavedH] = useS(() => new Set(PROFILE().savedHospitalIds || []));
const [savedT, setSavedT] = useS(() => new Set(PROFILE().savedTopicIds || []));
const [savedQ, setSavedQ] = useS(() => (PROFILE().savedSearches || []).map((q, i) => ({ q, to: (ES.RECOMMENDED_ROWS.find((r) => r.text === q) || {}).to || ES.resolveKey(q), at: (PROFILE().savedAt || {})['s' + i] })));
const openAuth = () => setAuth({ step: 'login', mode: 'signup' });
const openProfile = () => setAuth({ step: 'profile', mode: 'profile' });
const closeAuth = useCallback(() => setAuth(null), []);
const [messages, setMessages] = useS([]);
const [draft, setDraft] = useS('');
const [landingScope, setLandingScope] = useS(init.scope || 'ask');
const [activeTab, setActiveTab] = useS('ask');
const [filtersById, setFiltersById] = useS({}); /* filters are per turn: an earlier answer keeps its own refinements when a later one is asked */
const setFiltersFor = (id, f) => setFiltersById((prev) => ({ ...prev, [id]: typeof f === 'function' ? f(prev[id] || {}) : f }));
const [scrollEl, setScrollEl] = useS(null);
const scrollRef = useR(null);
const attachScroll = useCallback((el) => { scrollRef.current = el; setScrollEl(el); }, []);
const brand = BRANDS[brandId];
const stateRef = useR({}); stateRef.current = { nav, user, brand: brandId, prefs, mode, attachments };
const urlState = { user, brand: brandId };
useE(() => { document.body.classList.toggle('nav-top', nav === 'top'); }, [nav]);
useE(() => { setDrawer(false); }, [messages.length, view, landingScope, user, auth]);
useE(() => { document.body.classList.toggle('body--locked', drawer); return () => document.body.classList.remove('body--locked'); }, [drawer]);
useE(() => { window.EH.applyBrand(brandId); }, [brandId]);
const scrollToTurn = useCallback((msgId) => {
const run = () => {
const sc = scrollRef.current;
const el = document.querySelector('[data-msg-id="' + msgId + '"]');
if (!sc || !el) return;
const turn = el.closest('.turn') || el;
const top = sc.scrollTop + turn.getBoundingClientRect().top - sc.getBoundingClientRect().top - 24;
sc.scrollTo({ top: Math.max(0, top), behavior: 'smooth' });
};
setTimeout(run, 0);
setTimeout(run, 120);
}, []);
/* Seed filters from the template, then the profile (labeled), then an explicit form submission. */
const seedFilters = (raw, opts, signedIn) => {
const profile = PROFILE();
const base = raw.filters ? { ...raw.filters } : {};
if (raw.structured) { base.specialty = base.specialty || raw.structured.specialty; base.distance = base.distance || raw.structured.distance; }
const from = {};
if (signedIn && Array.isArray(raw.profileUse)) {
if (raw.profileUse.includes('location')) { base.location = profile.location; from.location = 'profile'; }
if (raw.profileUse.includes('plan')) { base.insurance = profile.plan; from.insurance = 'profile'; }
if (raw.profileUse.includes('family') && profile.family && profile.family[0] && profile.family[0].dentalPlan) { base.insurance = profile.family[0].dentalPlan; from.insurance = 'family'; }
}
if (opts && opts.filters) { Object.assign(base, opts.filters); Object.keys(opts.filters).forEach((k) => { if (from[k] && opts.filters[k] !== base[k]) delete from[k]; }); }
if (opts && opts.from) Object.assign(from, opts.from);
if (!base.location) base.location = 'Boston, MA 02116';
return { ...base, __from: from, __base: { ...base } };
};
const ask = useCallback((q, scopeId, forceKey, fresh, opts) => {
const st = stateRef.current;
setView(null);
const D = DATA();
const key = (forceKey && D[forceKey]) ? forceKey : ES.resolveKey(q);
const raw = key ? D[key] : null;
if (!raw) {
const msgId = 'm-' + Date.now() + '-' + Math.random().toString(36).slice(2, 7);
const nfMsg = { id: msgId, kind: 'noflow', query: q, status: 'done', data: { sections: [], sources: [], summary: [] } };
setMessages((m) => (fresh ? [nfMsg] : [...m, nfMsg]));
setDraft('');
setActiveTab('ask');
writeUrl({ q, scope: 'ask', ...st });
scrollToTurn(msgId);
return;
}
const data = C.toEngineTemplate(raw);
/* Attachments (insurance card, device location) seed filters for this search and are labeled in the filter bar. */
const card = (st.attachments || []).find((c) => c.id === 'card' && c.plan);
const loc = (st.attachments || []).find((c) => c.id === 'loc');
if (card || loc) { opts = { ...(opts || {}), filters: { ...((opts && opts.filters) || {}), ...(card ? { insurance: card.plan } : {}), ...(loc ? { location: loc.location } : {}) }, from: { ...((opts && opts.from) || {}), ...(card ? { insurance: 'card' } : {}), ...(loc ? { location: 'device' } : {}) } }; }
/* Quick mode: first sentences of the answer and the top three results; hospitals, topics and the rest wait for Detailed. */
const mode = (opts && opts.mode) || st.mode || 'detailed';
if (mode === 'quick') {
const out = []; let len = 0;
for (const t of data.summary) {
const m = /[.!?](?=\s|$)/.exec(t.text);
if (m && len + m.index + 1 > 60) { out.push({ ...t, text: t.text.slice(0, m.index + 1) }); break; }
out.push(t); len += t.text.length;
}
data.summary = out;
const primary = data.sections.find((s) => s.kind === 'compare') || data.sections.find((s) => s.kind === 'providers') || data.sections[0];
data.sections = primary ? [primary.kind === 'providers' ? { ...primary, items: primary.items.slice(0, 3), quick: true } : primary].map((s) => ({ ...s, body: (ctx) =>
{nav === 'rail' &&
setDrawer((o) => !o)}>{drawer ? Icon.X() : Icon.Menu()} }
{nav === 'rail' && drawer &&
setDrawer(false)} />}
{nav === 'rail' && (
ask(h.q, null, h.to, true)} onTool={runTool} activeKey={last && last.key} nav={nav} user={user} brand={brand} saved={saved} onPickSaved={pickSaved} urlState={urlState} savedTotal={savedTotal} controls={controls(false)} onSignIn={openAuth} onSignOut={signOut} onOpenProfile={openProfilePage} onOpenSaved={openSavedPage} onOpenPrefs={openPrefs} />
)}
{nav === 'top' && (
ask(h.q, null, h.to, true)} filters={filters} user={user} controls={controls(true)} saved={saved} savedTotal={savedTotal} onSignIn={openAuth} onPickSaved={pickSaved} onOpenProfile={openProfilePage} onOpenSaved={openSavedPage} onTool={runTool} />
)}
{nav === 'rail' && hasMessages && !showView && {account}
}
{showCompare &&
}
{showPrefs &&
{ setPrefs(f); leavePrefs(); }} onCancel={leavePrefs} onProfile={openProfilePage} />}
{showProfile && ask(r.q, null, r.to, true)} />}
{!showView && !hasMessages && ask(q, s, key)} onStructured={structured} onPickDoctor={pickSaved} draft={draft} setDraft={setDraft} scope={landingScope} setScope={setLandingScope} nav={nav} user={user} brand={brand} onSignIn={openAuth} onProfile={openProfilePage} mode={mode} onMode={setMode} attachments={attachments} onAttach={attach} onRemoveAttachment={detach} />}
{!showView && hasMessages && (
{messages.map((m, i) => (
0 && i === messages.length - 1 ? { minHeight: turnMin } : undefined}>
{m.kind === 'noflow' ?
ask(r.text, null, r.to)} /> : <>
{m.entry === 'structured' && {Icon.Sliders()}Structured search }{m.mode === 'quick' && {Icon.Sparkle()}Quick answer ask(m.query, activeTab !== 'ask' ? activeTab : null, m.key, false, { mode: 'detailed', entry: m.entry })}>Show the detailed answer }
toggleSaveQ(m.query, m.key)} title={user ? (isSavedQ(m.query) ? 'Remove this search from Saved' : 'Save this search to rerun it later') : 'Sign in to save this search'}>{Icon.Bookmark()}{user ? (isSavedQ(m.query) ? 'Saved search' : 'Save this search') : 'Save this search · sign in'}
))}
ask(q)} placeholder={user ? 'Ask a follow-up, ' + PROFILE().firstName + '…' : 'Ask a follow-up, or search for something else…'} mode={mode} onMode={setMode} attachments={attachments} onAttach={attach} onRemoveAttachment={detach} />
{auth && setCoverageOpen(false)} onProfile={() => { setCoverageOpen(false); openProfilePage(); }} />}
{citePop && (
e.stopPropagation()}>
{citePop.n}
{citePop.source.name}
setCitePop(null)} aria-label="Close">{Icon.X()}
{citePop.source.title}
{citePop.source.date}{citePop.source.type ? ' · ' + ({ directory: 'Directory record', editorial: 'Editorial', external: 'External source', booking: 'Booking partner' })[citePop.source.type] : ''}
Open source {Icon.ArrowRight()}
);
}
ReactDOM.createRoot(document.getElementById('root')).render(
);