{hi!=null && (
{series.map(function(s,i){ return ; })}
)}
);
}
// vertical bars
function Bars({labels, data, color, height}){
const W=680,H=height||200,pad={l:8,r:8,t:12,b:22};
const max=Math.max.apply(null,data)*1.15||1, n=data.length;
const bw=(W-pad.l-pad.r)/n*0.56;
const x=i=> pad.l + i*((W-pad.l-pad.r)/n) + ((W-pad.l-pad.r)/n-bw)/2;
const y=v=> pad.t+(1-v/max)*(H-pad.t-pad.b);
return (
);
}
// donut / ring
function Donut({segments, size, center}){
const S=size||150, r=S/2-14, cx=S/2, cy=S/2, C=2*Math.PI*r;
const total=segments.reduce((a,b)=>a+b.value,0)||1;
let off=0;
return (
{labels[hi]}
{series.map(function(s,i){ return
{s.name?{s.name}:null}{(typeof s.data[hi]==='number'?s.data[hi].toLocaleString():s.data[hi])}{s.unit||''}
; })}
{center &&
}
);
}
// horizontal funnel
function Funnel({steps}){
const max=steps[0].n||1;
const colors=['#FF4A1C','#FB5A22','#F06A2A','#E11D2A','#C9182A','#A8131F'];
return (
{center.value}
{center.label}
{steps.map(function(s,i){
const w=Math.max(4, s.n/max*100);
return (
);
}
/* ---------------- card / panel wrappers ---------------- */
function PCard({title, sub, action, children, pad}){
return (
{s.label}
{s.n.toLocaleString()}
{s.pct}%
);
})}
{(title||action) &&
{action}
}
);
}
function Feed({items}){
return (
{title}
{sub &&{sub}
}{children}
{items.map(function(f,i){
return (
);
}
function Meter({pct, kind}){
return {f.title}
{f.time}
{f.body}
;
}
function Seg({options, value, onChange}){
return (
{options.map(function(o){
const v=typeof o==='string'?o:o.value, l=typeof o==='string'?o:o.label;
return ;
})}
);
}
/* ---------------- metric drawer (slide-out) ---------------- */
const RANGE_OPTS=[{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"3m",label:"3M"},{value:"12m",label:"12M"}];
function MetricDrawer({metric, onClose}){
const [range,setRange]=React.useState("30d");
React.useEffect(function(){
function esc(e){ if(e.key==="Escape") onClose(); }
document.addEventListener("keydown",esc);
return function(){ document.removeEventListener("keydown",esc); };
},[]);
if(!metric) return null;
const series=window.RYH.genSeries(metric.id, range, metric.raw, metric.kind);
const peak=Math.max.apply(null,series.data);
const low=Math.min.apply(null,series.data);
const avg=series.data.reduce((a,b)=>a+b,0)/series.data.length;
const fmt=metric.fmt||(v=>v);
return (
{metric.label}
{metric.value}{metric.unit && {metric.unit}}
{metric.delta!=null && =0?"up":"down")}>=0?"arrowUp":"arrowDown"} />{metric.delta>=0?"+":""}{metric.delta}{metric.deltaUnit||""} }
{metric.deltaLabel}
{metric.target && Target · {metric.target}}
Trend
Average{fmt(metric.kind==='count'||metric.kind==='cumulative'?Math.round(avg):+avg.toFixed(1))}
Peak{fmt(peak)}
Low{fmt(low)}
{metric.breakdownTitle||"Breakdown"}
{metric.breakdown.map(function(b,i){
return (
{b.label}
{b.value}
);
})}
{metric.note}
}{title}{desc && {desc}}
{children}
Notifications
{items.length===0 &&
You're all caught up
{n.title}
{n.body}
{it.logo
? 
: {it.tile}}
Connected : Not connected }
{it.name}
{it.cat}{it.owner==="reyah" ? " · Managed by Reyah" : ""}
{connected ? {it.desc}
{liveD}
{it.owner==="reyah"
?
: (connected
?
: )}
{it.logo
?
: {it.tile}}
{it.name}
{it.cat}
{it.desc}
Wired for handoff. Connecting opens a secure authorisation flow handled by the Reyah backend at
{endpoint}. {it.id==="gcal" ? "You'll grant calendar access via Google, then bookings appear in your calendar automatically." : it.id==="ghl" ? "Authorise with GoHighLevel (OAuth or Private Integration Token)." : "Authorise with your PlusVibe API key + workspace ID."} No credentials are stored in the browser.
{connected
?
: }
{open &&
);
}
/* ---------------- lead / contact drawer (the GHL contact record) ---------------- */
function LeadDrawer({lead, stages, onClose, onMoveStage, onSaveNote, onSend, onOpenInbox}){
const [note,setNote]=React.useState(lead.notes||"");
const [dirty,setDirty]=React.useState(false);
const [showAll,setShowAll]=React.useState(false);
const tl=lead.timeline||[];
React.useEffect(function(){ setNote(lead.notes||""); setDirty(false); },[lead.id]);
React.useEffect(function(){ function esc(e){ if(e.key==="Escape") onClose(); } document.addEventListener("keydown",esc); return function(){ document.removeEventListener("keydown",esc); }; },[]);
const actions=[
{k:"call", icon:"phone", label:"Call", prov:"GHL"},
{k:"email", icon:"mail", label:"Email", prov:"PlusVibe"},
{k:"sms", icon:"message", label:"Text", prov:"GHL"}
];
return (
{options.map(function(o){
return ;
})}
}
{lead.name}
{lead.spec} · {lead.vr} · {lead.loc}{sentimentTag(lead.sentiment)}
{actions.map(function(a){
return ;
})}
Mobile · tap to call{lead.phone}
Email · via PlusVibe{lead.email}
Location{lead.loc}
Owner{lead.owner||"-"}
Pipeline stage
Notes
{dirty && }
Activity {tl.length} tracked
Recent messages
{lead.thread.slice(-2).map(function(b,i){
return
{b.who} · {b.chan?b.chan.toUpperCase():""}{b.t}
;
})}
{comingSoon?"Coming soon":"Something went wrong"}
{message}
{onRetry && }