@civitai/blocks-react 0.47.0 → 0.48.0

package/dist/ui/FollowButton.js

@@ -0,0 +1,162 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { CollectionFollowError, useCollectionFollow } from '../hooks/useCollectionFollow.js';
+import { useRequestSignIn } from '../hooks/useRequestSignIn.js';
+import { Button } from './Button.js';
+import { useBlocksStyles } from './styles.js';
+const NOTE_STYLE = {
+    fontSize: 12,
+    lineHeight: 1.45,
+    color: 'var(--civitai-color-text-dimmed)',
+};
+/**
+ * Follow / unfollow a collection for the viewer, through the host bridge.
+ *
+ * 🔴 EVERY PRESS OPENS A HOST-CHROME CONSENT CONFIRM naming the collection the
+ * HOST resolved from `collectionId`. That click is the only consent this path
+ * has ever had (the HTTP predecessor's `collections:write:self` scope was
+ * consent-exempt server-side and prompted nobody), so this control TIGHTENS the
+ * flow rather than loosening it. There is no way to suppress the confirm and no
+ * option should be added for one.
+ *
+ * 🔴 WHY THIS IS SHARED RATHER THAN HAND-ROLLED. Three outcomes of that bridge
+ * are easy to get wrong in a way that looks fine:
+ *  - `declined` is NOT a failure. The viewer dismissed the confirm and NOTHING
+ *    was written, so the control reverts and says nothing. A hand-rolled button
+ *    that renders every rejection shows "Could not follow" to someone who chose
+ *    not to.
+ *  - `sign-in-required` is not a failure either — it is a missing session, so it
+ *    routes into `REQUEST_SIGN_IN` instead of an error line.
+ *  - the optimistic flip must be reverted on EVERY other rejection, and then
+ *    replaced by the host's ECHO on success rather than by the guess.
+ *
+ * The `followed` prop stays the source of truth. While a write settles the
+ * control shows its optimistic value; on success it holds the host's echo until
+ * `followed` agrees, so it never blinks back to a stale server value while the
+ * parent catches up.
+ *
+ * @example
+ * <FollowButton
+ *   collectionId={collection.id}
+ *   collectionName={collection.name}
+ *   followed={collection.followed}
+ *   onChange={(f) => setCollection((c) => ({ ...c, followed: f }))}
+ *   data-testid="collection-follow"
+ * />
+ */
+export function FollowButton({ collectionId, followed, onChange, collectionName, disabled = false, size = 'md', variant = 'filled', 'data-testid': testId, }) {
+    useBlocksStyles();
+    const { setFollow, pending } = useCollectionFollow();
+    const { requestSignIn } = useRequestSignIn();
+    /** The value this control is asserting over `followed`, or `null`. */
+    const [optimistic, setOptimistic] = useState(null);
+    const [failed, setFailed] = useState(false);
+    /**
+     * The `collectionId` the in-flight write is FOR.
+     *
+     * 🔴 THIS IS THE CORRELATION GUARD, AND IT REPLACES AN ATTEMPT COUNTER THAT
+     * GUARDED NOTHING. A counter incremented only inside `toggle()` cannot see the
+     * parent change anything, so the case its comment claimed to close — a settle
+     * arriving after the parent moved the row — went straight through it; deleting
+     * all three of its lines left this file's suite fully green, which is how the
+     * false claim survived review.
+     *
+     * The reachable bug it was pretending to cover: a single mounted instance whose
+     * `collectionId` prop CHANGES mid-flight (a rail showing "the currently
+     * selected collection", or an unkeyed recycled list row). The host's reply for
+     * the OLD collection then lands, and without this the control adopts it as the
+     * NEW one's state and reports it through `onChange` — so the app records a
+     * follow the viewer never made, on an account-write control.
+     *
+     * Correlating on the id is possible because the host ECHOES it:
+     * `BlockCollectionFollowResult.collectionId` exists for exactly this, and
+     * `isValidCollectionFollowResult` already pins it to a positive integer so a
+     * malformed echo cannot reach this comparison.
+     */
+    const inFlightForRef = useRef(null);
+    const shown = optimistic ?? followed;
+    // 🔴 THE OPTIMISTIC VALUE BELONGS TO A COLLECTION, NOT TO THIS COMPONENT.
+    // When the prop moves, whatever this control was asserting is about the id it
+    // has just stopped showing — keeping it paints the OLD collection's state onto
+    // the NEW one, which is the same wrong-row bug as an uncorrelated settle and
+    // needs no network round trip to happen. Drop it, drop any failure note, and
+    // release the in-flight marker so a reply for the old id can never re-adopt.
+    useEffect(() => {
+        setOptimistic(null);
+        setFailed(false);
+        inFlightForRef.current = null;
+    }, [collectionId]);
+    // The parent has caught up — stop asserting. Kept as an effect rather than
+    // clearing on success, because clearing there is only correct if the parent
+    // adopts `onChange` synchronously, and `onChange` is optional.
+    useEffect(() => {
+        if (optimistic !== null && optimistic === followed)
+            setOptimistic(null);
+    }, [optimistic, followed]);
+    const ids = testId
+        ? { trigger: testId, note: `${testId}-note` }
+        : { trigger: 'follow-button', note: 'follow-button-note' };
+    const toggle = useCallback(async () => {
+        const target = collectionId;
+        inFlightForRef.current = target;
+        /**
+         * This settle still belongs to the collection on screen. Both halves are
+         * load-bearing: the ECHO comparison catches a reply for a collection this
+         * control has moved off, and the REF comparison catches the case where the
+         * prop moved away and back again while a write was in flight.
+         */
+        const stillOurs = (echoedId) => echoedId === target && inFlightForRef.current === target;
+        const next = !shown;
+        setOptimistic(next);
+        setFailed(false);
+        try {
+            const result = await setFollow({ collectionId: target, follow: next });
+            // 🔴 Correlate on the HOST'S echoed id, not on a counter. A reply for a
+            // collection this control no longer shows must change nothing and must
+            // NOT be reported through `onChange` — adopting it records a follow the
+            // viewer never made against whatever row is on screen now.
+            if (!stillOurs(result.collectionId))
+                return;
+            // 🔴 Adopt the ECHO, not `next`. They agree today; reading the host's
+            // answer is what keeps this correct if one ever settles differently, and
+            // it costs nothing.
+            setOptimistic(result.followed);
+            onChange?.(result.followed);
+        }
+        catch (err) {
+            // A rejection carries no echoed id, so correlate on the ref alone: a
+            // failure belonging to a collection this control has moved off must not
+            // revert or announce anything about the one now on screen.
+            if (inFlightForRef.current !== target)
+                return;
+            // Revert first, unconditionally: every path below this line is one where
+            // no write occurred.
+            setOptimistic(null);
+            if (err instanceof CollectionFollowError) {
+                // No session. The viewer's next step is signing in, not retrying — and
+                // a "could not follow" line here would be actively misleading.
+                if (err.signInRequired) {
+                    requestSignIn();
+                    return;
+                }
+                // The viewer dismissed the host's confirm. Say NOTHING: they answered,
+                // and the answer was no.
+                if (err.declined)
+                    return;
+            }
+            setFailed(true);
+        }
+    }, [collectionId, onChange, requestSignIn, setFollow, shown]);
+    const name = collectionName ? `"${collectionName}"` : 'this collection';
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { size: size, 
+                // The following state is always `light` so the two states differ
+                // visually and not only in wording — the label alone is a poor signal at
+                // a glance, and this control is often rendered small in a card corner.
+                variant: shown ? 'light' : variant, loading: pending, disabled: disabled, onClick: () => void toggle(), "data-testid": ids.trigger, "aria-pressed": shown, "aria-label": shown ? `Unfollow ${name}` : `Follow ${name}`, children: shown ? 'Following' : 'Follow' }), failed && (
+            // 🔴 `role="alert"`. `aria-pressed` reverts on failure, but a reverted
+            // toggle state is indistinguishable from never having pressed it — a
+            // screen-reader user would be told nothing at all. Success needs no
+            // equivalent: `aria-pressed` changing IS the announcement.
+            _jsx("span", { role: "alert", style: NOTE_STYLE, "data-testid": ids.note, children: "Could not update \u2014 try again?" }))] }));
+}
+//# sourceMappingURL=FollowButton.js.map

package/dist/ui/FollowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FollowButton.js","sourceRoot":"","sources":["../../src/ui/FollowButton.tsx"],"names":[],"mappings":"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"}

package/dist/ui/TipButton.d.ts

@@ -0,0 +1,115 @@
+import type { TipParams } from '../hooks/useTip.js';
+import type { ButtonSize, ButtonVariant } from './Button.js';
+export interface TipButtonProps {
+    /** The recipient. The SENDER is always the token subject — server-self-bound. */
+    toUserId: number;
+    /** Buzz to send. Must be a positive integer. */
+    amount: number;
+    /** Optional context recorded on the transaction. */
+    entityType?: TipParams['entityType'];
+    entityId?: number;
+    /**
+     * What the viewer is tipping FOR, lower-case and singular — "creator",
+     * "curator", "post". Appears in the confirm question and both accessible
+     * names.
+     *
+     * 🔴 It is spliced into an `aria-label`, so pass a bare noun, not a sentence.
+     */
+    noun: string;
+    /**
+     * This viewer has ALREADY tipped this target in this session. Renders the
+     * settled state and skips the handshake.
+     *
+     * 🔴 THERE IS NO SERVER FIELD FOR THIS. `useTip` returns the transaction echo
+     * and nothing reads back "has this viewer tipped X?" — so without a value
+     * here the settled state is local-only and any remount re-arms the control.
+     * That is not a no-op the way a duplicate vote would be: a second press is a
+     * SECOND TRANSFER. Record it in your own per-viewer storage when the tip
+     * resolves and feed it back.
+     */
+    tipped?: boolean;
+    /**
+     * The viewer's remaining daily tip allowance, in Buzz. When supplied and
+     * smaller than `amount`, the control refuses locally with a note instead of
+     * sending a request the server would reject.
+     *
+     * 🔴 DELIBERATELY A PROP, NOT AN INTERNAL `useTipAllowance()`. This control is
+     * rendered per card / per rail, so fetching inside it would fan one screen out
+     * into N identical HTTP reads. Hold ONE `useTipAllowance()` in the view and
+     * pass `allowance?.remaining` down; call its `refetch()` from `onTipped`.
+     *
+     * Omitted → no local ceiling check, and the server's own limit is the only
+     * gate. That is correct, just later and less legible.
+     */
+    remaining?: number;
+    /**
+     * Why tipping is unavailable, e.g. "You can't tip your own collection."
+     * Present ⇒ the control is disabled and this is shown as its `title` and
+     * appended to its accessible name.
+     *
+     * 🔴 USE THIS FOR THE SELF-TIP CASE. The server answers a self-tip with a 403,
+     * so without it the viewer presses, confirms, and is told a transfer failed —
+     * for something that was never going to be allowed.
+     */
+    disabledReason?: string;
+    /** Disable for any other reason (view still loading, no target resolved yet). */
+    disabled?: boolean;
+    /**
+     * Called after a SUCCESSFUL transfer, with the amount sent. Refetch your
+     * allowance and record the `tipped` flag here.
+     */
+    onTipped?: (amount: number) => void;
+    /** Button size preset. Defaults to `'md'`. */
+    size?: ButtonSize;
+    /** Variant for the trigger. Defaults to `'light'`. */
+    variant?: ButtonVariant;
+    /**
+     * Test hook for the TRIGGER. The other four are DERIVED by suffix:
+     * `<id>-confirm`, `<id>-cancel`, `<id>-done`, `<id>-prompt`. Omitted, the ids
+     * are `tip-button`, `tip-confirm`, `tip-cancel`, `tip-done`,
+     * `tip-confirm-prompt`.
+     *
+     * 🔴 Grep for the SUFFIX, never the composed value.
+     */
+    'data-testid'?: string;
+}
+/**
+ * Send a Buzz tip, behind an in-block two-step confirm.
+ *
+ * 🔴 THE CONFIRM IS THIS COMPONENT'S, NOT HOST CHROME — state that honestly
+ * rather than implying platform mediation. `useTip` posts to the block-token-
+ * gated tip endpoint directly (scope `social:tip:self`), so unlike the
+ * collection-follow bridge NOTHING outside the iframe asks the viewer anything.
+ * A one-press money spend is therefore reachable by construction, and the
+ * two-step handshake here is the only thing between a stray tap and a transfer.
+ * Do not add a prop to skip it.
+ *
+ * 🔴 IT MINTS ONE IDEMPOTENCY KEY PER LOGICAL TIP AND REUSES IT ON RETRY. That
+ * is the property a hand-rolled button most reliably misses: `useTip` mints a
+ * FRESH key per call when you do not pass one, so retrying after a timeout
+ * whose response was merely LOST sends a SECOND transfer. Here the key is
+ * minted when the control arms and rotates only after a tip actually settles,
+ * so "try again" on a failed press is collapsed server-side to one transfer.
+ *
+ * The caller decides who sees it: `tip` rejects for an anonymous viewer and a
+ * self-tip 403s. Pass `disabledReason` for the self case rather than offering an
+ * error.
+ *
+ * @example
+ * // ONE allowance read for the whole view, passed down.
+ * const { allowance, refetch } = useTipAllowance();
+ * <TipButton
+ *   noun="curator"
+ *   toUserId={collection.curator.id}
+ *   amount={50}
+ *   entityType="Collection"
+ *   entityId={collection.id}
+ *   remaining={allowance?.remaining}
+ *   tipped={tippedCurators.has(collection.id)}
+ *   disabledReason={isSelf ? "You can't tip your own collection." : undefined}
+ *   onTipped={() => { refetch(); markTipped(collection.id); }}
+ *   data-testid="tip-curator"
+ * />
+ */
+export declare function TipButton({ toUserId, amount, entityType, entityId, noun, tipped, remaining, disabledReason, disabled, onTipped, size, variant, 'data-testid': testId, }: TipButtonProps): React.JSX.Element;
+//# sourceMappingURL=TipButton.d.ts.map

package/dist/ui/TipButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TipButton.d.ts","sourceRoot":"","sources":["../../src/ui/TipButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAU7D,MAAM,WAAW,cAAc;IAC7B,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sDAAsD;IACtD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,MAAc,EACd,SAAS,EACT,cAAc,EACd,QAAgB,EAChB,QAAQ,EACR,IAAW,EACX,OAAiB,EACjB,aAAa,EAAE,MAAM,GACtB,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmTpC"}

package/dist/ui/TipButton.js

@@ -0,0 +1,308 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef, useState } from 'react';
+import { useTip } from '../hooks/useTip.js';
+import { Button } from './Button.js';
+import { Group } from './Group.js';
+import { useBlocksStyles } from './styles.js';
+const NOTE_STYLE = {
+    fontSize: 12,
+    lineHeight: 1.45,
+    color: 'var(--civitai-color-text-dimmed)',
+};
+/**
+ * Send a Buzz tip, behind an in-block two-step confirm.
+ *
+ * 🔴 THE CONFIRM IS THIS COMPONENT'S, NOT HOST CHROME — state that honestly
+ * rather than implying platform mediation. `useTip` posts to the block-token-
+ * gated tip endpoint directly (scope `social:tip:self`), so unlike the
+ * collection-follow bridge NOTHING outside the iframe asks the viewer anything.
+ * A one-press money spend is therefore reachable by construction, and the
+ * two-step handshake here is the only thing between a stray tap and a transfer.
+ * Do not add a prop to skip it.
+ *
+ * 🔴 IT MINTS ONE IDEMPOTENCY KEY PER LOGICAL TIP AND REUSES IT ON RETRY. That
+ * is the property a hand-rolled button most reliably misses: `useTip` mints a
+ * FRESH key per call when you do not pass one, so retrying after a timeout
+ * whose response was merely LOST sends a SECOND transfer. Here the key is
+ * minted when the control arms and rotates only after a tip actually settles,
+ * so "try again" on a failed press is collapsed server-side to one transfer.
+ *
+ * The caller decides who sees it: `tip` rejects for an anonymous viewer and a
+ * self-tip 403s. Pass `disabledReason` for the self case rather than offering an
+ * error.
+ *
+ * @example
+ * // ONE allowance read for the whole view, passed down.
+ * const { allowance, refetch } = useTipAllowance();
+ * <TipButton
+ *   noun="curator"
+ *   toUserId={collection.curator.id}
+ *   amount={50}
+ *   entityType="Collection"
+ *   entityId={collection.id}
+ *   remaining={allowance?.remaining}
+ *   tipped={tippedCurators.has(collection.id)}
+ *   disabledReason={isSelf ? "You can't tip your own collection." : undefined}
+ *   onTipped={() => { refetch(); markTipped(collection.id); }}
+ *   data-testid="tip-curator"
+ * />
+ */
+export function TipButton({ toUserId, amount, entityType, entityId, noun, tipped = false, remaining, disabledReason, disabled = false, onTipped, size = 'md', variant = 'light', 'data-testid': testId, }) {
+    useBlocksStyles();
+    const { tip } = useTip();
+    const [confirming, setConfirming] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const [done, setDone] = useState(false);
+    const [failure, setFailure] = useState(null);
+    const confirmRef = useRef(null);
+    const cancelRef = useRef(null);
+    const doneRef = useRef(null);
+    /** Monotonic id of the current attempt — see `ReportButton` for the measured why. */
+    const attemptRef = useRef(0);
+    /**
+     * The idempotency keys this mount has already reported a landed transfer for.
+     *
+     * 🔴 KEYED, NOT A BOOLEAN — and the boolean it replaces was wrong in the
+     * OPPOSITE direction from the bug it fixed. "At most once per mount" collapses
+     * two transfers that are genuinely distinct: Cancel does not abort POST #1, so
+     * if the parent then moves `amount` or the entity a NEW key is minted, the
+     * server does NOT collapse them, and 150 Buzz moves while the app is told 50.
+     * `onTipped` is where a caller refetches the allowance and records its
+     * `tipped` flag, so the second transfer left no record — re-creating on
+     * remount the very harm the previous round cited. The correct scope is once
+     * per KEY: same key ⇒ the server saw one transfer ⇒ report once; different
+     * key ⇒ two transfers ⇒ report both.
+     *
+     * 🔴 A REF, NOT STATE. The success path reads it in the same tick it would
+     * write it, so two promises resolving in one turn both see stale state and
+     * both report; a ref is written synchronously, so the second sees the first.
+     */
+    const reportedKeysRef = useRef(new Set());
+    /**
+     * The idempotency key for THIS logical tip. Stable across retries, which is
+     * the point; `useId()` seeds it so two TipButtons mounted in one tree never
+     * collide, and the target + amount are folded in so that changing either (an
+     * amount preset switcher) correctly starts a NEW logical tip rather than
+     * colliding with the abandoned one.
+     *
+     * 🔴 EVERY FIELD OF THE TIP'S IDENTITY IS IN THE KEY, and the earlier version
+     * omitted two. `entityType`/`entityId` are sent in the POST body and recorded
+     * on the transaction, so they are part of WHICH tip this is — leaving them out
+     * meant that changing the entity after a failed attempt reused the same key,
+     * and if the first attempt had actually landed (the lost-response case this
+     * mechanism exists for) the second, deliberate tip to a DIFFERENT object was
+     * collapsed into it and the block was told it succeeded. Under-charge rather
+     * than double-charge, but wrong either way.
+     *
+     * 🔴 NOT ROTATED AFTER A SUCCESS, and what licenses that is narrower than it
+     * first appears. `done` is never cleared, so a control that has settled
+     * THROUGH ITS OWN SUCCESS PATH cannot send again from this mount. `settled` is
+     * `done || tipped`, and the `tipped` half is a PROP — a parent can withdraw it
+     * — so terminality is a property of `done`, not of `settled`.
+     *
+     * ⚠️ An earlier revision continued "…which is why the success path reports
+     * UNCONDITIONALLY". It no longer does — it reports once per KEY — and the
+     * sentence is corrected rather than deleted because it was load-bearing. The
+     * invariant that actually licenses keeping the key is unchanged: `done` is set
+     * on the first landed transfer for a given key, and a repeat under the SAME
+     * key is that same transfer. Change either and rotate.
+     */
+    const keySeed = useId();
+    const idempotencyKey = `${keySeed}:${toUserId}:${amount}:${entityType ?? '-'}:${entityId ?? '-'}`;
+    const settled = done || tipped;
+    // Both guards are about a NUMBER reaching a money path, and both were once
+    // missing: `amount={0}` rendered "Tip 0" and posted it, and an unusable
+    // `remaining` silently REMOVED the ceiling rather than blocking.
+    //
+    // `amount` must be a real, positive number. `Infinity` is not a tippable
+    // quantity, so `isFinite` is load-bearing on its own rather than a longer
+    // spelling of `> 0` — and it does not coerce, so a non-number is rejected too.
+    const amountValid = Number.isFinite(amount) && amount > 0;
+    // 🔴 THREE cases for `remaining`, not two, and a previous revision lost one
+    // while fixing another. `NaN` is an UNUSABLE reading — every comparison
+    // against it is false — so it must BLOCK. `Infinity` is a MEANINGFUL reading,
+    // an unlimited allowance, so blocking it refuses a viewer who is allowed
+    // everything; sweeping the two together under `!Number.isFinite` got that
+    // wrong. And a NON-NUMBER must block for the same reason as `NaN`: 🔴
+    // `Number.isNaN` does NOT coerce, so the `!isFinite` → `isNaN` fix silently
+    // dropped the type check and let `remaining: 'abc'` through — removing the
+    // ceiling, the wrong direction, and precisely what the comment it replaced
+    // claimed could not happen.
+    const overAllowance = remaining !== undefined &&
+        (typeof remaining !== 'number' || Number.isNaN(remaining) || amount > remaining);
+    const blocked = disabled || disabledReason !== undefined || !amountValid;
+    const ids = testId
+        ? {
+            trigger: testId,
+            confirm: `${testId}-confirm`,
+            cancel: `${testId}-cancel`,
+            done: `${testId}-done`,
+            prompt: `${testId}-prompt`,
+        }
+        : {
+            trigger: 'tip-button',
+            confirm: 'tip-confirm',
+            cancel: 'tip-cancel',
+            done: 'tip-done',
+            prompt: 'tip-confirm-prompt',
+        };
+    // Move focus with the control at both transitions — each step REPLACES the
+    // element the viewer just activated, so without this a keyboard user is
+    // dropped to <body>. Same three effects, and the same reasoning, as
+    // `ReportButton`; keyed on the transition, never on the request lifecycle.
+    useEffect(() => {
+        if (confirming)
+            confirmRef.current?.focus();
+    }, [confirming]);
+    useEffect(() => {
+        if (done)
+            doneRef.current?.focus();
+    }, [done]);
+    useEffect(() => {
+        if (busy)
+            cancelRef.current?.focus();
+    }, [busy]);
+    // Server/app truth ENDS the handshake rather than leaving it mounted beneath
+    // the settled note, where a late rejection could resurrect a stale failure
+    // against a tip the viewer has already seen settle.
+    useEffect(() => {
+        if (tipped) {
+            attemptRef.current += 1;
+            setConfirming(false);
+            setFailure(null);
+            setBusy(false);
+        }
+    }, [tipped]);
+    const confirm = useCallback(async () => {
+        // 🔴 RE-CHECK AT THE SPEND, NOT ONLY AT THE ARM. `blocked` gates the trigger,
+        // but the prompt stays mounted across a re-render — so a parent moving
+        // `amount` to 0 (or NaN) AFTER the viewer armed the control left an enabled
+        // Send that posted it. An amount switcher mid-handshake is a flow this
+        // component's own JSDoc contemplates, so this is reachable, not theoretical.
+        if (!amountValid || overAllowance || blocked) {
+            // 🔴 NAME THE ACTUAL REASON. A fixed "That amount cannot be sent." is
+            // FALSE when the block is a `disabledReason` (the amount is fine, and a
+            // real reason string is in hand) — and this file's own comment about the
+            // stale-closure bug calls that message out as "false about the amount"
+            // while shipping it on a path it pins. Order matches the gate.
+            // 🔴 `||`, NOT `??` — a mutation found this, and it is the same distinction
+            // as the error channel's. `blocked` tests `disabledReason !== undefined`,
+            // so an EMPTY-STRING reason (a consumer writing
+            // `disabledReason={bad ? reason : ''}`) blocks — and `??` would then set an
+            // EMPTY failure message, rendering a blank refusal, which is the worst
+            // outcome on a money control. `||` falls through to a real sentence.
+            setFailure(disabledReason ||
+                (!amountValid
+                    ? 'That amount cannot be sent.'
+                    : overAllowance
+                        ? 'Over your remaining daily tip allowance.'
+                        : 'Tipping is unavailable right now.'));
+            return;
+        }
+        const attempt = (attemptRef.current += 1);
+        const current = () => attemptRef.current === attempt;
+        setBusy(true);
+        setFailure(null);
+        try {
+            await tip({ toUserId, amount, ...(entityType ? { entityType } : {}), ...(entityId !== undefined ? { entityId } : {}) }, { idempotencyKey });
+            // 🔴 A LANDED TRANSFER IS REPORTED UNCONDITIONALLY — no `current()` check
+            // on this path, deliberately, and the earlier version's check here was the
+            // defect rather than the safety.
+            //
+            // Buzz has MOVED by the time this line runs. Nothing the viewer or the
+            // parent did in the meantime can un-send it: Cancel resets this control's
+            // UI but does not abort the POST, and a parent flipping `tipped` mid-flight
+            // bumps the attempt for its own reasons. Suppressing the settle in either
+            // case left the app never learning the transfer succeeded — so `onTipped`
+            // never fired, the allowance was never refetched, and no `tipped` record
+            // was written, which re-armed the control over money that was already gone.
+            //
+            // Showing "Tipped" for a transfer that happened is correct even if the
+            // viewer pressed Cancel a moment earlier; showing "Tip 50" again is what
+            // invites the second one. Only the FAILURE path below respects supersession
+            // — there, nothing moved, so an abandoned attempt has nothing to report.
+            //
+            // 🔴 BUT AT MOST ONCE PER KEY, and "unconditionally" without this was a
+            // REGRESSION the previous revision introduced. Cancel-then-retry sends a SECOND POST
+            // carrying the SAME idempotency key, so the server collapses the pair into
+            // ONE transfer while both promises resolve — and an unguarded report then
+            // called `onTipped(amount)` twice for money that moved once. `onTipped` is
+            // handed the amount precisely so a caller can decrement an allowance with
+            // it, so double-firing double-counts. The answer is "once per KEY" — not
+            // the old "never after supersession", not a bare "always", and not the
+            // "once per mount" an intermediate revision used, which collapsed two
+            // GENUINELY DISTINCT transfers (see `reportedKeysRef`).
+            if (!reportedKeysRef.current.has(idempotencyKey)) {
+                reportedKeysRef.current.add(idempotencyKey);
+                setDone(true);
+                setConfirming(false);
+                setFailure(null);
+                onTipped?.(amount);
+            }
+        }
+        catch (err) {
+            if (!current())
+                return;
+            // Show the SERVER's message. Unlike a report, a failed tip has real and
+            // varied causes the viewer can act on (insufficient balance, over the
+            // daily cap, self-tip) and a fixed "could not send" throws all of them
+            // away.
+            setFailure(err instanceof Error && err.message ? err.message : 'Could not send the tip.');
+        }
+        finally {
+            if (current())
+                setBusy(false);
+        }
+        // 🔴 `amountValid`, `overAllowance` and `blocked` MUST be here. The gate at
+        // the top of this callback reads all three, and the previous revision listed
+        // none of them — so they were frozen at whatever render last recreated the
+        // callback, and the gate decided a SPEND on stale values. It failed in both
+        // directions and there is no eslint in this repo to catch it:
+        //
+        //   • STALE-RESTRICTIVE, and permanent: a parent that tops up `remaining`,
+        //     or clears `disabled` / `disabledReason` (the "view still loading"
+        //     usage this component's own JSDoc names), left Send refusing a
+        //     perfectly good tip with a message that is false about the amount —
+        //     for the life of the mount, since nothing else moved a dep.
+        //   • STALE-PERMISSIVE: the mirror case the gate's own comment claims to
+        //     cover — `remaining` dropping, or `disabledReason` appearing, AFTER
+        //     arming — sailed straight through.
+        //
+        // 🔴 IT WAS ALSO CONSUMER-DEPENDENT, which is why no test caught it: an
+        // INLINE `onTipped={() => {}}` (the shape the @example uses) recreates the
+        // callback every render and hides the whole thing, while a consumer doing
+        // the idiomatic `useCallback` gets the wedge. Listing the derived booleans
+        // rather than the raw props keeps this honest — add an input to the gate and
+        // the dep is already named.
+    }, [
+        amount,
+        amountValid,
+        blocked,
+        entityId,
+        entityType,
+        idempotencyKey,
+        onTipped,
+        overAllowance,
+        tip,
+        toUserId,
+    ]);
+    if (settled) {
+        return (_jsx("span", { ref: doneRef, tabIndex: -1, "data-testid": ids.done, role: "status", style: { ...NOTE_STYLE, outline: 'none' }, children: `Tipped ${noun}` }));
+    }
+    if (!confirming) {
+        const reason = disabledReason ?? (overAllowance ? 'Over your remaining daily tip allowance.' : undefined);
+        return (_jsx(Button, { size: size, variant: variant, disabled: blocked || overAllowance, onClick: () => setConfirming(true), "data-testid": ids.trigger, ...(reason ? { title: reason } : {}), "aria-label": reason ? `Tip the ${noun} — unavailable: ${reason}` : `Tip the ${noun} ${amount} Buzz`, children: `Tip ${amount}` }));
+    }
+    return (_jsxs(Group, { gap: 6, align: "center", wrap: false, "data-testid": ids.prompt, children: [_jsx("span", { style: NOTE_STYLE, ...(failure ? { role: 'alert' } : {}), children: failure ?? `Send ${amount} Buzz to the ${noun}?` }), _jsx(Button, { ref: confirmRef, size: "sm", loading: busy, onClick: () => void confirm(), "data-testid": ids.confirm, "aria-label": `Confirm sending ${amount} Buzz to the ${noun}`, children: "Send" }), _jsx(Button, { ref: cancelRef, size: "sm", variant: "subtle", 
+                // 🔴 NOT disabled in flight, for the reason `ReportButton` records: a
+                // reply that never arrives would otherwise leave both controls dead with
+                // no way back short of a remount. The attempt token closes the race
+                // without taking the escape hatch away.
+                onClick: () => {
+                    attemptRef.current += 1;
+                    setBusy(false);
+                    setFailure(null);
+                    setConfirming(false);
+                }, "data-testid": ids.cancel, "aria-label": "Cancel the tip", children: "Cancel" })] }));
+}
+//# sourceMappingURL=TipButton.js.map

package/dist/ui/TipButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TipButton.js","sourceRoot":"","sources":["../../src/ui/TipButton.tsx"],"names":[],"mappings":"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"}

package/dist/ui/index.d.ts

@@ -40,6 +40,10 @@ export { Badge } from './Badge.js';
 export type { BadgeProps, BadgeVariant, BadgeSize } from './Badge.js';
 export { ReportButton } from './ReportButton.js';
 export type { ReportButtonProps } from './ReportButton.js';
+export { FollowButton } from './FollowButton.js';
+export type { FollowButtonProps } from './FollowButton.js';
+export { TipButton } from './TipButton.js';
+export type { TipButtonProps } from './TipButton.js';
 export { ResourceCard, resourceDisplayName } from './ResourceCard.js';
 export type { ResourceCardProps, ResourceCardVariant } from './ResourceCard.js';
 export { Modal } from './Modal.js';

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACpF,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAK3D,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAG9E,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACtE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAEhF,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"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"}

package/dist/ui/index.js

@@ -34,6 +34,8 @@ export { Alert } from './Alert.js';
 export { Loader } from './Loader.js';
 export { Badge } from './Badge.js';
 export { ReportButton } from './ReportButton.js';
+export { FollowButton } from './FollowButton.js';
+export { TipButton } from './TipButton.js';
 export { ResourceCard, resourceDisplayName } from './ResourceCard.js';
 export { Modal } from './Modal.js';
 export { Slider } from './Slider.js';