@stapel/listings-react 0.30.2 → 0.30.3

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @stapel/listings-react
 
+## 0.30.3
+
+### Patch Changes
+
+- bbb8454: A swipe advances exactly one photo, and only past a real threshold
+
+  The card gallery committed an advance after a fixed `SWIPE_MIN_PX = 32` of
+  travel, whatever the photo's size — 9.1% of a slide on a one-column phone card
+  and 18.8% on a two-column feed tile. Worse, the gesture's origin was reset on
+  every commit, so one continuous drag committed once per 32px travelled: a drag
+  across three slide widths advanced three photos, and a fling advanced as many
+  as there were. The middle photo flew past on a light gesture.
+
+  `swipeStep(dx, dy, slideWidth, velocity)` now commits on either:
+
+  - **distance** — at least `SWIPE_COMMIT_FRACTION` (0.3) of the SLIDE's own
+    measured width, via `measureSlideWidth()` (the first slide's box, taken once
+    at pointerdown; the media well is 8% too generous because of the carousel's
+    peek, and the viewport is not the geometry that matters), or
+  - **velocity** — at least `SWIPE_FLICK_VELOCITY` (0.5 px/ms) over a
+    `SWIPE_VELOCITY_WINDOW_MS` (100ms) moving window, so a gesture that crawls
+    and is then thrown is read as the throw the person meant.
+
+  It returns only `-1 | 0 | 1`, and a per-gesture latch means one press can never
+  move more than one photo. A horizontal gesture that falls short snaps back to
+  the active slide. `SWIPE_MIN_PX` stays as a tap-wobble floor and is documented
+  as a floor rather than as the price.
+
+  The detail gallery's strip is native scroll-snap; it gains
+  `scroll-snap-stop: always`, so a fling comes to rest on the next photograph
+  instead of flying past however many its momentum carried.
+
+  `measureSlideWidth` returns `0` when nothing is laid out, and `swipeStep` then
+  falls back to the pixel floor rather than inventing a width. The extra
+  parameters are additive, so an existing two-argument caller is unchanged.
+
 ## 0.30.2
 
 ### Patch Changes

package/dist/default/cardGallery.d.ts

@@ -8,13 +8,52 @@ export declare const CARD_GALLERY_STYLE_HREF = "stapel-listings-card-gallery";
 /** The environment a hover scrub is allowed in, and the only one. */
 export declare const SCRUB_MEDIA = "(hover: hover) and (pointer: fine)";
 /**
- * How far a finger travels before it has said "photo", in CSS pixels.
+ * How far a finger travels before it is a GESTURE at all, in CSS pixels.
  *
  * Under this, a drag is a tap that wobbled — and a tap on a card is a
  * navigation, so a low threshold does not change a photograph, it changes one
  * and then leaves the listing.
+ *
+ * This is the floor, not the price: what actually buys a photograph is
+ * {@link SWIPE_COMMIT_FRACTION} of the slide, or a flick above
+ * {@link SWIPE_FLICK_VELOCITY}. A pixel count cannot be the price, because
+ * the same 32px is a third of a card in a four-column desktop grid and a
+ * twelfth of one on a phone.
  */
 export declare const SWIPE_MIN_PX = 32;
+/**
+ * How much of ONE PHOTOGRAPH a slow drag must cover to turn it, as a fraction
+ * of that photograph's own measured width.
+ *
+ * The owner's ruling, third pass: "maybe not 75, maybe 30 — right now it
+ * feels like 10%". 10% is what the old fixed 32px came to on a phone slide of
+ * ~350px, and it is why a middle photograph flew past on a gesture aimed at
+ * the feed. 0.3 is far enough that the drag is unmistakably a drag and short
+ * enough that a thumb can make it without crossing the whole card.
+ */
+export declare const SWIPE_COMMIT_FRACTION = 0.3;
+/**
+ * The speed, in CSS pixels per millisecond, at which a SHORT drag still turns
+ * the photograph.
+ *
+ * 0.5 px/ms — 500 px/s — is the owner's number and sits in the empty band
+ * between the two gestures it has to tell apart: a deliberate slow drag runs
+ * at 100–300 px/s (a thumb crossing a 350px card in one to three seconds),
+ * and a flick people expect to throw the strip runs at 800–2000 px/s. Nothing
+ * a person means as a careful drag arrives here, and nothing they mean as a
+ * flick falls under it.
+ */
+export declare const SWIPE_FLICK_VELOCITY = 0.5;
+/**
+ * The window the speed is measured over, in milliseconds.
+ *
+ * A flick is what the finger was doing AS IT LEFT, not the average of the
+ * whole gesture: a drag that crawls for a second and is then thrown would
+ * average out to a crawl, and the throw is the part the person meant. One
+ * moving window of roughly six frames is long enough to survive a single
+ * jittery sample and short enough to still be about the end of the gesture.
+ */
+export declare const SWIPE_VELOCITY_WINDOW_MS = 100;
 /**
  * How much more horizontal than vertical a drag must be to count.
  *
@@ -32,12 +71,36 @@ export declare const SWIPE_AXIS_RATIO = 1.2;
 export declare function segmentIndex(offsetX: number, width: number, count: number): number;
 /**
  * A drag → the number of photographs it asks for: `1` forward, `-1` back, `0`
- * for a drag that has not declared horizontal intent.
+ * for a drag that has not earned one.
  *
  * Dragging LEFT advances, the direction the content moves under the finger —
- * the same mapping the native scroller has.
+ * the same mapping the native scroller has. The answer is never outside
+ * `-1…1`: a gesture is worth one photograph however far it travelled, which
+ * is what stops a fling crossing the whole strip.
+ *
+ * @param dx         Horizontal travel from the press, signed, in CSS pixels.
+ * @param dy         Vertical travel from the press, signed.
+ * @param slideWidth The measured width of ONE slide. `0` means it could not
+ *   be measured (an unlaid-out strip, a server render) — and an unknown width
+ *   has no fraction, so the decision falls back to {@link SWIPE_MIN_PX}
+ *   alone rather than to an invented number.
+ * @param velocity   The finger's recent speed in CSS pixels per millisecond.
+ */
+export declare function swipeStep(dx: number, dy: number, slideWidth?: number, velocity?: number): -1 | 0 | 1;
+/**
+ * The width of ONE slide inside this gallery's strip, in CSS pixels.
+ *
+ * Read off the SLIDE, which is the house rule (§83: geometry from the
+ * element's width, never the viewport's) and here also the only correct
+ * answer: a slide is the well less the carousel's peek, so the well's width
+ * is 8% too generous and a viewport-derived number is not about this card at
+ * all — the same card is full-bleed on a phone and a quarter of a row on a
+ * desktop grid.
+ *
+ * `0` when nothing can be measured. That is a refusal to guess, not a
+ * measurement: {@link swipeStep} falls back to the pixel floor for it.
  */
-export declare function swipeStep(dx: number, dy: number): -1 | 0 | 1;
+export declare function measureSlideWidth(box: HTMLElement): number;
 /** Does this environment have a real pointer? `false` where there is no
  * `matchMedia` to ask (a server render, an old jsdom), which is the safe
  * side: a scrub that does not happen costs a hover, a scrub on a phone is a

package/dist/default/cardGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cardGallery.d.ts","sourceRoot":"","sources":["../../src/default/cardGallery.ts"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1E,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,2BAA2B,CAAC;AAC3D,yEAAyE;AACzE,eAAO,MAAM,0BAA0B,iCAAiC,CAAC;AACzE,oEAAoE;AACpE,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAEtE,qEAAqE;AACrE,eAAO,MAAM,WAAW,uCAAuC,CAAC;AAEhE;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIlF;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAK5D;AAED;;;qDAGqD;AACrD,wBAAgB,cAAc,IAAI,OAAO,CAOxC;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,IAAI,OAAO,CA0BxC;AAED,yEAAyE;AACzE,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,0CAA0C;IAC1C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;6DACyD;IACzD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7E;AAoBD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAgIzD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,MAAM,CA2CvC"}
+{"version":3,"file":"cardGallery.d.ts","sourceRoot":"","sources":["../../src/default/cardGallery.ts"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1E,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,2BAA2B,CAAC;AAC3D,yEAAyE;AACzE,eAAO,MAAM,0BAA0B,iCAAiC,CAAC;AACzE,oEAAoE;AACpE,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAEtE,qEAAqE;AACrE,eAAO,MAAM,WAAW,uCAAuC,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIlF;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,SAAS,CACvB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,UAAU,SAAI,EACd,QAAQ,SAAI,GACX,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAWZ;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM,CAM1D;AAED;;;qDAGqD;AACrD,wBAAgB,cAAc,IAAI,OAAO,CAOxC;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,IAAI,OAAO,CA0BxC;AAED,yEAAyE;AACzE,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,0CAA0C;IAC1C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;6DACyD;IACzD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7E;AA6ED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAsKzD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,MAAM,CA2CvC"}

package/dist/default/cardGallery.js

@@ -34,6 +34,31 @@
  * {@link SWIPE_AXIS_RATIO}. A diagonal thumb scrolling the feed changes no
  * photograph.
  *
+ * ── HOW FAR IS FAR ENOUGH, and how many photographs that buys ────────────
+ *
+ * Intent is not a commit. A drag that has declared itself horizontal still
+ * has to EARN the photograph, and the price is a fraction of the photograph
+ * itself — {@link SWIPE_COMMIT_FRACTION} of the SLIDE's own measured width,
+ * never a pixel constant. The constant was the defect, and measurably so: a
+ * one-column search card on a 390px phone is a ~351px slide (the well less
+ * the carousel's 8% peek), so a fixed 32px priced a photograph at 9% of
+ * itself; the same 32px on the two-column home feed is 19% of a ~170px slide.
+ * One number, two different gestures, and the cheap one is the one the owner
+ * met — "it feels like 10%", and the middle photograph flying past.
+ *
+ * Two further rules, and both are about a gesture being ONE decision:
+ *
+ *  - A flick is a choice too. Under the distance, a drag thrown faster than
+ *    {@link SWIPE_FLICK_VELOCITY} still advances — the speed says the intent
+ *    the distance did not.
+ *  - ONE photograph per gesture, and one only. The old handler moved its own
+ *    origin on each commit, so a drag across three slide widths advanced
+ *    three photographs (and a fling across the card advanced ten). A gesture
+ *    now commits at most once, and a second photograph costs a second press.
+ *
+ * Below the threshold the strip goes back to the picture it was showing —
+ * a refused gesture must leave the strip where it found it, not halfway.
+ *
  * ── What neither gesture touches ─────────────────────────────────────────
  *
  * The keyboard, and the card's single link target. The strip underneath is
@@ -55,13 +80,52 @@ export const CARD_GALLERY_STYLE_HREF = "stapel-listings-card-gallery";
 /** The environment a hover scrub is allowed in, and the only one. */
 export const SCRUB_MEDIA = "(hover: hover) and (pointer: fine)";
 /**
- * How far a finger travels before it has said "photo", in CSS pixels.
+ * How far a finger travels before it is a GESTURE at all, in CSS pixels.
  *
  * Under this, a drag is a tap that wobbled — and a tap on a card is a
  * navigation, so a low threshold does not change a photograph, it changes one
  * and then leaves the listing.
+ *
+ * This is the floor, not the price: what actually buys a photograph is
+ * {@link SWIPE_COMMIT_FRACTION} of the slide, or a flick above
+ * {@link SWIPE_FLICK_VELOCITY}. A pixel count cannot be the price, because
+ * the same 32px is a third of a card in a four-column desktop grid and a
+ * twelfth of one on a phone.
  */
 export const SWIPE_MIN_PX = 32;
+/**
+ * How much of ONE PHOTOGRAPH a slow drag must cover to turn it, as a fraction
+ * of that photograph's own measured width.
+ *
+ * The owner's ruling, third pass: "maybe not 75, maybe 30 — right now it
+ * feels like 10%". 10% is what the old fixed 32px came to on a phone slide of
+ * ~350px, and it is why a middle photograph flew past on a gesture aimed at
+ * the feed. 0.3 is far enough that the drag is unmistakably a drag and short
+ * enough that a thumb can make it without crossing the whole card.
+ */
+export const SWIPE_COMMIT_FRACTION = 0.3;
+/**
+ * The speed, in CSS pixels per millisecond, at which a SHORT drag still turns
+ * the photograph.
+ *
+ * 0.5 px/ms — 500 px/s — is the owner's number and sits in the empty band
+ * between the two gestures it has to tell apart: a deliberate slow drag runs
+ * at 100–300 px/s (a thumb crossing a 350px card in one to three seconds),
+ * and a flick people expect to throw the strip runs at 800–2000 px/s. Nothing
+ * a person means as a careful drag arrives here, and nothing they mean as a
+ * flick falls under it.
+ */
+export const SWIPE_FLICK_VELOCITY = 0.5;
+/**
+ * The window the speed is measured over, in milliseconds.
+ *
+ * A flick is what the finger was doing AS IT LEFT, not the average of the
+ * whole gesture: a drag that crawls for a second and is then thrown would
+ * average out to a crawl, and the throw is the part the person meant. One
+ * moving window of roughly six frames is long enough to survive a single
+ * jittery sample and short enough to still be about the end of the gesture.
+ */
+export const SWIPE_VELOCITY_WINDOW_MS = 100;
 /**
  * How much more horizontal than vertical a drag must be to count.
  *
@@ -84,19 +148,57 @@ export function segmentIndex(offsetX, width, count) {
 }
 /**
  * A drag → the number of photographs it asks for: `1` forward, `-1` back, `0`
- * for a drag that has not declared horizontal intent.
+ * for a drag that has not earned one.
  *
  * Dragging LEFT advances, the direction the content moves under the finger —
- * the same mapping the native scroller has.
+ * the same mapping the native scroller has. The answer is never outside
+ * `-1…1`: a gesture is worth one photograph however far it travelled, which
+ * is what stops a fling crossing the whole strip.
+ *
+ * @param dx         Horizontal travel from the press, signed, in CSS pixels.
+ * @param dy         Vertical travel from the press, signed.
+ * @param slideWidth The measured width of ONE slide. `0` means it could not
+ *   be measured (an unlaid-out strip, a server render) — and an unknown width
+ *   has no fraction, so the decision falls back to {@link SWIPE_MIN_PX}
+ *   alone rather than to an invented number.
+ * @param velocity   The finger's recent speed in CSS pixels per millisecond.
  */
-export function swipeStep(dx, dy) {
+export function swipeStep(dx, dy, slideWidth = 0, velocity = 0) {
     const across = Math.abs(dx);
+    // Is this a gesture at all — past the tap wobble, and across rather than
+    // down the page.
     if (across < SWIPE_MIN_PX)
         return 0;
     if (across <= Math.abs(dy) * SWIPE_AXIS_RATIO)
         return 0;
+    // Has it earned a photograph: the distance rule, measured against THIS
+    // strip's slide, or the speed rule when the distance is short.
+    const far = slideWidth > 0 ? across >= slideWidth * SWIPE_COMMIT_FRACTION : true;
+    if (!far && velocity < SWIPE_FLICK_VELOCITY)
+        return 0;
     return dx < 0 ? 1 : -1;
 }
+/**
+ * The width of ONE slide inside this gallery's strip, in CSS pixels.
+ *
+ * Read off the SLIDE, which is the house rule (§83: geometry from the
+ * element's width, never the viewport's) and here also the only correct
+ * answer: a slide is the well less the carousel's peek, so the well's width
+ * is 8% too generous and a viewport-derived number is not about this card at
+ * all — the same card is full-bleed on a phone and a quarter of a row on a
+ * desktop grid.
+ *
+ * `0` when nothing can be measured. That is a refusal to guess, not a
+ * measurement: {@link swipeStep} falls back to the pixel floor for it.
+ */
+export function measureSlideWidth(box) {
+    const strip = box.querySelector("[data-stapel-carousel-strip]");
+    if (strip === null)
+        return 0;
+    const slide = strip.children.item(0);
+    const width = slide === null ? 0 : slide.getBoundingClientRect().width;
+    return width > 0 ? width : 0;
+}
 /** Does this environment have a real pointer? `false` where there is no
  * `matchMedia` to ask (a server render, an old jsdom), which is the safe
  * side: a scrub that does not happen costs a hover, a scrub on a phone is a
@@ -168,6 +270,41 @@ function showSlide(box, index, instant) {
         strip.scrollLeft = left;
     }
 }
+/** When this event happened, on whatever clock the environment has. A UA
+ * stamps every input event; the fallback is for a synthesised one. */
+function stampOf(event) {
+    const stamp = event.timeStamp;
+    if (Number.isFinite(stamp) && stamp > 0)
+        return stamp;
+    return typeof performance === "object" && typeof performance.now === "function"
+        ? performance.now()
+        : Date.now();
+}
+/** Record a position, and forget the ones the speed window has passed. */
+function sample(drag, x, t) {
+    drag.samples.push({ x, t });
+    // Drop the oldest only while the NEXT one is still inside the window, so
+    // the trail always spans at least one interval to divide by.
+    while (drag.samples.length > 2) {
+        const second = drag.samples[1];
+        if (second === undefined || t - second.t <= SWIPE_VELOCITY_WINDOW_MS)
+            break;
+        drag.samples.shift();
+    }
+}
+/** The finger's speed over the trail, in CSS pixels per millisecond. `0`
+ * where the environment gave no usable clock — an unknown speed is not a
+ * flick. */
+function velocityOf(drag) {
+    const first = drag.samples[0];
+    const last = drag.samples[drag.samples.length - 1];
+    if (first === undefined || last === undefined)
+        return 0;
+    const elapsed = last.t - first.t;
+    if (elapsed <= 0)
+        return 0;
+    return Math.abs(last.x - first.x) / elapsed;
+}
 /**
  * The gallery gestures for a media well holding `count` photographs.
  *
@@ -178,9 +315,9 @@ export function useCardGallery(count) {
     const ref = useRef(null);
     const [active, setActive] = useState(0);
     const [scrubbing, setScrubbing] = useState(false);
-    // The origin of the drag in progress, or `null`. A ref rather than state:
-    // it changes on every move and no render depends on it.
-    const origin = useRef(null);
+    // The drag in progress, or `null`. A ref rather than state: it changes on
+    // every move and no render depends on it.
+    const drag = useRef(null);
     /**
      * THE INDEX THIS HOOK ASKED FOR, and the whole of the fix.
      *
@@ -243,28 +380,70 @@ export function useCardGallery(count) {
             request(segmentIndex(event.clientX - rect.left, rect.width, count));
             return;
         }
-        const from = origin.current;
-        if (from === null)
+        const current = drag.current;
+        if (current === null)
             return;
-        const step = swipeStep(event.clientX - from.x, event.clientY - from.y);
+        sample(current, event.clientX, stampOf(event));
+        // ONE PHOTOGRAPH PER GESTURE. The trail keeps being recorded — a
+        // release still wants to know how the finger was moving — but the
+        // decision below is made once and the rest of the drag is scenery.
+        if (current.committed)
+            return;
+        const dx = event.clientX - current.x;
+        const dy = event.clientY - current.y;
+        if (Math.abs(dx) >= SWIPE_MIN_PX && Math.abs(dx) > Math.abs(dy) * SWIPE_AXIS_RATIO) {
+            current.crossed = true;
+        }
+        const step = swipeStep(dx, dy, current.width, velocityOf(current));
         if (step === 0)
             return;
-        // The origin moves with the commit, so a long drag walks the strip one
-        // photograph per threshold rather than one per gesture.
-        origin.current = { x: event.clientX, y: event.clientY };
+        current.committed = true;
         setScrubbing(false);
-        request((current) => Math.min(count - 1, Math.max(0, current + step)));
+        request((at) => Math.min(count - 1, Math.max(0, at + step)));
     }, [count, fine, many, request]);
     const onPointerDown = useCallback((event) => {
         if (!many || event.pointerType === "mouse")
             return;
-        origin.current = { x: event.clientX, y: event.clientY };
+        const box = ref.current;
+        drag.current = {
+            x: event.clientX,
+            y: event.clientY,
+            // Measured here, from the slide itself, and held for the gesture.
+            width: box === null ? 0 : measureSlideWidth(box),
+            samples: [{ x: event.clientX, t: stampOf(event) }],
+            committed: false,
+            crossed: false,
+        };
     }, [many]);
+    /**
+     * The finger leaves.
+     *
+     * A gesture that earned its photograph already took it, mid-drag, the
+     * moment it crossed the threshold. What is left here is the REFUSED one: a
+     * drag that went sideways far enough to be read as a swipe and then stopped
+     * short. The strip goes back to the photograph it was showing, because a
+     * refused gesture that leaves the strip halfway is the defect wearing the
+     * other face.
+     *
+     * A release with no drag behind it touches nothing at all — that is the
+     * guard probe p23 bought: `pointerup` also arrives after a NATIVE scroll
+     * this hook never started, and scrolling "back" there means undoing the
+     * person's own swipe.
+     */
     const endDrag = useCallback(() => {
-        origin.current = null;
-    }, []);
+        const current = drag.current;
+        drag.current = null;
+        if (current === null || !many)
+            return;
+        if (current.committed || !current.crossed)
+            return;
+        const box = ref.current;
+        if (box === null)
+            return;
+        showSlide(box, active, false);
+    }, [active, many]);
     const onPointerLeave = useCallback((event) => {
-        origin.current = null;
+        drag.current = null;
         if (!many)
             return;
         // THE REWIND IS A HOVER RULE, AND ONLY A HOVER RULE.

package/dist/default/cardGallery.js.map

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

package/dist/default/detailGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"detailGallery.d.ts","sourceRoot":"","sources":["../../src/default/detailGallery.ts"],"names":[],"mappings":"AA+DA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,6DAA6D;AAC7D,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,yCAAyC;AACzC,eAAO,MAAM,sBAAsB,mCAAmC,CAAC;AAEvE,oEAAoE;AACpE,eAAO,MAAM,2BAA2B,mCAAmC,CAAC;AAE5E,oDAAoD;AACpD,eAAO,MAAM,8BAA8B,iCAAiC,CAAC;AAE7E;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,yCAAyC,CAAC;AAEnF;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B,QAAQ,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM,CAc1D;AAED,4EAA4E;AAC5E,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,CAyCpE;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAkCzC"}
+{"version":3,"file":"detailGallery.d.ts","sourceRoot":"","sources":["../../src/default/detailGallery.ts"],"names":[],"mappings":"AA+DA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,6DAA6D;AAC7D,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,yCAAyC;AACzC,eAAO,MAAM,sBAAsB,mCAAmC,CAAC;AAEvE,oEAAoE;AACpE,eAAO,MAAM,2BAA2B,mCAAmC,CAAC;AAE5E,oDAAoD;AACpD,eAAO,MAAM,8BAA8B,iCAAiC,CAAC;AAE7E;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,yCAAyC,CAAC;AAEnF;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B,QAAQ,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM,CAc1D;AAED,4EAA4E;AAC5E,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,CAyCpE;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CA2CzC"}

package/dist/default/detailGallery.js

@@ -196,6 +196,15 @@ export function detailGalleryCss() {
 .${LISTINGS_GALLERY_CLASS}[data-gallery-layout="strip"] > * {
   flex: 0 0 ${LISTINGS_GALLERY_STRIP_BASIS};
   scroll-snap-align: start;
+  /* EVERY PHOTOGRAPH IS A DESTINATION, not a waypoint. A mandatory snap type
+     alone only promises the strip will COME TO REST on a snap point — a fling
+     with any momentum behind it still crosses two or three photographs on its
+     way there, which is the owner's "the middle photo flies past" in its
+     native form. "always" makes the scroller stop at the first snap point it
+     reaches, so one gesture is one photograph here for the same reason the
+     card's gesture layer clamps its own step to one. The same declaration
+     SkinCarousel already carries on its slides. */
+  scroll-snap-stop: always;
 }
 .${LISTINGS_GALLERY_FRAME_CLASS} {
   position: relative;

package/dist/default/detailGallery.js.map

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

package/dist/default/index.d.ts

@@ -63,7 +63,7 @@ export { ListingSpecColumns, ListingSpecList, SPEC_FOLD_MIN_HIDDEN, specListCss,
 export type { ListingSpecListProps } from "./ListingSpecList.js";
 export { CardBadges, CardSpecLine, CARD_SPEC_LINE_CLASS, CARD_SPEC_STYLE_HREF, CARD_SPEC_TEXT_CLASS, cardSpecLineCss, } from "./CardBadges.js";
 export type { CardBadgesProps } from "./CardBadges.js";
-export { SWIPE_AXIS_RATIO, SWIPE_MIN_PX, cardGalleryCss, hasFinePointer, segmentIndex, swipeStep, useCardGallery, } from "./cardGallery.js";
+export { SWIPE_AXIS_RATIO, SWIPE_COMMIT_FRACTION, SWIPE_FLICK_VELOCITY, SWIPE_MIN_PX, SWIPE_VELOCITY_WINDOW_MS, cardGalleryCss, hasFinePointer, measureSlideWidth, segmentIndex, swipeStep, useCardGallery, } from "./cardGallery.js";
 export type { CardGallery } from "./cardGallery.js";
 export { ListingActions } from "./ListingActions.js";
 export type { ListingActionsConfig, ListingActionsProps, } from "./ListingActions.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/default/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/default/index.ts"],"names":[],"mappings":"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"}

package/dist/default/index.js

@@ -69,7 +69,7 @@ export { ListingPhoto, ListingPhotoStrip, LISTING_PHOTO_ASPECT, } from "./Listin
 export { ListingSpecColumns, ListingSpecList, SPEC_FOLD_MIN_HIDDEN, specListCss, } from "./ListingSpecList.js";
 export { CardBadges, CardSpecLine, CARD_SPEC_LINE_CLASS, CARD_SPEC_STYLE_HREF, CARD_SPEC_TEXT_CLASS, cardSpecLineCss, } from "./CardBadges.js";
 // ── the card gallery's two gestures ─────────────────────────────────────────
-export { SWIPE_AXIS_RATIO, SWIPE_MIN_PX, cardGalleryCss, hasFinePointer, segmentIndex, swipeStep, useCardGallery, } from "./cardGallery.js";
+export { SWIPE_AXIS_RATIO, SWIPE_COMMIT_FRACTION, SWIPE_FLICK_VELOCITY, SWIPE_MIN_PX, SWIPE_VELOCITY_WINDOW_MS, cardGalleryCss, hasFinePointer, measureSlideWidth, segmentIndex, swipeStep, useCardGallery, } from "./cardGallery.js";
 // ── the reader's two actions: save it, or send it to somebody ───────────────
 export { ListingActions } from "./ListingActions.js";
 export { ShareAction } from "./ShareAction.js";

package/dist/default/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/default/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,EACL,WAAW;AACX,6EAA6E;AAC7E,6EAA6E;AAC7E,oBAAoB,EACpB,sBAAsB;AACtB,0EAA0E;AAC1E,4EAA4E;AAC5E,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAMvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,mBAAmB;AACnB,wEAAwE;AACxE,+DAA+D;AAC/D,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAKhC,8EAA8E;AAC9E,+EAA+E;AAC/E,oBAAoB;AACpB,OAAO,EACL,sBAAsB,EACtB,8BAA8B,EAC9B,4BAA4B,EAC5B,2BAA2B,EAC3B,4BAA4B,EAC5B,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAE5B,6EAA6E;AAC7E,qEAAqE;AACrE,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,8EAA8E;AAC9E,+EAA+E;AAC/E,8CAA8C;AAC9C,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,gEAAgE;AAChE,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAK7B,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,EAChB,eAAe,GAChB,MAAM,0BAA0B,CAAC;AASlC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAOvE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEnF,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAG3B,gFAAgF;AAChF,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,WAAW,GACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,UAAU,EACV,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAGzB,+EAA+E;AAC/E,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,YAAY,EACZ,SAAS,EACT,cAAc,GACf,MAAM,kBAAkB,CAAC;AAE1B,+EAA+E;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAKrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EACL,qBAAqB,EACrB,6BAA6B,EAC7B,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,EAClB,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,EACzB,uBAAuB,EACvB,YAAY,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/default/index.ts"],"names":[],"mappings":"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"}

package/llms.txt

@@ -1,4 +1,4 @@
-# @stapel/listings-react 0.30.2
+# @stapel/listings-react 0.30.3
 
 Headless React flow pair for stapel-listings (contract >=0.22 <0.23) — business + state, zero visual opinion.
 Built on @stapel/core: typed client + StapelApiError envelope, auth token refresh,

package/manifest.json

@@ -1,7 +1,7 @@
 {
   "$generated": "by scripts/gen-manifest.mjs — do not edit; drift-gated (pnpm gen:manifest:check)",
   "package": "@stapel/listings-react",
-  "version": "0.30.2",
+  "version": "0.30.3",
   "backend": {
     "module": "stapel-listings",
     "contract": ">=0.22 <0.23"

package/nav-manifest.json

@@ -1,6 +1,6 @@
 {
   "package": "@stapel/listings-react",
-  "version": "0.30.2",
+  "version": "0.30.3",
   "entries": [
     {
       "id": "listings.detail",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stapel/listings-react",
-  "version": "0.30.2",
+  "version": "0.30.3",
   "description": "Headless React pair for stapel-listings: a typed client over the draft twin, the composer that turns a category schema into a submittable listing, and the owner's dashboard. Two independent axes are rendered as two — lifecycle `status` decides visibility and `moderation_status` decides nothing about it, so an edit to a live listing stays live and says 'under review' instead of vanishing. Feature values are drawn and mirrored by @stapel/attributes-react; photos arrive as an injected upload bag whose `refs` ARE `images_draft` and whose `settled` gates the submit; a publish refusal is routed onto the control that caused it by slug. Zero visual opinion in the main entry; an opt-in /default subpath ships the antd skin.",
   "license": "MIT",
   "repository": {
@@ -103,12 +103,12 @@
     "typescript": "^5.8.3",
     "vitest": "^3.2.4",
     "@stapel/attributes-react": "^0.17.0",
+    "@stapel/core": "^0.26.1",
     "@stapel/currencies-react": "^0.4.0",
     "@stapel/image": "^0.4.2",
     "@stapel/showcase": "^0.3.0",
     "@stapel/tokens": "^0.8.0",
-    "@stapel/tokens-antd": "^0.18.0",
-    "@stapel/core": "^0.26.1"
+    "@stapel/tokens-antd": "^0.18.1"
   },
   "engines": {
     "node": ">=22"

package/src/analytics/generated/events.json

@@ -1,7 +1,7 @@
 {
   "$generated": "by scripts/gen-events.mjs — do not edit; drift-gated (pnpm gen:events:check)",
   "package": "@stapel/listings-react",
-  "version": "0.30.2",
+  "version": "0.30.3",
   "defined": [],
   "flows": []
 }

package/src/default/cardGallery.ts

@@ -34,6 +34,31 @@
  * {@link SWIPE_AXIS_RATIO}. A diagonal thumb scrolling the feed changes no
  * photograph.
  *
+ * ── HOW FAR IS FAR ENOUGH, and how many photographs that buys ────────────
+ *
+ * Intent is not a commit. A drag that has declared itself horizontal still
+ * has to EARN the photograph, and the price is a fraction of the photograph
+ * itself — {@link SWIPE_COMMIT_FRACTION} of the SLIDE's own measured width,
+ * never a pixel constant. The constant was the defect, and measurably so: a
+ * one-column search card on a 390px phone is a ~351px slide (the well less
+ * the carousel's 8% peek), so a fixed 32px priced a photograph at 9% of
+ * itself; the same 32px on the two-column home feed is 19% of a ~170px slide.
+ * One number, two different gestures, and the cheap one is the one the owner
+ * met — "it feels like 10%", and the middle photograph flying past.
+ *
+ * Two further rules, and both are about a gesture being ONE decision:
+ *
+ *  - A flick is a choice too. Under the distance, a drag thrown faster than
+ *    {@link SWIPE_FLICK_VELOCITY} still advances — the speed says the intent
+ *    the distance did not.
+ *  - ONE photograph per gesture, and one only. The old handler moved its own
+ *    origin on each commit, so a drag across three slide widths advanced
+ *    three photographs (and a fling across the card advanced ten). A gesture
+ *    now commits at most once, and a second photograph costs a second press.
+ *
+ * Below the threshold the strip goes back to the picture it was showing —
+ * a refused gesture must leave the strip where it found it, not halfway.
+ *
  * ── What neither gesture touches ─────────────────────────────────────────
  *
  * The keyboard, and the card's single link target. The strip underneath is
@@ -59,14 +84,56 @@ export const CARD_GALLERY_STYLE_HREF = "stapel-listings-card-gallery";
 export const SCRUB_MEDIA = "(hover: hover) and (pointer: fine)";
 
 /**
- * How far a finger travels before it has said "photo", in CSS pixels.
+ * How far a finger travels before it is a GESTURE at all, in CSS pixels.
  *
  * Under this, a drag is a tap that wobbled — and a tap on a card is a
  * navigation, so a low threshold does not change a photograph, it changes one
  * and then leaves the listing.
+ *
+ * This is the floor, not the price: what actually buys a photograph is
+ * {@link SWIPE_COMMIT_FRACTION} of the slide, or a flick above
+ * {@link SWIPE_FLICK_VELOCITY}. A pixel count cannot be the price, because
+ * the same 32px is a third of a card in a four-column desktop grid and a
+ * twelfth of one on a phone.
  */
 export const SWIPE_MIN_PX = 32;
 
+/**
+ * How much of ONE PHOTOGRAPH a slow drag must cover to turn it, as a fraction
+ * of that photograph's own measured width.
+ *
+ * The owner's ruling, third pass: "maybe not 75, maybe 30 — right now it
+ * feels like 10%". 10% is what the old fixed 32px came to on a phone slide of
+ * ~350px, and it is why a middle photograph flew past on a gesture aimed at
+ * the feed. 0.3 is far enough that the drag is unmistakably a drag and short
+ * enough that a thumb can make it without crossing the whole card.
+ */
+export const SWIPE_COMMIT_FRACTION = 0.3;
+
+/**
+ * The speed, in CSS pixels per millisecond, at which a SHORT drag still turns
+ * the photograph.
+ *
+ * 0.5 px/ms — 500 px/s — is the owner's number and sits in the empty band
+ * between the two gestures it has to tell apart: a deliberate slow drag runs
+ * at 100–300 px/s (a thumb crossing a 350px card in one to three seconds),
+ * and a flick people expect to throw the strip runs at 800–2000 px/s. Nothing
+ * a person means as a careful drag arrives here, and nothing they mean as a
+ * flick falls under it.
+ */
+export const SWIPE_FLICK_VELOCITY = 0.5;
+
+/**
+ * The window the speed is measured over, in milliseconds.
+ *
+ * A flick is what the finger was doing AS IT LEFT, not the average of the
+ * whole gesture: a drag that crawls for a second and is then thrown would
+ * average out to a crawl, and the throw is the part the person meant. One
+ * moving window of roughly six frames is long enough to survive a single
+ * jittery sample and short enough to still be about the end of the gesture.
+ */
+export const SWIPE_VELOCITY_WINDOW_MS = 100;
+
 /**
  * How much more horizontal than vertical a drag must be to count.
  *
@@ -90,18 +157,60 @@ export function segmentIndex(offsetX: number, width: number, count: number): num
 
 /**
  * A drag → the number of photographs it asks for: `1` forward, `-1` back, `0`
- * for a drag that has not declared horizontal intent.
+ * for a drag that has not earned one.
  *
  * Dragging LEFT advances, the direction the content moves under the finger —
- * the same mapping the native scroller has.
+ * the same mapping the native scroller has. The answer is never outside
+ * `-1…1`: a gesture is worth one photograph however far it travelled, which
+ * is what stops a fling crossing the whole strip.
+ *
+ * @param dx         Horizontal travel from the press, signed, in CSS pixels.
+ * @param dy         Vertical travel from the press, signed.
+ * @param slideWidth The measured width of ONE slide. `0` means it could not
+ *   be measured (an unlaid-out strip, a server render) — and an unknown width
+ *   has no fraction, so the decision falls back to {@link SWIPE_MIN_PX}
+ *   alone rather than to an invented number.
+ * @param velocity   The finger's recent speed in CSS pixels per millisecond.
  */
-export function swipeStep(dx: number, dy: number): -1 | 0 | 1 {
+export function swipeStep(
+  dx: number,
+  dy: number,
+  slideWidth = 0,
+  velocity = 0
+): -1 | 0 | 1 {
   const across = Math.abs(dx);
+  // Is this a gesture at all — past the tap wobble, and across rather than
+  // down the page.
   if (across < SWIPE_MIN_PX) return 0;
   if (across <= Math.abs(dy) * SWIPE_AXIS_RATIO) return 0;
+  // Has it earned a photograph: the distance rule, measured against THIS
+  // strip's slide, or the speed rule when the distance is short.
+  const far = slideWidth > 0 ? across >= slideWidth * SWIPE_COMMIT_FRACTION : true;
+  if (!far && velocity < SWIPE_FLICK_VELOCITY) return 0;
   return dx < 0 ? 1 : -1;
 }
 
+/**
+ * The width of ONE slide inside this gallery's strip, in CSS pixels.
+ *
+ * Read off the SLIDE, which is the house rule (§83: geometry from the
+ * element's width, never the viewport's) and here also the only correct
+ * answer: a slide is the well less the carousel's peek, so the well's width
+ * is 8% too generous and a viewport-derived number is not about this card at
+ * all — the same card is full-bleed on a phone and a quarter of a row on a
+ * desktop grid.
+ *
+ * `0` when nothing can be measured. That is a refusal to guess, not a
+ * measurement: {@link swipeStep} falls back to the pixel floor for it.
+ */
+export function measureSlideWidth(box: HTMLElement): number {
+  const strip = box.querySelector<HTMLElement>("[data-stapel-carousel-strip]");
+  if (strip === null) return 0;
+  const slide = strip.children.item(0);
+  const width = slide === null ? 0 : slide.getBoundingClientRect().width;
+  return width > 0 ? width : 0;
+}
+
 /** Does this environment have a real pointer? `false` where there is no
  * `matchMedia` to ask (a server render, an old jsdom), which is the safe
  * side: a scrub that does not happen costs a hover, a scrub on a phone is a
@@ -198,6 +307,63 @@ function showSlide(box: HTMLElement, index: number, instant: boolean): void {
   }
 }
 
+/** One position of the finger, in time — the raw material of a flick. */
+interface Sample {
+  readonly x: number;
+  readonly t: number;
+}
+
+/** The drag in progress. Everything a release has to decide on. */
+interface Drag {
+  /** Where the finger went down. */
+  readonly x: number;
+  readonly y: number;
+  /** One slide's width, measured ONCE at the press: a strip whose geometry
+   * changed mid-gesture would move the goalposts under the finger. */
+  readonly width: number;
+  /** The recent trail, newest last — see {@link SWIPE_VELOCITY_WINDOW_MS}. */
+  samples: Sample[];
+  /** Has this gesture already spent its one photograph. */
+  committed: boolean;
+  /** Has it declared horizontal intent — the only kind of refused gesture
+   * that is worth snapping back from. */
+  crossed: boolean;
+}
+
+/** When this event happened, on whatever clock the environment has. A UA
+ * stamps every input event; the fallback is for a synthesised one. */
+function stampOf(event: { timeStamp: number }): number {
+  const stamp = event.timeStamp;
+  if (Number.isFinite(stamp) && stamp > 0) return stamp;
+  return typeof performance === "object" && typeof performance.now === "function"
+    ? performance.now()
+    : Date.now();
+}
+
+/** Record a position, and forget the ones the speed window has passed. */
+function sample(drag: Drag, x: number, t: number): void {
+  drag.samples.push({ x, t });
+  // Drop the oldest only while the NEXT one is still inside the window, so
+  // the trail always spans at least one interval to divide by.
+  while (drag.samples.length > 2) {
+    const second = drag.samples[1];
+    if (second === undefined || t - second.t <= SWIPE_VELOCITY_WINDOW_MS) break;
+    drag.samples.shift();
+  }
+}
+
+/** The finger's speed over the trail, in CSS pixels per millisecond. `0`
+ * where the environment gave no usable clock — an unknown speed is not a
+ * flick. */
+function velocityOf(drag: Drag): number {
+  const first = drag.samples[0];
+  const last = drag.samples[drag.samples.length - 1];
+  if (first === undefined || last === undefined) return 0;
+  const elapsed = last.t - first.t;
+  if (elapsed <= 0) return 0;
+  return Math.abs(last.x - first.x) / elapsed;
+}
+
 /**
  * The gallery gestures for a media well holding `count` photographs.
  *
@@ -208,9 +374,9 @@ export function useCardGallery(count: number): CardGallery {
   const ref = useRef<HTMLDivElement | null>(null);
   const [active, setActive] = useState(0);
   const [scrubbing, setScrubbing] = useState(false);
-  // The origin of the drag in progress, or `null`. A ref rather than state:
-  // it changes on every move and no render depends on it.
-  const origin = useRef<{ x: number; y: number } | null>(null);
+  // The drag in progress, or `null`. A ref rather than state: it changes on
+  // every move and no render depends on it.
+  const drag = useRef<Drag | null>(null);
   /**
    * THE INDEX THIS HOOK ASKED FOR, and the whole of the fix.
    *
@@ -276,15 +442,23 @@ export function useCardGallery(count: number): CardGallery {
         request(segmentIndex(event.clientX - rect.left, rect.width, count));
         return;
       }
-      const from = origin.current;
-      if (from === null) return;
-      const step = swipeStep(event.clientX - from.x, event.clientY - from.y);
+      const current = drag.current;
+      if (current === null) return;
+      sample(current, event.clientX, stampOf(event));
+      // ONE PHOTOGRAPH PER GESTURE. The trail keeps being recorded — a
+      // release still wants to know how the finger was moving — but the
+      // decision below is made once and the rest of the drag is scenery.
+      if (current.committed) return;
+      const dx = event.clientX - current.x;
+      const dy = event.clientY - current.y;
+      if (Math.abs(dx) >= SWIPE_MIN_PX && Math.abs(dx) > Math.abs(dy) * SWIPE_AXIS_RATIO) {
+        current.crossed = true;
+      }
+      const step = swipeStep(dx, dy, current.width, velocityOf(current));
       if (step === 0) return;
-      // The origin moves with the commit, so a long drag walks the strip one
-      // photograph per threshold rather than one per gesture.
-      origin.current = { x: event.clientX, y: event.clientY };
+      current.committed = true;
       setScrubbing(false);
-      request((current) => Math.min(count - 1, Math.max(0, current + step)));
+      request((at) => Math.min(count - 1, Math.max(0, at + step)));
     },
     [count, fine, many, request]
   );
@@ -292,18 +466,48 @@ export function useCardGallery(count: number): CardGallery {
   const onPointerDown = useCallback(
     (event: ReactPointerEvent<HTMLDivElement>): void => {
       if (!many || event.pointerType === "mouse") return;
-      origin.current = { x: event.clientX, y: event.clientY };
+      const box = ref.current;
+      drag.current = {
+        x: event.clientX,
+        y: event.clientY,
+        // Measured here, from the slide itself, and held for the gesture.
+        width: box === null ? 0 : measureSlideWidth(box),
+        samples: [{ x: event.clientX, t: stampOf(event) }],
+        committed: false,
+        crossed: false,
+      };
     },
     [many]
   );
 
+  /**
+   * The finger leaves.
+   *
+   * A gesture that earned its photograph already took it, mid-drag, the
+   * moment it crossed the threshold. What is left here is the REFUSED one: a
+   * drag that went sideways far enough to be read as a swipe and then stopped
+   * short. The strip goes back to the photograph it was showing, because a
+   * refused gesture that leaves the strip halfway is the defect wearing the
+   * other face.
+   *
+   * A release with no drag behind it touches nothing at all — that is the
+   * guard probe p23 bought: `pointerup` also arrives after a NATIVE scroll
+   * this hook never started, and scrolling "back" there means undoing the
+   * person's own swipe.
+   */
   const endDrag = useCallback((): void => {
-    origin.current = null;
-  }, []);
+    const current = drag.current;
+    drag.current = null;
+    if (current === null || !many) return;
+    if (current.committed || !current.crossed) return;
+    const box = ref.current;
+    if (box === null) return;
+    showSlide(box, active, false);
+  }, [active, many]);
 
   const onPointerLeave = useCallback(
     (event: ReactPointerEvent<HTMLDivElement>): void => {
-      origin.current = null;
+      drag.current = null;
       if (!many) return;
       // THE REWIND IS A HOVER RULE, AND ONLY A HOVER RULE.
       //

package/src/default/detailGallery.ts

@@ -215,6 +215,15 @@ export function detailGalleryCss(): string {
 .${LISTINGS_GALLERY_CLASS}[data-gallery-layout="strip"] > * {
   flex: 0 0 ${LISTINGS_GALLERY_STRIP_BASIS};
   scroll-snap-align: start;
+  /* EVERY PHOTOGRAPH IS A DESTINATION, not a waypoint. A mandatory snap type
+     alone only promises the strip will COME TO REST on a snap point — a fling
+     with any momentum behind it still crosses two or three photographs on its
+     way there, which is the owner's "the middle photo flies past" in its
+     native form. "always" makes the scroller stop at the first snap point it
+     reaches, so one gesture is one photograph here for the same reason the
+     card's gesture layer clamps its own step to one. The same declaration
+     SkinCarousel already carries on its slides. */
+  scroll-snap-stop: always;
 }
 .${LISTINGS_GALLERY_FRAME_CLASS} {
   position: relative;

package/src/default/index.ts

@@ -176,9 +176,13 @@ export type { CardBadgesProps } from "./CardBadges.js";
 // ── the card gallery's two gestures ─────────────────────────────────────────
 export {
   SWIPE_AXIS_RATIO,
+  SWIPE_COMMIT_FRACTION,
+  SWIPE_FLICK_VELOCITY,
   SWIPE_MIN_PX,
+  SWIPE_VELOCITY_WINDOW_MS,
   cardGalleryCss,
   hasFinePointer,
+  measureSlideWidth,
   segmentIndex,
   swipeStep,
   useCardGallery,