// Shared UI primitives
const { useState, useEffect, useRef, useMemo, useCallback } = React;
// ---- Icons ----
const I = {
inbox: p => ,
check: p => ,
clock: p => ,
gavel: p => ,
folder: p => ,
settings: p => ,
chev: p => ,
ext: p => ,
clip: p => ,
refresh: p => ,
plus: p => ,
search: p => ,
close: p => ,
trash: p => ,
copy: p => ,
send: p => ,
sparkle: p => ,
ai: p => ,
drag: p => ,
ms365: p => ,
spin: p => ,
};
// ---- Formatters ----
const formatTime = iso => {
const d = new Date(iso);
return `${String(d.getHours()).padStart(2,'0')}:${String(d.getMinutes()).padStart(2,'0')}`;
};
const formatDate = iso => {
const d = new Date(iso);
const now = new Date();
const diffDays = Math.floor((now - d) / 86400000);
if (diffDays === 0) return `Today · ${formatTime(iso)}`;
if (diffDays === 1) return `Yesterday · ${formatTime(iso)}`;
if (diffDays < 7) return d.toLocaleDateString('en-AU', { weekday:'short', day:'numeric', month:'short' }) + ' · ' + formatTime(iso);
return d.toLocaleDateString('en-AU', { day:'numeric', month:'short', year:'numeric' });
};
// ---- Primitives ----
function Check({ checked, onClick }) {
return (
);
}
function Badge({ kind, children }) {
return {children};
}
function Toast({ msg, folder, onDone }) {
useEffect(() => {
const t = setTimeout(() => onDone?.(), 3500);
return () => clearTimeout(t);
}, []);
return (
{msg}
{folder && {folder}}
);
}
function ToastHost({ toasts, remove }) {
return (
{toasts.map(t => remove(t.id)} />)}
);
}
function Modal({ children, onClose, wide }) {
useEffect(() => {
const fn = e => { if (e.key === 'Escape') onClose(); };
window.addEventListener('keydown', fn);
return () => window.removeEventListener('keydown', fn);
}, [onClose]);
return (
e.stopPropagation()}>
{children}
);
}
function ConfirmDialog({ title, body, confirmLabel, danger, onCancel, onConfirm }) {
return (
);
}
// API helper
const api = {
async get(path) {
const r = await fetch(path);
if (!r.ok) throw new Error(await r.text());
return r.json();
},
async post(path, body) {
const r = await fetch(path, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(body),
});
if (!r.ok) {
const txt = await r.text().catch(() => '');
let msg = txt;
try { msg = JSON.parse(txt)?.error || txt; } catch {}
throw new Error(msg || `HTTP ${r.status}`);
}
// Handle 204 No Content
if (r.status === 204) return { ok: true };
const text = await r.text();
if (!text) return { ok: true };
try { return JSON.parse(text); } catch { return { ok: true }; }
},
};
Object.assign(window, {
I, Check, Badge, Toast, ToastHost, Modal, ConfirmDialog,
formatTime, formatDate, api,
useState, useEffect, useRef, useMemo, useCallback,
});