);
}
// Subtle leading prefix — communicates this is an identifier.
function HandlePrefix() {
return (
@
);
}
// Trailing area in the input — counter + state glyph + suggest button.
function HandleTrailing({ hasValue, len, checkState, suggestEnabled, onSuggest }) {
return (
{/* Only show counter as we approach the limit */}
{len > HANDLE_MAX - 8 && (
HANDLE_MAX ? '#E08C6E' : '#8A9678',
letterSpacing: '-0.01em',
}}>{len}/{HANDLE_MAX}
)}
{!hasValue && suggestEnabled && (
)}
);
}
function CheckStateGlyph({ state }) {
if (state === 'checking') {
return (
);
}
if (state === 'available') {
return (
);
}
if (state === 'taken') {
return (
);
}
return null;
}
function DiceGlyph() {
// A tiny canopy-sprig glyph; visually says "give me one".
return (
);
}
// Immutability row — small inline lock glyph + observational copy.
function ImmutabilityRow({ copy }) {
return (
{copy}
);
}
function LockGlyph({ size = 14 }) {
return (
);
}
// ─────────────────────────── Confirm modal ───────────────────────────
// Slide-up sheet over the claim screen. Re-shows the chosen handle in big
// type so the user can read what they're about to immortalize.
function ConfirmClaimModal({ handle, onConfirm, onCancel, loading = false, monospace = true }) {
return (
You're claiming
@{handle}
This is how you'll show up on every node, chip, and grove row — for as long as you're on ForestLynk.
{loading ? 'Claiming…' : 'Yes, claim it'}
);
}
// ─────────────────────────── Success beat ───────────────────────────
// Brief 1-2s screen between handle claim and main tabs. Calm, no celebration.
function HandleSuccessBeat({ handle, monospace = true }) {
return (
Welcome
@{handle}
Walking you into the forest…
);
}
// ─────────────────────────── Welcome-back beat ───────────────────────────
// Returning user — deep-link return between callback and main tabs.
function WelcomeBackBeat({ handle = 'acorn-37', monospace = true }) {
return (
Welcome back
@{handle}
Your forest is where you left it.
);
}
// Breathing-glow ornament used by the threshold sign-in variant.
function BreathingGlow() {
return (
);
}
Object.assign(window, {
ClaimHandleScreen, ConfirmClaimModal, HandleSuccessBeat, WelcomeBackBeat,
validateHandle, IMMUTABILITY_COPY, WHAT_IS_HANDLE_COPY, TAKEN_SAMPLE, HANDLE_MAX, HANDLE_MIN,
});