entangle-ui 0.9.0 → 0.11.0

package/dist/esm/components/editor/Timeline/timelineDrawing.js

@@ -0,0 +1,390 @@
+import '../../controls/CurveEditor/CurveEditor.js';
+import { evaluateCurve } from '../../controls/CurveEditor/curveUtils.js';
+import '../../controls/CurveEditor/curvePresets.js';
+import { frameToX, xToFrame, valueToY, valueInset } from './timelineCoords.js';
+
+const KEYFRAME_RADIUS = 4;
+const MIN_LABEL_PX = 72;
+/** Smallest "nice" step (1/2/5 × 10ⁿ, ≥ 1) at least as large as `value`. */
+function niceFrameStep(value) {
+    if (value <= 1)
+        return 1;
+    const exp = Math.floor(Math.log10(value));
+    const base = Math.pow(10, exp);
+    // `f` is in [1, 10] by construction; pick the next multiple in {1,2,5,10}.
+    const f = value / base;
+    const m = f <= 1 ? 1 : f <= 2 ? 2 : f <= 5 ? 5 : 10;
+    return m * base;
+}
+function diamondPath(ctx, cx, cy, r) {
+    ctx.beginPath();
+    ctx.moveTo(cx, cy - r);
+    ctx.lineTo(cx + r, cy);
+    ctx.lineTo(cx, cy + r);
+    ctx.lineTo(cx - r, cy);
+    ctx.closePath();
+}
+/** Graph-mode lane: the track's value curve + keyframe points (+ tangents when selected). */
+function drawGraphLane(input, track, top, rowH, accent, range) {
+    const { ctx, size, view, startFrame, endFrame, colors, isSelected } = input;
+    const isHovered = input.isHovered ?? (() => false);
+    // ── Track scale (axis line + min/max [+ midpoint] labels, optional gridlines)
+    // Skipped on short lanes (e.g. a collapsed graph-mode track) so the labels
+    // never overlap into an unreadable blob.
+    if (input.trackScale && rowH >= input.trackScale.minLaneHeight) {
+        const { position, format, showMidpoint, gridlines } = input.trackScale;
+        const scaleColor = input.trackScale.color ?? colors.rulerText;
+        const isStart = position === 'start';
+        const inset = valueInset(rowH);
+        const axisX = isStart ? 6 : size.width - 6;
+        const lineX = Math.round(axisX) + 0.5;
+        const yTop = top + inset;
+        const yBot = top + rowH - inset;
+        const yMid = (yTop + yBot) / 2;
+        const midValue = (range[0] + range[1]) / 2;
+        const ticks = [
+            { y: yTop, value: range[1], baseline: 'top' },
+            { y: yBot, value: range[0], baseline: 'bottom' },
+        ];
+        if (showMidpoint) {
+            ticks.push({ y: yMid, value: midValue, baseline: 'middle' });
+        }
+        ctx.save();
+        ctx.strokeStyle = scaleColor;
+        ctx.fillStyle = scaleColor;
+        ctx.font = input.font;
+        ctx.lineWidth = 1;
+        // Gridlines first so the axis + curve draw on top.
+        if (gridlines) {
+            ctx.save();
+            ctx.globalAlpha = 0.18;
+            ctx.setLineDash([2, 3]);
+            ctx.beginPath();
+            for (const tick of ticks) {
+                const y = Math.round(tick.y) + 0.5;
+                ctx.moveTo(0, y);
+                ctx.lineTo(size.width, y);
+            }
+            ctx.stroke();
+            ctx.setLineDash([]);
+            ctx.restore();
+        }
+        // Axis line.
+        ctx.globalAlpha = 0.7;
+        ctx.beginPath();
+        ctx.moveTo(lineX, yTop);
+        ctx.lineTo(lineX, yBot);
+        ctx.stroke();
+        // Ticks + labels.
+        const tickLen = 3;
+        const tickInside = isStart ? lineX + tickLen : lineX - tickLen;
+        const labelX = isStart ? lineX + tickLen + 3 : lineX - tickLen - 3;
+        ctx.textAlign = isStart ? 'left' : 'right';
+        for (const tick of ticks) {
+            const y = Math.round(tick.y) + 0.5;
+            ctx.beginPath();
+            ctx.moveTo(lineX, y);
+            ctx.lineTo(tickInside, y);
+            ctx.stroke();
+            ctx.textBaseline = tick.baseline;
+            ctx.fillText(format(tick.value), labelX, tick.y);
+        }
+        ctx.restore();
+    }
+    const curve = {
+        keyframes: track.keyframes,
+        domainY: [range[0], range[1]],
+        ...(track.infinity?.pre ? { preInfinity: track.infinity.pre } : {}),
+        ...(track.infinity?.post ? { postInfinity: track.infinity.post } : {}),
+    };
+    const toX = (f) => frameToX(f, view, size.width);
+    if (track.keyframes.length > 0) {
+        ctx.strokeStyle = accent;
+        ctx.lineWidth = 1.5;
+        ctx.beginPath();
+        const samples = Math.max(2, Math.ceil(size.width / 3));
+        // Visual safety net: clamp every sampled curve value to the track's
+        // range so the line cannot escape the lane even if the data was loaded
+        // with control points outside the range (the canonical guarantee comes
+        // from clamping handles in `setKeyframeTangent`, but we still clip here
+        // so legacy / unconstrained data renders cleanly).
+        const lo = range[0];
+        const hi = range[1];
+        for (let s = 0; s <= samples; s += 1) {
+            const px = (s / samples) * size.width;
+            const raw = evaluateCurve(curve, xToFrame(px, view, size.width));
+            const value = raw < lo ? lo : raw > hi ? hi : raw;
+            const py = valueToY(value, range, top, rowH);
+            if (s === 0)
+                ctx.moveTo(px, py);
+            else
+                ctx.lineTo(px, py);
+        }
+        ctx.stroke();
+    }
+    // ── Tangent handles on the selected keyframe (CurveEditor-parity styling)
+    for (const kf of track.keyframes) {
+        if (kf.id === undefined || !isSelected(track.id, kf.id))
+            continue;
+        if (kf.tangentMode === 'linear' || kf.tangentMode === 'step')
+            continue;
+        const x = toX(kf.x);
+        if (x < -KEYFRAME_RADIUS * 4 || x > size.width + KEYFRAME_RADIUS * 4)
+            continue;
+        const y = valueToY(kf.y, range, top, rowH);
+        const isAuto = kf.tangentMode === 'auto';
+        const lineAlpha = isAuto ? 0.4 : 0.7;
+        const dotRadius = isAuto ? 3 : 4;
+        const drawHandle = (hx, hy) => {
+            ctx.save();
+            ctx.globalAlpha = lineAlpha;
+            ctx.strokeStyle = colors.rulerText;
+            ctx.lineWidth = 1;
+            ctx.setLineDash([3, 3]);
+            ctx.beginPath();
+            ctx.moveTo(x, y);
+            ctx.lineTo(hx, hy);
+            ctx.stroke();
+            ctx.setLineDash([]);
+            ctx.globalAlpha = 1;
+            ctx.fillStyle = colors.rulerText;
+            ctx.beginPath();
+            ctx.arc(hx, hy, dotRadius, 0, Math.PI * 2);
+            ctx.fill();
+            ctx.restore();
+        };
+        drawHandle(toX(kf.x + kf.handleIn.x), valueToY(kf.y + kf.handleIn.y, range, top, rowH));
+        drawHandle(toX(kf.x + kf.handleOut.x), valueToY(kf.y + kf.handleOut.y, range, top, rowH));
+    }
+    // ── Keyframe points (sized by selected / hovered state)
+    for (const kf of track.keyframes) {
+        const x = toX(kf.x);
+        if (x < -KEYFRAME_RADIUS * 2 || x > size.width + KEYFRAME_RADIUS * 2)
+            continue;
+        const y = valueToY(kf.y, range, top, rowH);
+        const selected = kf.id !== undefined && isSelected(track.id, kf.id);
+        const hovered = kf.id !== undefined && isHovered(track.id, kf.id);
+        const radius = hovered
+            ? KEYFRAME_RADIUS + 2
+            : selected
+                ? KEYFRAME_RADIUS + 1
+                : KEYFRAME_RADIUS - 0.5;
+        ctx.beginPath();
+        ctx.arc(x, y, radius, 0, Math.PI * 2);
+        ctx.fillStyle = selected ? colors.keyframeSelected : accent;
+        ctx.fill();
+        ctx.lineWidth = selected ? 1.5 : 1;
+        ctx.strokeStyle = colors.keyframeStroke;
+        ctx.stroke();
+    }
+}
+/**
+ * Render a full dope-sheet frame: background → gridlines → ruler → track rows
+ * → keyframes → caller `renderOverlay` → playhead. The caller is responsible
+ * for DPR scaling on `ctx` before invoking.
+ */
+function drawTimeline(input) {
+    const { ctx, size, view, startFrame, endFrame, fps, frame, rows, scrollTop, rulerHeight, showPlayhead, loopStripHeight = 0, loopHandles = 'edges', colors, font, formatTime, isSelected, renderOverlay, marquee, loopRegion, loopHover, } = input;
+    const toX = (f) => frameToX(f, view, size.width);
+    ctx.clearRect(0, 0, size.width, size.height);
+    ctx.fillStyle = colors.background;
+    ctx.fillRect(0, 0, size.width, size.height);
+    // ── Gridlines + ruler ticks ──
+    const span = Math.max(1e-6, view.endFrame - view.startFrame);
+    const framesPerPixel = span / Math.max(1, size.width);
+    const step = niceFrameStep(framesPerPixel * MIN_LABEL_PX);
+    const firstTick = Math.ceil(view.startFrame / step) * step;
+    const chromeHeight = rulerHeight + loopStripHeight;
+    ctx.lineWidth = 1;
+    ctx.strokeStyle = colors.gridLine;
+    ctx.beginPath();
+    for (let f = firstTick; f <= view.endFrame; f += step) {
+        const x = Math.round(toX(f)) + 0.5;
+        ctx.moveTo(x, chromeHeight);
+        ctx.lineTo(x, size.height);
+    }
+    ctx.stroke();
+    if (rulerHeight > 0) {
+        ctx.fillStyle = colors.rulerText;
+        ctx.font = font;
+        ctx.textBaseline = 'middle';
+        ctx.textAlign = 'left';
+        for (let f = firstTick; f <= view.endFrame; f += step) {
+            const x = Math.round(toX(f));
+            ctx.fillStyle = colors.gridLine;
+            ctx.fillRect(x, rulerHeight - 5, 1, 5);
+            ctx.fillStyle = colors.rulerText;
+            ctx.fillText(formatTime(f, fps), x + 3, rulerHeight / 2);
+        }
+        ctx.fillStyle = colors.rowSeparator;
+        ctx.fillRect(0, rulerHeight - 1, size.width, 1);
+    }
+    // ── Loop strip background (when enabled) ──
+    if (loopStripHeight > 0) {
+        ctx.save();
+        ctx.fillStyle = colors.gridLine;
+        ctx.globalAlpha = 0.35;
+        ctx.fillRect(0, rulerHeight, size.width, loopStripHeight);
+        ctx.globalAlpha = 1;
+        ctx.fillStyle = colors.rowSeparator;
+        ctx.fillRect(0, chromeHeight - 1, size.width, 1);
+        ctx.restore();
+    }
+    // ── Loop region ──
+    if (loopRegion) {
+        const lx = toX(loopRegion.startFrame);
+        const rx = toX(loopRegion.endFrame);
+        ctx.save();
+        ctx.fillStyle = colors.keyframeSelected;
+        // Body fill (brighter when the body is hovered, hinting it's draggable).
+        ctx.globalAlpha = loopHover === 'body' ? 0.12 : 0.06;
+        ctx.fillRect(lx, chromeHeight, rx - lx, Math.max(0, size.height - chromeHeight));
+        if (rulerHeight > 0) {
+            ctx.globalAlpha = loopHover === 'body' ? 0.3 : 0.22;
+            ctx.fillRect(lx, 0, rx - lx, rulerHeight);
+        }
+        if (loopStripHeight > 0) {
+            ctx.globalAlpha = loopHover === 'body' ? 0.45 : 0.32;
+            ctx.fillRect(lx, rulerHeight, rx - lx, loopStripHeight);
+        }
+        // Edges — `edges` style draws full-height bars; `brackets` style draws
+        // `[ ]` markers in the chrome with serifs at top and bottom, no
+        // full-height bars.
+        ctx.globalAlpha = 1;
+        const startW = loopHover === 'start' ? 4 : 2;
+        const endW = loopHover === 'end' ? 4 : 2;
+        if (loopHover === 'start' || loopHover === 'end') {
+            ctx.shadowColor = colors.keyframeSelected;
+            ctx.shadowBlur = 6;
+        }
+        if (loopHandles === 'brackets') {
+            const serif = 8;
+            const serifH = 2;
+            // start `[`
+            ctx.fillRect(lx, 0, startW, chromeHeight);
+            ctx.fillRect(lx, 0, serif, serifH);
+            ctx.fillRect(lx, chromeHeight - serifH, serif, serifH);
+            // end `]`
+            ctx.fillRect(rx - endW, 0, endW, chromeHeight);
+            ctx.fillRect(rx - serif, 0, serif, serifH);
+            ctx.fillRect(rx - serif, chromeHeight - serifH, serif, serifH);
+        }
+        else {
+            ctx.fillRect(lx, 0, startW, size.height);
+            ctx.fillRect(rx - endW, 0, endW, size.height);
+        }
+        ctx.restore();
+    }
+    // ── Track rows + keyframes (clipped to the area below the chrome) ──
+    ctx.save();
+    ctx.beginPath();
+    ctx.rect(0, chromeHeight, size.width, Math.max(0, size.height - chromeHeight));
+    ctx.clip();
+    for (const row of rows) {
+        const top = chromeHeight + row.top - scrollTop;
+        // Virtualize: skip rows scrolled out of the track area.
+        if (top + row.height < chromeHeight || top > size.height)
+            continue;
+        if (row.kind === 'group') {
+            ctx.fillStyle = colors.groupHeader;
+            ctx.fillRect(0, top, size.width, row.height);
+            ctx.fillStyle = colors.rowSeparator;
+            ctx.fillRect(0, top + row.height - 1, size.width, 1);
+            continue;
+        }
+        const track = row.track;
+        const rowH = row.height;
+        ctx.fillStyle = colors.rowSeparator;
+        ctx.fillRect(0, top + rowH - 1, size.width, 1);
+        const accent = track.color ?? colors.keyframe;
+        if (row.graph) {
+            drawGraphLane(input, track, top, rowH, accent, row.range);
+            continue;
+        }
+        const centerY = top + rowH / 2;
+        const hoveredAt = input.isHovered ?? (() => false);
+        for (const kf of track.keyframes) {
+            const x = toX(kf.x);
+            if (x < -KEYFRAME_RADIUS * 2 || x > size.width + KEYFRAME_RADIUS * 2)
+                continue;
+            const selected = kf.id !== undefined && isSelected(track.id, kf.id);
+            const hovered = kf.id !== undefined && hoveredAt(track.id, kf.id);
+            const radius = hovered
+                ? KEYFRAME_RADIUS + 2
+                : selected
+                    ? KEYFRAME_RADIUS + 1
+                    : KEYFRAME_RADIUS;
+            diamondPath(ctx, x, centerY, radius);
+            ctx.fillStyle = selected ? colors.keyframeSelected : accent;
+            ctx.fill();
+            ctx.lineWidth = selected ? 1.5 : 1;
+            ctx.strokeStyle = colors.keyframeStroke;
+            ctx.stroke();
+        }
+    }
+    if (renderOverlay) {
+        const info = {
+            size,
+            view,
+            startFrame,
+            endFrame,
+            fps,
+            frame,
+            frameToX: toX,
+            xToFrame: (x) => xToFrame(x, view, size.width),
+        };
+        ctx.save();
+        renderOverlay(ctx, info);
+        ctx.restore();
+    }
+    ctx.restore();
+    // ── Playhead ──
+    if (showPlayhead) {
+        const x = Math.round(toX(frame)) + 0.5;
+        const hovered = input.playheadHovered === true;
+        ctx.save();
+        if (hovered) {
+            ctx.shadowColor = colors.playhead;
+            ctx.shadowBlur = 6;
+        }
+        ctx.strokeStyle = colors.playhead;
+        ctx.lineWidth = hovered ? 1.5 : 1;
+        ctx.beginPath();
+        ctx.moveTo(x, 0);
+        ctx.lineTo(x, size.height);
+        ctx.stroke();
+        ctx.restore();
+        // Top handle (downward triangle in the ruler band) — bigger on hover so
+        // the user can clearly see the grabbable head.
+        const baseHead = Math.max(4, Math.min(7, rulerHeight - 2)) || 6;
+        const head = hovered ? baseHead + 2 : baseHead;
+        ctx.save();
+        if (hovered) {
+            ctx.shadowColor = colors.playhead;
+            ctx.shadowBlur = 6;
+        }
+        ctx.fillStyle = colors.playhead;
+        ctx.beginPath();
+        ctx.moveTo(x - head, 0);
+        ctx.lineTo(x + head, 0);
+        ctx.lineTo(x, head);
+        ctx.closePath();
+        ctx.fill();
+        ctx.restore();
+    }
+    // ── Marquee (box-select) ──
+    if (marquee && (marquee.width > 0 || marquee.height > 0)) {
+        ctx.save();
+        ctx.globalAlpha = 0.12;
+        ctx.fillStyle = colors.keyframeSelected;
+        ctx.fillRect(marquee.x, marquee.y, marquee.width, marquee.height);
+        ctx.globalAlpha = 1;
+        ctx.strokeStyle = colors.keyframeSelected;
+        ctx.lineWidth = 1;
+        ctx.strokeRect(marquee.x + 0.5, marquee.y + 0.5, Math.max(0, marquee.width - 1), Math.max(0, marquee.height - 1));
+        ctx.restore();
+    }
+}
+
+export { drawTimeline };
+//# sourceMappingURL=timelineDrawing.js.map

package/dist/esm/components/editor/Timeline/timelineDrawing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timelineDrawing.js","sources":["src/components/editor/Timeline/timelineDrawing.ts"],"sourcesContent":["import { evaluateCurve } from '@/components/controls/CurveEditor';\n\nimport { frameToX, valueInset, valueToY, xToFrame } from './timelineCoords';\n\nimport type {\n  TimelineDrawInfo,\n  TimelineTrack,\n  TimelineView,\n} from './Timeline.types';\nimport type { TimelineRow } from './timelineLayout';\nimport type { ViewportSize } from '@/components/primitives/viewport';\nimport type { CurveData } from '@/types/keyframe';\n\nexport interface TimelineDrawColors {\n  background: string;\n  gridLine: string;\n  rulerText: string;\n  rowSeparator: string;\n  keyframe: string;\n  keyframeSelected: string;\n  keyframeStroke: string;\n  playhead: string;\n  groupHeader: string;\n}\n\nexport interface TimelineDrawInput {\n  ctx: CanvasRenderingContext2D;\n  /** Track-area size in CSS pixels (caller has already DPR-scaled the ctx). */\n  size: ViewportSize;\n  view: TimelineView;\n  startFrame: number;\n  endFrame: number;\n  fps: number;\n  frame: number;\n  /** Pre-computed rows (group headers + track lanes), in draw order. */\n  rows: ReadonlyArray<TimelineRow>;\n  scrollTop: number;\n  /** Height of the top ruler band in CSS px (0 when hidden). */\n  rulerHeight: number;\n  /** Height of the dedicated loop strip directly below the ruler (0 = off). */\n  loopStripHeight?: number;\n  /** Visual style for the loop region edges. @default 'edges' */\n  loopHandles?: 'edges' | 'brackets';\n  showPlayhead: boolean;\n  colors: TimelineDrawColors;\n  /** Canvas font string for ruler labels, e.g. `10px Inter, sans-serif`. */\n  font: string;\n  formatTime: (frame: number, fps: number) => string;\n  isSelected: (trackId: string, keyframeId: string) => boolean;\n  /** Whether a given keyframe is hovered (pointer-over, no active drag). */\n  isHovered?: (trackId: string, keyframeId: string) => boolean;\n  /** Whether the playhead is currently pointer-hovered (renders a glow). */\n  playheadHovered?: boolean;\n  /**\n   * When provided, draws an axis line + tick labels at the start (or end) of\n   * each graph / expanded lane. Used by the `<Timeline.TrackScale />` slot.\n   */\n  trackScale?: {\n    position: 'start' | 'end';\n    format: (value: number) => string;\n    showMidpoint: boolean;\n    gridlines: boolean;\n    color?: string;\n    /** Lanes shorter than this (CSS px) skip the scale to avoid label overlap. */\n    minLaneHeight: number;\n  };\n  renderOverlay?: (\n    ctx: CanvasRenderingContext2D,\n    info: TimelineDrawInfo\n  ) => void;\n  /** Active marquee rectangle (box-select) in track-area px, or null. */\n  marquee?: { x: number; y: number; width: number; height: number } | null;\n  /** Resolved loop region highlighted on the ruler + track area, or null. */\n  loopRegion?: { startFrame: number; endFrame: number } | null;\n  /** Which loop part is hovered (brightens that edge / body), or null. */\n  loopHover?: 'start' | 'end' | 'body' | null;\n}\n\nconst KEYFRAME_RADIUS = 4;\nconst MIN_LABEL_PX = 72;\n\n/** Smallest \"nice\" step (1/2/5 × 10ⁿ, ≥ 1) at least as large as `value`. */\nfunction niceFrameStep(value: number): number {\n  if (value <= 1) return 1;\n  const exp = Math.floor(Math.log10(value));\n  const base = Math.pow(10, exp);\n  // `f` is in [1, 10] by construction; pick the next multiple in {1,2,5,10}.\n  const f = value / base;\n  const m = f <= 1 ? 1 : f <= 2 ? 2 : f <= 5 ? 5 : 10;\n  return m * base;\n}\n\nfunction diamondPath(\n  ctx: CanvasRenderingContext2D,\n  cx: number,\n  cy: number,\n  r: number\n): void {\n  ctx.beginPath();\n  ctx.moveTo(cx, cy - r);\n  ctx.lineTo(cx + r, cy);\n  ctx.lineTo(cx, cy + r);\n  ctx.lineTo(cx - r, cy);\n  ctx.closePath();\n}\n\n/** Graph-mode lane: the track's value curve + keyframe points (+ tangents when selected). */\nfunction drawGraphLane(\n  input: TimelineDrawInput,\n  track: TimelineTrack,\n  top: number,\n  rowH: number,\n  accent: string,\n  range: readonly [number, number]\n): void {\n  const { ctx, size, view, startFrame, endFrame, colors, isSelected } = input;\n  const isHovered = input.isHovered ?? ((): boolean => false);\n\n  // ── Track scale (axis line + min/max [+ midpoint] labels, optional gridlines)\n  // Skipped on short lanes (e.g. a collapsed graph-mode track) so the labels\n  // never overlap into an unreadable blob.\n  if (input.trackScale && rowH >= input.trackScale.minLaneHeight) {\n    const { position, format, showMidpoint, gridlines } = input.trackScale;\n    const scaleColor = input.trackScale.color ?? colors.rulerText;\n    const isStart = position === 'start';\n    const inset = valueInset(rowH);\n    const axisX = isStart ? 6 : size.width - 6;\n    const lineX = Math.round(axisX) + 0.5;\n    const yTop = top + inset;\n    const yBot = top + rowH - inset;\n    const yMid = (yTop + yBot) / 2;\n    const midValue = (range[0] + range[1]) / 2;\n    const ticks: Array<{\n      y: number;\n      value: number;\n      baseline: CanvasTextBaseline;\n    }> = [\n      { y: yTop, value: range[1], baseline: 'top' },\n      { y: yBot, value: range[0], baseline: 'bottom' },\n    ];\n    if (showMidpoint) {\n      ticks.push({ y: yMid, value: midValue, baseline: 'middle' });\n    }\n\n    ctx.save();\n    ctx.strokeStyle = scaleColor;\n    ctx.fillStyle = scaleColor;\n    ctx.font = input.font;\n    ctx.lineWidth = 1;\n\n    // Gridlines first so the axis + curve draw on top.\n    if (gridlines) {\n      ctx.save();\n      ctx.globalAlpha = 0.18;\n      ctx.setLineDash([2, 3]);\n      ctx.beginPath();\n      for (const tick of ticks) {\n        const y = Math.round(tick.y) + 0.5;\n        ctx.moveTo(0, y);\n        ctx.lineTo(size.width, y);\n      }\n      ctx.stroke();\n      ctx.setLineDash([]);\n      ctx.restore();\n    }\n\n    // Axis line.\n    ctx.globalAlpha = 0.7;\n    ctx.beginPath();\n    ctx.moveTo(lineX, yTop);\n    ctx.lineTo(lineX, yBot);\n    ctx.stroke();\n\n    // Ticks + labels.\n    const tickLen = 3;\n    const tickInside = isStart ? lineX + tickLen : lineX - tickLen;\n    const labelX = isStart ? lineX + tickLen + 3 : lineX - tickLen - 3;\n    ctx.textAlign = isStart ? 'left' : 'right';\n    for (const tick of ticks) {\n      const y = Math.round(tick.y) + 0.5;\n      ctx.beginPath();\n      ctx.moveTo(lineX, y);\n      ctx.lineTo(tickInside, y);\n      ctx.stroke();\n      ctx.textBaseline = tick.baseline;\n      ctx.fillText(format(tick.value), labelX, tick.y);\n    }\n    ctx.restore();\n  }\n  const curve: CurveData = {\n    keyframes: track.keyframes,\n    domainX: [startFrame, endFrame],\n    domainY: [range[0], range[1]],\n    ...(track.infinity?.pre ? { preInfinity: track.infinity.pre } : {}),\n    ...(track.infinity?.post ? { postInfinity: track.infinity.post } : {}),\n  };\n  const toX = (f: number): number => frameToX(f, view, size.width);\n\n  if (track.keyframes.length > 0) {\n    ctx.strokeStyle = accent;\n    ctx.lineWidth = 1.5;\n    ctx.beginPath();\n    const samples = Math.max(2, Math.ceil(size.width / 3));\n    // Visual safety net: clamp every sampled curve value to the track's\n    // range so the line cannot escape the lane even if the data was loaded\n    // with control points outside the range (the canonical guarantee comes\n    // from clamping handles in `setKeyframeTangent`, but we still clip here\n    // so legacy / unconstrained data renders cleanly).\n    const lo = range[0];\n    const hi = range[1];\n    for (let s = 0; s <= samples; s += 1) {\n      const px = (s / samples) * size.width;\n      const raw = evaluateCurve(curve, xToFrame(px, view, size.width));\n      const value = raw < lo ? lo : raw > hi ? hi : raw;\n      const py = valueToY(value, range, top, rowH);\n      if (s === 0) ctx.moveTo(px, py);\n      else ctx.lineTo(px, py);\n    }\n    ctx.stroke();\n  }\n\n  // ── Tangent handles on the selected keyframe (CurveEditor-parity styling)\n  for (const kf of track.keyframes) {\n    if (kf.id === undefined || !isSelected(track.id, kf.id)) continue;\n    if (kf.tangentMode === 'linear' || kf.tangentMode === 'step') continue;\n    const x = toX(kf.x);\n    if (x < -KEYFRAME_RADIUS * 4 || x > size.width + KEYFRAME_RADIUS * 4)\n      continue;\n    const y = valueToY(kf.y, range, top, rowH);\n    const isAuto = kf.tangentMode === 'auto';\n    const lineAlpha = isAuto ? 0.4 : 0.7;\n    const dotRadius = isAuto ? 3 : 4;\n\n    const drawHandle = (hx: number, hy: number): void => {\n      ctx.save();\n      ctx.globalAlpha = lineAlpha;\n      ctx.strokeStyle = colors.rulerText;\n      ctx.lineWidth = 1;\n      ctx.setLineDash([3, 3]);\n      ctx.beginPath();\n      ctx.moveTo(x, y);\n      ctx.lineTo(hx, hy);\n      ctx.stroke();\n      ctx.setLineDash([]);\n      ctx.globalAlpha = 1;\n      ctx.fillStyle = colors.rulerText;\n      ctx.beginPath();\n      ctx.arc(hx, hy, dotRadius, 0, Math.PI * 2);\n      ctx.fill();\n      ctx.restore();\n    };\n\n    drawHandle(\n      toX(kf.x + kf.handleIn.x),\n      valueToY(kf.y + kf.handleIn.y, range, top, rowH)\n    );\n    drawHandle(\n      toX(kf.x + kf.handleOut.x),\n      valueToY(kf.y + kf.handleOut.y, range, top, rowH)\n    );\n  }\n\n  // ── Keyframe points (sized by selected / hovered state)\n  for (const kf of track.keyframes) {\n    const x = toX(kf.x);\n    if (x < -KEYFRAME_RADIUS * 2 || x > size.width + KEYFRAME_RADIUS * 2)\n      continue;\n    const y = valueToY(kf.y, range, top, rowH);\n    const selected = kf.id !== undefined && isSelected(track.id, kf.id);\n    const hovered = kf.id !== undefined && isHovered(track.id, kf.id);\n    const radius = hovered\n      ? KEYFRAME_RADIUS + 2\n      : selected\n        ? KEYFRAME_RADIUS + 1\n        : KEYFRAME_RADIUS - 0.5;\n\n    ctx.beginPath();\n    ctx.arc(x, y, radius, 0, Math.PI * 2);\n    ctx.fillStyle = selected ? colors.keyframeSelected : accent;\n    ctx.fill();\n    ctx.lineWidth = selected ? 1.5 : 1;\n    ctx.strokeStyle = colors.keyframeStroke;\n    ctx.stroke();\n  }\n}\n\n/**\n * Render a full dope-sheet frame: background → gridlines → ruler → track rows\n * → keyframes → caller `renderOverlay` → playhead. The caller is responsible\n * for DPR scaling on `ctx` before invoking.\n */\nexport function drawTimeline(input: TimelineDrawInput): void {\n  const {\n    ctx,\n    size,\n    view,\n    startFrame,\n    endFrame,\n    fps,\n    frame,\n    rows,\n    scrollTop,\n    rulerHeight,\n    showPlayhead,\n    loopStripHeight = 0,\n    loopHandles = 'edges',\n    colors,\n    font,\n    formatTime,\n    isSelected,\n    renderOverlay,\n    marquee,\n    loopRegion,\n    loopHover,\n  } = input;\n\n  const toX = (f: number): number => frameToX(f, view, size.width);\n\n  ctx.clearRect(0, 0, size.width, size.height);\n  ctx.fillStyle = colors.background;\n  ctx.fillRect(0, 0, size.width, size.height);\n\n  // ── Gridlines + ruler ticks ──\n  const span = Math.max(1e-6, view.endFrame - view.startFrame);\n  const framesPerPixel = span / Math.max(1, size.width);\n  const step = niceFrameStep(framesPerPixel * MIN_LABEL_PX);\n  const firstTick = Math.ceil(view.startFrame / step) * step;\n\n  const chromeHeight = rulerHeight + loopStripHeight;\n\n  ctx.lineWidth = 1;\n  ctx.strokeStyle = colors.gridLine;\n  ctx.beginPath();\n  for (let f = firstTick; f <= view.endFrame; f += step) {\n    const x = Math.round(toX(f)) + 0.5;\n    ctx.moveTo(x, chromeHeight);\n    ctx.lineTo(x, size.height);\n  }\n  ctx.stroke();\n\n  if (rulerHeight > 0) {\n    ctx.fillStyle = colors.rulerText;\n    ctx.font = font;\n    ctx.textBaseline = 'middle';\n    ctx.textAlign = 'left';\n    for (let f = firstTick; f <= view.endFrame; f += step) {\n      const x = Math.round(toX(f));\n      ctx.fillStyle = colors.gridLine;\n      ctx.fillRect(x, rulerHeight - 5, 1, 5);\n      ctx.fillStyle = colors.rulerText;\n      ctx.fillText(formatTime(f, fps), x + 3, rulerHeight / 2);\n    }\n    ctx.fillStyle = colors.rowSeparator;\n    ctx.fillRect(0, rulerHeight - 1, size.width, 1);\n  }\n\n  // ── Loop strip background (when enabled) ──\n  if (loopStripHeight > 0) {\n    ctx.save();\n    ctx.fillStyle = colors.gridLine;\n    ctx.globalAlpha = 0.35;\n    ctx.fillRect(0, rulerHeight, size.width, loopStripHeight);\n    ctx.globalAlpha = 1;\n    ctx.fillStyle = colors.rowSeparator;\n    ctx.fillRect(0, chromeHeight - 1, size.width, 1);\n    ctx.restore();\n  }\n\n  // ── Loop region ──\n  if (loopRegion) {\n    const lx = toX(loopRegion.startFrame);\n    const rx = toX(loopRegion.endFrame);\n    ctx.save();\n    ctx.fillStyle = colors.keyframeSelected;\n    // Body fill (brighter when the body is hovered, hinting it's draggable).\n    ctx.globalAlpha = loopHover === 'body' ? 0.12 : 0.06;\n    ctx.fillRect(\n      lx,\n      chromeHeight,\n      rx - lx,\n      Math.max(0, size.height - chromeHeight)\n    );\n    if (rulerHeight > 0) {\n      ctx.globalAlpha = loopHover === 'body' ? 0.3 : 0.22;\n      ctx.fillRect(lx, 0, rx - lx, rulerHeight);\n    }\n    if (loopStripHeight > 0) {\n      ctx.globalAlpha = loopHover === 'body' ? 0.45 : 0.32;\n      ctx.fillRect(lx, rulerHeight, rx - lx, loopStripHeight);\n    }\n    // Edges — `edges` style draws full-height bars; `brackets` style draws\n    // `[ ]` markers in the chrome with serifs at top and bottom, no\n    // full-height bars.\n    ctx.globalAlpha = 1;\n    const startW = loopHover === 'start' ? 4 : 2;\n    const endW = loopHover === 'end' ? 4 : 2;\n    if (loopHover === 'start' || loopHover === 'end') {\n      ctx.shadowColor = colors.keyframeSelected;\n      ctx.shadowBlur = 6;\n    }\n    if (loopHandles === 'brackets') {\n      const serif = 8;\n      const serifH = 2;\n      // start `[`\n      ctx.fillRect(lx, 0, startW, chromeHeight);\n      ctx.fillRect(lx, 0, serif, serifH);\n      ctx.fillRect(lx, chromeHeight - serifH, serif, serifH);\n      // end `]`\n      ctx.fillRect(rx - endW, 0, endW, chromeHeight);\n      ctx.fillRect(rx - serif, 0, serif, serifH);\n      ctx.fillRect(rx - serif, chromeHeight - serifH, serif, serifH);\n    } else {\n      ctx.fillRect(lx, 0, startW, size.height);\n      ctx.fillRect(rx - endW, 0, endW, size.height);\n    }\n    ctx.restore();\n  }\n\n  // ── Track rows + keyframes (clipped to the area below the chrome) ──\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(\n    0,\n    chromeHeight,\n    size.width,\n    Math.max(0, size.height - chromeHeight)\n  );\n  ctx.clip();\n\n  for (const row of rows) {\n    const top = chromeHeight + row.top - scrollTop;\n    // Virtualize: skip rows scrolled out of the track area.\n    if (top + row.height < chromeHeight || top > size.height) continue;\n\n    if (row.kind === 'group') {\n      ctx.fillStyle = colors.groupHeader;\n      ctx.fillRect(0, top, size.width, row.height);\n      ctx.fillStyle = colors.rowSeparator;\n      ctx.fillRect(0, top + row.height - 1, size.width, 1);\n      continue;\n    }\n\n    const track = row.track;\n    const rowH = row.height;\n    ctx.fillStyle = colors.rowSeparator;\n    ctx.fillRect(0, top + rowH - 1, size.width, 1);\n\n    const accent = track.color ?? colors.keyframe;\n    if (row.graph) {\n      drawGraphLane(input, track, top, rowH, accent, row.range);\n      continue;\n    }\n\n    const centerY = top + rowH / 2;\n    const hoveredAt = input.isHovered ?? ((): boolean => false);\n    for (const kf of track.keyframes) {\n      const x = toX(kf.x);\n      if (x < -KEYFRAME_RADIUS * 2 || x > size.width + KEYFRAME_RADIUS * 2)\n        continue;\n      const selected = kf.id !== undefined && isSelected(track.id, kf.id);\n      const hovered = kf.id !== undefined && hoveredAt(track.id, kf.id);\n      const radius = hovered\n        ? KEYFRAME_RADIUS + 2\n        : selected\n          ? KEYFRAME_RADIUS + 1\n          : KEYFRAME_RADIUS;\n      diamondPath(ctx, x, centerY, radius);\n      ctx.fillStyle = selected ? colors.keyframeSelected : accent;\n      ctx.fill();\n      ctx.lineWidth = selected ? 1.5 : 1;\n      ctx.strokeStyle = colors.keyframeStroke;\n      ctx.stroke();\n    }\n  }\n\n  if (renderOverlay) {\n    const info: TimelineDrawInfo = {\n      size,\n      view,\n      startFrame,\n      endFrame,\n      fps,\n      frame,\n      frameToX: toX,\n      xToFrame: (x: number): number => xToFrame(x, view, size.width),\n    };\n    ctx.save();\n    renderOverlay(ctx, info);\n    ctx.restore();\n  }\n\n  ctx.restore();\n\n  // ── Playhead ──\n  if (showPlayhead) {\n    const x = Math.round(toX(frame)) + 0.5;\n    const hovered = input.playheadHovered === true;\n    ctx.save();\n    if (hovered) {\n      ctx.shadowColor = colors.playhead;\n      ctx.shadowBlur = 6;\n    }\n    ctx.strokeStyle = colors.playhead;\n    ctx.lineWidth = hovered ? 1.5 : 1;\n    ctx.beginPath();\n    ctx.moveTo(x, 0);\n    ctx.lineTo(x, size.height);\n    ctx.stroke();\n    ctx.restore();\n\n    // Top handle (downward triangle in the ruler band) — bigger on hover so\n    // the user can clearly see the grabbable head.\n    const baseHead = Math.max(4, Math.min(7, rulerHeight - 2)) || 6;\n    const head = hovered ? baseHead + 2 : baseHead;\n    ctx.save();\n    if (hovered) {\n      ctx.shadowColor = colors.playhead;\n      ctx.shadowBlur = 6;\n    }\n    ctx.fillStyle = colors.playhead;\n    ctx.beginPath();\n    ctx.moveTo(x - head, 0);\n    ctx.lineTo(x + head, 0);\n    ctx.lineTo(x, head);\n    ctx.closePath();\n    ctx.fill();\n    ctx.restore();\n  }\n\n  // ── Marquee (box-select) ──\n  if (marquee && (marquee.width > 0 || marquee.height > 0)) {\n    ctx.save();\n    ctx.globalAlpha = 0.12;\n    ctx.fillStyle = colors.keyframeSelected;\n    ctx.fillRect(marquee.x, marquee.y, marquee.width, marquee.height);\n    ctx.globalAlpha = 1;\n    ctx.strokeStyle = colors.keyframeSelected;\n    ctx.lineWidth = 1;\n    ctx.strokeRect(\n      marquee.x + 0.5,\n      marquee.y + 0.5,\n      Math.max(0, marquee.width - 1),\n      Math.max(0, marquee.height - 1)\n    );\n    ctx.restore();\n  }\n}\n"],"names":[],"mappings":"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"}