// Shared UI bits + icons const { useState, useEffect, useMemo, useRef } = React; const Icon = { Home: () => ( ), Box: () => ( ), Doc: () => ( ), Users: () => ( ), Calendar: () => ( ), Bell: () => ( ), Cog: () => ( ), Search: () => ( ), Plus: () => ( ), Chev: ({ dir = "left" }) => ( ), Filter: () => ( ), Download: () => ( ), Plane: () => ( ), Refresh: () => ( ), Dot: () => ( ), Info: () => ( ), }; // ---------- Sidebar ---------- function Sidebar({ active = "home" }) { const [open, setOpen] = useState(false); useEffect(() => { document.body.classList.toggle("nav-open", open); return () => document.body.classList.remove("nav-open"); }, [open]); const item = (key, label, icon, badge) => ( setOpen(false)} href={key === "home" ? "/" : key === "parts" ? "/parts.html" : key === "req" ? "/requests.html" : key === "clients" ? "/clients.html" : "#"}> {icon} {label} {badge && {badge}} ); return (
setOpen(false)}>
 ); } // ---------- Sync widget (WhatsApp basket pusher) ---------- // Live during business window (default 9–5 PST Mon–Fri); outside, pushes a // digest at the configured digest time. Settings live in window.__SYNC_CFG // and can be adjusted via the popover. const DEFAULT_SYNC_CFG = { channel: "whatsapp", interval: 3, // minutes windowStart: "09:00", // PST windowEnd: "17:00", tz: "PST", digestTime: "09:00", days: ["Mon", "Tue", "Wed", "Thu", "Fri"], }; function SyncWidget({ mode }) { const [now, setNow] = useState(() => new Date("2026-05-20T14:32:18-07:00")); const [open, setOpen] = useState(false); const [cfg, setCfg] = useState(() => { try { return { ...DEFAULT_SYNC_CFG, ...(JSON.parse(localStorage.getItem("nx-sync") || "{}")) }; } catch { return DEFAULT_SYNC_CFG; } }); const updateCfg = (patch) => { const next = { ...cfg, ...patch }; setCfg(next); try { localStorage.setItem("nx-sync", JSON.stringify(next)); } catch {} }; const popRef = useRef(null); useEffect(() => { const id = setInterval(() => setNow(n => new Date(n.getTime() + 1000)), 1000); return () => clearInterval(id); }, []); useEffect(() => { if (!open) return; const onClick = (e) => { if (popRef.current && !popRef.current.contains(e.target)) setOpen(false); }; window.addEventListener("mousedown", onClick); return () => window.removeEventListener("mousedown", onClick); }, [open]); // Anchored PST snapshot for the prototype's "now" const pstHour = 14; const pstDow = 3; // Wed const isBiz = pstDow >= 1 && pstDow <= 5 && pstHour >= parseInt(cfg.windowStart) && pstHour < parseInt(cfg.windowEnd); const effectiveLive = mode === "auto" ? isBiz : mode === "live"; // Countdown to next interval-minute boundary const sec = now.getSeconds(); const min = now.getMinutes(); const iv = Math.max(1, cfg.interval); const nextMin = Math.ceil((min + 1) / iv) * iv; const overflow = nextMin >= 60; const remainSec = (overflow ? 60 - min : nextMin - min) * 60 - sec; const mm = String(Math.floor(remainSec / 60)).padStart(2, "0"); const ss = String(remainSec % 60).padStart(2, "0"); const channelLabel = { whatsapp: "WhatsApp", sms: "SMS", email: "Email" }[cfg.channel] || "WhatsApp"; return (
{open && (
Push settings
Basket cadence + window for {channelLabel} notifications
Channel
{[ { v: "whatsapp", l: "WhatsApp" }, { v: "sms", l: "SMS" }, { v: "email", l: "Email" }, ].map(o => ( ))}
Basket interval while in window
{[1, 3, 5, 10, 15].map(v => ( ))}
Business hours window
updateCfg({ windowStart: e.target.value })}/> → updateCfg({ windowEnd: e.target.value })}/>
Days
{["Mon","Tue","Wed","Thu","Fri","Sat","Sun"].map(d => { const on = cfg.days.includes(d); return ( ); })}
Off-hours digest sent at
updateCfg({ digestTime: e.target.value })} style={{ width: 120 }}/>
12 recipients · 3 baskets last hour Manage recipients →
)}
); } // ---------- Topbar ---------- function Topbar({ syncMode, heading }) { return (
{heading || (
Wednesday, May 20 2026
)}
⌘K
); } Object.assign(window, { Icon, Sidebar, SyncWidget, Topbar });