tavi-video-tutor 0.1.0

package/dist/ai-tutor.js

@@ -0,0 +1,2445 @@
+import { i as e, n as t, o as n, r, t as i } from "./chunk-jwUa06l-.js";
+import { createElement as a, forwardRef as o, useEffect as s, useRef as c, useState as l } from "react";
+//#region node_modules/load-script/index.js
+var u = /* @__PURE__ */ i(((e, t) => {
+	t.exports = function(e, t, a) {
+		var o = document.head || document.getElementsByTagName("head")[0], s = document.createElement("script");
+		typeof t == "function" && (a = t, t = {}), t ||= {}, a ||= function() {}, s.type = t.type || "text/javascript", s.charset = t.charset || "utf8", s.async = "async" in t ? !!t.async : !0, s.src = e, t.attrs && n(s, t.attrs), t.text && (s.text = "" + t.text), ("onload" in s ? r : i)(s, a), s.onload || r(s, a), o.appendChild(s);
+	};
+	function n(e, t) {
+		for (var n in t) e.setAttribute(n, t[n]);
+	}
+	function r(e, t) {
+		e.onload = function() {
+			this.onerror = this.onload = null, t(null, e);
+		}, e.onerror = function() {
+			this.onerror = this.onload = null, t(/* @__PURE__ */ Error("Failed to load " + this.src), e);
+		};
+	}
+	function i(e, t) {
+		e.onreadystatechange = function() {
+			this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null, t(null, e));
+		};
+	}
+})), d = /* @__PURE__ */ i(((e, t) => {
+	var n = function(e) {
+		return r(e) && !i(e);
+	};
+	function r(e) {
+		return !!e && typeof e == "object";
+	}
+	function i(e) {
+		var t = Object.prototype.toString.call(e);
+		return t === "[object RegExp]" || t === "[object Date]" || o(e);
+	}
+	var a = typeof Symbol == "function" && Symbol.for ? Symbol.for("react.element") : 60103;
+	function o(e) {
+		return e.$$typeof === a;
+	}
+	function s(e) {
+		return Array.isArray(e) ? [] : {};
+	}
+	function c(e, t) {
+		return t.clone !== !1 && t.isMergeableObject(e) ? g(s(e), e, t) : e;
+	}
+	function l(e, t, n) {
+		return e.concat(t).map(function(e) {
+			return c(e, n);
+		});
+	}
+	function u(e, t) {
+		if (!t.customMerge) return g;
+		var n = t.customMerge(e);
+		return typeof n == "function" ? n : g;
+	}
+	function d(e) {
+		return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(e).filter(function(t) {
+			return Object.propertyIsEnumerable.call(e, t);
+		}) : [];
+	}
+	function f(e) {
+		return Object.keys(e).concat(d(e));
+	}
+	function p(e, t) {
+		try {
+			return t in e;
+		} catch {
+			return !1;
+		}
+	}
+	function m(e, t) {
+		return p(e, t) && !(Object.hasOwnProperty.call(e, t) && Object.propertyIsEnumerable.call(e, t));
+	}
+	function h(e, t, n) {
+		var r = {};
+		return n.isMergeableObject(e) && f(e).forEach(function(t) {
+			r[t] = c(e[t], n);
+		}), f(t).forEach(function(i) {
+			m(e, i) || (p(e, i) && n.isMergeableObject(t[i]) ? r[i] = u(i, n)(e[i], t[i], n) : r[i] = c(t[i], n));
+		}), r;
+	}
+	function g(e, t, r) {
+		r ||= {}, r.arrayMerge = r.arrayMerge || l, r.isMergeableObject = r.isMergeableObject || n, r.cloneUnlessOtherwiseSpecified = c;
+		var i = Array.isArray(t);
+		return i === Array.isArray(e) ? i ? r.arrayMerge(e, t, r) : h(e, t, r) : c(t, r);
+	}
+	g.all = function(e, t) {
+		if (!Array.isArray(e)) throw Error("first argument should be an array");
+		return e.reduce(function(e, n) {
+			return g(e, n, t);
+		}, {});
+	}, t.exports = g;
+})), f = /* @__PURE__ */ i(((t, n) => {
+	var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescriptor, o = Object.getOwnPropertyNames, s = Object.getPrototypeOf, c = Object.prototype.hasOwnProperty, l = (e, t) => {
+		for (var n in t) i(e, n, {
+			get: t[n],
+			enumerable: !0
+		});
+	}, f = (e, t, n, r) => {
+		if (t && typeof t == "object" || typeof t == "function") for (let s of o(t)) !c.call(e, s) && s !== n && i(e, s, {
+			get: () => t[s],
+			enumerable: !(r = a(t, s)) || r.enumerable
+		});
+		return e;
+	}, p = (e, t, n) => (n = e == null ? {} : r(s(e)), f(t || !e || !e.__esModule ? i(n, "default", {
+		value: e,
+		enumerable: !0
+	}) : n, e)), m = (e) => f(i({}, "__esModule", { value: !0 }), e), h = {};
+	l(h, {
+		callPlayer: () => F,
+		getConfig: () => N,
+		getSDK: () => M,
+		isBlobUrl: () => L,
+		isMediaStream: () => I,
+		lazy: () => y,
+		omit: () => P,
+		parseEndTime: () => D,
+		parseStartTime: () => E,
+		queryString: () => k,
+		randomString: () => O,
+		supportsWebKitPresentationMode: () => R
+	}), n.exports = m(h);
+	var g = p(e("react")), _ = p(u()), v = p(d()), y = (e) => g.default.lazy(async () => {
+		let t = await e();
+		return typeof t.default == "function" ? t : t.default;
+	}), b = /[?&#](?:start|t)=([0-9hms]+)/, x = /[?&#]end=([0-9hms]+)/, S = /(\d+)(h|m|s)/g, C = /^\d+$/;
+	function w(e, t) {
+		if (e instanceof Array) return;
+		let n = e.match(t);
+		if (n) {
+			let e = n[1];
+			if (e.match(S)) return T(e);
+			if (C.test(e)) return parseInt(e);
+		}
+	}
+	function T(e) {
+		let t = 0, n = S.exec(e);
+		for (; n !== null;) {
+			let [, r, i] = n;
+			i === "h" && (t += parseInt(r, 10) * 60 * 60), i === "m" && (t += parseInt(r, 10) * 60), i === "s" && (t += parseInt(r, 10)), n = S.exec(e);
+		}
+		return t;
+	}
+	function E(e) {
+		return w(e, b);
+	}
+	function D(e) {
+		return w(e, x);
+	}
+	function O() {
+		return Math.random().toString(36).substr(2, 5);
+	}
+	function k(e) {
+		return Object.keys(e).map((t) => `${t}=${e[t]}`).join("&");
+	}
+	function A(e) {
+		return window[e] ? window[e] : window.exports && window.exports[e] ? window.exports[e] : window.module && window.module.exports && window.module.exports[e] ? window.module.exports[e] : null;
+	}
+	var j = {}, M = z(function(e, t, n = null, r = () => !0, i = _.default) {
+		let a = A(t);
+		return a && r(a) ? Promise.resolve(a) : new Promise((r, a) => {
+			if (j[e]) {
+				j[e].push({
+					resolve: r,
+					reject: a
+				});
+				return;
+			}
+			j[e] = [{
+				resolve: r,
+				reject: a
+			}];
+			let o = (t) => {
+				j[e].forEach((e) => e.resolve(t));
+			};
+			if (n) {
+				let e = window[n];
+				window[n] = function() {
+					e && e(), o(A(t));
+				};
+			}
+			i(e, (r) => {
+				r ? (j[e].forEach((e) => e.reject(r)), j[e] = null) : n || o(A(t));
+			});
+		});
+	});
+	function N(e, t) {
+		return (0, v.default)(t.config, e.config);
+	}
+	function P(e, ...t) {
+		let n = [].concat(...t), r = {}, i = Object.keys(e);
+		for (let t of i) n.indexOf(t) === -1 && (r[t] = e[t]);
+		return r;
+	}
+	function F(e, ...t) {
+		if (!this.player || !this.player[e]) {
+			let t = `ReactPlayer: ${this.constructor.displayName} player could not call %c${e}%c \u2013 `;
+			return this.player ? this.player[e] || (t += "The method was not available") : t += "The player was not available", console.warn(t, "font-weight: bold", ""), null;
+		}
+		return this.player[e](...t);
+	}
+	function I(e) {
+		return typeof window < "u" && window.MediaStream !== void 0 && e instanceof window.MediaStream;
+	}
+	function L(e) {
+		return /^blob:/.test(e);
+	}
+	function R(e = document.createElement("video")) {
+		let t = /iPhone|iPod/.test(navigator.userAgent) === !1;
+		return e.webkitSupportsPresentationMode && typeof e.webkitSetPresentationMode == "function" && t;
+	}
+	function z(e) {
+		return e;
+	}
+})), p = /* @__PURE__ */ i(((e, t) => {
+	var n = Object.defineProperty, r = Object.getOwnPropertyDescriptor, i = Object.getOwnPropertyNames, a = Object.prototype.hasOwnProperty, o = (e, t) => {
+		for (var r in t) n(e, r, {
+			get: t[r],
+			enumerable: !0
+		});
+	}, s = (e, t, o, s) => {
+		if (t && typeof t == "object" || typeof t == "function") for (let c of i(t)) !a.call(e, c) && c !== o && n(e, c, {
+			get: () => t[c],
+			enumerable: !(s = r(t, c)) || s.enumerable
+		});
+		return e;
+	}, c = (e) => s(n({}, "__esModule", { value: !0 }), e), l = {};
+	o(l, {
+		AUDIO_EXTENSIONS: () => E,
+		DASH_EXTENSIONS: () => k,
+		FLV_EXTENSIONS: () => A,
+		HLS_EXTENSIONS: () => O,
+		MATCH_URL_DAILYMOTION: () => S,
+		MATCH_URL_FACEBOOK: () => g,
+		MATCH_URL_FACEBOOK_WATCH: () => _,
+		MATCH_URL_KALTURA: () => T,
+		MATCH_URL_MIXCLOUD: () => C,
+		MATCH_URL_MUX: () => h,
+		MATCH_URL_SOUNDCLOUD: () => p,
+		MATCH_URL_STREAMABLE: () => v,
+		MATCH_URL_TWITCH_CHANNEL: () => x,
+		MATCH_URL_TWITCH_VIDEO: () => b,
+		MATCH_URL_VIDYARD: () => w,
+		MATCH_URL_VIMEO: () => m,
+		MATCH_URL_WISTIA: () => y,
+		MATCH_URL_YOUTUBE: () => d,
+		VIDEO_EXTENSIONS: () => D,
+		canPlay: () => M
+	}), t.exports = c(l);
+	var u = f(), d = /(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//, p = /(?:soundcloud\.com|snd\.sc)\/[^.]+$/, m = /vimeo\.com\/(?!progressive_redirect).+/, h = /stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/, g = /^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/, _ = /^https?:\/\/fb\.watch\/.+$/, v = /streamable\.com\/([a-z0-9]+)$/, y = /(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/, b = /(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/, x = /(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/, S = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/, C = /mixcloud\.com\/([^/]+\/[^/]+)/, w = /vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/, T = /^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/, E = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i, D = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i, O = /\.(m3u8)($|\?)/i, k = /\.(mpd)($|\?)/i, A = /\.(flv)($|\?)/i, j = (e) => {
+		if (e instanceof Array) {
+			for (let t of e) if (typeof t == "string" && j(t) || j(t.src)) return !0;
+			return !1;
+		}
+		return (0, u.isMediaStream)(e) || (0, u.isBlobUrl)(e) ? !0 : E.test(e) || D.test(e) || O.test(e) || k.test(e) || A.test(e);
+	}, M = {
+		youtube: (e) => e instanceof Array ? e.every((e) => d.test(e)) : d.test(e),
+		soundcloud: (e) => p.test(e) && !E.test(e),
+		vimeo: (e) => m.test(e) && !D.test(e) && !O.test(e),
+		mux: (e) => h.test(e),
+		facebook: (e) => g.test(e) || _.test(e),
+		streamable: (e) => v.test(e),
+		wistia: (e) => y.test(e),
+		twitch: (e) => b.test(e) || x.test(e),
+		dailymotion: (e) => S.test(e),
+		mixcloud: (e) => C.test(e),
+		vidyard: (e) => w.test(e),
+		kaltura: (e) => T.test(e),
+		file: j
+	};
+})), m = /* @__PURE__ */ i(((e, t) => {
+	var r = Object.defineProperty, i = Object.getOwnPropertyDescriptor, a = Object.getOwnPropertyNames, o = Object.prototype.hasOwnProperty, s = (e, t) => {
+		for (var n in t) r(e, n, {
+			get: t[n],
+			enumerable: !0
+		});
+	}, c = (e, t, n, s) => {
+		if (t && typeof t == "object" || typeof t == "function") for (let c of a(t)) !o.call(e, c) && c !== n && r(e, c, {
+			get: () => t[c],
+			enumerable: !(s = i(t, c)) || s.enumerable
+		});
+		return e;
+	}, l = (e) => c(r({}, "__esModule", { value: !0 }), e), u = {};
+	s(u, { default: () => h }), t.exports = l(u);
+	var d = f(), m = p(), h = [
+		{
+			key: "youtube",
+			name: "YouTube",
+			canPlay: m.canPlay.youtube,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerYouTube' */
+				"./YouTube-rU9Ojhsi.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "soundcloud",
+			name: "SoundCloud",
+			canPlay: m.canPlay.soundcloud,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerSoundCloud' */
+				"./SoundCloud-DGxS5bS7.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "vimeo",
+			name: "Vimeo",
+			canPlay: m.canPlay.vimeo,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerVimeo' */
+				"./Vimeo-C4sqB4Bz.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "mux",
+			name: "Mux",
+			canPlay: m.canPlay.mux,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerMux' */
+				"./Mux-CKZpCL-G.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "facebook",
+			name: "Facebook",
+			canPlay: m.canPlay.facebook,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerFacebook' */
+				"./Facebook-C23fvfaA.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "streamable",
+			name: "Streamable",
+			canPlay: m.canPlay.streamable,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerStreamable' */
+				"./Streamable-CmxnxVKG.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "wistia",
+			name: "Wistia",
+			canPlay: m.canPlay.wistia,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerWistia' */
+				"./Wistia-DyPXYFTO.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "twitch",
+			name: "Twitch",
+			canPlay: m.canPlay.twitch,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerTwitch' */
+				"./Twitch-CKAIH_w4.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "dailymotion",
+			name: "DailyMotion",
+			canPlay: m.canPlay.dailymotion,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerDailyMotion' */
+				"./DailyMotion-CMzxQweS.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "mixcloud",
+			name: "Mixcloud",
+			canPlay: m.canPlay.mixcloud,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerMixcloud' */
+				"./Mixcloud-Dd0goOiG.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "vidyard",
+			name: "Vidyard",
+			canPlay: m.canPlay.vidyard,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerVidyard' */
+				"./Vidyard-CzPQtoyq.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "kaltura",
+			name: "Kaltura",
+			canPlay: m.canPlay.kaltura,
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerKaltura' */
+				"./Kaltura-DX6mTYyf.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		},
+		{
+			key: "file",
+			name: "FilePlayer",
+			canPlay: m.canPlay.file,
+			canEnablePIP: (e) => m.canPlay.file(e) && (document.pictureInPictureEnabled || (0, d.supportsWebKitPresentationMode)()) && !m.AUDIO_EXTENSIONS.test(e),
+			lazyPlayer: (0, d.lazy)(() => import(
+				/* webpackChunkName: 'reactPlayerFilePlayer' */
+				"./FilePlayer-CMqw_QL4.js"
+).then((e) => /* @__PURE__ */ n(e.default)))
+		}
+	];
+})), h = /* @__PURE__ */ r({ default: () => v });
+function g(e, t) {
+	return !!(e === t || y(e) && y(t));
+}
+function _(e, t) {
+	if (e.length !== t.length) return !1;
+	for (var n = 0; n < e.length; n++) if (!g(e[n], t[n])) return !1;
+	return !0;
+}
+function v(e, t) {
+	t === void 0 && (t = _);
+	var n, r = [], i, a = !1;
+	function o() {
+		var o = [...arguments];
+		return a && n === this && t(o, r) ? i : (i = e.apply(this, o), a = !0, n = this, r = o, i);
+	}
+	return o;
+}
+var y, b = t((() => {
+	y = Number.isNaN || function(e) {
+		return typeof e == "number" && e !== e;
+	};
+})), x = /* @__PURE__ */ i(((e, t) => {
+	var n = typeof Element < "u", r = typeof Map == "function", i = typeof Set == "function", a = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+	function o(e, t) {
+		if (e === t) return !0;
+		if (e && t && typeof e == "object" && typeof t == "object") {
+			if (e.constructor !== t.constructor) return !1;
+			var s, c, l;
+			if (Array.isArray(e)) {
+				if (s = e.length, s != t.length) return !1;
+				for (c = s; c-- !== 0;) if (!o(e[c], t[c])) return !1;
+				return !0;
+			}
+			var u;
+			if (r && e instanceof Map && t instanceof Map) {
+				if (e.size !== t.size) return !1;
+				for (u = e.entries(); !(c = u.next()).done;) if (!t.has(c.value[0])) return !1;
+				for (u = e.entries(); !(c = u.next()).done;) if (!o(c.value[1], t.get(c.value[0]))) return !1;
+				return !0;
+			}
+			if (i && e instanceof Set && t instanceof Set) {
+				if (e.size !== t.size) return !1;
+				for (u = e.entries(); !(c = u.next()).done;) if (!t.has(c.value[0])) return !1;
+				return !0;
+			}
+			if (a && ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) {
+				if (s = e.length, s != t.length) return !1;
+				for (c = s; c-- !== 0;) if (e[c] !== t[c]) return !1;
+				return !0;
+			}
+			if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags;
+			if (e.valueOf !== Object.prototype.valueOf && typeof e.valueOf == "function" && typeof t.valueOf == "function") return e.valueOf() === t.valueOf();
+			if (e.toString !== Object.prototype.toString && typeof e.toString == "function" && typeof t.toString == "function") return e.toString() === t.toString();
+			if (l = Object.keys(e), s = l.length, s !== Object.keys(t).length) return !1;
+			for (c = s; c-- !== 0;) if (!Object.prototype.hasOwnProperty.call(t, l[c])) return !1;
+			if (n && e instanceof Element) return !1;
+			for (c = s; c-- !== 0;) if (!((l[c] === "_owner" || l[c] === "__v" || l[c] === "__o") && e.$$typeof) && !o(e[l[c]], t[l[c]])) return !1;
+			return !0;
+		}
+		return e !== e && t !== t;
+	}
+	t.exports = function(e, t) {
+		try {
+			return o(e, t);
+		} catch (e) {
+			if ((e.message || "").match(/stack|recursion/i)) return console.warn("react-fast-compare cannot handle circular refs"), !1;
+			throw e;
+		}
+	};
+})), S = /* @__PURE__ */ i(((e) => {
+	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+	function b(e) {
+		if (typeof e == "object" && e) {
+			var t = e.$$typeof;
+			switch (t) {
+				case n: switch (e = e.type, e) {
+					case l:
+					case u:
+					case i:
+					case o:
+					case a:
+					case f: return e;
+					default: switch (e &&= e.$$typeof, e) {
+						case c:
+						case d:
+						case h:
+						case m:
+						case s: return e;
+						default: return t;
+					}
+				}
+				case r: return t;
+			}
+		}
+	}
+	function x(e) {
+		return b(e) === u;
+	}
+	e.AsyncMode = l, e.ConcurrentMode = u, e.ContextConsumer = c, e.ContextProvider = s, e.Element = n, e.ForwardRef = d, e.Fragment = i, e.Lazy = h, e.Memo = m, e.Portal = r, e.Profiler = o, e.StrictMode = a, e.Suspense = f, e.isAsyncMode = function(e) {
+		return x(e) || b(e) === l;
+	}, e.isConcurrentMode = x, e.isContextConsumer = function(e) {
+		return b(e) === c;
+	}, e.isContextProvider = function(e) {
+		return b(e) === s;
+	}, e.isElement = function(e) {
+		return typeof e == "object" && !!e && e.$$typeof === n;
+	}, e.isForwardRef = function(e) {
+		return b(e) === d;
+	}, e.isFragment = function(e) {
+		return b(e) === i;
+	}, e.isLazy = function(e) {
+		return b(e) === h;
+	}, e.isMemo = function(e) {
+		return b(e) === m;
+	}, e.isPortal = function(e) {
+		return b(e) === r;
+	}, e.isProfiler = function(e) {
+		return b(e) === o;
+	}, e.isStrictMode = function(e) {
+		return b(e) === a;
+	}, e.isSuspense = function(e) {
+		return b(e) === f;
+	}, e.isValidElementType = function(e) {
+		return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
+	}, e.typeOf = b;
+})), C = /* @__PURE__ */ i(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+		function b(e) {
+			return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
+		}
+		function x(e) {
+			if (typeof e == "object" && e) {
+				var t = e.$$typeof;
+				switch (t) {
+					case n:
+						var p = e.type;
+						switch (p) {
+							case l:
+							case u:
+							case i:
+							case o:
+							case a:
+							case f: return p;
+							default:
+								var g = p && p.$$typeof;
+								switch (g) {
+									case c:
+									case d:
+									case h:
+									case m:
+									case s: return g;
+									default: return t;
+								}
+						}
+					case r: return t;
+				}
+			}
+		}
+		var S = l, C = u, w = c, T = s, E = n, D = d, O = i, k = h, A = m, j = r, M = o, N = a, P = f, F = !1;
+		function I(e) {
+			return F || (F = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), L(e) || x(e) === l;
+		}
+		function L(e) {
+			return x(e) === u;
+		}
+		function R(e) {
+			return x(e) === c;
+		}
+		function z(e) {
+			return x(e) === s;
+		}
+		function B(e) {
+			return typeof e == "object" && !!e && e.$$typeof === n;
+		}
+		function V(e) {
+			return x(e) === d;
+		}
+		function ee(e) {
+			return x(e) === i;
+		}
+		function te(e) {
+			return x(e) === h;
+		}
+		function H(e) {
+			return x(e) === m;
+		}
+		function ne(e) {
+			return x(e) === r;
+		}
+		function re(e) {
+			return x(e) === o;
+		}
+		function ie(e) {
+			return x(e) === a;
+		}
+		function ae(e) {
+			return x(e) === f;
+		}
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = I, e.isConcurrentMode = L, e.isContextConsumer = R, e.isContextProvider = z, e.isElement = B, e.isForwardRef = V, e.isFragment = ee, e.isLazy = te, e.isMemo = H, e.isPortal = ne, e.isProfiler = re, e.isStrictMode = ie, e.isSuspense = ae, e.isValidElementType = b, e.typeOf = x;
+	})();
+})), w = /* @__PURE__ */ i(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = S() : t.exports = C();
+})), T = /* @__PURE__ */ i(((e, t) => {
+	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
+	function a(e) {
+		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
+		return Object(e);
+	}
+	function o() {
+		try {
+			if (!Object.assign) return !1;
+			var e = /* @__PURE__ */ new String("abc");
+			if (e[5] = "de", Object.getOwnPropertyNames(e)[0] === "5") return !1;
+			for (var t = {}, n = 0; n < 10; n++) t["_" + String.fromCharCode(n)] = n;
+			if (Object.getOwnPropertyNames(t).map(function(e) {
+				return t[e];
+			}).join("") !== "0123456789") return !1;
+			var r = {};
+			return "abcdefghijklmnopqrst".split("").forEach(function(e) {
+				r[e] = e;
+			}), Object.keys(Object.assign({}, r)).join("") === "abcdefghijklmnopqrst";
+		} catch {
+			return !1;
+		}
+	}
+	t.exports = o() ? Object.assign : function(e, t) {
+		for (var o, s = a(e), c, l = 1; l < arguments.length; l++) {
+			for (var u in o = Object(arguments[l]), o) r.call(o, u) && (s[u] = o[u]);
+			if (n) {
+				c = n(o);
+				for (var d = 0; d < c.length; d++) i.call(o, c[d]) && (s[c[d]] = o[c[d]]);
+			}
+		}
+		return s;
+	};
+})), E = /* @__PURE__ */ i(((e, t) => {
+	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+})), D = /* @__PURE__ */ i(((e, t) => {
+	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+})), O = /* @__PURE__ */ i(((e, t) => {
+	var n = function() {};
+	if (process.env.NODE_ENV !== "production") {
+		var r = E(), i = {}, a = D();
+		n = function(e) {
+			var t = "Warning: " + e;
+			typeof console < "u" && console.error(t);
+			try {
+				throw Error(t);
+			} catch {}
+		};
+	}
+	function o(e, t, o, s, c) {
+		if (process.env.NODE_ENV !== "production") {
+			for (var l in e) if (a(e, l)) {
+				var u;
+				try {
+					if (typeof e[l] != "function") {
+						var d = Error((s || "React class") + ": " + o + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+						throw d.name = "Invariant Violation", d;
+					}
+					u = e[l](t, l, s, o, null, r);
+				} catch (e) {
+					u = e;
+				}
+				if (u && !(u instanceof Error) && n((s || "React class") + ": type specification of " + o + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."), u instanceof Error && !(u.message in i)) {
+					i[u.message] = !0;
+					var f = c ? c() : "";
+					n("Failed " + o + " type: " + u.message + (f ?? ""));
+				}
+			}
+		}
+	}
+	o.resetWarningCache = function() {
+		process.env.NODE_ENV !== "production" && (i = {});
+	}, t.exports = o;
+})), k = /* @__PURE__ */ i(((e, t) => {
+	var n = w(), r = T(), i = E(), a = D(), o = O(), s = function() {};
+	process.env.NODE_ENV !== "production" && (s = function(e) {
+		var t = "Warning: " + e;
+		typeof console < "u" && console.error(t);
+		try {
+			throw Error(t);
+		} catch {}
+	});
+	function c() {
+		return null;
+	}
+	t.exports = function(e, t) {
+		var l = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+		function d(e) {
+			var t = e && (l && e[l] || e[u]);
+			if (typeof t == "function") return t;
+		}
+		var f = "<<anonymous>>", p = {
+			array: _("array"),
+			bigint: _("bigint"),
+			bool: _("boolean"),
+			func: _("function"),
+			number: _("number"),
+			object: _("object"),
+			string: _("string"),
+			symbol: _("symbol"),
+			any: v(),
+			arrayOf: y,
+			element: b(),
+			elementType: x(),
+			instanceOf: S,
+			node: E(),
+			objectOf: w,
+			oneOf: C,
+			oneOfType: T,
+			shape: O,
+			exact: k
+		};
+		function m(e, t) {
+			return e === t ? e !== 0 || 1 / e == 1 / t : e !== e && t !== t;
+		}
+		function h(e, t) {
+			this.message = e, this.data = t && typeof t == "object" ? t : {}, this.stack = "";
+		}
+		h.prototype = Error.prototype;
+		function g(e) {
+			if (process.env.NODE_ENV !== "production") var n = {}, r = 0;
+			function a(a, o, c, l, u, d, p) {
+				if (l ||= f, d ||= c, p !== i) {
+					if (t) {
+						var m = /* @__PURE__ */ Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");
+						throw m.name = "Invariant Violation", m;
+					} else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+						var g = l + ":" + c;
+						!n[g] && r < 3 && (s("You are manually calling a React.PropTypes validation function for the `" + d + "` prop on `" + l + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."), n[g] = !0, r++);
+					}
+				}
+				return o[c] == null ? a ? o[c] === null ? new h("The " + u + " `" + d + "` is marked as required " + ("in `" + l + "`, but its value is `null`.")) : new h("The " + u + " `" + d + "` is marked as required in " + ("`" + l + "`, but its value is `undefined`.")) : null : e(o, c, l, u, d);
+			}
+			var o = a.bind(null, !1);
+			return o.isRequired = a.bind(null, !0), o;
+		}
+		function _(e) {
+			function t(t, n, r, i, a, o) {
+				var s = t[n];
+				if (M(s) !== e) {
+					var c = N(s);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + c + "` supplied to `" + r + "`, expected ") + ("`" + e + "`."), { expectedType: e });
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function v() {
+			return g(c);
+		}
+		function y(e) {
+			function t(t, n, r, a, o) {
+				if (typeof e != "function") return new h("Property `" + o + "` of component `" + r + "` has invalid PropType notation inside arrayOf.");
+				var s = t[n];
+				if (!Array.isArray(s)) {
+					var c = M(s);
+					return new h("Invalid " + a + " `" + o + "` of type " + ("`" + c + "` supplied to `" + r + "`, expected an array."));
+				}
+				for (var l = 0; l < s.length; l++) {
+					var u = e(s, l, r, a, o + "[" + l + "]", i);
+					if (u instanceof Error) return u;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function b() {
+			function t(t, n, r, i, a) {
+				var o = t[n];
+				if (!e(o)) {
+					var s = M(o);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected a single ReactElement."));
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function x() {
+			function e(e, t, r, i, a) {
+				var o = e[t];
+				if (!n.isValidElementType(o)) {
+					var s = M(o);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected a single ReactElement type."));
+				}
+				return null;
+			}
+			return g(e);
+		}
+		function S(e) {
+			function t(t, n, r, i, a) {
+				if (!(t[n] instanceof e)) {
+					var o = e.name || f, s = F(t[n]);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected ") + ("instance of `" + o + "`."));
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function C(e) {
+			if (!Array.isArray(e)) return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s("Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).") : s("Invalid argument supplied to oneOf, expected an array.")), c;
+			function t(t, n, r, i, a) {
+				for (var o = t[n], s = 0; s < e.length; s++) if (m(o, e[s])) return null;
+				var c = JSON.stringify(e, function(e, t) {
+					return N(t) === "symbol" ? String(t) : t;
+				});
+				return new h("Invalid " + i + " `" + a + "` of value `" + String(o) + "` " + ("supplied to `" + r + "`, expected one of " + c + "."));
+			}
+			return g(t);
+		}
+		function w(e) {
+			function t(t, n, r, o, s) {
+				if (typeof e != "function") return new h("Property `" + s + "` of component `" + r + "` has invalid PropType notation inside objectOf.");
+				var c = t[n], l = M(c);
+				if (l !== "object") return new h("Invalid " + o + " `" + s + "` of type " + ("`" + l + "` supplied to `" + r + "`, expected an object."));
+				for (var u in c) if (a(c, u)) {
+					var d = e(c, u, r, o, s + "." + u, i);
+					if (d instanceof Error) return d;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function T(e) {
+			if (!Array.isArray(e)) return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+			for (var t = 0; t < e.length; t++) {
+				var n = e[t];
+				if (typeof n != "function") return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + P(n) + " at index " + t + "."), c;
+			}
+			function r(t, n, r, o, s) {
+				for (var c = [], l = 0; l < e.length; l++) {
+					var u = e[l], d = u(t, n, r, o, s, i);
+					if (d == null) return null;
+					d.data && a(d.data, "expectedType") && c.push(d.data.expectedType);
+				}
+				var f = c.length > 0 ? ", expected one of type [" + c.join(", ") + "]" : "";
+				return new h("Invalid " + o + " `" + s + "` supplied to " + ("`" + r + "`" + f + "."));
+			}
+			return g(r);
+		}
+		function E() {
+			function e(e, t, n, r, i) {
+				return A(e[t]) ? null : new h("Invalid " + r + " `" + i + "` supplied to " + ("`" + n + "`, expected a ReactNode."));
+			}
+			return g(e);
+		}
+		function D(e, t, n, r, i) {
+			return new h((e || "React class") + ": " + t + " type `" + n + "." + r + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + i + "`.");
+		}
+		function O(e) {
+			function t(t, n, r, a, o) {
+				var s = t[n], c = M(s);
+				if (c !== "object") return new h("Invalid " + a + " `" + o + "` of type `" + c + "` " + ("supplied to `" + r + "`, expected `object`."));
+				for (var l in e) {
+					var u = e[l];
+					if (typeof u != "function") return D(r, a, o, l, N(u));
+					var d = u(s, l, r, a, o + "." + l, i);
+					if (d) return d;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function k(e) {
+			function t(t, n, o, s, c) {
+				var l = t[n], u = M(l);
+				if (u !== "object") return new h("Invalid " + s + " `" + c + "` of type `" + u + "` " + ("supplied to `" + o + "`, expected `object`."));
+				for (var d in r({}, t[n], e)) {
+					var f = e[d];
+					if (a(e, d) && typeof f != "function") return D(o, s, c, d, N(f));
+					if (!f) return new h("Invalid " + s + " `" + c + "` key `" + d + "` supplied to `" + o + "`.\nBad object: " + JSON.stringify(t[n], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(e), null, "  "));
+					var p = f(l, d, o, s, c + "." + d, i);
+					if (p) return p;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function A(t) {
+			switch (typeof t) {
+				case "number":
+				case "string":
+				case "undefined": return !0;
+				case "boolean": return !t;
+				case "object":
+					if (Array.isArray(t)) return t.every(A);
+					if (t === null || e(t)) return !0;
+					var n = d(t);
+					if (n) {
+						var r = n.call(t), i;
+						if (n !== t.entries) {
+							for (; !(i = r.next()).done;) if (!A(i.value)) return !1;
+						} else for (; !(i = r.next()).done;) {
+							var a = i.value;
+							if (a && !A(a[1])) return !1;
+						}
+					} else return !1;
+					return !0;
+				default: return !1;
+			}
+		}
+		function j(e, t) {
+			return e === "symbol" ? !0 : t ? t["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && t instanceof Symbol : !1;
+		}
+		function M(e) {
+			var t = typeof e;
+			return Array.isArray(e) ? "array" : e instanceof RegExp ? "object" : j(t, e) ? "symbol" : t;
+		}
+		function N(e) {
+			if (e == null) return "" + e;
+			var t = M(e);
+			if (t === "object") {
+				if (e instanceof Date) return "date";
+				if (e instanceof RegExp) return "regexp";
+			}
+			return t;
+		}
+		function P(e) {
+			var t = N(e);
+			switch (t) {
+				case "array":
+				case "object": return "an " + t;
+				case "boolean":
+				case "date":
+				case "regexp": return "a " + t;
+				default: return t;
+			}
+		}
+		function F(e) {
+			return !e.constructor || !e.constructor.name ? f : e.constructor.name;
+		}
+		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
+	};
+})), A = /* @__PURE__ */ i(((e, t) => {
+	var n = E();
+	function r() {}
+	function i() {}
+	i.resetWarningCache = r, t.exports = function() {
+		function e(e, t, r, i, a, o) {
+			if (o !== n) {
+				var s = /* @__PURE__ */ Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
+				throw s.name = "Invariant Violation", s;
+			}
+		}
+		e.isRequired = e;
+		function t() {
+			return e;
+		}
+		var a = {
+			array: e,
+			bigint: e,
+			bool: e,
+			func: e,
+			number: e,
+			object: e,
+			string: e,
+			symbol: e,
+			any: e,
+			arrayOf: t,
+			element: e,
+			elementType: e,
+			instanceOf: t,
+			node: e,
+			objectOf: t,
+			oneOf: t,
+			oneOfType: t,
+			shape: t,
+			exact: t,
+			checkPropTypes: i,
+			resetWarningCache: r
+		};
+		return a.PropTypes = a, a;
+	};
+})), j = /* @__PURE__ */ i(((e, t) => {
+	if (process.env.NODE_ENV !== "production") {
+		var n = w();
+		t.exports = k()(n.isElement, !0);
+	} else t.exports = A()();
+})), M = /* @__PURE__ */ i(((e, t) => {
+	var n = Object.create, r = Object.defineProperty, i = Object.getOwnPropertyDescriptor, a = Object.getOwnPropertyNames, o = Object.getPrototypeOf, s = Object.prototype.hasOwnProperty, c = (e, t) => {
+		for (var n in t) r(e, n, {
+			get: t[n],
+			enumerable: !0
+		});
+	}, l = (e, t, n, o) => {
+		if (t && typeof t == "object" || typeof t == "function") for (let c of a(t)) !s.call(e, c) && c !== n && r(e, c, {
+			get: () => t[c],
+			enumerable: !(o = i(t, c)) || o.enumerable
+		});
+		return e;
+	}, u = (e, t, i) => (i = e == null ? {} : n(o(e)), l(t || !e || !e.__esModule ? r(i, "default", {
+		value: e,
+		enumerable: !0
+	}) : i, e)), d = (e) => l(r({}, "__esModule", { value: !0 }), e), f = {};
+	c(f, {
+		defaultProps: () => w,
+		propTypes: () => S
+	}), t.exports = d(f);
+	var { string: p, bool: m, number: h, array: g, oneOfType: _, shape: v, object: y, func: b, node: x } = u(j()).default, S = {
+		url: _([
+			p,
+			g,
+			y
+		]),
+		playing: m,
+		loop: m,
+		controls: m,
+		volume: h,
+		muted: m,
+		playbackRate: h,
+		width: _([p, h]),
+		height: _([p, h]),
+		style: y,
+		progressInterval: h,
+		playsinline: m,
+		pip: m,
+		stopOnUnmount: m,
+		light: _([
+			m,
+			p,
+			y
+		]),
+		playIcon: x,
+		previewTabIndex: h,
+		previewAriaLabel: p,
+		fallback: x,
+		oEmbedUrl: p,
+		wrapper: _([
+			p,
+			b,
+			v({ render: b.isRequired })
+		]),
+		config: v({
+			soundcloud: v({ options: y }),
+			youtube: v({
+				playerVars: y,
+				embedOptions: y,
+				onUnstarted: b
+			}),
+			facebook: v({
+				appId: p,
+				version: p,
+				playerId: p,
+				attributes: y
+			}),
+			dailymotion: v({ params: y }),
+			vimeo: v({
+				playerOptions: y,
+				title: p
+			}),
+			mux: v({
+				attributes: y,
+				version: p
+			}),
+			file: v({
+				attributes: y,
+				tracks: g,
+				forceVideo: m,
+				forceAudio: m,
+				forceHLS: m,
+				forceSafariHLS: m,
+				forceDisableHls: m,
+				forceDASH: m,
+				forceFLV: m,
+				hlsOptions: y,
+				hlsVersion: p,
+				dashVersion: p,
+				flvVersion: p
+			}),
+			wistia: v({
+				options: y,
+				playerId: p,
+				customControls: g
+			}),
+			mixcloud: v({ options: y }),
+			twitch: v({
+				options: y,
+				playerId: p
+			}),
+			vidyard: v({ options: y })
+		}),
+		onReady: b,
+		onStart: b,
+		onPlay: b,
+		onPause: b,
+		onBuffer: b,
+		onBufferEnd: b,
+		onEnded: b,
+		onError: b,
+		onDuration: b,
+		onSeek: b,
+		onPlaybackRateChange: b,
+		onPlaybackQualityChange: b,
+		onProgress: b,
+		onClickPreview: b,
+		onEnablePIP: b,
+		onDisablePIP: b
+	}, C = () => {}, w = {
+		playing: !1,
+		loop: !1,
+		controls: !1,
+		volume: null,
+		muted: !1,
+		playbackRate: 1,
+		width: "640px",
+		height: "360px",
+		style: {},
+		progressInterval: 1e3,
+		playsinline: !1,
+		pip: !1,
+		stopOnUnmount: !0,
+		light: !1,
+		fallback: null,
+		wrapper: "div",
+		previewTabIndex: 0,
+		previewAriaLabel: "",
+		oEmbedUrl: "https://noembed.com/embed?url={url}",
+		config: {
+			soundcloud: { options: {
+				visual: !0,
+				buying: !1,
+				liking: !1,
+				download: !1,
+				sharing: !1,
+				show_comments: !1,
+				show_playcount: !1
+			} },
+			youtube: {
+				playerVars: {
+					playsinline: 1,
+					showinfo: 0,
+					rel: 0,
+					iv_load_policy: 3,
+					modestbranding: 1
+				},
+				embedOptions: {},
+				onUnstarted: C
+			},
+			facebook: {
+				appId: "1309697205772819",
+				version: "v3.3",
+				playerId: null,
+				attributes: {}
+			},
+			dailymotion: { params: {
+				api: 1,
+				"endscreen-enable": !1
+			} },
+			vimeo: {
+				playerOptions: {
+					autopause: !1,
+					byline: !1,
+					portrait: !1,
+					title: !1
+				},
+				title: null
+			},
+			mux: {
+				attributes: {},
+				version: "2"
+			},
+			file: {
+				attributes: {},
+				tracks: [],
+				forceVideo: !1,
+				forceAudio: !1,
+				forceHLS: !1,
+				forceDASH: !1,
+				forceFLV: !1,
+				hlsOptions: {},
+				hlsVersion: "1.1.4",
+				dashVersion: "3.1.3",
+				flvVersion: "1.5.0",
+				forceDisableHls: !1
+			},
+			wistia: {
+				options: {},
+				playerId: null,
+				customControls: null
+			},
+			mixcloud: { options: { hide_cover: 1 } },
+			twitch: {
+				options: {},
+				playerId: null
+			},
+			vidyard: { options: {} }
+		},
+		onReady: C,
+		onStart: C,
+		onPlay: C,
+		onPause: C,
+		onBuffer: C,
+		onBufferEnd: C,
+		onEnded: C,
+		onError: C,
+		onDuration: C,
+		onSeek: C,
+		onPlaybackRateChange: C,
+		onPlaybackQualityChange: C,
+		onProgress: C,
+		onClickPreview: C,
+		onEnablePIP: C,
+		onDisablePIP: C
+	};
+})), N = /* @__PURE__ */ i(((t, n) => {
+	var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescriptor, o = Object.getOwnPropertyNames, s = Object.getPrototypeOf, c = Object.prototype.hasOwnProperty, l = (e, t, n) => t in e ? i(e, t, {
+		enumerable: !0,
+		configurable: !0,
+		writable: !0,
+		value: n
+	}) : e[t] = n, u = (e, t) => {
+		for (var n in t) i(e, n, {
+			get: t[n],
+			enumerable: !0
+		});
+	}, d = (e, t, n, r) => {
+		if (t && typeof t == "object" || typeof t == "function") for (let s of o(t)) !c.call(e, s) && s !== n && i(e, s, {
+			get: () => t[s],
+			enumerable: !(r = a(t, s)) || r.enumerable
+		});
+		return e;
+	}, p = (e, t, n) => (n = e == null ? {} : r(s(e)), d(t || !e || !e.__esModule ? i(n, "default", {
+		value: e,
+		enumerable: !0
+	}) : n, e)), m = (e) => d(i({}, "__esModule", { value: !0 }), e), h = (e, t, n) => (l(e, typeof t == "symbol" ? t : t + "", n), n), g = {};
+	u(g, { default: () => C }), n.exports = m(g);
+	var _ = p(e("react")), v = p(x()), y = M(), b = f(), S = 5e3, C = class extends _.Component {
+		constructor() {
+			super(...arguments), h(this, "mounted", !1), h(this, "isReady", !1), h(this, "isPlaying", !1), h(this, "isLoading", !0), h(this, "loadOnReady", null), h(this, "startOnPlay", !0), h(this, "seekOnPlay", null), h(this, "onDurationCalled", !1), h(this, "handlePlayerMount", (e) => {
+				if (this.player) {
+					this.progress();
+					return;
+				}
+				this.player = e, this.player.load(this.props.url), this.progress();
+			}), h(this, "getInternalPlayer", (e) => this.player ? this.player[e] : null), h(this, "progress", () => {
+				if (this.props.url && this.player && this.isReady) {
+					let e = this.getCurrentTime() || 0, t = this.getSecondsLoaded(), n = this.getDuration();
+					if (n) {
+						let r = {
+							playedSeconds: e,
+							played: e / n
+						};
+						t !== null && (r.loadedSeconds = t, r.loaded = t / n), (r.playedSeconds !== this.prevPlayed || r.loadedSeconds !== this.prevLoaded) && this.props.onProgress(r), this.prevPlayed = r.playedSeconds, this.prevLoaded = r.loadedSeconds;
+					}
+				}
+				this.progressTimeout = setTimeout(this.progress, this.props.progressFrequency || this.props.progressInterval);
+			}), h(this, "handleReady", () => {
+				if (!this.mounted) return;
+				this.isReady = !0, this.isLoading = !1;
+				let { onReady: e, playing: t, volume: n, muted: r } = this.props;
+				e(), !r && n !== null && this.player.setVolume(n), this.loadOnReady ? (this.player.load(this.loadOnReady, !0), this.loadOnReady = null) : t && this.player.play(), this.handleDurationCheck();
+			}), h(this, "handlePlay", () => {
+				this.isPlaying = !0, this.isLoading = !1;
+				let { onStart: e, onPlay: t, playbackRate: n } = this.props;
+				this.startOnPlay &&= (this.player.setPlaybackRate && n !== 1 && this.player.setPlaybackRate(n), e(), !1), t(), this.seekOnPlay &&= (this.seekTo(this.seekOnPlay), null), this.handleDurationCheck();
+			}), h(this, "handlePause", (e) => {
+				this.isPlaying = !1, this.isLoading || this.props.onPause(e);
+			}), h(this, "handleEnded", () => {
+				let { activePlayer: e, loop: t, onEnded: n } = this.props;
+				e.loopOnEnded && t && this.seekTo(0), t || (this.isPlaying = !1, n());
+			}), h(this, "handleError", (...e) => {
+				this.isLoading = !1, this.props.onError(...e);
+			}), h(this, "handleDurationCheck", () => {
+				clearTimeout(this.durationCheckTimeout);
+				let e = this.getDuration();
+				e ? this.onDurationCalled ||= (this.props.onDuration(e), !0) : this.durationCheckTimeout = setTimeout(this.handleDurationCheck, 100);
+			}), h(this, "handleLoaded", () => {
+				this.isLoading = !1;
+			});
+		}
+		componentDidMount() {
+			this.mounted = !0;
+		}
+		componentWillUnmount() {
+			clearTimeout(this.progressTimeout), clearTimeout(this.durationCheckTimeout), this.isReady && this.props.stopOnUnmount && (this.player.stop(), this.player.disablePIP && this.player.disablePIP()), this.mounted = !1;
+		}
+		componentDidUpdate(e) {
+			if (!this.player) return;
+			let { url: t, playing: n, volume: r, muted: i, playbackRate: a, pip: o, loop: s, activePlayer: c, disableDeferredLoading: l } = this.props;
+			if (!(0, v.default)(e.url, t)) {
+				if (this.isLoading && !c.forceLoad && !l && !(0, b.isMediaStream)(t)) {
+					console.warn(`ReactPlayer: the attempt to load ${t} is being deferred until the player has loaded`), this.loadOnReady = t;
+					return;
+				}
+				this.isLoading = !0, this.startOnPlay = !0, this.onDurationCalled = !1, this.player.load(t, this.isReady);
+			}
+			!e.playing && n && !this.isPlaying && this.player.play(), e.playing && !n && this.isPlaying && this.player.pause(), !e.pip && o && this.player.enablePIP && this.player.enablePIP(), e.pip && !o && this.player.disablePIP && this.player.disablePIP(), e.volume !== r && r !== null && this.player.setVolume(r), e.muted !== i && (i ? this.player.mute() : (this.player.unmute(), r !== null && setTimeout(() => this.player.setVolume(r)))), e.playbackRate !== a && this.player.setPlaybackRate && this.player.setPlaybackRate(a), e.loop !== s && this.player.setLoop && this.player.setLoop(s);
+		}
+		getDuration() {
+			return this.isReady ? this.player.getDuration() : null;
+		}
+		getCurrentTime() {
+			return this.isReady ? this.player.getCurrentTime() : null;
+		}
+		getSecondsLoaded() {
+			return this.isReady ? this.player.getSecondsLoaded() : null;
+		}
+		seekTo(e, t, n) {
+			if (!this.isReady) {
+				e !== 0 && (this.seekOnPlay = e, setTimeout(() => {
+					this.seekOnPlay = null;
+				}, S));
+				return;
+			}
+			if (t ? t === "fraction" : e > 0 && e < 1) {
+				let t = this.player.getDuration();
+				if (!t) {
+					console.warn("ReactPlayer: could not seek using fraction –\xA0duration not yet available");
+					return;
+				}
+				this.player.seekTo(t * e, n);
+				return;
+			}
+			this.player.seekTo(e, n);
+		}
+		render() {
+			let e = this.props.activePlayer;
+			return e ? /* @__PURE__ */ _.default.createElement(e, {
+				...this.props,
+				onMount: this.handlePlayerMount,
+				onReady: this.handleReady,
+				onPlay: this.handlePlay,
+				onPause: this.handlePause,
+				onEnded: this.handleEnded,
+				onLoaded: this.handleLoaded,
+				onError: this.handleError
+			}) : null;
+		}
+	};
+	h(C, "displayName", "Player"), h(C, "propTypes", y.propTypes), h(C, "defaultProps", y.defaultProps);
+})), P = /* @__PURE__ */ i(((t, n) => {
+	var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescriptor, o = Object.getOwnPropertyNames, s = Object.getPrototypeOf, c = Object.prototype.hasOwnProperty, l = (e, t, n) => t in e ? i(e, t, {
+		enumerable: !0,
+		configurable: !0,
+		writable: !0,
+		value: n
+	}) : e[t] = n, u = (e, t) => {
+		for (var n in t) i(e, n, {
+			get: t[n],
+			enumerable: !0
+		});
+	}, p = (e, t, n, r) => {
+		if (t && typeof t == "object" || typeof t == "function") for (let s of o(t)) !c.call(e, s) && s !== n && i(e, s, {
+			get: () => t[s],
+			enumerable: !(r = a(t, s)) || r.enumerable
+		});
+		return e;
+	}, m = (e, t, n) => (n = e == null ? {} : r(s(e)), p(t || !e || !e.__esModule ? i(n, "default", {
+		value: e,
+		enumerable: !0
+	}) : n, e)), g = (e) => p(i({}, "__esModule", { value: !0 }), e), _ = (e, t, n) => (l(e, typeof t == "symbol" ? t : t + "", n), n), v = {};
+	u(v, { createReactPlayer: () => I }), n.exports = g(v);
+	var y = m(e("react")), S = m(d()), C = m((b(), g(h))), w = m(x()), T = M(), E = f(), D = m(N()), O = (0, E.lazy)(() => import(
+		/* webpackChunkName: 'reactPlayerPreview' */
+		"./Preview-CJn6Bg2U.js"
+).then((e) => /* @__PURE__ */ m(e.default))), k = typeof window < "u" && window.document && typeof document < "u", A = typeof global < "u" && global.window && global.window.document, j = Object.keys(T.propTypes), P = k || A ? y.Suspense : () => null, F = [], I = (e, t) => {
+		var n;
+		return n = class extends y.Component {
+			constructor() {
+				super(...arguments), _(this, "state", { showPreview: !!this.props.light }), _(this, "references", {
+					wrapper: (e) => {
+						this.wrapper = e;
+					},
+					player: (e) => {
+						this.player = e;
+					}
+				}), _(this, "handleClickPreview", (e) => {
+					this.setState({ showPreview: !1 }), this.props.onClickPreview(e);
+				}), _(this, "showPreview", () => {
+					this.setState({ showPreview: !0 });
+				}), _(this, "getDuration", () => this.player ? this.player.getDuration() : null), _(this, "getCurrentTime", () => this.player ? this.player.getCurrentTime() : null), _(this, "getSecondsLoaded", () => this.player ? this.player.getSecondsLoaded() : null), _(this, "getInternalPlayer", (e = "player") => this.player ? this.player.getInternalPlayer(e) : null), _(this, "seekTo", (e, t, n) => {
+					if (!this.player) return null;
+					this.player.seekTo(e, t, n);
+				}), _(this, "handleReady", () => {
+					this.props.onReady(this);
+				}), _(this, "getActivePlayer", (0, C.default)((n) => {
+					for (let t of [...F, ...e]) if (t.canPlay(n)) return t;
+					return t || null;
+				})), _(this, "getConfig", (0, C.default)((e, t) => {
+					let { config: n } = this.props;
+					return S.default.all([
+						T.defaultProps.config,
+						T.defaultProps.config[t] || {},
+						n,
+						n[t] || {}
+					]);
+				})), _(this, "getAttributes", (0, C.default)((e) => (0, E.omit)(this.props, j))), _(this, "renderActivePlayer", (e) => {
+					if (!e) return null;
+					let t = this.getActivePlayer(e);
+					if (!t) return null;
+					let n = this.getConfig(e, t.key);
+					return /* @__PURE__ */ y.default.createElement(D.default, {
+						...this.props,
+						key: t.key,
+						ref: this.references.player,
+						config: n,
+						activePlayer: t.lazyPlayer || t,
+						onReady: this.handleReady
+					});
+				});
+			}
+			shouldComponentUpdate(e, t) {
+				return !(0, w.default)(this.props, e) || !(0, w.default)(this.state, t);
+			}
+			componentDidUpdate(e) {
+				let { light: t } = this.props;
+				!e.light && t && this.setState({ showPreview: !0 }), e.light && !t && this.setState({ showPreview: !1 });
+			}
+			renderPreview(e) {
+				if (!e) return null;
+				let { light: t, playIcon: n, previewTabIndex: r, oEmbedUrl: i, previewAriaLabel: a } = this.props;
+				return /* @__PURE__ */ y.default.createElement(O, {
+					url: e,
+					light: t,
+					playIcon: n,
+					previewTabIndex: r,
+					previewAriaLabel: a,
+					oEmbedUrl: i,
+					onClick: this.handleClickPreview
+				});
+			}
+			render() {
+				let { url: e, style: t, width: n, height: r, fallback: i, wrapper: a } = this.props, { showPreview: o } = this.state, s = this.getAttributes(e), c = typeof a == "string" ? this.references.wrapper : void 0;
+				return /* @__PURE__ */ y.default.createElement(a, {
+					ref: c,
+					style: {
+						...t,
+						width: n,
+						height: r
+					},
+					...s
+				}, /* @__PURE__ */ y.default.createElement(P, { fallback: i }, o ? this.renderPreview(e) : this.renderActivePlayer(e)));
+			}
+		}, _(n, "displayName", "ReactPlayer"), _(n, "propTypes", T.propTypes), _(n, "defaultProps", T.defaultProps), _(n, "addCustomPlayer", (e) => {
+			F.push(e);
+		}), _(n, "removeCustomPlayers", () => {
+			F.length = 0;
+		}), _(n, "canPlay", (t) => {
+			for (let n of [...F, ...e]) if (n.canPlay(t)) return !0;
+			return !1;
+		}), _(n, "canEnablePIP", (t) => {
+			for (let n of [...F, ...e]) if (n.canEnablePIP && n.canEnablePIP(t)) return !0;
+			return !1;
+		}), n;
+	};
+})), F = /* @__PURE__ */ i(((e, t) => {
+	var n = Object.create, r = Object.defineProperty, i = Object.getOwnPropertyDescriptor, a = Object.getOwnPropertyNames, o = Object.getPrototypeOf, s = Object.prototype.hasOwnProperty, c = (e, t) => {
+		for (var n in t) r(e, n, {
+			get: t[n],
+			enumerable: !0
+		});
+	}, l = (e, t, n, o) => {
+		if (t && typeof t == "object" || typeof t == "function") for (let c of a(t)) !s.call(e, c) && c !== n && r(e, c, {
+			get: () => t[c],
+			enumerable: !(o = i(t, c)) || o.enumerable
+		});
+		return e;
+	}, u = (e, t, i) => (i = e == null ? {} : n(o(e)), l(t || !e || !e.__esModule ? r(i, "default", {
+		value: e,
+		enumerable: !0
+	}) : i, e)), d = (e) => l(r({}, "__esModule", { value: !0 }), e), f = {};
+	c(f, { default: () => _ }), t.exports = d(f);
+	var p = u(m()), h = P(), g = p.default[p.default.length - 1], _ = (0, h.createReactPlayer)(p.default, g);
+})), I = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), L = (...e) => e.filter((e, t, n) => !!e && n.indexOf(e) === t).join(" "), R = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, z = o(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: o, iconNode: s, ...c }, l) => a("svg", {
+	ref: l,
+	...R,
+	width: t,
+	height: t,
+	stroke: e,
+	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+	className: L("lucide", i),
+	...c
+}, [...s.map(([e, t]) => a(e, t)), ...Array.isArray(o) ? o : [o]])), B = (e, t) => {
+	let n = o(({ className: n, ...r }, i) => a(z, {
+		ref: i,
+		iconNode: t,
+		className: L(`lucide-${I(e)}`, n),
+		...r
+	}));
+	return n.displayName = `${e}`, n;
+}, V = B("FileJson", [
+	["path", {
+		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
+		key: "1rqfz7"
+	}],
+	["path", {
+		d: "M14 2v4a2 2 0 0 0 2 2h4",
+		key: "tnqrlb"
+	}],
+	["path", {
+		d: "M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1",
+		key: "1oajmo"
+	}],
+	["path", {
+		d: "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1",
+		key: "mpwhp6"
+	}]
+]), ee = B("Mic", [
+	["path", {
+		d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z",
+		key: "131961"
+	}],
+	["path", {
+		d: "M19 10v2a7 7 0 0 1-14 0v-2",
+		key: "1vc78b"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "19",
+		y2: "22",
+		key: "x3vr5v"
+	}]
+]), te = B("Pause", [["rect", {
+	x: "14",
+	y: "4",
+	width: "4",
+	height: "16",
+	rx: "1",
+	key: "zuxfzm"
+}], ["rect", {
+	x: "6",
+	y: "4",
+	width: "4",
+	height: "16",
+	rx: "1",
+	key: "1okwgv"
+}]]), H = B("Play", [["polygon", {
+	points: "6 3 20 12 6 21 6 3",
+	key: "1oa8hb"
+}]]), ne = B("RefreshCw", [
+	["path", {
+		d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",
+		key: "v9h5vc"
+	}],
+	["path", {
+		d: "M21 3v5h-5",
+		key: "1q7to0"
+	}],
+	["path", {
+		d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",
+		key: "3uifl3"
+	}],
+	["path", {
+		d: "M8 16H3v5",
+		key: "1cv678"
+	}]
+]), re = B("RotateCcw", [["path", {
+	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+	key: "1357e3"
+}], ["path", {
+	d: "M3 3v5h5",
+	key: "1xhq8a"
+}]]), ie = B("RotateCw", [["path", {
+	d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
+	key: "1p45f6"
+}], ["path", {
+	d: "M21 3v5h-5",
+	key: "1q7to0"
+}]]), ae = B("Send", [["path", {
+	d: "m22 2-7 20-4-9-9-4Z",
+	key: "1q3vgg"
+}], ["path", {
+	d: "M22 2 11 13",
+	key: "nzbqef"
+}]]), oe = B("Settings", [["path", {
+	d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",
+	key: "1qme2f"
+}], ["circle", {
+	cx: "12",
+	cy: "12",
+	r: "3",
+	key: "1v7zrd"
+}]]), se = B("Sparkles", [
+	["path", {
+		d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",
+		key: "4pj2yx"
+	}],
+	["path", {
+		d: "M20 3v4",
+		key: "1olli1"
+	}],
+	["path", {
+		d: "M22 5h-4",
+		key: "1gvqau"
+	}],
+	["path", {
+		d: "M4 17v2",
+		key: "vumght"
+	}],
+	["path", {
+		d: "M5 18H3",
+		key: "zchphs"
+	}]
+]), ce = B("User", [["path", {
+	d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",
+	key: "975kel"
+}], ["circle", {
+	cx: "12",
+	cy: "7",
+	r: "4",
+	key: "17ys0d"
+}]]), le = B("Volume2", [
+	["polygon", {
+		points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5",
+		key: "16drj5"
+	}],
+	["path", {
+		d: "M15.54 8.46a5 5 0 0 1 0 7.07",
+		key: "ltjumu"
+	}],
+	["path", {
+		d: "M19.07 4.93a10 10 0 0 1 0 14.14",
+		key: "1kegas"
+	}]
+]), ue = B("VolumeX", [
+	["polygon", {
+		points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5",
+		key: "16drj5"
+	}],
+	["line", {
+		x1: "22",
+		x2: "16",
+		y1: "9",
+		y2: "15",
+		key: "1ewh16"
+	}],
+	["line", {
+		x1: "16",
+		x2: "22",
+		y1: "9",
+		y2: "15",
+		key: "5ykzw1"
+	}]
+]), U = /* @__PURE__ */ i(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), W = /* @__PURE__ */ i(((t) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function n(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === k ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case v: return "Fragment";
+				case b: return "Profiler";
+				case y: return "StrictMode";
+				case w: return "Suspense";
+				case T: return "SuspenseList";
+				case O: return "Activity";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case _: return "Portal";
+				case S: return e.displayName || "Context";
+				case x: return (e._context.displayName || "Context") + ".Consumer";
+				case C:
+					var t = e.render;
+					return e = e.displayName, e ||= (e = t.displayName || t.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case E: return t = e.displayName || null, t === null ? n(e.type) || "Memo" : t;
+				case D:
+					t = e._payload, e = e._init;
+					try {
+						return n(e(t));
+					} catch {}
+			}
+			return null;
+		}
+		function r(e) {
+			return "" + e;
+		}
+		function i(e) {
+			try {
+				r(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var n = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return n.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), r(e);
+			}
+		}
+		function a(e) {
+			if (e === v) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
+			try {
+				var t = n(e);
+				return t ? "<" + t + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function o() {
+			var e = A.A;
+			return e === null ? null : e.getOwner();
+		}
+		function s() {
+			return Error("react-stack-top-frame");
+		}
+		function c(e) {
+			if (j.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function l(e, t) {
+			function n() {
+				P || (P = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function u() {
+			var e = n(this.type);
+			return F[e] || (F[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function d(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: g,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: u
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function f(e, t, r, a, s, u) {
+			var f = t.children;
+			if (f !== void 0) if (a) if (M(f)) {
+				for (a = 0; a < f.length; a++) p(f[a]);
+				Object.freeze && Object.freeze(f);
+			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+			else p(f);
+			if (j.call(t, "key")) {
+				f = n(e);
+				var m = Object.keys(t).filter(function(e) {
+					return e !== "key";
+				});
+				a = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", R[f + a] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", a, f, m, f), R[f + a] = !0);
+			}
+			if (f = null, r !== void 0 && (i(r), f = "" + r), c(t) && (i(t.key), f = "" + t.key), "key" in t) for (var h in r = {}, t) h !== "key" && (r[h] = t[h]);
+			else r = t;
+			return f && l(r, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, r, o(), s, u);
+		}
+		function p(e) {
+			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function m(e) {
+			return typeof e == "object" && !!e && e.$$typeof === g;
+		}
+		var h = e("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, M = Array.isArray, N = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		h = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var P, F = {}, I = h.react_stack_bottom_frame.bind(h, s)(), L = N(a(s)), R = {};
+		t.Fragment = v, t.jsx = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !1, r ? Error("react-stack-top-frame") : I, r ? N(a(e)) : L);
+		}, t.jsxs = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(a(e)) : L);
+		};
+	})();
+})), G = /* @__PURE__ */ i(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = U() : t.exports = W();
+})), de = /* @__PURE__ */ n(F(), 1), K = G(), fe = ({ animationData: e }) => {
+	let t = c(null);
+	return s(() => {
+		let n = t.current;
+		if (!n) return;
+		let r = n.getContext("2d"), i, a = 0, o = 0, s = () => {
+			let e = n.getBoundingClientRect();
+			n.width = e.width, n.height = e.height, a = e.width, o = e.height;
+		};
+		s(), window.addEventListener("resize", s);
+		let c = 0, l = [], u = [
+			{
+				name: "main()",
+				value: "?"
+			},
+			{
+				name: "factorial(3)",
+				value: "3 * factorial(2)"
+			},
+			{
+				name: "factorial(2)",
+				value: "2 * factorial(1)"
+			},
+			{
+				name: "factorial(1)",
+				value: "1 (Base Case)"
+			}
+		], d = 0, f = 0;
+		class p {
+			constructor(e, t, n, r, i, a, o) {
+				this.x = e, this.y = t, this.tx = n, this.ty = r, this.speed = i, this.color = a, this.size = o, this.alpha = 1;
+			}
+			update() {
+				let e = this.tx - this.x, t = this.ty - this.y, n = Math.sqrt(e * e + t * t);
+				return n < 2 ? (this.alpha -= .05, !1) : (this.x += e / n * this.speed, this.y += t / n * this.speed, !0);
+			}
+			draw(e) {
+				e.save(), e.globalAlpha = Math.max(0, this.alpha), e.beginPath(), e.arc(this.x, this.y, this.size, 0, Math.PI * 2), e.fillStyle = this.color, e.shadowBlur = 10, e.shadowColor = this.color, e.fill(), e.restore();
+			}
+		}
+		let m = () => {
+			c++, r.clearRect(0, 0, a, o);
+			let t = e?.state || "explaining", n = e?.topic || "recursion";
+			if (r.save(), r.fillStyle = "rgba(13, 14, 18, 0.4)", r.fillRect(0, 0, a, o), r.strokeStyle = "rgba(99, 102, 241, 0.4)", r.lineWidth = 2, r.beginPath(), r.moveTo(15, o - 15 - 10), r.lineTo(15, o - 15), r.lineTo(25, o - 15), r.stroke(), r.beginPath(), r.moveTo(a - 15, o - 15 - 10), r.lineTo(a - 15, o - 15), r.lineTo(a - 15 - 10, o - 15), r.stroke(), r.font = "10px monospace", r.fillStyle = "rgba(255, 255, 255, 0.5)", r.fillText(`HUD // CONCEPT: ${n.toUpperCase()} // STATE: ${t.toUpperCase()}`, 30, o - 15 - 8), r.restore(), n === "recursion") {
+				f++, f % 90 == 0 && (d = (d + 1) % (u.length + 3));
+				let e = a * .45, t = a / 2 - e / 2, n = o * .7;
+				r.fillStyle = "rgba(255, 255, 255, 0.3)", r.font = "10px monospace", r.fillText("CALL STACK MEMORY", t, n + 36), r.strokeStyle = "rgba(255,255,255,0.08)", r.strokeRect(t - 10, n - 120, e + 20, 140);
+				for (let i = 0; i < u.length; i++) {
+					let a = n - i * 30, o = u[i], s = !1, c = !1;
+					if (d < u.length) s = i <= d;
+					else {
+						let e = d - u.length;
+						s = i < u.length - e, c = i === u.length - e;
+					}
+					s && (r.save(), r.fillStyle = c ? "rgba(16, 185, 129, 0.25)" : "rgba(99, 102, 241, 0.15)", r.strokeStyle = c ? "#10b981" : "rgba(99, 102, 241, 0.6)", r.lineWidth = 1.5, r.shadowBlur = c ? 15 : 6, r.shadowColor = c ? "#10b981" : "#6366f1", r.fillRect(t, a, e, 22), r.strokeRect(t, a, e, 22), r.font = "bold 10px monospace", r.fillStyle = "#ffffff", r.fillText(o.name, t + 10, a + 15), r.font = "9px monospace", r.fillStyle = c ? "#34d399" : "rgba(255, 255, 255, 0.7)", r.fillText(c ? "returns value ✓" : o.value, t + e - 130, a + 15), r.restore());
+				}
+			} else if (n === "conditionals") {
+				let e = a / 2, t = o / 2 - 10;
+				if (r.save(), r.strokeStyle = "rgba(255, 255, 255, 0.1)", r.lineWidth = 3, r.beginPath(), r.moveTo(e - 120, t), r.lineTo(e - 35, t), r.stroke(), r.strokeStyle = "rgba(139, 92, 246, 0.6)", r.fillStyle = "rgba(139, 92, 246, 0.08)", r.beginPath(), r.moveTo(e, t - 25), r.lineTo(e + 35, t), r.lineTo(e, t + 25), r.lineTo(e - 35, t), r.closePath(), r.fill(), r.stroke(), r.font = "bold 9px monospace", r.fillStyle = "#ffffff", r.textAlign = "center", r.fillText("IF CONDITION", e, t + 3), r.strokeStyle = "rgba(255, 255, 255, 0.1)", r.beginPath(), r.moveTo(e + 35, t), r.lineTo(e + 65, t - 40), r.lineTo(e + 140, t - 40), r.stroke(), r.beginPath(), r.moveTo(e + 35, t), r.lineTo(e + 65, t + 40), r.lineTo(e + 140, t + 40), r.stroke(), r.font = "10px sans-serif", r.fillStyle = "#10b981", r.fillText("TRUE", e + 90, t - 46), r.fillStyle = "#ef4444", r.fillText("FALSE", e + 90, t + 34), c % 30 == 0) {
+					let n = Math.random() > .5, r = [
+						{
+							x: e - 120,
+							y: t
+						},
+						{
+							x: e - 35,
+							y: t
+						},
+						{
+							x: e,
+							y: t
+						},
+						{
+							x: e + 65,
+							y: n ? t - 40 : t + 40
+						},
+						{
+							x: e + 140,
+							y: n ? t - 40 : t + 40
+						}
+					], i = 0, a = () => {
+						if (i >= r.length - 1) return;
+						let e = r[i], t = r[i + 1];
+						l.push(new p(e.x, e.y, t.x, t.y, 3, n ? "#10b981" : "#ef4444", 3)), i++, setTimeout(() => a(), 300);
+					};
+					a();
+				}
+				r.restore();
+			} else if (n === "base_case") {
+				let e = a * .15, t = a * .75, n = o / 2;
+				r.save(), r.strokeStyle = "rgba(255, 255, 255, 0.05)", r.lineWidth = 30, r.beginPath(), r.moveTo(e, n), r.lineTo(t, n), r.stroke(), r.font = "10px monospace", r.fillStyle = "rgba(255, 255, 255, 0.4)", r.fillText("Recursive Call Steps...", e + 20, n - 25), r.fillStyle = "rgba(239, 68, 68, 0.15)", r.strokeStyle = "#ef4444", r.lineWidth = 3, r.shadowBlur = 15, r.shadowColor = "#ef4444", r.fillRect(t, n - 30, 15, 60), r.strokeRect(t, n - 30, 15, 60), r.font = "bold 9px monospace", r.fillStyle = "#ffffff", r.textAlign = "center", r.fillText("B", t + 7, n - 15), r.fillText("A", t + 7, n - 5), r.fillText("S", t + 7, n + 5), r.fillText("E", t + 7, n + 15), c % 20 == 0 && l.push(new p(e, n + (Math.random() * 12 - 6), t, n, 3.5, "#a78bfa", 3)), r.restore();
+			} else if (n === "functions") {
+				let e = a / 2, t = o / 2;
+				r.save(), r.fillStyle = "rgba(99, 102, 241, 0.08)", r.strokeStyle = "#6366f1", r.lineWidth = 2, r.shadowBlur = 10, r.shadowColor = "#6366f1", r.fillRect(e - 70 / 2, t - 70 / 2, 70, 70), r.strokeRect(e - 70 / 2, t - 70 / 2, 70, 70), r.font = "bold 10px monospace", r.fillStyle = "#ffffff", r.textAlign = "center", r.fillText("def func()", e, t + 4), r.strokeStyle = "rgba(255, 255, 255, 0.07)", r.lineWidth = 6, r.beginPath(), r.moveTo(e - 130, t), r.lineTo(e - 70 / 2, t), r.stroke(), r.beginPath(), r.moveTo(e + 70 / 2, t), r.lineTo(e + 130, t), r.stroke(), r.font = "9px monospace", r.fillStyle = "rgba(255, 255, 255, 0.5)", r.fillText("INPUT", e - 100, t - 10), r.fillText("RETURN", e + 100, t - 10), c % 45 == 0 && (l.push(new p(e - 130, t, e - 70 / 2, t, 2, "#60a5fa", 4)), setTimeout(() => {
+					l.push(new p(e + 70 / 2, t, e + 130, t, 3, "#34d399", 4));
+				}, 800)), r.restore();
+			}
+			for (let e = l.length - 1; e >= 0; e--) {
+				let t = l[e];
+				!t.update() || t.alpha <= 0 ? l.splice(e, 1) : t.draw(r);
+			}
+			i = requestAnimationFrame(m);
+		};
+		return m(), () => {
+			window.removeEventListener("resize", s), cancelAnimationFrame(i);
+		};
+	}, [e]), /* @__PURE__ */ (0, K.jsx)("canvas", {
+		ref: t,
+		className: "tutor-whiteboard-overlay",
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			height: "100%",
+			pointerEvents: "none",
+			zIndex: 10
+		}
+	});
+}, q = ({ src: e, backendUrl: t = "ws://localhost:8000/ws", resourcesUrl: n = "" }) => {
+	let r = c(null), i = c(null), [a, o] = l(null), [u, d] = l([{
+		role: "assistant",
+		text: "Welcome! Play the lesson video below. When you have any doubt, click 'Interrupt Tutor' or type below, and we will pause the video to explain step-by-step!"
+	}]), [f, p] = l(!1), [m, h] = l(""), [g, _] = l("recursion"), [v, y] = l("explaining"), [b, x] = l(n), [S, C] = l(""), [w, T] = l(!1), [E, D] = l(null), [O, k] = l(!1), [A, j] = l(0), [M, N] = l(0), [P, F] = l(1), [I, L] = l(!1), [R, z] = l("Auto"), [B, U] = l(1), [W, G] = l(!1), [q, J] = l(!1), [Y, X] = l("main"), [Z, Q] = l(!1);
+	s(() => {
+		let e = localStorage.getItem("ai_tutor_student_id");
+		e || (e = "student_" + Math.random().toString(36).substring(2, 11), localStorage.setItem("ai_tutor_student_id", e)), C(e);
+	}, []), s(() => {
+		if (!S) return;
+		console.log("AITutor: Connecting to WebSocket:", t);
+		let e = new WebSocket(t);
+		return e.onopen = () => {
+			console.log("AITutor: WebSocket connection established."), T(!0);
+		}, e.onmessage = (e) => {
+			try {
+				let t = JSON.parse(e.data);
+				if (console.log("AITutor: Received message:", t), t.type === "TOKEN_STREAM" || t.type === "STATE_CHANGE") {
+					let e = t.payload || {}, n = e.text || "", r = e.state || "explaining", i = e.concept || "recursion";
+					y(r), e.concept && _(e.concept), d((e) => [...e, {
+						role: "assistant",
+						text: n
+					}]), D({
+						state: r,
+						topic: i,
+						timestamp: Date.now()
+					});
+				}
+			} catch (e) {
+				console.error("AITutor: Error parsing WebSocket message:", e);
+			}
+		}, e.onerror = (e) => {
+			console.error("AITutor: WebSocket error:", e), T(!1);
+		}, e.onclose = () => {
+			console.log("AITutor: WebSocket connection closed."), T(!1);
+		}, o(e), () => {
+			e.close();
+		};
+	}, [t, S]), s(() => {
+		i.current?.scrollIntoView({ behavior: "smooth" });
+	}, [u]);
+	let pe = () => {
+		O ? k(!1) : (Z && Q(!1), k(!0));
+	}, me = (e) => {
+		if (Z || !r.current) return;
+		let t = parseFloat(e.target.value);
+		r.current.seekTo(t, "seconds"), j(t);
+	}, he = () => {
+		if (Z || !r.current) return;
+		let e = Math.min(M, A + 10);
+		r.current.seekTo(e, "seconds"), j(e);
+	}, ge = () => {
+		if (Z || !r.current) return;
+		let e = Math.max(0, A - 10);
+		r.current.seekTo(e, "seconds"), j(e);
+	}, _e = (e) => {
+		let t = parseFloat(e.target.value);
+		F(t), L(t === 0);
+	}, ve = () => {
+		let e = !I;
+		L(e), !e && P === 0 && F(.5);
+	}, ye = (e) => {
+		z(e), J(!1);
+	}, be = (e) => {
+		U(e), J(!1);
+	}, xe = (e) => {
+		G(e), J(!1);
+	}, Se = (e) => {
+		if (isNaN(e)) return "0:00";
+		let t = Math.floor(e / 60), n = Math.floor(e % 60);
+		return `${t}:${n < 10 ? "0" : ""}${n}`;
+	}, Ce = () => W ? A < 25 ? "[Tutor] In this section, we will learn about functions, which are reusable blocks of code designed to perform a specific task." : A < 55 ? "[Tutor] Next, we have conditionals, which allow our code to make decisions using if-else statements." : A < 85 ? "[Tutor] Now let's explore the base case, which is the crucial stopping condition in any recursive process." : "[Tutor] Finally, recursion is when a function calls itself to break down a larger problem into smaller pieces." : "", $ = (e = m) => {
+		!e.trim() || !a || a.readyState !== WebSocket.OPEN || (Z || (Q(!0), k(!1)), d((t) => [...t, {
+			role: "user",
+			text: e
+		}]), a.send(JSON.stringify({
+			type: "QUERY",
+			student_id: S,
+			topic: g,
+			domain: "coding",
+			query: e,
+			timestamp: A,
+			resources_url: b.trim() || null
+		})), h(""));
+	};
+	return /* @__PURE__ */ (0, K.jsxs)("div", {
+		className: `tutor-workspace-root ${Z ? "doubt-active" : ""}`,
+		children: [
+			/* @__PURE__ */ (0, K.jsxs)("div", {
+				className: "tutor-video-container",
+				children: [
+					/* @__PURE__ */ (0, K.jsx)(de.default, {
+						ref: r,
+						url: e,
+						playing: O,
+						volume: I ? 0 : P,
+						playbackRate: B,
+						width: "100%",
+						height: "100%",
+						progressInterval: 250,
+						onProgress: (e) => j(e.playedSeconds),
+						onDuration: (e) => N(e),
+						onPlay: () => k(!0),
+						onPause: () => k(!1),
+						className: "tutor-video-element"
+					}),
+					W && !Z && /* @__PURE__ */ (0, K.jsx)("div", {
+						className: "tutor-subtitle-overlay",
+						children: /* @__PURE__ */ (0, K.jsx)("span", {
+							className: "tutor-subtitle-text",
+							children: Ce()
+						})
+					}),
+					!O && !Z && /* @__PURE__ */ (0, K.jsx)("div", {
+						className: "tutor-play-overlay",
+						onClick: pe,
+						children: /* @__PURE__ */ (0, K.jsx)("div", {
+							className: "tutor-play-overlay-icon",
+							children: /* @__PURE__ */ (0, K.jsx)(H, {
+								size: 36,
+								fill: "white"
+							})
+						})
+					}),
+					/* @__PURE__ */ (0, K.jsxs)("div", {
+						className: "tutor-player-controls",
+						children: [/* @__PURE__ */ (0, K.jsx)("input", {
+							type: "range",
+							min: "0",
+							max: M || 100,
+							value: A,
+							onChange: me,
+							disabled: Z,
+							className: "tutor-progress-bar"
+						}), /* @__PURE__ */ (0, K.jsxs)("div", {
+							className: "tutor-controls-row",
+							children: [
+								/* @__PURE__ */ (0, K.jsx)("button", {
+									className: "tutor-control-btn",
+									onClick: pe,
+									children: O ? /* @__PURE__ */ (0, K.jsx)(te, {
+										size: 18,
+										fill: "white"
+									}) : /* @__PURE__ */ (0, K.jsx)(H, {
+										size: 18,
+										fill: "white"
+									})
+								}),
+								/* @__PURE__ */ (0, K.jsx)("button", {
+									className: "tutor-control-btn",
+									onClick: ge,
+									disabled: Z,
+									title: "Rewind 10s",
+									children: /* @__PURE__ */ (0, K.jsx)(re, { size: 16 })
+								}),
+								/* @__PURE__ */ (0, K.jsx)("button", {
+									className: "tutor-control-btn",
+									onClick: he,
+									disabled: Z,
+									title: "Fast Forward 10s",
+									children: /* @__PURE__ */ (0, K.jsx)(ie, { size: 16 })
+								}),
+								/* @__PURE__ */ (0, K.jsxs)("div", {
+									className: "tutor-volume-container",
+									children: [/* @__PURE__ */ (0, K.jsx)("button", {
+										className: "tutor-control-btn",
+										onClick: ve,
+										children: I || P === 0 ? /* @__PURE__ */ (0, K.jsx)(ue, { size: 18 }) : /* @__PURE__ */ (0, K.jsx)(le, { size: 18 })
+									}), /* @__PURE__ */ (0, K.jsx)("input", {
+										type: "range",
+										min: "0",
+										max: "1",
+										step: "0.05",
+										value: I ? 0 : P,
+										onChange: _e,
+										className: "tutor-volume-slider"
+									})]
+								}),
+								/* @__PURE__ */ (0, K.jsxs)("div", {
+									className: "tutor-time-display",
+									children: [
+										Se(A),
+										" / ",
+										Se(M)
+									]
+								}),
+								/* @__PURE__ */ (0, K.jsx)("div", { style: { flexGrow: 1 } }),
+								/* @__PURE__ */ (0, K.jsxs)("div", {
+									className: "tutor-settings-container",
+									children: [/* @__PURE__ */ (0, K.jsx)("button", {
+										className: "tutor-control-btn",
+										onClick: () => {
+											J(!q), X("main");
+										},
+										children: /* @__PURE__ */ (0, K.jsx)(oe, { size: 18 })
+									}), q && /* @__PURE__ */ (0, K.jsxs)("div", {
+										className: "tutor-quality-menu",
+										children: [
+											Y === "main" && /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [
+												/* @__PURE__ */ (0, K.jsxs)("div", {
+													className: "tutor-quality-item",
+													onClick: () => X("quality"),
+													children: [/* @__PURE__ */ (0, K.jsx)("span", { children: "Quality" }), /* @__PURE__ */ (0, K.jsxs)("span", {
+														style: { color: "rgba(255,255,255,0.4)" },
+														children: [R, " >"]
+													})]
+												}),
+												/* @__PURE__ */ (0, K.jsxs)("div", {
+													className: "tutor-quality-item",
+													onClick: () => X("speed"),
+													children: [/* @__PURE__ */ (0, K.jsx)("span", { children: "Speed" }), /* @__PURE__ */ (0, K.jsxs)("span", {
+														style: { color: "rgba(255,255,255,0.4)" },
+														children: [B, "x >"]
+													})]
+												}),
+												/* @__PURE__ */ (0, K.jsxs)("div", {
+													className: "tutor-quality-item",
+													onClick: () => X("subtitles"),
+													children: [/* @__PURE__ */ (0, K.jsx)("span", { children: "Subtitles" }), /* @__PURE__ */ (0, K.jsxs)("span", {
+														style: { color: "rgba(255,255,255,0.4)" },
+														children: [W ? "On" : "Off", " >"]
+													})]
+												})
+											] }),
+											Y === "quality" && /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)("div", {
+												className: "tutor-quality-item header",
+												onClick: () => X("main"),
+												children: /* @__PURE__ */ (0, K.jsx)("span", {
+													style: { fontWeight: "bold" },
+													children: "< Back"
+												})
+											}), [
+												"1080p",
+												"720p",
+												"480p",
+												"Auto"
+											].map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
+												className: `tutor-quality-item ${R === e ? "active" : ""}`,
+												onClick: () => ye(e),
+												children: [e, R === e && /* @__PURE__ */ (0, K.jsx)("span", {
+													style: { fontSize: "10px" },
+													children: "●"
+												})]
+											}, e))] }),
+											Y === "speed" && /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)("div", {
+												className: "tutor-quality-item header",
+												onClick: () => X("main"),
+												children: /* @__PURE__ */ (0, K.jsx)("span", {
+													style: { fontWeight: "bold" },
+													children: "< Back"
+												})
+											}), [
+												.5,
+												1,
+												1.5,
+												2
+											].map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
+												className: `tutor-quality-item ${B === e ? "active" : ""}`,
+												onClick: () => be(e),
+												children: [
+													e,
+													"x",
+													B === e && /* @__PURE__ */ (0, K.jsx)("span", {
+														style: { fontSize: "10px" },
+														children: "●"
+													})
+												]
+											}, e))] }),
+											Y === "subtitles" && /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)("div", {
+												className: "tutor-quality-item header",
+												onClick: () => X("main"),
+												children: /* @__PURE__ */ (0, K.jsx)("span", {
+													style: { fontWeight: "bold" },
+													children: "< Back"
+												})
+											}), [!0, !1].map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
+												className: `tutor-quality-item ${W === e ? "active" : ""}`,
+												onClick: () => xe(e),
+												children: [e ? "On" : "Off", W === e && /* @__PURE__ */ (0, K.jsx)("span", {
+													style: { fontSize: "10px" },
+													children: "●"
+												})]
+											}, e ? "on" : "off"))] })
+										]
+									})]
+								})
+							]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, K.jsxs)("div", {
+				className: "tutor-whiteboard-container",
+				children: [/* @__PURE__ */ (0, K.jsx)(fe, { animationData: E }), Z && /* @__PURE__ */ (0, K.jsxs)("div", {
+					style: {
+						position: "absolute",
+						top: "16px",
+						right: "16px",
+						zIndex: 12,
+						display: "flex",
+						gap: "8px"
+					},
+					children: [/* @__PURE__ */ (0, K.jsxs)("button", {
+						className: "tutor-btn",
+						onClick: () => {
+							Q(!1), k(!0);
+						},
+						style: {
+							background: "linear-gradient(135deg, #10b981 0%, #059669 100%)",
+							boxShadow: "0 0 10px rgba(16, 185, 129, 0.4)"
+						},
+						children: [/* @__PURE__ */ (0, K.jsx)(H, {
+							size: 14,
+							fill: "white"
+						}), "Resume Video"]
+					}), /* @__PURE__ */ (0, K.jsx)("button", {
+						className: "tutor-btn",
+						onClick: () => Q(!1),
+						style: {
+							background: "rgba(255,255,255,0.1)",
+							color: "#fff",
+							border: "1px solid rgba(255,255,255,0.15)"
+						},
+						children: "Close Board"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, K.jsxs)("div", {
+				className: "tutor-sidebar",
+				children: [
+					/* @__PURE__ */ (0, K.jsxs)("div", {
+						className: "tutor-header",
+						children: [/* @__PURE__ */ (0, K.jsxs)("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "6px"
+							},
+							children: [/* @__PURE__ */ (0, K.jsx)(se, {
+								size: 16,
+								style: { color: "#a78bfa" }
+							}), /* @__PURE__ */ (0, K.jsx)("span", {
+								style: {
+									fontWeight: 600,
+									fontSize: "13px"
+								},
+								children: "Tutor Console"
+							})]
+						}), /* @__PURE__ */ (0, K.jsxs)("div", {
+							className: "tutor-status-badge",
+							children: [/* @__PURE__ */ (0, K.jsx)("span", { className: `tutor-status-indicator indicator-${v}` }), v]
+						})]
+					}),
+					/* @__PURE__ */ (0, K.jsxs)("div", {
+						className: "tutor-chat-history",
+						children: [u.map((e, t) => /* @__PURE__ */ (0, K.jsx)("div", {
+							className: `tutor-message message-${e.role}`,
+							children: e.text
+						}, t)), /* @__PURE__ */ (0, K.jsx)("div", { ref: i })]
+					}),
+					/* @__PURE__ */ (0, K.jsxs)("div", {
+						className: "tutor-footer",
+						children: [/* @__PURE__ */ (0, K.jsxs)("div", {
+							className: "tutor-input-row",
+							children: [/* @__PURE__ */ (0, K.jsx)("input", {
+								type: "text",
+								placeholder: Z ? "Answer the tutor or ask details..." : "Type doubt or click Interrupt...",
+								value: m,
+								onChange: (e) => h(e.target.value),
+								onKeyDown: (e) => e.key === "Enter" && $(),
+								className: "tutor-text-input"
+							}), /* @__PURE__ */ (0, K.jsx)("button", {
+								className: "tutor-btn",
+								onClick: () => $(),
+								style: { padding: "10px 12px" },
+								children: /* @__PURE__ */ (0, K.jsx)(ae, { size: 16 })
+							})]
+						}), /* @__PURE__ */ (0, K.jsxs)("div", {
+							style: {
+								display: "flex",
+								justifyContent: "space-between",
+								fontSize: "11px",
+								color: "rgba(255,255,255,0.4)",
+								marginTop: "4px"
+							},
+							children: [/* @__PURE__ */ (0, K.jsxs)("span", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: "4px"
+								},
+								children: [
+									/* @__PURE__ */ (0, K.jsx)(ce, { size: 10 }),
+									"ID: ",
+									S ? S.substring(0, 12) : "Loading..."
+								]
+							}), /* @__PURE__ */ (0, K.jsx)("span", {
+								style: {
+									marginLeft: "auto",
+									color: w ? "#10b981" : "#ef4444"
+								},
+								children: w ? "Connected" : "Disconnected"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, K.jsxs)("div", {
+						style: {
+							padding: "8px 16px",
+							display: "flex",
+							gap: "8px",
+							borderTop: "1px solid rgba(255,255,255,0.05)"
+						},
+						children: [/* @__PURE__ */ (0, K.jsxs)("button", {
+							className: "tutor-btn",
+							onClick: () => {
+								!a || a.readyState !== WebSocket.OPEN || (k(!1), Q(!0), a.send(JSON.stringify({
+									type: "INTERRUPT",
+									student_id: S,
+									timestamp: A
+								})), p(!0), setTimeout(() => {
+									p(!1), $("wait, I don't understand this part");
+								}, 1500));
+							},
+							style: {
+								flexGrow: 1,
+								background: "linear-gradient(135deg, #ef4444 0%, #dc2626 100%)",
+								height: "36px"
+							},
+							children: [/* @__PURE__ */ (0, K.jsx)(ee, { size: 14 }), f ? "Listening..." : "Interrupt / Ask Doubt"]
+						}), /* @__PURE__ */ (0, K.jsx)("button", {
+							className: "tutor-btn",
+							onClick: () => {
+								localStorage.removeItem("ai_tutor_student_id");
+								let e = "student_" + Math.random().toString(36).substring(2, 11);
+								localStorage.setItem("ai_tutor_student_id", e), C(e), d([{
+									role: "assistant",
+									text: "Session has been reset. New Student ID generated. How can I help you?"
+								}]), y("explaining"), Q(!1), D(null);
+							},
+							style: {
+								background: "#27272a",
+								padding: "0 10px",
+								height: "36px"
+							},
+							title: "Reset Session",
+							children: /* @__PURE__ */ (0, K.jsx)(ne, { size: 14 })
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, K.jsxs)("div", {
+				className: "tutor-resources-drawer",
+				children: [
+					/* @__PURE__ */ (0, K.jsxs)("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: "8px"
+						},
+						children: [/* @__PURE__ */ (0, K.jsx)(V, {
+							size: 16,
+							style: { color: "#818cf8" }
+						}), /* @__PURE__ */ (0, K.jsx)("span", {
+							style: {
+								fontSize: "13px",
+								fontWeight: 600
+							},
+							children: "Custom Course Syllabus (Optional)"
+						})]
+					}),
+					/* @__PURE__ */ (0, K.jsx)("p", {
+						style: {
+							margin: 0,
+							fontSize: "12px",
+							color: "rgba(255,255,255,0.5)"
+						},
+						children: "Paste a JSON URL containing concept templates to train the Tutor on your slides or lecture materials."
+					}),
+					/* @__PURE__ */ (0, K.jsxs)("div", {
+						className: "tutor-resources-input-group",
+						children: [/* @__PURE__ */ (0, K.jsx)("input", {
+							type: "text",
+							placeholder: "https://example.com/course_material.json",
+							value: b,
+							onChange: (e) => x(e.target.value),
+							style: { flexGrow: 1 },
+							className: "tutor-text-input"
+						}), /* @__PURE__ */ (0, K.jsx)("button", {
+							className: "tutor-btn",
+							onClick: () => $("Load these resources please"),
+							style: { background: "#4f46e5" },
+							children: "Load"
+						})]
+					})
+				]
+			})
+		]
+	});
+}, J = q;
+//#endregion
+export { q as AITutor, fe as Whiteboard, J as default, f as n, p as t };