);
}
// ── Agent glyph icons (mirror app.jsx so the Agents dropdown matches) ─
function AgentGlyph({ name }) {
const glyphs = {
'Triage': ,
'Docs': ,
'Cal': ,
'Ledger': ,
};
return glyphs[name] || {name[0]};
}
// ── Solutions dropdown ────────────────────────────────────────────
function SolutionsDropdownDetail() {
const [open, setOpen] = useState(false);
const ref = useRef(null);
const closeTimer = useRef(null);
const hoverOpen = () => { clearTimeout(closeTimer.current); setOpen(true); };
const hoverClose = () => { closeTimer.current = setTimeout(() => setOpen(false), 120); };
useEffect(() => {
const close = e => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', close);
return () => document.removeEventListener('mousedown', close);
}, []);
// Carriers is the current vertical for /agents/* pages — flag it so it
// renders muted (still clickable but visually de-emphasized).
const items = [
{ label: 'Carriers', sub: 'Asset-based · LTL · TL', href: '/', current: true },
{ label: 'Oracle ERP', sub: 'Fusion · NetSuite · JD Edwards', href: '/erp', current: false },
{ label: 'Freight & Logistics', sub: 'Brokers · Freight forwarders', href: '/freight', current: false },
{ label: 'Regenerative Health', sub: 'Clinics · Wellness · Aesthetics', href: '/health', current: false },
];
return (
);
}
// ── Agents dropdown (mirrors homepage) ────────────────────────────
function AgentsDropdownDetail({ currentId }) {
const [open, setOpen] = useState(false);
const ref = useRef(null);
const closeTimer = useRef(null);
useEffect(() => {
const close = e => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', close);
return () => document.removeEventListener('mousedown', close);
}, []);
const hoverOpen = () => { clearTimeout(closeTimer.current); setOpen(true); };
const hoverClose = () => { closeTimer.current = setTimeout(() => setOpen(false), 120); };
const items = [
{ id: 'triage', name: 'Triage', domain: 'Email & Customer Service', color: '#5059C9', href: 'triage.html' },
{ id: 'docs', name: 'Docs', domain: 'Documents & AR', color: '#5B5FC7', href: 'docs.html' },
{ id: 'cal', name: 'Cal', domain: 'Scheduling & Dock Ops', color: '#30C15A', href: 'cal.html' },
{ id: 'ledger', name: 'Ledger', domain: 'Detention & Claims', color: '#A855F7', href: 'ledger.html' },
];
return (
{agent.personality}
)}{agent.description}
{cap.body}
{w.detail}
{agent.outcome} Below is a sample run on live data, with every field {agent.name} extracted and the action it took.
Read-write access inside your tenant. No data egress. Your systems, your audit trail.
{agent.escalations}
{agent.personality}
); } // ── Testimonials ───────────────────────────────────────────────── function AgentTestimonials({ agent }) { const accent = agent.accent || 'var(--accent)'; const items = agent.testimonials || []; return (Customer testimonials coming soon.
) : ({t.quote}
{a}