cursedbelt 5.112.1 → 5.113.0

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { type PlanSegment, type VideoCut } from 'cursedbelt-core/media/video-cuts';
+/**
+ * The Trim page's timeline: a ruler, the clip's pieces, and a playhead, at any zoom from the
+ * whole clip down to one frame per 12 px (forge task 4311).
+ *
+ * The gestures are a map's and an NLE's, so nothing here has to be learned:
+ *   · ⌘/Ctrl + wheel, or a trackpad pinch (which Chromium and Safari deliver as a ctrl-wheel),
+ *     zooms around the POINTER; two fingers on a touch screen pinch the same way.
+ *   · a plain wheel, or a drag anywhere on the track, pans.
+ *   · a click on the ruler moves the playhead there, onto the frame under the pointer.
+ *   · a click on a piece is the ✗ it always was — a drag that started on one never toggles it.
+ * The slider, ± and Fit do the same with no gesture at all (CNV-1: the wheel alone never zooms;
+ * CNV-3: a fit control on every canvas).
+ *
+ * 🔴 Drawn VIRTUALLY: only what is on screen is in the DOM, each piece clipped to the view. At
+ * 12 px a frame a two-hour 60 fps film is ten million pixels wide, which no browser will lay out
+ * as one element — so the track is always exactly the view, and the view is two numbers.
+ */
+export interface CutTimelineProps {
+    duration: number;
+    fps: number;
+    playhead: number;
+    segments: readonly PlanSegment[];
+    onSeek: (seconds: number) => void;
+    onToggle: (segment: VideoCut) => void;
+    /** The transport, drawn at the start of the timeline's one-line toolbar (FRM-14). */
+    transport?: React.ReactNode;
+}
+export declare function CutTimeline({ duration, fps, playhead, segments, onSeek, onToggle, transport, ...passThrough }: CutTimelineProps): React.JSX.Element;
+//# sourceMappingURL=CutTimeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CutTimeline.d.ts","sourceRoot":"","sources":["../../../src/react/media/CutTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAe,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAmBhG;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IACjC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAeD,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,qBA4T/H"}

package/dist/react/media/CutTimeline.js

@@ -0,0 +1,197 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Maximize2, X, ZoomIn, ZoomOut } from 'lucide-react';
+import { cutTimecode } from 'cursedbelt-core/media/video-cuts';
+import { IconButton } from '../components/IconButton.js';
+import { Button } from '../components/Button.js';
+import { Slider } from '../components/Slider.js';
+import { Tooltip } from '../components/Tooltip.js';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
+import { clampViewStart, frameAt, frameStart, rulerLabel, rulerStep, sliderToZoom, snapToFrame, zoomAround, zoomBounds, zoomToSlider, } from './cutTimelineMath.js';
+/** A drag shorter than this is a click — the slop every pointer library uses. */
+const DRAG_SLOP_PX = 4;
+/** The width drawn at before the track is measured. */
+const NOMINAL_WIDTH_PX = 1000;
+/** Frame ticks are drawn once frames are at least this far apart. */
+const FRAME_TICK_MIN_PX = 6;
+export function CutTimeline({ duration, fps, playhead, segments, onSeek, onToggle, transport, ...passThrough }) {
+    const trackRef = React.useRef(null);
+    const [measured, setWidth] = React.useState(0);
+    // Until the track has been measured (and in a DOM with no layout at all), draw at a nominal
+    // width rather than at zero — zero would put every piece off screen, and the first real
+    // measurement lands in a layout effect, before anything paints.
+    const width = measured > 0 ? measured : NOMINAL_WIDTH_PX;
+    const [view, setView] = React.useState({ start: 0, pps: null });
+    React.useLayoutEffect(() => {
+        const track = trackRef.current;
+        if (!track)
+            return;
+        const measure = () => setWidth(track.clientWidth);
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(track);
+        return () => observer.disconnect();
+    }, []);
+    const bounds = zoomBounds(width, duration, fps);
+    const pps = Math.min(bounds.max, Math.max(bounds.fit, view.pps ?? bounds.fit));
+    const start = clampViewStart(view.start, pps, width, duration);
+    const span = pps > 0 ? width / pps : 0;
+    const canZoom = bounds.max > bounds.fit && bounds.fit > 0;
+    // The handlers below are bound once (the wheel has to be non-passive, so it is a native
+    // listener) and read the current numbers from here.
+    const now = React.useRef({ pps, start, width, duration, bounds });
+    now.current = { pps, start, width, duration, bounds };
+    const zoomTo = React.useCallback((next, anchorX) => {
+        const n = now.current;
+        setView(zoomAround({ start: n.start, pps: n.pps }, next, anchorX, n.width, n.duration, n.bounds));
+    }, []);
+    /** Zoom by a factor around the playhead when it is on screen, else around the middle. */
+    const zoomBy = (factor) => {
+        const x = playhead >= start && playhead <= start + span ? (playhead - start) * pps : width / 2;
+        zoomTo(pps * factor, x);
+    };
+    React.useEffect(() => {
+        const track = trackRef.current;
+        if (!track)
+            return;
+        const onWheel = (event) => {
+            event.preventDefault();
+            const n = now.current;
+            const lines = event.deltaMode === 1 ? 16 : event.deltaMode === 2 ? n.width : 1;
+            if (event.ctrlKey || event.metaKey) {
+                const x = event.clientX - track.getBoundingClientRect().left;
+                zoomTo(n.pps * Math.exp(-event.deltaY * lines * 0.01), x);
+                return;
+            }
+            // A vertical wheel pans too: most mice have no other, and the page has nothing to scroll here.
+            const dx = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY;
+            setView({ pps: n.pps, start: clampViewStart(n.start + (dx * lines) / n.pps, n.pps, n.width, n.duration) });
+        };
+        track.addEventListener('wheel', onWheel, { passive: false });
+        return () => track.removeEventListener('wheel', onWheel);
+    }, [zoomTo]);
+    // Keep the playhead in view while it moves (playing, stepping, a seek from the cuts list) —
+    // a page-turn, as Resolve does, rather than a scroll that never lets the eye settle.
+    React.useEffect(() => {
+        const n = now.current;
+        if (n.width <= 0 || n.pps <= n.bounds.fit + 1e-9)
+            return;
+        const viewSpan = n.width / n.pps;
+        if (playhead < n.start || playhead > n.start + viewSpan) {
+            setView({ pps: n.pps, start: clampViewStart(playhead - viewSpan * 0.1, n.pps, n.width, n.duration) });
+        }
+    }, [playhead]);
+    /*
+     * Pointers. One pointer that moves past the slop pans; two pinch. One that does not move is a
+     * click: on the ruler it seeks, on a piece the piece's own button does its job.
+     */
+    const gesture = React.useRef({ pointers: new Map(), fromX: 0, fromStart: 0, dragged: false, pinch: null });
+    const onPointerDown = (event) => {
+        if (event.pointerType === 'mouse' && event.button !== 0)
+            return;
+        const g = gesture.current;
+        g.pointers.set(event.pointerId, event.clientX);
+        if (g.pointers.size === 1) {
+            g.fromX = event.clientX;
+            g.fromStart = start;
+            g.dragged = false;
+            g.pinch = null;
+        }
+        else if (g.pointers.size === 2) {
+            const [a, b] = [...g.pointers.values()];
+            g.pinch = { distance: Math.max(1, Math.abs(a - b)), pps };
+            g.dragged = true;
+        }
+    };
+    const onPointerMove = (event) => {
+        const g = gesture.current;
+        if (!g.pointers.has(event.pointerId))
+            return;
+        g.pointers.set(event.pointerId, event.clientX);
+        const left = event.currentTarget.getBoundingClientRect().left;
+        if (g.pinch && g.pointers.size >= 2) {
+            const [a, b] = [...g.pointers.values()];
+            zoomTo(g.pinch.pps * (Math.max(1, Math.abs(a - b)) / g.pinch.distance), (a + b) / 2 - left);
+            return;
+        }
+        const dx = event.clientX - g.fromX;
+        if (!g.dragged && Math.abs(dx) < DRAG_SLOP_PX)
+            return;
+        if (!g.dragged) {
+            g.dragged = true;
+            // Captured only once it is a drag: capturing on press would retarget the click of a
+            // piece's button to the track, and the ✗ would stop working.
+            event.currentTarget.setPointerCapture(event.pointerId);
+        }
+        const n = now.current;
+        setView({ pps: n.pps, start: clampViewStart(g.fromStart - dx / n.pps, n.pps, n.width, n.duration) });
+    };
+    const onPointerUp = (event) => {
+        const g = gesture.current;
+        if (!g.pointers.delete(event.pointerId))
+            return;
+        if (g.pointers.size > 0)
+            return;
+        g.pinch = null;
+        if (g.dragged || event.target.closest('.cbvc-seg'))
+            return;
+        const n = now.current;
+        const x = event.clientX - event.currentTarget.getBoundingClientRect().left;
+        onSeek(Math.min(n.duration, snapToFrame(n.start + x / n.pps, fps)));
+    };
+    // A drag that ended over a piece must not also toggle it.
+    const onClickCapture = (event) => {
+        if (gesture.current.dragged) {
+            event.preventDefault();
+            event.stopPropagation();
+            gesture.current.dragged = false;
+        }
+    };
+    const x = (seconds) => (seconds - start) * pps;
+    const end = start + span;
+    // The ruler: a labeled tick per step, and a tick per FRAME once frames are far enough apart.
+    const step = rulerStep(pps, fps);
+    const labels = [];
+    if (pps > 0 && duration > 0) {
+        // Counted in frames when the step is, so 0.1 s × 3 lands on frame 3 and not on 0.30000000000000004.
+        const stepFrames = Math.round(step.label * fps);
+        for (let k = Math.floor(start / step.label); k * step.label <= end + 1e-9; k += 1) {
+            const t = step.frames ? frameStart(k * stepFrames, fps) : k * step.label;
+            if (t >= start - 1e-9 && t <= duration + 1e-9)
+                labels.push(t);
+        }
+    }
+    const frameTicks = [];
+    if (pps / fps >= FRAME_TICK_MIN_PX) {
+        for (let k = frameAt(start, fps); frameStart(k, fps) <= Math.min(end, duration) + 1e-9; k += 1)
+            frameTicks.push(k);
+    }
+    return (_jsxs("div", { ...passThrough, className: 'cbvc-timeline', children: [_jsxs("div", { className: 'cbvc-tools', children: [transport, _jsxs("div", { className: 'cbvc-zoom', children: [_jsx(IconButton, { size: 'sm', label: 'Zoom out', tooltip: 'Zoom out (\u2318 or Ctrl + wheel, or pinch)', disabled: !canZoom || pps <= bounds.fit + 1e-9, onClick: () => zoomBy(0.5), children: _jsx(ZoomOut, { "aria-hidden": 'true' }) }), _jsx(Slider, { className: 'cbvc-zoom-slider', "aria-label": 'Zoom', "aria-valuetext": `${(pps / fps).toFixed(pps / fps < 1 ? 2 : 1)} px per frame`, min: 0, max: 1000, step: 1, disabled: !canZoom, value: Math.round(zoomToSlider(pps, bounds) * 1000), onChange: (value) => {
+                                    const next = sliderToZoom(value / 1000, bounds);
+                                    const x0 = playhead >= start && playhead <= end ? (playhead - start) * pps : width / 2;
+                                    zoomTo(next, x0);
+                                } }), _jsx(IconButton, { size: 'sm', label: 'Zoom in', tooltip: 'Zoom in \u2014 down to single frames', disabled: !canZoom || pps >= bounds.max - 1e-9, onClick: () => zoomBy(2), children: _jsx(ZoomIn, { "aria-hidden": 'true' }) }), _jsxs(Button, { size: 'sm', variant: 'ghost', tooltip: 'Fit the whole clip in the timeline', disabled: view.pps === null || pps <= bounds.fit + 1e-9, onClick: () => setView({ start: 0, pps: null }), children: [_jsx(Maximize2, { "aria-hidden": 'true', size: 14 }), " Fit"] })] })] }), _jsxs("div", { ref: trackRef, className: 'cbvc-track', "data-px-per-second": pps, "data-view-start": start, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, onPointerCancel: onPointerUp, onClickCapture: onClickCapture, children: [_jsxs("div", { className: 'cbvc-ruler', "aria-hidden": 'true', children: [frameTicks.map((k) => (_jsx("span", { className: 'cbvc-frame-tick', "data-frame": k, style: { left: `${x(frameStart(k, fps))}px` } }, `f${k}`))), labels.map((t) => (_jsx("span", { className: 'cbvc-tick', style: { left: `${x(t)}px` }, children: _jsx("span", { className: 'cbvc-tick-label', children: rulerLabel(t, fps, step.frames, duration) }) }, `l${t}`)))] }), _jsx("ul", { className: 'cbvc-strip', "aria-label": segments.length <= 1
+                            ? 'The whole clip, uncut'
+                            : `${segments.length} sections; ${segments.filter((segment) => segment.removed).length} marked for removal`, children: segments
+                            .filter((segment) => segment.end > start && segment.start < end)
+                            .map((segment) => {
+                            // Clipped to the view (a pixel past each edge, so no border shows at the cut-off).
+                            const left = Math.max(-1, x(segment.start));
+                            const right = Math.min(width + 1, x(segment.end));
+                            const words = segment.removed
+                                ? `Keep ${cutTimecode(segment.start)} to ${cutTimecode(segment.end)} after all`
+                                : `Remove ${cutTimecode(segment.start)} to ${cutTimecode(segment.end)}`;
+                            return (_jsx("li", { className: 'cbvc-seg-item', style: { left: `${left}px`, width: `${Math.max(0, right - left)}px` }, children: _jsx(Tooltip, { content: words, children: _jsxs("button", { 
+                                        // guardrails-ignore no-raw-action-button: a segment of the timeline, sized to
+                                        // its own duration — a `Button` carries padding and a min-width, which is
+                                        // exactly wrong for a control whose WIDTH is the information.
+                                        type: 'button', className: cn(RAW_BUTTON, `cbvc-seg${segment.removed ? ' is-removed' : ''}`), "aria-pressed": segment.removed, "aria-label": words, "data-start": segment.start, "data-end": segment.end, onClick: () => onToggle(segment), children: [_jsx(X, { className: 'cbvc-seg-x', "aria-hidden": 'true', size: 12 }), _jsx("span", { className: 'cbvc-seg-label', children: segment.removed ? 'Removed' : cutTimecode(segment.end - segment.start) })] }) }) }, segment.key));
+                        }) }), playhead >= start - 1e-9 && playhead <= end + 1e-9 ? (_jsx("span", { className: 'cbvc-strip-head', style: { left: `${x(playhead)}px` } })) : null] }), pps > bounds.fit + 1e-9 ? (_jsxs("div", { className: 'cbvc-overview', "aria-hidden": 'true', onClick: (event) => {
+                    const rect = event.currentTarget.getBoundingClientRect();
+                    const t = ((event.clientX - rect.left) / rect.width) * duration;
+                    setView({ pps, start: clampViewStart(t - span / 2, pps, width, duration) });
+                }, children: [segments
+                        .filter((segment) => segment.removed)
+                        .map((segment) => (_jsx("span", { className: 'cbvc-overview-cut', style: { left: `${(segment.start / duration) * 100}%`, width: `${((segment.end - segment.start) / duration) * 100}%` } }, segment.key))), _jsx("span", { className: 'cbvc-overview-window', style: { left: `${(start / duration) * 100}%`, width: `${Math.max(0.5, (span / duration) * 100)}%` } }), _jsx("span", { className: 'cbvc-overview-head', style: { left: `${(playhead / duration) * 100}%` } })] })) : null] }));
+}
+//# sourceMappingURL=CutTimeline.js.map

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

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

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

@@ -12,7 +12,7 @@ import { type VideoCut } from 'cursedbelt-core/media/video-cuts';
  * it uses ... It can then remove the parts of the video I don't want, save a new copy and I
  * can view it when it's done."*
  *
- * So this dialog never touches a byte. It produces a `VideoCut[]`, hands it to `onSubmit`,
+ * So this page never touches a byte. It produces a `VideoCut[]`, hands it to `onSubmit`,
  * and closes. Everything about what makes a list valid is `videoCuts.ts`, shared with the
  * server that executes it, so the dialog and the encoder cannot disagree about what was
  * asked for.
@@ -51,7 +51,28 @@ import { type VideoCut } from 'cursedbelt-core/media/video-cuts';
  * ONE `InfoHint` — the fleet's standard ⓘ, which costs a 16px glyph at rest and opens on
  * hover, focus or tap. That is the answer to *"tooltips or an info icon or something we
  * standardize can make it clear without taking up space when out of use"*: the explanation
- * exists, in one predictable place, and pays no permanent rent in the dialog.
+ * exists, in one predictable place, and pays no permanent rent on the page.
+ *
+ * ── A PAGE, with a zoomable timeline, down to the frame (owner, 2026-11-03) ───────────
+ * *"a full Trim page with a zoomable timeline, down to frame-by-frame selection."* It was a
+ * `size='lg'` modal with one fixed strip, so on a two-hour film a pixel was several seconds
+ * and the frame he wanted could not be marked at all. Now it is the shape of an NLE's trim
+ * view (YouTube Studio's editor, Resolve's cut page): the picture on top, the transport and a
+ * full-width timeline under it, the actions bottom-right.
+ *   · It COVERS the viewport and has an address of its own when the app gives it one
+ *     (`MediaGallery`'s `trimming`, `useGalleryDeepLink({ trim: true })`), so Back closes it
+ *     and a reload keeps it. Underneath it is still the belt's dialog primitive — that is what
+ *     traps focus, takes Escape and makes the gallery's own keys stand down (`openDialogs`).
+ *   · The timeline zooms from the whole clip to one frame per 12 px (`CutTimeline`).
+ *   · `,` and `.` step one frame, every split lands on a frame boundary, and the readout is
+ *     `hh:mm:ss:ff`. The rate is the catalog's probe, else measured from the clip
+ *     (`useFrameRate`), and an assumed rate is labeled as one.
+ *
+ * 🔴 Frame-accurate is a promise only because binary-server KEEPS it: its trim decodes and
+ * re-encodes every kept span (`trim=start:end` + `concat` into libx264 — `cutArgs`,
+ * `apps/binary-server/src/media/processing/ffmpegJobs.ts`), so a cut lands on the frame it
+ * names, not on the keyframe before it. The note under the timeline says so; a stream-copy
+ * trim would make that sentence false, and it must change with it.
  */
 export interface VideoCutEditorProps {
     /**
@@ -78,21 +99,26 @@ export interface VideoCutEditorProps {
     /**
      * The clip's length, when the app already knows it. The element's own metadata still wins
      * once it loads: a duration the catalog rounded to the second would put every mark a
-     * fraction out, and the marks are the entire output of this dialog.
+     * fraction out, and the marks are the entire output of this page.
      */
     durationSeconds?: number | null;
+    /**
+     * Frames per second from the catalog's probe, when it has one. Without it the page measures
+     * the clip itself (`useFrameRate`) and, until it can, says the rate it draws with is assumed.
+     */
+    frameRate?: number | null;
     open?: boolean;
     onClose: () => void;
     /**
-     * Send the marks. Resolving CLOSES the dialog; rejecting leaves it open with the marks
+     * Send the marks. Resolving CLOSES the page; rejecting leaves it open with the marks
      * intact, because the alternative is losing several minutes of careful scrubbing to one
      * failed request.
      */
     onSubmit: (cuts: VideoCut[]) => void | Promise<void>;
     /** Wording for the confirm button — apps queue this differently. */
     submitLabel?: string;
-    /** Shown under the strip: what happens after Send, in the app's own words. */
+    /** Shown under the timeline: what happens after Send, in the app's own words. */
     note?: React.ReactNode;
 }
-export declare function VideoCutEditor({ src, hlsUrl, posterUrl, resolving, name, durationSeconds, open, onClose, onSubmit, submitLabel, note, ...passThrough }: VideoCutEditorProps): React.JSX.Element;
+export declare function VideoCutEditor({ src, hlsUrl, posterUrl, resolving, name, durationSeconds, frameRate, open, onClose, onSubmit, submitLabel, note, ...passThrough }: VideoCutEditorProps): React.JSX.Element;
 //# sourceMappingURL=VideoCutEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VideoCutEditor.d.ts","sourceRoot":"","sources":["../../../src/react/media/VideoCutEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAYL,KAAK,QAAQ,EACd,MAAM,kCAAkC,CAAC;AAI1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;OAQG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,4FAA4F;IAC5F,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,MAAM,EACN,SAAS,EACT,SAAiB,EACjB,IAAI,EACJ,eAAe,EACf,IAAW,EACX,OAAO,EACP,QAAQ,EACR,WAAmC,EACnC,IAAI,EACJ,GAAG,WAAW,EACf,EAAE,mBAAmB,qBAoVrB"}
+{"version":3,"file":"VideoCutEditor.d.ts","sourceRoot":"","sources":["../../../src/react/media/VideoCutEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAYL,KAAK,QAAQ,EACd,MAAM,kCAAkC,CAAC;AAO1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;OAQG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,4FAA4F;IAC5F,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,MAAM,EACN,SAAS,EACT,SAAiB,EACjB,IAAI,EACJ,eAAe,EACf,SAAS,EACT,IAAW,EACX,OAAO,EACP,QAAQ,EACR,WAAmC,EACnC,IAAI,EACJ,GAAG,WAAW,EACf,EAAE,mBAAmB,qBAmXrB"}

package/dist/react/media/VideoCutEditor.js

@@ -2,32 +2,44 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import './videoCutEditor.css';
 import React from 'react';
 import { useEditorVideoSource } from './hlsSource.js';
-import { Scissors, X } from 'lucide-react';
+import { ArrowLeft, Pause, Play, Scissors, StepBack, StepForward, Undo2 } from 'lucide-react';
 import { ActionBar } from '../components/ActionBar.js';
 import { Button } from '../components/Button.js';
+import { Dialog, DialogContent, DialogTitle, focusPanelOnOpen } from '../components/dialog.js';
+import { IconButton } from '../components/IconButton.js';
+import { useDiscardGuard } from '../hooks/useDiscardGuard.js';
 import { InfoHint } from '../components/InfoHint.js';
 import { Tooltip } from '../components/Tooltip.js';
-import { Modal } from '../components/Modal.js';
 import { addSplit, cutSeconds, cutTimecode, EMPTY_PLAN, keptSeconds, planCuts, planProblem, planSegments, removeSplit, toggleSegment, } from 'cursedbelt-core/media/video-cuts';
 import { cn, RAW_BUTTON } from '../lib/cn.js';
 import { Kbd } from '../palette/Kbd.js';
-export function VideoCutEditor({ src, hlsUrl, posterUrl, resolving = false, name, durationSeconds, open = true, onClose, onSubmit, submitLabel = 'Send for processing', note, ...passThrough }) {
+import { CutTimeline } from './CutTimeline.js';
+import { frameAt, frameStart, frameTimecode, snapToFrame } from './cutTimelineMath.js';
+import { useFrameRate } from './useFrameRate.js';
+export function VideoCutEditor({ src, hlsUrl, posterUrl, resolving = false, name, durationSeconds, frameRate, open = true, onClose, onSubmit, submitLabel = 'Send for processing', note, ...passThrough }) {
     const videoRef = React.useRef(null);
     const [duration, setDuration] = React.useState(durationSeconds && Number.isFinite(durationSeconds) ? durationSeconds : 0);
     const [playhead, setPlayhead] = React.useState(0);
+    const [playing, setPlaying] = React.useState(false);
     const [plan, setPlan] = React.useState(EMPTY_PLAN);
     const [submitting, setSubmitting] = React.useState(false);
     const [error, setError] = React.useState(null);
+    // Marked cuts are minutes of scrubbing: Back, Escape and Cancel ask before dropping them.
+    const { guardedClose, discardOverlay, isConfirming, cancelDiscard } = useDiscardGuard({
+        onClose,
+        isDirty: plan.splits.length > 0,
+        open,
+    });
     // A source that changes is a fresh attempt: it must not inherit the previous one's failure,
     // the same rule `VideoTurner` and the gallery's own `ThumbImg` keep.
     const [failedSrc, setFailedSrc] = React.useState(null);
     /**
      * Why there is no film to mark up — `null` when there is one.
      *
-     * 🔴 The dialog SAYS it rather than rendering the black rectangle a source-less `<video>`
+     * 🔴 The page SAYS it rather than rendering the black rectangle a source-less `<video>`
      * paints. Marking a cut means scrubbing to a moment, so with nothing to play there is
      * genuinely nothing to mark — and the one thing worse than that is a player that looks
-     * broken and a Send button whose refusal ("Nothing is marked") reads as the dialog's fault.
+     * broken and a Send button whose refusal ("Nothing is marked") reads as the page's fault.
      */
     const cannotShow = resolving
         ? 'Finding this film…'
@@ -37,54 +49,79 @@ export function VideoCutEditor({ src, hlsUrl, posterUrl, resolving = false, name
                 ? 'The film could not be loaded, so there is nothing to mark up. Nothing has been sent.'
                 : null;
     const source = useEditorVideoSource(videoRef, { src, hlsUrl }, cannotShow === null);
+    const { rate, onLoadedData } = useFrameRate(videoRef, frameRate, source.key);
+    const fps = rate.fps;
     const segments = React.useMemo(() => planSegments(plan, duration), [plan, duration]);
     const cuts = React.useMemo(() => planCuts(plan, duration), [plan, duration]);
     const problem = planProblem(plan, duration);
-    const pct = React.useCallback((seconds) => (duration > 0 ? Math.min(100, Math.max(0, (seconds / duration) * 100)) : 0), [duration]);
     const seek = React.useCallback((seconds) => {
         const video = videoRef.current;
-        if (!video || !Number.isFinite(seconds))
+        if (!Number.isFinite(seconds))
             return;
-        video.currentTime = Math.max(0, seconds);
-        setPlayhead(Math.max(0, seconds));
+        const at = Math.max(0, seconds);
+        if (video)
+            video.currentTime = at;
+        setPlayhead(at);
     }, []);
-    /** ✂ — divide the clip at the playhead. */
-    const cutHere = React.useCallback(() => {
+    /** Where the playhead really is — the element's own clock, which a `timeupdate` trails. */
+    const now = () => videoRef.current?.currentTime ?? playhead;
+    /** `,` / `.` — one frame back or forward, pausing first, as YouTube and mpv do. */
+    const stepFrame = (direction) => {
+        const video = videoRef.current;
+        if (video && !video.paused)
+            video.pause();
+        const last = duration > 0 ? frameAt(duration - 1e-6, fps) : 0;
+        const frame = Math.min(last, Math.max(0, frameAt(now(), fps) + direction));
+        seek(frameStart(frame, fps));
+    };
+    const togglePlay = () => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        if (video.paused)
+            void video.play().catch(() => undefined);
+        else
+            video.pause();
+    };
+    /** ✂ — divide the clip at the start of the frame the playhead is on. */
+    const cutHere = () => {
         setError(null);
+        const at = snapToFrame(now(), fps);
         setPlan((current) => {
-            const next = addSplit(current, playhead, duration);
+            const next = addSplit(current, at, duration);
             if (next === current)
                 setError("There is already a cut there, or the playhead is too close to an end of the clip to cut.");
             return next;
         });
-    }, [playhead, duration]);
+    };
     /** ✗ on a piece — mark it out, or put it back. */
     const toggle = React.useCallback((segment) => {
         setError(null);
         setPlan((current) => toggleSegment(current, segment, duration));
     }, [duration]);
     /** Undo a cut, merging the pieces either side. */
-    const uncut = React.useCallback((at) => {
+    const uncut = (at) => {
         setError(null);
         setPlan((current) => removeSplit(current, at, duration));
-    }, [duration]);
+    };
     /*
-     * `C` cuts and `Space` plays — and nothing else is bound, deliberately.
+     * `C` cuts, `Space` plays, `,` and `.` step a frame — and nothing else is bound, deliberately.
      *
-     * 🔴 Removing a piece has NO key. It is the only irreversible-feeling action in the dialog
-     * and the one whose target is ambiguous from the keyboard: with the playhead between two
-     * splits, "delete" could mean the piece behind it or the piece ahead. Clicking the piece
-     * says which, which is the entire point of the model. Every segment is a real focusable
-     * button, so the keyboard route is Tab-then-Enter and it names its target out loud.
+     * 🔴 Removing a piece has NO key. It is the only irreversible-feeling action on the page and
+     * the one whose target is ambiguous from the keyboard: with the playhead between two splits,
+     * "delete" could mean the piece behind it or the piece ahead. Clicking the piece says which,
+     * which is the entire point of the model. Every segment is a real focusable button, so the
+     * keyboard route is Tab-then-Enter and it names its target out loud.
      *
-     * Bound on the DIALOG, not the window: the gallery has its own ⇧←/⇧→ and Space handling,
-     * and a global listener would keep firing after this closed. `Modal` traps focus, so the
-     * dialog really does have the keystrokes while it is open.
+     * Bound on the PAGE, not the window: the gallery has its own ⇧←/⇧→ and Space handling (it
+     * stands down while this is open), and a global listener would keep firing after this closed.
      */
     const onKeyDown = (event) => {
         const target = event.target;
         // Never steal a key from a text field — the app may render one in `note`.
-        if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA'))
+        if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable))
+            return;
+        if (event.metaKey || event.ctrlKey || event.altKey || isConfirming)
             return;
         if (event.key === 'c' || event.key === 'C') {
             event.preventDefault();
@@ -92,13 +129,11 @@ export function VideoCutEditor({ src, hlsUrl, posterUrl, resolving = false, name
         }
         else if (event.key === ' ') {
             event.preventDefault();
-            const video = videoRef.current;
-            if (!video)
-                return;
-            if (video.paused)
-                void video.play().catch(() => undefined);
-            else
-                video.pause();
+            togglePlay();
+        }
+        else if (event.key === ',' || event.key === '.') {
+            event.preventDefault();
+            stepFrame(event.key === ',' ? -1 : 1);
         }
     };
     const submit = async () => {
@@ -121,36 +156,35 @@ export function VideoCutEditor({ src, hlsUrl, posterUrl, resolving = false, name
             setSubmitting(false);
         }
     };
-    return (_jsx(Modal, { ...passThrough, open: open, onClose: onClose, title: name ? `Trim ${name}` : 'Trim video', size: 'lg', footer: _jsx(ActionBar, { primary: _jsxs(_Fragment, { children: [_jsx(Button, { variant: 'secondary', onClick: onClose, tooltip: 'Close without sending anything', children: "Cancel" }), _jsx(Button, { onClick: () => void submit(), disabled: submitting || problem !== null, tooltip: problem ?? 'Queue the cuts — the edited copy arrives beside the original', children: submitting ? 'Sending…' : submitLabel })] }) }), children: _jsxs("fieldset", { className: 'cbvc', onKeyDown: onKeyDown, "aria-label": 'Mark sections to cut. Press [ to start a cut, ] to end it, space to play or pause.', children: [cannotShow === null ? (_jsx("video", { ref: videoRef, className: 'cbvc-video', src: source.src, poster: posterUrl, controls: true, playsInline: true, preload: 'metadata', onLoadedMetadata: (event) => {
-                        const seen = event.currentTarget.duration;
-                        // The element's own metadata wins over anything the catalog rounded.
-                        if (Number.isFinite(seen) && seen > 0)
-                            setDuration(seen);
-                    }, onTimeUpdate: (event) => setPlayhead(event.currentTarget.currentTime), onSeeked: (event) => setPlayhead(event.currentTarget.currentTime), onError: (event) => {
-                        if (source.exhausted(event.currentTarget))
-                            setFailedSrc(source.key);
-                    } }, source.key)) : (_jsx("p", { className: 'cbvc-video cbvc-nofilm', role: 'status', children: cannotShow })), _jsxs("div", { className: 'cbvc-marks', children: [_jsxs(Button, { size: 'sm', variant: 'secondary', onClick: cutHere, tooltip: 'Cut the clip here (C)', children: [_jsx(Scissors, { "aria-hidden": 'true', size: 14 }), " Cut here"] }), _jsx("span", { className: 'cbvc-playhead', children: cutTimecode(playhead) }), _jsxs(InfoHint, { title: 'Marking a video to trim', align: 'right', children: [_jsxs("p", { children: ["Press ", _jsx("strong", { children: "Cut here" }), " (or ", _jsx(Kbd, { children: "C" }), ") to divide the clip at the playhead. Every piece between two cuts is a section."] }), _jsxs("p", { children: ["Click ", _jsx("strong", { children: "\u2717" }), " on a section to remove it \u2014 click again to keep it after all. Click a section's timecode to jump there, and ", _jsx(Kbd, { children: "Space" }), " plays and pauses."] }), _jsx("p", { children: "Nothing here changes your video. Sending makes a trimmed COPY beside the original, and you choose which to keep." })] })] }), _jsxs("ul", { className: 'cbvc-strip', "aria-label": segments.length <= 1
-                        ? 'The whole clip, uncut'
-                        : `${segments.length} sections; ${segments.filter((segment) => segment.removed).length} marked for removal`, children: [segments.map((segment) => (_jsx("li", { className: 'cbvc-seg-item', style: { width: `${pct(segment.end) - pct(segment.start)}%` }, children: _jsx(Tooltip, { content: segment.removed
-                                    ? `Keep ${cutTimecode(segment.start)}–${cutTimecode(segment.end)} after all`
-                                    : `Remove ${cutTimecode(segment.start)}–${cutTimecode(segment.end)}`, children: _jsxs("button", { 
-                                    // guardrails-ignore no-raw-action-button: a segment of the timeline, sized to
-                                    // its own duration — a `Button` carries padding and a min-width, which is
-                                    // exactly wrong for a control whose WIDTH is the information.
-                                    type: 'button', className: cn(RAW_BUTTON, `cbvc-seg${segment.removed ? ' is-removed' : ''}`), "aria-pressed": segment.removed, "aria-label": segment.removed
-                                        ? `Keep ${cutTimecode(segment.start)} to ${cutTimecode(segment.end)} after all`
-                                        : `Remove ${cutTimecode(segment.start)} to ${cutTimecode(segment.end)}`, onClick: () => toggle(segment), children: [_jsx(X, { className: 'cbvc-seg-x', "aria-hidden": 'true', size: 12 }), _jsx("span", { className: 'cbvc-seg-label', children: segment.removed ? 'Removed' : cutTimecode(segment.end - segment.start) })] }) }) }, segment.key))), _jsx("span", { className: 'cbvc-strip-head', style: { left: `${pct(playhead)}%` } })] }), _jsx("p", { className: 'cbvc-summary', children: duration > 0 ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: cutTimecode(keptSeconds(cuts, duration)) }), " kept of", ' ', cutTimecode(duration), cuts.length > 0
-                                ? ` — removing ${cutTimecode(cutSeconds(cuts, duration))} in ${cuts.length === 1 ? '1 section' : `${cuts.length} sections`}`
-                                : segments.length > 1
-                                    ? ' — nothing marked for removal yet'
-                                    : ''] })) : cannotShow === null ? ('Reading the clip…') : (
-                    // 🔴 Only a mounted film is being read. With none, this said "Reading the clip…"
-                    // forever beside the reason there was nothing to read (owner, 2026-10-27).
-                    'Its length is not known.') }), plan.splits.length > 0 ? (_jsx("ul", { className: 'cbvc-list', children: planSegments(plan, duration)
-                        .slice(1)
-                        .map((segment) => (_jsxs("li", { className: 'cbvc-row', children: [_jsxs("button", { 
-                                // guardrails-ignore no-raw-action-button: a plain-CSS row inside a lazily
-                                // imported, deliberately Tailwind-free editor — see `pictureEditor.css`.
-                                type: 'button', className: cn(RAW_BUTTON, 'cbvc-row-goto'), onClick: () => seek(segment.start), children: [_jsx(Scissors, { "aria-hidden": 'true', size: 12 }), " Cut at ", cutTimecode(segment.start)] }), _jsx(Button, { size: 'sm', variant: 'ghost', tooltip: 'Undo this cut \u2014 the sections either side become one again', "aria-label": `Undo the cut at ${cutTimecode(segment.start)}`, onClick: () => uncut(segment.start), children: "Undo" })] }, `cut-${segment.key}`))) })) : null, note ? _jsx("div", { className: 'cbvc-note', children: note }) : null, error ? (_jsx("p", { className: 'cbvc-error', role: 'alert', children: error })) : null] }) }));
+    const transport = (_jsxs("div", { className: 'cbvc-transport', children: [_jsx(IconButton, { size: 'sm', label: 'Back one frame', tooltip: 'Back one frame (,)', onClick: () => stepFrame(-1), disabled: cannotShow !== null, children: _jsx(StepBack, { "aria-hidden": 'true' }) }), _jsx(IconButton, { size: 'sm', label: playing ? 'Pause' : 'Play', tooltip: playing ? 'Pause (Space)' : 'Play (Space)', onClick: togglePlay, disabled: cannotShow !== null, children: playing ? _jsx(Pause, { "aria-hidden": 'true' }) : _jsx(Play, { "aria-hidden": 'true' }) }), _jsx(IconButton, { size: 'sm', label: 'Forward one frame', tooltip: 'Forward one frame (.)', onClick: () => stepFrame(1), disabled: cannotShow !== null, children: _jsx(StepForward, { "aria-hidden": 'true' }) }), _jsxs("span", { className: 'cbvc-readout', "data-testid": 'trim-readout', children: [_jsx("strong", { children: frameTimecode(playhead, fps) }), _jsxs("span", { className: 'cbvc-readout-of', children: [" / ", frameTimecode(duration, fps)] })] }), _jsx(Tooltip, { content: rate.source === 'probe'
+                    ? 'The frame rate the file was probed at'
+                    : rate.source === 'measured'
+                        ? 'The frame rate, measured from the clip'
+                        : 'Assumed — the clip has not said its frame rate, so frame steps may not match its frames', children: _jsx("span", { className: 'cbvc-fps', "data-source": rate.source, tabIndex: 0, children: rate.source === 'assumed' ? `${Math.round(fps)} fps?` : `${Number(fps.toFixed(3))} fps` }) }), _jsxs(Button, { size: 'sm', variant: 'secondary', onClick: cutHere, tooltip: 'Cut the clip at this frame (C)', disabled: cannotShow !== null, children: [_jsx(Scissors, { "aria-hidden": 'true', size: 14 }), " Cut here"] })] }));
+    return (_jsx(Dialog, { open: open, onOpenChange: (next) => !next && guardedClose(), children: _jsxs(DialogContent, { ...passThrough, className: 'cbvc-page', overlayClassName: 'cbvc-page-scrim', "aria-describedby": undefined, onOpenAutoFocus: focusPanelOnOpen, onEscapeKeyDown: (event) => {
+                event.preventDefault();
+                if (isConfirming)
+                    cancelDiscard();
+                else
+                    guardedClose();
+            }, onKeyDown: onKeyDown, children: [_jsxs("header", { className: 'cbvc-bar', children: [_jsx(IconButton, { label: 'Back', tooltip: 'Back to the file, sending nothing (Esc)', onClick: guardedClose, children: _jsx(ArrowLeft, { "aria-hidden": 'true' }) }), _jsx(DialogTitle, { className: 'cbvc-title', children: name ? `Trim ${name}` : 'Trim video' }), _jsxs(InfoHint, { title: 'Marking a video to trim', align: 'right', children: [_jsxs("p", { children: ["Press ", _jsx("strong", { children: "Cut here" }), " (or ", _jsx(Kbd, { children: "C" }), ") to divide the clip at the frame the playhead is on. Every piece between two cuts is a section."] }), _jsxs("p", { children: ["Click ", _jsx("strong", { children: "\u2717" }), " on a section to remove it \u2014 click again to keep it after all.", _jsx(Kbd, { children: "," }), " and ", _jsx(Kbd, { children: "." }), " step one frame, ", _jsx(Kbd, { children: "Space" }), " plays and pauses."] }), _jsx("p", { children: "Zoom the timeline with \u2318 or Ctrl and the wheel, a pinch, or the slider; drag or scroll to move along it, and click the ruler to put the playhead there." }), _jsx("p", { children: "Nothing here changes your video. Sending makes a trimmed COPY beside the original, and you choose which to keep." })] })] }), _jsx("div", { className: cn('cbvc-stage', cannotShow !== null && 'cbvc-stage-empty'), children: cannotShow === null ? (_jsx("video", { ref: videoRef, className: 'cbvc-video', src: source.src, poster: posterUrl, playsInline: true, preload: 'auto', onClick: togglePlay, onLoadedMetadata: (event) => {
+                            const seen = event.currentTarget.duration;
+                            // The element's own metadata wins over anything the catalog rounded.
+                            if (Number.isFinite(seen) && seen > 0)
+                                setDuration(seen);
+                        }, onLoadedData: onLoadedData, onPlay: () => setPlaying(true), onPause: () => setPlaying(false), onTimeUpdate: (event) => setPlayhead(event.currentTarget.currentTime), onSeeked: (event) => setPlayhead(event.currentTarget.currentTime), onError: (event) => {
+                            if (source.exhausted(event.currentTarget))
+                                setFailedSrc(source.key);
+                        } }, source.key)) : (_jsx("p", { className: 'cbvc-video cbvc-nofilm', role: 'status', children: cannotShow })) }), _jsxs("div", { className: 'cbvc-deck', children: [duration > 0 ? (_jsx(CutTimeline, { duration: duration, fps: fps, playhead: playhead, segments: segments, onSeek: seek, onToggle: toggle, transport: transport })) : (_jsx("div", { className: 'cbvc-tools', children: transport })), plan.splits.length > 0 ? (_jsx("ul", { className: 'cbvc-list', "aria-label": 'Cuts', children: segments.slice(1).map((segment) => (_jsxs("li", { className: 'cbvc-row', children: [_jsxs("button", { 
+                                        // guardrails-ignore no-raw-action-button: a plain-CSS row inside a lazily
+                                        // imported, deliberately Tailwind-free editor — see `pictureEditor.css`.
+                                        type: 'button', className: cn(RAW_BUTTON, 'cbvc-row-goto'), onClick: () => seek(segment.start), children: [_jsx(Scissors, { "aria-hidden": 'true', size: 12 }), " ", frameTimecode(segment.start, fps)] }), _jsx(IconButton, { size: 'sm', label: `Undo the cut at ${frameTimecode(segment.start, fps)}`, tooltip: 'Undo this cut \u2014 the sections either side become one again', onClick: () => uncut(segment.start), children: _jsx(Undo2, { "aria-hidden": 'true' }) })] }, `cut-${segment.key}`))) })) : null, _jsxs("div", { className: 'cbvc-note', children: [_jsx("p", { children: "Each cut lands on the frame you mark: the trimmed copy is re-encoded at every join." }), note ? _jsx("div", { children: note }) : null] }), error ? (_jsx("p", { className: 'cbvc-error', role: 'alert', children: error })) : null] }), _jsx(ActionBar, { className: 'cbvc-foot', secondary: _jsx(Button, { variant: 'secondary', onClick: guardedClose, tooltip: 'Close without sending anything', children: "Cancel" }), primary: _jsx(Button, { onClick: () => void submit(), disabled: submitting || problem !== null, tooltip: problem ?? 'Queue the cuts — the edited copy arrives beside the original', children: submitting ? 'Sending…' : submitLabel }), children: _jsx("p", { className: 'cbvc-summary', children: duration > 0 ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: cutTimecode(keptSeconds(cuts, duration)) }), " kept of ", cutTimecode(duration), cuts.length > 0
+                                    ? ` — removing ${cutTimecode(cutSeconds(cuts, duration))} in ${cuts.length === 1 ? '1 section' : `${cuts.length} sections`}`
+                                    : segments.length > 1
+                                        ? ' — nothing marked for removal yet'
+                                        : ''] })) : cannotShow === null ? ('Reading the clip…') : (
+                        // 🔴 Only a mounted film is being read. With none, this said "Reading the clip…"
+                        // forever beside the reason there was nothing to read (owner, 2026-10-27).
+                        'Its length is not known.') }) }), discardOverlay] }) }));
 }
 //# sourceMappingURL=VideoCutEditor.js.map