cursedbelt 3.0.2 → 4.0.0

package/dist/react/media/VideoPlayer.js

@@ -2,10 +2,12 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import '@vidstack/react/player/styles/default/theme.css';
 import '@vidstack/react/player/styles/default/layouts/video.css';
 import './videoPlayer.css';
-import { Gesture, isHLSProvider, MediaPlayer, MediaProvider, Poster, } from '@vidstack/react';
+import { Gesture, isHLSProvider, MediaPlayer, MediaProvider, Poster, Track, useMediaState, } from '@vidstack/react';
 import { DefaultVideoLayout, defaultLayoutIcons, } from '@vidstack/react/player/layouts/default';
 import { useEffect, useMemo, useRef, useState } from 'react';
+import { PLAYER_VOLUME_KEY, readSessionVolume, writeSessionVolume, } from '../media-gallery/playbackPreferences';
 import { isSurfaceControl } from './surfaceGesture';
+import { chapterSpans } from './videoChapters';
 /**
  * Toggle browser fullscreen when a double-click landed on the PICTURE rather than on a
  * control — the whole of the 2026-09-11 fix, as a free function so it can be asserted
@@ -193,17 +195,39 @@ export const AUTOPLAY_DEFAULT = true;
  * preference", which is the behavior everything had before this existed.
  */
 /**
- * The autoplay decision, as a pure function so it can be asserted without a browser.
+ * The autoplay decision — and, since 2026-09-16, how loud the clip opens.
  *
  * 🔴 It is extracted rather than inlined because nothing below a real browser can see the
  * difference: `autoPlay` and `muted` are two props on one JSX element, and swapping them,
  * dropping the reduced-motion term, or letting `muted` default independently all typecheck
  * and render identically under happy-dom. The same reasoning `posterFraming.ts` and
  * `mediaGalleryModel.ts` already apply to their own decisions.
+ *
+ * ── 🔴 Where `session` sits in the precedence, and why ──────────────────────────────────
+ * Owner, `ideas/collections-09-14.md`: *"Keep the media player volume where I set it after
+ * changing it during a session except if I refresh or first log in then continue starting it
+ * at mute. Then if I unmute it, keep that value as I change to other videos."*
+ *
+ *   · an explicit `muted` prop still wins — an app that says "silent" means silent
+ *   · then what he set THIS SESSION ({@link readSessionVolume}, `null` until he touches it)
+ *   · then the old rule: muted follows autoPlay, because an unmuted autoplay is refused
+ *
+ * A `null` session is therefore byte-for-byte the behavior every consumer had before this
+ * existed, which is what makes "a refresh starts at mute" true rather than merely intended:
+ * a fresh tab has no session entry, so a fresh tab takes the third line.
+ *
+ * `volume` is returned separately from `muted` on purpose — see {@link SessionVolume}. A mute
+ * stored as `volume: 0` would make the control bar's unmute button return to silence, and
+ * *"if I unmute it, keep that value"* is the sentence that forbids it.
  */
 export function resolveAutoplay(opts) {
     const autoPlay = (opts.autoPlay ?? AUTOPLAY_DEFAULT) && !opts.reducedMotion;
-    return { autoPlay, muted: opts.muted ?? autoPlay };
+    const session = opts.session ?? null;
+    return {
+        autoPlay,
+        muted: opts.muted ?? session?.muted ?? autoPlay,
+        volume: session?.volume ?? 1,
+    };
 }
 /**
  * 🔴 Make the picture follow the scrub bar WHILE it is dragged, not only on release.
@@ -315,22 +339,36 @@ export function usePrefersReducedMotion() {
     });
     return reduced;
 }
-export function VideoPlayer({ video, autoPlay, muted, className, aspectRatio = DEFAULT_VIDEO_ASPECT_RATIO, onEnded, loop, liveScrub = true, smallLayoutWhen = isSmallVideoLayout, onStep, canStep = true, fullscreenOnDoubleClick = true, }) {
+export function VideoPlayer({ video, autoPlay, muted, volumeKey = PLAYER_VOLUME_KEY, className, aspectRatio = DEFAULT_VIDEO_ASPECT_RATIO, onEnded, loop, liveScrub = true, smallLayoutWhen = isSmallVideoLayout, onStep, canStep = true, fullscreenOnDoubleClick = true, }) {
     // Prefer the adaptive HLS master; fall back to the progressive Range source.
     const src = video.hlsUrl
         ? { src: video.hlsUrl, type: 'application/x-mpegurl' }
         : video.streamUrl;
     // See AUTOPLAY_DEFAULT. `muted` follows `autoPlay` because an unmuted autoplay is refused
-    // by every browser and the refusal LOOKS like the spinner this batch removed.
+    // by every browser and the refusal LOOKS like the spinner this batch removed — unless he
+    // has already set a level on this surface this session, which is what `session` carries.
     const reducedMotion = usePrefersReducedMotion();
-    const { autoPlay: shouldAutoPlay, muted: shouldMute } = resolveAutoplay({
-        autoPlay,
-        muted,
-        reducedMotion,
-    });
+    // 🔴 Read ONCE, on mount, and never again: this is a starting value handed to a player that
+    // owns its own volume state from then on. Re-reading it on a later render would fight the
+    // control bar he is holding, and stepping to the next clip remounts this component anyway,
+    // which is exactly when the remembered level is supposed to be applied.
+    const [session] = useState(() => readSessionVolume(volumeKey));
+    const { autoPlay: shouldAutoPlay, muted: shouldMute, volume: startVolume, } = resolveAutoplay({ autoPlay, muted, reducedMotion, session });
     const hostRef = useRef(null);
     const playerRef = useRef(null);
     useLiveScrub(hostRef, playerRef, liveScrub);
+    /*
+     * 🔴 What is on the element right now, so the RESTORE is not mistaken for a change.
+     *
+     * Applying `volume`/`muted` above makes the element fire `volumechange` like any other
+     * change, so a naive listener writes the starting value straight back — minting a remembered
+     * preference for a person who has touched nothing, on every player that mounts. That
+     * quietly turns "he has not set a volume" into "he set it to the default", which is the one
+     * distinction `readSessionVolume` returns `null` to preserve.
+     */
+    const applied = useRef({ volume: startVolume, muted: shouldMute });
+    /** A mute the BROWSER forced on us — see `onAutoPlayFail` below. Never his choice, so never stored. */
+    const forcedMute = useRef(false);
     const status = video.processingStatus;
     const showProcessing = status != null && status !== 'ready';
     // Memoized because `slots` holds React elements: a fresh object every render remounts
@@ -346,10 +384,45 @@ export function VideoPlayer({ video, autoPlay, muted, className, aspectRatio = D
                 // `preferBundledHls` — without it an adaptive ladder depends on a third-party CDN
                 // and fails as a permanent spinner when that CDN is unreachable.
                 onProviderChange: preferBundledHls, title: video.name, poster: video.posterUrl, crossOrigin: true, playsInline: true, autoPlay: shouldAutoPlay, muted: shouldMute, 
+                // 🔴 The level he set this session, restored on the element — see `resolveAutoplay`
+                // and `SessionVolume`. Both values are constant for the life of this mount, so
+                // Vidstack's own volume state is never overwritten while he is using the control bar;
+                // the next clip is a fresh mount, which is when the restore is meant to happen.
+                volume: startVolume, 
+                /* 🔴 Read off the PLAYER, not off a React slider: he changes this in Vidstack's own
+                   control bar (or with ↑/↓), which no React-side state can see. `volume-change` fires
+                   for both facts at once, which is the shape `SessionVolume` stores. */
+                onVolumeChange: (detail) => {
+                    // The echo of our own restore is not a change he made. See `applied`.
+                    if (detail.volume === applied.current.volume && detail.muted === applied.current.muted)
+                        return;
+                    applied.current = { volume: detail.volume, muted: detail.muted };
+                    if (forcedMute.current) {
+                        // The browser's refusal, not his preference — leave the stored level alone so
+                        // unmuting still returns to it.
+                        forcedMute.current = false;
+                        return;
+                    }
+                    writeSessionVolume(volumeKey, applied.current);
+                }, 
+                /* 🔴 A restored volume must not be able to break the slideshow.
+                   `playbackRun.ts` drives whole folders by mounting the next clip with `autoPlay`,
+                   and a browser refuses an unmuted autoplay without a prior gesture — so a session
+                   that remembers "unmuted" could, on the first clip after a restore, leave the run
+                   sitting on frame one. Falling back to a muted play keeps the run running; the level
+                   stays on the element, so one press of unmute is still HIS level rather than full. */
+                onAutoPlayFail: (detail) => {
+                    const player = playerRef.current;
+                    if (!player || detail.muted)
+                        return;
+                    forcedMute.current = true;
+                    player.muted = true;
+                    void player.play().catch(() => { });
+                }, 
                 // Load eagerly rather than on-visible: the watch surface can size to a
                 // zero-height box during iOS Safari's container-query resolution, so a
                 // `visible` gate never fired and the player sat on a perpetual spinner.
-                load: 'eager', viewType: 'video', aspectRatio: aspectRatio, className: className, style: { width: '100%', height: '100%', maxHeight: '100%' }, loop: loop, onEnded: onEnded, children: [_jsxs(MediaProvider, { children: [video.posterUrl ? (_jsx(Poster, { className: 'vds-poster', src: video.posterUrl, alt: video.name })) : null, _jsx(Gesture, { className: 'vds-gesture', event: 'pointerup', action: 'toggle:paused' })] }), _jsx(DefaultVideoLayout, { icons: defaultLayoutIcons, thumbnails: video.vttUrl, 
+                load: 'eager', viewType: 'video', aspectRatio: aspectRatio, className: className, style: { width: '100%', height: '100%', maxHeight: '100%' }, loop: loop, onEnded: onEnded, children: [_jsxs(MediaProvider, { children: [video.posterUrl ? (_jsx(Poster, { className: 'vds-poster', src: video.posterUrl, alt: video.name })) : null, _jsx(Gesture, { className: 'vds-gesture', event: 'pointerup', action: 'toggle:paused' }), _jsx(ChaptersTrack, { chapters: video.chapters })] }), _jsx(DefaultVideoLayout, { icons: defaultLayoutIcons, thumbnails: video.vttUrl, 
                         // See SMALL_LAYOUT_WHEN: below this, the play button and the time readout are not
                         // styled differently — they are GONE, and a dialog-sized player tripped Vidstack's
                         // phone-shaped default.
@@ -360,6 +433,46 @@ export function VideoPlayer({ video, autoPlay, muted, className, aspectRatio = D
                         // clip. The default five steps cover neither end.
                         playbackRates: PLAYBACK_RATES, ...(slots ? { slots } : {}) })] }), showProcessing ? (_jsx(ProcessingIndicator, { status: status, progress: video.processingProgress })) : null] }));
 }
+/**
+ * The named sections, as the `kind='chapters'` text track Vidstack's default layout is already
+ * looking for.
+ *
+ * ── 🔴 Why this is a component and not three lines inside the player ──────────────────
+ * Because a chapter cue needs an END, and the only place the clip's real length is known is
+ * INSIDE the player. `PlayableVideo.durationSeconds` is optional and frequently absent — and
+ * where it is present it is whatever the app's catalogue recorded, which is routinely rounded
+ * to the second. Building the cues from that would put every divider a fraction out on the one
+ * surface where they are compared against the picture, and would draw nothing at all for the
+ * ordinary video whose row has no duration on it. `useMediaState('duration')` is the decoder's
+ * own number, and it only reads it from a component mounted within the player's context —
+ * which is what this one is.
+ *
+ * Handed `content` rather than a `src`, so no URL has to be minted, served, signed or revoked
+ * for a list of strings the browser already has. Vidstack's `type='json'` parser takes the cue
+ * objects directly.
+ *
+ * Renders nothing until there is a real duration and at least one section: an empty chapters
+ * track is not neutral, it makes the layout draw a chapter title area and a menu entry for a
+ * video that has no chapters.
+ */
+function ChaptersTrack({ chapters }) {
+    const duration = useMediaState('duration');
+    const content = useMemo(() => {
+        const spans = chapterSpans(chapters ?? [], duration);
+        if (spans.length === 0)
+            return null;
+        return {
+            cues: spans.map((span) => ({
+                startTime: span.startSeconds,
+                endTime: span.endSeconds,
+                text: span.title,
+            })),
+        };
+    }, [chapters, duration]);
+    if (!content)
+        return null;
+    return _jsx(Track, { content: content, type: 'json', kind: 'chapters', label: 'Chapters', default: true });
+}
 /**
  * The processing state for a video surface: a thin progress bar pinned across the bottom edge
  * while derivatives build (indeterminate shimmer until real progress arrives), or a compact

package/dist/react/media/VideoPlayer.js.map

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

package/dist/react/media/VideoTurner.d.ts

@@ -7,10 +7,23 @@ export interface MediaOrientation {
     flipY?: boolean;
 }
 export interface VideoTurnerProps {
-    /** The clip to turn. Plays muted in the dialog so the preview is the real footage. */
+    /**
+     * The clip to turn. Plays muted in the dialog so the preview is the real footage.
+     *
+     * 🔴 The RESOLVED source, not whatever URL field an item happens to carry — see
+     * `MediaGallery`'s `TurnVideoDialog`, where handing over an empty string was the whole of
+     * the owner's *"I see a black screen"*. An empty string here is now a stated reason rather
+     * than a black rectangle, but it is still nothing to preview.
+     */
     src: string;
     /** Shown until the first frame decodes — a black box reads as a broken player. */
     posterUrl?: string;
+    /**
+     * True while the app is still finding the source (a signed URL being minted, bytes being
+     * fetched). It is the difference between "on its way" and "cannot be shown", and only the
+     * caller knows which.
+     */
+    resolving?: boolean;
     name?: string;
     /** What is stored today, so re-opening the dialog starts from the current state. */
     orientation?: MediaOrientation | undefined;
@@ -38,5 +51,5 @@ export interface VideoTurnerProps {
  * either lies or silently drops what somebody asked for — the failure this dialog's sibling had
  * to apologize for in prose.
  */
-export declare function VideoTurner({ src, posterUrl, name, orientation, open, onClose, onSave, }: VideoTurnerProps): React.JSX.Element;
+export declare function VideoTurner({ src, posterUrl, resolving, name, orientation, open, onClose, onSave, }: VideoTurnerProps): React.JSX.Element;
 //# sourceMappingURL=VideoTurner.d.ts.map

package/dist/react/media/VideoTurner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoTurner.d.ts","sourceRoot":"","sources":["../../../src/react/media/VideoTurner.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,oGAAoG;AACpG,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,sFAAsF;IACtF,GAAG,EAAE,MAAM,CAAC;IACZ,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,WAAW,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2FAA2F;IAC3F,MAAM,EAAE,CAAC,WAAW,EAAE,gBAAgB,GAAG,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7E;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,IAAI,EACJ,WAAW,EACX,IAAW,EACX,OAAO,EACP,MAAM,GACP,EAAE,gBAAgB,qBA6JlB"}
+{"version":3,"file":"VideoTurner.d.ts","sourceRoot":"","sources":["../../../src/react/media/VideoTurner.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,oGAAoG;AACpG,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;OAOG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,WAAW,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2FAA2F;IAC3F,MAAM,EAAE,CAAC,WAAW,EAAE,gBAAgB,GAAG,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7E;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,SAAiB,EACjB,IAAI,EACJ,WAAW,EACX,IAAW,EACX,OAAO,EACP,MAAM,GACP,EAAE,gBAAgB,qBAsMlB"}

package/dist/react/media/VideoTurner.js

@@ -25,7 +25,7 @@ import { Tooltip } from '../components/Tooltip';
  * either lies or silently drops what somebody asked for — the failure this dialog's sibling had
  * to apologize for in prose.
  */
-export function VideoTurner({ src, posterUrl, name, orientation, open = true, onClose, onSave, }) {
+export function VideoTurner({ src, posterUrl, resolving = false, name, orientation, open = true, onClose, onSave, }) {
     const initial = React.useMemo(() => ({
         ...NO_EDIT,
         turns: orientation?.turns ?? 0,
@@ -35,6 +35,29 @@ export function VideoTurner({ src, posterUrl, name, orientation, open = true, on
     const [edit, setEdit] = React.useState(initial);
     const [saving, setSaving] = React.useState(false);
     const [error, setError] = React.useState(null);
+    // A source that changes is a fresh attempt: it must not inherit the previous one's failure,
+    // the same rule the gallery's own `ThumbImg` keeps.
+    const [failedSrc, setFailedSrc] = React.useState(null);
+    /**
+     * Why there is no moving picture — `null` when there is one.
+     *
+     * 🔴 The dialog SAYS this instead of rendering black, which is the whole of the owner's
+     * report: *"When I click the turn the video button I see a black screen."* He could not tell
+     * a broken dialog from a dark frame, and neither could anyone reading a bug report about it.
+     * Each reason also says what is still true — the turn is three integers on a row, so it can
+     * be set and saved with no preview at all, and refusing to let him would turn a preview
+     * failure into a lost capability.
+     */
+    const cannotShow = resolving
+        ? 'Finding this film…'
+        : !src
+            ? 'This file has no video source to play here, so there is nothing to preview. The turn is stored beside the film rather than encoded into it, so you can still set it and save.'
+            : failedSrc === src
+                ? 'The film could not be loaded, so there is nothing to preview. The turn is stored beside the film rather than encoded into it, so you can still set it and save.'
+                : null;
+    // A poster is the next best picture of the film, and it turns with the same transform — so a
+    // clip that will not play is still something to aim a turn at rather than a blank panel.
+    const posterStandsIn = cannotShow !== null && !resolving && Boolean(posterUrl);
     const dirty = edit.turns !== initial.turns || edit.flipX !== initial.flipX || edit.flipY !== initial.flipY;
     const save = async () => {
         setSaving(true);
@@ -55,7 +78,11 @@ export function VideoTurner({ src, posterUrl, name, orientation, open = true, on
             setSaving(false);
         }
     };
-    return (_jsx(Modal, { open: open, onClose: onClose, size: 'lg', title: 'Turn this video', isDirty: dirty, footer: _jsx(ActionBar, { secondary: _jsx(Button, { variant: 'ghost', onClick: onClose, disabled: saving, tooltip: 'Close without saving', children: "Cancel" }), primary: _jsx(Button, { variant: 'primary', disabled: !dirty || saving, onClick: () => void save(), tooltip: 'Store which way up this clip plays \u2014 the file itself is never re-encoded', children: saving ? 'Saving…' : 'Save the turn' }) }), children: _jsxs("div", { className: 'cbpe', children: [_jsx("div", { className: 'cbpe-frame cbpe-frame-film', "data-turned": swapsAxes(edit.turns) ? 'true' : undefined, children: _jsx("video", { src: src, poster: posterUrl, muted: true, loop: true, autoPlay: true, playsInline: true, controls: false, style: { transform: previewTransform(edit) } }) }), _jsxs("div", { className: 'cbpe-row', children: [_jsx("span", { className: 'cbpe-label', children: "Turn" }), _jsx(Tooltip, { content: 'A quarter turn anticlockwise', children: _jsx("button", { 
+    return (_jsx(Modal, { open: open, onClose: onClose, size: 'lg', title: 'Turn this video', isDirty: dirty, footer: _jsx(ActionBar, { secondary: _jsx(Button, { variant: 'ghost', onClick: onClose, disabled: saving, tooltip: 'Close without saving', children: "Cancel" }), primary: _jsx(Button, { variant: 'primary', disabled: !dirty || saving, onClick: () => void save(), tooltip: 'Store which way up this clip plays \u2014 the file itself is never re-encoded', children: saving ? 'Saving…' : 'Save the turn' }) }), children: _jsxs("div", { className: 'cbpe', children: [_jsxs("div", { className: 'cbpe-frame cbpe-frame-film', "data-turned": swapsAxes(edit.turns) ? 'true' : undefined, children: [cannotShow === null ? (_jsx("video", { src: src, poster: posterUrl, muted: true, loop: true, autoPlay: true, playsInline: true, controls: false, 
+                            // 🔴 `metadata` at least. `preload='none'` would leave the element with nothing
+                            // decoded and nothing drawn until something pressed play, which is a black frame
+                            // wearing the same face as a broken source.
+                            preload: 'metadata', onError: () => setFailedSrc(src), style: { transform: previewTransform(edit) } }, src)) : posterStandsIn ? (_jsx("img", { src: posterUrl, alt: name ?? 'The film', style: { transform: previewTransform(edit) } })) : null, cannotShow ? (_jsx("p", { className: 'cbpe-frame-note', role: 'status', children: cannotShow })) : null] }), _jsxs("div", { className: 'cbpe-row', children: [_jsx("span", { className: 'cbpe-label', children: "Turn" }), _jsx(Tooltip, { content: 'A quarter turn anticlockwise', children: _jsx("button", { 
                                 // guardrails-ignore no-raw-action-button: toolbar pill styled by this module's own
                                 // plain CSS, matching the picture editor's `.cbpe-btn` neighbours.
                                 type: 'button', className: 'cbpe-btn', onClick: () => setEdit((e) => rotate(e, -1)), children: "\u21BA Left" }) }), _jsx(Tooltip, { content: 'A quarter turn clockwise', children: _jsx("button", { 

package/dist/react/media/VideoTurner.js.map

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

package/dist/react/media/denseGallery.css

@@ -71,6 +71,39 @@
 	color: var(--accent-solid-foreground);
 }
 
+/* ── Icon-only pills ───────────────────────────────────────────────────────────────────
+ *
+ * Owner, `ideas/collections-09-14.md`: *"Make it have icons only, instead of words in the
+ * strip of tools … Hovering over the tooltip can show the words."* Every pill in that strip
+ * already carried a `Tooltip` and most an `aria-label`, so the words were the redundant
+ * half — what this adds is the BOX an iconless pill needs.
+ *
+ * 🔴 The tap floor is the thing an icon-only strip loses first, and it is lost on the WIDTH,
+ * not the height. `.cbgd-order-btn` above only ever set `min-height`, because a pill with a
+ * word in it is wide by construction; strip the word and `padding-inline` is all that is
+ * left, which on a coarse pointer is a 42px-wide target under a 44px rule. So `min-width`
+ * is declared in all three places `min-height` is — see the two media queries at the foot of
+ * this file — and `e2e/touch-targets.spec.ts` measures the rendered rectangles rather than
+ * trusting this comment. cursedbelt has shipped this exact defect once already
+ * (`Checkbox`, task 69).
+ *
+ * `svg` rather than a class on the glyph: the pill is handed a lucide element by the gallery
+ * and by any consumer filling `detailActions`, and lucide sizes itself with width/height
+ * ATTRIBUTES (24 by default) that a CSS rule overrides. Sizing here is therefore the one
+ * place that cannot be forgotten at a call site. */
+.cbgd-order-btn.is-icon {
+	min-width: 28px;
+	padding-inline: 7px;
+	justify-content: center;
+}
+.cbgd-order-btn svg {
+	width: 15px;
+	height: 15px;
+	/* A glyph must never be the thing that shrinks when the row runs out of room — the pill
+	   is the flex item that gives way, and a squashed icon is unreadable rather than tight. */
+	flex: none;
+}
+
 /* ── The slideshow speed control ────────────────────────────────────────────────────────
  *
  * A `<label>` wrapping a `<select>`, shaped as one more action pill so the actions row stays
@@ -99,6 +132,14 @@
 .cbgd-dwell-label {
 	line-height: 1;
 }
+/* The label is an hourglass now rather than the word "Hold" (2026-09-16) — same 15px as the
+   pills beside it, and `block` so the line box does not add a descender's worth of slack
+   under a glyph that has none. The VALUE (`5s`) stays as text in the select. */
+.cbgd-dwell-label svg {
+	width: 15px;
+	height: 15px;
+	display: block;
+}
 .cbgd-dwell-select {
 	min-height: 24px;
 	padding: 0 4px;
@@ -408,56 +449,51 @@
 	height: var(--cbgd-stage-h, var(--cbgd-stage-fit, var(--cbgd-stage-default)));
 	max-width: calc(var(--cbgd-stage-h, var(--cbgd-stage-fit, var(--cbgd-stage-default))) * 16 / 9);
 	margin: 0 auto;
-	/* The anchor for the chrome that rides ON the frame — today that is the resize grip
-	   (`.cbmr-corner`). It must be positioned against the FRAME, which is constant, and
-	   never against the picture, which is not.
-	   HISTORY: the big overlay ⟨ ⟩ step arrows used to hang here too. They were removed on
-	   2026-08-25 — owner: *"Remove the big previous and next buttons off the sides of the
-	   video."* Stepping moved into `.cbgd-watch-step` in the titlebar, and for video into
-	   the player's own control bar. Do not put them back on the frame. */
+	/* 🔴 Nothing of OURS rides on the frame any more, and that is the 2026-09-14 fix.
+	   `position: relative` stays because a stage may be a player that positions its own
+	   layers against it, and because `.cbgd-stage-img` letterboxes inside it.
+	   HISTORY: the big overlay ⟨ ⟩ step arrows hung here until 2026-08-25 — owner: *"Remove
+	   the big previous and next buttons off the sides of the video."* Stepping moved into
+	   `.cbgd-watch-step` in the titlebar, and for video into the player's own control bar.
+	   The resize grip (`.cbmr-corner`) hung here until 2026-09-16 — owner: *"It should only
+	   be draggable when my mouse pointer is at the bottom right corner … just like mac
+	   windows"* — and is now in `.cbmr-rail`, a sibling BELOW this box. Do not put either
+	   back on the frame: everything drawn here competes with whatever the stage is, and for
+	   a video that is a full-bleed control bar. */
 	position: relative;
 }
 /* Whatever the stage turns out to be — a player, a letterboxed picture, a document
-   panel, an audio card, the loading placeholder — it is exactly the frame. */
-/* Every STAGE fills the frame — but the resize grip is chrome ON the frame, not a stage, and
-   a `height: 100%` grip is a 44px control stretched over the whole picture, swallowing every
-   click meant for the video under it. Excluded by name rather than left to stylesheet order,
-   which is what was deciding it. */
-.cbgd-watch-player-box > *:not(.cbmr-corner) {
+   panel, an audio card, the loading placeholder — it is exactly the frame. Nothing but
+   the stage is in this box now: the resize grip left it on 2026-09-16 for the rail
+   below (`mediaResize.css`), which is why this no longer excludes `.cbmr-corner`. */
+.cbgd-watch-player-box > * {
 	height: 100%;
 	min-height: 0;
 }
 
-/* ── Where the video's own controls may NOT lay out ──────────────────────────
- * Owner, 2026-08-25: *"make the corner expansion grabbable area bigger … for some
- * reason it's hard to grab, possibly the previous/next buttons are overlapping it."*
+/* ── 🔴 The control bar reserves NOTHING, and that is the 2026-09-14 fix ──────
+ * There was a gutter here — `padding-inline-end: var(--cbmr-corner-size)` on the
+ * player's last two `.vds-controls-group`s — so the buttons would not lay out under a
+ * 64px grip that hung inside this frame's bottom-right corner. It is deleted, along
+ * with the overlay that needed it.
  *
- * 🔴 It was not the arrows. Measured against `@vidstack/react` 1.15's own theme:
- * `[data-view-type='video'] .vds-controls` is `position:absolute; inset:0;
- * z-index:10`, and `[data-media-player]` sets only `contain: style`, which is NOT one
- * of the containment values that opens a stacking context. So the player's control
- * layer competes DIRECTLY with `.cbmr-corner` in this frame's stacking context and
- * wins on 10 > 3. Its bottom `.vds-controls-group` is `width:100%` with
- * `pointer-events:auto`, so the whole bottom strip of the frame — including the empty
- * space between the cog and the frame's edge — swallowed the grip's pointer events.
- * And it does so only when the bar is SHOWING, i.e. on hover, i.e. at the exact
- * moment somebody reaches for the corner. That is the whole of the report.
+ * Owner, `ideas/collections-09-14.md`: *"Fix the drag to resize area to no longer
+ * overlap part of the horizontal play timeline area that shows what part of the video
+ * is playing."*
  *
- * Raising the grip alone would have covered the player's own last button (fullscreen)
- * with a 64px slider, so the fix is symmetrical: the grip goes above the bar (see
- * `mediaResize.css`) AND the bar is told to stop short of the corner it now shares a
- * frame with. `padding-inline-end` rather than a narrower width because Vidstack's
- * groups are `width:100%` flex rows — the padding is what actually moves the buttons.
+ * 🔴 The gutter was not the bug — measured, in a browser, before it was touched: with
+ * it in place the corner's rect really did clear `.vds-time-slider`'s. What it could
+ * not do was reach `.cbmr-bar`, which ran the full width UNDER the slider rather than
+ * beside it; and it can only ever shorten a control bar this package styles, which a
+ * `nativeVideoStage` gallery's `<video controls>` is not. It also cost 64px of scrub
+ * bar to buy a corner, which is the other half of the sentence above.
  *
- * 🔴 Scoped to a player that is NOT fullscreen. In fullscreen the media element is the
- * top-level box and the gallery's frame — grip included — is not in its tree at all,
- * so reserving a corner there would be a permanent empty gutter beside the cog with
- * nothing in it.
+ * So the grips moved out of the frame instead (`mediaResize.css`) and the slider gets
+ * its full width back. `e2e/resize-grip-rail.spec.ts` measures every drag surface
+ * against the frame and against the slider, in a real player, and fails if any of them
+ * touches either; do not reintroduce a gutter here to "make room" for something drawn
+ * on the picture — put the something in the rail.
  */
-.cbgd-watch-player-box [data-media-player]:not([data-fullscreen]) .vds-controls-group:last-child,
-.cbgd-watch-player-box [data-media-player]:not([data-fullscreen]) .vds-controls-group:nth-last-child(2) {
-	padding-inline-end: var(--cbmr-corner-size, 64px);
-}
 
 /* ── Stepping in the titlebar ────────────────────────────────────────────────
  * The ⟨ ⟩ overlay pills that used to sit on the left and right edges of the frame are
@@ -471,7 +507,9 @@
 	gap: 2px;
 	margin-inline-end: 4px;
 }
-/* The glyph is a single chevron and would otherwise sit in a pill sized for a word. */
+/* The glyph is a single chevron and would otherwise sit in a pill sized for a word. Wider
+   than `.is-icon`'s 28px because these two are the pair a reader hits over and over while
+   walking a folder, and they are the only pills whose job is repetition. */
 .cbgd-watch-step .cbgd-order-btn {
 	min-width: 34px;
 	padding-inline: 8px;
@@ -637,6 +675,11 @@
 		min-height: 44px;
 		padding: 4px 14px;
 	}
+	/* The width half of the same floor — see `.is-icon` at the top of this file. */
+	.cbgd-order-btn.is-icon {
+		min-width: 44px;
+		padding-inline: 10px;
+	}
 	.cbgd-dwell {
 		min-height: 44px;
 	}
@@ -662,6 +705,18 @@
 	.cbgd-order-btn {
 		min-height: 44px;
 	}
+	/* 🔴 The width, which is what an icon-only pill is missing — a 15px glyph in 2×7px of
+	   padding is a 29px target on a phone however tall the pill is. */
+	.cbgd-order-btn.is-icon {
+		min-width: 44px;
+		padding-inline: 10px;
+	}
+	/* Bigger glyph to match the bigger target: 15px reads as a speck at arm's length. */
+	.cbgd-order-btn svg,
+	.cbgd-dwell-label svg {
+		width: 18px;
+		height: 18px;
+	}
 	.cbgd-search {
 		min-height: 44px;
 	}
@@ -673,12 +728,15 @@
 	}
 }
 
-/* ── The stage resize grips ──────────────────────────────────────────────────
- * They are `mediaResize.css`'s (`.cbmr-corner` on the frame, `.cbmr-bar` under it),
- * shared with the focus viewer since 2026-08-25 — the day a handle that existed only
- * here was reported as a feature that did not exist. Only the BAR's width is this
- * module's business, because only this module knows the frame is 16:9-capped. */
-.cbgd-watch-player > .cbmr-bar {
+/* ── The stage resize rail ───────────────────────────────────────────────────
+ * It is `mediaResize.css`'s (`.cbmr-rail`, holding the corner grip and — on coarse
+ * pointers — the bar), shared with the focus viewer since 2026-08-25, the day a handle
+ * that existed only here was reported as a feature that did not exist. Only its WIDTH is
+ * this module's business, because only this module knows the frame is 16:9-capped: the
+ * rail has to end exactly where the picture does, or its bottom-right corner is not the
+ * picture's bottom-right corner and *"the bottom right corner of the video player"* stops
+ * being true. */
+.cbgd-watch-player > .cbmr-rail {
 	max-width: calc(var(--cbgd-stage-h, var(--cbgd-stage-fit, var(--cbgd-stage-default))) * 16 / 9);
 	margin-inline: auto;
 }