@editframe/elements 0.47.1 → 0.48.0

package/dist/gui/timeline/timelineStateContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"timelineStateContext.js","names":[],"sources":["../../../src/gui/timeline/timelineStateContext.ts"],"sourcesContent":["import { createContext } from \"@lit/context\";\n\n/**\n * The core invariant of the timeline system.\n * Everything else (ruler positions, track positions, playhead position) derives from this.\n */\nexport interface TimelineState {\n  /** Pixels per millisecond - the single zoom value */\n  pixelsPerMs: number;\n  /** Current playhead position in milliseconds */\n  currentTimeMs: number;\n  /** Total duration in milliseconds */\n  durationMs: number;\n  /** Viewport scroll position in pixels - single source of truth for visible time range */\n  viewportScrollLeft: number;\n  /** Viewport width in pixels - for calculating visible time range */\n  viewportWidth: number;\n  /** Seek to a specific time */\n  seek: (timeMs: number) => void;\n  /** Zoom in */\n  zoomIn: () => void;\n  /** Zoom out */\n  zoomOut: () => void;\n  /** Fit entire timeline into the viewport (no scroll) */\n  fitToViewport: () => void;\n}\n\nexport const timelineStateContext = createContext<TimelineState>(\"timeline-state\");\n\n/**\n * Convert time to pixel position\n */\nexport function timeToPx(timeMs: number, pixelsPerMs: number): number {\n  return timeMs * pixelsPerMs;\n}\n\n/**\n * Convert pixel position to time\n */\nexport function pxToTime(px: number, pixelsPerMs: number): number {\n  return px / pixelsPerMs;\n}\n\n/**\n * Default pixels per ms at 100% zoom (100 pixels per second)\n */\nexport const DEFAULT_PIXELS_PER_MS = 0.1;\n\n/**\n * Timeline row height in pixels - must match --timeline-row-height CSS variable\n */\nexport const TIMELINE_ROW_HEIGHT = 28;\n\n/**\n * Timeline track content height in pixels - must match --timeline-track-height CSS variable\n */\nexport const TIMELINE_TRACK_HEIGHT = 22;\n\n/**\n * Vertical padding within a row (row height - track height) / 2\n */\nexport const TIMELINE_ROW_PADDING = (TIMELINE_ROW_HEIGHT - TIMELINE_TRACK_HEIGHT) / 2;\n\n/**\n * Calculate pixels per ms from a zoom scale\n */\nexport function zoomToPixelsPerMs(zoomScale: number): number {\n  return DEFAULT_PIXELS_PER_MS * zoomScale;\n}\n\n/**\n * Calculate zoom scale from pixels per ms\n */\nexport function pixelsPerMsToZoom(pixelsPerMs: number): number {\n  return pixelsPerMs / DEFAULT_PIXELS_PER_MS;\n}\n"],"mappings":";;;AA2BA,MAAa,uBAAuB,cAA6B,iBAAiB;;;;AAKlF,SAAgB,SAAS,QAAgB,aAA6B;AACpE,QAAO,SAAS;;;;;AAMlB,SAAgB,SAAS,IAAY,aAA6B;AAChE,QAAO,KAAK;;;;;AAMd,MAAa,wBAAwB;;;;AAKrC,MAAa,sBAAsB;;;;AAKnC,MAAa,wBAAwB;;;;AAKrC,MAAa,wBAAwB,sBAAsB,yBAAyB;;;;AAYpF,SAAgB,kBAAkB,aAA6B;AAC7D,QAAO,cAAc"}
+{"version":3,"file":"timelineStateContext.js","names":[],"sources":["../../../src/gui/timeline/timelineStateContext.ts"],"mappings":";;AA2BA,MAAa,uBAAuB,cAA6B,iBAAiB;;;;AAKlF,SAAgB,SAAS,QAAgB,aAA6B;AACpE,QAAO,SAAS;;;;;AAMlB,SAAgB,SAAS,IAAY,aAA6B;AAChE,QAAO,KAAK;;;;;AAMd,MAAa,wBAAwB;;;;AA2BrC,SAAgB,kBAAkB,aAA6B;AAC7D,QAAO,cAAc"}

package/dist/gui/timeline/tracks/AudioTrack.d.ts

@@ -1,2 +1 @@
-import "./TrackItem.js";
 import { nothing } from "lit";

package/dist/gui/timeline/tracks/AudioTrack.js

@@ -1,4 +1,4 @@
-import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.95.0/helpers/decorate.js";
+import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { EFAudio } from "../../../elements/EFAudio.js";
 import { TrackItem } from "./TrackItem.js";
 import { extractWaveformData } from "./waveformUtils.js";
@@ -7,11 +7,10 @@ import { consume } from "@lit/context";
 import { css, html, nothing } from "lit";
 import { customElement, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-
 //#region src/gui/timeline/tracks/AudioTrack.ts
 /** Padding in pixels to render beyond visible area (for smooth scrolling) */
 const VIRTUAL_RENDER_PADDING_PX = 100;
-let EFAudioTrack = class EFAudioTrack$1 extends TrackItem {
+let EFAudioTrack = class EFAudioTrack extends TrackItem {
 	constructor(..._args) {
 		super(..._args);
 		this.canvasRef = createRef();
@@ -257,6 +256,6 @@ __decorate([consume({
 __decorate([state()], EFAudioTrack.prototype, "_waveformData", void 0);
 __decorate([state()], EFAudioTrack.prototype, "_isLoading", void 0);
 EFAudioTrack = __decorate([customElement("ef-audio-track")], EFAudioTrack);
-
 //#endregion
+
 //# sourceMappingURL=AudioTrack.js.map

package/dist/gui/timeline/tracks/AudioTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"AudioTrack.js","names":["EFAudioTrack","#loadWaveformData","#lastSrc","#abortController","#scheduleRender","#renderRequested","#renderWaveform","#getTrackPositionInfo","#hostHeight","#drawWaveformRegion","#resizeObserver","#renderPlaceholder"],"sources":["../../../../src/gui/timeline/tracks/AudioTrack.ts"],"sourcesContent":["import { consume } from \"@lit/context\";\nimport { css, html, nothing } from \"lit\";\nimport { customElement, state } from \"lit/decorators.js\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\nimport { EFAudio } from \"../../../elements/EFAudio.js\";\nimport { TrackItem } from \"./TrackItem.js\";\nimport { extractWaveformData, type WaveformData } from \"./waveformUtils.js\";\nimport { timelineStateContext, type TimelineState } from \"../timelineStateContext.js\";\n\n/** Padding in pixels to render beyond visible area (for smooth scrolling) */\nconst VIRTUAL_RENDER_PADDING_PX = 100;\n\n@customElement(\"ef-audio-track\")\nexport class EFAudioTrack extends TrackItem {\n  static styles = [\n    ...TrackItem.styles,\n    css`\n      .waveform-host {\n        position: absolute;\n        left: 0;\n        top: 2px;\n        right: 0;\n        bottom: 2px;\n        overflow: hidden;\n      }\n      .waveform-canvas {\n        display: block;\n        position: absolute;\n        top: 0;\n        height: 100%;\n        pointer-events: none;\n      }\n      .shimmer-placeholder {\n        position: absolute;\n        left: 0;\n        top: 2px;\n        bottom: 2px;\n        right: 0;\n        background: linear-gradient(\n          90deg,\n          color-mix(in srgb, var(--ef-color-type-audio, #10b981) 20%, transparent) 0%,\n          color-mix(in srgb, var(--ef-color-type-audio, #10b981) 42%, transparent) 50%,\n          color-mix(in srgb, var(--ef-color-type-audio, #10b981) 20%, transparent) 100%\n        );\n        background-size: 200% 100%;\n        border-radius: 2px;\n      }\n      .shimmer-placeholder.is-loading {\n        animation: shimmer var(--ef-loading-shimmer-duration, 1.5s) linear infinite;\n      }\n      @keyframes shimmer {\n        0% { background-position: 200% 0; }\n        100% { background-position: -200% 0; }\n      }\n    `,\n  ];\n\n  canvasRef = createRef<HTMLCanvasElement>();\n\n  /** Timeline state context for viewport info */\n  @consume({ context: timelineStateContext, subscribe: true })\n  @state()\n  private _timelineState?: TimelineState;\n\n  @state()\n  private _waveformData: WaveformData | null = null;\n\n  @state()\n  private _isLoading = false;\n\n  #lastSrc: string | null = null;\n  #abortController: AbortController | null = null;\n  #resizeObserver?: ResizeObserver;\n  #renderRequested = false;\n  #hostHeight = 0;\n\n  /**\n   * Load waveform data when the audio source changes\n   */\n  async #loadWaveformData(): Promise<void> {\n    const audio = this.element as EFAudio;\n    const src = audio?.src;\n\n    // Skip if no source or same source already loaded\n    if (!src || src === this.#lastSrc) {\n      return;\n    }\n\n    this.#lastSrc = src;\n\n    // Cancel any in-progress load\n    this.#abortController?.abort();\n    this.#abortController = new AbortController();\n\n    this._isLoading = true;\n\n    try {\n      const waveformData = await extractWaveformData(audio, this.#abortController.signal);\n\n      if (waveformData) {\n        this._waveformData = waveformData;\n        this.#scheduleRender();\n      }\n    } catch (error) {\n      if (!(error instanceof DOMException && error.name === \"AbortError\")) {\n        console.warn(\"Failed to load waveform data:\", error);\n      }\n    } finally {\n      this._isLoading = false;\n    }\n  }\n\n  /**\n   * Schedule a canvas render on the next animation frame\n   */\n  #scheduleRender(): void {\n    if (this.#renderRequested) return;\n    this.#renderRequested = true;\n\n    requestAnimationFrame(() => {\n      this.#renderRequested = false;\n      this.#renderWaveform();\n    });\n  }\n\n  /**\n   * Get the track's position info relative to timeline scroll\n   */\n  #getTrackPositionInfo(): {\n    trackStartPx: number;\n    trackWidthPx: number;\n    viewportScrollLeft: number;\n    viewportWidth: number;\n    pixelsPerMs: number;\n  } | null {\n    const audio = this.element as EFAudio;\n    const durationMs = audio.durationMs ?? 0;\n    if (durationMs === 0) return null;\n\n    const pixelsPerMs = this._timelineState?.pixelsPerMs ?? this.pixelsPerMs;\n    const trackWidthPx = durationMs * pixelsPerMs;\n\n    // Get track's absolute position from startTimeMs\n    const trackStartMs = audio.startTimeMs ?? 0;\n    const trackStartPx = trackStartMs * pixelsPerMs;\n\n    // Get viewport info from context\n    const viewportScrollLeft = this._timelineState?.viewportScrollLeft ?? 0;\n    const viewportWidth = this._timelineState?.viewportWidth ?? 800;\n\n    return {\n      trackStartPx,\n      trackWidthPx,\n      viewportScrollLeft,\n      viewportWidth,\n      pixelsPerMs,\n    };\n  }\n\n  /**\n   * Render the waveform to canvas with virtual rendering.\n   *\n   * The approach:\n   * 1. Calculate the visible portion of the track (intersection of track and viewport)\n   * 2. Position the canvas at that visible portion within the track\n   * 3. Draw only the waveform data for that visible time range\n   * 4. Update position and content as scroll/zoom changes\n   */\n  #renderWaveform(): void {\n    const canvas = this.canvasRef.value;\n    const waveformData = this._waveformData;\n\n    if (!canvas || !waveformData) return;\n\n    const positionInfo = this.#getTrackPositionInfo();\n    if (!positionInfo) return;\n\n    const { trackStartPx, trackWidthPx, viewportScrollLeft, viewportWidth, pixelsPerMs } =\n      positionInfo;\n\n    // Calculate visible region in absolute pixels (with padding for smooth scrolling)\n    const visibleLeftPx = viewportScrollLeft - VIRTUAL_RENDER_PADDING_PX;\n    const visibleRightPx = viewportScrollLeft + viewportWidth + VIRTUAL_RENDER_PADDING_PX;\n\n    // Track boundaries in absolute pixels\n    const trackEndPx = trackStartPx + trackWidthPx;\n\n    // Check if track is visible at all\n    if (trackEndPx < visibleLeftPx || trackStartPx > visibleRightPx) {\n      // Track not visible, hide canvas\n      canvas.style.display = \"none\";\n      return;\n    }\n    canvas.style.display = \"block\";\n\n    // Calculate the intersection: what part of the track is visible\n    // All coordinates are now relative to the track's left edge (0 = track start)\n    const visibleStartInTrack = Math.max(0, visibleLeftPx - trackStartPx);\n    const visibleEndInTrack = Math.min(trackWidthPx, visibleRightPx - trackStartPx);\n    const visibleWidthPx = visibleEndInTrack - visibleStartInTrack;\n\n    if (visibleWidthPx <= 0) return;\n\n    const height = this.#hostHeight || 18;\n\n    // Set canvas size with DPR\n    const dpr = window.devicePixelRatio || 1;\n    const targetWidth = Math.ceil(visibleWidthPx * dpr);\n    const targetHeight = Math.ceil(height * dpr);\n\n    if (canvas.width !== targetWidth || canvas.height !== targetHeight) {\n      canvas.width = targetWidth;\n      canvas.height = targetHeight;\n    }\n\n    // Position canvas at the visible portion within the track\n    canvas.style.left = `${visibleStartInTrack}px`;\n    canvas.style.width = `${visibleWidthPx}px`;\n    canvas.style.height = `${height}px`;\n\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.clearRect(0, 0, visibleWidthPx, height);\n\n    // Calculate what time range to render\n    const audio = this.element as EFAudio;\n    const sourceInMs = audio.sourceStartMs ?? 0;\n\n    // Convert visible pixel range to time range\n    const timeStartMs = sourceInMs + visibleStartInTrack / pixelsPerMs;\n    const timeEndMs = sourceInMs + visibleEndInTrack / pixelsPerMs;\n\n    // Draw the waveform for the visible portion\n    this.#drawWaveformRegion(\n      ctx,\n      waveformData,\n      0, // Start drawing at x=0 of canvas (canvas is already positioned)\n      visibleWidthPx,\n      height,\n      timeStartMs,\n      timeEndMs,\n    );\n  }\n\n  /**\n   * Draw a region of the waveform to canvas\n   */\n  #drawWaveformRegion(\n    ctx: CanvasRenderingContext2D,\n    waveformData: WaveformData,\n    x: number,\n    width: number,\n    height: number,\n    startMs: number,\n    endMs: number,\n  ): void {\n    const { peaks, samplesPerSecond } = waveformData;\n\n    // Calculate sample range\n    const startSample = Math.floor((startMs / 1000) * samplesPerSecond);\n    const endSample = Math.ceil((endMs / 1000) * samplesPerSecond);\n    const sampleCount = endSample - startSample;\n\n    if (sampleCount <= 0 || width <= 0) return;\n\n    const centerY = height / 2;\n    const halfHeight = height / 2 - 2; // Leave 2px padding top/bottom\n    const color = this.getElementTypeColor();\n\n    ctx.fillStyle = color;\n    ctx.globalAlpha = 0.8;\n    ctx.beginPath();\n\n    // Draw top half (max values) left to right\n    const pixelsPerSample = width / sampleCount;\n\n    for (let i = 0; i <= sampleCount; i++) {\n      const sampleIndex = startSample + i;\n      const peakIndex = sampleIndex * 2;\n\n      // Clamp to valid range\n      if (peakIndex + 1 >= peaks.length) break;\n\n      const maxValue = peaks[peakIndex + 1] ?? 0;\n      const px = x + i * pixelsPerSample;\n      const py = centerY - maxValue * halfHeight;\n\n      if (i === 0) {\n        ctx.moveTo(px, py);\n      } else {\n        ctx.lineTo(px, py);\n      }\n    }\n\n    // Draw bottom half (min values) right to left\n    for (let i = sampleCount; i >= 0; i--) {\n      const sampleIndex = startSample + i;\n      const peakIndex = sampleIndex * 2;\n\n      // Clamp to valid range\n      if (peakIndex >= peaks.length) continue;\n\n      const minValue = peaks[peakIndex] ?? 0;\n      const px = x + i * pixelsPerSample;\n      const py = centerY - minValue * halfHeight;\n\n      ctx.lineTo(px, py);\n    }\n\n    ctx.closePath();\n    ctx.fill();\n\n    // Draw center line\n    ctx.globalAlpha = 0.3;\n    ctx.strokeStyle = color;\n    ctx.lineWidth = 1;\n    ctx.beginPath();\n    ctx.moveTo(x, centerY);\n    ctx.lineTo(x + width, centerY);\n    ctx.stroke();\n\n    ctx.globalAlpha = 1;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    // Start loading waveform data\n    this.#loadWaveformData();\n\n    // Observe size changes\n    this.#resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        this.#hostHeight = entry.borderBoxSize?.[0]?.blockSize ?? entry.contentRect.height;\n        this.#scheduleRender();\n      }\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#abortController?.abort();\n    this.#resizeObserver?.disconnect();\n  }\n\n  updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    super.updated(changedProperties);\n\n    // Check if we need to reload waveform data\n    const audio = this.element as EFAudio;\n    if (audio?.src !== this.#lastSrc) {\n      this.#loadWaveformData();\n    }\n\n    // Re-render when timeline state changes (scroll, zoom)\n    if (changedProperties.has(\"_timelineState\")) {\n      this.#scheduleRender();\n    }\n\n    // Attach resize observer to track container once rendered\n    if (this.canvasRef.value && this.#resizeObserver) {\n      const container = this.canvasRef.value.parentElement;\n      if (container) {\n        this.#resizeObserver.disconnect();\n        this.#resizeObserver.observe(container);\n      }\n    }\n\n    // Always schedule render after update to catch any changes\n    this.#scheduleRender();\n  }\n\n  contents() {\n    const audio = this.element as EFAudio;\n    if (!(audio instanceof EFAudio)) {\n      return nothing;\n    }\n\n    const durationMs = audio.durationMs ?? 0;\n    if (durationMs === 0) {\n      return nothing;\n    }\n\n    // Show loading placeholder if no waveform data yet\n    if (!this._waveformData) {\n      return this.#renderPlaceholder();\n    }\n\n    // The host fills the track container, canvas is positioned within it\n    return html`\n      <div class=\"waveform-host\">\n        <canvas ${ref(this.canvasRef)} class=\"waveform-canvas\"></canvas>\n      </div>\n    `;\n  }\n\n  #renderPlaceholder() {\n    return html`<div\n      class=\"shimmer-placeholder ${this._isLoading ? \"is-loading\" : \"\"}\"\n    ></div>`;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAUA,MAAM,4BAA4B;AAG3B,yBAAMA,uBAAqB,UAAU;;;mBA4C9B,WAA8B;uBAQG;oBAGxB;;;gBAtDL,CACd,GAAG,UAAU,QACb,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuCJ;;CAeD,WAA0B;CAC1B,mBAA2C;CAC3C;CACA,mBAAmB;CACnB,cAAc;;;;CAKd,OAAMC,mBAAmC;EACvC,MAAM,QAAQ,KAAK;EACnB,MAAM,MAAM,OAAO;AAGnB,MAAI,CAAC,OAAO,QAAQ,MAAKC,QACvB;AAGF,QAAKA,UAAW;AAGhB,QAAKC,iBAAkB,OAAO;AAC9B,QAAKA,kBAAmB,IAAI,iBAAiB;AAE7C,OAAK,aAAa;AAElB,MAAI;GACF,MAAM,eAAe,MAAM,oBAAoB,OAAO,MAAKA,gBAAiB,OAAO;AAEnF,OAAI,cAAc;AAChB,SAAK,gBAAgB;AACrB,UAAKC,gBAAiB;;WAEjB,OAAO;AACd,OAAI,EAAE,iBAAiB,gBAAgB,MAAM,SAAS,cACpD,SAAQ,KAAK,iCAAiC,MAAM;YAE9C;AACR,QAAK,aAAa;;;;;;CAOtB,kBAAwB;AACtB,MAAI,MAAKC,gBAAkB;AAC3B,QAAKA,kBAAmB;AAExB,8BAA4B;AAC1B,SAAKA,kBAAmB;AACxB,SAAKC,gBAAiB;IACtB;;;;;CAMJ,wBAMS;EACP,MAAM,QAAQ,KAAK;EACnB,MAAM,aAAa,MAAM,cAAc;AACvC,MAAI,eAAe,EAAG,QAAO;EAE7B,MAAM,cAAc,KAAK,gBAAgB,eAAe,KAAK;EAC7D,MAAM,eAAe,aAAa;AAUlC,SAAO;GACL,eARmB,MAAM,eAAe,KACN;GAQlC;GACA,oBANyB,KAAK,gBAAgB,sBAAsB;GAOpE,eANoB,KAAK,gBAAgB,iBAAiB;GAO1D;GACD;;;;;;;;;;;CAYH,kBAAwB;EACtB,MAAM,SAAS,KAAK,UAAU;EAC9B,MAAM,eAAe,KAAK;AAE1B,MAAI,CAAC,UAAU,CAAC,aAAc;EAE9B,MAAM,eAAe,MAAKC,sBAAuB;AACjD,MAAI,CAAC,aAAc;EAEnB,MAAM,EAAE,cAAc,cAAc,oBAAoB,eAAe,gBACrE;EAGF,MAAM,gBAAgB,qBAAqB;EAC3C,MAAM,iBAAiB,qBAAqB,gBAAgB;AAM5D,MAHmB,eAAe,eAGjB,iBAAiB,eAAe,gBAAgB;AAE/D,UAAO,MAAM,UAAU;AACvB;;AAEF,SAAO,MAAM,UAAU;EAIvB,MAAM,sBAAsB,KAAK,IAAI,GAAG,gBAAgB,aAAa;EACrE,MAAM,oBAAoB,KAAK,IAAI,cAAc,iBAAiB,aAAa;EAC/E,MAAM,iBAAiB,oBAAoB;AAE3C,MAAI,kBAAkB,EAAG;EAEzB,MAAM,SAAS,MAAKC,cAAe;EAGnC,MAAM,MAAM,OAAO,oBAAoB;EACvC,MAAM,cAAc,KAAK,KAAK,iBAAiB,IAAI;EACnD,MAAM,eAAe,KAAK,KAAK,SAAS,IAAI;AAE5C,MAAI,OAAO,UAAU,eAAe,OAAO,WAAW,cAAc;AAClE,UAAO,QAAQ;AACf,UAAO,SAAS;;AAIlB,SAAO,MAAM,OAAO,GAAG,oBAAoB;AAC3C,SAAO,MAAM,QAAQ,GAAG,eAAe;AACvC,SAAO,MAAM,SAAS,GAAG,OAAO;EAEhC,MAAM,MAAM,OAAO,WAAW,KAAK;AACnC,MAAI,CAAC,IAAK;AAEV,MAAI,aAAa,KAAK,GAAG,GAAG,KAAK,GAAG,EAAE;AACtC,MAAI,UAAU,GAAG,GAAG,gBAAgB,OAAO;EAI3C,MAAM,aADQ,KAAK,QACM,iBAAiB;EAG1C,MAAM,cAAc,aAAa,sBAAsB;EACvD,MAAM,YAAY,aAAa,oBAAoB;AAGnD,QAAKC,mBACH,KACA,cACA,GACA,gBACA,QACA,aACA,UACD;;;;;CAMH,oBACE,KACA,cACA,GACA,OACA,QACA,SACA,OACM;EACN,MAAM,EAAE,OAAO,qBAAqB;EAGpC,MAAM,cAAc,KAAK,MAAO,UAAU,MAAQ,iBAAiB;EAEnE,MAAM,cADY,KAAK,KAAM,QAAQ,MAAQ,iBAAiB,GAC9B;AAEhC,MAAI,eAAe,KAAK,SAAS,EAAG;EAEpC,MAAM,UAAU,SAAS;EACzB,MAAM,aAAa,SAAS,IAAI;EAChC,MAAM,QAAQ,KAAK,qBAAqB;AAExC,MAAI,YAAY;AAChB,MAAI,cAAc;AAClB,MAAI,WAAW;EAGf,MAAM,kBAAkB,QAAQ;AAEhC,OAAK,IAAI,IAAI,GAAG,KAAK,aAAa,KAAK;GAErC,MAAM,aADc,cAAc,KACF;AAGhC,OAAI,YAAY,KAAK,MAAM,OAAQ;GAEnC,MAAM,WAAW,MAAM,YAAY,MAAM;GACzC,MAAM,KAAK,IAAI,IAAI;GACnB,MAAM,KAAK,UAAU,WAAW;AAEhC,OAAI,MAAM,EACR,KAAI,OAAO,IAAI,GAAG;OAElB,KAAI,OAAO,IAAI,GAAG;;AAKtB,OAAK,IAAI,IAAI,aAAa,KAAK,GAAG,KAAK;GAErC,MAAM,aADc,cAAc,KACF;AAGhC,OAAI,aAAa,MAAM,OAAQ;GAE/B,MAAM,WAAW,MAAM,cAAc;GACrC,MAAM,KAAK,IAAI,IAAI;GACnB,MAAM,KAAK,UAAU,WAAW;AAEhC,OAAI,OAAO,IAAI,GAAG;;AAGpB,MAAI,WAAW;AACf,MAAI,MAAM;AAGV,MAAI,cAAc;AAClB,MAAI,cAAc;AAClB,MAAI,YAAY;AAChB,MAAI,WAAW;AACf,MAAI,OAAO,GAAG,QAAQ;AACtB,MAAI,OAAO,IAAI,OAAO,QAAQ;AAC9B,MAAI,QAAQ;AAEZ,MAAI,cAAc;;CAGpB,oBAA0B;AACxB,QAAM,mBAAmB;AAGzB,QAAKR,kBAAmB;AAGxB,QAAKS,iBAAkB,IAAI,gBAAgB,YAAY;AACrD,QAAK,MAAM,SAAS,SAAS;AAC3B,UAAKF,aAAc,MAAM,gBAAgB,IAAI,aAAa,MAAM,YAAY;AAC5E,UAAKJ,gBAAiB;;IAExB;;CAGJ,uBAA6B;AAC3B,QAAM,sBAAsB;AAC5B,QAAKD,iBAAkB,OAAO;AAC9B,QAAKO,gBAAiB,YAAY;;CAGpC,QAAQ,mBAAiE;AACvE,QAAM,QAAQ,kBAAkB;AAIhC,MADc,KAAK,SACR,QAAQ,MAAKR,QACtB,OAAKD,kBAAmB;AAI1B,MAAI,kBAAkB,IAAI,iBAAiB,CACzC,OAAKG,gBAAiB;AAIxB,MAAI,KAAK,UAAU,SAAS,MAAKM,gBAAiB;GAChD,MAAM,YAAY,KAAK,UAAU,MAAM;AACvC,OAAI,WAAW;AACb,UAAKA,eAAgB,YAAY;AACjC,UAAKA,eAAgB,QAAQ,UAAU;;;AAK3C,QAAKN,gBAAiB;;CAGxB,WAAW;EACT,MAAM,QAAQ,KAAK;AACnB,MAAI,EAAE,iBAAiB,SACrB,QAAO;AAIT,OADmB,MAAM,cAAc,OACpB,EACjB,QAAO;AAIT,MAAI,CAAC,KAAK,cACR,QAAO,MAAKO,mBAAoB;AAIlC,SAAO,IAAI;;kBAEG,IAAI,KAAK,UAAU,CAAC;;;;CAKpC,qBAAqB;AACnB,SAAO,IAAI;mCACoB,KAAK,aAAa,eAAe,GAAG;;;;YApVpE,QAAQ;CAAE,SAAS;CAAsB,WAAW;CAAM,CAAC,EAC3D,OAAO;YAGP,OAAO;YAGP,OAAO;2BAvDT,cAAc,iBAAiB"}
+{"version":3,"file":"AudioTrack.js","names":["#loadWaveformData","#lastSrc","#abortController","#scheduleRender","#renderRequested","#renderWaveform","#getTrackPositionInfo","#hostHeight","#drawWaveformRegion","#resizeObserver","#renderPlaceholder"],"sources":["../../../../src/gui/timeline/tracks/AudioTrack.ts"],"mappings":"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"}

package/dist/gui/timeline/tracks/CaptionsTrack.d.ts

@@ -1,11 +1,11 @@
 import { TrackItem } from "./TrackItem.js";
 import { Caption } from "../../../elements/EFCaptions.js";
-import * as lit43 from "lit";
+import * as _$lit from "lit";
 import { TemplateResult, nothing } from "lit";
 
 //#region src/gui/timeline/tracks/CaptionsTrack.d.ts
 declare class EFCaptionsTrack extends TrackItem {
-  static styles: lit43.CSSResult[];
+  static styles: _$lit.CSSResult[];
   contextCurrentTimeMs: number;
   private lastPixelsPerMs;
   protected updated(changedProperties: Map<string | number | symbol, unknown>): void;

package/dist/gui/timeline/tracks/CaptionsTrack.js

@@ -1,5 +1,5 @@
 import { currentTimeContext } from "../../currentTimeContext.js";
-import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.95.0/helpers/decorate.js";
+import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { ICONS, phosphorIcon } from "../../icons.js";
 import { getElementTypeColor } from "../../theme.js";
 import { TrackItem } from "./TrackItem.js";
@@ -7,7 +7,6 @@ import { consume } from "@lit/context";
 import { css, html, nothing } from "lit";
 import { customElement } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
-
 //#region src/gui/timeline/tracks/CaptionsTrack.ts
 let measurementCanvas = null;
 let measurementContext = null;
@@ -27,7 +26,8 @@ function measureTextWidth(text, fontSize, fontWeight = 500) {
 		measurementContext = measurementCanvas.getContext("2d");
 	}
 	if (!measurementContext) return text.length * fontSize * .6;
-	measurementContext.font = `${fontWeight} ${fontSize}px ${getComputedStyle(document.body).fontFamily || "system-ui, sans-serif"}`;
+	const fontFamily = getComputedStyle(document.body).fontFamily || "system-ui, sans-serif";
+	measurementContext.font = `${fontWeight} ${fontSize}px ${fontFamily}`;
 	const width = measurementContext.measureText(text).width;
 	if (textMeasurementCache.size >= MAX_CACHE_SIZE) {
 		const keysToDelete = Array.from(textMeasurementCache.keys()).slice(0, MAX_CACHE_SIZE / 2);
@@ -74,7 +74,7 @@ function canWordsFitIndividually(words, segmentStart, segmentWidthPx, pixelsPerM
 		reason: `words exceed segment (total text: ${totalTextWidth.toFixed(1)}px, segment: ${segmentWidthPx.toFixed(1)}px)`
 	};
 }
-let EFCaptionsTrack = class EFCaptionsTrack$1 extends TrackItem {
+let EFCaptionsTrack = class EFCaptionsTrack extends TrackItem {
 	constructor(..._args) {
 		super(..._args);
 		this.contextCurrentTimeMs = 0;
@@ -366,7 +366,7 @@ __decorate([consume({
 	subscribe: true
 })], EFCaptionsTrack.prototype, "contextCurrentTimeMs", void 0);
 EFCaptionsTrack = __decorate([customElement("ef-captions-track")], EFCaptionsTrack);
-let EFCaptionsActiveWordTrack = class EFCaptionsActiveWordTrack$1 extends TrackItem {
+let EFCaptionsActiveWordTrack = class EFCaptionsActiveWordTrack extends TrackItem {
 	get captionsTrackStyles() {
 		const parentCaptions = this.element.closest("ef-captions");
 		return {
@@ -408,7 +408,7 @@ let EFCaptionsActiveWordTrack = class EFCaptionsActiveWordTrack$1 extends TrackI
 	}
 };
 EFCaptionsActiveWordTrack = __decorate([customElement("ef-captions-active-word-track")], EFCaptionsActiveWordTrack);
-let EFCaptionsSegmentTrack = class EFCaptionsSegmentTrack$1 extends TrackItem {
+let EFCaptionsSegmentTrack = class EFCaptionsSegmentTrack extends TrackItem {
 	get captionsTrackStyles() {
 		const parentCaptions = this.element.closest("ef-captions");
 		return {
@@ -450,7 +450,7 @@ let EFCaptionsSegmentTrack = class EFCaptionsSegmentTrack$1 extends TrackItem {
 	}
 };
 EFCaptionsSegmentTrack = __decorate([customElement("ef-captions-segment-track")], EFCaptionsSegmentTrack);
-let EFCaptionsBeforeWordTrack = class EFCaptionsBeforeWordTrack$1 extends TrackItem {
+let EFCaptionsBeforeWordTrack = class EFCaptionsBeforeWordTrack extends TrackItem {
 	get captionsTrackStyles() {
 		const parentCaptions = this.element.closest("ef-captions");
 		return {
@@ -491,7 +491,7 @@ let EFCaptionsBeforeWordTrack = class EFCaptionsBeforeWordTrack$1 extends TrackI
 	}
 };
 EFCaptionsBeforeWordTrack = __decorate([customElement("ef-captions-before-word-track")], EFCaptionsBeforeWordTrack);
-let EFCaptionsAfterWordTrack = class EFCaptionsAfterWordTrack$1 extends TrackItem {
+let EFCaptionsAfterWordTrack = class EFCaptionsAfterWordTrack extends TrackItem {
 	get captionsTrackStyles() {
 		const parentCaptions = this.element.closest("ef-captions");
 		return {
@@ -532,6 +532,6 @@ let EFCaptionsAfterWordTrack = class EFCaptionsAfterWordTrack$1 extends TrackIte
 	}
 };
 EFCaptionsAfterWordTrack = __decorate([customElement("ef-captions-after-word-track")], EFCaptionsAfterWordTrack);
-
 //#endregion
+
 //# sourceMappingURL=CaptionsTrack.js.map

package/dist/gui/timeline/tracks/CaptionsTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaptionsTrack.js","names":["measurementCanvas: HTMLCanvasElement | null","measurementContext: CanvasRenderingContext2D | null","wordWidths: Array<{\n    textWidth: number;\n    timeWidth: number;\n    startPx: number;\n    endPx: number;\n  }>","EFCaptionsTrack","EFCaptionsActiveWordTrack","EFCaptionsSegmentTrack","EFCaptionsBeforeWordTrack","EFCaptionsAfterWordTrack"],"sources":["../../../../src/gui/timeline/tracks/CaptionsTrack.ts"],"sourcesContent":["import { consume } from \"@lit/context\";\nimport { css, html, nothing, type TemplateResult } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { type Caption, EFCaptions, type WordSegment } from \"../../../elements/EFCaptions.js\";\nimport { phosphorIcon, ICONS } from \"../../icons.js\";\nimport { currentTimeContext } from \"../../currentTimeContext.js\";\n// TrackItem must be pre-loaded before this module is imported\n// See preloadTracks.ts for the initialization sequence\nimport { TrackItem } from \"./TrackItem.js\";\nimport { getElementTypeColor } from \"../../theme.js\";\n\n// Shared canvas context for text measurement (avoids creating new canvas each time)\nlet measurementCanvas: HTMLCanvasElement | null = null;\nlet measurementContext: CanvasRenderingContext2D | null = null;\n// Cache for text measurements: key is \"text:fontSize:fontWeight\"\nconst textMeasurementCache = new Map<string, number>();\nconst MAX_CACHE_SIZE = 500;\n\n/**\n * Measure text width accurately using canvas.\n * Matches the actual font used in word elements (font-weight: 500).\n * Results are cached to avoid repeated measurements of the same text.\n */\nfunction measureTextWidth(text: string, fontSize: number, fontWeight: number = 500): number {\n  // Check cache first\n  const cacheKey = `${text}:${fontSize}:${fontWeight}`;\n  const cached = textMeasurementCache.get(cacheKey);\n  if (cached !== undefined) {\n    return cached;\n  }\n\n  // Initialize shared canvas context if needed\n  if (!measurementCanvas || !measurementContext) {\n    measurementCanvas = document.createElement(\"canvas\");\n    measurementContext = measurementCanvas.getContext(\"2d\");\n  }\n\n  if (!measurementContext) {\n    return text.length * fontSize * 0.6; // Fallback estimate\n  }\n\n  // Match the actual font used in word elements\n  const fontFamily = getComputedStyle(document.body).fontFamily || \"system-ui, sans-serif\";\n  measurementContext.font = `${fontWeight} ${fontSize}px ${fontFamily}`;\n  const width = measurementContext.measureText(text).width;\n\n  // Cache the result (with size limit to prevent memory leaks)\n  if (textMeasurementCache.size >= MAX_CACHE_SIZE) {\n    // Clear oldest entries (simple strategy: clear half the cache)\n    const keysToDelete = Array.from(textMeasurementCache.keys()).slice(0, MAX_CACHE_SIZE / 2);\n    for (const key of keysToDelete) {\n      textMeasurementCache.delete(key);\n    }\n  }\n  textMeasurementCache.set(cacheKey, width);\n\n  return width;\n}\n\n/**\n * Check if words can fit individually within a segment when positioned by time\n *\n * Strategy: Allow overlaps as long as all words can be rendered within the container.\n * Only use compact mode when words are so cramped they can't be displayed at all.\n */\nfunction canWordsFitIndividually(\n  words: WordSegment[],\n  segmentStart: number,\n  segmentWidthPx: number,\n  pixelsPerMs: number,\n): { fits: boolean; reason?: string } {\n  if (words.length === 0) {\n    return { fits: false, reason: \"no words\" };\n  }\n\n  // Measure total text width of all words (as if rendered sequentially)\n  let totalTextWidth = 0;\n  const wordWidths: Array<{\n    textWidth: number;\n    timeWidth: number;\n    startPx: number;\n    endPx: number;\n  }> = [];\n\n  for (const word of words) {\n    if (!word) continue;\n\n    // Measure actual text width (with padding: 2px left + 2px right = 4px total)\n    const textWidth = measureTextWidth(word.text.trim(), 9, 500) + 4;\n\n    // Calculate time-based position and width\n    const startPx = pixelsPerMs * (word.start - segmentStart) * 1000;\n    const endPx = pixelsPerMs * (word.end - segmentStart) * 1000;\n    const timeWidth = endPx - startPx;\n\n    wordWidths.push({ textWidth, timeWidth, startPx, endPx });\n    totalTextWidth += textWidth;\n  }\n\n  // Key insight: If total text width fits in segment, we can render words individually\n  // even if they overlap based on their time positions\n  // Use 90% threshold to account for some spacing/overlap\n  if (totalTextWidth <= segmentWidthPx * 0.9) {\n    // All words can fit - use positioned mode (overlaps are okay)\n    return { fits: true };\n  }\n\n  // If total text doesn't fit, check if individual words are too narrow to be readable\n  // If any word's time-based width is less than 30% of its text width, it's unreadable\n  for (const { textWidth, timeWidth } of wordWidths) {\n    if (timeWidth < textWidth * 0.3) {\n      return {\n        fits: false,\n        reason: `word too narrow (${timeWidth.toFixed(1)}px < ${(textWidth * 0.3).toFixed(1)}px)`,\n      };\n    }\n  }\n\n  // If words are readable individually but total text is too wide,\n  // check if they can still fit with overlaps\n  // Find the maximum right edge of all words\n  const maxEndPx = Math.max(...wordWidths.map((w) => w.endPx));\n\n  // If the rightmost word fits within the segment, allow overlaps\n  if (maxEndPx <= segmentWidthPx * 1.1) {\n    return { fits: true };\n  }\n\n  // Words don't fit - use compact mode\n  return {\n    fits: false,\n    reason: `words exceed segment (total text: ${totalTextWidth.toFixed(1)}px, segment: ${segmentWidthPx.toFixed(1)}px)`,\n  };\n}\n\n@customElement(\"ef-captions-track\")\nexport class EFCaptionsTrack extends TrackItem {\n  static styles = [\n    ...TrackItem.styles,\n    css`\n      .segment-block {\n        position: absolute;\n        border-radius: 3px;\n        transition: box-shadow 0.15s ease, z-index 0.15s ease;\n        cursor: pointer;\n        overflow: visible;\n      }\n      \n      .segment-block:hover {\n        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n        z-index: 5;\n      }\n      \n      .word-element {\n        position: absolute;\n        font-size: 9px;\n        line-height: 1.2;\n        white-space: nowrap;\n        font-weight: 500;\n        top: 50%;\n        transform: translateY(-50%);\n        padding: 2px 4px;\n        border-radius: 2px;\n        transition: all 0.1s ease;\n        background: var(--ef-color-bg-elevated);\n        color: var(--ef-color-text);\n        z-index: 1;\n      }\n      \n      .word-element.active {\n        background: var(--ef-color-success);\n        color: rgb(20, 30, 20);\n        font-weight: 700;\n        font-size: 10px;\n        z-index: 10;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n      }\n      \n      .word-element.future {\n        background: var(--ef-color-bg-inset);\n        color: var(--ef-color-text);\n        z-index: 5;\n      }\n      \n      .segment-block.active .word-element:not(.active):not(.future) {\n        color: var(--ef-color-text-muted);\n        background: var(--ef-color-bg-elevated);\n      }\n      \n      /* Compact text mode - when words are too small to position individually */\n      .segment-block.compact-text {\n        display: flex;\n        align-items: center;\n        padding: 0 4px;\n        overflow: hidden;\n        /* Keep position: absolute from .segment-block for correct time-based positioning */\n      }\n      \n      /* Allow overflow on hover for compact text */\n      .segment-block.compact-text:hover {\n        overflow: visible;\n        z-index: 100;\n        /* Expand to fit content on hover */\n        width: max-content !important;\n        min-width: max-content;\n        background: var(--ef-color-bg-elevated) !important;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n      }\n      \n      .segment-text-compact {\n        font-size: 10px;\n        line-height: 1.2;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        color: var(--ef-color-text);\n        width: 100%;\n      }\n      \n      /* On hover, show full text */\n      .segment-block.compact-text:hover .segment-text-compact {\n        overflow: visible;\n        text-overflow: clip;\n      }\n      \n      .segment-block.compact-text.active .segment-text-compact {\n        color: var(--ef-color-text-muted);\n        font-weight: 500;\n      }\n      \n      .segment-duration-indicator {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: currentColor;\n        opacity: 0.2;\n        border-radius: 0 0 3px 3px;\n      }\n      \n      .segment-block.active .segment-duration-indicator {\n        opacity: 0.4;\n        height: 2px;\n      }\n      \n      .word-marker {\n        position: absolute;\n        bottom: 0;\n        width: 1px;\n        height: 30%;\n        background: var(--ef-color-border-subtle);\n        pointer-events: none;\n      }\n      \n      .word-marker.active {\n        background: var(--ef-color-text);\n        height: 50%;\n        width: 2px;\n      }\n    `,\n  ];\n\n  @consume({ context: currentTimeContext, subscribe: true })\n  contextCurrentTimeMs = 0;\n\n  private lastPixelsPerMs = 0;\n\n  protected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    super.updated(changedProperties);\n\n    // Re-render when pixelsPerMs changes (zoom level changes)\n    if (changedProperties.has(\"pixelsPerMs\")) {\n      const currentPixelsPerMs = this.pixelsPerMs;\n      if (currentPixelsPerMs !== this.lastPixelsPerMs) {\n        this.lastPixelsPerMs = currentPixelsPerMs;\n        // Force update to recalculate layout mode\n        this.requestUpdate();\n      }\n    }\n  }\n\n  render() {\n    const captions = this.element as EFCaptions;\n    const captionsData = captions.unifiedCaptionsDataTask.value;\n\n    return html`<div style=${styleMap(this.gutterStyles)}>\n      <div\n        class=\"relative\"\n        style=\"background-color: var(--filmstrip-bg);\"\n        ?data-focused=${this.isFocused}\n        @mouseenter=${() => {\n          if (this.focusContext) {\n            this.focusContext.focusedElement = this.element;\n          }\n        }}\n        @mouseleave=${() => {\n          if (this.focusContext) {\n            this.focusContext.focusedElement = null;\n          }\n        }}\n      >\n        <div\n          ?data-focused=${this.isFocused}\n          class=\"trim-container relative mb-0 block text-nowrap border text-sm overflow-visible\"\n          style=${styleMap({\n            ...this.trimPortionStyles,\n            height: \"var(--timeline-track-height, 22px)\",\n            backgroundColor: this.isFocused\n              ? \"var(--filmstrip-item-focused)\"\n              : \"var(--filmstrip-item-bg)\",\n            borderColor: \"var(--filmstrip-border)\",\n            borderLeftColor: this.getElementTypeColor(),\n            borderLeftWidth: \"3px\",\n            minHeight: \"22px\",\n          })}\n        >\n          ${this.renderCaptionsData(captionsData)}\n          ${\n            this.enableTrim\n              ? html`<ef-trim-handles\n                element-id=${(this.element as HTMLElement).id || \"\"}\n                pixels-per-ms=${this.pixelsPerMs}\n                trim-start-ms=${this.element.trimStartMs ?? 0}\n                trim-end-ms=${this.element.trimEndMs ?? 0}\n                intrinsic-duration-ms=${this.element.intrinsicDurationMs ?? this.element.durationMs}\n                @trim-change=${this.handleTrimChange}\n              ></ef-trim-handles>`\n              : nothing\n          }\n        </div>\n      </div>\n      ${this.renderChildren()}\n    </div>`;\n  }\n\n  renderCaptionsData(captionsData: Caption | null | undefined) {\n    if (!captionsData) {\n      return html``;\n    }\n\n    const captions = this.element as EFCaptions;\n    const rootTimegroup = captions.rootTimegroup;\n    // Use context current time for reactivity, fallback to rootTimegroup\n    const currentTimeMs = this.contextCurrentTimeMs || rootTimegroup?.currentTimeMs || 0;\n    const captionsLocalTimeMs = currentTimeMs - captions.startTimeMs;\n    const captionsLocalTimeSec = captionsLocalTimeMs / 1000;\n\n    // Get element type color for captions using shared theme utility\n    const captionColor = getElementTypeColor(\"captions\", this);\n\n    // Find active word for highlighting\n    const activeWord = captionsData.word_segments.find(\n      (word) => captionsLocalTimeSec >= word.start && captionsLocalTimeSec < word.end,\n    );\n\n    // Render word markers for visual density indication (subtle)\n    const wordMarkers = captionsData.word_segments.map((word) => {\n      const wordStartPx = this.pixelsPerMs * word.start * 1000;\n      const wordWidth = this.pixelsPerMs * (word.end - word.start) * 1000;\n      const isActive = word === activeWord;\n\n      // Only show markers if they're wide enough to be visible\n      if (wordWidth < 1.5) return nothing;\n\n      return html`<div\n        class=\"word-marker ${isActive ? \"active\" : \"\"}\"\n        style=${styleMap({\n          left: `${wordStartPx}px`,\n        })}\n      ></div>`;\n    });\n\n    // Render semantic segment blocks with words positioned by their actual timing\n    const segmentElements = captionsData.segments.map((segment) => {\n      const isActiveSegment =\n        captionsLocalTimeSec >= segment.start && captionsLocalTimeSec < segment.end;\n\n      const segmentStartPx = this.pixelsPerMs * segment.start * 1000;\n      const segmentWidth = this.pixelsPerMs * (segment.end - segment.start) * 1000;\n      const segmentDuration = (segment.end - segment.start) * 1000;\n\n      // Get words in this segment, sorted by start time\n      const wordsInSegment = captionsData.word_segments\n        .filter((word) => word.start >= segment.start && word.end <= segment.end)\n        .sort((a, b) => a.start - b.start);\n\n      // Calculate visual density based on word count\n      const density = Math.min(wordsInSegment.length / 10, 1);\n\n      // Use actual measurement to determine if words can fit individually\n      // Allow overlaps - only use compact mode when words can't be rendered at all\n      const measurementResult = canWordsFitIndividually(\n        wordsInSegment,\n        segment.start,\n        segmentWidth,\n        this.pixelsPerMs,\n      );\n\n      const useCompactText = !measurementResult.fits;\n      let avgSpacing = 0;\n\n      // Calculate average spacing for font scaling (only if using positioned mode)\n      if (!useCompactText && wordsInSegment.length > 1) {\n        let totalSpacing = 0;\n        let spacingCount = 0;\n\n        for (let i = 0; i < wordsInSegment.length - 1; i++) {\n          const word1 = wordsInSegment[i];\n          const word2 = wordsInSegment[i + 1];\n          if (!word1 || !word2) continue;\n\n          const word1EndPx = this.pixelsPerMs * (word1.end - segment.start) * 1000;\n          const word2StartPx = this.pixelsPerMs * (word2.start - segment.start) * 1000;\n          const spacing = word2StartPx - word1EndPx;\n\n          if (spacing > 0) {\n            totalSpacing += spacing;\n            spacingCount++;\n          }\n        }\n\n        avgSpacing = spacingCount > 0 ? totalSpacing / spacingCount : 0;\n      }\n\n      // Calculate optimal font size for positioned words (if not using compact mode)\n      const MIN_READABLE_FONT_SIZE = 6; // Minimum readable font size in pixels\n      const baseFontSize = 9;\n      const activeFontSize = 10;\n      let scaledFontSize = baseFontSize;\n      let scaledActiveFontSize = activeFontSize;\n\n      if (!useCompactText && wordsInSegment.length > 1 && avgSpacing < 8) {\n        // Scale down font size proportionally, but don't go below minimum\n        const scaleFactor = Math.max(MIN_READABLE_FONT_SIZE / baseFontSize, avgSpacing / 8);\n        scaledFontSize = Math.max(MIN_READABLE_FONT_SIZE, baseFontSize * scaleFactor);\n        scaledActiveFontSize = Math.max(MIN_READABLE_FONT_SIZE, activeFontSize * scaleFactor);\n      }\n\n      // Render words positioned by their actual timing within the segment\n      const renderWords = () => {\n        if (useCompactText) {\n          // Compact mode: show text that can overflow on hover\n          return html`\n            <span class=\"segment-text-compact\">${segment.text}</span>\n          `;\n        }\n\n        // Positioned mode: render words at their time positions\n        return wordsInSegment.map((word) => {\n          // Position relative to segment start\n          const wordOffsetFromSegmentStart = (word.start - segment.start) * 1000;\n          const wordLeftPx = this.pixelsPerMs * wordOffsetFromSegmentStart;\n          const wordWidthPx = this.pixelsPerMs * (word.end - word.start) * 1000;\n          const isActive = word === activeWord;\n\n          // Determine if word is in the future (after active word)\n          const isFuture = activeWord && word.start > activeWord.end;\n\n          return html`\n            <span\n              class=\"word-element ${isActive ? \"active\" : \"\"} ${isFuture ? \"future\" : \"\"}\"\n              style=${styleMap({\n                left: `${wordLeftPx}px`,\n                minWidth: `${Math.max(wordWidthPx, 8)}px`,\n                fontSize: isActive ? `${scaledActiveFontSize}px` : `${scaledFontSize}px`,\n                top: \"50%\",\n              })}\n              title=\"Word: '${word.text}' (${word.start.toFixed(2)}s - ${word.end.toFixed(2)}s)\"\n            >\n              ${word.text.trim()}\n            </span>\n          `;\n        });\n      };\n\n      return html`<div\n        class=\"segment-block ${isActiveSegment ? \"active\" : \"\"} ${useCompactText ? \"compact-text\" : \"\"}\"\n        style=${styleMap({\n          left: `${segmentStartPx}px`,\n          width: `${Math.max(segmentWidth, 4)}px`,\n          height: \"100%\",\n          top: \"0px\",\n          backgroundColor: isActiveSegment\n            ? `color-mix(in srgb, var(--ef-color-type-captions) ${30 + density * 20}%, transparent)`\n            : `color-mix(in srgb, var(--ef-color-type-captions) ${10 + density * 10}%, transparent)`,\n          borderColor: isActiveSegment\n            ? captionColor\n            : `color-mix(in srgb, var(--ef-color-type-captions) 40%, transparent)`,\n          minWidth: segmentWidth < 20 ? \"20px\" : \"auto\",\n        })}\n        title=${\n          useCompactText\n            ? `Caption: '${segment.text}'\\nDuration: ${this.formatDuration(segmentDuration)}\\nTime: ${segment.start.toFixed(2)}s - ${segment.end.toFixed(2)}s`\n            : `Caption: '${segment.text}'\\nDuration: ${this.formatDuration(segmentDuration)}\\nTime: ${segment.start.toFixed(2)}s - ${segment.end.toFixed(2)}s\\nWords: ${wordsInSegment.length}`\n        }\n        @click=${(e: MouseEvent) => {\n          e.stopPropagation();\n          // Affordance: Click to seek to segment start\n          if (rootTimegroup) {\n            const absoluteStartTime = captions.startTimeMs + segment.start * 1000;\n            rootTimegroup.currentTimeMs = absoluteStartTime;\n          }\n        }}\n      >\n        ${renderWords()}\n        ${!useCompactText ? html`<div class=\"segment-duration-indicator\"></div>` : nothing}\n      </div>`;\n    });\n\n    return html`\n      ${wordMarkers}\n      ${segmentElements}\n    `;\n  }\n\n  renderChildren(): Array<TemplateResult<1> | typeof nothing> | typeof nothing {\n    // Don't render child tracks - captions are consolidated into a single track\n    // Child elements (active-word, segment, before-word, after-word) are handled\n    // inline within the main captions track visualization\n    return nothing;\n  }\n}\n\n@customElement(\"ef-captions-active-word-track\")\nexport class EFCaptionsActiveWordTrack extends TrackItem {\n  get captionsTrackStyles() {\n    const parentCaptions = this.element.closest(\"ef-captions\") as EFCaptions;\n    return {\n      position: \"relative\",\n      left: `${this.pixelsPerMs * (parentCaptions?.startTimeWithinParentMs || 0)}px`,\n      width: `${this.pixelsPerMs * (parentCaptions?.durationMs || 0)}px`,\n    };\n  }\n\n  render() {\n    const parentCaptions = this.element.closest(\"ef-captions\") as EFCaptions;\n    const captionsData = parentCaptions?.unifiedCaptionsDataTask.value;\n\n    if (!captionsData) {\n      return html`<div style=${styleMap(this.captionsTrackStyles)}>\n        <div class=\"border h-[1.1rem] mb-[1px] text-xs\" style=\"background-color: var(--filmstrip-bg); border-color: var(--filmstrip-border);\">\n          ${phosphorIcon(ICONS.microphone)} Active Word\n        </div>\n      </div>`;\n    }\n\n    const rootTimegroup = parentCaptions.rootTimegroup;\n    const currentTimeMs = rootTimegroup?.currentTimeMs || 0;\n    const captionsLocalTimeMs = currentTimeMs - parentCaptions.startTimeMs;\n    const captionsLocalTimeSec = captionsLocalTimeMs / 1000;\n\n    return html`<div style=${styleMap(this.captionsTrackStyles)}>\n      <div class=\"relative border h-[1.1rem] mb-[1px] w-full\" style=\"background-color: var(--filmstrip-bg); border-color: var(--filmstrip-border);\">\n        ${captionsData.word_segments.map((word) => {\n          const isCurrentlyActive =\n            captionsLocalTimeSec >= word.start && captionsLocalTimeSec < word.end;\n\n          return html`<div\n            class=\"absolute border text-xs overflow-visible flex items-center ${isCurrentlyActive ? \"font-bold z-[5]\" : \"\"}\"\n            style=${styleMap({\n              left: `${this.pixelsPerMs * word.start * 1000}px`,\n              width: `${this.pixelsPerMs * (word.end - word.start) * 1000}px`,\n              height: \"100%\",\n              top: \"0px\",\n              backgroundColor: isCurrentlyActive\n                ? \"var(--filmstrip-caption-bg)\"\n                : \"var(--filmstrip-item-bg)\",\n              borderColor: isCurrentlyActive\n                ? \"var(--filmstrip-caption-border)\"\n                : \"var(--filmstrip-border)\",\n            })}\n            title=\"Word: '${word.text}' (${word.start}s - ${word.end}s)\"\n          >\n            ${isCurrentlyActive ? html`<span class=\"px-0.5 text-[8px] font-bold whitespace-nowrap\" style=\"background-color: var(--filmstrip-caption-bg);\">${word.text.trim()}</span>` : \"\"}\n          </div>`;\n        })}\n      </div>\n    </div>`;\n  }\n}\n\n@customElement(\"ef-captions-segment-track\")\nexport class EFCaptionsSegmentTrack extends TrackItem {\n  get captionsTrackStyles() {\n    const parentCaptions = this.element.closest(\"ef-captions\") as EFCaptions;\n    return {\n      position: \"relative\",\n      left: `${this.pixelsPerMs * (parentCaptions?.startTimeWithinParentMs || 0)}px`,\n      width: `${this.pixelsPerMs * (parentCaptions?.durationMs || 0)}px`,\n    };\n  }\n\n  render() {\n    const parentCaptions = this.element.closest(\"ef-captions\") as EFCaptions;\n    const captionsData = parentCaptions?.unifiedCaptionsDataTask.value;\n\n    if (!captionsData) {\n      return html`<div style=${styleMap(this.captionsTrackStyles)}>\n        <div class=\"border h-[1.1rem] mb-[1px] text-xs\" style=\"background-color: var(--filmstrip-bg); border-color: var(--filmstrip-border);\">\n          ${phosphorIcon(ICONS.textT)} Segment\n        </div>\n      </div>`;\n    }\n\n    const rootTimegroup = parentCaptions.rootTimegroup;\n    const currentTimeMs = rootTimegroup?.currentTimeMs || 0;\n    const captionsLocalTimeMs = currentTimeMs - parentCaptions.startTimeMs;\n    const captionsLocalTimeSec = captionsLocalTimeMs / 1000;\n\n    return html`<div style=${styleMap(this.captionsTrackStyles)}>\n      <div class=\"relative border h-[1.1rem] mb-[1px] w-full\" style=\"background-color: var(--filmstrip-bg); border-color: var(--filmstrip-border);\">\n        ${captionsData.segments.map((segment) => {\n          const isCurrentlyActive =\n            captionsLocalTimeSec >= segment.start && captionsLocalTimeSec < segment.end;\n\n          return html`<div\n            class=\"absolute border text-xs overflow-visible flex items-center ${isCurrentlyActive ? \"font-bold z-[5]\" : \"\"}\"\n            style=${styleMap({\n              left: `${this.pixelsPerMs * segment.start * 1000}px`,\n              width: `${this.pixelsPerMs * (segment.end - segment.start) * 1000}px`,\n              height: \"100%\",\n              top: \"0px\",\n              backgroundColor: isCurrentlyActive\n                ? \"var(--filmstrip-segment-bg)\"\n                : \"var(--filmstrip-item-bg)\",\n              borderColor: isCurrentlyActive\n                ? \"var(--filmstrip-segment-border)\"\n                : \"var(--filmstrip-border)\",\n            })}\n            title=\"Segment: '${segment.text}' (${segment.start}s - ${segment.end}s)\"\n          >\n            ${isCurrentlyActive ? html`<span class=\"px-0.5 text-[8px] font-bold whitespace-nowrap\" style=\"background-color: var(--filmstrip-segment-bg);\">${segment.text}</span>` : \"\"}\n          </div>`;\n        })}\n      </div>\n    </div>`;\n  }\n}\n\n@customElement(\"ef-captions-before-word-track\")\nexport class EFCaptionsBeforeWordTrack extends TrackItem {\n  get captionsTrackStyles() {\n    const parentCaptions = this.element.closest(\"ef-captions\") as EFCaptions;\n    return {\n      position: \"relative\",\n      left: `${this.pixelsPerMs * (parentCaptions?.startTimeWithinParentMs || 0)}px`,\n      width: `${this.pixelsPerMs * (parentCaptions?.durationMs || 0)}px`,\n    };\n  }\n\n  render() {\n    const parentCaptions = this.element.closest(\"ef-captions\") as EFCaptions;\n    const captionsData = parentCaptions?.unifiedCaptionsDataTask.value;\n\n    if (!captionsData) {\n      return html`<div style=${styleMap(this.captionsTrackStyles)}>\n        <div class=\"border h-[1.1rem] mb-[1px] text-xs\" style=\"background-color: var(--filmstrip-bg); border-color: var(--filmstrip-border);\">\n          ${phosphorIcon(ICONS.arrowLeft)} Before\n        </div>\n      </div>`;\n    }\n\n    const rootTimegroup = parentCaptions.rootTimegroup;\n    const currentTimeMs = rootTimegroup?.currentTimeMs || 0;\n    const captionsLocalTimeMs = currentTimeMs - parentCaptions.startTimeMs;\n    const captionsLocalTimeSec = captionsLocalTimeMs / 1000;\n\n    return html`<div style=${styleMap(this.captionsTrackStyles)}>\n      <div class=\"relative border h-[1.1rem] mb-[1px] w-full\" style=\"background-color: var(--filmstrip-bg); border-color: var(--filmstrip-border);\">\n        ${captionsData.word_segments.map((word) => {\n          const isCurrentlyActive =\n            captionsLocalTimeSec >= word.start && captionsLocalTimeSec < word.end;\n\n          return html`<div\n            class=\"absolute border text-xs overflow-visible flex items-center ${isCurrentlyActive ? \"font-bold z-[5]\" : \"\"}\"\n            style=${styleMap({\n              left: `${this.pixelsPerMs * word.start * 1000}px`,\n              width: `${this.pixelsPerMs * (word.end - word.start) * 1000}px`,\n              height: \"100%\",\n              top: \"0px\",\n              backgroundColor: isCurrentlyActive\n                ? \"var(--filmstrip-caption-bg)\"\n                : \"var(--filmstrip-waveform-bg)\",\n              borderColor: isCurrentlyActive\n                ? \"var(--filmstrip-caption-border)\"\n                : \"var(--filmstrip-waveform-border)\",\n            })}\n            title=\"Word: '${word.text}' (${word.start}s - ${word.end}s)\"\n          >\n          </div>`;\n        })}\n      </div>\n    </div>`;\n  }\n}\n\n@customElement(\"ef-captions-after-word-track\")\nexport class EFCaptionsAfterWordTrack extends TrackItem {\n  get captionsTrackStyles() {\n    const parentCaptions = this.element.closest(\"ef-captions\") as EFCaptions;\n    return {\n      position: \"relative\",\n      left: `${this.pixelsPerMs * (parentCaptions?.startTimeWithinParentMs || 0)}px`,\n      width: `${this.pixelsPerMs * (parentCaptions?.durationMs || 0)}px`,\n    };\n  }\n\n  render() {\n    const parentCaptions = this.element.closest(\"ef-captions\") as EFCaptions;\n    const captionsData = parentCaptions?.unifiedCaptionsDataTask.value;\n\n    if (!captionsData) {\n      return html`<div style=${styleMap(this.captionsTrackStyles)}>\n        <div class=\"border h-[1.1rem] mb-[1px] text-xs\" style=\"background-color: var(--filmstrip-bg); border-color: var(--filmstrip-border);\">\n          ${phosphorIcon(ICONS.arrowRight)} After\n        </div>\n      </div>`;\n    }\n\n    const rootTimegroup = parentCaptions.rootTimegroup;\n    const currentTimeMs = rootTimegroup?.currentTimeMs || 0;\n    const captionsLocalTimeMs = currentTimeMs - parentCaptions.startTimeMs;\n    const captionsLocalTimeSec = captionsLocalTimeMs / 1000;\n\n    return html`<div style=${styleMap(this.captionsTrackStyles)}>\n      <div class=\"relative border h-[1.1rem] mb-[1px] w-full\" style=\"background-color: var(--filmstrip-bg); border-color: var(--filmstrip-border);\">\n        ${captionsData.word_segments.map((word) => {\n          const isCurrentlyActive =\n            captionsLocalTimeSec >= word.start && captionsLocalTimeSec < word.end;\n\n          return html`<div\n            class=\"absolute border text-xs overflow-visible flex items-center ${isCurrentlyActive ? \"font-bold z-[5]\" : \"\"}\"\n            style=${styleMap({\n              left: `${this.pixelsPerMs * word.start * 1000}px`,\n              width: `${this.pixelsPerMs * (word.end - word.start) * 1000}px`,\n              height: \"100%\",\n              top: \"0px\",\n              backgroundColor: isCurrentlyActive\n                ? \"var(--filmstrip-caption-bg)\"\n                : \"var(--filmstrip-waveform-bg)\",\n              borderColor: isCurrentlyActive\n                ? \"var(--filmstrip-caption-border)\"\n                : \"var(--filmstrip-waveform-border)\",\n            })}\n            title=\"Word: '${word.text}' (${word.start}s - ${word.end}s)\"\n          >\n          </div>`;\n        })}\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-captions-track\": EFCaptionsTrack;\n    \"ef-captions-active-word-track\": EFCaptionsActiveWordTrack;\n    \"ef-captions-segment-track\": EFCaptionsSegmentTrack;\n    \"ef-captions-before-word-track\": EFCaptionsBeforeWordTrack;\n    \"ef-captions-after-word-track\": EFCaptionsAfterWordTrack;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"CaptionsTrack.js","names":[],"sources":["../../../../src/gui/timeline/tracks/CaptionsTrack.ts"],"mappings":"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"}

package/dist/gui/timeline/tracks/EFThumbnailStrip.d.ts

@@ -1,8 +1,8 @@
+import { TemplateResult as TemplateResult$1 } from "../../../node_modules/lit-html/development/lit-html.js";
 import { TimelineState } from "../timelineStateContext.js";
 import { PreviewSettings } from "../../previewSettingsContext.js";
-import * as lit36 from "lit";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
-import * as lit_html33 from "lit-html";
 
 //#region src/gui/timeline/tracks/EFThumbnailStrip.d.ts
 declare const EFThumbnailStrip_base: typeof LitElement;
@@ -19,7 +19,7 @@ declare const EFThumbnailStrip_base: typeof LitElement;
  */
 declare class EFThumbnailStrip extends EFThumbnailStrip_base {
   #private;
-  static styles: lit36.CSSResult[];
+  static styles: _$lit.CSSResult[];
   target: string;
   targetElement: Element | null;
   thumbnailHeight: number;
@@ -41,7 +41,7 @@ declare class EFThumbnailStrip extends EFThumbnailStrip_base {
   disconnectedCallback(): void;
   protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
   updated(changedProperties: Map<string | number | symbol, unknown>): void;
-  render(): lit_html33.TemplateResult<1>;
+  render(): TemplateResult$1<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/timeline/tracks/EFThumbnailStrip.js

@@ -1,6 +1,6 @@
 import { quantizeToFrameTimeMs } from "../../../utils/frameTime.js";
 import { TWMixin } from "../../TWMixin2.js";
-import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.95.0/helpers/decorate.js";
+import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { LRUCache } from "../../../utils/LRUCache.js";
 import { TargetController } from "../../../elements/TargetController.js";
 import { EFVideo } from "../../../elements/EFVideo.js";
@@ -13,7 +13,6 @@ import { consume } from "@lit/context";
 import { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-
 //#region src/gui/timeline/tracks/EFThumbnailStrip.ts
 /** Maximum number of thumbnails cached per strip instance. */
 const MAX_THUMBNAIL_CACHE_SIZE = 200;
@@ -51,7 +50,7 @@ var MutableTimestampQueue = class {
 		return this.#timestamps.length === 0;
 	}
 };
-let EFThumbnailStrip = class EFThumbnailStrip$1 extends TWMixin(LitElement) {
+let EFThumbnailStrip = class EFThumbnailStrip extends TWMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.target = "";
@@ -629,7 +628,7 @@ __decorate([consume({
 __decorate([state()], EFThumbnailStrip.prototype, "thumbnailDimensions", void 0);
 __decorate([state()], EFThumbnailStrip.prototype, "_isLoadingThumbnails", void 0);
 EFThumbnailStrip = __decorate([customElement("ef-thumbnail-strip")], EFThumbnailStrip);
-
 //#endregion
 export { EFThumbnailStrip };
+
 //# sourceMappingURL=EFThumbnailStrip.js.map

package/dist/gui/timeline/tracks/EFThumbnailStrip.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFThumbnailStrip.js","names":["#timestamps","EFThumbnailStrip","#timelineState","#thumbnailDimensions","#effectiveDurationMs","#effectivePixelsPerMs","#hostWidth","#targetController","#resizeObserver","#scheduleRender","#abortController","#cleanupTimegroupGenerator","#detachTargetListeners","#calculateThumbnailDimensions","#attachTargetListeners","#lastRequiredTimestamps","#targetReadyStateHandler","#targetContentChangeHandler","thumbnails: ThumbnailDescriptor[]","#previousPixelsPerMs","#thumbnailPhase","#renderRequested","#renderThumbnails","#calculateVisibleThumbnails","#clearCanvas","#updateVideoCapture","#updateTimegroupCapture","results: ThumbnailResult[]","#thumbnailCache","nearestTimeMs: number | null","#drawThumbnails","#getSourceTimeMs","#updateInProgress","#pendingTimestamps","#retryScheduled","#timegroupGenerator","#timegroupGeneratorAbort","#timegroupQueue","#timegroupClone","#previewContainer","#consumeTimegroupGenerator","#startTimegroupGenerator","updatePromises: Promise<any>[]","textUpdatePromises: Promise<any>[]","imagePromises: Promise<void>[]","#consumerRunning","#canvasContainer"],"sources":["../../../../src/gui/timeline/tracks/EFThumbnailStrip.ts"],"sourcesContent":["import { consume } from \"@lit/context\";\nimport { css, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { createRef, ref, type Ref } from \"lit/directives/ref.js\";\n\nimport { EFTimegroup } from \"../../../elements/EFTimegroup.js\";\nimport { EFVideo } from \"../../../elements/EFVideo.js\";\nimport { TargetController } from \"../../../elements/TargetController.js\";\nimport { ThumbnailExtractor } from \"../../../elements/EFMedia/shared/ThumbnailExtractor.js\";\nimport {\n  ContentNotReadyError,\n  generateThumbnailsFromClone,\n  type GeneratedThumbnail,\n  type ThumbnailQueue,\n} from \"../../../preview/renderTimegroupToCanvas.js\";\n\nimport { quantizeToFrameTimeMs } from \"../../../utils/frameTime.js\";\nimport { LRUCache } from \"../../../utils/LRUCache.js\";\nimport { TWMixin } from \"../../TWMixin.js\";\nimport { timelineStateContext, type TimelineState } from \"../timelineStateContext.js\";\nimport { previewSettingsContext, type PreviewSettings } from \"../../previewSettingsContext.js\";\n\n/** Maximum number of thumbnails cached per strip instance. */\nconst MAX_THUMBNAIL_CACHE_SIZE = 200;\n\n/** Padding for virtual rendering */\nconst VIRTUAL_RENDER_PADDING_PX = 100;\n\n/**\n * Mutable queue for timestamp generation.\n * Allows updating timestamps while generator is consuming them.\n */\nclass MutableTimestampQueue implements ThumbnailQueue {\n  #timestamps: number[] = [];\n\n  /** Replace entire queue with new timestamps (sorted) */\n  reset(timestamps: number[]): void {\n    this.#timestamps = [...timestamps].sort((a, b) => a - b);\n  }\n\n  /** Keep only these specific timestamps (maintains order) */\n  retainOnly(timestamps: number[]): void {\n    const keep = new Set(timestamps);\n    this.#timestamps = this.#timestamps.filter((t) => keep.has(t));\n  }\n\n  /** Append timestamps to end (sorted) */\n  append(timestamps: number[]): void {\n    this.#timestamps.push(...[...timestamps].sort((a, b) => a - b));\n  }\n\n  /** Get next timestamp (removes from front) */\n  shift(): number | undefined {\n    return this.#timestamps.shift();\n  }\n\n  /** Get remaining timestamps without modifying queue */\n  remaining(): number[] {\n    return [...this.#timestamps];\n  }\n\n  /** Check if queue is empty */\n  isEmpty(): boolean {\n    return this.#timestamps.length === 0;\n  }\n}\n\n/**\n * Descriptor for a thumbnail to render\n */\ninterface ThumbnailDescriptor {\n  timeMs: number;\n  x: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Result of thumbnail rendering (canvas or error)\n */\ninterface ThumbnailResult {\n  canvas: CanvasImageSource | null;\n  error?: Error;\n}\n\n/**\n * Thumbnail strip component that renders thumbnails for video or timegroup elements.\n *\n * Features:\n * - Targets ef-video or root ef-timegroup via target attribute\n * - Batch video thumbnail extraction via ThumbnailExtractor\n * - Canvas rendering for timegroups at low resolution\n * - Viewport-based lazy loading with scroll calculation\n * - Fixed visual spacing (consistent at all zoom levels)\n * - Error indicators for failed thumbnails\n */\n@customElement(\"ef-thumbnail-strip\")\nexport class EFThumbnailStrip extends TWMixin(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        position: relative;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n      }\n\n      .thumbnail-container {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n      }\n\n      .error-message {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n        padding: 8px;\n        color: var(--ef-color-error);\n        font-size: 12px;\n        background: color-mix(in srgb, var(--ef-color-error) 10%, transparent);\n      }\n\n      canvas {\n        position: absolute;\n        image-rendering: pixelated;\n        image-rendering: crisp-edges;\n      }\n\n      .shimmer-overlay {\n        display: none;\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(\n          90deg,\n          color-mix(in srgb, var(--ef-color-text, #fafafa) 12%, transparent) 0%,\n          color-mix(in srgb, var(--ef-color-text, #fafafa) 28%, transparent) 50%,\n          color-mix(in srgb, var(--ef-color-text, #fafafa) 12%, transparent) 100%\n        );\n        background-size: 200% 100%;\n        pointer-events: none;\n      }\n\n      .shimmer-overlay.active {\n        display: block;\n        animation: shimmer-strip var(--ef-loading-shimmer-duration, 1.5s) linear infinite;\n      }\n\n      @keyframes shimmer-strip {\n        0% { background-position: 200% 0; }\n        100% { background-position: -200% 0; }\n      }\n    `,\n  ];\n\n  @property({ type: String })\n  target = \"\";\n\n  @property({ attribute: false })\n  targetElement: Element | null = null;\n\n  @property({ type: Number, attribute: \"thumbnail-height\" })\n  thumbnailHeight = 24;\n\n  @property({ type: Number, attribute: \"thumbnail-spacing-px\" })\n  thumbnailSpacingPx = 48;\n\n  @property({ type: Number, attribute: \"pixels-per-ms\" })\n  pixelsPerMs: number | null = null;\n\n  @property({ type: Boolean, attribute: \"use-intrinsic-duration\" })\n  useIntrinsicDuration = false;\n\n  @consume({ context: timelineStateContext, subscribe: true })\n  @state()\n  timelineState?: TimelineState;\n\n  @consume({ context: previewSettingsContext, subscribe: true })\n  @state()\n  previewSettings?: PreviewSettings;\n\n  @state()\n  thumbnailDimensions = { width: 0, height: 0 };\n\n  @state()\n  _isLoadingThumbnails = false;\n\n  #targetController?: TargetController;\n  #abortController: AbortController | null = null;\n  #renderRequested = false;\n  #canvasContainer: Ref<HTMLDivElement> = createRef();\n  #lastRequiredTimestamps = \"\";\n  #thumbnailCache = new LRUCache<number, CanvasImageSource>(MAX_THUMBNAIL_CACHE_SIZE);\n\n  // Timegroup thumbnail generation state\n  #timegroupQueue = new MutableTimestampQueue();\n  #timegroupClone: {\n    clone: EFTimegroup;\n    container: HTMLElement;\n    cleanup: () => void;\n  } | null = null;\n  #timegroupGenerator: AsyncGenerator<GeneratedThumbnail> | null = null;\n  #timegroupGeneratorAbort: AbortController | null = null;\n  #previewContainer: HTMLDivElement | null = null;\n  #updateInProgress = false; // Lock to prevent concurrent updates\n  #consumerRunning = false; // Lock to prevent concurrent consumers\n  #pendingTimestamps = new Set<number>(); // Timestamps requested while update in progress\n  #retryScheduled = false; // Flag to prevent duplicate retry schedules\n  #thumbnailPhase: number = 0; // Phase offset for thumbnail grid\n  #previousPixelsPerMs: number | null = null; // Track zoom changes\n  #targetReadyStateHandler: (() => void) | null = null;\n  #targetContentChangeHandler: (() => void) | null = null;\n  #resizeObserver: ResizeObserver | null = null;\n  #hostWidth = 0;\n\n  /**\n   * Check if target is valid (EFVideo or root EFTimegroup)\n   */\n  get isValidTarget(): boolean {\n    const el = this.targetElement;\n    if (!el) return false;\n\n    if (el instanceof EFVideo) return true;\n\n    if (el instanceof EFTimegroup) {\n      // Only root timegroups\n      return (el as any).isRootTimegroup === true;\n    }\n\n    return false;\n  }\n\n  get #timelineState(): TimelineState | undefined {\n    return this.timelineState;\n  }\n\n  get #thumbnailDimensions() {\n    return this.thumbnailDimensions;\n  }\n\n  get #effectiveDurationMs(): number {\n    const element = this.targetElement;\n    if (!element) return 0;\n    if (this.useIntrinsicDuration) {\n      return (element as any).intrinsicDurationMs ?? (element as any).durationMs ?? 0;\n    }\n    return (element as any).durationMs ?? 0;\n  }\n\n  get #effectivePixelsPerMs(): number {\n    if (this.#timelineState?.pixelsPerMs != null) {\n      return this.#timelineState.pixelsPerMs;\n    }\n    if (this.pixelsPerMs != null) {\n      return this.pixelsPerMs;\n    }\n    const durationMs = this.#effectiveDurationMs;\n    if (this.#hostWidth > 0 && durationMs > 0) {\n      return this.#hostWidth / durationMs;\n    }\n    return 0.04;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    // Only use TargetController if target is set and targetElement is not directly set\n    if (this.target && !this.targetElement) {\n      this.#targetController = new TargetController(this);\n    }\n    this.#resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n      const width = entry.contentRect.width;\n      if (width !== this.#hostWidth) {\n        this.#hostWidth = width;\n        this.requestUpdate();\n        this.#scheduleRender();\n      }\n    });\n    this.#resizeObserver.observe(this);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#abortController?.abort();\n    this.#cleanupTimegroupGenerator();\n    this.#detachTargetListeners(this.targetElement);\n    this.#resizeObserver?.disconnect();\n    this.#resizeObserver = null;\n  }\n\n  protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void {\n    super.willUpdate(changedProperties);\n\n    // Create TargetController if target is set and targetElement is not directly set\n    if (changedProperties.has(\"target\")) {\n      if (this.target && !this.targetElement && !this.#targetController) {\n        this.#targetController = new TargetController(this);\n      }\n    }\n\n    // Recalculate thumbnail dimensions if target changed\n    if (changedProperties.has(\"targetElement\") || changedProperties.has(\"thumbnailHeight\")) {\n      this.thumbnailDimensions = this.#calculateThumbnailDimensions();\n    }\n\n    // Manage event listeners when target changes\n    if (changedProperties.has(\"targetElement\")) {\n      const oldTarget = changedProperties.get(\"targetElement\") as Element | null;\n      this.#detachTargetListeners(oldTarget);\n      this.#attachTargetListeners(this.targetElement);\n      // Reset so the new target always starts a fresh extraction\n      this.#lastRequiredTimestamps = \"\";\n    }\n  }\n\n  #attachTargetListeners(target: Element | null): void {\n    if (!target) return;\n\n    this.#targetReadyStateHandler = () => {\n      this.requestUpdate();\n      this.#scheduleRender();\n    };\n    this.#targetContentChangeHandler = () => {\n      this.requestUpdate();\n      this.#scheduleRender();\n    };\n    target.addEventListener(\"readystatechange\", this.#targetReadyStateHandler);\n    target.addEventListener(\"contentchange\", this.#targetContentChangeHandler);\n\n    // Late-subscriber: if the target already transitioned to \"ready\" before\n    // we attached, the event was missed. The contentReadyState property\n    // serves exactly this purpose — check it and render if needed.\n    if ((target as any).contentReadyState === \"ready\") {\n      this.requestUpdate();\n      this.#scheduleRender();\n    }\n  }\n\n  #detachTargetListeners(target: Element | null): void {\n    if (!target) return;\n    if (this.#targetReadyStateHandler) {\n      target.removeEventListener(\"readystatechange\", this.#targetReadyStateHandler);\n      this.#targetReadyStateHandler = null;\n    }\n    if (this.#targetContentChangeHandler) {\n      target.removeEventListener(\"contentchange\", this.#targetContentChangeHandler);\n      this.#targetContentChangeHandler = null;\n    }\n  }\n\n  updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    super.updated(changedProperties);\n\n    if (\n      changedProperties.has(\"targetElement\") ||\n      changedProperties.has(\"thumbnailSpacingPx\") ||\n      changedProperties.has(\"pixelsPerMs\") ||\n      changedProperties.has(\"thumbnailHeight\") ||\n      changedProperties.has(\"timelineState\")\n    ) {\n      this.#scheduleRender();\n    }\n  }\n\n  /**\n   * Calculate thumbnail dimensions from target element's actual bounds\n   */\n  #calculateThumbnailDimensions(): { width: number; height: number } {\n    const el = this.targetElement;\n    if (!el) return { width: 0, height: 0 };\n\n    // Get actual visible bounds from DOM\n    const bounds = el.getBoundingClientRect();\n    if (bounds.width === 0 || bounds.height === 0) {\n      // Element not yet rendered or no size, use default aspect ratio\n      return {\n        width: this.thumbnailHeight * (16 / 9),\n        height: this.thumbnailHeight,\n      };\n    }\n\n    const aspectRatio = bounds.width / bounds.height;\n    const width = Math.round(this.thumbnailHeight * aspectRatio);\n\n    return { width, height: this.thumbnailHeight };\n  }\n\n  /**\n   * Calculate visible thumbnails based on viewport\n   */\n  #calculateVisibleThumbnails(): ThumbnailDescriptor[] {\n    if (!this.isValidTarget) return [];\n\n    const element = this.targetElement;\n    if (!element) return [];\n\n    const scrollLeft = this.#timelineState?.viewportScrollLeft ?? 0;\n    const viewportWidth = this.#timelineState?.viewportWidth ?? (this.#hostWidth || 800);\n    const pixelsPerMs = this.#effectivePixelsPerMs;\n\n    const durationMs = this.#effectiveDurationMs;\n    if (durationMs === 0) return [];\n\n    const trackWidthPx = durationMs * pixelsPerMs;\n\n    // Get FPS for quantization\n    const fps = (element as any).fps ?? 30;\n\n    const visibleStartPx = scrollLeft - VIRTUAL_RENDER_PADDING_PX;\n    const visibleEndPx = scrollLeft + viewportWidth + VIRTUAL_RENDER_PADDING_PX;\n\n    const thumbnails: ThumbnailDescriptor[] = [];\n    const { width, height } = this.#thumbnailDimensions;\n\n    // Read minimum gap from CSS variable (--ef-thumbnail-gap, default 2px)\n    const gapPx = parseFloat(getComputedStyle(this).getPropertyValue(\"--ef-thumbnail-gap\")) || 2;\n    // Stride must be at least thumbnail width + gap to prevent overlap\n    const thumbnailStride = Math.max(this.thumbnailSpacingPx, width + gapPx);\n\n    // Detect zoom by checking if pixelsPerMs changed\n    const isZoom = this.#previousPixelsPerMs !== null && this.#previousPixelsPerMs !== pixelsPerMs;\n\n    if (this.#previousPixelsPerMs === null) {\n      // First render: align grid to track start (t=0)\n      this.#thumbnailPhase = 0;\n    } else if (isZoom) {\n      // On zoom: snap a thumbnail to near the left edge of viewport\n      // This prevents visual slip during zoom operations\n      this.#thumbnailPhase = scrollLeft % thumbnailStride;\n    } else if (scrollLeft < thumbnailStride) {\n      // When scrolled near the start, realign to t=0 to avoid left gap\n      this.#thumbnailPhase = 0;\n    }\n    // During normal scroll: phase unchanged, grid scrolls naturally with track\n\n    this.#previousPixelsPerMs = pixelsPerMs;\n\n    // Generate thumbnail grid anchored at phase offset\n    // Each thumbnail is at absolute track position: phase + (i * stride)\n    // This means grid is stable in track space (scrolls naturally)\n    const startIndex = Math.max(\n      0,\n      Math.floor((visibleStartPx - this.#thumbnailPhase) / thumbnailStride),\n    );\n    const endIndex = Math.ceil((visibleEndPx - this.#thumbnailPhase) / thumbnailStride);\n\n    for (let i = startIndex; i <= endIndex; i++) {\n      const thumbX = this.#thumbnailPhase + i * thumbnailStride;\n\n      // Only include if within track bounds\n      if (thumbX >= 0 && thumbX < trackWidthPx) {\n        // Convert position to time (leading edge)\n        const rawTimeMs = thumbX / pixelsPerMs;\n        const timeMs = quantizeToFrameTimeMs(rawTimeMs, fps);\n\n        if (timeMs >= 0 && timeMs < durationMs) {\n          thumbnails.push({ timeMs, x: thumbX, width, height });\n        }\n      }\n    }\n\n    return thumbnails;\n  }\n\n  /**\n   * Schedule thumbnail render on next frame\n   */\n  #scheduleRender(): void {\n    if (this.#renderRequested) return;\n    this.#renderRequested = true;\n\n    requestAnimationFrame(() => {\n      this.#renderRequested = false;\n      this.#renderThumbnails();\n    });\n  }\n\n  /**\n   * Render thumbnails with cancellation support\n   */\n  async #renderThumbnails(): Promise<void> {\n    const visibleThumbnails = this.#calculateVisibleThumbnails();\n    if (visibleThumbnails.length === 0) {\n      this.#abortController?.abort();\n      this.#clearCanvas();\n      return;\n    }\n\n    // Only cancel and restart extraction when the required timestamps change\n    // (i.e. the viewport scrolled or zoomed to show different thumbnails).\n    // Firing #scheduleRender for other reasons (readystatechange, Lit context\n    // updates, etc.) with the same visible timestamps must NOT abort an\n    // in-progress extraction — doing so leaves no replacement running and\n    // thumbnails never load.\n    const requiredTimestamps = visibleThumbnails.map((t) => t.timeMs);\n    const timestampsString = requiredTimestamps.join(\", \");\n    if (timestampsString !== this.#lastRequiredTimestamps) {\n      this.#abortController?.abort();\n      this.#abortController = new AbortController();\n      this.#lastRequiredTimestamps = timestampsString;\n\n      if (this.targetElement instanceof EFVideo) {\n        this.#updateVideoCapture(requiredTimestamps, this.#abortController.signal).catch(\n          (error) => {\n            if (error instanceof DOMException && error.name === \"AbortError\") {\n              return;\n            }\n            // Non-abort failure: reset so the next render retries\n            this.#lastRequiredTimestamps = \"\";\n            console.error(\"Thumbnail capture error:\", error);\n          },\n        );\n      } else if (this.targetElement instanceof EFTimegroup) {\n        this.#updateTimegroupCapture(requiredTimestamps);\n      }\n    }\n\n    const signal = this.#abortController?.signal;\n    if (signal?.aborted) return;\n\n    // Draw thumbnails - use nearest neighbor if exact timestamp not cached\n    const maxNeighborDistanceMs = 3000; // Don't use thumbnails more than 3s away\n    const results: ThumbnailResult[] = visibleThumbnails.map((t) => {\n      let canvas = this.#thumbnailCache.get(t.timeMs);\n\n      // If exact match not found, find nearest cached thumbnail\n      if (!canvas) {\n        let nearestTimeMs: number | null = null;\n        let minDistance = Infinity;\n\n        for (const cachedTimeMs of this.#thumbnailCache.keys()) {\n          const distance = Math.abs(cachedTimeMs - t.timeMs);\n          if (distance < minDistance && distance <= maxNeighborDistanceMs) {\n            minDistance = distance;\n            nearestTimeMs = cachedTimeMs;\n          }\n        }\n\n        if (nearestTimeMs !== null) {\n          canvas = this.#thumbnailCache.get(nearestTimeMs);\n        }\n      }\n\n      return { canvas: canvas ?? null };\n    });\n    this.#drawThumbnails(visibleThumbnails, results);\n\n    const hasEmptySlots = results.some((r) => r.canvas === null);\n    if (this._isLoadingThumbnails !== hasEmptySlots) {\n      this._isLoadingThumbnails = hasEmptySlots;\n    }\n  }\n\n  /**\n   * Update video thumbnail capture\n   */\n  async #updateVideoCapture(timestamps: number[], signal: AbortSignal): Promise<void> {\n    const video = this.targetElement as EFVideo;\n    if (!video) return;\n\n    // Filter out cached timestamps\n    const uncached = timestamps.filter((t) => !this.#thumbnailCache.has(t));\n    if (uncached.length === 0) return;\n\n    const mediaEngineTask = video.mediaEngineTask;\n    if (!mediaEngineTask) return;\n\n    const mediaEngine = await mediaEngineTask.taskComplete;\n    if (!mediaEngine) return;\n\n    const sourceTimestamps = uncached.map((t) => this.#getSourceTimeMs(t));\n\n    const extractor = new ThumbnailExtractor(mediaEngine);\n    const videoTrack = mediaEngine.tracks.scrub ?? mediaEngine.tracks.video;\n    if (!videoTrack) return;\n\n    const results = await extractor.extractThumbnails(\n      sourceTimestamps,\n      videoTrack,\n      video.durationMs ?? 0,\n      signal,\n    );\n\n    // Store in cache and trigger redraw\n    for (let i = 0; i < uncached.length; i++) {\n      const thumbnail = results[i]?.thumbnail;\n      const timestamp = uncached[i];\n      if (thumbnail && timestamp !== undefined) {\n        this.#thumbnailCache.set(timestamp, thumbnail);\n      }\n    }\n\n    this.#scheduleRender();\n  }\n\n  /**\n   * Update timegroup thumbnail capture using mutable queue\n   */\n  async #updateTimegroupCapture(timestamps: number[]): Promise<void> {\n    const timegroup = this.targetElement as EFTimegroup;\n    if (!timegroup) return;\n\n    // Filter out cached timestamps\n    const uncached = timestamps.filter((t) => !this.#thumbnailCache.has(t)).sort((a, b) => a - b);\n    if (uncached.length === 0) {\n      return;\n    }\n\n    // CRITICAL: If update already in progress, REPLACE pending (not add)\n    // We only want the LATEST required timestamps, not a union of all previous ones\n    if (this.#updateInProgress) {\n      // Clear old pending and replace with latest\n      this.#pendingTimestamps.clear();\n      uncached.forEach((t) => this.#pendingTimestamps.add(t));\n\n      // Schedule a retry (debounced via RAF)\n      if (!this.#retryScheduled) {\n        this.#retryScheduled = true;\n        requestAnimationFrame(() => {\n          this.#retryScheduled = false;\n          if (this.#pendingTimestamps.size > 0) {\n            const pending = Array.from(this.#pendingTimestamps);\n            this.#pendingTimestamps.clear();\n            this.#updateTimegroupCapture(pending);\n          }\n        });\n      }\n      return;\n    }\n    this.#updateInProgress = true;\n\n    try {\n      if (this.#timegroupGenerator) {\n        // Generator is running - abort and reset queue to exactly what we need now\n        // Abort in-flight capture\n        this.#timegroupGeneratorAbort?.abort();\n\n        // Create new abort controller for the updated queue\n        this.#timegroupGeneratorAbort = new AbortController();\n\n        // Reset queue to exactly what we need now\n        this.#timegroupQueue.reset(uncached);\n      } else if (this.#timegroupClone) {\n        // Generator finished, restart with existing clone\n        this.#timegroupQueue.reset(uncached);\n\n        // Create new abort controller\n        this.#timegroupGeneratorAbort = new AbortController();\n\n        this.#timegroupGenerator = generateThumbnailsFromClone(\n          this.#timegroupClone.clone,\n          this.#previewContainer!,\n          this.#timegroupQueue,\n          {\n            scale: 0.25,\n            contentReadyMode: \"blocking\",\n            blockingTimeoutMs: 1000,\n            signal: this.#timegroupGeneratorAbort.signal,\n          },\n        );\n        await this.#consumeTimegroupGenerator();\n      } else {\n        // No generator or clone, start fresh\n        await this.#startTimegroupGenerator(timegroup, uncached);\n      }\n    } finally {\n      this.#updateInProgress = false;\n\n      // Check if there are pending timestamps that need processing\n      // This happens when updates were skipped while this update was in progress\n      if (this.#pendingTimestamps.size > 0 && !this.#retryScheduled) {\n        this.#retryScheduled = true;\n        requestAnimationFrame(() => {\n          this.#retryScheduled = false;\n          if (this.#pendingTimestamps.size > 0) {\n            const pending = Array.from(this.#pendingTimestamps);\n            this.#pendingTimestamps.clear();\n            this.#updateTimegroupCapture(pending);\n          }\n        });\n      }\n    }\n  }\n\n  /**\n   * Start timegroup thumbnail generator\n   */\n  async #startTimegroupGenerator(timegroup: EFTimegroup, timestamps: number[]): Promise<void> {\n    // Create render clone\n    this.#timegroupClone = await timegroup.createRenderClone();\n\n    // Use the original container from createRenderClone (already configured)\n    this.#previewContainer = this.#timegroupClone.container as HTMLDivElement;\n\n    // CRITICAL: Wait for Lit to process shadow DOM updates after moving to new container\n    await this.#timegroupClone.clone.updateComplete;\n\n    // Also wait for all nested Lit elements to update\n    const litElements = this.#previewContainer.querySelectorAll(\"*\");\n    const updatePromises: Promise<any>[] = [];\n    for (const el of litElements) {\n      if (\"updateComplete\" in el) {\n        updatePromises.push((el as any).updateComplete);\n      }\n    }\n    await Promise.all(updatePromises);\n\n    // Wait AGAIN specifically for text segments (they may need to re-render after move)\n    const textSegments = this.#previewContainer.querySelectorAll(\"ef-text-segment\");\n    const textUpdatePromises: Promise<any>[] = [];\n    for (const seg of textSegments) {\n      if (\"updateComplete\" in seg) {\n        textUpdatePromises.push((seg as any).updateComplete);\n      }\n    }\n    await Promise.all(textUpdatePromises);\n\n    // CRITICAL: Wait for ef-text to split text into segments\n    // EFText.connectedCallback schedules splitText in requestAnimationFrame\n    // We must wait for that RAF to fire before capturing\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n\n    // WARMUP: Do a seek to the first timestamp to \"prime\" the clone\n    // Guard: clone may have been disposed during prior awaits\n    if (!this.#timegroupClone) return;\n    if (timestamps.length > 0) {\n      await this.#timegroupClone.clone.seekForRender(timestamps[0]!);\n    }\n\n    // CRITICAL: Wait for fonts to load\n    // Text won't render correctly if fonts aren't ready\n    await document.fonts.ready;\n\n    // CRITICAL: Wait for all images to load\n    const images = this.#previewContainer.querySelectorAll(\"img\");\n    const imagePromises: Promise<void>[] = [];\n    for (const img of images) {\n      if (!img.complete) {\n        imagePromises.push(\n          new Promise((resolve, _reject) => {\n            img.onload = () => resolve();\n            img.onerror = () => resolve(); // Don't block on errors\n            // Timeout after 5s\n            setTimeout(() => resolve(), 5000);\n          }),\n        );\n      }\n    }\n    await Promise.all(imagePromises);\n\n    // Guard: clone may have been disposed during prior awaits\n    if (!this.#timegroupClone) return;\n\n    // Initialize queue\n    this.#timegroupQueue.reset(timestamps);\n\n    // Create abort controller for this generator\n    this.#timegroupGeneratorAbort = new AbortController();\n\n    // Start generator using the fresh container\n    this.#timegroupGenerator = generateThumbnailsFromClone(\n      this.#timegroupClone.clone,\n      this.#previewContainer,\n      this.#timegroupQueue,\n      {\n        scale: 0.25,\n        contentReadyMode: \"blocking\",\n        blockingTimeoutMs: 1000,\n        signal: this.#timegroupGeneratorAbort.signal,\n      },\n    );\n\n    // Consume generator (CRITICAL: Must await to prevent concurrent consumers)\n    await this.#consumeTimegroupGenerator();\n  }\n\n  /**\n   * Consume generator and handle cleanup\n   */\n  async #consumeTimegroupGenerator(): Promise<void> {\n    // CRITICAL: Prevent concurrent consumers\n    if (this.#consumerRunning) {\n      return;\n    }\n    this.#consumerRunning = true;\n\n    if (!this.#timegroupGenerator) {\n      this.#consumerRunning = false;\n      return;\n    }\n\n    try {\n      for await (const { timeMs, canvas } of this.#timegroupGenerator) {\n        this.#thumbnailCache.set(timeMs, canvas);\n        this.#scheduleRender();\n      }\n    } catch (err) {\n      if (err instanceof ContentNotReadyError) {\n        // Media wasn't ready in time. Reset so the next render cycle retries\n        // the uncached timestamps rather than treating this batch as complete.\n        this.#lastRequiredTimestamps = \"\";\n      }\n      console.warn(\"Timegroup thumbnail generation error:\", err);\n    } finally {\n      // Generator finished, but keep clone alive for reuse\n      this.#timegroupGenerator = null;\n      this.#consumerRunning = false;\n    }\n  }\n\n  /**\n   * Cleanup timegroup generator and clone\n   */\n  #cleanupTimegroupGenerator(): void {\n    // Abort any in-flight work\n    this.#timegroupGeneratorAbort?.abort();\n    this.#timegroupGeneratorAbort = null;\n\n    this.#timegroupGenerator = null;\n\n    // Remove preview container from DOM\n    if (this.#previewContainer) {\n      this.#previewContainer.remove();\n      this.#previewContainer = null;\n    }\n\n    // Cleanup render clone\n    if (this.#timegroupClone) {\n      this.#timegroupClone.cleanup();\n      this.#timegroupClone = null;\n    }\n  }\n\n  /**\n   * Clear all canvas elements\n   */\n  #clearCanvas(): void {\n    const container = this.#canvasContainer.value;\n    if (container) {\n      container.innerHTML = \"\";\n    }\n  }\n\n  /**\n   * Translate composition time to source time for videos (handles trim)\n   */\n  #getSourceTimeMs(compositionTimeMs: number): number {\n    if (this.useIntrinsicDuration) {\n      return compositionTimeMs;\n    }\n    const el = this.targetElement;\n    if (el instanceof EFVideo) {\n      return compositionTimeMs + (el.sourceStartMs ?? 0);\n    }\n    return compositionTimeMs;\n  }\n\n  /**\n   * Draw thumbnails to canvas elements\n   */\n  #drawThumbnails(thumbnails: ThumbnailDescriptor[], results: ThumbnailResult[]): void {\n    const container = this.#canvasContainer.value;\n    if (!container) return;\n\n    // Clear existing canvases\n    container.innerHTML = \"\";\n\n    for (let i = 0; i < thumbnails.length; i++) {\n      const thumbnail = thumbnails[i];\n      const result = results[i];\n\n      if (!thumbnail) continue;\n\n      const canvas = document.createElement(\"canvas\");\n      canvas.width = thumbnail.width;\n      canvas.height = thumbnail.height;\n      canvas.style.left = `${thumbnail.x}px`;\n      canvas.style.top = \"0\";\n      canvas.style.width = `${thumbnail.width}px`;\n      canvas.style.height = `${thumbnail.height}px`;\n\n      const ctx = canvas.getContext(\"2d\");\n      if (!ctx) continue;\n\n      if (result?.canvas) {\n        // Draw actual thumbnail\n        ctx.drawImage(result.canvas, 0, 0, thumbnail.width, thumbnail.height);\n\n        // Draw timestamp overlay if enabled\n        if (this.previewSettings?.showThumbnailTimestamps) {\n          ctx.fillStyle = \"rgba(0, 0, 0, 0.8)\";\n          ctx.fillRect(2, 2, 95, 16);\n          ctx.fillStyle = \"yellow\";\n          ctx.font = \"11px monospace\";\n          ctx.textAlign = \"left\";\n          ctx.textBaseline = \"top\";\n          ctx.fillText(`${Math.round(thumbnail.timeMs)}ms`, 5, 4);\n        }\n      } else {\n        // Draw placeholder with timestamp text\n        const bgColor =\n          getComputedStyle(this).getPropertyValue(\"--ef-color-bg-inset\").trim() ||\n          \"rgba(100, 100, 100, 0.3)\";\n        ctx.fillStyle = bgColor;\n        ctx.fillRect(0, 0, thumbnail.width, thumbnail.height);\n\n        const borderColor =\n          getComputedStyle(this).getPropertyValue(\"--ef-color-border-subtle\").trim() ||\n          \"rgba(150, 150, 150, 0.5)\";\n        ctx.strokeStyle = borderColor;\n        ctx.lineWidth = 1;\n        ctx.strokeRect(0, 0, thumbnail.width, thumbnail.height);\n\n        ctx.fillStyle = \"white\";\n        ctx.font = \"10px monospace\";\n        ctx.textAlign = \"center\";\n        ctx.textBaseline = \"middle\";\n        ctx.fillText(\n          `${Math.round(thumbnail.timeMs)}ms`,\n          thumbnail.width / 2,\n          thumbnail.height / 2,\n        );\n      }\n\n      container.appendChild(canvas);\n    }\n  }\n\n  render() {\n    // Error: No target specified (neither target string nor targetElement)\n    if (!this.target && !this.targetElement) {\n      return html`<div class=\"error-message\">No target specified</div>`;\n    }\n\n    // Error: Target element not found (when using target string)\n    if (this.target && !this.targetElement) {\n      return html`<div class=\"error-message\">\n        Target element \"${this.target}\" not found\n      </div>`;\n    }\n\n    // Error: Invalid target type\n    if (!this.isValidTarget) {\n      const elementType = (this.targetElement as any).tagName?.toLowerCase() || \"unknown\";\n      return html`<div class=\"error-message\">\n        Invalid target: \"${elementType}\" must be ef-video or root ef-timegroup\n      </div>`;\n    }\n\n    // Calculate track width to clip thumbnails at track end\n    const durationMs = this.#effectiveDurationMs;\n    const pixelsPerMs = this.#effectivePixelsPerMs;\n    const trackWidthPx = durationMs * pixelsPerMs;\n\n    // Render canvas container with explicit width clipping, plus shimmer overlay\n    return html`\n      <div\n        class=\"thumbnail-container\"\n        style=\"max-width: ${trackWidthPx}px;\"\n        ${ref(this.#canvasContainer)}\n      ></div>\n      <div\n        class=\"shimmer-overlay ${this._isLoadingThumbnails ? \"active\" : \"\"}\"\n      ></div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-thumbnail-strip\": EFThumbnailStrip;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EFThumbnailStrip.js","names":["#timestamps","#timelineState","#thumbnailDimensions","#effectiveDurationMs","#effectivePixelsPerMs","#hostWidth","#targetController","#resizeObserver","#scheduleRender","#abortController","#cleanupTimegroupGenerator","#detachTargetListeners","#calculateThumbnailDimensions","#attachTargetListeners","#lastRequiredTimestamps","#targetReadyStateHandler","#targetContentChangeHandler","#previousPixelsPerMs","#thumbnailPhase","#renderRequested","#renderThumbnails","#calculateVisibleThumbnails","#clearCanvas","#updateVideoCapture","#updateTimegroupCapture","#thumbnailCache","#drawThumbnails","#getSourceTimeMs","#updateInProgress","#pendingTimestamps","#retryScheduled","#timegroupGenerator","#timegroupGeneratorAbort","#timegroupQueue","#timegroupClone","#previewContainer","#consumeTimegroupGenerator","#startTimegroupGenerator","#consumerRunning","#canvasContainer"],"sources":["../../../../src/gui/timeline/tracks/EFThumbnailStrip.ts"],"mappings":"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"}

package/dist/gui/timeline/tracks/HTMLTrack.d.ts

@@ -1,9 +1,9 @@
+import { TemplateResult } from "../../../node_modules/lit-html/development/lit-html.js";
 import { TrackItem } from "./TrackItem.js";
-import * as lit_html40 from "lit-html";
 
 //#region src/gui/timeline/tracks/HTMLTrack.d.ts
 declare class EFHTMLTrack extends TrackItem {
-  contents(): lit_html40.TemplateResult<1>;
+  contents(): TemplateResult<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/timeline/tracks/HTMLTrack.js

@@ -1,11 +1,10 @@
-import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.95.0/helpers/decorate.js";
+import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { TrackItem } from "./TrackItem.js";
 import { renderTrackChildren } from "./renderTrackChildren.js";
 import { html } from "lit";
 import { customElement } from "lit/decorators.js";
-
 //#region src/gui/timeline/tracks/HTMLTrack.ts
-let EFHTMLTrack = class EFHTMLTrack$1 extends TrackItem {
+let EFHTMLTrack = class EFHTMLTrack extends TrackItem {
 	contents() {
 		return html`
       <span>${this.element.tagName}</span>
@@ -14,6 +13,6 @@ let EFHTMLTrack = class EFHTMLTrack$1 extends TrackItem {
 	}
 };
 EFHTMLTrack = __decorate([customElement("ef-html-track")], EFHTMLTrack);
-
 //#endregion
+
 //# sourceMappingURL=HTMLTrack.js.map

package/dist/gui/timeline/tracks/HTMLTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"HTMLTrack.js","names":["EFHTMLTrack"],"sources":["../../../../src/gui/timeline/tracks/HTMLTrack.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\n// TrackItem must be pre-loaded before this module is imported\n// See preloadTracks.ts for the initialization sequence\nimport { TrackItem } from \"./TrackItem.js\";\nimport { renderTrackChildren } from \"./renderTrackChildren.js\";\n\n@customElement(\"ef-html-track\")\nexport class EFHTMLTrack extends TrackItem {\n  contents() {\n    return html`\n      <span>${this.element.tagName}</span>\n      ${renderTrackChildren(\n        Array.from(this.element.children || []),\n        this.pixelsPerMs,\n        this.hideSelectors,\n        this.showSelectors,\n        false,\n        this.enableTrim,\n      )}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-html-track\": EFHTMLTrack;\n  }\n}\n"],"mappings":";;;;;;;AAQO,wBAAMA,sBAAoB,UAAU;CACzC,WAAW;AACT,SAAO,IAAI;cACD,KAAK,QAAQ,QAAQ;QAC3B,oBACA,MAAM,KAAK,KAAK,QAAQ,YAAY,EAAE,CAAC,EACvC,KAAK,aACL,KAAK,eACL,KAAK,eACL,OACA,KAAK,WACN,CAAC;;;;0BAZP,cAAc,gBAAgB"}
+{"version":3,"file":"HTMLTrack.js","names":[],"sources":["../../../../src/gui/timeline/tracks/HTMLTrack.ts"],"mappings":";;;;;;AAQO,IAAA,cAAA,MAAM,oBAAoB,UAAU;CACzC,WAAW;AACT,SAAO,IAAI;cACD,KAAK,QAAQ,QAAQ;QAC3B,oBACA,MAAM,KAAK,KAAK,QAAQ,YAAY,EAAE,CAAC,EACvC,KAAK,aACL,KAAK,eACL,KAAK,eACL,OACA,KAAK,WACN,CAAC;;;;0BAZP,cAAc,gBAAgB,CAAA,EAAA,YAAA"}

package/dist/gui/timeline/tracks/ImageTrack.d.ts

@@ -1,10 +1,10 @@
+import { TemplateResult as TemplateResult$1 } from "../../../node_modules/lit-html/development/lit-html.js";
 import { TrackItem } from "./TrackItem.js";
 import { nothing } from "lit";
-import * as lit_html37 from "lit-html";
 
 //#region src/gui/timeline/tracks/ImageTrack.d.ts
 declare class EFImageTrack extends TrackItem {
-  contents(): lit_html37.TemplateResult<1> | typeof nothing;
+  contents(): TemplateResult$1<1> | typeof nothing;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/timeline/tracks/ImageTrack.js

@@ -1,12 +1,11 @@
-import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.95.0/helpers/decorate.js";
+import { __decorate } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { EFImage } from "../../../elements/EFImage.js";
 import { TrackItem } from "./TrackItem.js";
 import { html, nothing } from "lit";
 import { customElement } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
-
 //#region src/gui/timeline/tracks/ImageTrack.ts
-let EFImageTrack = class EFImageTrack$1 extends TrackItem {
+let EFImageTrack = class EFImageTrack extends TrackItem {
 	contents() {
 		const image = this.element;
 		if (!(image instanceof EFImage)) return nothing;
@@ -48,6 +47,6 @@ let EFImageTrack = class EFImageTrack$1 extends TrackItem {
 	}
 };
 EFImageTrack = __decorate([customElement("ef-image-track")], EFImageTrack);
-
 //#endregion
+
 //# sourceMappingURL=ImageTrack.js.map