stormcloud-video-player 0.7.3 → 0.7.5

package/lib/index.js

@@ -369,185 +369,8 @@ function _ts_values(o) {
 // src/ui/StormcloudVideoPlayer.tsx
 import React2, { useEffect as useEffect2, useRef as useRef2, useMemo, useCallback as useCallback2 } from "react";
 // src/player/StormcloudVideoPlayer.ts
-import Hls2 from "hls.js";
+import Hls from "hls.js";
 // src/sdk/vastParser.ts
-function isHlsType(type) {
-    return type === "application/x-mpegURL" || type.includes("m3u8");
-}
-function isMp4Type(type) {
-    return type === "video/mp4" || type.includes("mp4");
-}
-function parseVastXml(xmlString) {
-    var filter = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "all", logPrefix = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "[VastParser]";
-    try {
-        var _xmlDoc_querySelector, _xmlDoc_querySelector1, _xmlDoc_querySelector_textContent, _xmlDoc_querySelector2;
-        var parser = new DOMParser();
-        var xmlDoc = parser.parseFromString(xmlString, "text/xml");
-        var parserError = xmlDoc.querySelector("parsererror");
-        if (parserError) {
-            console.error("".concat(logPrefix, " XML parsing error (malformed VAST XML):"), parserError.textContent);
-            return null;
-        }
-        var adElement = xmlDoc.querySelector("Ad");
-        if (!adElement) {
-            console.warn("".concat(logPrefix, " No Ad element found in VAST XML"));
-            return null;
-        }
-        var adId = adElement.getAttribute("id") || "unknown";
-        var title = ((_xmlDoc_querySelector = xmlDoc.querySelector("AdTitle")) === null || _xmlDoc_querySelector === void 0 ? void 0 : _xmlDoc_querySelector.textContent) || "Ad";
-        var isNoAdAvailable = adId === "empty" || title.toLowerCase().includes("no ad available") || title.toLowerCase() === "no ad available";
-        var durationText = ((_xmlDoc_querySelector1 = xmlDoc.querySelector("Duration")) === null || _xmlDoc_querySelector1 === void 0 ? void 0 : _xmlDoc_querySelector1.textContent) || "00:00:30";
-        var durationParts = durationText.split(":");
-        var duration = parseInt(durationParts[0] || "0", 10) * 3600 + parseInt(durationParts[1] || "0", 10) * 60 + Math.round(parseFloat(durationParts[2] || "0"));
-        var mediaFileElements = xmlDoc.querySelectorAll("MediaFile");
-        var mediaFiles = [];
-        console.log("".concat(logPrefix, " Found ").concat(mediaFileElements.length, " MediaFile element(s) in VAST XML"));
-        mediaFileElements.forEach(function(mf, index) {
-            var _mf_textContent;
-            var type = mf.getAttribute("type") || "";
-            var url = ((_mf_textContent = mf.textContent) === null || _mf_textContent === void 0 ? void 0 : _mf_textContent.trim()) || "";
-            var width = mf.getAttribute("width") || "";
-            var height = mf.getAttribute("height") || "";
-            console.log("".concat(logPrefix, " MediaFile ").concat(index, ': type="').concat(type, '", url="').concat(url.substring(0, 80), '...", width="').concat(width, '", height="').concat(height, '"'));
-            if (!url) {
-                console.warn("".concat(logPrefix, " MediaFile ").concat(index, " has empty URL"));
-                return;
-            }
-            var isHls = isHlsType(type);
-            var isMp4 = isMp4Type(type);
-            var accepted = false;
-            if (filter === "hls-only") {
-                accepted = isHls;
-            } else if (filter === "mp4-first") {
-                accepted = isMp4 || isHls;
-            } else {
-                accepted = true;
-            }
-            if (!accepted) {
-                console.log("".concat(logPrefix, " MediaFile ").concat(index, ' ignored (type="').concat(type, '" not accepted by filter "').concat(filter, '")'));
-                return;
-            }
-            var bitrateAttr = mf.getAttribute("bitrate");
-            var bitrateValue = bitrateAttr ? parseInt(bitrateAttr, 10) : void 0;
-            mediaFiles.push({
-                url: url,
-                type: type,
-                width: parseInt(width || "1920", 10),
-                height: parseInt(height || "1080", 10),
-                bitrate: bitrateValue && bitrateValue > 0 ? bitrateValue : void 0
-            });
-            console.log("".concat(logPrefix, ' Added MediaFile: type="').concat(type, '" url="').concat(url.substring(0, 80), '..."'));
-        });
-        if (filter === "mp4-first" && mediaFiles.length > 1) {
-            mediaFiles.sort(function(a, b) {
-                var aIsMp4 = isMp4Type(a.type) ? 0 : 1;
-                var bIsMp4 = isMp4Type(b.type) ? 0 : 1;
-                return aIsMp4 - bIsMp4;
-            });
-        }
-        if (mediaFiles.length === 0) {
-            if (isNoAdAvailable) {
-                console.warn("".concat(logPrefix, " No ads available (VAST response indicates no ads)"));
-            } else {
-                console.warn("".concat(logPrefix, " No compatible media files found in VAST XML"));
-            }
-            return null;
-        }
-        var trackingUrls = {
-            impression: [],
-            start: [],
-            firstQuartile: [],
-            midpoint: [],
-            thirdQuartile: [],
-            complete: [],
-            mute: [],
-            unmute: [],
-            pause: [],
-            resume: [],
-            fullscreen: [],
-            exitFullscreen: [],
-            skip: [],
-            error: []
-        };
-        xmlDoc.querySelectorAll("Impression").forEach(function(el) {
-            var _el_textContent;
-            var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
-            if (url) trackingUrls.impression.push(url);
-        });
-        xmlDoc.querySelectorAll("Tracking").forEach(function(el) {
-            var _el_textContent;
-            var event = el.getAttribute("event");
-            var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
-            if (event && url) {
-                var eventKey = event;
-                if (trackingUrls[eventKey]) {
-                    trackingUrls[eventKey].push(url);
-                }
-            }
-        });
-        var clickThrough = (_xmlDoc_querySelector2 = xmlDoc.querySelector("ClickThrough")) === null || _xmlDoc_querySelector2 === void 0 ? void 0 : (_xmlDoc_querySelector_textContent = _xmlDoc_querySelector2.textContent) === null || _xmlDoc_querySelector_textContent === void 0 ? void 0 : _xmlDoc_querySelector_textContent.trim();
-        return {
-            id: adId,
-            title: title,
-            duration: duration,
-            mediaFiles: mediaFiles,
-            trackingUrls: trackingUrls,
-            clickThrough: clickThrough
-        };
-    } catch (error) {
-        console.error("".concat(logPrefix, " Error parsing VAST XML:"), error);
-        return null;
-    }
-}
-function fetchAndParseVastAd(vastTagUrl) {
-    var filter = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "all", logPrefix = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "[VastParser]";
-    return _async_to_generator(function() {
-        var response, vastXml;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        fetch(vastTagUrl, {
-                            mode: "cors",
-                            credentials: "include",
-                            headers: {
-                                Accept: "application/xml, text/xml, */*"
-                            },
-                            referrerPolicy: "no-referrer-when-downgrade"
-                        })
-                    ];
-                case 1:
-                    response = _state.sent();
-                    if (!response.ok) {
-                        throw new Error("Failed to fetch VAST: ".concat(response.statusText));
-                    }
-                    return [
-                        4,
-                        response.text()
-                    ];
-                case 2:
-                    vastXml = _state.sent();
-                    console.log("".concat(logPrefix, " VAST XML received"));
-                    console.log("".concat(logPrefix, " VAST XML content (first 2000 chars):"), vastXml.substring(0, 2e3));
-                    return [
-                        2,
-                        parseVastXml(vastXml, filter, logPrefix)
-                    ];
-            }
-        });
-    })();
-}
-function createEmptyTrackingState() {
-    return {
-        impression: false,
-        start: false,
-        firstQuartile: false,
-        midpoint: false,
-        thirdQuartile: false,
-        complete: false
-    };
-}
 function firePixelWithRetry(url) {
     var retries = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2, delayMs = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 500, logPrefix = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "[VastParser]";
     return _async_to_generator(function() {
@@ -670,16 +493,164 @@ function fireTrackingPixels(urls, sessionId) {
         }
     });
 }
-// src/sdk/vastManager.ts
-var VAST_TAG_URL = "https://pubads.g.doubleclick.net/gampad/ads?iu=/21821455290/Airy-Android&description_url=http%3A%2F%2Fairy.tv&tfcd=0&npa=0&sz=1x1%7C300x250%7C400x300%7C640x480&gdfp_req=1&unviewed_position_start=1&correlator=[placeholder]&vpos=preroll&output=vast&env=vp&vpmute=0&vpa=click";
-var DEFAULT_TIMEOUT_MS = 5e3;
-var MAX_RETRIES = 3;
-var RETRY_BACKOFF_MS = 1500;
-function createVastManager() {
-    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var _options_debug;
-    var initialized = false;
-    var debug = (_options_debug = options.debug) !== null && _options_debug !== void 0 ? _options_debug : false;
+// src/sdk/adstormPlayer.ts
+var SUPPORTED_VIDEO_EXTENSIONS = [
+    ".mp4",
+    ".webm",
+    ".ogg",
+    ".m3u8",
+    ".ts"
+];
+var UNSUPPORTED_VIDEO_EXTENSIONS = [
+    ".flv",
+    ".f4v",
+    ".swf",
+    ".wmv",
+    ".avi",
+    ".mov",
+    ".mkv"
+];
+var REQUEST_TIMEOUT_MS = 5e3;
+var REQUEST_MAX_RETRIES = 3;
+var REQUEST_RETRY_BACKOFF_MS = 1500;
+var AD_LAYER_Z_INDEX = "30";
+var COUNTDOWN_Z_INDEX = "31";
+var STALL_TIMEOUT_MS = 8e3;
+function getFileExtension(url) {
+    try {
+        var pathname = new URL(url, "http://dummy").pathname;
+        var lastDot = pathname.lastIndexOf(".");
+        if (lastDot === -1) return "";
+        return pathname.slice(lastDot).toLowerCase();
+    } catch (unused) {
+        var lastDot1 = url.lastIndexOf(".");
+        if (lastDot1 === -1) return "";
+        var ext = url.slice(lastDot1).split(/[?#]/)[0];
+        return (ext || "").toLowerCase();
+    }
+}
+function isUnsupportedFormat(url) {
+    var ext = getFileExtension(url);
+    return UNSUPPORTED_VIDEO_EXTENSIONS.indexOf(ext) !== -1;
+}
+function replaceFlvExtension(url) {
+    var ext = getFileExtension(url);
+    if (ext === ".flv") {
+        return url.replace(/\.flv(\?|$)/i, ".mp4$1");
+    }
+    return url;
+}
+function isSupportedFormat(url, mimeType) {
+    if (isUnsupportedFormat(url)) {
+        return false;
+    }
+    var ext = getFileExtension(url);
+    if (SUPPORTED_VIDEO_EXTENSIONS.indexOf(ext) !== -1) {
+        return true;
+    }
+    if (ext === "" || ext === ".") {
+        return mimeType.includes("video/mp4") || mimeType.includes("video/webm") || mimeType.includes("m3u8") || mimeType.includes("application/x-mpegurl");
+    }
+    return false;
+}
+function createAdStormPlayer(contentVideo, options) {
+    var licenseKey = options.licenseKey, _options_debug = options.debug, debug = _options_debug === void 0 ? false : _options_debug;
+    var adPlaying = false;
+    var originalMutedState = false;
+    var originalVolume = Math.max(0, Math.min(1, contentVideo.volume || 1));
+    var listeners = /* @__PURE__ */ new Map();
+    var adVideoElement;
+    var adContainerEl;
+    var adCountdownEl;
+    var currentAd;
+    var destroyed = false;
+    var tornDown = false;
+    var continueLiveStreamDuringAds = false;
+    var sessionId;
+    var adStallTimerId;
+    var adCountdownTimerId;
+    var adHideTimerId;
+    var lastCountdownSecond = -1;
+    var adListenersBound = false;
+    var parentPositionOverridden = false;
+    var adHandlers = {
+        timeupdate: function timeupdate() {
+            if (!currentAd || !adVideoElement || destroyed || tornDown) return;
+            var progress = adVideoElement.currentTime / currentAd.duration;
+            if (progress >= 0.25 && !trackingFired.firstQuartile) {
+                trackingFired.firstQuartile = true;
+                fireTrackingPixels2(currentAd.trackingUrls.firstQuartile);
+            }
+            if (progress >= 0.5 && !trackingFired.midpoint) {
+                trackingFired.midpoint = true;
+                fireTrackingPixels2(currentAd.trackingUrls.midpoint);
+            }
+            if (progress >= 0.75 && !trackingFired.thirdQuartile) {
+                trackingFired.thirdQuartile = true;
+                fireTrackingPixels2(currentAd.trackingUrls.thirdQuartile);
+            }
+            updateAdCountdown();
+        },
+        playing: function playing() {
+            clearAdStallTimer();
+            if (!currentAd || trackingFired.start || destroyed || tornDown) return;
+            trackingFired.start = true;
+            fireTrackingPixels2(currentAd.trackingUrls.start);
+            startAdCountdown();
+            log("Ad started playing");
+        },
+        ended: function ended() {
+            if (!currentAd || trackingFired.complete || destroyed || tornDown) return;
+            trackingFired.complete = true;
+            fireTrackingPixels2(currentAd.trackingUrls.complete);
+            log("Ad completed");
+            handleAdComplete();
+        },
+        error: function error(e) {
+            if (destroyed || tornDown) return;
+            console.error("[AdStormPlayer] Ad video error:", e);
+            if (currentAd) fireTrackingPixels2(currentAd.trackingUrls.error);
+            handleAdError();
+        },
+        waiting: function waiting() {
+            clearAdStallTimer();
+            adStallTimerId = setTimeout(function() {
+                adStallTimerId = void 0;
+                if (!adPlaying || destroyed || tornDown) return;
+                console.warn("[AdStormPlayer] Ad playback stalled too long");
+                handleAdError();
+            }, STALL_TIMEOUT_MS);
+        },
+        volumechange: function volumechange() {
+            if (!currentAd || !adVideoElement || destroyed || tornDown) return;
+            if (adVideoElement.muted || adVideoElement.volume <= 0) {
+                fireTrackingPixels2(currentAd.trackingUrls.mute);
+            } else {
+                fireTrackingPixels2(currentAd.trackingUrls.unmute);
+            }
+        },
+        pause: function pause() {
+            if (!currentAd || !adVideoElement || destroyed || tornDown) return;
+            if (!adVideoElement.ended) {
+                fireTrackingPixels2(currentAd.trackingUrls.pause);
+            }
+        },
+        play: function play() {
+            if (!currentAd || !adVideoElement || destroyed || tornDown) return;
+            if (adVideoElement.currentTime > 0) {
+                fireTrackingPixels2(currentAd.trackingUrls.resume);
+            }
+        }
+    };
+    var trackingFired = {
+        impression: false,
+        start: false,
+        firstQuartile: false,
+        midpoint: false,
+        thirdQuartile: false,
+        complete: false
+    };
+    var preloadSlots = /* @__PURE__ */ new Map();
     function log() {
         for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
             args[_key] = arguments[_key];
@@ -687,58 +658,340 @@ function createVastManager() {
         if (debug) {
             var _console;
             (_console = console).log.apply(_console, [
-                "[VastManager]"
+                "[AdStormPlayer]"
             ].concat(_to_consumable_array(args)));
         }
     }
-    function warn() {
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
+    function emit(event, payload) {
+        var set = listeners.get(event);
+        if (!set) return;
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = Array.from(set)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var fn = _step.value;
+                try {
+                    fn(payload);
+                } catch (error) {
+                    console.warn("[AdStormPlayer] Error in event listener for ".concat(event, ":"), error);
+                }
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
         }
-        var _console;
-        (_console = console).warn.apply(_console, [
-            "[VastManager]"
-        ].concat(_to_consumable_array(args)));
     }
-    function initialize() {
-        return _async_to_generator(function() {
-            return _ts_generator(this, function(_state) {
-                if (initialized) return [
-                    2
-                ];
-                initialized = true;
-                log("Initialized, VAST tag URL:", VAST_TAG_URL.split("?")[0]);
-                return [
-                    2
-                ];
+    function fireTrackingPixels2(urls) {
+        fireTrackingPixels(urls, sessionId, "[AdStormPlayer]");
+    }
+    function clearAdStallTimer() {
+        if (adStallTimerId) {
+            clearTimeout(adStallTimerId);
+            adStallTimerId = void 0;
+        }
+    }
+    function clearAdCountdownTimer() {
+        if (adCountdownTimerId) {
+            clearInterval(adCountdownTimerId);
+            adCountdownTimerId = void 0;
+        }
+        lastCountdownSecond = -1;
+    }
+    function updateAdCountdown() {
+        if (!adCountdownEl || !adVideoElement || !currentAd || !adPlaying) return;
+        var remainingSec = Math.max(0, Math.ceil((currentAd.duration || 0) - adVideoElement.currentTime));
+        if (remainingSec === lastCountdownSecond) return;
+        lastCountdownSecond = remainingSec;
+        adCountdownEl.textContent = "Ad ".concat(remainingSec, "s");
+        emit("ad_countdown", {
+            remainingSec: remainingSec,
+            durationSec: currentAd.duration,
+            currentTimeSec: adVideoElement.currentTime
+        });
+    }
+    function startAdCountdown() {
+        clearAdCountdownTimer();
+        updateAdCountdown();
+        adCountdownTimerId = setInterval(updateAdCountdown, 250);
+    }
+    function generateSessionId() {
+        return "adstorm-".concat(Date.now(), "-").concat(Math.random().toString(36).slice(2, 10));
+    }
+    function bindAdEventListeners() {
+        if (!adVideoElement || adListenersBound) return;
+        adVideoElement.addEventListener("timeupdate", adHandlers.timeupdate);
+        adVideoElement.addEventListener("playing", adHandlers.playing);
+        adVideoElement.addEventListener("ended", adHandlers.ended);
+        adVideoElement.addEventListener("error", adHandlers.error);
+        adVideoElement.addEventListener("waiting", adHandlers.waiting);
+        adVideoElement.addEventListener("volumechange", adHandlers.volumechange);
+        adVideoElement.addEventListener("pause", adHandlers.pause);
+        adVideoElement.addEventListener("play", adHandlers.play);
+        adListenersBound = true;
+    }
+    function unbindAdEventListeners() {
+        if (!adVideoElement || !adListenersBound) return;
+        adVideoElement.removeEventListener("timeupdate", adHandlers.timeupdate);
+        adVideoElement.removeEventListener("playing", adHandlers.playing);
+        adVideoElement.removeEventListener("ended", adHandlers.ended);
+        adVideoElement.removeEventListener("error", adHandlers.error);
+        adVideoElement.removeEventListener("waiting", adHandlers.waiting);
+        adVideoElement.removeEventListener("volumechange", adHandlers.volumechange);
+        adVideoElement.removeEventListener("pause", adHandlers.pause);
+        adVideoElement.removeEventListener("play", adHandlers.play);
+        adListenersBound = false;
+    }
+    function teardownCurrentPlayback() {
+        unbindAdEventListeners();
+        clearAdStallTimer();
+        clearAdCountdownTimer();
+        if (!adVideoElement) return;
+        adVideoElement.pause();
+        adVideoElement.removeAttribute("src");
+        adVideoElement.load();
+    }
+    function buildVastUrl(durationSeconds, metadata) {
+        var baseUrl = "https://adstorm.co/api-adstorm-dev/adstorm/vast/".concat(licenseKey, "/pod");
+        var defaultMetadata = {
+            video: {
+                codec: "h264",
+                width: contentVideo.videoWidth || 1280,
+                height: contentVideo.videoHeight || 720,
+                fps: 29.97,
+                bitrate: 5e3,
+                profile: "high",
+                pix_fmt: "yuv420p",
+                has_b_frames: 0
+            },
+            audio: {
+                codec: "aac",
+                sample_rate: 48e3,
+                bitrate: 128
+            }
+        };
+        var finalMetadata = metadata || defaultMetadata;
+        var metadataStr = encodeURIComponent(JSON.stringify(finalMetadata));
+        return "".concat(baseUrl, "?duration=").concat(Math.ceil(durationSeconds), "&metadata=").concat(metadataStr);
+    }
+    function parseVastXml(xmlString) {
+        var ads = [];
+        try {
+            var parser = new DOMParser();
+            var xmlDoc = parser.parseFromString(xmlString, "text/xml");
+            var parserError = xmlDoc.querySelector("parsererror");
+            if (parserError) {
+                console.error("[AdStormPlayer] XML parsing error:", parserError.textContent);
+                return [];
+            }
+            var adElements = xmlDoc.querySelectorAll("Ad");
+            adElements.forEach(function(adElement) {
+                var _adElement_querySelector, _adElement_querySelector1, _adElement_querySelector_textContent, _adElement_querySelector2;
+                var adId = adElement.getAttribute("id") || "unknown";
+                var title = ((_adElement_querySelector = adElement.querySelector("AdTitle")) === null || _adElement_querySelector === void 0 ? void 0 : _adElement_querySelector.textContent) || "Ad";
+                var durationText = ((_adElement_querySelector1 = adElement.querySelector("Duration")) === null || _adElement_querySelector1 === void 0 ? void 0 : _adElement_querySelector1.textContent) || "00:00:30";
+                var durationParts = durationText.split(":");
+                var duration = parseInt(durationParts[0] || "0", 10) * 3600 + parseInt(durationParts[1] || "0", 10) * 60 + parseFloat(durationParts[2] || "0");
+                var mediaFileElements = adElement.querySelectorAll("MediaFile");
+                var mediaFiles = [];
+                mediaFileElements.forEach(function(mf) {
+                    var _mf_textContent;
+                    var type = mf.getAttribute("type") || "";
+                    var url = ((_mf_textContent = mf.textContent) === null || _mf_textContent === void 0 ? void 0 : _mf_textContent.trim()) || "";
+                    var width = parseInt(mf.getAttribute("width") || "1920", 10);
+                    var height = parseInt(mf.getAttribute("height") || "1080", 10);
+                    var bitrate = mf.getAttribute("bitrate") ? parseInt(mf.getAttribute("bitrate"), 10) : void 0;
+                    if (!url) {
+                        log("Skipping empty MediaFile URL");
+                        return;
+                    }
+                    var originalUrl = url;
+                    url = replaceFlvExtension(url);
+                    if (url !== originalUrl) {
+                        log("Converted FLV to MP4: ".concat(originalUrl, " -> ").concat(url));
+                    }
+                    if (isUnsupportedFormat(url)) {
+                        var ext = getFileExtension(url);
+                        log("Skipping unsupported format: ".concat(url, " (extension: ").concat(ext, ", declared type: ").concat(type, ")"));
+                        return;
+                    }
+                    if (isSupportedFormat(url, type)) {
+                        mediaFiles.push({
+                            url: url,
+                            type: type,
+                            width: width,
+                            height: height,
+                            bitrate: bitrate
+                        });
+                        log("Found media file: ".concat(url, " (").concat(type, ", ").concat(width, "x").concat(height, ")"));
+                    } else {
+                        log("Skipping incompatible media file: ".concat(url, " (type: ").concat(type, ")"));
+                    }
+                });
+                if (mediaFiles.length === 0) {
+                    log("No valid media files found in ad:", adId);
+                    return;
+                }
+                var trackingUrls = {
+                    impression: [],
+                    start: [],
+                    firstQuartile: [],
+                    midpoint: [],
+                    thirdQuartile: [],
+                    complete: [],
+                    mute: [],
+                    unmute: [],
+                    pause: [],
+                    resume: [],
+                    error: []
+                };
+                adElement.querySelectorAll("Impression").forEach(function(el) {
+                    var _el_textContent;
+                    var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
+                    if (url) trackingUrls.impression.push(url);
+                });
+                adElement.querySelectorAll("Tracking").forEach(function(el) {
+                    var _el_textContent;
+                    var event = el.getAttribute("event");
+                    var url = (_el_textContent = el.textContent) === null || _el_textContent === void 0 ? void 0 : _el_textContent.trim();
+                    if (event && url) {
+                        var eventKey = event;
+                        if (trackingUrls[eventKey]) {
+                            trackingUrls[eventKey].push(url);
+                        }
+                    }
+                });
+                var clickThrough = (_adElement_querySelector2 = adElement.querySelector("ClickThrough")) === null || _adElement_querySelector2 === void 0 ? void 0 : (_adElement_querySelector_textContent = _adElement_querySelector2.textContent) === null || _adElement_querySelector_textContent === void 0 ? void 0 : _adElement_querySelector_textContent.trim();
+                ads.push({
+                    id: adId,
+                    title: title,
+                    duration: duration,
+                    mediaFiles: mediaFiles,
+                    trackingUrls: trackingUrls,
+                    clickThrough: clickThrough
+                });
+                log("Parsed ad: ".concat(title, ", duration: ").concat(duration, "s, media files: ").concat(mediaFiles.length));
             });
-        })();
+        } catch (error) {
+            console.error("[AdStormPlayer] Error parsing VAST XML:", error);
+        }
+        return ads;
+    }
+    function selectBestMediaFile(mediaFiles) {
+        if (mediaFiles.length === 0) return null;
+        if (mediaFiles.length === 1) return mediaFiles[0];
+        var mp4Files = mediaFiles.filter(function(mf) {
+            return mf.type.includes("video/mp4");
+        });
+        var candidates = mp4Files.length > 0 ? mp4Files : mediaFiles;
+        var targetWidth = contentVideo.videoWidth || 1280;
+        var targetHeight = contentVideo.videoHeight || 720;
+        candidates.sort(function(a, b) {
+            var diffA = Math.abs(a.width - targetWidth) + Math.abs(a.height - targetHeight);
+            var diffB = Math.abs(b.width - targetWidth) + Math.abs(b.height - targetHeight);
+            return diffA - diffB;
+        });
+        return candidates[0] || null;
+    }
+    function createAdVideoElement() {
+        var video = document.createElement("video");
+        video.style.position = "absolute";
+        video.style.left = "0";
+        video.style.top = "0";
+        video.style.width = "100%";
+        video.style.height = "100%";
+        video.style.objectFit = "contain";
+        video.style.backgroundColor = "#000";
+        video.style.zIndex = "1";
+        video.playsInline = true;
+        video.preload = "auto";
+        video.muted = originalMutedState;
+        video.volume = originalMutedState ? 0 : originalVolume;
+        return video;
+    }
+    function setAdPlayingFlag(isPlaying) {
+        if (isPlaying) {
+            contentVideo.dataset.stormcloudAdPlaying = "true";
+        } else {
+            delete contentVideo.dataset.stormcloudAdPlaying;
+        }
+    }
+    function setupAdEventListeners() {
+        bindAdEventListeners();
+    }
+    function handleAdComplete() {
+        if (destroyed || tornDown) return;
+        log("Handling ad completion");
+        adPlaying = false;
+        setAdPlayingFlag(false);
+        clearAdStallTimer();
+        clearAdCountdownTimer();
+        if (adContainerEl) {
+            adContainerEl.style.opacity = "0";
+            adHideTimerId = setTimeout(function() {
+                if (adContainerEl) {
+                    adContainerEl.style.display = "none";
+                    adContainerEl.style.pointerEvents = "none";
+                }
+            }, 300);
+        }
+        contentVideo.style.visibility = "visible";
+        contentVideo.style.opacity = "1";
+        contentVideo.muted = originalMutedState;
+        contentVideo.volume = originalVolume;
+        currentAd = void 0;
+        emit("content_resume");
+        emit("all_ads_completed");
+    }
+    function handleAdError() {
+        if (destroyed || tornDown) return;
+        log("Handling ad error");
+        if (!adPlaying) return;
+        adPlaying = false;
+        setAdPlayingFlag(false);
+        clearAdStallTimer();
+        clearAdCountdownTimer();
+        contentVideo.muted = originalMutedState;
+        contentVideo.volume = originalVolume;
+        contentVideo.style.visibility = "visible";
+        contentVideo.style.opacity = "1";
+        if (adContainerEl) {
+            adContainerEl.style.display = "none";
+            adContainerEl.style.pointerEvents = "none";
+        }
+        currentAd = void 0;
+        emit("ad_error");
+        emit("content_resume");
     }
-    function requestBids(_context) {
+    function fetchVastOnce(durationSeconds) {
         return _async_to_generator(function() {
-            var correlator, url, controller, timeoutId, _ref, _ref1, _vastAd_mediaFiles_, _vastAd_mediaFiles_1, fetchOptions, response, vastXml, vastAd, bid, error;
+            var vastUrl, controller, timeoutId, requestInit, response, xmlText;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        if (!initialized) {
-                            throw new Error("VastManager not initialized. Call initialize() first.");
-                        }
-                        correlator = Math.floor(Math.random() * 1e12).toString();
-                        url = VAST_TAG_URL.replace("[placeholder]", correlator);
-                        log("Fetching VAST tag, correlator:", correlator);
+                        vastUrl = buildVastUrl(durationSeconds);
+                        log("Fetching VAST from:", vastUrl);
                         controller = typeof AbortController !== "undefined" ? new AbortController() : null;
                         timeoutId = setTimeout(function() {
                             return controller === null || controller === void 0 ? void 0 : controller.abort();
-                        }, DEFAULT_TIMEOUT_MS);
+                        }, REQUEST_TIMEOUT_MS);
                         _state.label = 1;
                     case 1:
                         _state.trys.push([
                             1,
-                            4,
                             ,
+                            4,
                             5
                         ]);
-                        fetchOptions = {
+                        requestInit = {
                             method: "GET",
                             mode: "cors",
                             credentials: "omit",
@@ -747,62 +1000,34 @@ function createVastManager() {
                             },
                             referrerPolicy: "no-referrer-when-downgrade"
                         };
-                        if (controller) fetchOptions.signal = controller.signal;
+                        if (controller) {
+                            requestInit.signal = controller.signal;
+                        }
                         return [
                             4,
-                            fetch(url, fetchOptions)
+                            fetch(vastUrl, requestInit)
                         ];
                     case 2:
                         response = _state.sent();
-                        clearTimeout(timeoutId);
                         if (!response.ok) {
-                            throw new Error("VAST request returned HTTP ".concat(response.status));
+                            throw new Error("Failed to fetch VAST: ".concat(response.status, " ").concat(response.statusText));
                         }
                         return [
                             4,
                             response.text()
                         ];
                     case 3:
-                        vastXml = _state.sent();
-                        log("VAST XML received, length:", vastXml.length);
-                        vastAd = parseVastXml(vastXml, "mp4-first", "[VastManager]");
-                        if (!vastAd) {
-                            log("VAST parsed but no usable ad found");
-                            return [
-                                2,
-                                []
-                            ];
-                        }
-                        log("Ad parsed: id=".concat(vastAd.id, ", duration=").concat(vastAd.duration, "s, mediaFiles=").concat(vastAd.mediaFiles.length));
-                        bid = {
-                            bidder: "vast-direct",
-                            cpm: 0,
-                            vastXml: vastXml,
-                            width: (_ref = (_vastAd_mediaFiles_ = vastAd.mediaFiles[0]) === null || _vastAd_mediaFiles_ === void 0 ? void 0 : _vastAd_mediaFiles_.width) !== null && _ref !== void 0 ? _ref : 0,
-                            height: (_ref1 = (_vastAd_mediaFiles_1 = vastAd.mediaFiles[0]) === null || _vastAd_mediaFiles_1 === void 0 ? void 0 : _vastAd_mediaFiles_1.height) !== null && _ref1 !== void 0 ? _ref1 : 0,
-                            adId: vastAd.id,
-                            impId: correlator,
-                            creativeId: vastAd.id,
-                            currency: "USD",
-                            durationSec: vastAd.duration
-                        };
+                        xmlText = _state.sent();
+                        log("VAST response received, length:", xmlText.length);
                         return [
                             2,
-                            [
-                                bid
-                            ]
+                            parseVastXml(xmlText)
                         ];
                     case 4:
-                        error = _state.sent();
                         clearTimeout(timeoutId);
-                        if ((error === null || error === void 0 ? void 0 : error.name) === "AbortError") {
-                            warn("VAST request timed out after ".concat(DEFAULT_TIMEOUT_MS, "ms"));
-                            return [
-                                2,
-                                []
-                            ];
-                        }
-                        throw error;
+                        return [
+                            7
+                        ];
                     case 5:
                         return [
                             2
@@ -811,14 +1036,14 @@ function createVastManager() {
             });
         })();
     }
-    function requestBidsUntilResponse(context) {
+    function fetchVast(durationSeconds) {
         return _async_to_generator(function() {
             var _loop, lastError, attempt, _ret;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
                         _loop = function(attempt) {
-                            var bids, err, delay;
+                            var ads, error, delay;
                             return _ts_generator(this, function(_state) {
                                 switch(_state.label){
                                     case 0:
@@ -830,39 +1055,39 @@ function createVastManager() {
                                         ]);
                                         return [
                                             4,
-                                            requestBids(context)
+                                            fetchVastOnce(durationSeconds)
                                         ];
                                     case 1:
-                                        bids = _state.sent();
-                                        if (bids.length > 0) {
-                                            log("requestBidsUntilResponse: got ".concat(bids.length, " ad(s) on attempt ").concat(attempt));
-                                            return [
-                                                2,
-                                                {
-                                                    v: bids
-                                                }
-                                            ];
-                                        }
-                                        log("requestBidsUntilResponse: no ads on attempt ".concat(attempt, "/").concat(MAX_RETRIES));
+                                        ads = _state.sent();
+                                        if (ads.length > 0) return [
+                                            2,
+                                            {
+                                                v: ads
+                                            }
+                                        ];
+                                        log("No ad returned from VAST on attempt ".concat(attempt, "/").concat(REQUEST_MAX_RETRIES));
                                         return [
                                             3,
                                             3
                                         ];
                                     case 2:
-                                        err = _state.sent();
-                                        lastError = err;
-                                        warn("requestBidsUntilResponse: attempt ".concat(attempt, "/").concat(MAX_RETRIES, " failed:"), err);
+                                        error = _state.sent();
+                                        lastError = error;
+                                        if ((error === null || error === void 0 ? void 0 : error.name) === "AbortError") {
+                                            console.warn("[AdStormPlayer] VAST request timed out (".concat(REQUEST_TIMEOUT_MS, "ms), attempt ").concat(attempt, "/").concat(REQUEST_MAX_RETRIES));
+                                        } else {
+                                            console.warn("[AdStormPlayer] VAST request failed on attempt ".concat(attempt, "/").concat(REQUEST_MAX_RETRIES, ":"), error);
+                                        }
                                         return [
                                             3,
                                             3
                                         ];
                                     case 3:
-                                        if (!(attempt < MAX_RETRIES)) return [
+                                        if (!(attempt < REQUEST_MAX_RETRIES)) return [
                                             3,
                                             5
                                         ];
-                                        delay = RETRY_BACKOFF_MS * attempt;
-                                        log("requestBidsUntilResponse: waiting ".concat(delay, "ms before retry"));
+                                        delay = REQUEST_RETRY_BACKOFF_MS * attempt;
                                         return [
                                             4,
                                             new Promise(function(resolve) {
@@ -879,13 +1104,10 @@ function createVastManager() {
                                 }
                             });
                         };
-                        if (!initialized) {
-                            throw new Error("VastManager not initialized. Call initialize() first.");
-                        }
                         attempt = 1;
                         _state.label = 1;
                     case 1:
-                        if (!(attempt <= MAX_RETRIES)) return [
+                        if (!(attempt <= REQUEST_MAX_RETRIES)) return [
                             3,
                             4
                         ];
@@ -907,7 +1129,9 @@ function createVastManager() {
                             1
                         ];
                     case 4:
-                        if (_instanceof(lastError, Error)) throw lastError;
+                        if (_instanceof(lastError, Error)) {
+                            throw lastError;
+                        }
                         return [
                             2,
                             []
@@ -916,946 +1140,468 @@ function createVastManager() {
             });
         })();
     }
-    function destroy() {
-        initialized = false;
-        log("Destroyed");
-    }
-    return {
-        initialize: initialize,
-        requestBids: requestBids,
-        requestBidsUntilResponse: requestBidsUntilResponse,
-        destroy: destroy,
-        get isInitialized () {
-            return initialized;
-        }
-    };
-}
-// src/sdk/vastAdLayer.ts
-import Hls from "hls.js";
-var LOG = "[VastAdLayer]";
-function resolveBidToVastAd(winner, logPrefix) {
-    if (winner.vastXml) {
-        var ad = parseVastXml(winner.vastXml, "mp4-first", logPrefix);
-        return Promise.resolve(ad);
-    }
-    if (winner.vastUrl) {
-        return fetchAndParseVastAd(winner.vastUrl, "mp4-first", logPrefix);
-    }
-    return Promise.resolve(null);
-}
-function createVastAdLayer(contentVideo, options) {
-    var _ref, _ref1, _ref2, _ref3, _ref4;
-    var adPlaying = false;
-    var originalMutedState = false;
-    var originalVolume = Math.max(0, Math.min(1, contentVideo.volume || 1));
-    var listeners = /* @__PURE__ */ new Map();
-    var mainHlsInstance = options === null || options === void 0 ? void 0 : options.mainHlsInstance;
-    var continueLiveStreamDuringAds = (_ref = options === null || options === void 0 ? void 0 : options.continueLiveStreamDuringAds) !== null && _ref !== void 0 ? _ref : false;
-    var smartTVMode = (_ref1 = options === null || options === void 0 ? void 0 : options.smartTVMode) !== null && _ref1 !== void 0 ? _ref1 : false;
-    var singleElementMode = (_ref2 = options === null || options === void 0 ? void 0 : options.singleElementMode) !== null && _ref2 !== void 0 ? _ref2 : false;
-    var forceMP4Ads = (_ref3 = options === null || options === void 0 ? void 0 : options.forceMP4Ads) !== null && _ref3 !== void 0 ? _ref3 : smartTVMode || singleElementMode;
-    var debug = (_ref4 = options === null || options === void 0 ? void 0 : options.debug) !== null && _ref4 !== void 0 ? _ref4 : false;
-    var adVideoElement;
-    var adHls;
-    var adContainerEl;
-    var currentAd;
-    var sessionId;
-    var destroyed = false;
-    var tornDown = false;
-    var trackingFired = createEmptyTrackingState();
-    var adStallTimerId;
-    var currentAdEventHandlers;
-    var preloadSlots = /* @__PURE__ */ new Map();
-    function emit(event, payload) {
-        var set = listeners.get(event);
-        if (!set) return;
-        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-        try {
-            for(var _iterator = Array.from(set)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                var fn = _step.value;
-                try {
-                    fn(payload);
-                } catch (error) {
-                    console.warn("".concat(LOG, " Error in event listener for ").concat(event, ":"), error);
-                }
-            }
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
-            }
-        }
-    }
-    function generateSessionId() {
-        return "session-".concat(Date.now(), "-").concat(Math.random().toString(36).substr(2, 9));
-    }
-    function fireTrackingPixels2(urls) {
-        fireTrackingPixels(urls, sessionId, LOG);
-    }
-    function getMainStreamQuality() {
-        if (!(mainHlsInstance === null || mainHlsInstance === void 0 ? void 0 : mainHlsInstance.levels)) return null;
-        var currentLevel = mainHlsInstance.currentLevel;
-        if (currentLevel === -1 || !mainHlsInstance.levels[currentLevel]) {
-            var autoLevel = mainHlsInstance.loadLevel;
-            if (autoLevel !== -1 && mainHlsInstance.levels[autoLevel]) {
-                var level2 = mainHlsInstance.levels[autoLevel];
-                return {
-                    width: level2.width || 1920,
-                    height: level2.height || 1080,
-                    bitrate: level2.bitrate || 5e6
-                };
-            }
-            return null;
+    function getDurationSecondsFromContext(requestContext) {
+        var _ctx_remainingBreakSec;
+        if (!requestContext || (typeof requestContext === "undefined" ? "undefined" : _type_of(requestContext)) !== "object") {
+            return 30;
         }
-        var level = mainHlsInstance.levels[currentLevel];
-        return {
-            width: level.width || 1920,
-            height: level.height || 1080,
-            bitrate: level.bitrate || 5e6
-        };
-    }
-    function selectBestMediaFile(mediaFiles) {
-        var _ref;
-        var _scoredFiles_;
-        if (mediaFiles.length === 0) throw new Error("No media files available");
-        var candidates = mediaFiles;
-        if (forceMP4Ads) {
-            var mp4Only = candidates.filter(function(f) {
-                return !isHlsMediaFile(f);
-            });
-            if (mp4Only.length > 0) {
-                candidates = mp4Only;
-                if (debug) console.log("".concat(LOG, " forceMP4Ads: filtered to ").concat(mp4Only.length, " MP4-only file(s)"));
-            } else if (debug) {
-                console.warn("".concat(LOG, " forceMP4Ads: no MP4 files available, falling back to all media files"));
-            }
-        } else {
-            var mp4Only1 = candidates.filter(function(f) {
-                return !isHlsMediaFile(f);
-            });
-            if (mp4Only1.length > 0) {
-                candidates = mp4Only1;
-                if (debug) console.log("".concat(LOG, " Preferring ").concat(mp4Only1.length, " MP4 file(s) over HLS (mp4-first)"));
-            }
-        }
-        var firstFile = candidates[0];
-        if (candidates.length === 1) return firstFile;
-        var mainQuality = getMainStreamQuality();
-        if (!mainQuality) {
-            if (debug) console.log("".concat(LOG, " No main stream quality info, using first media file"));
-            return firstFile;
+        var ctx = requestContext;
+        var value = (_ctx_remainingBreakSec = ctx.remainingBreakSec) !== null && _ctx_remainingBreakSec !== void 0 ? _ctx_remainingBreakSec : ctx.breakDurationSec;
+        if (typeof value !== "number" || Number.isNaN(value)) {
+            return 30;
         }
-        var scoredFiles = candidates.map(function(file) {
-            var widthDiff = Math.abs(file.width - mainQuality.width);
-            var heightDiff = Math.abs(file.height - mainQuality.height);
-            var resolutionDiff = widthDiff + heightDiff;
-            var fileBitrate = (file.bitrate || 5e3) * 1e3;
-            var bitrateDiff = Math.abs(fileBitrate - mainQuality.bitrate);
-            var score = resolutionDiff * 2 + bitrateDiff / 1e3;
-            return {
-                file: file,
-                score: score
-            };
-        });
-        scoredFiles.sort(function(a, b) {
-            return a.score - b.score;
-        });
-        return (_ref = (_scoredFiles_ = scoredFiles[0]) === null || _scoredFiles_ === void 0 ? void 0 : _scoredFiles_.file) !== null && _ref !== void 0 ? _ref : firstFile;
-    }
-    function isHlsMediaFile(file) {
-        return file.type === "application/x-mpegURL" || file.type.includes("m3u8");
-    }
-    function createAdVideoElement() {
-        var video = document.createElement("video");
-        video.style.position = "absolute";
-        video.style.left = "0";
-        video.style.top = "0";
-        video.style.width = "100%";
-        video.style.height = "100%";
-        video.style.objectFit = "contain";
-        video.style.backgroundColor = "#000";
-        video.playsInline = true;
-        video.muted = false;
-        video.volume = 1;
-        return video;
+        return Math.max(1, Math.ceil(value));
     }
-    function clearAdStallTimer() {
-        if (adStallTimerId != null) {
-            clearTimeout(adStallTimerId);
-            adStallTimerId = void 0;
-        }
-    }
-    function removeAdEventListeners() {
-        clearAdStallTimer();
-        if (!currentAdEventHandlers || !adVideoElement) return;
-        var el = adVideoElement;
-        el.removeEventListener("timeupdate", currentAdEventHandlers.timeupdate);
-        el.removeEventListener("playing", currentAdEventHandlers.playing);
-        el.removeEventListener("ended", currentAdEventHandlers.ended);
-        el.removeEventListener("error", currentAdEventHandlers.error);
-        el.removeEventListener("volumechange", currentAdEventHandlers.volumechange);
-        el.removeEventListener("pause", currentAdEventHandlers.pause);
-        el.removeEventListener("play", currentAdEventHandlers.play);
-        el.removeEventListener("waiting", currentAdEventHandlers.waiting);
-        currentAdEventHandlers = void 0;
-    }
-    function setupAdEventListeners() {
-        if (!adVideoElement) return;
-        removeAdEventListeners();
-        var handlers = {
-            timeupdate: function timeupdate() {
-                var ad = currentAd;
-                if (!ad || !adVideoElement) return;
-                var progress = adVideoElement.currentTime / ad.duration;
-                if (progress >= 0.25 && !trackingFired.firstQuartile) {
-                    trackingFired.firstQuartile = true;
-                    fireTrackingPixels2(ad.trackingUrls.firstQuartile);
-                }
-                if (progress >= 0.5 && !trackingFired.midpoint) {
-                    trackingFired.midpoint = true;
-                    fireTrackingPixels2(ad.trackingUrls.midpoint);
-                }
-                if (progress >= 0.75 && !trackingFired.thirdQuartile) {
-                    trackingFired.thirdQuartile = true;
-                    fireTrackingPixels2(ad.trackingUrls.thirdQuartile);
-                }
-            },
-            playing: function playing() {
-                clearAdStallTimer();
-                var ad = currentAd;
-                if (!ad || trackingFired.start) return;
-                trackingFired.start = true;
-                fireTrackingPixels2(ad.trackingUrls.start);
-                if (debug) console.log("".concat(LOG, " Ad started playing"));
-            },
-            ended: function ended() {
-                if (tornDown || !currentAd || trackingFired.complete) return;
-                trackingFired.complete = true;
-                fireTrackingPixels2(currentAd.trackingUrls.complete);
-                if (debug) console.log("".concat(LOG, " Ad completed"));
-                handleAdComplete();
-            },
-            error: function error(e) {
-                if (tornDown) return;
-                console.error("".concat(LOG, " Ad video error:"), e);
-                if (currentAd) fireTrackingPixels2(currentAd.trackingUrls.error);
-                handleAdError();
-            },
-            volumechange: function volumechange() {
-                if (!currentAd || !adVideoElement) return;
-                if (adVideoElement.muted) {
-                    fireTrackingPixels2(currentAd.trackingUrls.mute);
-                } else {
-                    fireTrackingPixels2(currentAd.trackingUrls.unmute);
-                }
-            },
-            pause: function pause() {
-                if (currentAd && adVideoElement && !adVideoElement.ended) {
-                    fireTrackingPixels2(currentAd.trackingUrls.pause);
-                }
-            },
-            play: function play() {
-                if (currentAd && adVideoElement && adVideoElement.currentTime > 0) {
-                    fireTrackingPixels2(currentAd.trackingUrls.resume);
-                }
-            },
-            waiting: function waiting() {
-                clearAdStallTimer();
-                adStallTimerId = setTimeout(function() {
-                    adStallTimerId = void 0;
-                    if (adPlaying) {
-                        if (debug) console.warn("".concat(LOG, " Ad video stalled for too long, treating as error"));
-                        handleAdError();
-                    }
-                }, 8e3);
-            }
-        };
-        adVideoElement.addEventListener("timeupdate", handlers.timeupdate);
-        adVideoElement.addEventListener("playing", handlers.playing);
-        adVideoElement.addEventListener("ended", handlers.ended);
-        adVideoElement.addEventListener("error", handlers.error);
-        adVideoElement.addEventListener("volumechange", handlers.volumechange);
-        adVideoElement.addEventListener("pause", handlers.pause);
-        adVideoElement.addEventListener("play", handlers.play);
-        adVideoElement.addEventListener("waiting", handlers.waiting);
-        currentAdEventHandlers = handlers;
-    }
-    function setAdPlayingFlag(isPlaying) {
-        if (isPlaying) {
-            contentVideo.dataset.stormcloudAdPlaying = "true";
-        } else {
-            delete contentVideo.dataset.stormcloudAdPlaying;
-        }
-    }
-    function handleAdComplete() {
-        if (tornDown) return;
-        clearAdStallTimer();
-        if (debug) console.log("".concat(LOG, " Handling ad completion"));
-        adPlaying = false;
-        setAdPlayingFlag(false);
-        if (adContainerEl) {
-            adContainerEl.style.display = "none";
-            adContainerEl.style.pointerEvents = "none";
-        }
-        emit("ad_impression");
-        emit("content_resume");
-    }
-    function handleAdError() {
-        if (tornDown) return;
-        if (!adPlaying) return;
-        clearAdStallTimer();
-        if (debug) console.log("".concat(LOG, " Handling ad error"));
-        adPlaying = false;
-        setAdPlayingFlag(false);
-        if (adContainerEl) {
-            adContainerEl.style.display = "none";
-            adContainerEl.style.pointerEvents = "none";
-        }
-        emit("ad_error");
-    }
-    function teardownCurrentPlayback() {
-        removeAdEventListeners();
-        if (adHls) {
-            adHls.destroy();
-            adHls = void 0;
-        }
-        if (adVideoElement) {
-            if (singleElementMode && adVideoElement === contentVideo) {
-                contentVideo.pause();
-            } else {
-                adVideoElement.pause();
-                adVideoElement.removeAttribute("src");
-                adVideoElement.load();
-            }
-        }
-    }
-    function startNativePlayback(mediaFile) {
-        if (!adVideoElement) return;
-        if (debug) console.log("".concat(LOG, " Starting native MP4 playback: ").concat(mediaFile.url));
-        adVideoElement.src = mediaFile.url;
-        adVideoElement.load();
-        adVideoElement.play().catch(function(error) {
-            console.error("".concat(LOG, " Error starting native ad playback:"), error);
-            handleAdError();
-        });
-    }
-    function startHlsPlayback(mediaFile) {
-        if (!adVideoElement) return;
-        if (debug) console.log("".concat(LOG, " Starting HLS playback: ").concat(mediaFile.url));
-        if (Hls.isSupported()) {
-            if (adHls) {
-                adHls.destroy();
-                adHls = void 0;
-            }
-            adHls = new Hls({
-                enableWorker: true,
-                lowLatencyMode: false
-            });
-            adHls.loadSource(mediaFile.url);
-            adHls.attachMedia(adVideoElement);
-            adHls.on(Hls.Events.MANIFEST_PARSED, function() {
-                if (!adPlaying) return;
-                adVideoElement.play().catch(function(error) {
-                    console.error("".concat(LOG, " Error starting HLS ad playback:"), error);
-                    handleAdError();
-                });
-            });
-            var nonFatalNetworkErrors = 0;
-            adHls.on(Hls.Events.ERROR, function(_event, data) {
-                if (data.fatal) {
-                    handleAdError();
-                } else if (data.type === Hls.ErrorTypes.NETWORK_ERROR) {
-                    nonFatalNetworkErrors++;
-                    if (nonFatalNetworkErrors >= 3) {
-                        if (debug) console.warn("".concat(LOG, " Too many non-fatal HLS network errors (").concat(nonFatalNetworkErrors, "), treating as fatal"));
-                        handleAdError();
-                    }
-                }
-            });
-        } else if (adVideoElement.canPlayType("application/vnd.apple.mpegurl")) {
-            adVideoElement.src = mediaFile.url;
-            adVideoElement.play().catch(function(error) {
-                console.error("".concat(LOG, " Error starting native HLS ad playback:"), error);
-                handleAdError();
-            });
-        } else {
-            console.error("".concat(LOG, " HLS not supported on this platform"));
-            handleAdError();
-        }
-    }
-    function startPlayback(mediaFile) {
-        if (!adVideoElement) return;
-        if (singleElementMode && isHlsMediaFile(mediaFile)) {
-            var mp4Fallback = currentAd === null || currentAd === void 0 ? void 0 : currentAd.mediaFiles.find(function(f) {
-                return !isHlsMediaFile(f);
-            });
-            if (mp4Fallback) {
-                if (debug) console.log("".concat(LOG, " singleElementMode: HLS ad blocked, using MP4 fallback"));
-                startNativePlayback(mp4Fallback);
-                return;
-            }
-        }
-        if (isHlsMediaFile(mediaFile)) {
-            startHlsPlayback(mediaFile);
-        } else {
-            startNativePlayback(mediaFile);
-        }
-    }
-    function playAd(bids) {
+    function requestAdFromApi(requestContext) {
         return _async_to_generator(function() {
-            var winner, ad, contentVolume, adVolume2, mediaFile2, _contentVideo_parentElement, container, adVolume, mediaFile;
+            var durationSeconds, ads;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        if (destroyed) {
-                            return [
-                                2,
-                                Promise.reject(new Error("Layer has been destroyed"))
-                            ];
-                        }
-                        if (bids.length === 0) {
-                            return [
-                                2,
-                                Promise.reject(new Error("No bids provided"))
-                            ];
-                        }
-                        winner = bids[0];
-                        if (debug) {
-                            console.log("".concat(LOG, " Winning bid: ").concat(winner.bidder, " $").concat(winner.cpm.toFixed(2), " ").concat(winner.currency));
-                        }
+                        durationSeconds = getDurationSecondsFromContext(requestContext);
                         return [
                             4,
-                            resolveBidToVastAd(winner, LOG)
+                            fetchVast(durationSeconds)
                         ];
                     case 1:
-                        ad = _state.sent();
-                        if (!ad) {
-                            if (debug) console.warn("".concat(LOG, " Winning bid has no VAST URL or XML"));
-                            emit("ad_error");
-                            return [
-                                2,
-                                Promise.reject(new Error("No VAST from bid"))
-                            ];
-                        }
-                        if (debug) {
-                            console.log("".concat(LOG, " Ad parsed: ").concat(ad.title, ", duration: ").concat(ad.duration, "s, mediaFiles: ").concat(ad.mediaFiles.length));
-                        }
-                        sessionId = generateSessionId();
-                        currentAd = ad;
-                        trackingFired = _object_spread({}, createEmptyTrackingState());
-                        fireTrackingPixels2(ad.trackingUrls.impression);
-                        trackingFired.impression = true;
-                        contentVolume = contentVideo.volume;
-                        originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
-                        if (!singleElementMode) return [
-                            3,
-                            3
-                        ];
-                        mainHlsInstance === null || mainHlsInstance === void 0 ? void 0 : mainHlsInstance.detachMedia();
-                        teardownCurrentPlayback();
-                        adVideoElement = contentVideo;
-                        adHls = void 0;
-                        adPlaying = true;
-                        setAdPlayingFlag(true);
-                        contentVideo.removeAttribute("src");
-                        contentVideo.load();
-                        if (!continueLiveStreamDuringAds) {
-                            contentVideo.pause();
-                        }
-                        contentVideo.muted = true;
-                        contentVideo.volume = 0;
-                        return [
-                            4,
-                            new Promise(function(resolve) {
-                                return setTimeout(resolve, 200);
-                            })
-                        ];
-                    case 2:
-                        _state.sent();
-                        if (destroyed || tornDown) return [
-                            2
-                        ];
-                        contentVideo.style.visibility = "visible";
-                        contentVideo.style.opacity = "1";
-                        emit("content_pause");
-                        setupAdEventListeners();
-                        adVolume2 = originalMutedState ? 1 : originalVolume;
-                        adVideoElement.volume = Math.max(0, Math.min(1, adVolume2));
-                        adVideoElement.muted = false;
-                        mediaFile2 = selectBestMediaFile(ad.mediaFiles);
-                        if (debug) console.log("".concat(LOG, " Loading ad from: ").concat(mediaFile2.url));
-                        startPlayback(mediaFile2);
-                        return [
-                            2
-                        ];
-                    case 3:
-                        if (!adContainerEl) {
-                            ;
-                            container = document.createElement("div");
-                            container.style.position = "absolute";
-                            container.style.left = "0";
-                            container.style.top = "0";
-                            container.style.right = "0";
-                            container.style.bottom = "0";
-                            container.style.display = "none";
-                            container.style.alignItems = "center";
-                            container.style.justifyContent = "center";
-                            container.style.pointerEvents = "none";
-                            container.style.zIndex = "10";
-                            container.style.backgroundColor = "#000";
-                            (_contentVideo_parentElement = contentVideo.parentElement) === null || _contentVideo_parentElement === void 0 ? void 0 : _contentVideo_parentElement.appendChild(container);
-                            adContainerEl = container;
-                        }
-                        if (!adVideoElement) {
-                            adVideoElement = createAdVideoElement();
-                            adContainerEl.appendChild(adVideoElement);
-                            setupAdEventListeners();
-                        } else {
-                            teardownCurrentPlayback();
-                        }
-                        if (!continueLiveStreamDuringAds) {
-                            contentVideo.pause();
-                        }
-                        contentVideo.muted = true;
-                        contentVideo.volume = 0;
-                        adPlaying = true;
-                        setAdPlayingFlag(true);
-                        adVolume = originalMutedState ? 1 : originalVolume;
-                        adVideoElement.volume = Math.max(0, Math.min(1, adVolume));
-                        adVideoElement.muted = false;
-                        if (adContainerEl) {
-                            adContainerEl.style.display = "flex";
-                            adContainerEl.style.pointerEvents = "auto";
-                        }
-                        emit("content_pause");
-                        mediaFile = selectBestMediaFile(ad.mediaFiles);
-                        if (debug) console.log("".concat(LOG, " Loading ad from: ").concat(mediaFile.url));
-                        startPlayback(mediaFile);
+                        ads = _state.sent();
                         return [
-                            2
+                            2,
+                            ads[0] || null
                         ];
                 }
             });
         })();
     }
-    function ensureAdContainer() {
-        if (!adContainerEl) {
-            var _contentVideo_parentElement;
-            var container = document.createElement("div");
-            container.style.position = "absolute";
-            container.style.left = "0";
-            container.style.top = "0";
-            container.style.right = "0";
-            container.style.bottom = "0";
-            container.style.display = "none";
-            container.style.alignItems = "center";
-            container.style.justifyContent = "center";
-            container.style.pointerEvents = "none";
-            container.style.zIndex = "10";
-            container.style.backgroundColor = "#000";
-            (_contentVideo_parentElement = contentVideo.parentElement) === null || _contentVideo_parentElement === void 0 ? void 0 : _contentVideo_parentElement.appendChild(container);
-            adContainerEl = container;
-        }
-        return adContainerEl;
+    function assignCurrentAd(ad) {
+        currentAd = ad;
+        sessionId = generateSessionId();
+        trackingFired = {
+            impression: false,
+            start: false,
+            firstQuartile: false,
+            midpoint: false,
+            thirdQuartile: false,
+            complete: false
+        };
+        fireTrackingPixels2(currentAd.trackingUrls.impression);
+        trackingFired.impression = true;
+        emit("ad_impression");
     }
-    function preloadAd(bids, token) {
-        return _async_to_generator(function() {
-            var winner, ad, mediaFile, slot, videoEl, container, hls, slot1, slot2;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        if (destroyed) return [
-                            2
-                        ];
-                        winner = bids[0];
-                        if (!winner) return [
-                            2
-                        ];
-                        if (debug) console.log("".concat(LOG, " [preload] Resolving VAST for token=").concat(token));
-                        return [
-                            4,
-                            resolveBidToVastAd(winner, LOG)
-                        ];
-                    case 1:
-                        ad = _state.sent();
-                        if (!ad || destroyed) return [
-                            2
-                        ];
-                        mediaFile = selectBestMediaFile(ad.mediaFiles);
-                        if (!mediaFile) return [
-                            2
-                        ];
-                        if (smartTVMode || singleElementMode) {
-                            slot = {
-                                bids: bids,
-                                ad: ad,
-                                mediaFile: mediaFile,
-                                videoEl: null,
-                                ready: true
-                            };
-                            preloadSlots.set(token, slot);
-                            if (debug) console.log("".concat(LOG, " [preload] Metadata-only preload (smartTV/singleElement), token=").concat(token, ", url=").concat(mediaFile.url));
+    return {
+        initialize: function initialize() {
+            log("Initializing");
+            if (!adContainerEl) {
+                var _contentVideo_parentElement;
+                var parent = contentVideo.parentElement;
+                if (parent) {
+                    var computed = window.getComputedStyle(parent).position;
+                    if (computed === "static") {
+                        parent.style.position = "relative";
+                        parentPositionOverridden = true;
+                    }
+                }
+                var container = document.createElement("div");
+                container.style.position = "absolute";
+                container.style.left = "0";
+                container.style.top = "0";
+                container.style.right = "0";
+                container.style.bottom = "0";
+                container.style.display = "none";
+                container.style.alignItems = "center";
+                container.style.justifyContent = "center";
+                container.style.pointerEvents = "none";
+                container.style.zIndex = AD_LAYER_Z_INDEX;
+                container.style.backgroundColor = "#000";
+                container.style.transition = "opacity 0.3s ease-in-out";
+                container.style.opacity = "0";
+                container.style.isolation = "isolate";
+                var countdown = document.createElement("div");
+                countdown.style.position = "absolute";
+                countdown.style.left = "12px";
+                countdown.style.top = "12px";
+                countdown.style.padding = "4px 8px";
+                countdown.style.borderRadius = "4px";
+                countdown.style.background = "rgba(0,0,0,0.75)";
+                countdown.style.color = "#fff";
+                countdown.style.fontFamily = "sans-serif";
+                countdown.style.fontSize = "12px";
+                countdown.style.lineHeight = "1.2";
+                countdown.style.pointerEvents = "none";
+                countdown.style.zIndex = COUNTDOWN_Z_INDEX;
+                countdown.textContent = "Ad";
+                container.appendChild(countdown);
+                (_contentVideo_parentElement = contentVideo.parentElement) === null || _contentVideo_parentElement === void 0 ? void 0 : _contentVideo_parentElement.appendChild(container);
+                adContainerEl = container;
+                adCountdownEl = countdown;
+            }
+        },
+        requestAds: function requestAds(duration) {
+            return _async_to_generator(function() {
+                var durationSeconds, parsed, ads, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            log("Requesting ads for duration:", duration);
+                            if (adPlaying) {
+                                return [
+                                    2,
+                                    Promise.reject(new Error("Ad already playing"))
+                                ];
+                            }
+                            if (destroyed) {
+                                return [
+                                    2,
+                                    Promise.reject(new Error("Player has been destroyed"))
+                                ];
+                            }
+                            _state.label = 1;
+                        case 1:
+                            _state.trys.push([
+                                1,
+                                3,
+                                ,
+                                4
+                            ]);
+                            tornDown = false;
+                            durationSeconds = 30;
+                            parsed = parseInt(duration || "", 10);
+                            if (!isNaN(parsed) && parsed > 0) {
+                                durationSeconds = parsed;
+                            }
                             return [
-                                2
+                                4,
+                                fetchVast(durationSeconds)
                             ];
-                        }
-                        videoEl = createAdVideoElement();
-                        videoEl.style.visibility = "hidden";
-                        videoEl.style.pointerEvents = "none";
-                        videoEl.preload = "auto";
-                        container = ensureAdContainer();
-                        container.appendChild(videoEl);
-                        if (isHlsMediaFile(mediaFile) && Hls.isSupported()) {
-                            hls = new Hls({
-                                enableWorker: true,
-                                lowLatencyMode: false
-                            });
-                            hls.loadSource(mediaFile.url);
-                            hls.attachMedia(videoEl);
-                            slot1 = {
-                                bids: bids,
-                                ad: ad,
-                                mediaFile: mediaFile,
-                                videoEl: videoEl,
-                                hlsInstance: hls,
-                                ready: false
-                            };
-                            preloadSlots.set(token, slot1);
-                            hls.on(Hls.Events.MANIFEST_PARSED, function() {
-                                var s = preloadSlots.get(token);
-                                if (s) s.ready = true;
-                                if (debug) console.log("".concat(LOG, " [preload] HLS manifest parsed, token=").concat(token));
-                            });
-                            hls.on(Hls.Events.ERROR, function(_evt, data) {
-                                if (!preloadSlots.has(token)) return;
-                                if (data.fatal) {
-                                    if (debug) console.warn("".concat(LOG, " [preload] HLS error for token=").concat(token));
-                                    preloadSlots.delete(token);
-                                    hls.destroy();
-                                    videoEl.remove();
-                                }
-                            });
-                        } else {
-                            videoEl.src = mediaFile.url;
-                            videoEl.load();
-                            slot2 = {
-                                bids: bids,
-                                ad: ad,
-                                mediaFile: mediaFile,
-                                videoEl: videoEl,
-                                ready: false
-                            };
-                            preloadSlots.set(token, slot2);
-                            videoEl.addEventListener("canplay", function() {
-                                var s = preloadSlots.get(token);
-                                if (s) s.ready = true;
-                                if (debug) console.log("".concat(LOG, " [preload] canplay fired, token=").concat(token));
-                            }, {
-                                once: true
-                            });
-                        }
-                        if (debug) console.log("".concat(LOG, " [preload] Started buffering token=").concat(token, ", url=").concat(mediaFile.url));
-                        return [
-                            2
-                        ];
-                }
-            });
-        })();
-    }
-    function playPreloaded(token) {
-        return _async_to_generator(function() {
-            var slot, contentVolume, adVolume2, videoEl, container2, adVolume21, nonFatalNetworkErrors, adVolume, container;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        if (destroyed) return [
-                            2,
-                            Promise.reject(new Error("Layer has been destroyed"))
-                        ];
-                        slot = preloadSlots.get(token);
-                        if (!slot) {
-                            if (debug) console.warn("".concat(LOG, " [preload] No slot found for token=").concat(token, ", nothing to play"));
+                        case 2:
+                            ads = _state.sent();
+                            if (ads.length === 0) {
+                                log("No ads available from VAST response");
+                                emit("ad_error");
+                                return [
+                                    2,
+                                    Promise.resolve()
+                                ];
+                            }
+                            assignCurrentAd(ads[0]);
+                            log("Ad loaded: ".concat(currentAd.title, ", duration: ").concat(currentAd.duration, "s"));
+                            return [
+                                2,
+                                Promise.resolve()
+                            ];
+                        case 3:
+                            error = _state.sent();
+                            console.error("[AdStormPlayer] Error requesting ads:", error);
+                            emit("ad_error");
+                            return [
+                                2,
+                                Promise.reject(error)
+                            ];
+                        case 4:
                             return [
                                 2
                             ];
-                        }
-                        preloadSlots.delete(token);
-                        if (debug) console.log("".concat(LOG, " [preload] Playing preloaded ad, token=").concat(token, ", ready=").concat(slot.ready));
-                        contentVolume = contentVideo.volume;
-                        originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
-                        sessionId = generateSessionId();
-                        currentAd = slot.ad;
-                        trackingFired = _object_spread({}, createEmptyTrackingState());
-                        fireTrackingPixels2(slot.ad.trackingUrls.impression);
-                        trackingFired.impression = true;
-                        if (!singleElementMode) return [
-                            3,
-                            2
-                        ];
-                        mainHlsInstance === null || mainHlsInstance === void 0 ? void 0 : mainHlsInstance.detachMedia();
-                        teardownCurrentPlayback();
-                        adVideoElement = contentVideo;
-                        adHls = void 0;
-                        adPlaying = true;
-                        setAdPlayingFlag(true);
-                        contentVideo.removeAttribute("src");
-                        contentVideo.load();
-                        contentVideo.muted = true;
-                        contentVideo.volume = 0;
-                        return [
-                            4,
-                            new Promise(function(resolve) {
-                                return setTimeout(resolve, 200);
-                            })
-                        ];
-                    case 1:
-                        _state.sent();
-                        if (destroyed || tornDown) return [
-                            2
-                        ];
-                        contentVideo.style.visibility = "visible";
-                        contentVideo.style.opacity = "1";
-                        emit("content_pause");
-                        setupAdEventListeners();
-                        adVolume2 = originalMutedState ? 1 : originalVolume;
-                        contentVideo.volume = Math.max(0, Math.min(1, adVolume2));
-                        contentVideo.muted = false;
-                        if (debug) console.log("".concat(LOG, " [preload] singleElementMode: attaching ad to contentVideo, url=").concat(slot.mediaFile.url));
-                        startPlayback(slot.mediaFile);
-                        return [
-                            2
-                        ];
-                    case 2:
-                        if (smartTVMode && !slot.videoEl) {
-                            teardownCurrentPlayback();
-                            if (adVideoElement) {
-                                adVideoElement.remove();
-                                adVideoElement = void 0;
+                    }
+                });
+            })();
+        },
+        play: function play() {
+            return _async_to_generator(function() {
+                var mediaFile, error;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            if (!currentAd) {
+                                return [
+                                    2,
+                                    Promise.reject(new Error("No ad loaded"))
+                                ];
+                            }
+                            if (destroyed) {
+                                return [
+                                    2,
+                                    Promise.reject(new Error("Player has been destroyed"))
+                                ];
+                            }
+                            log("Starting ad playback");
+                            _state.label = 1;
+                        case 1:
+                            _state.trys.push([
+                                1,
+                                3,
+                                ,
+                                4
+                            ]);
+                            tornDown = false;
+                            if (adHideTimerId) {
+                                clearTimeout(adHideTimerId);
+                                adHideTimerId = void 0;
+                            }
+                            if (!adVideoElement) {
+                                adVideoElement = createAdVideoElement();
+                                adContainerEl === null || adContainerEl === void 0 ? void 0 : adContainerEl.appendChild(adVideoElement);
+                            } else {
+                                teardownCurrentPlayback();
                             }
-                            videoEl = createAdVideoElement();
-                            videoEl.style.visibility = "visible";
-                            videoEl.style.pointerEvents = "none";
-                            container2 = ensureAdContainer();
-                            container2.appendChild(videoEl);
-                            adVideoElement = videoEl;
                             setupAdEventListeners();
+                            trackingFired = {
+                                impression: trackingFired.impression,
+                                start: false,
+                                firstQuartile: false,
+                                midpoint: false,
+                                thirdQuartile: false,
+                                complete: false
+                            };
+                            contentVideo.style.transition = "opacity 0.3s ease-in-out";
+                            contentVideo.style.opacity = "0";
+                            setTimeout(function() {
+                                contentVideo.style.visibility = "hidden";
+                            }, 300);
+                            contentVideo.muted = true;
+                            contentVideo.volume = 0;
                             if (!continueLiveStreamDuringAds) {
                                 contentVideo.pause();
                             }
-                            contentVideo.muted = true;
-                            contentVideo.volume = 0;
                             adPlaying = true;
                             setAdPlayingFlag(true);
-                            adVolume21 = originalMutedState ? 1 : originalVolume;
-                            adVideoElement.volume = Math.max(0, Math.min(1, adVolume21));
-                            adVideoElement.muted = false;
-                            container2.style.display = "flex";
-                            container2.style.pointerEvents = "auto";
+                            if (adVideoElement) {
+                                adVideoElement.volume = originalMutedState ? 0 : originalVolume;
+                                adVideoElement.muted = originalMutedState;
+                            }
+                            if (adContainerEl) {
+                                adContainerEl.style.display = "flex";
+                                adContainerEl.style.pointerEvents = "auto";
+                                adContainerEl.offsetHeight;
+                                adContainerEl.style.opacity = "1";
+                            }
                             emit("content_pause");
-                            if (debug) console.log("".concat(LOG, " [preload] smartTVMode deferred: creating video element and loading, url=").concat(slot.mediaFile.url));
-                            startPlayback(slot.mediaFile);
+                            mediaFile = selectBestMediaFile(currentAd.mediaFiles);
+                            if (!mediaFile) {
+                                throw new Error("No media file available");
+                            }
+                            log("Playing media file:", mediaFile.url);
+                            adVideoElement.src = mediaFile.url;
+                            adVideoElement.load();
                             return [
-                                2
-                            ];
-                        }
-                        teardownCurrentPlayback();
-                        if (adVideoElement && adVideoElement !== slot.videoEl) {
-                            adVideoElement.remove();
-                        }
-                        slot.videoEl.style.visibility = "visible";
-                        slot.videoEl.style.pointerEvents = "none";
-                        adVideoElement = slot.videoEl;
-                        adHls = slot.hlsInstance;
-                        if (adHls) {
-                            nonFatalNetworkErrors = 0;
-                            adHls.on(Hls.Events.ERROR, function(_event, data) {
-                                if (!adPlaying) return;
-                                if (data.fatal) {
-                                    handleAdError();
-                                } else if (data.type === Hls.ErrorTypes.NETWORK_ERROR) {
-                                    nonFatalNetworkErrors++;
-                                    if (nonFatalNetworkErrors >= 3) {
-                                        if (debug) console.warn("".concat(LOG, " [preload] Too many non-fatal HLS network errors during playback, treating as fatal"));
-                                        handleAdError();
-                                    }
-                                }
-                            });
-                        }
-                        setupAdEventListeners();
-                        if (!continueLiveStreamDuringAds) {
-                            contentVideo.pause();
-                        }
-                        contentVideo.muted = true;
-                        contentVideo.volume = 0;
-                        adPlaying = true;
-                        setAdPlayingFlag(true);
-                        adVolume = originalMutedState ? 1 : originalVolume;
-                        adVideoElement.volume = Math.max(0, Math.min(1, adVolume));
-                        adVideoElement.muted = false;
-                        container = ensureAdContainer();
-                        container.style.display = "flex";
-                        container.style.pointerEvents = "auto";
-                        emit("content_pause");
-                        adVideoElement.play().catch(function(error) {
-                            console.error("".concat(LOG, " [preload] Error playing preloaded ad:"), error);
-                            handleAdError();
-                        });
-                        return [
-                            2
-                        ];
-                }
-            });
-        })();
-    }
-    function cancelPreload(token) {
-        var slot = preloadSlots.get(token);
-        if (!slot) return;
-        preloadSlots.delete(token);
-        if (slot.hlsInstance) {
-            slot.hlsInstance.destroy();
-        }
-        if (slot.videoEl) {
-            slot.videoEl.pause();
-            slot.videoEl.removeAttribute("src");
-            slot.videoEl.load();
-            slot.videoEl.remove();
-        }
-        if (debug) console.log("".concat(LOG, " [preload] Cancelled and cleaned up token=").concat(token));
-    }
-    return {
-        initialize: function initialize() {
-            if (debug) console.log("".concat(LOG, " Initializing"));
-        },
-        updateOptions: function updateOptions(opts) {
-            if (opts.continueLiveStreamDuringAds !== void 0) {
-                continueLiveStreamDuringAds = opts.continueLiveStreamDuringAds;
-            }
-            if (opts.mainHlsInstance !== void 0) {
-                var _opts_mainHlsInstance;
-                mainHlsInstance = (_opts_mainHlsInstance = opts.mainHlsInstance) !== null && _opts_mainHlsInstance !== void 0 ? _opts_mainHlsInstance : void 0;
-            }
-        },
-        playAd: playAd,
-        preloadAd: preloadAd,
-        playPreloaded: playPreloaded,
-        hasPreloaded: function hasPreloaded(token) {
-            return preloadSlots.has(token);
-        },
-        cancelPreload: cancelPreload,
-        pause: function pause() {
-            if (!adPlaying || !adVideoElement) return;
-            try {
-                if (!adVideoElement.paused) adVideoElement.pause();
-            } catch (error) {
-                if (debug) console.warn("".concat(LOG, " Error pausing ad:"), error);
-            }
-        },
-        resume: function resume() {
-            if (!adPlaying || !adVideoElement) return;
-            try {
-                if (adVideoElement.paused) adVideoElement.play().catch(function() {});
-            } catch (error) {
-                if (debug) console.warn("".concat(LOG, " Error resuming ad:"), error);
-            }
+                                4,
+                                adVideoElement.play()
+                            ];
+                        case 2:
+                            _state.sent();
+                            return [
+                                2,
+                                Promise.resolve()
+                            ];
+                        case 3:
+                            error = _state.sent();
+                            console.error("[AdStormPlayer] Error playing ad:", error);
+                            handleAdError();
+                            return [
+                                2,
+                                Promise.reject(error)
+                            ];
+                        case 4:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
         },
         stop: function stop() {
             return _async_to_generator(function() {
                 return _ts_generator(this, function(_state) {
+                    log("Stopping ad");
                     tornDown = true;
-                    if (debug) console.log("".concat(LOG, " Stopping ad"));
                     adPlaying = false;
                     setAdPlayingFlag(false);
-                    contentVideo.muted = originalMutedState;
-                    contentVideo.volume = originalMutedState ? 0 : originalVolume;
+                    clearAdStallTimer();
+                    clearAdCountdownTimer();
+                    if (adContainerEl) {
+                        adContainerEl.style.opacity = "0";
+                        adHideTimerId = setTimeout(function() {
+                            if (adContainerEl) {
+                                adContainerEl.style.display = "none";
+                                adContainerEl.style.pointerEvents = "none";
+                            }
+                        }, 300);
+                    }
+                    teardownCurrentPlayback();
                     contentVideo.style.visibility = "visible";
                     contentVideo.style.opacity = "1";
-                    if (singleElementMode) {
-                        teardownCurrentPlayback();
-                        contentVideo.removeAttribute("src");
-                        contentVideo.load();
-                        adVideoElement = void 0;
-                    } else {
-                        if (adContainerEl) {
-                            adContainerEl.style.display = "none";
-                            adContainerEl.style.pointerEvents = "none";
-                        }
-                        if (continueLiveStreamDuringAds) {
-                            contentVideo.play().catch(function() {});
-                        }
-                        teardownCurrentPlayback();
-                        if (adVideoElement) {
-                            adVideoElement.pause();
-                            adVideoElement.removeAttribute("src");
-                            adVideoElement.load();
-                        }
-                    }
+                    contentVideo.muted = originalMutedState;
+                    contentVideo.volume = originalVolume;
                     currentAd = void 0;
                     tornDown = false;
                     return [
-                        2
+                        2,
+                        Promise.resolve()
                     ];
                 });
             })();
         },
+        pause: function pause() {
+            if (!adPlaying || !adVideoElement) return;
+            try {
+                if (!adVideoElement.paused) adVideoElement.pause();
+            } catch (error) {
+                console.warn("[AdStormPlayer] Error pausing ad:", error);
+            }
+        },
+        resume: function resume() {
+            if (!adPlaying || !adVideoElement) return;
+            try {
+                if (adVideoElement.paused) adVideoElement.play().catch(function() {});
+            } catch (error) {
+                console.warn("[AdStormPlayer] Error resuming ad:", error);
+            }
+        },
         destroy: function destroy() {
-            tornDown = true;
-            if (debug) console.log("".concat(LOG, " Destroying"));
+            log("Destroying");
             destroyed = true;
+            tornDown = true;
             adPlaying = false;
             setAdPlayingFlag(false);
+            clearAdStallTimer();
+            clearAdCountdownTimer();
+            if (adHideTimerId) {
+                clearTimeout(adHideTimerId);
+                adHideTimerId = void 0;
+            }
             contentVideo.muted = originalMutedState;
             contentVideo.volume = originalVolume;
-            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-            try {
-                for(var _iterator = Array.from(preloadSlots.entries())[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                    var _step_value = _sliced_to_array(_step.value, 1), token = _step_value[0];
-                    cancelPreload(token);
-                }
-            } catch (err) {
-                _didIteratorError = true;
-                _iteratorError = err;
-            } finally{
-                try {
-                    if (!_iteratorNormalCompletion && _iterator.return != null) {
-                        _iterator.return();
-                    }
-                } finally{
-                    if (_didIteratorError) {
-                        throw _iteratorError;
-                    }
-                }
-            }
+            contentVideo.style.visibility = "visible";
+            contentVideo.style.opacity = "1";
             teardownCurrentPlayback();
-            if (adVideoElement) {
-                if (singleElementMode && adVideoElement === contentVideo) {
-                    contentVideo.removeAttribute("src");
-                    contentVideo.load();
-                } else {
-                    adVideoElement.pause();
-                    adVideoElement.removeAttribute("src");
-                    adVideoElement.remove();
-                }
-                adVideoElement = void 0;
-            }
+            adVideoElement === null || adVideoElement === void 0 ? void 0 : adVideoElement.remove();
+            adVideoElement = void 0;
             if (adContainerEl === null || adContainerEl === void 0 ? void 0 : adContainerEl.parentElement) {
                 adContainerEl.parentElement.removeChild(adContainerEl);
             }
             adContainerEl = void 0;
+            adCountdownEl = void 0;
             currentAd = void 0;
+            sessionId = void 0;
+            preloadSlots.clear();
             listeners.clear();
+            if (parentPositionOverridden && contentVideo.parentElement) {
+                contentVideo.parentElement.style.position = "";
+                parentPositionOverridden = false;
+            }
+        },
+        updateOptions: function updateOptions(opts) {
+            if (opts.continueLiveStreamDuringAds !== void 0) {
+                continueLiveStreamDuringAds = opts.continueLiveStreamDuringAds;
+            }
+        },
+        playAd: function playAd(requestContext) {
+            return _async_to_generator(function() {
+                var ad;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            if (destroyed) return [
+                                2,
+                                Promise.reject(new Error("Player has been destroyed"))
+                            ];
+                            if (!!currentAd) return [
+                                3,
+                                2
+                            ];
+                            return [
+                                4,
+                                requestAdFromApi(requestContext)
+                            ];
+                        case 1:
+                            ad = _state.sent();
+                            if (!ad) {
+                                emit("ad_error", {
+                                    message: "No valid ad from AdStorm API"
+                                });
+                                return [
+                                    2,
+                                    Promise.reject(new Error("No valid ad from AdStorm API"))
+                                ];
+                            }
+                            assignCurrentAd(ad);
+                            _state.label = 2;
+                        case 2:
+                            return [
+                                2,
+                                this.play()
+                            ];
+                    }
+                });
+            }).call(this);
+        },
+        preloadAd: function preloadAd(arg1, arg2) {
+            return _async_to_generator(function() {
+                var token, requestContext, ad;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            if (destroyed) return [
+                                2
+                            ];
+                            token = typeof arg1 === "string" ? arg1 : typeof arg2 === "string" ? arg2 : void 0;
+                            if (!token) return [
+                                2
+                            ];
+                            requestContext = typeof arg1 === "string" ? arg2 : arg1;
+                            return [
+                                4,
+                                requestAdFromApi(requestContext)
+                            ];
+                        case 1:
+                            ad = _state.sent();
+                            if (!ad) return [
+                                2
+                            ];
+                            preloadSlots.set(token, {
+                                ad: ad
+                            });
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        },
+        playPreloaded: function playPreloaded(token) {
+            return _async_to_generator(function() {
+                var slot;
+                return _ts_generator(this, function(_state) {
+                    if (destroyed) return [
+                        2,
+                        Promise.reject(new Error("Player has been destroyed"))
+                    ];
+                    slot = preloadSlots.get(token);
+                    if (!slot) {
+                        return [
+                            2,
+                            Promise.reject(new Error("No preloaded ad for token ".concat(token)))
+                        ];
+                    }
+                    preloadSlots.delete(token);
+                    assignCurrentAd(slot.ad);
+                    return [
+                        2,
+                        this.play()
+                    ];
+                });
+            }).call(this);
+        },
+        hasPreloaded: function hasPreloaded(token) {
+            return preloadSlots.has(token);
+        },
+        cancelPreload: function cancelPreload(token) {
+            preloadSlots.delete(token);
         },
         isAdPlaying: function isAdPlaying() {
             return adPlaying;
         },
         resize: function resize(width, height) {
+            log("Resizing to ".concat(width, "x").concat(height));
             if (adContainerEl) {
                 adContainerEl.style.width = "".concat(width, "px");
                 adContainerEl.style.height = "".concat(height, "px");
@@ -1875,6 +1621,7 @@ function createVastAdLayer(contentVideo, options) {
         },
         updateOriginalMutedState: function updateOriginalMutedState(muted, volume) {
             var nextVolume = typeof volume === "number" && !Number.isNaN(volume) ? Math.max(0, Math.min(1, volume)) : originalVolume;
+            log("updateOriginalMutedState: muted=".concat(muted, ", volume=").concat(nextVolume));
             originalMutedState = muted;
             originalVolume = nextVolume;
         },
@@ -1887,6 +1634,7 @@ function createVastAdLayer(contentVideo, options) {
         setAdVolume: function setAdVolume(volume) {
             if (adVideoElement && adPlaying) {
                 adVideoElement.volume = Math.max(0, Math.min(1, volume));
+                adVideoElement.muted = volume === 0;
             }
         },
         getAdVolume: function getAdVolume() {
@@ -1896,11 +1644,16 @@ function createVastAdLayer(contentVideo, options) {
             return 1;
         },
         showPlaceholder: function showPlaceholder() {
-            if (singleElementMode) return;
-            contentVideo.style.opacity = "0";
-            contentVideo.style.visibility = "hidden";
             if (!adContainerEl) {
                 var _contentVideo_parentElement;
+                var parent = contentVideo.parentElement;
+                if (parent) {
+                    var computed = window.getComputedStyle(parent).position;
+                    if (computed === "static") {
+                        parent.style.position = "relative";
+                        parentPositionOverridden = true;
+                    }
+                }
                 var container = document.createElement("div");
                 container.style.position = "absolute";
                 container.style.left = "0";
@@ -1911,24 +1664,43 @@ function createVastAdLayer(contentVideo, options) {
                 container.style.alignItems = "center";
                 container.style.justifyContent = "center";
                 container.style.pointerEvents = "none";
-                container.style.zIndex = "10";
+                container.style.zIndex = AD_LAYER_Z_INDEX;
                 container.style.backgroundColor = "#000";
+                container.style.isolation = "isolate";
+                var countdown = document.createElement("div");
+                countdown.style.position = "absolute";
+                countdown.style.left = "12px";
+                countdown.style.top = "12px";
+                countdown.style.padding = "4px 8px";
+                countdown.style.borderRadius = "4px";
+                countdown.style.background = "rgba(0,0,0,0.75)";
+                countdown.style.color = "#fff";
+                countdown.style.fontFamily = "sans-serif";
+                countdown.style.fontSize = "12px";
+                countdown.style.lineHeight = "1.2";
+                countdown.style.pointerEvents = "none";
+                countdown.style.zIndex = COUNTDOWN_Z_INDEX;
+                countdown.textContent = "Ad";
+                container.appendChild(countdown);
                 (_contentVideo_parentElement = contentVideo.parentElement) === null || _contentVideo_parentElement === void 0 ? void 0 : _contentVideo_parentElement.appendChild(container);
                 adContainerEl = container;
+                adCountdownEl = countdown;
             }
             if (adContainerEl) {
                 adContainerEl.style.display = "flex";
+                adContainerEl.style.opacity = "1";
                 adContainerEl.style.pointerEvents = "auto";
             }
         },
         hidePlaceholder: function hidePlaceholder() {
             if (adContainerEl) {
-                adContainerEl.style.display = "none";
-                adContainerEl.style.pointerEvents = "none";
-            }
-            if (!adPlaying) {
-                contentVideo.style.visibility = "visible";
-                contentVideo.style.opacity = "1";
+                adContainerEl.style.opacity = "0";
+                setTimeout(function() {
+                    if (adContainerEl) {
+                        adContainerEl.style.display = "none";
+                        adContainerEl.style.pointerEvents = "none";
+                    }
+                }, 300);
             }
         }
     };
@@ -3020,6 +2792,7 @@ function supportsFeature(feature) {
     }
 }
 // src/player/StormcloudVideoPlayer.ts
+var DEBUG_HISTORY_LIMIT = 120;
 var StormcloudVideoPlayer = /*#__PURE__*/ function() {
     "use strict";
     function StormcloudVideoPlayer(config) {
@@ -3059,31 +2832,34 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         this.backoffBaseMs = 1e3;
         this.maxBackoffMs = 15e3;
         this.MIN_AD_REMAINING_MS = 15e3;
+        this.adRequestTimeoutMs = 5e3;
+        this.adRequestMaxRetries = 3;
+        this.adRequestRetryBackoffMs = 1500;
         this.preloadedTokens = [];
+        this.debugLogEntries = [];
+        this.scteMarkerHistory = [];
         initializePolyfills();
         var browserOverrides = getBrowserConfigOverrides();
         this.config = _object_spread({}, browserOverrides, config);
         this.video = config.videoElement;
         this.adTransitionGapMs = (_this_config_adTransitionGapMs = this.config.adTransitionGapMs) !== null && _this_config_adTransitionGapMs !== void 0 ? _this_config_adTransitionGapMs : 100;
         logBrowserInfo(config.debugAdTiming);
-        this.vastManager = createVastManager(config.debugAdTiming !== void 0 ? {
-            debug: !!config.debugAdTiming
-        } : {});
         var browserForAdLayer = detectBrowser();
         var isSinglePipeline = browserForAdLayer.isSmartTV || !!this.config.singlePipelineMode;
-        this.adLayer = createVastAdLayer(this.video, {
-            continueLiveStreamDuringAds: false,
-            smartTVMode: isSinglePipeline,
-            singleElementMode: isSinglePipeline,
-            forceMP4Ads: isSinglePipeline,
+        this.adLayer = createAdStormPlayer(this.video, {
+            licenseKey: this.config.licenseKey || "",
             debug: !!config.debugAdTiming
         });
+        this.adLayer.updateOptions({
+            continueLiveStreamDuringAds: !isSinglePipeline && this.shouldContinueLiveStreamDuringAds()
+        });
     }
     _create_class(StormcloudVideoPlayer, [
         {
             key: "adRequest",
             value: function adRequest(context) {
                 return _async_to_generator(function() {
+                    var _ref, _ref1, durationSeconds;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -3091,15 +2867,28 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     2,
                                     []
                                 ];
+                                durationSeconds = Math.max(1, Math.ceil((_ref = (_ref1 = context === null || context === void 0 ? void 0 : context.remainingBreakSec) !== null && _ref1 !== void 0 ? _ref1 : context === null || context === void 0 ? void 0 : context.breakDurationSec) !== null && _ref !== void 0 ? _ref : 30));
                                 return [
                                     4,
-                                    this.vastManager.initialize()
+                                    this.adLayer.requestAds(String(durationSeconds))
                                 ];
                             case 1:
                                 _state.sent();
                                 return [
                                     2,
-                                    this.vastManager.requestBidsUntilResponse(context)
+                                    [
+                                        {
+                                            bidder: "adstorm-direct",
+                                            cpm: 0,
+                                            width: 0,
+                                            height: 0,
+                                            adId: "adstorm",
+                                            impId: "",
+                                            creativeId: "adstorm",
+                                            currency: "USD",
+                                            durationSec: durationSeconds
+                                        }
+                                    ]
                                 ];
                         }
                     });
@@ -3156,7 +2945,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     2
                                 ];
                             case 3:
-                                this.hls = new Hls2(_object_spread_props(_object_spread({
+                                this.hls = new Hls(_object_spread_props(_object_spread({
                                     enableWorker: true,
                                     backBufferLength: 30,
                                     liveDurationInfinity: true,
@@ -3174,11 +2963,11 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     nudgeMaxRetry: 3,
                                     startPosition: -1
                                 }));
-                                this.hls.on(Hls2.Events.MEDIA_ATTACHED, function() {
+                                this.hls.on(Hls.Events.MEDIA_ATTACHED, function() {
                                     var _this_hls;
                                     (_this_hls = _this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.loadSource(_this.config.src);
                                 });
-                                this.hls.on(Hls2.Events.MANIFEST_PARSED, function(_, data) {
+                                this.hls.on(Hls.Events.MANIFEST_PARSED, function(_, data) {
                                     return _async_to_generator(function() {
                                         var _this_config_minSegmentsBeforePlay, _ref, _this_hls_levels, _this_hls, adBehavior, _this_hls1, minSegments, _this_video_play;
                                         return _ts_generator(this, function(_state) {
@@ -3240,7 +3029,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                         });
                                     }).call(_this);
                                 });
-                                this.hls.on(Hls2.Events.LEVEL_LOADED, function(_evt, data) {
+                                this.hls.on(Hls.Events.LEVEL_LOADED, function(_evt, data) {
                                     if (_this.inAdBreak || _this.pendingAdBreak) {
                                         return;
                                     }
@@ -3313,7 +3102,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                         }
                                     }
                                 });
-                                this.hls.on(Hls2.Events.FRAG_BUFFERED, function(_evt, data) {
+                                this.hls.on(Hls.Events.FRAG_BUFFERED, function(_evt, data) {
                                     return _async_to_generator(function() {
                                         var _this, _this_config_minSegmentsBeforePlay, minSegments, _this_video_play;
                                         return _ts_generator(this, function(_state) {
@@ -3373,7 +3162,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                         });
                                     }).call(_this);
                                 });
-                                this.hls.on(Hls2.Events.FRAG_PARSING_METADATA, function(_evt, data) {
+                                this.hls.on(Hls.Events.FRAG_PARSING_METADATA, function(_evt, data) {
                                     var id3Tags = ((data === null || data === void 0 ? void 0 : data.samples) || []).map(function(s) {
                                         return {
                                             key: "ID3",
@@ -3385,7 +3174,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                         return _this.onId3Tag(tag);
                                     });
                                 });
-                                this.hls.on(Hls2.Events.FRAG_CHANGED, function(_evt, data) {
+                                this.hls.on(Hls.Events.FRAG_CHANGED, function(_evt, data) {
                                     var frag = data === null || data === void 0 ? void 0 : data.frag;
                                     var tagList = frag === null || frag === void 0 ? void 0 : frag.tagList;
                                     if (!Array.isArray(tagList)) return;
@@ -3494,14 +3283,14 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                         }
                                     }
                                 });
-                                this.hls.on(Hls2.Events.ERROR, function(_evt, data) {
+                                this.hls.on(Hls.Events.ERROR, function(_evt, data) {
                                     if (data === null || data === void 0 ? void 0 : data.fatal) {
                                         switch(data.type){
-                                            case Hls2.ErrorTypes.NETWORK_ERROR:
+                                            case Hls.ErrorTypes.NETWORK_ERROR:
                                                 var _this_hls;
                                                 (_this_hls = _this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.startLoad();
                                                 break;
-                                            case Hls2.ErrorTypes.MEDIA_ERROR:
+                                            case Hls.ErrorTypes.MEDIA_ERROR:
                                                 var _this_hls1;
                                                 (_this_hls1 = _this.hls) === null || _this_hls1 === void 0 ? void 0 : _this_hls1.recoverMediaError();
                                                 break;
@@ -3555,6 +3344,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                             errorMessage += ". Caused by: ".concat(causeMessage);
                         }
                     }
+                    _this.pushDebugLog("error", "ad", errorMessage, _object_spread({}, errorPayload ? {
+                        payload: errorPayload
+                    } : {}));
                     console.error("[AD-ERROR]", errorMessage, errorPayload || "");
                     _this.adLayer.stop().catch(function() {});
                     _this.handleAdFailure();
@@ -3593,7 +3385,11 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                     }
                 });
                 this.adLayer.on("content_resume", function() {
+                    var _ref, _ref1;
+                    var _this_savedMutedStateBeforeScte, _this_savedMutedStateBeforeScte1;
                     var remaining = _this.getRemainingAdMs();
+                    var breakMuted = (_ref = (_this_savedMutedStateBeforeScte = _this.savedMutedStateBeforeScte) === null || _this_savedMutedStateBeforeScte === void 0 ? void 0 : _this_savedMutedStateBeforeScte.muted) !== null && _ref !== void 0 ? _ref : _this.adLayer.getOriginalMutedState();
+                    var breakVolume = (_ref1 = (_this_savedMutedStateBeforeScte1 = _this.savedMutedStateBeforeScte) === null || _this_savedMutedStateBeforeScte1 === void 0 ? void 0 : _this_savedMutedStateBeforeScte1.volume) !== null && _ref1 !== void 0 ? _ref1 : _this.adLayer.getOriginalVolume();
                     if (_this.config.debugAdTiming) {
                         console.log("[StormcloudVideoPlayer] content_resume received, inAdBreak=%s, remaining=%s, preloadedTokens=%d, pendingNext=%s", _this.inAdBreak, remaining, _this.preloadedTokens.length, !!_this.pendingNextAdBids);
                     }
@@ -3608,7 +3404,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                         return;
                     }
                     _this.consecutiveFailures = 0;
-                    if (!_this.video.muted) {
+                    if (!_this.config.disableFiller && !_this.video.muted) {
                         _this.video.muted = true;
                         _this.video.volume = 0;
                     }
@@ -3675,6 +3471,18 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                         if (!_this.config.disableFiller) {
                             _this.showPlaceholderLayer();
                             _this.adLayer.showPlaceholder();
+                        } else {
+                            _this.adLayer.hidePlaceholder();
+                            if (_this.video.muted !== breakMuted) {
+                                _this.video.muted = breakMuted;
+                            }
+                            if (Math.abs(_this.video.volume - breakVolume) > 0.01) {
+                                _this.video.volume = breakVolume;
+                            }
+                            if (_this.video.paused) {
+                                var _this_video_play;
+                                (_this_video_play = _this.video.play()) === null || _this_video_play === void 0 ? void 0 : _this_video_play.catch(function() {});
+                            }
                         }
                         _this.stopContinuousFetching();
                         return;
@@ -3980,6 +3788,13 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             value: function onScte35Marker(marker) {
                 var _this = this;
                 if (this.config.disableAds) return;
+                this.pushScteMarker(marker);
+                this.pushDebugLog("info", "scte35", "SCTE-35 marker detected", {
+                    type: marker.type,
+                    ptsSeconds: marker.ptsSeconds,
+                    durationSeconds: marker.durationSeconds,
+                    currentTime: this.video.currentTime
+                });
                 if (this.config.debugAdTiming) {
                     console.log("[StormcloudVideoPlayer] SCTE-35 marker detected:", {
                         type: marker.type,
@@ -4402,6 +4217,16 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 return this.totalAdsInBreak;
             }
         },
+        {
+            key: "getRemainingAdSeconds",
+            value: function getRemainingAdSeconds() {
+                var remainingMs = this.getRemainingAdMs();
+                if (!Number.isFinite(remainingMs) || remainingMs <= 0 || remainingMs === Number.MAX_SAFE_INTEGER) {
+                    return 0;
+                }
+                return Math.ceil(remainingMs / 1e3);
+            }
+        },
         {
             key: "isAdPlaying",
             value: function isAdPlaying() {
@@ -5631,7 +5456,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                         });
                     };
                     var onManifestParsedRestore = function onManifestParsedRestore1() {
-                        hlsRef.off(Hls2.Events.MANIFEST_PARSED, onManifestParsedRestore);
+                        hlsRef.off(Hls.Events.MANIFEST_PARSED, onManifestParsedRestore);
                         if (!_this.inAdBreak && !_this.adLayer.isAdPlaying()) {
                             if (videoRef.muted !== savedMuted) videoRef.muted = savedMuted;
                             if (Math.abs(videoRef.volume - savedVolume) > 0.01) videoRef.volume = savedVolume;
@@ -5644,7 +5469,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                             }
                         }
                     };
-                    hlsRef.on(Hls2.Events.MANIFEST_PARSED, onManifestParsedRestore);
+                    hlsRef.on(Hls.Events.MANIFEST_PARSED, onManifestParsedRestore);
                     var pipelineDelayMs = 300;
                     if (debugEnabled) {
                         console.log("[StormcloudVideoPlayer] Smart TV: waiting ".concat(pipelineDelayMs, "ms for hardware pipeline release before re-attach"));
@@ -5838,6 +5663,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 if (!this.config.debugAdTiming) {
                     return;
                 }
+                this.pushDebugLog("info", "ad-state", event, extra);
                 console.log("[StormcloudVideoPlayer][AdState]", _object_spread({
                     event: event,
                     timestamp: /* @__PURE__ */ new Date().toISOString(),
@@ -5857,6 +5683,59 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 return Math.max(0, this.expectedAdBreakDurationMs - elapsed);
             }
         },
+        {
+            key: "pushScteMarker",
+            value: function pushScteMarker(marker) {
+                if (!this.config.debugAdTiming) return;
+                this.scteMarkerHistory.push({
+                    timestampMs: Date.now(),
+                    marker: marker
+                });
+                if (this.scteMarkerHistory.length > DEBUG_HISTORY_LIMIT) {
+                    this.scteMarkerHistory = this.scteMarkerHistory.slice(-DEBUG_HISTORY_LIMIT);
+                }
+            }
+        },
+        {
+            key: "pushDebugLog",
+            value: function pushDebugLog(level, category, message, details) {
+                if (!this.config.debugAdTiming) return;
+                this.debugLogEntries.push(_object_spread({
+                    timestampMs: Date.now(),
+                    level: level,
+                    category: category,
+                    message: message
+                }, details ? {
+                    details: details
+                } : {}));
+                if (this.debugLogEntries.length > DEBUG_HISTORY_LIMIT) {
+                    this.debugLogEntries = this.debugLogEntries.slice(-DEBUG_HISTORY_LIMIT);
+                }
+            }
+        },
+        {
+            key: "getRecentScteMarkers",
+            value: function getRecentScteMarkers() {
+                return this.scteMarkerHistory.map(function(entry) {
+                    return _object_spread({
+                        timestampMs: entry.timestampMs,
+                        type: entry.marker.type
+                    }, entry.marker.ptsSeconds !== void 0 ? {
+                        ptsSeconds: entry.marker.ptsSeconds
+                    } : {}, entry.marker.durationSeconds !== void 0 ? {
+                        durationSeconds: entry.marker.durationSeconds
+                    } : {}, entry.marker.raw !== void 0 ? {
+                        raw: entry.marker.raw
+                    } : {});
+                });
+            }
+        },
+        {
+            key: "getDebugLogs",
+            value: function getDebugLogs() {
+                return this.debugLogEntries.slice();
+            }
+        },
         {
             key: "toggleMute",
             value: function toggleMute() {
@@ -6102,13 +5981,15 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 (_this_hls = this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.destroy();
                 (_this_adLayer = this.adLayer) === null || _this_adLayer === void 0 ? void 0 : _this_adLayer.destroy();
                 this.consecutiveFailures = 0;
+                this.debugLogEntries = [];
+                this.scteMarkerHistory = [];
             }
         }
     ]);
     return StormcloudVideoPlayer;
 }();
 // src/ui/StormcloudVideoPlayer.tsx
-import { FaPlay, FaPause, FaVolumeUp, FaVolumeMute, FaVolumeDown, FaExpand, FaCompress } from "react-icons/fa";
+import { FaPlay, FaPause, FaVolumeUp, FaVolumeMute, FaVolumeDown, FaExpand, FaCompress, FaCog, FaTimes } from "react-icons/fa";
 // src/ui/OverlayRenderer.tsx
 import React, { useEffect, useRef, useState, useCallback } from "react";
 // src/utils/overlays.ts
@@ -7215,10 +7096,12 @@ var CRITICAL_PROPS = [
     "allowNativeHls",
     "licenseKey",
     "lowLatencyMode",
-    "driftToleranceMs"
+    "driftToleranceMs",
+    "debugAdTiming"
 ];
 var CONTROLS_HIDE_DELAY = 3e3;
 var DEFAULT_PLAYER_ASPECT_RATIO = 16 / 9;
+var DEBUG_PANEL_MARKER_LIMIT = 12;
 var StormcloudVideoPlayerComponent = React2.memo(function(props) {
     var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, minSegmentsBeforePlay = props.minSegmentsBeforePlay, disableAds = props.disableAds, disableFiller = props.disableFiller, swirlProjectId = props.swirlProjectId, restVideoAttrs = _object_without_properties(props, [
         "src",
@@ -7258,7 +7141,8 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
     var _React2_useState = _sliced_to_array(React2.useState({
         showAds: false,
         currentIndex: 0,
-        totalAds: 0
+        totalAds: 0,
+        remainingSeconds: 0
     }), 2), adStatus = _React2_useState[0], setAdStatus = _React2_useState[1];
     var _React2_useState1 = _sliced_to_array(React2.useState(true), 2), shouldShowNativeControls = _React2_useState1[0], setShouldShowNativeControls = _React2_useState1[1];
     var _React2_useState2 = _sliced_to_array(React2.useState(false), 2), isMuted = _React2_useState2[0], setIsMuted = _React2_useState2[1];
@@ -7280,6 +7164,8 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
     var _React2_useState18 = _sliced_to_array(React2.useState(typeof window !== "undefined" ? window.innerWidth : 1920), 2), viewportWidth = _React2_useState18[0], setViewportWidth = _React2_useState18[1];
     var _React2_useState19 = _sliced_to_array(React2.useState(typeof window !== "undefined" ? window.innerHeight > window.innerWidth : false), 2), isPortrait = _React2_useState19[0], setIsPortrait = _React2_useState19[1];
     var _React2_useState20 = _sliced_to_array(React2.useState(DEFAULT_PLAYER_ASPECT_RATIO), 2), playerAspectRatio = _React2_useState20[0], setPlayerAspectRatio = _React2_useState20[1];
+    var _React2_useState21 = _sliced_to_array(React2.useState(false), 2), showDebugPanel = _React2_useState21[0], setShowDebugPanel = _React2_useState21[1];
+    var _React2_useState22 = _sliced_to_array(React2.useState([]), 2), debugMarkers = _React2_useState22[0], setDebugMarkers = _React2_useState22[1];
     var getResponsiveScale = function getResponsiveScale() {
         if (viewportWidth < 480) return 0.7;
         if (viewportWidth < 768) return 0.8;
@@ -7287,6 +7173,28 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
         return 1;
     };
     var responsiveScale = getResponsiveScale();
+    var formatDebugClock = function formatDebugClock(timestampMs) {
+        try {
+            var localTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+            return new Date(timestampMs).toLocaleTimeString("en-GB", {
+                hour12: false,
+                hour: "2-digit",
+                minute: "2-digit",
+                second: "2-digit",
+                timeZone: localTimeZone
+            });
+        } catch (unused) {
+            return "--:--:--";
+        }
+    };
+    var formatDebugRaw = function formatDebugRaw(raw) {
+        if (!raw || (typeof raw === "undefined" ? "undefined" : _type_of(raw)) !== "object") return "";
+        var obj = raw;
+        if (typeof obj.tag === "string") return obj.tag;
+        if (typeof obj.id3 === "string") return "ID3";
+        if (typeof obj.splice_command_type === "number") return "binary splice";
+        return "marker";
+    };
     var resetControlsTimer = useCallback2(function() {
         if (controlsTimerRef.current) {
             clearTimeout(controlsTimerRef.current);
@@ -7510,15 +7418,17 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
                 var showAds = showAdsFromMethod || showAdsFromAttribute;
                 var currentIndex = playerRef.current.getCurrentAdIndex();
                 var totalAds = playerRef.current.getTotalAdsInBreak();
+                var remainingSeconds = playerRef.current.getRemainingAdSeconds();
                 setAdStatus(function(prev) {
-                    if (prev.showAds !== showAds || prev.currentIndex !== currentIndex || prev.totalAds !== totalAds) {
+                    if (prev.showAds !== showAds || prev.currentIndex !== currentIndex || prev.totalAds !== totalAds || prev.remainingSeconds !== remainingSeconds) {
                         if (showAds && !prev.showAds) {
                             setShowCenterPlay(false);
                         }
                         return {
                             showAds: showAds,
                             currentIndex: currentIndex,
-                            totalAds: totalAds
+                            totalAds: totalAds,
+                            remainingSeconds: remainingSeconds
                         };
                     }
                     return prev;
@@ -7667,6 +7577,26 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
             }
         };
     }, []);
+    useEffect2(function() {
+        if (!debugAdTiming) {
+            setShowDebugPanel(false);
+            setDebugMarkers([]);
+            return;
+        }
+        var updateDebugData = function updateDebugData() {
+            var player = playerRef.current;
+            if (!player) return;
+            setDebugMarkers(player.getRecentScteMarkers().slice(-DEBUG_PANEL_MARKER_LIMIT).reverse());
+        };
+        updateDebugData();
+        var interval = window.setInterval(updateDebugData, 500);
+        return function() {
+            return clearInterval(interval);
+        };
+    }, [
+        debugAdTiming,
+        criticalPropsKey
+    ]);
     var handleWrapperMouseMove = useCallback2(function() {
         resetControlsTimer();
     }, [
@@ -7685,7 +7615,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
     return /* @__PURE__ */ jsxs2(Fragment2, {
         children: [
             /* @__PURE__ */ jsx2("style", {
-                children: "\n              @keyframes sc-spin {\n                from { transform: rotate(0deg); }\n                to { transform: rotate(360deg); }\n              }\n              @keyframes sc-loading-glow {\n                0%, 100% { opacity: 0.85; transform: scale(1); }\n                50% { opacity: 1; transform: scale(1.05); }\n              }\n              @keyframes sc-pulse {\n                0%, 100% { opacity: 1; }\n                50% { opacity: 0.6; }\n              }\n              @keyframes sc-fade-in {\n                from { opacity: 0; transform: translateY(8px); }\n                to { opacity: 1; transform: translateY(0); }\n              }\n              .sc-wrapper:fullscreen,\n              .sc-wrapper:has(*:fullscreen) {\n                border-radius: 0 !important;\n                box-shadow: none !important;\n                width: 100vw !important;\n                height: 100vh !important;\n                max-width: 100vw !important;\n                max-height: 100vh !important;\n                position: fixed !important;\n                top: 0 !important;\n                left: 0 !important;\n                z-index: 999999 !important;\n                background: #000 !important;\n                display: flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n              }\n              .sc-ctrl-btn {\n                background: none;\n                border: none;\n                color: #fff;\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50%;\n                padding: 8px;\n                transition: background 0.15s ease, opacity 0.15s ease;\n                opacity: 0.9;\n              }\n              .sc-ctrl-btn:hover {\n                opacity: 1;\n                background: rgba(255, 255, 255, 0.1);\n              }\n              .sc-ctrl-btn:active {\n                opacity: 0.7;\n              }\n              .sc-controls-bar {\n                transition: opacity 0.35s ease, transform 0.35s ease;\n              }\n              .sc-progress-track:hover .sc-progress-thumb {\n                transform: translate(-50%, -50%) scale(1) !important;\n              }\n              .sc-loading-hidden .sc-loading-indicator {\n                display: none !important;\n              }\n            "
+                children: "\n              @keyframes sc-spin {\n                from { transform: rotate(0deg); }\n                to { transform: rotate(360deg); }\n              }\n              @keyframes sc-loading-glow {\n                0%, 100% { opacity: 0.85; transform: scale(1); }\n                50% { opacity: 1; transform: scale(1.05); }\n              }\n              @keyframes sc-pulse {\n                0%, 100% { opacity: 1; }\n                50% { opacity: 0.6; }\n              }\n              @keyframes sc-fade-in {\n                from { opacity: 0; transform: translateY(8px); }\n                to { opacity: 1; transform: translateY(0); }\n              }\n              .sc-wrapper:fullscreen,\n              .sc-wrapper:has(*:fullscreen) {\n                border-radius: 0 !important;\n                box-shadow: none !important;\n                width: 100vw !important;\n                height: 100vh !important;\n                max-width: 100vw !important;\n                max-height: 100vh !important;\n                position: fixed !important;\n                top: 0 !important;\n                left: 0 !important;\n                z-index: 999999 !important;\n                background: #000 !important;\n                display: flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n              }\n              .sc-ctrl-btn {\n                background: none;\n                border: none;\n                color: #fff;\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 50%;\n                padding: 8px;\n                transition: background 0.15s ease, opacity 0.15s ease;\n                opacity: 0.9;\n              }\n              .sc-ctrl-btn:hover {\n                opacity: 1;\n                background: rgba(255, 255, 255, 0.1);\n              }\n              .sc-ctrl-btn:active {\n                opacity: 0.7;\n              }\n              .sc-controls-bar {\n                transition: opacity 0.35s ease, transform 0.35s ease;\n              }\n              .sc-progress-track:hover .sc-progress-thumb {\n                transform: translate(-50%, -50%) scale(1) !important;\n              }\n              .sc-loading-hidden .sc-loading-indicator {\n                display: none !important;\n              }\n              .sc-debug-scroll::-webkit-scrollbar {\n                width: 8px;\n              }\n              .sc-debug-scroll::-webkit-scrollbar-thumb {\n                background: rgba(255, 255, 255, 0.22);\n                border-radius: 4px;\n              }\n              .sc-debug-scroll {\n                overflow-x: hidden !important;\n              }\n            "
             }),
             /* @__PURE__ */ jsxs2("div", {
                 ref: wrapperRef,
@@ -7908,6 +7838,197 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
                                     " of ",
                                     Math.max(adStatus.totalAds, adStatus.currentIndex)
                                 ]
+                            }),
+                            adStatus.remainingSeconds > 0 && /* @__PURE__ */ jsxs2("div", {
+                                style: {
+                                    background: "rgba(0, 0, 0, 0.5)",
+                                    backdropFilter: "blur(12px)",
+                                    color: "rgba(255, 255, 255, 0.9)",
+                                    padding: "".concat(4 * responsiveScale, "px ").concat(10 * responsiveScale, "px"),
+                                    borderRadius: "6px",
+                                    fontSize: "".concat(11 * responsiveScale, "px"),
+                                    fontWeight: "600",
+                                    border: "1px solid rgba(255, 255, 255, 0.08)"
+                                },
+                                children: [
+                                    adStatus.remainingSeconds,
+                                    "s"
+                                ]
+                            })
+                        ]
+                    }),
+                    debugAdTiming && !showLicenseWarning && !showDebugPanel && /* @__PURE__ */ jsx2("button", {
+                        className: "sc-ctrl-btn",
+                        onClick: function onClick() {
+                            setShowDebugPanel(function(prev) {
+                                return !prev;
+                            });
+                            resetControlsTimer();
+                        },
+                        style: {
+                            position: "absolute",
+                            top: "".concat(12 * responsiveScale, "px"),
+                            right: "".concat(12 * responsiveScale, "px"),
+                            zIndex: 61,
+                            width: "".concat(34 * responsiveScale, "px"),
+                            height: "".concat(34 * responsiveScale, "px"),
+                            borderRadius: "50%",
+                            background: showDebugPanel ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.55)",
+                            border: "1px solid rgba(255, 255, 255, 0.2)",
+                            backdropFilter: "blur(12px)",
+                            WebkitBackdropFilter: "blur(12px)"
+                        },
+                        title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
+                        children: /* @__PURE__ */ jsx2(FaCog, {
+                            size: Math.max(12, 15 * responsiveScale)
+                        })
+                    }),
+                    debugAdTiming && showDebugPanel && !showLicenseWarning && /* @__PURE__ */ jsxs2("div", {
+                        style: {
+                            position: "absolute",
+                            top: "".concat(12 * responsiveScale, "px"),
+                            right: "".concat(12 * responsiveScale, "px"),
+                            width: "".concat(Math.min(440, Math.max(320, viewportWidth * 0.42)), "px"),
+                            maxWidth: "92vw",
+                            height: isPortrait ? "52vh" : "420px",
+                            maxHeight: "58vh",
+                            zIndex: 60,
+                            background: "rgba(10, 10, 10, 0.74)",
+                            border: "1px solid rgba(255, 255, 255, 0.14)",
+                            borderRadius: "12px",
+                            boxShadow: "0 16px 48px rgba(0, 0, 0, 0.45)",
+                            backdropFilter: "blur(16px)",
+                            WebkitBackdropFilter: "blur(16px)",
+                            color: "rgba(255,255,255,0.94)",
+                            overflow: "hidden"
+                        },
+                        children: [
+                            /* @__PURE__ */ jsxs2("div", {
+                                style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "space-between",
+                                    padding: "10px 12px",
+                                    borderBottom: "1px solid rgba(255,255,255,0.1)"
+                                },
+                                children: [
+                                    /* @__PURE__ */ jsx2("div", {
+                                        style: {
+                                            fontSize: "13px",
+                                            fontWeight: 700,
+                                            letterSpacing: "0.02em"
+                                        },
+                                        children: "Debug Ad Timing"
+                                    }),
+                                    /* @__PURE__ */ jsx2("button", {
+                                        className: "sc-ctrl-btn",
+                                        onClick: function onClick() {
+                                            return setShowDebugPanel(false);
+                                        },
+                                        style: {
+                                            padding: "4px",
+                                            borderRadius: "6px",
+                                            minWidth: "26px",
+                                            minHeight: "26px"
+                                        },
+                                        title: "Close panel",
+                                        children: /* @__PURE__ */ jsx2(FaTimes, {
+                                            size: 12
+                                        })
+                                    })
+                                ]
+                            }),
+                            /* @__PURE__ */ jsx2("div", {
+                                className: "sc-debug-scroll",
+                                style: {
+                                    padding: "10px 12px 12px",
+                                    overflowY: "auto",
+                                    overflowX: "hidden",
+                                    height: "calc(100% - 46px)",
+                                    display: "grid",
+                                    gap: "12px"
+                                },
+                                children: /* @__PURE__ */ jsxs2("div", {
+                                    children: [
+                                        /* @__PURE__ */ jsx2("div", {
+                                            style: {
+                                                fontSize: "11px",
+                                                fontWeight: 700,
+                                                textTransform: "uppercase",
+                                                letterSpacing: "0.08em",
+                                                color: "rgba(255,255,255,0.68)",
+                                                marginBottom: "8px"
+                                            },
+                                            children: "SCTE-35 markers"
+                                        }),
+                                        /* @__PURE__ */ jsx2("div", {
+                                            style: {
+                                                display: "grid",
+                                                gap: "6px"
+                                            },
+                                            children: debugMarkers.length === 0 ? /* @__PURE__ */ jsx2("div", {
+                                                style: {
+                                                    fontSize: "12px",
+                                                    color: "rgba(255,255,255,0.55)"
+                                                },
+                                                children: "No markers detected yet."
+                                            }) : debugMarkers.map(function(entry, idx) {
+                                                return /* @__PURE__ */ jsxs2("div", {
+                                                    style: {
+                                                        display: "grid",
+                                                        gridTemplateColumns: "56px 52px 1fr",
+                                                        gap: "8px",
+                                                        alignItems: "center",
+                                                        fontFamily: "'SF Mono', 'Cascadia Code', monospace",
+                                                        fontSize: "11px",
+                                                        background: "rgba(255,255,255,0.05)",
+                                                        border: "1px solid rgba(255,255,255,0.08)",
+                                                        borderRadius: "8px",
+                                                        padding: "6px 8px"
+                                                    },
+                                                    children: [
+                                                        /* @__PURE__ */ jsx2("span", {
+                                                            style: {
+                                                                color: "rgba(255,255,255,0.68)"
+                                                            },
+                                                            children: formatDebugClock(entry.timestampMs)
+                                                        }),
+                                                        /* @__PURE__ */ jsx2("span", {
+                                                            style: {
+                                                                textTransform: "uppercase",
+                                                                fontWeight: 700,
+                                                                color: entry.type === "start" ? "#34d399" : entry.type === "end" ? "#f87171" : "#fbbf24"
+                                                            },
+                                                            children: entry.type
+                                                        }),
+                                                        /* @__PURE__ */ jsx2("span", {
+                                                            style: {
+                                                                color: "rgba(255,255,255,0.88)"
+                                                            },
+                                                            children: /* @__PURE__ */ jsxs2("span", {
+                                                                style: {
+                                                                    display: "inline-block",
+                                                                    maxWidth: "100%",
+                                                                    verticalAlign: "bottom",
+                                                                    overflow: "hidden",
+                                                                    textOverflow: "ellipsis",
+                                                                    whiteSpace: "nowrap"
+                                                                },
+                                                                children: [
+                                                                    entry.durationSeconds != null ? "dur:".concat(entry.durationSeconds.toFixed(2), "s") : "dur:-",
+                                                                    " ",
+                                                                    entry.ptsSeconds != null ? "pts:".concat(entry.ptsSeconds.toFixed(2)) : "pts:-",
+                                                                    " ",
+                                                                    formatDebugRaw(entry.raw)
+                                                                ]
+                                                            })
+                                                        })
+                                                    ]
+                                                }, "".concat(entry.timestampMs, "-").concat(idx));
+                                            })
+                                        })
+                                    ]
+                                })
                             })
                         ]
                     }),
@@ -9707,5 +9828,5 @@ var createStormcloudPlayer = function createStormcloudPlayer(playerList, fallbac
 };
 var StormcloudPlayer = createStormcloudPlayer(players_default, players_default[players_default.length - 1]);
 var StormcloudPlayer_default = StormcloudPlayer;
-export { IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer_default as StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, canPlay, createStormcloudPlayer, createVastAdLayer, createVastManager, StormcloudVideoPlayerComponent as default, detectBrowser, fetchProjectOverlays, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, isOverlayActive, lazy, logBrowserInfo, merge, omit, parseQuery, players_default as players, randomString, resolveImageUrl, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode, timeStringToSeconds };
+export { IS_BROWSER, IS_GLOBAL, IS_IOS, IS_SAFARI, SUPPORTS_DASH, SUPPORTS_HLS, StormcloudPlayer_default as StormcloudPlayer, StormcloudVideoPlayer, StormcloudVideoPlayerComponent, canPlay, createAdStormPlayer, createStormcloudPlayer, StormcloudVideoPlayerComponent as default, detectBrowser, fetchProjectOverlays, getBrowserConfigOverrides, getBrowserID, getClientInfo, initializePolyfills, isMediaStream, isOverlayActive, lazy, logBrowserInfo, merge, omit, parseQuery, players_default as players, randomString, resolveImageUrl, sendHeartbeat, sendInitialTracking, supportsFeature, supportsModernJS, supportsWebKitPresentationMode, timeStringToSeconds };
 //# sourceMappingURL=index.js.map