For {vote.for} Against {vote.against} Abstain {vote.abstain}

); }; const VoteResultPill = ({ vote }) => { if (!vote) return —; const total = vote.for + vote.against + vote.abstain; const passed = vote.for > vote.against; return ( {passed ? "Passed" : "Rejected"} · {vote.for}–{vote.against}{vote.abstain ? `–${vote.abstain}` : ""} ); }; // ============================================================ // Attachment // ============================================================ const Attachment = ({ a }) => { const ext = (a.type || a.name.split(".").pop() || "doc").toLowerCase(); const cls = ext.includes("pdf") ? "pdf" : ext.includes("xls") ? "xlsx" : ext.includes("img") || ext.includes("png") || ext.includes("jpg") ? "img" : "doc"; const label = cls === "img" ? "IMG" : cls.toUpperCase(); return (

{label}

{a.name}

{a.size}

); }; // ============================================================ // Date helpers // ============================================================ const fmtDate = (s) => { if (!s) return "—"; const d = new Date(s); return d.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }); }; const fmtDateTime = (s) => { if (!s) return "—"; const d = new Date(s); return d.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }) + " · " + d.toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" }); }; const relDate = (s) => { if (!s) return "—"; const d = new Date(s); const now = new Date(); const days = Math.round((d - now) / (1000*60*60*24)); if (days === 0) return "Today"; if (days === 1) return "Tomorrow"; if (days === -1) return "Yesterday"; if (days > 0 && days < 14) return `in ${days} days`; if (days < 0 && days > -14) return `${-days} days ago`; return fmtDate(s); }; // ============================================================ // Toast (basic) // ============================================================ const ToastContext = React.createContext(null); const ToastProvider = ({ children }) => { const [toasts, setToasts] = React.useState([]); const push = (msg, tone = "info") => { const id = Math.random().toString(36).slice(2); setToasts((t) => [...t, { id, msg, tone }]); setTimeout(() => setToasts((t) => t.filter(x => x.id !== id)), 2600); }; return ( {children}

{toasts.map(t => (

{t.msg}

))}

); }; const useToast = () => React.useContext(ToastContext); // Export Object.assign(window, { Icon, StatusPill, TypeBadge, Avatar, AvatarStack, Empty, Modal, VoteBar, VoteResultPill, Attachment, fmtDate, fmtDateTime, relDate, ToastProvider, useToast, });

{title}