const { useState, useEffect, useRef, useMemo, useCallback, Fragment } = React;
function Loading() {
return (
Loading…
);
}
function UpdateBanner({ info, onDismiss }) {
const open = () => {
if (window.stickyAPI && window.stickyAPI.openExternal) {
window.stickyAPI.openExternal(info.url);
} else {
window.open(info.url, '_blank', 'noopener');
}
};
return (
New version v{info.version} available
);
}
/* ==================================================================== */
/* PASTE ERROR TOAST */
/* ==================================================================== */
// Transient banner shown at top of the canvas when Ctrl+V is pressed but
// the clipboard text doesn't contain a sticky-notes payload (or contains
// one with malformed JSON). Auto-dismisses after 5s; can be closed early
// with the × button. Without this, paste failures were completely silent
// — the user pressed Ctrl+V and nothing happened, with no clue why.
function PasteErrorToast({ message, onClose }) {
if (!message) return null;
return (
{message}
);
}
/* ==================================================================== */
/* INFO DIALOG */
/* ==================================================================== */
// In-app modal for short informational popups (Help → About, Help → Check
// for Updates result). Replaces the previous native dialog.showMessageBox
// path because native dialogs render as garbled glyphs inside snap
// confinement (font/sandbox issue). HTML modal works the same in every
// build channel and matches the app's aesthetic.
function InfoDialog({ info, onClose }) {
useEffect(() => {
if (!info) return;
const onKey = (e) => { if (e.key === 'Escape') onClose(); };
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [info, onClose]);
if (!info) return null;
return (