/* Dump — ui.jsx: icons, shared hooks & small components */ const { useState, useEffect, useRef, useSyncExternalStore, useCallback } = React; function useDumpStore() { return useSyncExternalStore(DumpStore.subscribe, DumpStore.getState); } /* ---------- Icons (16/18px stroke set) ---------- */ function Icon({ d, size = 18, fill = false, ...rest }) { return ( {d} ); } const Icons = { lock: (s) => } />, today: (s) => } />, capture: (s) => } />, tasks: (s) => } />, done: (s) => } />, connect: (s) => } />, gear: (s) => } />, star: (s) => } />, starOutline: (s) => } />, check: (s) => } />, flag: (s) => } />, calendar: (s) => } />, mail: (s) => } />, chat: (s) => } />, slack: (s) => } />, file: (s) => } />, sun: (s) => } />, sparkle: (s) => } />, inbox: (s) => } />, bolt: (s) => } />, pause: (s) => } />, hourglass: (s) => } />, trash: (s) => } />, sweep: (s) => } />, cart: (s) => } />, x: (s) => } />, more: (s) => } />, timer: (s) => } />, chevL: (s) => } />, chevR: (s) => } />, play: (s) => } />, sun: (s) => } />, moon: (s) => } />, repeat: (s) => } />, tag: (s) => } />, note: (s) => } />, filter: (s) => } />, paperclip: (s) => } />, mic: (s) => } />, plus: (s) => } />, swap: (s) => } /> }; /* ---------- Category pill ---------- */ function CatPill({ name }) { if (!name) return null; return {Icons.tag(13)} {name}; } /* ---------- Banner ---------- */ function Banner({ icon, children, onClose }) { return (
{icon || Icons.sparkle(17)} {children} {onClose ? : null}
); } /* ---------- Empty state ---------- */ function EmptyState({ icon, title, children }) { return (
{icon}

{title}

{children}

); } /* ---------- Toast stack ---------- */ function ToastStack() { const { toasts } = useDumpStore(); if (!toasts.length) return null; return (
{toasts.map((t) => (
{t.msg} {t.retry ? : null} {t.action ? : null}
))}
); } /* ---------- Tooltip + info icon (inline GTD teaching) ---------- */ function Tooltip({ text, children }) { const [open, setOpen] = useState(false); // Desktop: CSS hover. Mobile: tap the trigger to toggle. return ( { e.stopPropagation(); setOpen((o) => !o); }} onMouseLeave={() => setOpen(false)}> {children} {text} ); } // A small "?" badge that reveals a Tooltip. Always a — these sit inside // ); } Object.assign(window, { useDumpStore, Icons, CatPill, Banner, EmptyState, ToastStack, Tooltip, InfoIcon, ContextHint });