// Guess the most likely website domain for a company from its display name. // Heuristic: lowercase, strip non-alphanumeric, append .com if no dot present. // E.g. "monday.com" → "monday.com", "Rapyd" → "rapyd.com", "eon.io" → "eon.io". function guessCompanyDomain(name) { if (!name) return null; const trimmed = String(name).trim().toLowerCase(); if (!trimmed) return null; if (trimmed.includes(".")) return trimmed.replace(/[^a-z0-9.\-]/g, ""); const slug = trimmed.replace(/[^a-z0-9]/g, ""); if (!slug) return null; return slug + ".com"; } // Self-managed brand logo image — tries Clearbit, falls back to Google favicon, // finally renders the provided fallback child (an abstract glyph) if both fail. function BrandLogoImg({ domain, size, fallbackChild }) { const [stage, setStage] = React.useState(0); // 0=clearbit, 1=favicon, 2=give up React.useEffect(() => { setStage(0); }, [domain]); if (!domain || stage >= 2) return fallbackChild; const src = stage === 0 ? `https://logo.clearbit.com/${domain}` : `https://www.google.com/s2/favicons?domain=${domain}&sz=128`; return ( setStage(s => s + 1)} /> ); } // Custom monogram glyphs — original marks (NOT recreations of brand logos) // `override` may carry { _logoMode:"letter"|"glyph"|"url", _logoLetter, _logoBg, _logoDomain } // // Default behaviour (no override.mode set): auto-fetch the brand logo from the company // name (Clearbit → favicon → abstract glyph fallback). Set _logoMode explicitly via the // Edit drawer to override. function CompanyGlyph({ name, size = 22, override }){ const ov = override || (window.Store && window.Store.getCompanyOverride ? null : null); const logo = randLogo(name); const s = size; const stroke = "rgba(255,255,255,0.96)"; const fill = "rgba(255,255,255,0.96)"; const mode = override?._logoMode; // Build the abstract-glyph fallback once so we can hand it to BrandLogoImg. const renderAbstractGlyph = () => { const G = ABSTRACT_GLYPHS(s, stroke, fill); return G[logo.glyph] || G.dot; }; // Letter monogram (explicit) if(mode === "letter"){ const letter = (override._logoLetter || name[0] || "·").toUpperCase().slice(0,2); return ( {letter} ); } // Abstract glyph (explicit override — keep the prototype look) if(mode === "glyph"){ return renderAbstractGlyph(); } // Brand logo from URL — explicit (custom domain) OR default (guess from name). const explicitDomain = mode === "url" ? (override._logoDomain || "") : ""; const cleanedExplicit = explicitDomain.replace(/^https?:\/\//, "").replace(/\/.*$/, "").trim(); const domain = cleanedExplicit || guessCompanyDomain(name); return ; } // Abstract glyph dictionary, factored out so CompanyGlyph can call it as a fallback // when the brand-logo fetch fails. function ABSTRACT_GLYPHS(s, stroke, fill) { return { "three-bars": ( ), "orbit": ( ), "chevron-stack": ( ), "diamond": ( ), "heart-pulse": ( ), "leaf": ( ), "infinity": ( ), "play-burst": ( ), "prism": ( ), "dot": , }; } // Shared icon components + small UI pieces const Icon = { Bell: (p) => (), Search: (p) => (), Plus: (p) => (), ArrowRight: (p) => (), Close: (p) => (), Trash: (p) => (), Check: (p) => (), Phone: (p) => (), Mail: (p) => (), Calendar: (p) => (), Users: (p) => (), Pin: (p) => (), Money: (p) => (), Menu: (p) => (), Sparkle: (p) => (), ChevL: (p) => (), ChevR: (p) => (), Pencil: (p) => (), }; // Editorial header (clock + date) function EditorialHeader(){ const [now, setNow] = React.useState(new Date()); React.useEffect(()=>{ const t = setInterval(()=>setNow(new Date()), 1000); return ()=>clearInterval(t); }, []); const hh = String(now.getHours()).padStart(2,"0"); const mm = String(now.getMinutes()).padStart(2,"0"); const dateStr = now.toLocaleDateString("en-US", { weekday:"long", month:"long", day:"numeric", year:"numeric" }); return (
Medical by Moveo · Control Center

At a glance.

Every client, every thread — live.

{hh}:{mm}
{dateStr}
); } // Top bar function TopBar({ onOpenTweaks, onOpenMenu }){ return (
Medical by Moveo
Medical by Moveo Control Center
All systems green
Team view All employees · shared
); } function KPIStrip(){ const live = window.useLiveData ? window.useLiveData() : null; const fmt = window.fmtMoney || (n => "₪" + n); const fmtS = window.fmtSigned || (n => (n>=0?"+":"") + "₪" + n); // Live tiles. Until the JSON loads, fall back to the mock array so the layout doesn't pop. const tiles = live ? [ { lbl: "FY26 Booked", val: fmt(live.fy.booked), trend: live.fy.onTrack ? "On track" : "Behind plan", trendType: live.fy.onTrack ? "pos" : "neg", sub: `of ${fmt(live.fy.plan)} plan · ${live.fy.daysLeft} days left`, }, { lbl: `YTD vs Plan · ${live.monthsClosedLabels[0] || "Jan"}–${live.monthsClosedLabels[live.monthsClosedLabels.length-1] || ""}`, val: fmtS(live.ytd.variance), trend: live.ytd.variance >= 0 ? "Ahead" : "Behind", trendType: live.ytd.variance >= 0 ? "pos" : "neg", sub: `${fmt(live.ytd.booked)} booked · plan ${fmt(live.ytd.plan)}`, }, { lbl: "Awaiting Invoice", val: fmt(live.status["Awaiting Invoice"] || 0), trend: "to bill", trendType: "flat", sub: "across 2026 bookings", }, { lbl: "Late!", val: fmt(live.status["Late!"] || 0), trend: live.status["Late!"] > 0 ? "overdue" : "clean", trendType: live.status["Late!"] > 0 ? "neg" : "pos", sub: "collection at risk", }, ] : KPIs; return (
{tiles.map((k, i)=>(
{k.lbl}
{k.val}{k.unit||""}
{k.trendType==="pos" && "↑"}{k.trendType==="neg" && "↓"} {k.trend} {k.sub}
))}
); } function AgendaPanel(){ return (

Today across the company

View calendar →
Today · {AGENDA_TODAY.length} items
{AGENDA_TODAY.map((a, i)=>(
{a.time}
{a.title} {a.meta}
{a.tagLabel}
))}
Tomorrow
{AGENDA_TOMORROW.map((a, i)=>(
{a.time}
{a.title} {a.meta}
{a.tagLabel}
))}
Rest of the week
{AGENDA_WEEK.map((a, i)=>(
{a.time}
{a.title} {a.meta}
{a.tagLabel}
))}
); } function AlertsPanel({ onOpen }){ // Subscribe to tasks and added companies so the panel updates as the Store changes. const tasksByClient = window.useStore(s => s.tasksByClient) || {}; window.useStore(s => s.addedCompanies); const tweaks = window.__TWEAKS__ || {}; const added = (window.Store && window.Store.getAddedCompanies) ? { md: window.Store.getAddedCompanies("md"), mgmt: window.Store.getAddedCompanies("mgmt"), } : { md:[], mgmt:[] }; // Full picker list — built from tweaks defaults plus persisted-added companies. const allClients = [ ...((tweaks.mdCompanies || []).map(n => ({ name: n, segment: "md" }))), ...(added.md || []).map(c => ({ name: c.name, segment: "md" })), ...((tweaks.mgmtCompanies || []).map(n => ({ name: n, segment: "mgmt" }))), ...(added.mgmt || []).map(c => ({ name: c.name, segment: "mgmt" })), ].filter((v,i,a) => a.findIndex(x => x.name === v.name && x.segment === v.segment) === i); // Reference time at local midnight const today = new Date(); today.setHours(0,0,0,0); const weekEnd = new Date(today); weekEnd.setDate(today.getDate() + 7); // Flatten { "Name:seg": [tasks] } into a list of attention items, filtered to // not-done tasks that are overdue OR due within the next 7 days. const flat = []; for (const [key, list] of Object.entries(tasksByClient)) { if (!Array.isArray(list) || !list.length) continue; const colonIdx = key.lastIndexOf(":"); const clientName = key.slice(0, colonIdx); const segment = key.slice(colonIdx + 1) || "md"; for (let i = 0; i < list.length; i++) { const t = list[i]; if (!t || t.done) continue; if (!t.dueIso) continue; const due = new Date(t.dueIso + "T00:00"); if (isNaN(due.getTime())) continue; const overdue = due < today; const thisWeek = !overdue && due <= weekEnd; if (!overdue && !thisWeek) continue; flat.push({ ...t, clientName, segment, _due: due, _kind: overdue ? "overdue" : "thisweek" }); } } flat.sort((a, b) => (a._kind === b._kind) ? (a._due - b._due) : (a._kind === "overdue" ? -1 : 1)); const overdueCount = flat.filter(t => t._kind === "overdue").length; const weekCount = flat.length - overdueCount; const openTaskClient = (t) => { if (!onOpen) return; const src = t.segment === "mgmt" ? MGMT_DATA : MD_DATA; const data = src[t.clientName]; if (data) onOpen( { name: t.clientName, segment: t.segment, ...data }, { initialTab: "tasks", highlightTaskAt: t.addedAt } ); }; const deleteTask = (t, evt) => { if (evt && evt.stopPropagation) evt.stopPropagation(); if (!window.Store) return; if (!confirm(`Delete task "${t.title}"?`)) return; const cur = window.Store.getTasks(t.clientName, t.segment) || []; window.Store.setTasks(t.clientName, t.segment, cur.filter(x => x.addedAt !== t.addedAt)); }; // === Quick-add form (inline) === const [adding, setAdding] = React.useState(false); const [nTitle, setNTitle] = React.useState(""); const [nClient, setNClient] = React.useState(""); // value = "Name:segment" const [nDate, setNDate] = React.useState(""); const [nLink, setNLink] = React.useState(""); const dueLabelFor = (iso) => { if (!iso) return "No date"; const due = new Date(iso + "T00:00"); const diff = Math.round((due - today) / 86400000); if (diff === 0) return "Today"; if (diff === 1) return "Tomorrow"; if (diff === -1) return "Yesterday"; if (diff > 0 && diff < 7) return due.toLocaleDateString(undefined, { weekday: "long" }); return due.toLocaleDateString(undefined, { month: "short", day: "numeric" }); }; const submitNew = () => { if (!nTitle.trim() || !nClient || !window.Store) return; const colonIdx = nClient.lastIndexOf(":"); const clientName = nClient.slice(0, colonIdx); const segment = nClient.slice(colonIdx + 1); const dueIso = nDate || null; let status = ""; if (dueIso) { const due = new Date(dueIso + "T00:00"); const diff = Math.round((due - today) / 86400000); if (diff < 0) status = "overdue"; else if (diff <= 3) status = "soon"; } const cur = window.Store.getTasks(clientName, segment) || []; window.Store.setTasks(clientName, segment, [...cur, { title: nTitle.trim(), due: dueLabelFor(dueIso), status, done: false, addedAt: Date.now(), dueIso, dueTime: null, link: nLink.trim() || null, }]); setNTitle(""); setNClient(""); setNDate(""); setNLink(""); setAdding(false); }; return (

What needs attention

{overdueCount > 0 && (<>{overdueCount} overdue · )} {weekCount} this week
{adding && (
setNTitle(e.target.value)} placeholder="What needs doing?" onKeyDown={e=>{ if(e.key==="Enter") submitNew(); if(e.key==="Escape") setAdding(false); }} style={{padding:"8px 10px", borderRadius:8, border:"1px solid var(--line)", background:"var(--bg-card)"}}/>
setNDate(e.target.value)} style={{flex:"1 1 120px", minWidth:0, padding:"8px 10px", borderRadius:8, border:"1px solid var(--line)", background:"var(--bg-card)"}}/>
setNLink(e.target.value)} placeholder="🔗 Link (optional)" style={{width:"100%", minWidth:0, boxSizing:"border-box", padding:"8px 10px", borderRadius:8, border:"1px solid var(--line)", background:"var(--bg-card)"}}/>
)}
{flat.length === 0 ? (
Nothing overdue and nothing due this week. Add a task above ↑
) : ( flat.map((t, i) => (
openTaskClient(t)}>
{t._kind === "overdue" ? "⚠" : "◐"}
{t.title}
{t.clientName} · {t.segment === "md" ? "MD" : "Management"} · {t.due} {t._kind === "overdue" && " · overdue"}
{t.link && ( e.stopPropagation()} style={{ display:"inline-flex", alignItems:"center", gap:4, marginTop:4, padding:"2px 8px", borderRadius:999, background:"color-mix(in oklab, var(--accent-soft) 25%, transparent)", border:"1px solid var(--accent-soft)", fontSize:10, fontFamily:"'JetBrains Mono',monospace", color:"var(--ink)", textDecoration:"none", width:"fit-content", maxWidth:"100%", overflow:"hidden", textOverflow:"ellipsis", whiteSpace:"nowrap", }}> 🔗 {(() => { try { return new URL(t.link).hostname.replace(/^www\./,""); } catch { return "link"; } })()} )}
)) )}
); } function CompanyTile({ name, data, onOpen, segmentTag }){ const logo = randLogo(name); return (
{name} {data.poc?.name} · {data.poc?.role}
Last touchpoint {data.lastTouch.type} · {data.lastTouch.when} · {data.lastTouch.note}
Current project {data.currentProject}
{data.mrr} Renews in {data.renewalDays}d
); } function AddTile({ onClick, label, sub }){ return (
{label} {sub}
); } Object.assign(window, { Icon, EditorialHeader, TopBar, KPIStrip, AgendaPanel, AlertsPanel, CompanyTile, AddTile, CompanyGlyph, }); // ============================================================ // Mobile bits — useMediaQuery hook + MobileNav drawer + BottomTabBar // ============================================================ function useMediaQuery(query){ const [matches, setMatches] = React.useState(() => { if (typeof window === "undefined" || !window.matchMedia) return false; return window.matchMedia(query).matches; }); React.useEffect(() => { if (!window.matchMedia) return; const mql = window.matchMedia(query); const onChange = () => setMatches(mql.matches); if (mql.addEventListener) mql.addEventListener("change", onChange); else mql.addListener(onChange); // older Safari return () => { if (mql.removeEventListener) mql.removeEventListener("change", onChange); else mql.removeListener(onChange); }; }, [query]); return matches; } // Sections rendered as nav items. `id` matches the section's HTML id attribute. const NAV_SECTIONS = [ { id: "kpis", label: "KPIs", icon: "📊" }, { id: "finance", label: "Finance", icon: "₪" }, { id: "attention", label: "Attention", icon: "!" }, { id: "gantt", label: "Roadmap", icon: "▦" }, { id: "md-services", label: "MD", icon: "♥" }, { id: "management", label: "Mgmt", icon: "★" }, { id: "new-business", label: "Pipeline", icon: "→" }, { id: "internal", label: "Team", icon: "◉" }, ]; function scrollToSection(id){ const el = document.getElementById(id); if (!el) return; el.scrollIntoView({ behavior: "smooth", block: "start" }); } function MobileNav({ open, onClose }){ // Body scroll-lock + Escape close React.useEffect(() => { if (!open) return; const prev = document.body.style.overflow; document.body.style.overflow = "hidden"; const onKey = e => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", onKey); return () => { document.body.style.overflow = prev; window.removeEventListener("keydown", onKey); }; }, [open, onClose]); return (
); } // Compact bottom-tab nav for thumb-reach. Shows the 5 most-used sections. function BottomTabBar({ onOpenMenu }){ const tabs = [ { id: "finance", label: "Finance", icon: "₪" }, { id: "attention", label: "Today", icon: "!" }, { id: "gantt", label: "Roadmap", icon: "▦" }, { id: "md-services", label: "Clients", icon: "♥" }, { id: "_menu", label: "More", icon: "≡" }, ]; return ( ); } Object.assign(window, { useMediaQuery, MobileNav, BottomTabBar });