@vocalstack/player 0.1.0-alpha.45 → 0.1.0-alpha.47

package/dist/index.js

@@ -1,7 +1,7 @@
 var Fa = Object.defineProperty;
 var Za = (t, e, n) => e in t ? Fa(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var ge = (t, e, n) => Za(t, typeof e != "symbol" ? e + "" : e, n);
-import { jsx as i, jsxs as g, Fragment as Ce } from "react/jsx-runtime";
+import { jsx as i, jsxs as g, Fragment as be } from "react/jsx-runtime";
 import { useState as k, useRef as j, useEffect as S, useLayoutEffect as Jt, createContext as Oi, useMemo as ze, useContext as Ga, useCallback as Ke, Fragment as qa, forwardRef as Ka, useImperativeHandle as Ja } from "react";
 import { createPortal as Xa } from "react-dom";
 import { VocalStackError as Ci, VocalStack as xi } from "@vocalstack/js-sdk";
@@ -86,7 +86,7 @@ function ao({ size: t = 12 }) {
     /* @__PURE__ */ i("rect", { x: "13.75", y: "5", width: "3.75", height: "14", rx: "1.2" })
   ] });
 }
-function Vn({ dark: t, height: e = 20, link: n = !0 }) {
+function Bn({ dark: t, height: e = 20, link: n = !0 }) {
   const r = /* @__PURE__ */ i("img", { src: t ? eo : to, alt: "VocalStack", decoding: "sync", style: { height: e, width: "auto", display: "block" } });
   return n ? /* @__PURE__ */ i("a", { href: Si, style: { display: "block" }, children: r }) : r;
 }
@@ -1001,7 +1001,7 @@ function Rr({ open: t, onClose: e, value: n, onSelect: r, languages: s, searchPl
   }, [s, h, l]), b = ze(
     () => h ? [] : c.map((A) => m.find((w) => w.code === A)).filter((A) => !!A).sort((A, w) => A.label.localeCompare(w.label)),
     [c, m, h]
-  ), C = ze(() => b.length ? m.filter((A) => !b.some((w) => w.code === A.code)) : m, [m, b]), D = p || h ? C.length : 12, B = C, Y = C.length - Math.min(D, C.length), ee = (A, w = !1, _ = !1) => {
+  ), C = ze(() => b.length ? m.filter((A) => !b.some((w) => w.code === A.code)) : m, [m, b]), D = p || h ? C.length : 12, V = C, Y = C.length - Math.min(D, C.length), ee = (A, w = !1, _ = !1) => {
     const O = !!u && !A.voice;
     return /* @__PURE__ */ g(
       "button",
@@ -1049,12 +1049,12 @@ function Rr({ open: t, onClose: e, value: n, onSelect: r, languages: s, searchPl
       /* @__PURE__ */ i("span", { className: "vs-picker__slot" }),
       /* @__PURE__ */ i("span", { className: "vs-picker__check", children: n === null && /* @__PURE__ */ i(oe, { d: X.check, size: 16, sw: 2.2 }) })
     ] }),
-    b.length > 0 && /* @__PURE__ */ g(Ce, { children: [
+    b.length > 0 && /* @__PURE__ */ g(be, { children: [
       /* @__PURE__ */ i("div", { className: "vs-picker__head", children: "RECENT" }),
       b.map((A) => ee(A, !0)),
       /* @__PURE__ */ i("div", { className: "vs-picker__rule" })
     ] }),
-    B.map((A, w) => ee(A, !1, w >= D)),
+    V.map((A, w) => ee(A, !1, w >= D)),
     Y > 0 && /* @__PURE__ */ g("button", { type: "button", className: "vs-picker__more vs-picker__more--btn", style: { background: "none", border: 0, cursor: "pointer", width: "100%", textAlign: "left" }, onClick: () => y(!0), children: [
       "+ ",
       Y,
@@ -1123,7 +1123,7 @@ function li({ src: t, setup: e, t: n, playing: r, seekN: s, onToggle: a, seekOve
     c && /* @__PURE__ */ i("div", { className: `txyt__paused${r ? "" : " txyt__paused--on"}`, "aria-hidden": "true", children: /* @__PURE__ */ i("span", { className: "txyt__pausedplay", children: /* @__PURE__ */ i(Xt, { size: 44 }) }) })
   ] });
 }
-const Bi = [
+const Vi = [
   { id: "youtube", name: "YouTube", color: "#ff3b30", hosts: /(^|\.)(youtube\.com|youtu\.be|youtube-nocookie\.com)$/, glyph: "M21.6 7.2a2.7 2.7 0 0 0-1.9-1.9C18 4.8 12 4.8 12 4.8s-6 0-7.7.5a2.7 2.7 0 0 0-1.9 1.9C2 8.9 2 12 2 12s0 3.1.4 4.8a2.7 2.7 0 0 0 1.9 1.9c1.7.5 7.7.5 7.7.5s6 0 7.7-.5a2.7 2.7 0 0 0 1.9-1.9c.4-1.7.4-4.8.4-4.8s0-3.1-.4-4.8ZM10 15.1V8.9l5.3 3.1L10 15.1Z" },
   { id: "loom", name: "Loom", color: "#8f7bff", hosts: /(^|\.)loom\.com$/, glyph: "M21 11h-5.2l4.5-2.6-1-1.7-4.5 2.6 2.6-4.5-1.7-1-2.6 4.5V3h-2v5.3L8.5 3.8l-1.7 1 2.6 4.5-4.5-2.6-1 1.7L8.2 11H3v2h5.2l-4.5 2.6 1 1.7 4.5-2.6-2.6 4.5 1.7 1 2.6-4.5V21h2v-5.2l2.6 4.5 1.7-1-2.6-4.5 4.5 2.6 1-1.7-4.5-2.6H21v-2Zm-9 3.4a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8Z" },
   { id: "vimeo", name: "Vimeo", color: "#1ab7ea", hosts: /(^|\.)vimeo\.com$/, glyph: "M22 7.4c-.1 2-1.5 4.7-4.2 8.1-2.8 3.6-5.1 5.4-7 5.4-1.2 0-2.2-1.1-3-3.3L6.2 11.6C5.6 9.4 5 8.3 4.3 8.3c-.1 0-.6.3-1.4.9L2 8l2.7-2.4C5.9 4.6 6.8 4 7.4 4c1.4-.1 2.3.9 2.6 2.9.4 2.2.6 3.6.8 4.1.4 1.8.9 2.7 1.4 2.7.4 0 1-.6 1.8-1.9.8-1.2 1.2-2.2 1.3-2.8.1-1.1-.3-1.6-1.3-1.6-.5 0-.9.1-1.4.3.9-3 2.7-4.5 5.3-4.4 1.9.1 2.8 1.3 2.7 3.7Z" },
@@ -1137,8 +1137,26 @@ const Bi = [
   { id: "kick", name: "Kick", color: "#53fc18", hosts: /(^|\.)kick\.com$/, glyph: "M4 3h5.5v5H11V6h2V3h5.5v6.5h-2V11h-2v2h2v1.5h2V21H13v-3h-2v-2H9.5v5H4V3Z" },
   { id: "mixcloud", name: "Mixcloud", color: "#7f8cff", hosts: /(^|\.)mixcloud\.com$/, audioOnly: !0, glyph: "M17.5 9.5a5.5 5.5 0 0 0-10.6 1.2A3.8 3.8 0 0 0 7.3 18h10.2a4.25 4.25 0 0 0 0-8.5Z" },
   { id: "streamable", name: "Streamable", color: "#0f90fa", hosts: /(^|\.)streamable\.com$/, glyph: "M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5v11a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5v-11Zm6 2.3v6.4l5.2-3.2L10 8.8Z" },
-  { id: "bandcamp", name: "Bandcamp", color: "#1da0c3", hosts: /(^|\.)bandcamp\.com$/, audioOnly: !0, glyph: "M2 18 8.5 6H22l-6.5 12H2Z" }
-], bo = new Map(Bi.map((t) => [t.id, t]));
+  { id: "bandcamp", name: "Bandcamp", color: "#1da0c3", hosts: /(^|\.)bandcamp\.com$/, audioOnly: !0, glyph: "M2 18 8.5 6H22l-6.5 12H2Z" },
+  { id: "ted", name: "TED", color: "#e62b1e", hosts: /(^|\.)ted\.com$/, glyph: "M2 6h6.5v2.3H6.4V18H4V8.3H2V6Zm7.5 0h5.3v2.3h-2.9v2.6h2.6v2.3h-2.6v2.5h2.9V18H9.5V6Zm6.4 0h2.3A3.8 3.8 0 0 1 22 9.8v4.4a3.8 3.8 0 0 1-3.8 3.8h-2.3V6Zm2.4 2.3v7.4c.9 0 1.4-.7 1.4-1.6v-4.2c0-.9-.5-1.6-1.4-1.6Z" },
+  { id: "linkedin", name: "LinkedIn", color: "#0a66c2", hosts: /(^|\.)linkedin\.com$/, glyph: "M5 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9.5h4V21H3V9.5Zm6.5 0h3.8v1.6h.1c.5-1 1.8-2 3.8-2 4 0 4.8 2.6 4.8 6V21h-4v-5.2c0-1.2 0-2.8-1.7-2.8s-2 1.3-2 2.7V21h-4V9.5Z" },
+  { id: "archive", name: "Internet Archive", color: "#c8c8c8", hosts: /(^|\.)archive\.org$/, glyph: "M3 19h18v2H3v-2Zm1-2h16v1.2H4V17Zm1.5-9h2v8h-2V8Zm5.5 0h2v8h-2V8Zm5.5 0h2v8h-2V8ZM3 5.5 12 3l9 2.5V7H3V5.5Z" },
+  { id: "odysee", name: "Odysee", color: "#ef1970", hosts: /(^|\.)(odysee\.com|lbry\.tv)$/, glyph: "M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm0 4a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z" },
+  { id: "niconico", name: "Niconico", color: "#e6e6e6", hosts: /(^|\.)(nicovideo\.jp|nico\.ms)$/, glyph: "M4 8h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Zm3.5-5L11 7H9.3L6.5 4.2 7.5 3Zm9 0 1 1.2L14.7 7H13l3.5-4Z" },
+  { id: "vk", name: "VK", color: "#0077ff", hosts: /(^|\.)(vk\.com|vkvideo\.ru)$/, glyph: "M12.8 17.5c-5.5 0-8.6-3.8-8.8-10h2.8c.1 4.6 2.1 6.5 3.7 6.9V7.5h2.6v3.9c1.6-.2 3.3-2 3.8-3.9h2.6c-.4 2.4-2.2 4.2-3.4 4.9 1.3.6 3.3 2.1 4.1 5.1h-2.9c-.6-1.9-2.2-3.4-4.2-3.6v3.6h-.3Z" },
+  { id: "bitchute", name: "BitChute", color: "#ef4137", hosts: /(^|\.)bitchute\.com$/, glyph: "M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm-2 5.5v7l6-3.5-6-3.5Z" },
+  { id: "wistia", name: "Wistia", color: "#54bbff", hosts: /(^|\.)(wistia\.com|wistia\.net|wi\.st)$/, glyph: "M3 7h13l-2.5 4H3V7Zm0 6h15.5L21 9v4.5L18.5 17H3v-4Z" },
+  { id: "vidyard", name: "Vidyard", color: "#38c172", hosts: /(^|\.)vidyard\.com$/, glyph: "M3 5h4l5 9 5-9h4l-9 15L3 5Z" },
+  { id: "kaltura", name: "Kaltura", color: "#00a8e1", hosts: /(^|\.)kaltura\.com$/, glyph: "M5 4h3v7l6-7h4l-6.5 7.3L18.5 20h-4l-5-6.4L8 15.3V20H5V4Z" },
+  { id: "jwplayer", name: "JW Player", color: "#ff0046", hosts: /(^|\.)(jwplayer\.com|jwplatform\.com)$/, glyph: "M6 5h3v9.5a4 4 0 0 1-4 4H4v-2.8h1c.6 0 1-.5 1-1.2V5Zm5 0h3l1.5 7L17 5h3l-3 13h-3l-1.5-6.5L11.9 18H9.5L11 5Z" },
+  { id: "pinterest", name: "Pinterest", color: "#e60023", hosts: /(^|\.)(pinterest\.[a-z.]+|pin\.it)$/, glyph: "M12 2.5a9.5 9.5 0 0 0-3.5 18.3c-.1-.8-.2-2 0-2.9l1.3-5.4s-.3-.7-.3-1.6c0-1.5.9-2.7 2-2.7.9 0 1.4.7 1.4 1.6 0 1-.6 2.4-.9 3.7-.3 1.1.6 2 1.7 2 2 0 3.5-2.1 3.5-5.2 0-2.7-2-4.6-4.8-4.6-3.3 0-5.2 2.5-5.2 5 0 1 .4 2.1.9 2.7l.1.4-.3 1.3c0 .2-.2.3-.4.2-1.4-.7-2.3-2.7-2.3-4.4 0-3.6 2.6-6.9 7.5-6.9 3.9 0 7 2.8 7 6.6 0 3.9-2.5 7.1-5.9 7.1-1.2 0-2.2-.6-2.6-1.3l-.7 2.7c-.3 1-.9 2.2-1.4 2.9A9.5 9.5 0 1 0 12 2.5Z" },
+  { id: "bluesky", name: "Bluesky", color: "#1185fe", hosts: /(^|\.)bsky\.app$/, glyph: "M6.3 4.4c2.3 1.7 4.7 5.2 5.7 7 1-1.8 3.4-5.3 5.7-7 1.6-1.2 4.3-2.2 4.3.9 0 .6-.4 5.2-.6 5.9-.7 2.6-3.3 3.2-5.6 2.8 4 .7 5 2.9 2.8 5.2-4.2 4.3-6-1.1-6.5-2.5l-.1-.4-.1.4c-.5 1.4-2.3 6.8-6.5 2.5-2.2-2.3-1.2-4.5 2.8-5.2-2.3.4-4.9-.2-5.6-2.8C2.4 10.5 2 5.9 2 5.3c0-3.1 2.7-2.1 4.3-.9Z" },
+  { id: "gdrive", name: "Google Drive", color: "#34a853", hosts: /^drive\.google\.com$/, glyph: "M8.2 3h7.6l6.2 10.8-3.8 6.6H5.8L2 13.8 8.2 3Zm1.2 2L5 12.6h4.4L13.8 5H9.4Zm6.4 1.2-2.2 3.8 4 6.8 2.2-3.8-4-6.8ZM4.4 14.6l2.2 3.8h8.8l2.2-3.8H4.4Z" },
+  { id: "spreaker", name: "Spreaker", color: "#f5c300", hosts: /(^|\.)spreaker\.com$/, audioOnly: !0, glyph: "M12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM6.3 6.3l1.4 1.4a6 6 0 0 0 0 8.6l-1.4 1.4a8 8 0 0 1 0-11.4Zm11.4 0a8 8 0 0 1 0 11.4l-1.4-1.4a6 6 0 0 0 0-8.6l1.4-1.4Z" },
+  { id: "iheart", name: "iHeartRadio", color: "#c6002b", hosts: /(^|\.)iheart\.com$/, audioOnly: !0, glyph: "M12 21s-7.5-4.6-9.4-9.4C1.2 8 3.4 4 7.3 4c2 0 3.6 1.1 4.7 2.6C13.1 5.1 14.7 4 16.7 4c3.9 0 6.1 4 4.7 7.6C19.5 16.4 12 21 12 21Z" },
+  { id: "audioboom", name: "Audioboom", color: "#1ea2e0", hosts: /(^|\.)audioboom\.com$/, audioOnly: !0, glyph: "M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm-4 6v6h2V9H8Zm3-2v10h2V7h-2Zm3 3v4h2v-4h-2Z" },
+  { id: "cnn", name: "CNN", color: "#cc0000", hosts: /(^|\.)cnn\.com$/, glyph: "M2 7h20v10H2V7Zm3.5 2.2a2.8 2.8 0 1 0 0 5.6h1.4v-1.6H5.6a1.2 1.2 0 1 1 0-2.4h1.3V9.2H5.5Zm3 0v5.6h1.6v-3.3l2.4 3.3H14V9.2h-1.6v3.3L10 9.2H8.5Zm6.2 0v5.6h1.6v-3.3l2.4 3.3h1.5V9.2h-1.6v3.3l-2.4-3.3h-1.5Z" }
+], bo = new Map(Vi.map((t) => [t.id, t]));
 function Xu(t) {
   return t ? bo.get(t) ?? null : null;
 }
@@ -1153,7 +1171,7 @@ function Oo(t) {
 }
 function Pn(t) {
   const e = Oo(t);
-  return e ? Bi.find((n) => n.hosts.test(e)) ?? null : null;
+  return e ? Vi.find((n) => n.hosts.test(e)) ?? null : null;
 }
 function zt(t) {
   try {
@@ -1163,7 +1181,7 @@ function zt(t) {
   }
 }
 const un = (t) => Math.max(0, Math.floor(t));
-function Vi(t) {
+function Bi(t) {
   var n;
   const e = /\/(?:share|embed)\/(?:[^/?#]*-)?([0-9a-f]{32})(?:[/?#]|$)/i.exec(((n = zt(t)) == null ? void 0 : n.pathname) ?? "");
   return e ? e[1].toLowerCase() : null;
@@ -1204,7 +1222,7 @@ function Hi(t, e) {
   const r = e.play ? 1 : 0;
   switch (n.id) {
     case "loom": {
-      const u = Vi(t);
+      const u = Bi(t);
       if (!u) return null;
       const d = new URLSearchParams({ hide_owner: "true", hide_share: "true", hide_title: "true", hideEmbedTopBar: "true", hide_speed: "true", muted: "true", autoplay: e.play ? "true" : "false", t: String(un(e.t)) });
       return `https://www.loom.com/embed/${u}?${d}`;
@@ -1229,7 +1247,7 @@ function Hi(t, e) {
       return u.video ? (d.set("video", `v${u.video}`), d.set("time", Do(e.t))) : u.channel && d.set("channel", u.channel), `https://player.twitch.tv/?${d}`;
     }
     case "facebook":
-      return `https://www.facebook.com/plugins/video.php?${new URLSearchParams({ href: t, autoplay: String(!!e.play), mute: "1", show_text: "false" })}`;
+      return `https://www.facebook.com/plugins/video.php?${new URLSearchParams({ href: t, autoplay: String(!!e.play), mute: "1", show_text: "false", show_captions: "false" })}`;
     case "tiktok": {
       const u = /\/video\/(\d+)/.exec(((s = zt(t)) == null ? void 0 : s.pathname) ?? "");
       return u ? `https://www.tiktok.com/embed/v2/${u[1]}?${new URLSearchParams({ autoplay: String(r), muted: "1", controls: "0" })}` : null;
@@ -1294,21 +1312,24 @@ function Yo({ url: t, t: e, playing: n, seekN: r, title: s }) {
   const a = j(e);
   a.current = e;
   const [o, l] = k(!1), c = typeof window < "u" ? window.location.hostname : "localhost", u = ze(() => Hi(t, { t: a.current, play: n, host: c }), [t, n, r, c]);
-  return u ? /* @__PURE__ */ i(
-    "iframe",
-    {
-      className: "vsp-embed",
-      src: u,
-      title: s,
-      style: { opacity: o ? 1 : 0 },
-      onLoad: () => l(!0),
-      allow: "autoplay; encrypted-media; picture-in-picture; fullscreen",
-      referrerPolicy: "strict-origin-when-cross-origin",
-      tabIndex: -1,
-      "aria-hidden": "true"
-    },
-    u
-  ) : null;
+  return u ? /* @__PURE__ */ g(be, { children: [
+    o && /* @__PURE__ */ i("div", { className: "vsp-embed__bg", "aria-hidden": "true" }),
+    /* @__PURE__ */ i(
+      "iframe",
+      {
+        className: "vsp-embed",
+        src: u,
+        title: s,
+        style: { opacity: o ? 1 : 0 },
+        onLoad: () => l(!0),
+        allow: "autoplay; encrypted-media; picture-in-picture; fullscreen",
+        referrerPolicy: "strict-origin-when-cross-origin",
+        tabIndex: -1,
+        "aria-hidden": "true"
+      },
+      u
+    )
+  ] }) : null;
 }
 let Sn = null;
 function Uo() {
@@ -1344,7 +1365,7 @@ function Po({ url: t, t: e, playing: n, seekN: r, onToggle: s }) {
       if (!(!M || T.type !== "video" || T.id !== d)) {
         o.current = T.instance;
         try {
-          T.instance.mute(), T.instance.seek(Math.max(0, l.current));
+          T.instance.setVolume(0), T.instance.unmute(), T.instance.setVolume(0), T.instance.seek(Math.max(0, l.current));
         } catch {
         }
         u(!0);
@@ -1364,7 +1385,7 @@ function Po({ url: t, t: e, playing: n, seekN: r, onToggle: s }) {
     const M = o.current;
     if (!(!M || !c))
       try {
-        n ? M.play() : M.pause();
+        n ? (M.setVolume(0), M.play()) : M.pause();
       } catch {
       }
   }, [n, c]), S(() => {
@@ -1406,7 +1427,7 @@ function Qo(t) {
     e && !r.includes("Signature=") && n.open("GET", r + (r.includes("?") ? "&" : "?") + e, !0);
   };
 }
-function Bo(t) {
+function Vo(t) {
   return (e, n) => {
     let r = !0, s = null;
     return (async () => {
@@ -1433,7 +1454,7 @@ function Bo(t) {
   };
 }
 const on = /* @__PURE__ */ new Map();
-function Vo(t) {
+function Bo(t) {
   const [e, n] = k(() => t ? on.get(t) ?? null : null);
   return S(() => {
     if (!t) {
@@ -2146,18 +2167,18 @@ function It(t) {
   const a = (e == null ? void 0 : e.name) ?? "";
   return a === "TypeError" && /fetch|network|load failed/i.test(String((e == null ? void 0 : e.message) ?? "")) ? (typeof navigator < "u" && navigator.onLine !== !1 && Di(t instanceof Error ? t : new Error(String(t))), { message: Nr }) : gi[a] ? { message: gi[a] } : t instanceof Error && a === "Error" && !(t instanceof Ci) ? { message: t.message } : { message: xr };
 }
-const qi = "https://api.vocalstack.com", Br = Oi(null);
+const qi = "https://api.vocalstack.com", Vr = Oi(null);
 function Wt() {
-  const t = Ga(Br);
+  const t = Ga(Vr);
   if (!t) throw new Error("VocalStack player hooks must be used inside <VocalStackPlayer> or <PlayerApiProvider>");
   return t;
 }
 function xl(t) {
-  return t.value ? /* @__PURE__ */ i(Br.Provider, { value: t.value, children: t.children }) : /* @__PURE__ */ i(Sl, { ...t });
+  return t.value ? /* @__PURE__ */ i(Vr.Provider, { value: t.value, children: t.children }) : /* @__PURE__ */ i(Sl, { ...t });
 }
 function Sl({ children: t, ...e }) {
   const n = Ki(e);
-  return /* @__PURE__ */ i(Br.Provider, { value: n, children: t });
+  return /* @__PURE__ */ i(Vr.Provider, { value: n, children: t });
 }
 const Dl = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
 function Al(t) {
@@ -2362,7 +2383,7 @@ function Ql(t, e) {
       A = !1, (K = l.current) == null || K.close(), l.current = null, d(!1);
     };
   }, [t, n, e.voice]);
-  const [N, m] = k(!1), [b, C] = k(null), D = j(0), [B, Y] = k(null), ee = Ke((A) => {
+  const [N, m] = k(!1), [b, C] = k(null), D = j(0), [V, Y] = k(null), ee = Ke((A) => {
     var te;
     if (c.current = A, (te = l.current) == null || te.setLanguage(A), !t) return;
     const w = r.current.client, _ = ++D.current;
@@ -2387,7 +2408,7 @@ function Ql(t, e) {
     }
     O && y();
   }, [y]), F = Ke(() => h(null), []);
-  return { model: s, connected: u, error: M, notFound: f, clearError: F, setLanguage: ee, mergeTranslations: I, translating: N, translateFailed: b, shownLang: B };
+  return { model: s, connected: u, error: M, notFound: f, clearError: F, setLanguage: ee, mergeTranslations: I, translating: N, translateFailed: b, shownLang: V };
 }
 const pi = {
   English: { vcFor: "Voice for", vcMute: "Mute", vcUnmute: "Unmute", vcMuted: "MUTED", vcShared: "Also used by", vcUsedBy: "Used by", vcUnknownSpk: "Unknown", vcUse: "Use this voice", vcGetting: "Downloading…", vcSample: "Here’s how it sounds.", vcPreview: "PREVIEW", vcMale: "Male", vcFemale: "Female", vcSynth: "SYNTHETIC", origAudio: "ORIGINAL AUDIO", vcCloned: "VOICES", vcBadge: "CLONED", vcNone: "TEXT ONLY", vcNoVoice: "No voice for ", vcSheet: "VOICE", vcNeutral: "SYNTHETIC VOICE", vcWarm: "SYNTHETIC VOICE", searchPlaceholder: "Search this broadcast", noise: "Audio unclear", newLines: "new", live: "LIVE", ended: "ENDED", waiting: "WAITING", corrected: "CORRECTED", hostLine: "Hosted by Marcus Reed · 4 speakers", langLabel: "LANGUAGE", langCount: "100+ languages", read: "Read", listen: "Listen", watch: "Watch", waitTitle: "The broadcast hasn’t started yet", waitBody: "The transcript appears here as soon as the host starts speaking.", english: "ENGLISH", playing: "Playing the live audio", ready: "Tap to start audio", readyNote: "Set your volume first", voiceMeta: "ORIGINAL AUDIO", voice: "Voice", sheetTitle: "APP LANGUAGE", done: "Done", search: "Search 100+ languages", sheetNote: "Follow along in your language.", moreLangs: "more", confTitle: "Some words weren't heard clearly", confBody: "The transcript marks words the model is unsure about with a dashed underline. The words keep their colour, so only the underline tells you where to look.", confMid: "Slightly unsure — probably right", confHigh: "Low confidence — may be wrong", settings: "BROADCAST", setOrig: "Show original language", setTheme: "Appearance", light: "Light", dark: "Dark", setConf: "Show uncertain words", setConfHint1: "Colours words the model is unsure about — ", setConfMid: "amber", setConfSep: " or ", setConfLow: "red", setConfHint2: "", behindLive: "TRANSLATION LATENCY", behindNote: "How far the translation trails the speaker right now.", shareLabel: "LIVE TRANSLATION LINK", copy: "Copy", copied: "Copied" },
@@ -2421,10 +2442,10 @@ function Tr(t) {
       return "queued";
   }
 }
-function Bl(t) {
+function Vl(t) {
   return t ? t.progress ? { state: t.state, processedS: t.progress.processedS, totalS: t.progress.totalS ?? null, segmentsDone: t.progress.segmentsDone, segmentsTotal: t.progress.segmentsTotal ?? null, pct: t.progress.pct, error: t.error ?? null } : t.state ? { state: t.state, processedS: 0, totalS: null, segmentsDone: 0, segmentsTotal: null, pct: 0, error: t.error ?? null } : null : null;
 }
-const Vl = (t, e) => {
+const Bl = (t, e) => {
   const n = (t == null ? void 0 : t.segmentsDone) ?? e, r = Math.max(n, (t == null ? void 0 : t.segmentsTotal) ?? n);
   return `${n} / ${r} SEGMENTS`;
 };
@@ -2443,14 +2464,14 @@ const Sr = [
   { key: "srt", name: "Subtitles", ext: "SRT / VTT", note: "Timed caption cues, ready for a video editor or a player.", icon: "M2.25 15.75V8.25A2.25 2.25 0 0 1 4.5 6h15a2.25 2.25 0 0 1 2.25 2.25v7.5A2.25 2.25 0 0 1 19.5 18h-15a2.25 2.25 0 0 1-2.25-2.25Zm4.5-4.5h4.5m-4.5 3h1.5m3 0h6m-3-3h3" },
   { key: "json", name: "JSON", ext: "JSON", note: "Word-level timings, confidence scores and speaker turns.", icon: "M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" }
 ];
-function Vr(t) {
+function Br(t) {
   const e = document.createElement("a");
   e.href = t, e.style.display = "none", document.body.appendChild(e), e.click(), e.remove();
 }
 async function Wl(t) {
   const e = await fetch(t, { redirect: "manual" });
   if (e.type !== "opaqueredirect" && !e.ok) throw await ta(e);
-  Vr(t);
+  Br(t);
 }
 async function Fl(t, e, n, r = {}) {
   var h, f;
@@ -2469,7 +2490,7 @@ async function Zl(t, e) {
     if (Date.now() > u) throw new Error("The spoken track is taking too long; try again in a moment.");
     await new Promise((d) => setTimeout(d, 4e3)), c = l(await o());
   }
-  Vr(po(t.origin, n, r, c.voiceKey, a));
+  Br(po(t.origin, n, r, c.voiceKey, a));
 }
 const na = (t) => {
   var e;
@@ -2556,12 +2577,12 @@ function Xl(t, e, n = 0) {
       if (!d) return;
       const ee = l();
       s.scrollTop = h + (Y.clientY - M) / (ee.vis - ee.size) * ee.max, p();
-    }, B = () => {
+    }, V = () => {
       d && (d = !1, a.style.cursor = "grab", p());
     };
-    return s.addEventListener("scroll", b, { passive: !0 }), a.addEventListener("pointerdown", C), a.addEventListener("pointermove", D), a.addEventListener("pointerup", B), a.addEventListener("pointercancel", B), typeof ResizeObserver < "u" && (y = new ResizeObserver(() => N()), y.observe(s)), r.current = () => N(), N(), () => {
+    return s.addEventListener("scroll", b, { passive: !0 }), a.addEventListener("pointerdown", C), a.addEventListener("pointermove", D), a.addEventListener("pointerup", V), a.addEventListener("pointercancel", V), typeof ResizeObserver < "u" && (y = new ResizeObserver(() => N()), y.observe(s)), r.current = () => N(), N(), () => {
       r.current = () => {
-      }, s.removeEventListener("scroll", b), a.removeEventListener("pointerdown", C), a.removeEventListener("pointermove", D), a.removeEventListener("pointerup", B), a.removeEventListener("pointercancel", B), y == null || y.disconnect(), clearTimeout(u);
+      }, s.removeEventListener("scroll", b), a.removeEventListener("pointerdown", C), a.removeEventListener("pointermove", D), a.removeEventListener("pointerup", V), a.removeEventListener("pointercancel", V), y == null || y.disconnect(), clearTimeout(u);
     };
   }, []);
 }
@@ -2592,7 +2613,7 @@ Request id: ${t.requestId}` : t.message;
     /* @__PURE__ */ i(oe, { d: X.warn, size: 16, style: { color: "var(--conf-low)", flex: "none" } }),
     /* @__PURE__ */ g("span", { style: { flex: 1 }, children: [
       t.message,
-      u && /* @__PURE__ */ g(Ce, { children: [
+      u && /* @__PURE__ */ g(be, { children: [
         " ",
         /* @__PURE__ */ i("a", { href: "https://app.vocalstack.com/billing", target: "_blank", rel: "noopener", className: "dev-link", style: { fontSize: "inherit", fontWeight: 600, whiteSpace: "nowrap" }, children: "Add credit" })
       ] })
@@ -2608,7 +2629,7 @@ function ed({ chip: t, note: e, scrub: n, mute: r, voice: s, prev: a, play: o, n
   return /* @__PURE__ */ g("div", { className: "vs-tt", children: [
     /* @__PURE__ */ g("div", { className: "vs-tt__r1", children: [
       /* @__PURE__ */ i("div", { className: "vs-tt__chip", children: t }),
-      e ? /* @__PURE__ */ i("div", { className: "vs-tt__scrub", children: e }) : /* @__PURE__ */ g(Ce, { children: [
+      e ? /* @__PURE__ */ i("div", { className: "vs-tt__scrub", children: e }) : /* @__PURE__ */ g(be, { children: [
         /* @__PURE__ */ i("div", { className: "vs-tt__scrub", children: n }),
         /* @__PURE__ */ i("div", { className: "vs-tt__spk", children: r }),
         /* @__PURE__ */ i("div", { className: "vs-tt__voice", children: s })
@@ -2624,9 +2645,9 @@ function ed({ chip: t, note: e, scrub: n, mute: r, voice: s, prev: a, play: o, n
 function nc({ index: t, total: e, atLabel: n, durLabel: r, stepLabel: s, onSeek: a, onSeekFrac: o, onScrubStart: l, onScrubEnd: c, frac: u, glideMs: d = 260 }) {
   const M = j(null), h = j(!1), [f, p] = k(null), y = Math.max(1, e), T = f ?? u, N = T != null ? Math.min(100, Math.max(0, T * 100)) : t / Math.max(1, y - 1) * 100, m = u != null && d > 0 && f == null ? `width ${d}ms linear, left ${d}ms linear` : "none", b = (D) => {
     var I;
-    const B = (I = M.current) == null ? void 0 : I.getBoundingClientRect();
-    if (!B) return;
-    const Y = Math.min(1, Math.max(0, (D.clientX - B.left) / Math.max(1, B.width)));
+    const V = (I = M.current) == null ? void 0 : I.getBoundingClientRect();
+    if (!V) return;
+    const Y = Math.min(1, Math.max(0, (D.clientX - V.left) / Math.max(1, V.width)));
     if (o) {
       p(Y), o(Y);
       return;
@@ -2643,8 +2664,8 @@ function nc({ index: t, total: e, atLabel: n, durLabel: r, stepLabel: s, onSeek:
         ref: M,
         className: "rscrub__track",
         onPointerDown: (D) => {
-          var B;
-          h.current = !0, (B = M.current) == null || B.setPointerCapture(D.pointerId), l == null || l(), b(D), D.preventDefault();
+          var V;
+          h.current = !0, (V = M.current) == null || V.setPointerCapture(D.pointerId), l == null || l(), b(D), D.preventDefault();
         },
         onPointerMove: (D) => {
           h.current && b(D);
@@ -2681,7 +2702,7 @@ function sc({ f: t, desk: e, onOpen: n }) {
     s,
     a > 0 && /* @__PURE__ */ i("span", { className: "badge__n", children: a })
   ] }, s);
-  return /* @__PURE__ */ g(Ce, { children: [
+  return /* @__PURE__ */ g(be, { children: [
     t.script > 0 && r(e ? "SCRIPT FIX" : "SCRIPT", t.script, !0),
     t.manual && r(e ? "MANUAL FIX" : "MANUAL", t.manualCount, t.script === 0)
   ] });
@@ -2828,8 +2849,8 @@ function dc({ cast: t, voices: e, currentId: n, armedId: r = null, sampleId: s =
   }, [d, M]);
   const m = (D) => D === p.vcMale.toUpperCase() || D === p.vcFemale.toUpperCase(), b = (D) => {
     if (D === p.vcSheet) return !0;
-    const B = T[D];
-    return B != null ? !B : !M || !m(D) ? !0 : D === (M === "female" ? p.vcFemale : p.vcMale).toUpperCase();
+    const V = T[D];
+    return V != null ? !V : !M || !m(D) ? !0 : D === (M === "female" ? p.vcFemale : p.vcMale).toUpperCase();
   }, C = !!r && r !== n;
   return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column" }, children: [
     h && /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "flex-start", gap: 9, padding: "10px 11px", marginBottom: 10, borderRadius: 11, background: "var(--conf-low-soft)" }, children: [
@@ -2838,7 +2859,7 @@ function dc({ cast: t, voices: e, currentId: n, armedId: r = null, sampleId: s =
       /* @__PURE__ */ i("span", { style: { flex: "none", marginTop: -1 }, children: /* @__PURE__ */ i(lo, { value: h, label: "Copy this error" }) })
     ] }),
     t,
-    f && /* @__PURE__ */ g(Ce, { children: [
+    f && /* @__PURE__ */ g(be, { children: [
       /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: 7, padding: "14px 2px 6px", userSelect: "none" }, children: /* @__PURE__ */ i("span", { style: { font: "600 9px var(--vs-font-mono)", letterSpacing: ".13em", color: "var(--ink-62)" }, children: p.vcSheet }) }),
       /* @__PURE__ */ g("div", { role: f.action ? "button" : "status", tabIndex: f.action ? 0 : void 0, title: f.tip, onClick: f.action, onKeyDown: f.action ? (D) => {
         (D.key === "Enter" || D.key === " ") && (D.preventDefault(), f.action());
@@ -2850,11 +2871,11 @@ function dc({ cast: t, voices: e, currentId: n, armedId: r = null, sampleId: s =
         ] })
       ] })
     ] }),
-    y.map(({ v: D, headOn: B, head: Y, headCount: ee, rule: I }, F) => {
+    y.map(({ v: D, headOn: V, head: Y, headCount: ee, rule: I }, F) => {
       const A = oc(D), w = a === D.id, _ = b(Y), O = (u == null ? void 0 : u(D)) ?? null;
       return /* @__PURE__ */ g(qa, { children: [
-        B && Y === p.vcSheet && /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", padding: "14px 2px 6px", borderTop: F === 0 && !f ? "0" : "1px solid var(--hair)", userSelect: "none" }, children: /* @__PURE__ */ i("span", { style: { font: "600 9px var(--vs-font-mono)", letterSpacing: ".13em", color: "var(--ink-62)" }, children: Y }) }),
-        B && Y !== p.vcSheet && /* @__PURE__ */ g(
+        V && Y === p.vcSheet && /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", padding: "14px 2px 6px", borderTop: F === 0 && !f ? "0" : "1px solid var(--hair)", userSelect: "none" }, children: /* @__PURE__ */ i("span", { style: { font: "600 9px var(--vs-font-mono)", letterSpacing: ".13em", color: "var(--ink-62)" }, children: Y }) }),
+        V && Y !== p.vcSheet && /* @__PURE__ */ g(
           "button",
           {
             type: "button",
@@ -2968,7 +2989,7 @@ function pc({ recordingId: t, lang: e, ended: n, cred: r, pickedVoice: s, senten
     const K = `${t ?? ""}|${e ?? ""}|`;
     for (const L of [...T.current]) L.startsWith(K) && T.current.delete(L);
     y(null);
-  }, [t, e]), C = !!d && (d.state === "queued" || d.state === "running") || h === N, D = (d == null ? void 0 : d.state) === "failed" ? d.error || "the render failed" : p, B = (a == null ? void 0 : a.join(",")) ?? "", [Y, ee] = k(null), I = ze(() => new Set((d == null ? void 0 : d.clips) ?? []), [d]), F = ze(() => n && B ? B.split(",").map(Number).filter((K) => !I.has(K)) : [], [n, B, I]), A = j(null);
+  }, [t, e]), C = !!d && (d.state === "queued" || d.state === "running") || h === N, D = (d == null ? void 0 : d.state) === "failed" ? d.error || "the render failed" : p, V = (a == null ? void 0 : a.join(",")) ?? "", [Y, ee] = k(null), I = ze(() => new Set((d == null ? void 0 : d.clips) ?? []), [d]), F = ze(() => n && V ? V.split(",").map(Number).filter((K) => !I.has(K)) : [], [n, V, I]), A = j(null);
   S(() => {
     if (!n || !t || !e || !F.length) return;
     const K = Y ?? F[0], L = F.find((pe) => pe >= K) ?? F[0], ie = `${t}|${e}|${M ?? ""}`, ne = A.current;
@@ -2992,9 +3013,9 @@ function pc({ recordingId: t, lang: e, ended: n, cred: r, pickedVoice: s, senten
   }, [w, c, I]);
   const O = ze(() => {
     if (!t) return [];
-    const K = B ? B.split(",").map(Number).filter((ie) => !n || I.has(ie)) : void 0, L = d ?? (K != null && K.length && e ? { lang: e, voiceKey: s ?? "", clips: [], voice: null } : null);
+    const K = V ? V.split(",").map(Number).filter((ie) => !n || I.has(ie)) : void 0, L = d ?? (K != null && K.length && e ? { lang: e, voiceKey: s ?? "", clips: [], voice: null } : null);
     return vo(L, t, o.origin, r, K);
-  }, [d, t, o, r, B, e, s, n, I]), te = ze(() => new Set(F), [F]);
+  }, [d, t, o, r, V, e, s, n, I]), te = ze(() => new Set(F), [F]);
   return { listed: l, rows: u, track: d, renderVoiceId: M, rendering: C, failed: D, clips: O, requestRender: m, forget: b, reload: c, setNear: ee, missing: F.length, coming: te };
 }
 const mc = { share: X.share, delay: X.tabGauge, video: X.video, source: X.tabSources, script: X.tabScript, fix: X.tabFix, ending: X.tabEnding, summary: X.tabSummary, export: X.tabExport, settings: X.tabSettings, sources: X.tabSources, recs: X.mic };
@@ -3032,7 +3053,7 @@ function ia({ tabs: t, current: e, onPick: n, gap: r, fold: s = !0, side: a = !s
       return s ? /* @__PURE__ */ g("button", { type: "button", role: "tab", "aria-selected": N, title: T.label, className: `tabbar__tab${N ? " is-on" : ""}`, style: { flex: b }, onClick: D, children: [
         C && /* @__PURE__ */ i(oe, { d: C, size: 15, sw: T.sw ?? 2, style: { flex: "none" } }),
         m && /* @__PURE__ */ i("span", { className: "tabbar__label", children: T.label })
-      ] }, T.key) : /* @__PURE__ */ i("div", { className: "tabbar__slot", "data-tab-cell": "", style: { flex: b }, onMouseEnter: (B) => f(B, T), onMouseMove: (B) => f(B, T), onClick: D, children: /* @__PURE__ */ g("button", { type: "button", role: "tab", "aria-selected": N, "aria-label": T.label, className: `tabbar__tab${N ? " is-on" : ""}${(c == null ? void 0 : c.k) === T.key ? " is-tip" : ""}`, children: [
+      ] }, T.key) : /* @__PURE__ */ i("div", { className: "tabbar__slot", "data-tab-cell": "", style: { flex: b }, onMouseEnter: (V) => f(V, T), onMouseMove: (V) => f(V, T), onClick: D, children: /* @__PURE__ */ g("button", { type: "button", role: "tab", "aria-selected": N, "aria-label": T.label, className: `tabbar__tab${N ? " is-on" : ""}${(c == null ? void 0 : c.k) === T.key ? " is-tip" : ""}`, children: [
         C && /* @__PURE__ */ i(oe, { d: C, size: 15, sw: T.sw ?? 2, className: "tabbar__icon", style: { flex: "none", transform: N && !o ? "scale(1.12)" : "none" } }),
         /* @__PURE__ */ i("span", { className: "tabbar__grow", "data-tab-lw": "", style: { gridTemplateColumns: m ? "1fr" : "0fr", marginLeft: m && C ? 6 : 0 }, children: /* @__PURE__ */ i("span", { className: "tabbar__label", "data-tab-l": "", style: { opacity: m ? 1 : 0, transform: m ? "none" : "translateX(-6px)" }, children: T.label }) })
       ] }) }, T.key);
@@ -3062,7 +3083,7 @@ function Tc({ audio: t, video: e, formats: n, onExport: r }) {
     }).finally(() => {
       u.current && l(null);
     }));
-  }, f = (p, y, T, N) => /* @__PURE__ */ g(Ce, { children: [
+  }, f = (p, y, T, N) => /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ i(zr, { style: { letterSpacing: ".12em", color: "var(--ink-35)" }, children: N }),
     /* @__PURE__ */ g("button", { type: "button", className: "dlrow", disabled: o != null, "aria-busy": o === p || void 0, onClick: () => h(p, y), style: o && o !== p ? { opacity: 0.45 } : void 0, children: [
       o === p ? /* @__PURE__ */ i(ht, { size: 17, color: "var(--brand)", track: "var(--fill-12)" }) : /* @__PURE__ */ i(oe, { d: T, size: 17, sw: 1.5, style: { flex: "none", color: "var(--ink-70)" } }),
@@ -3076,7 +3097,7 @@ function Tc({ audio: t, video: e, formats: n, onExport: r }) {
   return /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
     t && f("audio", t, yc, "DOWNLOAD AUDIO"),
     e && f("video", e, X.video, "DOWNLOAD VIDEO"),
-    n !== !1 && /* @__PURE__ */ g(Ce, { children: [
+    n !== !1 && /* @__PURE__ */ g(be, { children: [
       /* @__PURE__ */ i(zr, { style: { letterSpacing: ".12em", color: "var(--ink-35)" }, children: "EXPORT AS" }),
       /* @__PURE__ */ i("div", { className: "fmtgrid", children: Sr.map((p) => /* @__PURE__ */ g("button", { type: "button", className: "fmtgrid__cell", title: o === p.key ? `Building the ${p.name}…` : p.note, disabled: o != null, "aria-busy": o === p.key || void 0, onClick: () => M(p.key), style: o && o !== p.key ? { opacity: 0.45 } : void 0, children: [
         o === p.key ? /* @__PURE__ */ i(ht, { size: 16, color: "var(--brand)", track: "var(--fill-12)" }) : /* @__PURE__ */ i(oe, { d: s === p.key ? X.check : p.icon, size: 16, sw: 1.6, style: { color: s === p.key ? "var(--brand)" : "var(--ink-62)" } }),
@@ -3142,7 +3163,7 @@ ${a}`).catch(() => {
         e ? "Copied" : "Copy"
       ] })
     ] }),
-    t.state === "ready" ? /* @__PURE__ */ g(Ce, { children: [
+    t.state === "ready" ? /* @__PURE__ */ g(be, { children: [
       /* @__PURE__ */ i("div", { style: { fontSize: 15, fontWeight: 600, lineHeight: 1.3, letterSpacing: "-.15px", color: "var(--ink-96)", textWrap: "pretty" }, children: s }),
       /* @__PURE__ */ i("div", { style: { fontSize: 13, fontWeight: 300, lineHeight: 1.55, color: "var(--ink-80)", textWrap: "pretty", whiteSpace: "pre-line" }, children: a })
     ] }) : t.state === "unavailable" ? l("No summary for this recording.") : t.state === "not_requested" ? t.request ? l("This recording was made without a summary.", { label: "Summarize", onClick: t.request }) : l("Recordings under a minute and files of a batch are not summarised.") : /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 10, fontSize: 13, fontWeight: 300, color: "var(--ink-45)" }, children: [
@@ -3221,7 +3242,7 @@ function Ic(t, e) {
   return { id: t, tabbed: a && M.length > 1, cur: h, seq: d, pinnable: o, tabKeys: M, stripTabs: e.tabs.filter((m) => M.includes(m.key)), panel: N, pin: p, unpin: y };
 }
 function bc({ col: t, order: e, render: n, grip: r, onPick: s, wrapClass: a }) {
-  return Oc(t), /* @__PURE__ */ g(Ce, { children: [
+  return Oc(t), /* @__PURE__ */ g(be, { children: [
     e.map((o) => {
       const l = t.panel(o);
       if (!l.show) return null;
@@ -3260,12 +3281,12 @@ function Oc(t) {
         F.startsWith("--") && b.style.setProperty(F, C.getPropertyValue(F));
       }
       b.style.fontFamily = C.fontFamily, b.style.color = C.color;
-      let D = N.el.parentElement, B = "";
-      for (; D && !B; ) {
+      let D = N.el.parentElement, V = "";
+      for (; D && !V; ) {
         const I = getComputedStyle(D).backgroundColor;
-        I && !/rgba?\(0, 0, 0, 0\)|transparent/.test(I) && !/\/ 0\.|, 0\.\d+\)$/.test(I) && (B = I), D = D.parentElement;
+        I && !/rgba?\(0, 0, 0, 0\)|transparent/.test(I) && !/\/ 0\.|, 0\.\d+\)$/.test(I) && (V = I), D = D.parentElement;
       }
-      b.style.background = B || getComputedStyle(document.body).backgroundColor, document.body.appendChild(b), N.orig = [...N.col.querySelectorAll("[data-panel-key]")].map((I) => [I, I.style.order]), N.snap = {}, N.orig.forEach(([I]) => {
+      b.style.background = V || getComputedStyle(document.body).backgroundColor, document.body.appendChild(b), N.orig = [...N.col.querySelectorAll("[data-panel-key]")].map((I) => [I, I.style.order]), N.snap = {}, N.orig.forEach(([I]) => {
         N.snap[I.getAttribute("data-panel-key")] = I.getBoundingClientRect();
       }), N.tabsSnap = ((ee = o(N)) == null ? void 0 : ee.getBoundingClientRect()) ?? null;
       const Y = N.col.querySelector("[data-panel-grid]");
@@ -3274,7 +3295,7 @@ function Oc(t) {
       const N = s;
       if (!N || !N.on || N.px == null || N.py == null) return;
       N.raf = 0, N.clone.style.transform = `translate3d(${N.px - N.x0}px,${N.py - N.y0}px,0)`;
-      const m = e.current, b = N.key, C = o(N), D = m.seq.includes(b), B = D || m.tabKeys.length > 1, Y = C && N.tabsSnap, ee = !Y || N.py < Y.top + Y.height / 2 ? B ? "pin" : null : "tabs";
+      const m = e.current, b = N.key, C = o(N), D = m.seq.includes(b), V = D || m.tabKeys.length > 1, Y = C && N.tabsSnap, ee = !Y || N.py < Y.top + Y.height / 2 ? V ? "pin" : null : "tabs";
       let I = null;
       if (ee === "pin") {
         const A = m.seq.filter((_) => _ !== b).map((_) => N.snap[_]).filter(Boolean), w = N.grid ? A.filter((_) => _.bottom < N.py || _.top <= N.py && _.left + _.width / 2 < N.px).length : A.filter((_) => _.top + _.height / 2 < N.py).length;
@@ -3322,8 +3343,8 @@ function Oc(t) {
       }
       const b = m.closest("[data-panel-key]"), C = b == null ? void 0 : b.firstElementChild;
       if (!b || !C || !e.current.tabbed || !e.current.pinnable.includes(b.getAttribute("data-panel-key")) || m.closest("[role=button],[role=tab],button,a,input,textarea,select,iframe,[data-pin-pill],[contenteditable=true]")) return a(null);
-      const D = C.getBoundingClientRect(), B = parseFloat(getComputedStyle(b).getPropertyValue("--grip-h")) || 30;
-      a(N.clientY >= D.top && N.clientY <= D.top + B ? b : null);
+      const D = C.getBoundingClientRect(), V = parseFloat(getComputedStyle(b).getPropertyValue("--grip-h")) || 30;
+      a(N.clientY >= D.top && N.clientY <= D.top + V ? b : null);
     }, h = (N) => {
       if (!r || N.button !== 0) return;
       const m = d(r);
@@ -3347,19 +3368,19 @@ function Cc({ id: t, className: e, gap: n, hidden: r, plain: s, children: a }) {
     const f = c.current, p = f == null ? void 0 : f.parentElement;
     if (h.button !== 0 || !f || !p) return;
     h.preventDefault();
-    const y = h.currentTarget, T = getComputedStyle(p), N = p.clientWidth - parseFloat(T.paddingLeft) - parseFloat(T.paddingRight) - (parseFloat(T.columnGap) || 0), m = 320, b = 320, C = Math.max(m, N - b), D = h.clientX, B = f.getBoundingClientRect().width;
-    let Y = B;
+    const y = h.currentTarget, T = getComputedStyle(p), N = p.clientWidth - parseFloat(T.paddingLeft) - parseFloat(T.paddingRight) - (parseFloat(T.columnGap) || 0), m = 320, b = 320, C = Math.max(m, N - b), D = h.clientX, V = f.getBoundingClientRect().width;
+    let Y = V;
     y.classList.add("is-on");
     const ee = { cur: document.body.style.cursor, sel: document.body.style.userSelect };
     document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
     const I = (A) => {
-      Y = Math.round(Math.min(C, Math.max(m, B + (D - A.clientX)))), f.style.flexBasis = `${Y}px`, document.documentElement.style.setProperty("--colw", `${Y}px`);
+      Y = Math.round(Math.min(C, Math.max(m, V + (D - A.clientX)))), f.style.flexBasis = `${Y}px`, document.documentElement.style.setProperty("--colw", `${Y}px`);
     }, F = () => {
       window.removeEventListener("pointermove", I), window.removeEventListener("pointerup", F), window.removeEventListener("pointercancel", F), document.body.style.cursor = ee.cur, document.body.style.userSelect = ee.sel, y.classList.remove("is-on"), l(Y);
     };
     window.addEventListener("pointermove", I), window.addEventListener("pointerup", F), window.addEventListener("pointercancel", F);
   }, M = r ? { display: "none" } : void 0;
-  return /* @__PURE__ */ g(Ce, { children: [
+  return /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ i("div", { "aria-hidden": "true", className: "colgrip", style: { marginRight: -n, ...M }, children: /* @__PURE__ */ i("div", { className: "colgrip__bar", style: { left: -(n / 2 + 6) }, title: "Drag to resize · double-click to reset", onPointerDown: d, onDoubleClick: () => l(null) }) }),
     /* @__PURE__ */ i("div", { ref: c, "data-tab-col": t, className: `${e} sidecol`, style: { flex: `0 0 ${o}px`, ...M }, children: s ? a : /* @__PURE__ */ i("div", { ref: u, "data-panel-grid": "", className: "panelgrid", children: a }) })
   ] });
@@ -3415,7 +3436,7 @@ function Ec(t) {
     Hn() === "caf" && (C += `${C.includes("?") ? "&" : "?"}format=caf`);
     const D = Date.now();
     e.shareCode && C.includes("recording=") && (C += `&shareCode=${encodeURIComponent(e.shareCode)}`);
-    const B = async () => {
+    const V = async () => {
       if (f.current !== b) return;
       let Y;
       try {
@@ -3433,7 +3454,7 @@ function Ec(t) {
           return;
         }
         l(m.id), h.current = setTimeout(() => {
-          B();
+          V();
         }, Dc);
         return;
       }
@@ -3455,7 +3476,7 @@ function Ec(t) {
         f.current === b && a(m.id);
       }).catch(F);
     };
-    B();
+    V();
   }, [t, p, e]);
   return { armId: n, sampleId: s, dlId: o, error: c, clearError: () => u(null), arm: N, stop: y, reset: T };
 }
@@ -3566,7 +3587,7 @@ function vi(t, e, n) {
   for (let a = 0; a < n.length && n[a].start <= r; a++) s = a;
   return s;
 }
-function Bt(t, e) {
+function Vt(t, e) {
   var l;
   const n = t.clipPos;
   if (t.wordSync || t.timed || !n || !(n.dur > 0)) return t.t;
@@ -3595,7 +3616,7 @@ function $c({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd:
         (ke = (G = f.current) == null ? void 0 : G.contentWindow) == null || ke.postMessage(JSON.stringify({ event: "command", func: W, args: ye }), "*");
       } catch {
       }
-  }, D = j(null), B = j(!1), Y = j(!1), ee = j(!1), I = j(a);
+  }, D = j(null), V = j(!1), Y = j(!1), ee = j(!1), I = j(a);
   I.current = a;
   const F = j(d);
   F.current = d;
@@ -3641,12 +3662,12 @@ function $c({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd:
   const Q = j(!1), [H, E] = k(!1), x = (W) => {
     const ye = Se.current;
     return !!ye && (W < ye.start - 1 || W > ye.end + 5);
-  }, V = () => {
+  }, B = () => {
     x(O.current) || C("seekTo", [O.current, !0]);
   }, ce = () => K.current;
   return S(() => {
     const W = (ye) => {
-      var Fe, Ae, he, _e, Be, $, Me, ue, ae, fe, Ye, U, R, q, se, de;
+      var Fe, Ae, he, _e, Ve, $, Me, ue, ae, fe, Ye, U, R, q, se, de;
       if (ye.source !== ((Fe = f.current) == null ? void 0 : Fe.contentWindow) || typeof ye.data != "string") return;
       let G = null;
       try {
@@ -3654,13 +3675,13 @@ function $c({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd:
       } catch {
         return;
       }
-      (he = (Ae = G == null ? void 0 : G.info) == null ? void 0 : Ae.videoData) != null && he.isLive && (B.current = !0);
+      (he = (Ae = G == null ? void 0 : G.info) == null ? void 0 : Ae.videoData) != null && he.isLive && (V.current = !0);
       const ke = (_e = G == null ? void 0 : G.info) == null ? void 0 : _e.duration;
-      typeof ke == "number" && ke > 0 && !B.current && (D.current == null ? D.current = ke : (Y.current = Math.abs(ke - D.current) > 1.5, _())), (G == null ? void 0 : G.event) === "onReady" && ((!F.current || F.current.muted) && C("mute"), Te(), (Be = F.current) == null || Be.onInfo({ ready: !0 })), typeof (($ = G == null ? void 0 : G.info) == null ? void 0 : $.playerState) == "number" && (G.info.playerState !== L.current && (G.info.playerState === 1 || G.info.playerState === 2) && Te(), L.current = G.info.playerState, ne(G.info.playerState !== 1 && G.info.playerState !== 3), (Me = F.current) == null || Me.onInfo({ state: G.info.playerState }));
+      typeof ke == "number" && ke > 0 && !V.current && (D.current == null ? D.current = ke : (Y.current = Math.abs(ke - D.current) > 1.5, _())), (G == null ? void 0 : G.event) === "onReady" && ((!F.current || F.current.muted) && C("mute"), Te(), (Ve = F.current) == null || Ve.onInfo({ ready: !0 })), typeof (($ = G == null ? void 0 : G.info) == null ? void 0 : $.playerState) == "number" && (G.info.playerState !== L.current && (G.info.playerState === 1 || G.info.playerState === 2) && Te(), L.current = G.info.playerState, ne(G.info.playerState !== 1 && G.info.playerState !== 3), (Me = F.current) == null || Me.onInfo({ state: G.info.playerState }));
       const Ie = (ue = G == null ? void 0 : G.info) == null ? void 0 : ue.progressState;
       if (Ie && typeof Ie.seekableStart == "number" && typeof Ie.seekableEnd == "number" && Ie.seekableEnd > Ie.seekableStart) {
-        const be = Se.current == null;
-        if (Se.current = { start: Ie.seekableStart, end: Ie.seekableEnd }, be && !we.current && (C("pauseVideo"), x(O.current) || C("seekTo", [O.current, !0])), !Q.current && ve.current != null) {
+        const Oe = Se.current == null;
+        if (Se.current = { start: Ie.seekableStart, end: Ie.seekableEnd }, Oe && !we.current && (C("pauseVideo"), x(O.current) || C("seekTo", [O.current, !0])), !Q.current && ve.current != null) {
           Q.current = !0;
           const Ne = ve.current < Ie.seekableStart - 1;
           (ae = De.current) == null || ae.call(De, Ne), Ne && ((fe = Re.current) == null || fe.call(Re));
@@ -3680,11 +3701,11 @@ function $c({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd:
       return;
     }
     const W = ce();
-    T && (W == null || Math.abs(W - O.current) > 1.5) && V(), C(T ? "playVideo" : "pauseVideo");
+    T && (W == null || Math.abs(W - O.current) > 1.5) && B(), C(T ? "playVideo" : "pauseVideo");
   }, [T, Z, H]), S(() => {
     if (!Z || s === 0 || H || d) return;
     const W = ce();
-    (W == null || Math.abs(W - O.current) > 0.5) && V(), T || C("pauseVideo");
+    (W == null || Math.abs(W - O.current) > 0.5) && B(), T || C("pauseVideo");
   }, [s, Z]), S(() => {
     if (!Z) return;
     let W = null, ye = 0;
@@ -3706,11 +3727,11 @@ function $c({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd:
     ] })
   ] });
 }
-const Qc = /* @__PURE__ */ g(Ce, { children: [
+const Qc = /* @__PURE__ */ g(be, { children: [
   /* @__PURE__ */ i("rect", { x: "6.5", y: "5", width: "3.75", height: "14", rx: "1.2" }),
   /* @__PURE__ */ i("rect", { x: "13.75", y: "5", width: "3.75", height: "14", rx: "1.2" })
-] }), Bc = /* @__PURE__ */ i("path", { d: "M7.5 5.6a1 1 0 0 1 1.52-.85l9.1 5.55a1 1 0 0 1 0 1.7l-9.1 5.55a1 1 0 0 1-1.52-.85V5.6Z" });
-function Vc({ player: t, size: e }) {
+] }), Vc = /* @__PURE__ */ i("path", { d: "M7.5 5.6a1 1 0 0 1 1.52-.85l9.1 5.55a1 1 0 0 1 0 1.7l-9.1 5.55a1 1 0 0 1-1.52-.85V5.6Z" });
+function Bc({ player: t, size: e }) {
   const n = t.muted ? "Unmute" : "Mute";
   return /* @__PURE__ */ i("button", { type: "button", className: `mutebtn${e < 36 ? " mutebtn--sm" : e > 36 ? " mutebtn--lg" : ""}`, "aria-label": n, title: n, "aria-pressed": t.muted, onClick: t.toggleMute, children: /* @__PURE__ */ i(oe, { d: t.muted ? X.volumeOff : X.volume, size: 17, sw: 1.6, style: { color: t.muted ? "var(--ink-38)" : "var(--ink-70)" } }) });
 }
@@ -3749,7 +3770,7 @@ function qc(t, e, n, r) {
   N.current = n;
   const m = j(r);
   m.current = r;
-  const [b, C] = k(!1), D = j(!1), B = (Q) => {
+  const [b, C] = k(!1), D = j(!1), V = (Q) => {
     D.current = Q, C(Q);
   }, Y = (Q, H) => {
     var E;
@@ -3772,16 +3793,16 @@ function qc(t, e, n, r) {
     const H = () => {
       const E = T.current, x = E.t + Math.min(1.2, (performance.now() - E.at) / 1e3);
       if (m.current != null && x >= m.current) {
-        B(!0), Y("pauseVideo"), p(x);
+        V(!0), Y("pauseVideo"), p(x);
         return;
       }
       x > y.current && p(x), Q = requestAnimationFrame(H);
     };
     return Q = requestAnimationFrame(H), () => cancelAnimationFrame(Q);
   }, [l]), S(() => {
-    !b || r == null || r < f + 1.5 || (B(!1), Y("playVideo"));
+    !b || r == null || r < f + 1.5 || (V(!1), Y("playVideo"));
   }, [b, r, f]), S(() => {
-    r == null && D.current && (B(!1), Y("playVideo"));
+    r == null && D.current && (V(!1), Y("playVideo"));
   }, [r]);
   const w = t.length ? ((De = t[t.length - 1].words[t[t.length - 1].words.length - 1]) == null ? void 0 : De.end) ?? t[t.length - 1].start + 4 : 0, _ = e || w || 1, O = ze(() => {
     if (!t.length) return 0;
@@ -3804,7 +3825,7 @@ function qc(t, e, n, r) {
     }
     Y("playVideo"), Z(3);
   }, pe = () => {
-    ie.current = !1, window.clearTimeout(ne.current), o.current = !1, B(!1), Y("pauseVideo");
+    ie.current = !1, window.clearTimeout(ne.current), o.current = !1, V(!1), Y("pauseVideo");
   }, le = () => {
     if (!a.current) {
       o.current = !0;
@@ -3815,7 +3836,7 @@ function qc(t, e, n, r) {
       return;
     }
     if (D.current) {
-      B(!1);
+      V(!1);
       return;
     }
     f >= _ - 0.25 && L(0), J();
@@ -3833,7 +3854,7 @@ function qc(t, e, n, r) {
   return { player: {
     autoplay: async () => {
       const Q = (E) => new Promise((x) => setTimeout(x, E)), H = async (E, x) => {
-        for (let V = 0; V < x / 250 && !E(); V++) await Q(250);
+        for (let B = 0; B < x / 250 && !E(); B++) await Q(250);
         return E();
       };
       if (!await H(() => a.current, 1e4)) return null;
@@ -3890,7 +3911,7 @@ function Kc(t, e, n, r, s = 0, a = null) {
   f.current = M;
   const p = j(!1), [y, T] = k(null), [N, m] = k(!1), b = j(s);
   b.current = s;
-  const C = j(null), [D, B] = k(0);
+  const C = j(null), [D, V] = k(0);
   S(() => {
     m(!1);
     const x = C.current;
@@ -3898,19 +3919,19 @@ function Kc(t, e, n, r, s = 0, a = null) {
       c(!1), o.current = null;
       return;
     }
-    const V = _i(t), ce = b.current;
-    return V.preload = "metadata", V.muted = f.current || p.current, V.onplay = () => c(!0), V.onpause = () => c(!1), V.onended = () => c(!1), V.onloadedmetadata = () => {
-      m(!0), V.currentTime = ((x == null ? void 0 : x.t) ?? 0) + ce, x != null && x.playing && V.play().catch((W) => {
+    const B = _i(t), ce = b.current;
+    return B.preload = "metadata", B.muted = f.current || p.current, B.onplay = () => c(!0), B.onpause = () => c(!1), B.onended = () => c(!1), B.onloadedmetadata = () => {
+      m(!0), B.currentTime = ((x == null ? void 0 : x.t) ?? 0) + ce, x != null && x.playing && B.play().catch((W) => {
         x.asked && (W == null ? void 0 : W.name) === "NotAllowedError" || T(It(W));
       });
-    }, V.onerror = () => {
+    }, B.onerror = () => {
       c(!1);
-      const W = V.error, ye = No(W, !1);
+      const W = B.error, ye = No(W, !1);
       Mo(t).then((G) => {
-        Sc(G == null ? void 0 : G.message) || Ai(W), o.current === V && (T({ message: (G == null ? void 0 : G.message) ?? ye }), G != null && G.permanent || (o.current = null));
+        Sc(G == null ? void 0 : G.message) || Ai(W), o.current === B && (T({ message: (G == null ? void 0 : G.message) ?? ye }), G != null && G.permanent || (o.current = null));
       });
-    }, o.current = V, () => {
-      C.current = { t: Math.max(0, V.currentTime - ce), playing: !V.paused && !V.ended }, V.pause(), V.onplay = V.onpause = V.onended = V.onloadedmetadata = V.onerror = null, o.current = null;
+    }, o.current = B, () => {
+      C.current = { t: Math.max(0, B.currentTime - ce), playing: !B.paused && !B.ended }, B.pause(), B.onplay = B.onpause = B.onended = B.onloadedmetadata = B.onerror = null, o.current = null;
     };
   }, [t, D]), S(() => () => {
     C.current = null;
@@ -3935,7 +3956,7 @@ function Kc(t, e, n, r, s = 0, a = null) {
   }, [_, a, u]), S(() => {
     if (!l) return;
     let x = 0;
-    const V = () => {
+    const B = () => {
       const ce = o.current;
       if (ce) {
         const W = ce.currentTime - b.current;
@@ -3949,29 +3970,29 @@ function Kc(t, e, n, r, s = 0, a = null) {
         }
         d(W);
       }
-      x = requestAnimationFrame(V);
+      x = requestAnimationFrame(B);
     };
-    return x = requestAnimationFrame(V), () => cancelAnimationFrame(x);
+    return x = requestAnimationFrame(B), () => cancelAnimationFrame(x);
   }, [l]);
   const L = ze(() => {
     if (!n.length) return 0;
     let x = 0;
-    for (let V = 0; V < n.length; V++) n[V].start <= u + 0.05 && (x = V);
+    for (let B = 0; B < n.length; B++) n[B].start <= u + 0.05 && (x = B);
     return x;
   }, [n, u]), [ie, ne] = k(0), Z = (x) => {
-    const V = w.current != null ? Math.min(x, Math.max(0, w.current - 0.5)) : x, ce = o.current;
-    d(V), ce && (ce.currentTime = V + b.current), ne((W) => W + 1);
+    const B = w.current != null ? Math.min(x, Math.max(0, w.current - 0.5)) : x, ce = o.current;
+    d(B), ce && (ce.currentTime = B + b.current), ne((W) => W + 1);
   }, J = (x) => {
     (x == null ? void 0 : x.name) !== "AbortError" && T(It(x));
   }, pe = () => {
-    var V;
+    var B;
     const x = o.current;
     if (!x) {
       if (!t && e) {
-        C.current = (V = C.current) != null && V.asked ? null : { t: u, playing: !0, asked: !0 };
+        C.current = (B = C.current) != null && B.asked ? null : { t: u, playing: !0, asked: !0 };
         return;
       }
-      t && B((ce) => ce + 1), T({ message: e ? "The audio player is not ready yet — try again in a moment." : "There is no audio for this transcription." });
+      t && V((ce) => ce + 1), T({ message: e ? "The audio player is not ready yet — try again in a moment." : "There is no audio for this transcription." });
       return;
     }
     if (l) {
@@ -3984,14 +4005,14 @@ function Kc(t, e, n, r, s = 0, a = null) {
     }
     x.currentTime < b.current && (x.currentTime = b.current), u >= I - 0.25 && Z(0), x.play().catch(J);
   }, le = (x) => {
-    const V = n[Math.max(0, Math.min(n.length - 1, x))];
-    V && Z(V.start);
+    const B = n[Math.max(0, Math.min(n.length - 1, x))];
+    B && Z(B.start);
   }, Te = (x) => Z(Math.max(0, Math.min(1, x)) * I), je = (x) => {
-    const V = En(x, n, I);
-    Z(V.t);
+    const B = En(x, n, I);
+    Z(B.t);
     const ce = o.current;
     if (ce) {
-      if (!V.playing) {
+      if (!B.playing) {
         ce.pause();
         return;
       }
@@ -3999,8 +4020,8 @@ function Kc(t, e, n, r, s = 0, a = null) {
     }
   }, Se = (x) => Z(x.start), ve = (x) => {
     le(x);
-    const V = o.current;
-    V && V.paused && V.play().catch(J);
+    const B = o.current;
+    B && B.paused && B.play().catch(J);
   }, we = j(!1), Ee = j(0), Re = () => {
     var x;
     l && ((x = o.current) == null || x.pause(), we.current = !0);
@@ -4013,17 +4034,17 @@ function Kc(t, e, n, r, s = 0, a = null) {
       const x = o.current;
       if (!x) return null;
       x.currentTime < b.current && (x.currentTime = b.current);
-      const V = (ce) => {
+      const B = (ce) => {
         f.current = ce, x.muted = ce || p.current, h(ce);
       };
       try {
-        return V(!1), await x.play(), !0;
+        return B(!1), await x.play(), !0;
       } catch (ce) {
         if ((ce == null ? void 0 : ce.name) !== "NotAllowedError")
-          return V(!0), null;
+          return B(!0), null;
       }
       try {
-        return V(!0), await x.play(), !1;
+        return B(!0), await x.play(), !1;
       } catch {
         return null;
       }
@@ -4049,10 +4070,10 @@ function Kc(t, e, n, r, s = 0, a = null) {
       x && (x.pause(), x.currentTime = b.current), d(0);
     },
     videoAt: (x) => {
-      const V = o.current;
-      if (!V || V.paused || V.ended || we.current || Date.now() - Ee.current < 3e3) return;
+      const B = o.current;
+      if (!B || B.paused || B.ended || we.current || Date.now() - Ee.current < 3e3) return;
       const ce = x + b.current;
-      Math.abs(V.currentTime - ce) <= 0.2 || (Ee.current = Date.now(), V.currentTime = ce);
+      Math.abs(B.currentTime - ce) <= 0.2 || (Ee.current = Date.now(), B.currentTime = ce);
     },
     engaged: l || u > 0,
     prev: () => le(L - 1),
@@ -4065,8 +4086,8 @@ function Kc(t, e, n, r, s = 0, a = null) {
     edgeWait: _,
     wordSync: !0,
     pause: () => {
-      var x, V;
-      K(!1), (x = C.current) != null && x.asked && (C.current = null), (V = o.current) == null || V.pause();
+      var x, B;
+      K(!1), (x = C.current) != null && x.asked && (C.current = null), (B = o.current) == null || B.pause();
     },
     setVolume: (x) => {
       o.current && (o.current.volume = x);
@@ -4081,7 +4102,7 @@ function Jc(t, e, n, r, s, a, o = !1, l) {
   c.current = l ?? c.current;
   const u = j(null), [d, M] = k(!1), [h, f] = k(0), [p, y] = k(0), [T, N] = k(!1), m = j(T);
   m.current = T;
-  const [b, C] = k(null), [D, B] = k(null), [Y, ee] = k(null), [I, F] = k(null), A = j(I);
+  const [b, C] = k(null), [D, V] = k(null), [Y, ee] = k(null), [I, F] = k(null), A = j(I);
   A.current = I;
   const [w, _] = k(null), [O, te] = k(null), [K, L] = k(null), [ie, ne] = k(!1), Z = j(e);
   Z.current = e;
@@ -4092,7 +4113,7 @@ function Jc(t, e, n, r, s, a, o = !1, l) {
   const je = j(a);
   je.current = a;
   const Se = Ke((U) => {
-    U.finite = !0, U.coming = (R) => c.current.has(R), U.readAhead = 6, U.readAheadS = 45, U.onWaiting = (R) => B(R), U.onStarting = (R) => ee(R), U.onSentence = (R) => {
+    U.finite = !0, U.coming = (R) => c.current.has(R), U.readAhead = 6, U.readAheadS = 45, U.onWaiting = (R) => V(R), U.onStarting = (R) => ee(R), U.onSentence = (R) => {
       if (M(U.playing), R == null) return;
       const q = Z.current.findIndex((se) => se.sentenceId === R);
       q >= 0 && f(q);
@@ -4100,17 +4121,17 @@ function Jc(t, e, n, r, s, a, o = !1, l) {
       M(U.playing), C(R instanceof Yi ? { message: "The voice could not be started. Press Play to try again.", code: "voice_not_started" } : { message: "A line of this reading could not be played." });
     }, U.gapBefore = (R, q) => {
       if (!J.current) return 0;
-      const se = Z.current, de = se.find((Oe) => Oe.sentenceId === R), be = se.find((Oe) => Oe.sentenceId === q);
-      if (!be) return 0;
+      const se = Z.current, de = se.find((Ce) => Ce.sentenceId === R), Oe = se.find((Ce) => Ce.sentenceId === q);
+      if (!Oe) return 0;
       const Ne = A.current;
-      if (R == null) return Ne && Ne.sid === q ? Math.max(0, be.start - Ne.t) : 0;
+      if (R == null) return Ne && Ne.sid === q ? Math.max(0, Oe.start - Ne.t) : 0;
       const Le = le.current;
-      return Le && Date.now() - Le.at < 2e3 ? Math.max(0, be.start - (Le.t + (Date.now() - Le.at) / 1e3 * U.rate)) : !de || be.start <= de.start ? 0 : Math.max(0, be.start - Ht(de, de.start, de.start + 4));
+      return Le && Date.now() - Le.at < 2e3 ? Math.max(0, Oe.start - (Le.t + (Date.now() - Le.at) / 1e3 * U.rate)) : !de || Oe.start <= de.start ? 0 : Math.max(0, Oe.start - Ht(de, de.start, de.start + 4));
     }, U.flow = J.current, U.silentSpan = (R) => {
       var $e;
       const q = Z.current, se = q.findIndex((ut) => ut.sentenceId === R), de = q[se];
       if (!de) return null;
-      const be = (($e = q[se + 1]) == null ? void 0 : $e.start) ?? Ht(de, de.start, de.start + 4), Ne = Math.max(0, be - de.start), Le = le.current, Oe = Le && Date.now() - Le.at < 2e3 ? Le.t + (Date.now() - Le.at) / 1e3 * (U.rate || 1) : de.start, He = Math.max(0, Math.min(Ne, Oe - de.start));
+      const Oe = (($e = q[se + 1]) == null ? void 0 : $e.start) ?? Ht(de, de.start, de.start + 4), Ne = Math.max(0, Oe - de.start), Le = le.current, Ce = Le && Date.now() - Le.at < 2e3 ? Le.t + (Date.now() - Le.at) / 1e3 * (U.rate || 1) : de.start, He = Math.max(0, Math.min(Ne, Ce - de.start));
       return { fromS: He, ms: (Ne - He) * 1e3 / (U.rate || 1) };
     }, U.speakable = (R) => {
       const q = Te.current;
@@ -4146,25 +4167,25 @@ function Jc(t, e, n, r, s, a, o = !1, l) {
     var U;
     (U = u.current) == null || U.stop(), u.current = null, ve.current = null;
   }, []);
-  const V = w != null || O != null;
+  const B = w != null || O != null;
   S(() => {
-    if (!d && !V) {
+    if (!d && !B) {
       _(null), te(null);
       return;
     }
     const U = () => {
       var Ne, Le;
       const q = ((Ne = u.current) == null ? void 0 : Ne.resting()) ?? null;
-      ne(!!(q != null && q.silent)), q != null && q.silent && A.current && (A.current = null, F(null)), te((Oe) => q == null ? null : Oe != null && Math.abs(Oe - q.s) < 0.05 ? Oe : q.s);
+      ne(!!(q != null && q.silent)), q != null && q.silent && A.current && (A.current = null, F(null)), te((Ce) => q == null ? null : Ce != null && Math.abs(Ce - q.s) < 0.05 ? Ce : q.s);
       const se = A.current;
       q == null ? L(null) : se && se.sid === q.sentenceId && (L(se.t), A.current = null, F(null));
-      const de = ((Le = u.current) == null ? void 0 : Le.position()) ?? null, be = de && je.current ? je.current[String(de.sentenceId)] ?? null : null;
-      se && de && de.sentenceId === se.sid && de.t > 0.1 && F(null), _((Oe) => de ? Oe && Math.abs(Oe.t - de.t) < 0.05 && Oe.dur === de.dur && Oe.words === be ? Oe : { t: de.t, dur: de.dur, words: be } : Oe == null ? Oe : null);
+      const de = ((Le = u.current) == null ? void 0 : Le.position()) ?? null, Oe = de && je.current ? je.current[String(de.sentenceId)] ?? null : null;
+      se && de && de.sentenceId === se.sid && de.t > 0.1 && F(null), _((Ce) => de ? Ce && Math.abs(Ce.t - de.t) < 0.05 && Ce.dur === de.dur && Ce.words === Oe ? Ce : { t: de.t, dur: de.dur, words: Oe } : Ce == null ? Ce : null);
     };
     U();
     const R = setInterval(U, 100);
     return () => clearInterval(R);
-  }, [d, V]);
+  }, [d, B]);
   const ce = ze(() => new Set(t.map((U) => U.sentenceId)), [t]), W = (U) => {
     var q;
     const R = (q = e[U]) == null ? void 0 : q.sentenceId;
@@ -4180,8 +4201,8 @@ function Jc(t, e, n, r, s, a, o = !1, l) {
   }, _e = (U) => {
     var q, se, de;
     const R = Math.max(0, Math.min(Math.max(0, e.length - 1), U));
-    f(R), Ae.current = R, y((be) => be + 1), (se = u.current) == null || se.seek(((q = e[R]) == null ? void 0 : q.sentenceId) ?? null), M(!!((de = u.current) != null && de.playing));
-  }, Be = (U) => {
+    f(R), Ae.current = R, y((Oe) => Oe + 1), (se = u.current) == null || se.seek(((q = e[R]) == null ? void 0 : q.sentenceId) ?? null), M(!!((de = u.current) != null && de.playing));
+  }, Ve = (U) => {
     var R;
     E(), F(null), (R = u.current) == null || R.startWithin(-1, 0), _e(U);
   }, $ = (U) => {
@@ -4242,7 +4263,7 @@ function Jc(t, e, n, r, s, a, o = !1, l) {
       var U, R, q;
       E(), (U = u.current) == null || U.pause(), M(!1), f(0), _(null), (q = u.current) == null || q.seek(((R = e[0]) == null ? void 0 : R.sentenceId) ?? null);
     },
-    seekRow: Be,
+    seekRow: Ve,
     resumeAt: (U) => {
       H(U), t.some((R) => R.sentenceId >= (U.sentenceId ?? 0)) && (H(null), Q.current(U));
     },
@@ -4260,22 +4281,22 @@ function Jc(t, e, n, r, s, a, o = !1, l) {
         A.current = Mt, F(Mt), _e(Ge);
         return;
       }
-      const be = (se == null ? void 0 : se.sentenceId) ?? null, { from: Ne, span: Le } = $(q);
-      let Oe = Le > 0 ? Math.max(0, Math.min(1, (R - Ne) / Le)) : 0;
-      const He = be != null ? (it = je.current) == null ? void 0 : it[String(be)] : void 0, $e = He != null && He.length ? He[He.length - 1][1] : 0;
+      const Oe = (se == null ? void 0 : se.sentenceId) ?? null, { from: Ne, span: Le } = $(q);
+      let Ce = Le > 0 ? Math.max(0, Math.min(1, (R - Ne) / Le)) : 0;
+      const He = Oe != null ? (it = je.current) == null ? void 0 : it[String(Oe)] : void 0, $e = He != null && He.length ? He[He.length - 1][1] : 0;
       if (se && He && He.length === se.words.length && $e > 0) {
         let Ge = 0;
         for (let st = 0; st < se.words.length; st++) se.words[st].start <= R && (Ge = st);
         const rt = se.words[Ge], Mt = rt.end > rt.start ? Math.max(0, Math.min(1, (R - rt.start) / (rt.end - rt.start))) : 0;
-        Oe = Math.min(1, (He[Ge][0] + Mt * (He[Ge][1] - He[Ge][0])) / $e);
+        Ce = Math.min(1, (He[Ge][0] + Mt * (He[Ge][1] - He[Ge][0])) / $e);
       }
-      be != null && ((pt = u.current) == null || pt.startWithin(be, Oe)), F(Oe > 0.01 ? { t: R, sid: be } : null), _e(q);
+      Oe != null && ((pt = u.current) == null || pt.startWithin(Oe, Ce)), F(Ce > 0.01 ? { t: R, sid: Oe } : null), _e(q);
     },
     seekWord: a ? (U) => {
-      var de, be, Ne, Le;
+      var de, Oe, Ne, Le;
       const R = e[G];
       if (!R || R.sentenceId == null) return;
-      const q = R.words.findIndex((Oe) => Oe.seq === U.seq && Oe.idx === U.idx), se = q >= 0 ? (Ne = (be = (de = je.current) == null ? void 0 : de[String(R.sentenceId)]) == null ? void 0 : be[q]) == null ? void 0 : Ne[0] : void 0;
+      const q = R.words.findIndex((Ce) => Ce.seq === U.seq && Ce.idx === U.idx), se = q >= 0 ? (Ne = (Oe = (de = je.current) == null ? void 0 : de[String(R.sentenceId)]) == null ? void 0 : Oe[q]) == null ? void 0 : Ne[0] : void 0;
       se != null && ((Le = u.current) == null || Le.seekWithin(se));
     } : void 0,
     playRow: (U) => {
@@ -4286,11 +4307,11 @@ function Jc(t, e, n, r, s, a, o = !1, l) {
     },
     prev: () => {
       const U = ye(G - 1, -1);
-      U != null && Be(U);
+      U != null && Ve(U);
     },
     next: () => {
       const U = ye(G + 1, 1);
-      U != null && Be(U);
+      U != null && Ve(U);
     },
     hold: () => {
       var U;
@@ -4306,11 +4327,11 @@ function Jc(t, e, n, r, s, a, o = !1, l) {
     }
   };
   function Ye(U) {
-    var se, de, be, Ne;
+    var se, de, Oe, Ne;
     const R = (se = e[U]) == null ? void 0 : se.sentenceId;
     if (R == null) return;
     f(U), Ae.current = U, F(null), A.current = null, (de = u.current) == null || de.joinSilently(R);
-    const q = ((be = u.current) == null ? void 0 : be.resting()) ?? null;
+    const q = ((Oe = u.current) == null ? void 0 : Oe.resting()) ?? null;
     te((q == null ? void 0 : q.s) ?? null), ne(!!(q != null && q.silent)), M(!!((Ne = u.current) != null && Ne.playing));
   }
   return fe.joinAt = o ? (U) => {
@@ -4329,21 +4350,21 @@ const Xc = () => {
 }, eu = "The language this recording is read aloud in.", tu = { title: "READ IN", note: "The transcript and its voice switch to this language." };
 function nu({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, langs: o, srcLang: l, canTranslate: c, pickedLang: u, setPickedLang: d, side: M, hearOriginal: h = !1, timed: f = !1, stockVoices: p = !1, stickyPicker: y = !1, pickerBusy: T = null, voiceSheet: N, forcedVoice: m = null }) {
   var mn, xt, Nn, an;
-  const { onAddVoice: b, onPickVoice: C, onSelectSpeaker: D, noCloneFor: B, castNoClone: Y, castShort: ee, castBuilding: I, castWarn: F, badge: A, titleNode: w } = N ?? {}, _ = !!N, O = !!(N != null && N.pendingClones), [te, K] = $i(), [L, ie] = k(null), [ne, Z] = k(!1), [J, pe] = k(!1), [le, Te] = k(!1), [je, Se] = k(!1), ve = u ?? l, we = u === null, Ee = u != null || L != null, De = ((P) => !!P && !!(o != null && o.voice.includes(P)))(we ? l : ve) ? we ? l : ve : "en", Q = Ec(De), H = (N == null ? void 0 : N.cloneOn) ?? !0, [E, x] = k(0), V = j(H);
+  const { onAddVoice: b, onPickVoice: C, onSelectSpeaker: D, noCloneFor: V, castNoClone: Y, castShort: ee, castBuilding: I, castWarn: F, badge: A, titleNode: w } = N ?? {}, _ = !!N, O = !!(N != null && N.pendingClones), [te, K] = $i(), [L, ie] = k(null), [ne, Z] = k(!1), [J, pe] = k(!1), [le, Te] = k(!1), [je, Se] = k(!1), ve = u ?? l, we = u === null, Ee = u != null || L != null, De = ((P) => !!P && !!(o != null && o.voice.includes(P)))(we ? l : ve) ? we ? l : ve : "en", Q = Ec(De), H = (N == null ? void 0 : N.cloneOn) ?? !0, [E, x] = k(0), B = j(H);
   S(() => {
-    V.current !== H && (V.current = H, x((P) => P + 1));
+    B.current !== H && (B.current = H, x((P) => P + 1));
   }, [H]);
-  const ce = gc(De, Ee || s || J, fc(e) * 1e3 + E, { id: t ?? null, shareCode: a.shareCode ?? null }), W = ze(() => ((ce == null ? void 0 : ce.voices) ?? []).filter((P) => _ || !P.cloned || P.speaker != null), [ce, _]), ye = W.length > 1, G = Dr(o, ve), ke = ea(), Ie = ze(() => Qi(o, "translation"), [o]), [Fe, Ae] = k(null), [he] = k(() => /* @__PURE__ */ new Set()), [_e, Be] = k({}), $ = ze(() => cc(n, e, ke.vcUnknownSpk), [n, e, ke]), Me = ye && $.filter((P) => P.key >= 0).length > 1, ue = Fe != null && $.some((P) => P.key === Fe) ? Fe : ((mn = $[0]) == null ? void 0 : mn.key) ?? null, ae = ze(() => {
+  const ce = gc(De, Ee || s || J, fc(e) * 1e3 + E, { id: t ?? null, shareCode: a.shareCode ?? null }), W = ze(() => ((ce == null ? void 0 : ce.voices) ?? []).filter((P) => _ || !P.cloned || P.speaker != null), [ce, _]), ye = W.length > 1, G = Dr(o, ve), ke = ea(), Ie = ze(() => Qi(o, "translation"), [o]), [Fe, Ae] = k(null), [he] = k(() => /* @__PURE__ */ new Set()), [_e, Ve] = k({}), $ = ze(() => cc(n, e, ke.vcUnknownSpk), [n, e, ke]), Me = ye && $.filter((P) => P.key >= 0).length > 1, ue = Fe != null && $.some((P) => P.key === Fe) ? Fe : ((mn = $[0]) == null ? void 0 : mn.key) ?? null, ae = ze(() => {
     const P = Ti($, W, H);
     for (const [xe, Qe] of Object.entries(_e[De ?? ""] ?? {})) P.set(Number(xe), Qe);
     return P;
-  }, [$, W, _e, De, H]), fe = Me && Object.keys(_e[De ?? ""] ?? {}).length > 0, Ye = ze(() => p && !fe ? Ti($, W, !1) : null, [p, fe, $, W]), U = ze(() => fe ? Ni(ae) || null : Ye && Ni(Ye) || null, [fe, ae, Ye]), R = fe ? ae : Ye, q = W.some((P) => P.cloned && P.consent !== "pending"), se = !!ve && !!(o != null && o.voice.includes(ve)), de = se && !h, be = ze(
+  }, [$, W, _e, De, H]), fe = Me && Object.keys(_e[De ?? ""] ?? {}).length > 0, Ye = ze(() => p && !fe ? Ti($, W, !1) : null, [p, fe, $, W]), U = ze(() => fe ? Ni(ae) || null : Ye && Ni(Ye) || null, [fe, ae, Ye]), R = fe ? ae : Ye, q = W.some((P) => P.cloned && P.consent !== "pending"), se = !!ve && !!(o != null && o.voice.includes(ve)), de = se && !h, Oe = ze(
     () => n.filter((P) => !P.suppressed && !P.unclear).map((P) => P.sentenceId).filter((P) => P != null),
     [n]
-  ), Ne = pc({ recordingId: t, lang: ve, ended: s, cred: a, pickedVoice: m || (U ?? L), sentenceIds: s && de ? be : void 0 }), Le = W.find((P) => P.id === L) ?? W.find((P) => {
+  ), Ne = pc({ recordingId: t, lang: ve, ended: s, cred: a, pickedVoice: m || (U ?? L), sentenceIds: s && de ? Oe : void 0 }), Le = W.find((P) => P.id === L) ?? W.find((P) => {
     var xe;
     return P.id === ((xe = Ne.track) == null ? void 0 : xe.voice);
-  }) ?? W.find((P) => P.default) ?? W[0] ?? null, Oe = (Le == null ? void 0 : Le.id) ?? null;
+  }) ?? W.find((P) => P.default) ?? W[0] ?? null, Ce = (Le == null ? void 0 : Le.id) ?? null;
   S(() => {
     if (!Ne.rendering) return;
     const P = setInterval(Ne.reload, 4e3);
@@ -4370,12 +4391,12 @@ function nu({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
     pause: () => {
       Se(!1), $e.pause();
     }
-  }, st = () => Z(!0), Ve = () => {
+  }, st = () => Z(!0), Be = () => {
     Z(!1), pe(le), Te(!1);
   }, Mn = (P) => {
     if (d(P), K(P), !((M || y) && !le)) {
       if (P != null) {
-        Ve();
+        Be();
         return;
       }
       Q.reset(), Z(!1), pe(!1), Te(!1);
@@ -4399,11 +4420,11 @@ function nu({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
   }, gn = (P) => {
     if (Q.reset(), pe(Me), (ve !== De || we) && d(De), Ne.forget(), Se(!0), Me && ue != null && De) {
       const xe = new Map(ae);
-      xe.set(ue, P), Be((Qe) => ({ ...Qe, [De]: Object.fromEntries(xe) })), ie(null);
+      xe.set(ue, P), Ve((Qe) => ({ ...Qe, [De]: Object.fromEntries(xe) })), ie(null);
       return;
     }
     ie(P);
-  }, z = we ? { ...Dr(o, null), flag: /* @__PURE__ */ i(oe, { d: X.langAuto, size: 21, sw: 1.7, style: { color: "currentColor", display: "block" } }) } : G, Wn = c ? M ? /* @__PURE__ */ i("span", { className: "barchip", style: lt ? { background: "var(--brand-tint)", boxShadow: "0 0 0 1.5px var(--brand)" } : void 0, children: /* @__PURE__ */ i(Rn, { flag: z.flag, code: z.code, bordered: !1, onClick: tn, flagOnly: !0, label: z.label }) }) : /* @__PURE__ */ i(Rn, { flag: z.flag, code: z.code, bordered: !1, onClick: st, flagOnly: !0, label: z.label }) : null, Et = X.voiceClone, _t = Ee && (!!Ne.track || ut), Yt = it ? "var(--conf-low)" : _t || M && at ? "var(--brand)" : "var(--ink-55)", Ft = Yc({ on: Ee, want: je, relang: rt, playing: $e.playing, preparing: !!$e.preparing, starting: $e.starting }), [fn] = oa(Ft === "line", 400), qe = Ft === "asked" || Ft === "line" && fn, ot = ut || qe, nn = Ft === "asked" ? wi : $e.preparing ? `Speaking this line in ${(Le == null ? void 0 : Le.name) ?? "this voice"}…` : ut ? `Preparing this recording in ${(Le == null ? void 0 : Le.name) ?? "this voice"} — it will play as soon as it is ready` : it ? `This voice could not be prepared: ${it}` : se ? ye ? "Choose a voice" : Le ? Le.name : ke.vcNoVoice + G.label : `${ke.vcNoVoice}${G.label}`, mt = /* @__PURE__ */ i(Io, { open: ne, onClose: Ve, keepOpen: (!!M || y) && !le, value: we ? null : ve, onSelect: Mn, languages: Ie, title: (M == null ? void 0 : M.title) ?? "SPOKEN LANGUAGE", note: (M == null ? void 0 : M.note) ?? eu, searchPlaceholder: ke.search, none: "Original", pinned: (we ? l : ve) ? [we ? l : ve] : [], recent: te, requireVoice: le, sticky: y, busy: T }), gt = ze(() => W.filter((P) => P.cloned && !P.auto), [W]), Zt = (P) => P.voiceId ? gt.find((xe) => xe.id === `clone:${P.voiceId}`) ?? null : null, dt = ze(() => $.filter((P) => P.key >= 0), [$]), rn = ze(() => {
+  }, z = we ? { ...Dr(o, null), flag: /* @__PURE__ */ i(oe, { d: X.langAuto, size: 21, sw: 1.7, style: { color: "currentColor", display: "block" } }) } : G, Wn = c ? M ? /* @__PURE__ */ i("span", { className: "barchip", style: lt ? { background: "var(--brand-tint)", boxShadow: "0 0 0 1.5px var(--brand)" } : void 0, children: /* @__PURE__ */ i(Rn, { flag: z.flag, code: z.code, bordered: !1, onClick: tn, flagOnly: !0, label: z.label }) }) : /* @__PURE__ */ i(Rn, { flag: z.flag, code: z.code, bordered: !1, onClick: st, flagOnly: !0, label: z.label }) : null, Et = X.voiceClone, _t = Ee && (!!Ne.track || ut), Yt = it ? "var(--conf-low)" : _t || M && at ? "var(--brand)" : "var(--ink-55)", Ft = Yc({ on: Ee, want: je, relang: rt, playing: $e.playing, preparing: !!$e.preparing, starting: $e.starting }), [fn] = oa(Ft === "line", 400), qe = Ft === "asked" || Ft === "line" && fn, ot = ut || qe, nn = Ft === "asked" ? wi : $e.preparing ? `Speaking this line in ${(Le == null ? void 0 : Le.name) ?? "this voice"}…` : ut ? `Preparing this recording in ${(Le == null ? void 0 : Le.name) ?? "this voice"} — it will play as soon as it is ready` : it ? `This voice could not be prepared: ${it}` : se ? ye ? "Choose a voice" : Le ? Le.name : ke.vcNoVoice + G.label : `${ke.vcNoVoice}${G.label}`, mt = /* @__PURE__ */ i(Io, { open: ne, onClose: Be, keepOpen: (!!M || y) && !le, value: we ? null : ve, onSelect: Mn, languages: Ie, title: (M == null ? void 0 : M.title) ?? "SPOKEN LANGUAGE", note: (M == null ? void 0 : M.note) ?? eu, searchPlaceholder: ke.search, none: "Original", pinned: (we ? l : ve) ? [we ? l : ve] : [], recent: te, requireVoice: le, sticky: y, busy: T }), gt = ze(() => W.filter((P) => P.cloned && !P.auto), [W]), Zt = (P) => P.voiceId ? gt.find((xe) => xe.id === `clone:${P.voiceId}`) ?? null : null, dt = ze(() => $.filter((P) => P.key >= 0), [$]), rn = ze(() => {
     const P = W.filter((Qe) => !Qe.cloned);
     if (!Me) return [...P, ...s && dt.length === 1 ? gt.filter((Qe) => Qe.id === `clone:${dt[0].voiceId}`) : []];
     const xe = [];
@@ -4444,14 +4465,14 @@ function nu({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
       onAdd: (P) => {
         Q.reset(), b == null || b(P);
       },
-      noClone: ct && !Ze.some((P) => P.cloned) ? (B == null ? void 0 : B(ct, Ut(ct.key), wt)) ?? null : null,
+      noClone: ct && !Ze.some((P) => P.cloned) ? (V == null ? void 0 : V(ct, Ut(ct.key), wt)) ?? null : null,
       usedBy: Me && ue != null ? (P) => {
         const xe = $.filter((Qe) => Qe.key !== ue && ae.get(Qe.key) === P.id);
         return xe.length ? xe.map((Qe) => Qe.name).join(", ") : null;
       } : void 0,
       foldKey: ue,
       foldFor: bt,
-      currentId: Me && ue != null ? ae.get(ue) ?? null : Oe,
+      currentId: Me && ue != null ? ae.get(ue) ?? null : Ce,
       armedId: Q.armId,
       sampleId: Q.sampleId,
       dlId: Q.dlId,
@@ -4468,7 +4489,7 @@ function nu({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
       },
       onUse: gn
     }
-  ) }), Fn = M ? null : /* @__PURE__ */ g(Ce, { children: [
+  ) }), Fn = M ? null : /* @__PURE__ */ g(be, { children: [
     mt,
     Ot
   ] }), Zn = M && (ne || J) ? /* @__PURE__ */ i("div", { className: "vs-side", children: ne ? mt : Ot }) : null, Ct = Ge ? it ? `This voice could not be prepared: ${it}` : qe && (je || $e.playing) ? wi : null : null, Gn = pt;
@@ -4507,7 +4528,7 @@ function nu({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
     armVoice: Q.arm,
     resetPreview: Q.reset,
     armedId: Q.armId,
-    resetCast: () => Be((P) => ({ ...P, [De ?? ""]: {} })),
+    resetCast: () => Ve((P) => ({ ...P, [De ?? ""]: {} })),
     readLang: typeof u == "string" && u !== l ? u : null,
     readVoiceKey: m || (U ?? L ?? ((an = Ne.track) == null ? void 0 : an.voiceKey) ?? ""),
     pickedVoiceKey: U ?? L ?? null,
@@ -4518,12 +4539,12 @@ function nu({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
     clips: Ne.clips,
     setNear: Ne.setNear,
     closePicker: () => {
-      lt && Ve();
+      lt && Be();
     },
     langList: { value: we ? null : ve, onSelect: Mn, languages: Ie, searchPlaceholder: ke.search, none: "Original", pinned: (we ? l : ve) ? [we ? l : ve] : [], recent: te }
   };
 }
-function ru({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a, onWord: o, onFix: l, fixMode: c, fixingId: u, marks: d = !0, fixBadges: M = !0, tail: h, tailFg: f, running: p, desk: y, feedRef: T, listener: N, showLabels: m, find: b, findOpen: C, lang: D, warm: B, onVisible: Y, wordHl: ee = !0 }) {
+function ru({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a, onWord: o, onFix: l, fixMode: c, fixingId: u, marks: d = !0, fixBadges: M = !0, tail: h, tailFg: f, running: p, desk: y, feedRef: T, listener: N, showLabels: m, find: b, findOpen: C, lang: D, warm: V, onVisible: Y, wordHl: ee = !0 }) {
   const { playing: I, engaged: F, t: A, idx: w, seekN: _, wordSync: O, clipPos: te } = n;
   jc(!0, T);
   const K = j(null);
@@ -4544,36 +4565,36 @@ function ru({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
       const G = ye.join(",");
       G !== Se.current && (Se.current = G, Y(ye));
     }, x = window.setTimeout(E, 120);
-    let V;
+    let B;
     const ce = () => {
-      window.clearTimeout(V), V = window.setTimeout(E, 120);
+      window.clearTimeout(B), B = window.setTimeout(E, 120);
     };
     return H.addEventListener("scroll", ce, { passive: !0 }), () => {
-      window.clearTimeout(x), window.clearTimeout(V), H.removeEventListener("scroll", ce);
+      window.clearTimeout(x), window.clearTimeout(B), H.removeEventListener("scroll", ce);
     };
   }, [e, Y, T]);
   const ve = (H) => {
     const E = T.current, x = je(H);
     if (!E || !x) return;
-    const V = x.getBoundingClientRect().top - E.getBoundingClientRect().top + E.scrollTop, ce = E.scrollHeight - E.clientHeight, W = wr(E), ye = Math.max(80, E.clientHeight - W.top - W.bottom), G = x.offsetHeight > ye ? 8 : (ye - x.offsetHeight) / 2;
-    E.scrollTop = Math.max(0, Math.min(ce, V - W.top - G));
+    const B = x.getBoundingClientRect().top - E.getBoundingClientRect().top + E.scrollTop, ce = E.scrollHeight - E.clientHeight, W = wr(E), ye = Math.max(80, E.clientHeight - W.top - W.bottom), G = x.offsetHeight > ye ? 8 : (ye - x.offsetHeight) / 2;
+    E.scrollTop = Math.max(0, Math.min(ce, B - W.top - G));
   }, we = (H) => {
     const E = T.current, x = je(H);
     if (!E || !E.clientHeight || !E.offsetParent || !x) return 0;
-    const V = x.getBoundingClientRect(), ce = E.getBoundingClientRect(), W = wr(E), ye = ce.top + W.top, G = ce.bottom - W.bottom;
-    return V.height > G - ye ? V.top < ye - 4 ? -1 : V.top > G - 60 ? 1 : 0 : V.bottom < ye + 10 ? -1 : V.bottom > G - 4 ? 1 : 0;
+    const B = x.getBoundingClientRect(), ce = E.getBoundingClientRect(), W = wr(E), ye = ce.top + W.top, G = ce.bottom - W.bottom;
+    return B.height > G - ye ? B.top < ye - 4 ? -1 : B.top > G - 60 ? 1 : 0 : B.bottom < ye + 10 ? -1 : B.bottom > G - 4 ? 1 : 0;
   }, Ee = (H) => {
     pe.current = performance.now() + 420;
     const E = T.current, x = je(H);
     if (!E || !E.clientHeight || !x) return;
-    const V = x.getBoundingClientRect(), ce = E.getBoundingClientRect(), W = E.scrollHeight - E.clientHeight, ye = E.scrollTop, G = wr(E), ke = Math.max(80, E.clientHeight - G.top - G.bottom), Ie = V.height > ke ? 8 : (ke - V.height) / 2, Fe = Math.max(0, Math.min(W, ye + (V.top - ce.top) - G.top - Ie));
+    const B = x.getBoundingClientRect(), ce = E.getBoundingClientRect(), W = E.scrollHeight - E.clientHeight, ye = E.scrollTop, G = wr(E), ke = Math.max(80, E.clientHeight - G.top - G.bottom), Ie = B.height > ke ? 8 : (ke - B.height) / 2, Fe = Math.max(0, Math.min(W, ye + (B.top - ce.top) - G.top - Ie));
     if (le.current && cancelAnimationFrame(le.current), Math.abs(Fe - ye) < 2) {
       E.scrollTop = Fe, le.current = null;
       return;
     }
     const Ae = performance.now(), he = 360, _e = () => {
-      const Be = Math.min(1, (performance.now() - Ae) / he);
-      E.scrollTop = ye + (Fe - ye) * (1 - Math.pow(1 - Be, 3)), le.current = Be < 1 ? requestAnimationFrame(_e) : null;
+      const Ve = Math.min(1, (performance.now() - Ae) / he);
+      E.scrollTop = ye + (Fe - ye) * (1 - Math.pow(1 - Ve, 3)), le.current = Ve < 1 ? requestAnimationFrame(_e) : null;
     };
     le.current = requestAnimationFrame(_e);
   };
@@ -4589,8 +4610,8 @@ function ru({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
     const H = () => {
       const x = w !== Te.current;
       Te.current = w;
-      let V = performance.now() < pe.current ? 0 : we(w);
-      x && V && !Re.current && (ve(w), V = 0), Re.current = V, J(V);
+      let B = performance.now() < pe.current ? 0 : we(w);
+      x && B && !Re.current && (ve(w), B = 0), Re.current = B, J(B);
     };
     H();
     const E = setInterval(H, 200);
@@ -4609,13 +4630,13 @@ function ru({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
     I && Z === -1 && Q("up"),
     e.map((H, E) => {
       var Me;
-      const x = I && E === w, V = F && E === w, ce = !!u && u === H.id, W = ne && !H.text.toLowerCase().includes(ne) && !(D && ((Me = H.translations[D]) != null && Me.toLowerCase().includes(ne))) ? 0.22 : !F || E <= w || ce ? 1 : 0.38, ye = N ? () => n.playRow(E) : c && l ? () => {
+      const x = I && E === w, B = F && E === w, ce = !!u && u === H.id, W = ne && !H.text.toLowerCase().includes(ne) && !(D && ((Me = H.translations[D]) != null && Me.toLowerCase().includes(ne))) ? 0.22 : !F || E <= w || ce ? 1 : 0.38, ye = N ? () => n.playRow(E) : c && l ? () => {
         I && !x && n.seekRow(E), l(H);
-      } : I && x ? void 0 : () => n.playRow(E), G = N ? null : rc(H, s, r), ke = !!G && (G.script > 0 || G.manual), Ie = y && !!a && L === H.id && !!G && !ke, Fe = $r(t, H.speaker), Ae = Qr(t, H.speaker), he = Ae.lane, _e = D && H.translations[D] && H.language !== D ? H.translations[D] : null, Be = la(e, E, D), $ = V && !O && te ? Ri(Be.map((ue) => ({ t: ue.text, sp: " " })), te) : null;
-      return /* @__PURE__ */ g("div", { "data-tx-row": E, "data-sentence": H.sentenceId, className: `txline${B ? " txline--warm" : ""}${ce ? " txline--fixing" : ""}`, "aria-current": ce || void 0, style: { opacity: W }, onClick: ye, onMouseEnter: y && a ? () => ie(H.id) : void 0, onMouseLeave: y && a ? () => ie(null) : void 0, children: [
+      } : I && x ? void 0 : () => n.playRow(E), G = N ? null : rc(H, s, r), ke = !!G && (G.script > 0 || G.manual), Ie = y && !!a && L === H.id && !!G && !ke, Fe = $r(t, H.speaker), Ae = Qr(t, H.speaker), he = Ae.lane, _e = D && H.translations[D] && H.language !== D ? H.translations[D] : null, Ve = la(e, E, D), $ = B && !O && te ? Ri(Ve.map((ue) => ({ t: ue.text, sp: " " })), te) : null;
+      return /* @__PURE__ */ g("div", { "data-tx-row": E, "data-sentence": H.sentenceId, className: `txline${V ? " txline--warm" : ""}${ce ? " txline--fixing" : ""}`, "aria-current": ce || void 0, style: { opacity: W }, onClick: ye, onMouseEnter: y && a ? () => ie(H.id) : void 0, onMouseLeave: y && a ? () => ie(null) : void 0, children: [
         /* @__PURE__ */ g("div", { className: "txline__meta", children: [
           /* @__PURE__ */ i("span", { className: "txline__at", children: jt(H.start) }),
-          m && H.speaker >= 0 && /* @__PURE__ */ g(Ce, { children: [
+          m && H.speaker >= 0 && /* @__PURE__ */ g(be, { children: [
             /* @__PURE__ */ i("div", { className: `lanechip bg-lane-${he}`, style: Ae.soft ? { background: Ae.soft, color: Ae.fg } : void 0, children: Zi(t, H.speaker) }),
             /* @__PURE__ */ i("span", { className: `txline__who lane-${he}`, style: Ae.fg ? { color: Ae.fg } : void 0, children: Fe }),
             Ae.hasVoice && /* @__PURE__ */ i(sa, { color: Ae.fg ?? `var(--lane-${he})` })
@@ -4624,8 +4645,8 @@ function ru({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
           G && M && /* @__PURE__ */ i(sc, { f: G, desk: y, onOpen: a ? () => a(H, !0) : void 0 }),
           Ie && /* @__PURE__ */ i(ic, { alone: !0, onOpen: () => a == null ? void 0 : a(H, !1) })
         ] }),
-        /* @__PURE__ */ i("div", { className: "txline__text", children: Be.map((ue, ae) => {
-          const fe = `${ue.seq}:${ue.idx}`, Ye = kl(ue.prob), U = V && ee, R = U && (O ? A >= ue.start && (A < ue.end || ae === Be.length - 1 || A < Be[ae + 1].start) : ae === $), q = U && !R && (O ? ue.start > A : $ != null && ae > $), se = !_e && !N && (!!(r != null && r.has(fe)) || !!ue.script), de = !_e && !N && d && !!Ye && !se, be = de ? Ye === "low" ? "var(--conf-low-half)" : "var(--conf-mid-half)" : null, Ne = se ? "var(--brand)" : q ? "var(--ink-40)" : be ?? "var(--ink-96)";
+        /* @__PURE__ */ i("div", { className: "txline__text", children: Ve.map((ue, ae) => {
+          const fe = `${ue.seq}:${ue.idx}`, Ye = kl(ue.prob), U = B && ee, R = U && (O ? A >= ue.start && (A < ue.end || ae === Ve.length - 1 || A < Ve[ae + 1].start) : ae === $), q = U && !R && (O ? ue.start > A : $ != null && ae > $), se = !_e && !N && (!!(r != null && r.has(fe)) || !!ue.script), de = !_e && !N && d && !!Ye && !se, Oe = de ? Ye === "low" ? "var(--conf-low-half)" : "var(--conf-mid-half)" : null, Ne = se ? "var(--brand)" : q ? "var(--ink-40)" : Oe ?? "var(--ink-96)";
           return /* @__PURE__ */ g("span", { children: [
             /* @__PURE__ */ i(
               "span",
@@ -4633,18 +4654,18 @@ function ru({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
                 className: "txw",
                 title: o && !_e ? c ? "Correct this word" : x && I && n.seekWord ? "Play from this word" : "Play from this line" : x ? "" : "Play from this line",
                 onClick: o && !_e ? (Le) => {
-                  var Oe;
+                  var Ce;
                   if (Le.stopPropagation(), c) {
                     o(H, ue);
                     return;
                   }
                   if (I && x) {
-                    (Oe = n.seekWord) == null || Oe.call(n, ue);
+                    (Ce = n.seekWord) == null || Ce.call(n, ue);
                     return;
                   }
                   n.playRow(E);
                 } : void 0,
-                style: { color: Ne, opacity: q ? 0.45 : 1, fontWeight: 300, cursor: o && !_e ? c || !x || !I || n.seekWord ? "pointer" : "default" : x ? "default" : "pointer", textShadow: R ? "0 0 2px currentColor, 0 0 4px currentColor" : "none", textDecorationLine: de || se ? "underline" : "none", textDecorationStyle: se ? "solid" : "dotted", textDecorationColor: se ? "var(--brand)" : be ?? "currentColor", textDecorationThickness: de || se ? "1.5px" : void 0, textUnderlineOffset: de || se ? "3px" : void 0 },
+                style: { color: Ne, opacity: q ? 0.45 : 1, fontWeight: 300, cursor: o && !_e ? c || !x || !I || n.seekWord ? "pointer" : "default" : x ? "default" : "pointer", textShadow: R ? "0 0 2px currentColor, 0 0 4px currentColor" : "none", textDecorationLine: de || se ? "underline" : "none", textDecorationStyle: se ? "solid" : "dotted", textDecorationColor: se ? "var(--brand)" : Oe ?? "currentColor", textDecorationThickness: de || se ? "1.5px" : void 0, textUnderlineOffset: de || se ? "3px" : void 0 },
                 children: ue.text
               }
             ),
@@ -4809,12 +4830,12 @@ function cu(t) {
       m(K, L, te), m(L, K, te);
     }
   }
-  let B = 0;
+  let V = 0;
   for (let w = r - 1; w >= 1; w -= 2) {
     w === 6 && (w = 5);
     for (let _ = 0; _ < r; _++) for (let O = 0; O < 2; O++) {
       const te = w - O, K = w + 1 & 2 ? _ : r - 1 - _;
-      !N[K][te] && B < y.length * 8 && (T[K][te] = (y[B >>> 3] >>> 7 - (B & 7) & 1) !== 0, B++);
+      !N[K][te] && V < y.length * 8 && (T[K][te] = (y[V >>> 3] >>> 7 - (V & 7) & 1) !== 0, V++);
     }
   }
   const Y = (w, _, O) => {
@@ -4934,7 +4955,7 @@ function Yn({ pos: t, interactive: e, axis: n = "x" }) {
     const u = a(c);
     s(null), t.onSeek(u);
   }, l = r != null ? r * 100 : t.pct;
-  return /* @__PURE__ */ g(Ce, { children: [
+  return /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ i("span", { className: `gfull__t${e ? " gfull__t--at" : ""}`, children: r != null ? t.labelAt(r) : t.atLabel }),
     /* @__PURE__ */ i(
       "div",
@@ -5026,7 +5047,7 @@ function Un({ t, mini: e }) {
 }
 function _r({ live: t, mini: e, desk: n, pct: r, mark: s }) {
   return /* @__PURE__ */ g("div", { className: `gfull__brand${s ? " gfull__brand--mark" : ""}`, children: [
-    /* @__PURE__ */ i("a", { href: Si, target: "_blank", rel: "noopener", style: { display: "block", lineHeight: 0 }, "aria-label": "VocalStack", title: "VocalStack", children: s ? /* @__PURE__ */ i(Yr, { dark: !0, size: 22 }) : /* @__PURE__ */ i(Vn, { dark: !0, link: !1, height: e ? 11 : n ? 18 : 15 }) }),
+    /* @__PURE__ */ i("a", { href: Si, target: "_blank", rel: "noopener", style: { display: "block", lineHeight: 0 }, "aria-label": "VocalStack", title: "VocalStack", children: s ? /* @__PURE__ */ i(Yr, { dark: !0, size: 22 }) : /* @__PURE__ */ i(Bn, { dark: !0, link: !1, height: e ? 11 : n ? 18 : 15 }) }),
     t && /* @__PURE__ */ g("span", { className: "gfull__live", children: [
       /* @__PURE__ */ i("i", {}),
       "LIVE"
@@ -5061,7 +5082,7 @@ function gu({ pos: t, transport: e, chip: n, voices: r, onShare: s, onFull: a, c
   ] });
 }
 const fu = { color: "rgba(255,255,255,.4)" };
-function ha({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title: s, desk: a, pos: o, sub: l, wait: c, pct: u, mute: d, cc: M, ad: h, chip: f, transport: p, picker: y, sheet: T, voices: N, voicesBtn: m, sheetOpen: b, onShare: C, onSettings: D, paused: B, copied: Y, onTouch: ee, onClose: I }) {
+function ha({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title: s, desk: a, pos: o, sub: l, wait: c, pct: u, mute: d, cc: M, ad: h, chip: f, transport: p, picker: y, sheet: T, voices: N, voicesBtn: m, sheetOpen: b, onShare: C, onSettings: D, paused: V, copied: Y, onTouch: ee, onClose: I }) {
   const [F, A] = k(() => !!vr());
   S(() => {
     const $ = () => A(!!vr());
@@ -5149,22 +5170,22 @@ function ha({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
     const U = (de) => Math.round((de.getBoundingClientRect().top - $.getBoundingClientRect().top + $.scrollTop) / ae), R = Math.max(1, Math.round($.clientHeight / ae)), q = Me ? ue.length ? Math.floor(U(ue[ue.length - 1]) / R) * R * ae : 0 : Ye, se = Math.max(0, Math.min(Ye, q));
     Math.abs(se - $.scrollTop) > 1 && ($.scrollTop = se);
   }, [x, H]);
-  const [V, ce] = k(!0), [W, ye] = k(!1), G = j(void 0);
+  const [B, ce] = k(!0), [W, ye] = k(!1), G = j(void 0);
   S(() => () => window.clearTimeout(G.current), []);
-  const ke = B != null && B.share ? B.share.url(V && B.share.at >= 1 ? Math.floor(B.share.at) : null) : "", Ie = ze(() => we && ke && !p.playing ? uu(ke) : "", [we, ke, p.playing]), Fe = () => {
+  const ke = V != null && V.share ? V.share.url(B && V.share.at >= 1 ? Math.floor(V.share.at) : null) : "", Ie = ze(() => we && ke && !p.playing ? uu(ke) : "", [we, ke, p.playing]), Fe = () => {
     var $;
     ($ = navigator.clipboard) == null || $.writeText(ke).then(() => {
       ye(!0), window.clearTimeout(G.current), G.current = window.setTimeout(() => ye(!1), 1800);
     }, () => {
     });
-  }, Ae = we && (B == null ? void 0 : B.share) && /* @__PURE__ */ g("div", { className: "gfull__sharecard", onPointerDown: ($) => $.stopPropagation(), onClick: ($) => $.stopPropagation(), children: [
+  }, Ae = we && (V == null ? void 0 : V.share) && /* @__PURE__ */ g("div", { className: "gfull__sharecard", onPointerDown: ($) => $.stopPropagation(), onClick: ($) => $.stopPropagation(), children: [
     Ie && /* @__PURE__ */ i("div", { className: "gfull__shareqr", role: "img", "aria-label": "QR code for this link", style: { backgroundImage: `url("${Ie}")` } }),
     /* @__PURE__ */ g("div", { className: "gfull__sharebody", children: [
       /* @__PURE__ */ i("div", { className: "gfull__shareeyebrow", children: "SHARE THIS MOMENT" }),
       /* @__PURE__ */ g("label", { className: "gfull__shareat", children: [
-        /* @__PURE__ */ i("input", { type: "checkbox", checked: V, onChange: ($) => ce($.target.checked), disabled: B.share.at < 1 }),
+        /* @__PURE__ */ i("input", { type: "checkbox", checked: B, onChange: ($) => ce($.target.checked), disabled: V.share.at < 1 }),
         "Start at ",
-        jt(Math.floor(B.share.at))
+        jt(Math.floor(V.share.at))
       ] }),
       /* @__PURE__ */ i("div", { className: "gfull__shareurl", children: /* @__PURE__ */ i("span", { children: ke.replace(/^https?:\/\//, "") }) }),
       /* @__PURE__ */ g("div", { className: "gfull__shareacts", children: [
@@ -5183,7 +5204,7 @@ function ha({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
     C && he("Share", X.share, 1.6, C),
     ji() && !e && he(F ? "Exit full screen" : "Full screen", F ? du : ua, 1.7, () => _n(!F)),
     I && he("Close player", X.close, 1.7, I)
-  ] }), Be = (d || M || D) && /* @__PURE__ */ g("div", { className: "gfull__top", children: [
+  ] }), Ve = (d || M || D) && /* @__PURE__ */ g("div", { className: "gfull__top", children: [
     d && he(d.muted ? "Unmute" : "Mute", d.muted ? X.volumeOff : X.volume, 1.6, d.onToggle),
     M && he(M.on ? "Hide subtitles" : "Show subtitles", M.on ? X.cc : X.ccOff, 1.7, M.onToggle, void 0, 4),
     D && he("Settings", X.cog, 1.6, D)
@@ -5212,24 +5233,24 @@ function ha({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
         /* @__PURE__ */ g("div", { className: `gfull__frame${H ? " gfull__frame--land" : ""}`, children: [
           r,
           /* @__PURE__ */ i("div", { className: "gfull__shade", "aria-hidden": "true" }),
-          B && !h && /* @__PURE__ */ g("div", { className: `gfull__pausedinfo${p.playing ? "" : " gfull__pausedinfo--on"}`, "aria-hidden": p.playing, children: [
+          V && !h && /* @__PURE__ */ g("div", { className: `gfull__pausedinfo${p.playing ? "" : " gfull__pausedinfo--on"}`, "aria-hidden": p.playing, children: [
             /* @__PURE__ */ g("div", { className: "gfull__pausedtext", children: [
               /* @__PURE__ */ g("div", { className: "gfull__pausedhead", children: [
                 (Ee || ve) && /* @__PURE__ */ i("span", { className: "gfull__pausedmark", "aria-hidden": "true", children: /* @__PURE__ */ i(Yr, { dark: !0, size: 20 }) }),
-                /* @__PURE__ */ i("div", { className: "gfull__pausedtitle", children: B.title })
+                /* @__PURE__ */ i("div", { className: "gfull__pausedtitle", children: V.title })
               ] }),
-              B.summary && /* @__PURE__ */ i("div", { className: "gfull__pausedsum", children: B.summary })
+              V.summary && /* @__PURE__ */ i("div", { className: "gfull__pausedsum", children: V.summary })
             ] }),
             Ae
           ] }),
-          Be,
+          Ve,
           Y,
           c ? typeof c == "string" ? /* @__PURE__ */ i("div", { className: "gfull__sub", "aria-live": "polite", children: /* @__PURE__ */ g("div", { className: "gfull__wait", children: [
             /* @__PURE__ */ i("span", { className: "gfull__spin", "aria-hidden": "true" }),
             c
           ] }) }) : /* @__PURE__ */ i("div", { className: "gfull__sub", children: c }) : l && /* @__PURE__ */ i("div", { className: "gfull__sub", children: /* @__PURE__ */ g("div", { ref: E, children: [
             /* @__PURE__ */ i("div", { className: "gfull__subback", "aria-hidden": "true", children: /* @__PURE__ */ g("span", { children: [
-              l.who && /* @__PURE__ */ g(Ce, { children: [
+              l.who && /* @__PURE__ */ g(be, { children: [
                 /* @__PURE__ */ g("b", { children: [
                   l.who,
                   ":"
@@ -5239,7 +5260,7 @@ function ha({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
               l.words.map(($) => $.t + $.sp).join("")
             ] }) }),
             /* @__PURE__ */ g("span", { children: [
-              l.who && /* @__PURE__ */ g(Ce, { children: [
+              l.who && /* @__PURE__ */ g(be, { children: [
                 /* @__PURE__ */ g("b", { style: { color: l.color }, children: [
                   l.who,
                   ":"
@@ -5252,7 +5273,7 @@ function ha({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
               ] }, Me))
             ] })
           ] }) }),
-          /* @__PURE__ */ i("div", { className: `gfull__prog${we ? "" : " gfull__prog--two"}`, children: we ? /* @__PURE__ */ g(Ce, { children: [
+          /* @__PURE__ */ i("div", { className: `gfull__prog${we ? "" : " gfull__prog--two"}`, children: we ? /* @__PURE__ */ g(be, { children: [
             /* @__PURE__ */ i(_r, { live: o.live, desk: !0, pct: u }),
             /* @__PURE__ */ i(Un, { t: p }),
             /* @__PURE__ */ i(Yn, { pos: o, interactive: !0 }),
@@ -5263,7 +5284,7 @@ function ha({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
             /* @__PURE__ */ i(Yn, { pos: o, interactive: !0 }),
             /* @__PURE__ */ i("div", { className: "gfull__chip", children: f }),
             _e
-          ] }) : /* @__PURE__ */ g(Ce, { children: [
+          ] }) : /* @__PURE__ */ g(be, { children: [
             /* @__PURE__ */ g("div", { className: "gfull__row", children: [
               /* @__PURE__ */ i(_r, { live: o.live, pct: u, mark: !0 }),
               /* @__PURE__ */ i(Yn, { pos: o, interactive: !0 })
@@ -5287,7 +5308,7 @@ function pu({ dark: t, back: e, home: n, live: r, title: s, badge: a, subline: o
   return /* @__PURE__ */ g("div", { className: "ghead", children: [
     e && /* @__PURE__ */ i("button", { type: "button", className: "ghead__back", "aria-label": "Back", title: "Back", onClick: e, children: /* @__PURE__ */ i(oe, { d: X.chevronLeft, size: 19, sw: 1.7 }) }),
     r && /* @__PURE__ */ i("span", { className: "mark", children: /* @__PURE__ */ i(Yr, { dark: t, size: 30 }) }),
-    /* @__PURE__ */ i("div", { style: { flex: 1, minWidth: 0, display: "flex" }, children: n ? /* @__PURE__ */ i("div", { className: "ghead__logo", children: /* @__PURE__ */ i(Vn, { dark: t, height: 22 }) }) : /* @__PURE__ */ g("div", { className: "ghead__title", onClick: e, title: e ? "Back" : void 0, style: { cursor: e ? "pointer" : "default" }, children: [
+    /* @__PURE__ */ i("div", { style: { flex: 1, minWidth: 0, display: "flex" }, children: n ? /* @__PURE__ */ i("div", { className: "ghead__logo", children: /* @__PURE__ */ i(Bn, { dark: t, height: 22 }) }) : /* @__PURE__ */ g("div", { className: "ghead__title", onClick: e, title: e ? "Back" : void 0, style: { cursor: e ? "pointer" : "default" }, children: [
       /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
         /* @__PURE__ */ i("span", { className: "ghead__name", children: s }),
         a
@@ -5398,7 +5419,7 @@ function zu({ options: t, onStarted: e, onReplay: n, onClose: r }) {
     y.stopPropagation(), y.target === y.currentTarget && r();
   }, children: /* @__PURE__ */ g("div", { className: "vsp-end__card", children: [
     /* @__PURE__ */ i("button", { type: "button", className: "vsp-end__close", "aria-label": "Close", title: "Close", onClick: r, children: /* @__PURE__ */ i(oe, { d: X.close, size: 16, sw: 1.8 }) }),
-    /* @__PURE__ */ i("div", { className: "vsp-end__brand", children: /* @__PURE__ */ i(Vn, { dark: !0, link: !1, height: 16 }) }),
+    /* @__PURE__ */ i("div", { className: "vsp-end__brand", children: /* @__PURE__ */ i(Bn, { dark: !0, link: !1, height: 16 }) }),
     /* @__PURE__ */ i("div", { className: "vsp-end__title", children: t.title ?? "Transcribe and translate any video" }),
     /* @__PURE__ */ i("div", { className: "vsp-end__note", children: t.note ?? "Paste a link from YouTube, Vimeo or any page with a video. It plays right here with subtitles and spoken translations." }),
     /* @__PURE__ */ g("form", { className: "vsp-end__row", onSubmit: (y) => {
@@ -5484,45 +5505,45 @@ function bu(t, e) {
       ] }),
       T
     ] })
-  ] }), B = /* @__PURE__ */ g(Ce, { children: [
+  ] }), V = /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ i(en, { open: a === "lang", onClose: f, title: "LANGUAGE", kind: "picker", header: h.search, sticky: !0, children: /* @__PURE__ */ i(jr, { children: h.list }) }),
     /* @__PURE__ */ i(en, { open: a === "settings", onClose: f, title: { main: "SETTINGS", lang: "LANGUAGE", subs: "SUBTITLES", audio: "AUDIO" }[l], titleNode: l === "main" ? void 0 : N, kind: l === "main" ? "settings" : "settings vs-sheet--page", sticky: !0, children: /* @__PURE__ */ i(jr, { children: D }) })
   ] });
   return {
     chip: y,
-    sheets: B,
+    sheets: V,
     sheetOpen: a != null,
     openSettings: () => {
       c("main"), o((Y) => Y === "settings" ? null : "settings");
     }
   };
 }
-const yt = (t, e = "nonzero") => /* @__PURE__ */ i("path", { d: t, fill: "currentColor", fillRule: e }), Vt = (t) => /* @__PURE__ */ g(Ce, { children: [
+const yt = (t, e = "nonzero") => /* @__PURE__ */ i("path", { d: t, fill: "currentColor", fillRule: e }), Bt = (t) => /* @__PURE__ */ g(be, { children: [
   /* @__PURE__ */ i("path", { d: "M6.5 2.75h7.25l4.75 4.75v12.25a1.5 1.5 0 0 1-1.5 1.5H6.5a1.5 1.5 0 0 1-1.5-1.5V4.25a1.5 1.5 0 0 1 1.5-1.5Z", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinejoin: "round" }),
   /* @__PURE__ */ i("path", { d: "M13.75 2.75V7.5h4.75", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinejoin: "round" }),
   /* @__PURE__ */ i("text", { x: "11.75", y: "17.4", textAnchor: "middle", fontSize: t.length > 3 ? 4.4 : 5.2, fontWeight: "800", fill: "currentColor", fontFamily: "inherit", letterSpacing: ".2", children: t })
 ] }), zi = [
   { name: "YouTube", tint: "#ff3b30", glyph: yt("M21.6 7.2a2.7 2.7 0 0 0-1.9-1.9C18 4.8 12 4.8 12 4.8s-6 0-7.7.5a2.7 2.7 0 0 0-1.9 1.9C2 8.9 2 12 2 12s0 3.1.4 4.8a2.7 2.7 0 0 0 1.9 1.9c1.7.5 7.7.5 7.7.5s6 0 7.7-.5a2.7 2.7 0 0 0 1.9-1.9c.4-1.7.4-4.8.4-4.8s0-3.1-.4-4.8ZM10 15.1V8.9l5.3 3.1L10 15.1Z", "evenodd") },
-  { name: "MP3", tint: "#f78472", glyph: Vt("MP3") },
+  { name: "MP3", tint: "#f78472", glyph: Bt("MP3") },
   { name: "Vimeo", tint: "#1ab7ea", glyph: yt("M22 7.4c-.1 2-1.5 4.7-4.2 8.1-2.8 3.6-5.1 5.4-7 5.4-1.2 0-2.2-1.1-3-3.3L6.2 11.6C5.6 9.4 5 8.3 4.3 8.3c-.1 0-.6.3-1.4.9L2 8l2.7-2.4C5.9 4.6 6.8 4 7.4 4c1.4-.1 2.3.9 2.6 2.9.4 2.2.6 3.6.8 4.1.4 1.8.9 2.7 1.4 2.7.4 0 1-.6 1.8-1.9.8-1.2 1.2-2.2 1.3-2.8.1-1.1-.3-1.6-1.3-1.6-.5 0-.9.1-1.4.3.9-3 2.7-4.5 5.3-4.4 1.9.1 2.8 1.3 2.7 3.7Z") },
-  { name: "Video", tint: "#55abe5", glyph: /* @__PURE__ */ g(Ce, { children: [
+  { name: "Video", tint: "#55abe5", glyph: /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ i("rect", { x: "3", y: "5.5", width: "13", height: "13", rx: "2.5", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
     yt("M16 10.2 21 7v10l-5-3.2v-3.6Z")
   ] }) },
   { name: "Twitch", tint: "#a970ff", glyph: yt("M5 2.5 3 6.5v13h4.5V22H10l2.5-2.5h3.8L21 14.8V2.5H5Zm14 11.4-2.9 2.9h-4.3L9.4 19.2v-2.4H6V4.5h13v9.4ZM15.2 7.4h1.9v5.2h-1.9V7.4Zm-5 0h1.9v5.2h-1.9V7.4Z", "evenodd") },
-  { name: "WAV", tint: "#7ee0b4", glyph: Vt("WAV") },
-  { name: "SoundCloud", tint: "#ff7a1a", glyph: /* @__PURE__ */ g(Ce, { children: [
+  { name: "WAV", tint: "#7ee0b4", glyph: Bt("WAV") },
+  { name: "SoundCloud", tint: "#ff7a1a", glyph: /* @__PURE__ */ g(be, { children: [
     yt("M11 8.6a5 5 0 0 1 7.8 3.1 3 3 0 0 1-.3 6H11V8.6Z"),
     /* @__PURE__ */ i("rect", { x: "8.6", y: "9.4", width: "1.3", height: "8.3", rx: ".65", fill: "currentColor" }),
     /* @__PURE__ */ i("rect", { x: "6.2", y: "10.6", width: "1.3", height: "7.1", rx: ".65", fill: "currentColor" }),
     /* @__PURE__ */ i("rect", { x: "3.8", y: "12.2", width: "1.3", height: "5.5", rx: ".65", fill: "currentColor" }),
     /* @__PURE__ */ i("rect", { x: "1.4", y: "13.8", width: "1.3", height: "3.9", rx: ".65", fill: "currentColor" })
   ] }) },
-  { name: "MP4", tint: "#5b63d7", glyph: Vt("MP4") },
+  { name: "MP4", tint: "#5b63d7", glyph: Bt("MP4") },
   { name: "TikTok", tint: "#25f4ee", glyph: yt("M16.6 2.5c.3 2.3 1.7 3.8 3.9 4v2.7a6.8 6.8 0 0 1-3.9-1.3v6.5a5.7 5.7 0 1 1-5.7-5.7l.9.1v2.8a2.9 2.9 0 1 0 2 2.8V2.5h2.8Z") },
   { name: "Audio", tint: "#f7c948", glyph: /* @__PURE__ */ i("g", { fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: /* @__PURE__ */ i("path", { d: "M3 10.5v3M6.5 7.5v9M10 4.5v15M13.5 8v8M17 6v12M20.5 10v4" }) }) },
   { name: "X", tint: "#e8eaf2", glyph: yt("M17.8 3h3.1l-6.7 7.7L22 21h-6.2l-4.8-6.3L5.5 21H2.4l7.2-8.2L2.1 3h6.3l4.4 5.8L17.8 3Zm-1.1 16.2h1.7L7.4 4.7H5.6l11.1 14.5Z") },
-  { name: "MOV", tint: "#55abe5", glyph: Vt("MOV") },
+  { name: "MOV", tint: "#55abe5", glyph: Bt("MOV") },
   { name: "Facebook", tint: "#3b82f6", glyph: yt("M13.9 21.5v-8h2.7l.4-3.1h-3.1V8.4c0-.9.3-1.5 1.6-1.5H17V4.1c-.3 0-1.3-.1-2.4-.1-2.4 0-4 1.4-4 4.1v2.3H7.9v3.1h2.7v8h3.3Z") },
   { name: "Podcast", tint: "#c46bff", glyph: /* @__PURE__ */ g("g", { fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", children: [
     /* @__PURE__ */ i("rect", { x: "9", y: "3", width: "6", height: "10.5", rx: "3" }),
@@ -5533,15 +5554,15 @@ const yt = (t, e = "nonzero") => /* @__PURE__ */ i("path", { d: t, fill: "curren
     /* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "4" }),
     /* @__PURE__ */ i("circle", { cx: "17.2", cy: "6.8", r: ".9", fill: "currentColor", stroke: "none" })
   ] }) },
-  { name: "M4A", tint: "#f78472", glyph: Vt("M4A") },
+  { name: "M4A", tint: "#f78472", glyph: Bt("M4A") },
   { name: "Dailymotion", tint: "#4aa3ff", glyph: yt("M14.6 3.5h3.2V20h-3v-1.2a5.4 5.4 0 0 1-3.6 1.4c-3.3 0-5.9-2.7-5.9-6.1S7.9 8 11.2 8c1.3 0 2.5.4 3.4 1.2V3.5Zm-3.1 7.4a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4Z", "evenodd") },
   { name: "Radio", tint: "#7ee0b4", glyph: /* @__PURE__ */ g("g", { fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", children: [
     /* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "1.8", fill: "currentColor", stroke: "none" }),
     /* @__PURE__ */ i("path", { d: "M8.5 15.5a5 5 0 0 1 0-7M15.5 8.5a5 5 0 0 1 0 7M5.6 18.4a9 9 0 0 1 0-12.8M18.4 5.6a9 9 0 0 1 0 12.8" })
   ] }) },
-  { name: "WEBM", tint: "#5b63d7", glyph: Vt("WEBM") },
+  { name: "WEBM", tint: "#5b63d7", glyph: Bt("WEBM") },
   { name: "Loom", tint: "#8f7bff", glyph: yt("M21 11h-5.2l4.5-2.6-1-1.7-4.5 2.6 2.6-4.5-1.7-1-2.6 4.5V3h-2v5.3L8.5 3.8l-1.7 1 2.6 4.5-4.5-2.6-1 1.7L8.2 11H3v2h5.2l-4.5 2.6 1 1.7 4.5-2.6-2.6 4.5 1.7 1 2.6-4.5V21h2v-5.2l2.6 4.5 1.7-1-2.6-4.5 4.5 2.6 1-1.7-4.5-2.6H21v-2Zm-9 3.4a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8Z", "evenodd") },
-  { name: "FLAC", tint: "#f7c948", glyph: Vt("FLAC") },
+  { name: "FLAC", tint: "#f7c948", glyph: Bt("FLAC") },
   { name: "Live", tint: "#ff5a5a", glyph: /* @__PURE__ */ g("g", { fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", children: [
     /* @__PURE__ */ i("rect", { x: "3", y: "6", width: "18", height: "12", rx: "3" }),
     /* @__PURE__ */ i("circle", { cx: "8", cy: "12", r: "1.6", fill: "currentColor", stroke: "none" }),
@@ -5613,14 +5634,14 @@ function Eu(t) {
 function _u({ poster: t, src: e }) {
   var s;
   const n = e && ((s = Pn(e)) == null ? void 0 : s.id) === "youtube" ? na(e) : null, r = t ?? (n ? `https://i.ytimg.com/vi/${n}/hqdefault.jpg` : null);
-  return r ? /* @__PURE__ */ i("div", { className: "vsp-idle__pic", style: { backgroundImage: `url(${r})` } }) : e && Eu(e) ? /* @__PURE__ */ i("video", { className: "vsp-idle__pic vsp-idle__frame", src: `${e}#t=1`, muted: !0, playsInline: !0, preload: "metadata", "aria-hidden": "true" }) : /* @__PURE__ */ g(Ce, { children: [
+  return r ? /* @__PURE__ */ i("div", { className: "vsp-idle__pic", style: { backgroundImage: `url(${r})` } }) : e && Eu(e) ? /* @__PURE__ */ i("video", { className: "vsp-idle__pic vsp-idle__frame", src: `${e}#t=1`, muted: !0, playsInline: !0, preload: "metadata", "aria-hidden": "true" }) : /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ i("div", { className: "vsp-idle__pic vsp-idle__pic--brand" }),
     /* @__PURE__ */ i(Du, {})
   ] });
 }
 const Yu = { live: !1, atEdge: !1, edgeFrac: null, pct: 0, atLabel: "0:00", labelAt: () => "0:00", endLabel: "0:00", onSeek: () => {
 } };
-function Bn({ idle: t, poster: e, src: n, title: r, page: s, onAct: a, children: o }) {
+function Vn({ idle: t, poster: e, src: n, title: r, page: s, onAct: a, children: o }) {
   const l = bu(t.prefs, t.set), c = fa(), u = j(null), [d, M] = k(!1);
   Jt(() => {
     var T;
@@ -5641,7 +5662,7 @@ function Bn({ idle: t, poster: e, src: n, title: r, page: s, onAct: a, children:
   ] });
 }
 function ma({ connect: t, onClick: e, label: n }) {
-  return /* @__PURE__ */ g(Ce, { children: [
+  return /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ g("button", { type: "button", className: "vsp-idle__connect", onClick: e, disabled: t.busy, children: [
       t.busy ? /* @__PURE__ */ i(ht, { size: 18, color: "#050507", track: "rgba(5,5,7,.2)" }) : /* @__PURE__ */ i(oe, { d: X.link, size: 18, sw: 1.8 }),
       /* @__PURE__ */ i("span", { children: t.busy ? "Waiting for VocalStack…" : n })
@@ -5652,7 +5673,7 @@ function ma({ connect: t, onClick: e, label: n }) {
 }
 function Uu({ idle: t, src: e, ask: n, connect: r, page: s, poster: a = null, onClear: o }) {
   const l = () => r.start(e, n);
-  return /* @__PURE__ */ g(Bn, { idle: t, poster: a, src: e, title: Lr(e), page: s, onAct: l, children: [
+  return /* @__PURE__ */ g(Vn, { idle: t, poster: a, src: e, title: Lr(e), page: s, onAct: l, children: [
     /* @__PURE__ */ i(ma, { connect: r, onClick: l, label: r.connected ? "Play with VocalStack" : "Connect to VocalStack" }),
     !r.busy && /* @__PURE__ */ i("div", { className: "vsp-idle__note", children: r.connected ? `Plays ${Lr(e)} with subtitles and spoken translations.` : `Connect to play ${Lr(e)} with subtitles and spoken translations.` }),
     o && !r.busy && /* @__PURE__ */ i("button", { type: "button", className: "vsp-idle__other", onClick: o, children: "Choose another video" })
@@ -5665,7 +5686,7 @@ function Ru({ idle: t, connect: e, page: n, poster: r = null, onPick: s }) {
     s(p), e.start(p, !1);
   };
   if (!e.connected)
-    return /* @__PURE__ */ g(Bn, { idle: t, poster: r, src: null, title: "VocalStack", page: n, onAct: e.connect, children: [
+    return /* @__PURE__ */ g(Vn, { idle: t, poster: r, src: null, title: "VocalStack", page: n, onAct: e.connect, children: [
       /* @__PURE__ */ i(ma, { connect: e, onClick: e.connect, label: "Connect to VocalStack" }),
       !e.busy && /* @__PURE__ */ i("div", { className: "vsp-idle__note", children: "Connect your VocalStack account to watch any video with subtitles and spoken translations." })
     ] });
@@ -5679,7 +5700,7 @@ function Ru({ idle: t, connect: e, page: n, poster: r = null, onPick: s }) {
     const T = /^https?:\/\//i.test(y) ? y : `https://${y}`;
     s(T), e.start(T, !1);
   };
-  return /* @__PURE__ */ g(Bn, { idle: t, poster: r, src: null, title: "VocalStack", page: n, onAct: h, children: [
+  return /* @__PURE__ */ g(Vn, { idle: t, poster: r, src: null, title: "VocalStack", page: n, onAct: h, children: [
     /* @__PURE__ */ i("form", { className: "vsp-idle__form", onSubmit: (p) => {
       p.preventDefault(), M();
     }, children: /* @__PURE__ */ g("span", { className: "vsp-idle__field", children: [
@@ -5695,7 +5716,7 @@ function Ru({ idle: t, connect: e, page: n, poster: r = null, onPick: s }) {
   ] });
 }
 function Pu({ idle: t, message: e, onRetry: n, page: r }) {
-  return /* @__PURE__ */ g(Bn, { idle: t, poster: null, src: null, title: "VocalStack", page: r, onAct: n, children: [
+  return /* @__PURE__ */ g(Vn, { idle: t, poster: null, src: null, title: "VocalStack", page: r, onAct: n, children: [
     /* @__PURE__ */ g("div", { className: "vsp-idle__err", role: "alert", children: [
       /* @__PURE__ */ i(oe, { d: X.warn, size: 16, sw: 1.8 }),
       e
@@ -5734,7 +5755,7 @@ function $u(t, e, n) {
   }, [t, e, n]), r;
 }
 const Qu = 100, bi = (t) => t == null ? null : t ? "on" : "off";
-function Bu(t) {
+function Vu(t) {
   const e = t.syncUrl && typeof window < "u" ? new URLSearchParams(window.location.search) : null, n = { ...t.initial ?? {}, ...t.settings ?? {} }, r = (a) => a === "on" || a === "off" ? a : null, s = Number(e == null ? void 0 : e.get("t"));
   return {
     lang: (e == null ? void 0 : e.get("lang")) || n.lang || null,
@@ -5786,24 +5807,24 @@ const nd = Ka(function(e, n) {
   S(() => {
     c(null);
   }, [e.id, e.src]);
-  const T = e.src ?? l, N = !s.id && !!T && (l != null || o !== void 0), m = !s.id && !e.src && !l, b = Ki({ id: s.id, token: s.token, baseUrl: e.baseUrl, listen: s.listen }), { source: C, gone: D, error: B, reload: Y } = Yl(b, s.id), ee = Ul(b, (C == null ? void 0 : C.recording.id) ?? null), I = ze(() => El(b, ee), [b, ee]);
+  const T = e.src ?? l, N = !s.id && !!T && (l != null || o !== void 0), m = !s.id && !e.src && !l, b = Ki({ id: s.id, token: s.token, baseUrl: e.baseUrl, listen: s.listen }), { source: C, gone: D, error: V, reload: Y } = Yl(b, s.id), ee = Ul(b, (C == null ? void 0 : C.recording.id) ?? null), I = ze(() => El(b, ee), [b, ee]);
   S(() => {
     var L;
     C && ((L = e.onSource) == null || L.call(e, C));
   }, [C]), S(() => {
     var L;
-    B && ((L = e.onError) == null || L.call(e, B));
-  }, [B]);
+    V && ((L = e.onError) == null || L.call(e, V));
+  }, [V]);
   const F = fa(e.desk), A = (e.layout ?? "embed") === "embed", w = e.appUrl ?? (e.endCard ? e.endCard.appUrl : void 0), _ = Ke((L) => a({ id: L.transcriptionId, token: null, listen: { transcriptionId: L.transcriptionId, recordingId: L.recordingId, token: L.token } }), []), O = Au(w, _), te = j(null);
-  return S(() => (ki(A ? te.current : null), () => ki(null)), [A]), /* @__PURE__ */ i(xl, { value: I, children: /* @__PURE__ */ i("div", { ref: te, className: `vsp${A ? " vsp--embed" : ""}${e.className ? ` ${e.className}` : ""}`, "data-theme": (e.mode ?? "video") === "video" || e.dark ? "dark" : "light", "data-mode": (e.mode ?? "video") === "video" ? "video" : "transcript", children: m ? /* @__PURE__ */ i(Ru, { idle: f, connect: O, page: !A, poster: e.poster ?? null, onPick: c }) : N ? /* @__PURE__ */ i(Uu, { idle: f, src: T, ask: !l, connect: O, page: !A, poster: e.poster ?? null, onClear: l ? () => c(null) : void 0 }) : s.id ? B && !C ? /* @__PURE__ */ i(Pu, { idle: f, message: B.message, onRetry: Y, page: !A }) : /* @__PURE__ */ i(Vu, { ...e, initial: { ...e.initial ?? {}, ...y }, startMuted: p === !0, handle: r, id: s.id, api: I, shared: C, gone: D, loadError: B, reread: Y, desk: F, dark: (e.mode ?? "video") === "video" || !!e.dark, onStarted: (L) => a({ id: L.transcriptionId, token: null, listen: { transcriptionId: L.transcriptionId, recordingId: L.recordingId, token: L.token } }) }, s.id) : /* @__PURE__ */ i("div", { className: "vsp-gate", "data-theme": "dark", children: /* @__PURE__ */ i("span", { className: "gfull__spin gfull__holdspin", "aria-label": "Loading" }) }) }) });
+  return S(() => (ki(A ? te.current : null), () => ki(null)), [A]), /* @__PURE__ */ i(xl, { value: I, children: /* @__PURE__ */ i("div", { ref: te, className: `vsp${A ? " vsp--embed" : ""}${e.className ? ` ${e.className}` : ""}`, "data-theme": (e.mode ?? "video") === "video" || e.dark ? "dark" : "light", "data-mode": (e.mode ?? "video") === "video" ? "video" : "transcript", children: m ? /* @__PURE__ */ i(Ru, { idle: f, connect: O, page: !A, poster: e.poster ?? null, onPick: c }) : N ? /* @__PURE__ */ i(Uu, { idle: f, src: T, ask: !l, connect: O, page: !A, poster: e.poster ?? null, onClear: l ? () => c(null) : void 0 }) : s.id ? V && !C ? /* @__PURE__ */ i(Pu, { idle: f, message: V.message, onRetry: Y, page: !A }) : /* @__PURE__ */ i(Bu, { ...e, initial: { ...e.initial ?? {}, ...y }, startMuted: p === !0, handle: r, id: s.id, api: I, shared: C, gone: D, loadError: V, reread: Y, desk: F, dark: (e.mode ?? "video") === "video" || !!e.dark, onStarted: (L) => a({ id: L.transcriptionId, token: null, listen: { transcriptionId: L.transcriptionId, recordingId: L.recordingId, token: L.token } }) }, s.id) : /* @__PURE__ */ i("div", { className: "vsp-gate", "data-theme": "dark", children: /* @__PURE__ */ i("span", { className: "gfull__spin gfull__holdspin", "aria-label": "Loading" }) }) }) });
 });
-function Vu(t) {
-  var js, zs, Is, bs, Os, Cs, xs, Ss, Ds, As, Es, _s, Ys, Us, Rs, Ps, $s, Qs, Bs, Vs, Hs, Ws, Fs, Zs, Gs, qs, Ks, Js, Xs, ei, ti, ni, ri, si;
-  const { api: e, shared: n, gone: r, desk: s, dark: a } = t, o = t.id ?? "", l = ze(() => Bu(t), []), u = (t.mode ?? "video") === "video", [d, M] = k(t.loadError);
+function Bu(t) {
+  var js, zs, Is, bs, Os, Cs, xs, Ss, Ds, As, Es, _s, Ys, Us, Rs, Ps, $s, Qs, Vs, Bs, Hs, Ws, Fs, Zs, Gs, qs, Ks, Js, Xs, ei, ti, ni, ri, si;
+  const { api: e, shared: n, gone: r, desk: s, dark: a } = t, o = t.id ?? "", l = ze(() => Vu(t), []), u = (t.mode ?? "video") === "video", [d, M] = k(t.loadError);
   S(() => {
     t.loadError && M(t.loadError);
   }, [t.loadError]);
-  const [h, f] = k("none"), [p, y] = k(!1), [T, N] = k(""), [m, b] = Hc(), [C, D] = k(null), [B, Y] = k(u ? "listen" : "read"), [ee, I] = k(!1), F = j(null), A = j(/* @__PURE__ */ new Map()), [w, _] = k("main"), O = (v) => {
+  const [h, f] = k("none"), [p, y] = k(!1), [T, N] = k(""), [m, b] = Hc(), [C, D] = k(null), [V, Y] = k(u ? "listen" : "read"), [ee, I] = k(!1), F = j(null), A = j(/* @__PURE__ */ new Map()), [w, _] = k("main"), O = (v) => {
     const me = document.querySelector(".vs-sheet--settings"), Pe = me == null ? void 0 : me.parentElement;
     me && Pe && w === "main" && v !== "main" && Pe.style.setProperty("--vs-sheet-top", `${Math.round(me.getBoundingClientRect().top - Pe.getBoundingClientRect().top)}px`), _(v);
   };
@@ -5826,7 +5847,7 @@ function Vu(t) {
   }, [E == null ? void 0 : E.voices]), S(() => {
     (E == null ? void 0 : E.removeBackground) !== void 0 && H(E.removeBackground);
   }, [E == null ? void 0 : E.removeBackground]);
-  const x = { language: !0, subtitles: !0, audio: !0, export: !0, share: !0, fullscreen: !0, settings: !0, ...t.controls ?? {} }, V = u && !we;
+  const x = { language: !0, subtitles: !0, audio: !0, export: !0, share: !0, fullscreen: !0, settings: !0, ...t.controls ?? {} }, B = u && !we;
   S(() => {
     if (!t.syncUrl) return;
     const v = new URL(window.location.href);
@@ -5839,11 +5860,11 @@ function Vu(t) {
     onFrame: (v) => {
       v.type === "job.progress" && D({ state: v.state, processedS: v.processedS ?? 0, totalS: v.totalS ?? null, segmentsDone: v.segmentsDone ?? 0, segmentsTotal: v.segmentsTotal ?? null, pct: v.pct ?? 0, error: v.error ?? null });
     }
-  }), he = ze(() => yl(ce).filter((v) => !v.suppressed), [ce]), _e = Bl((n == null ? void 0 : n.job) ?? null), Be = ["done", "failed", "stopped"].includes(Tr((_e == null ? void 0 : _e.state) ?? ((js = n == null ? void 0 : n.job) == null ? void 0 : js.state))), $ = Be ? _e : C ?? _e, Me = !!C && !["done", "failed", "stopped"].includes(Tr(C.state)), ue = j(0);
+  }), he = ze(() => yl(ce).filter((v) => !v.suppressed), [ce]), _e = Vl((n == null ? void 0 : n.job) ?? null), Ve = ["done", "failed", "stopped"].includes(Tr((_e == null ? void 0 : _e.state) ?? ((js = n == null ? void 0 : n.job) == null ? void 0 : js.state))), $ = Ve ? _e : C ?? _e, Me = !!C && !["done", "failed", "stopped"].includes(Tr(C.state)), ue = j(0);
   S(() => {
-    !Be || !Me || Date.now() - ue.current < 1e4 || (ue.current = Date.now(), t.reread());
-  }, [Be, Me, C == null ? void 0 : C.state, C == null ? void 0 : C.processedS, o]);
-  const ae = Tr(($ == null ? void 0 : $.state) ?? ((zs = n == null ? void 0 : n.job) == null ? void 0 : zs.state) ?? (e.listen ? (L == null ? void 0 : L.state) === "finalized" ? "done" : L != null && L.state ? "transcribing" : void 0 : void 0)), fe = !!ie && (ae === "transcribing" || ae === "queued"), Ye = u && !r && (!n || (fe || ae === "cropping") && he.length === 0), U = fe ? ($ == null ? void 0 : $.pct) ?? 0 : 100, R = Hl(n == null ? void 0 : n.job, $) ?? (L == null ? void 0 : L.mediaDurationS) ?? null, q = ((Is = ce.segments.values().next().value) == null ? void 0 : Is.language) ?? (L == null ? void 0 : L.spokenLanguage) ?? null, se = n != null && n.sharedBy ? `Shared by ${n.sharedBy}` : "", de = ((Cs = (Os = (bs = n == null ? void 0 : n.job) == null ? void 0 : bs.source) == null ? void 0 : Os.name) == null ? void 0 : Cs.trim()) || null, be = n ? ((xs = n.name) == null ? void 0 : xs.trim()) || de : null, Ne = !!((Ss = n == null ? void 0 : n.job) != null && Ss.hasAudio), Le = (Ds = n == null ? void 0 : n.job) == null ? void 0 : Ds.source, Oe = !Ne && !!Le && (Le.kind !== "url" || Le.bytes != null) && (ae === "transcribing" || ae === "queued" || ae === "done"), He = ie && (n != null && n.allowDownload) && Ne ? fo(e.origin, ie, e.cred) : null, $e = !!Le && (Le.kind !== "url" || Le.bytes != null), ut = Hu(He && $e ? He : null), it = He && (!$e || ut === "yes") ? He : He && ut === "unknown" ? null : ie && (n != null && n.allowDownload) && (Oe || Ne && $e) ? xn(e.origin, ie, "source", e.cred) : null, pt = he[he.length - 1], Ge = pt ? ((As = pt.words[pt.words.length - 1]) == null ? void 0 : As.end) ?? pt.start : 0, rt = u && fe ? Math.max(Ge, ($ == null ? void 0 : $.processedS) ?? 0) : null, Mt = Kc(it, (Ne || Oe) && !!(n != null && n.allowDownload), he, R, Oe ? ((_s = (Es = n == null ? void 0 : n.job) == null ? void 0 : Es.crop) == null ? void 0 : _s.startS) ?? 0 : 0, rt), st = _o((Ys = n == null ? void 0 : n.job) == null ? void 0 : Ys.source), Ve = st && ((Us = Pn(st)) == null ? void 0 : Us.id) === "youtube" ? na(st) : null, Mn = Vo(Ve), At = qc(he, R, ((Ps = (Rs = n == null ? void 0 : n.job) == null ? void 0 : Rs.crop) == null ? void 0 : Ps.startS) ?? 0, rt), Je = !!Ve, lt = Je ? At.player : Mt, at = Ji(), tn = j(null), re = nu({ forcedVoice: t.voice ?? null, recordingId: ie, model: ce, rows: he, lenS: R, ended: !!ie && !fe, cred: e.cred, langs: at, srcLang: q, canTranslate: !!(n != null && n.allowTranslate), pickedLang: ne, setPickedLang: Z, side: s && !te ? tu : void 0, hearOriginal: V, timed: !!Ve, stockVoices: u && !Re, stickyPicker: u, pickerBusy: tn.current }), gn = j(null);
+    !Ve || !Me || Date.now() - ue.current < 1e4 || (ue.current = Date.now(), t.reread());
+  }, [Ve, Me, C == null ? void 0 : C.state, C == null ? void 0 : C.processedS, o]);
+  const ae = Tr(($ == null ? void 0 : $.state) ?? ((zs = n == null ? void 0 : n.job) == null ? void 0 : zs.state) ?? (e.listen ? (L == null ? void 0 : L.state) === "finalized" ? "done" : L != null && L.state ? "transcribing" : void 0 : void 0)), fe = !!ie && (ae === "transcribing" || ae === "queued"), Ye = u && !r && (!n || (fe || ae === "cropping") && he.length === 0), U = fe ? ($ == null ? void 0 : $.pct) ?? 0 : 100, R = Hl(n == null ? void 0 : n.job, $) ?? (L == null ? void 0 : L.mediaDurationS) ?? null, q = ((Is = ce.segments.values().next().value) == null ? void 0 : Is.language) ?? (L == null ? void 0 : L.spokenLanguage) ?? null, se = n != null && n.sharedBy ? `Shared by ${n.sharedBy}` : "", de = ((Cs = (Os = (bs = n == null ? void 0 : n.job) == null ? void 0 : bs.source) == null ? void 0 : Os.name) == null ? void 0 : Cs.trim()) || null, Oe = n ? ((xs = n.name) == null ? void 0 : xs.trim()) || de : null, Ne = !!((Ss = n == null ? void 0 : n.job) != null && Ss.hasAudio), Le = (Ds = n == null ? void 0 : n.job) == null ? void 0 : Ds.source, Ce = !Ne && !!Le && (Le.kind !== "url" || Le.bytes != null) && (ae === "transcribing" || ae === "queued" || ae === "done"), He = ie && (n != null && n.allowDownload) && Ne ? fo(e.origin, ie, e.cred) : null, $e = !!Le && (Le.kind !== "url" || Le.bytes != null), ut = Hu(He && $e ? He : null), it = He && (!$e || ut === "yes") ? He : He && ut === "unknown" ? null : ie && (n != null && n.allowDownload) && (Ce || Ne && $e) ? xn(e.origin, ie, "source", e.cred) : null, pt = he[he.length - 1], Ge = pt ? ((As = pt.words[pt.words.length - 1]) == null ? void 0 : As.end) ?? pt.start : 0, rt = u && fe ? Math.max(Ge, ($ == null ? void 0 : $.processedS) ?? 0) : null, Mt = Kc(it, (Ne || Ce) && !!(n != null && n.allowDownload), he, R, Ce ? ((_s = (Es = n == null ? void 0 : n.job) == null ? void 0 : Es.crop) == null ? void 0 : _s.startS) ?? 0 : 0, rt), st = _o((Ys = n == null ? void 0 : n.job) == null ? void 0 : Ys.source), Be = st && ((Us = Pn(st)) == null ? void 0 : Us.id) === "youtube" ? na(st) : null, Mn = Bo(Be), At = qc(he, R, ((Ps = (Rs = n == null ? void 0 : n.job) == null ? void 0 : Rs.crop) == null ? void 0 : Ps.startS) ?? 0, rt), Je = !!Be, lt = Je ? At.player : Mt, at = Ji(), tn = j(null), re = nu({ forcedVoice: t.voice ?? null, recordingId: ie, model: ce, rows: he, lenS: R, ended: !!ie && !fe, cred: e.cred, langs: at, srcLang: q, canTranslate: !!(n != null && n.allowTranslate), pickedLang: ne, setPickedLang: Z, side: s && !te ? tu : void 0, hearOriginal: B, timed: !!Be, stockVoices: u && !Re, stickyPicker: u, pickerBusy: tn.current }), gn = j(null);
   S(() => {
     !ie || gn.current === J || (gn.current = J, G(J));
   }, [J, ie]);
@@ -5866,7 +5887,7 @@ function Vu(t) {
   S(() => {
     fe && !z.playing && Yt.current && (Yt.current.scrollTop = Yt.current.scrollHeight);
   }, [fe, he.length]);
-  const Ft = iu(Yt, he, p, T, y), fn = /* @__PURE__ */ i(su, { open: p, q: T, onQ: N, onClose: () => y(!1), hits: Ft, desk: s, inline: s }), qe = Wo({ name: n == null ? void 0 : n.name, sourceName: (Qs = ($s = n == null ? void 0 : n.job) == null ? void 0 : $s.source) == null ? void 0 : Qs.name, ytTitle: Mn, url: ((Vs = (Bs = n == null ? void 0 : n.job) == null ? void 0 : Bs.source) == null ? void 0 : Vs.kind) === "url" ? n.job.source.url : t.src ?? null, id: o }), ot = !!(n != null && n.allowDownload), nn = !!(n != null && n.allowExport), mt = re.readLang, gt = mt ? ((Hs = at == null ? void 0 : at.languages.find((v) => v.code === mt)) == null ? void 0 : Hs.name) ?? mt.toUpperCase() : null, Zt = async () => {
+  const Ft = iu(Yt, he, p, T, y), fn = /* @__PURE__ */ i(su, { open: p, q: T, onQ: N, onClose: () => y(!1), hits: Ft, desk: s, inline: s }), qe = Wo({ name: n == null ? void 0 : n.name, sourceName: (Qs = ($s = n == null ? void 0 : n.job) == null ? void 0 : $s.source) == null ? void 0 : Qs.name, ytTitle: Mn, url: ((Bs = (Vs = n == null ? void 0 : n.job) == null ? void 0 : Vs.source) == null ? void 0 : Bs.kind) === "url" ? n.job.source.url : t.src ?? null, id: o }), ot = !!(n != null && n.allowDownload), nn = !!(n != null && n.allowExport), mt = re.readLang, gt = mt ? ((Hs = at == null ? void 0 : at.languages.find((v) => v.code === mt)) == null ? void 0 : Hs.name) ?? mt.toUpperCase() : null, Zt = async () => {
     if (ie)
       try {
         if (mt && re.canSpeak) {
@@ -5877,7 +5898,7 @@ function Vu(t) {
           b(`Preparing ${qe} as MP3 — the download starts when it is ready.`), await Wl(xn(e.origin, ie, "delivery", e.cred)), b(`Downloading ${qe}.`);
           return;
         }
-        Vr(xn(e.origin, ie, "source", e.cred)), b(`Downloading ${qe} — the full audio, since the transcript is still being written.`);
+        Br(xn(e.origin, ie, "source", e.cred)), b(`Downloading ${qe} — the full audio, since the transcript is still being written.`);
       } catch (v) {
         throw M(It(v)), v;
       }
@@ -5887,7 +5908,7 @@ function Vu(t) {
     return Fl(e, ie, v, { lang: mt }).then(() => b(fe ? `${me} exported${Pe} for the first ${he.length} segments — the rest is still transcribing.` : `${me} exported${Pe}.`)).catch((We) => {
       throw M(It(We)), We;
     });
-  }, rn = fe ? "MORE TO COME…" : "END OF TRANSCRIPT", ct = fe ? "var(--brand)" : "var(--ink-28)", sn = Vl($, he.length), bt = z.has && (!re.relang || !!Ve), Ze = j(z);
+  }, rn = fe ? "MORE TO COME…" : "END OF TRANSCRIPT", ct = fe ? "var(--brand)" : "var(--ink-28)", sn = Bl($, he.length), bt = z.has && (!re.relang || !!Be), Ze = j(z);
   Ze.current = z;
   const Ut = `${J ?? ""}|${re.on ? "voice" : "source"}`, wt = j({ key: Ut, idx: 0, t: 0, playing: !1, until: 0 });
   S(() => {
@@ -5901,7 +5922,7 @@ function Vu(t) {
         v.until = 0;
         return;
       }
-      !z.has || re.relang || (v.until = 0, Math.abs(z.t - v.t) > 0.5 && (z.seekFrac && z.dur > 0 ? z.seekFrac(v.t / z.dur) : z.seekRow(v.idx)), v.playing && !z.playing && B === "listen" && (et.current = !0, z.toggle()));
+      !z.has || re.relang || (v.until = 0, Math.abs(z.t - v.t) > 0.5 && (z.seekFrac && z.dur > 0 ? z.seekFrac(v.t / z.dur) : z.seekRow(v.idx)), v.playing && !z.playing && V === "listen" && (et.current = !0, z.toggle()));
     }
   });
   const Rt = j(!1), et = j(!1);
@@ -5939,7 +5960,7 @@ function Vu(t) {
       return;
     }
     et.current = !0, Ze.current.toggle();
-  }, Nn = (v) => /* @__PURE__ */ i(Vc, { player: z, size: v }), an = !!ie && !fe, [P, xe] = k(!1);
+  }, Nn = (v) => /* @__PURE__ */ i(Bc, { player: z, size: v }), an = !!ie && !fe, [P, xe] = k(!1);
   S(() => {
     if (!Ie) {
       xe(!1);
@@ -5948,13 +5969,13 @@ function Vu(t) {
     const v = setTimeout(() => xe(!0), 180);
     return () => clearTimeout(v);
   }, [Ie]);
-  const Qe = P ? Ae : J, St = ac(ie, J, he, ke), Pt = wc(vc(L), ie, re.readLang), Na = ot || nn, ya = (((Fs = (Ws = n == null ? void 0 : n.job) == null ? void 0 : Ws.crop) == null ? void 0 : Fs.startS) ?? 0) + Bt(z, he), vt = B === "listen", $t = vt && (!!Ve || u), Ta = (v) => {
+  const Qe = P ? Ae : J, St = ac(ie, J, he, ke), Pt = wc(vc(L), ie, re.readLang), Na = ot || nn, ya = (((Fs = (Ws = n == null ? void 0 : n.job) == null ? void 0 : Ws.crop) == null ? void 0 : Fs.startS) ?? 0) + Vt(z, he), vt = V === "listen", $t = vt && (!!Be || u), Ta = (v) => {
     lt.pause(), re.player.pause(), Y(v), v === "read" && te && (cn(!1), K(!1));
   };
   S(() => {
     vt || (lt.playing && lt.pause(), re.player.playing && re.player.pause());
   }, [vt, lt.playing, re.player.playing]);
-  const Ue = re.barChip, Gt = ea(Ue.label), Zr = /* @__PURE__ */ i(kr, { value: B, onChange: Ta, bordered: !1, options: Nu(Gt, !!Ve) }), qt = [...an ? [{ key: "summary", label: "Summary" }] : [], ...Na ? [{ key: "export", label: "Export" }] : []], Gr = (v) => /* @__PURE__ */ g(Ce, { children: [
+  const Ue = re.barChip, Gt = ea(Ue.label), Zr = /* @__PURE__ */ i(kr, { value: V, onChange: Ta, bordered: !1, options: Nu(Gt, !!Be) }), qt = [...an ? [{ key: "summary", label: "Summary" }] : [], ...Na ? [{ key: "export", label: "Export" }] : []], Gr = (v) => /* @__PURE__ */ g(be, { children: [
     v === "summary" && an && /* @__PURE__ */ i(Lc, { s: Pt }),
     v === "export" && /* @__PURE__ */ i(Tc, { audio: ot ? { name: qe, meta: mt && re.canSpeak || Ne ? `MP3${R ? ` · ${jt(R)}` : ""}` : "ORIGINAL AUDIO", onClick: Zt } : null, formats: nn, onExport: dt })
   ] }), wa = (v) => /* @__PURE__ */ i(nc, { index: z.idx, total: Math.max(1, he.length), frac: z.dur > 0 ? Math.min(1, z.t / z.dur) : 0, glideMs: z.wordSync ? 0 : 220, atLabel: jt(z.t), durLabel: jt(z.dur), stepLabel: v ? `${z.idx + 1} / ${he.length}` : "", onSeek: re.relang ? Xc : z.seekRow, onSeekFrac: re.relang ? void 0 : z.seekFrac, onScrubStart: z.hold, onScrubEnd: z.release }), qr = {
@@ -5970,7 +5991,7 @@ function Vu(t) {
       var me;
       re.relang || (me = z.seekFrac) == null || me.call(z, v);
     }
-  }, [va, La] = oa(re.on && !!z.preparing && z.playing, 1500), qn = re.on && ((Zs = z.error) == null ? void 0 : Zs.code) === "voice_not_started", Kn = re.canSpeak && !re.error && !qn, yn = J ? ((Gs = at == null ? void 0 : at.languages.find((v) => v.code === J)) == null ? void 0 : Gs.name) ?? Ue.label : "", tt = te ? Uc({ lang: J, langName: yn, translating: Ie && !!J, translateFailed: Fe, voiceFailed: qn, relang: re.relang, starting: re.on ? z.starting : null, slowLine: va, lineSince: La }) : null, Jn = !!Ve && !!tt && (tt.kind === "translating" || tt.kind === "voice" && re.relang), Kr = !Jn || !tt ? null : tt.kind === "translating" ? `Translating into ${yn || "the new language"}…` : `Preparing the ${yn || "translated"} voice…`, Lt = !Jn && ((tt == null ? void 0 : tt.kind) === "voice" || (tt == null ? void 0 : tt.kind) === "starting"), Jr = Rr({ ...re.langList, keepOpen: !0, open: w === "lang", onClose: () => O("main") }), Xr = Ko(Q, re.on), ka = u && Xr.bed && ot && ie && (!fe || it) ? ai(e.origin, ie, e.cred) : null, es = al(ka, { t: Bt(z, he), playing: z.playing && !Lt && !(z.timed && z.preparing), muted: z.muted }), ja = u && Xr.speech && ot && ie && (!fe || it) ? ai(e.origin, ie, e.cred, "speech") : null, Xn = Wi(ja, { t: Bt(z, he), playing: !re.on && z.playing, muted: z.muted }), er = !re.on && Xn.on;
+  }, [va, La] = oa(re.on && !!z.preparing && z.playing, 1500), qn = re.on && ((Zs = z.error) == null ? void 0 : Zs.code) === "voice_not_started", Kn = re.canSpeak && !re.error && !qn, yn = J ? ((Gs = at == null ? void 0 : at.languages.find((v) => v.code === J)) == null ? void 0 : Gs.name) ?? Ue.label : "", tt = te ? Uc({ lang: J, langName: yn, translating: Ie && !!J, translateFailed: Fe, voiceFailed: qn, relang: re.relang, starting: re.on ? z.starting : null, slowLine: va, lineSince: La }) : null, Jn = !!Be && !!tt && (tt.kind === "translating" || tt.kind === "voice" && re.relang), Kr = !Jn || !tt ? null : tt.kind === "translating" ? `Translating into ${yn || "the new language"}…` : `Preparing the ${yn || "translated"} voice…`, Lt = !Jn && ((tt == null ? void 0 : tt.kind) === "voice" || (tt == null ? void 0 : tt.kind) === "starting"), Jr = Rr({ ...re.langList, keepOpen: !0, open: w === "lang", onClose: () => O("main") }), Xr = Ko(Q, re.on), ka = u && Xr.bed && ot && ie && (!fe || it) ? ai(e.origin, ie, e.cred) : null, es = al(ka, { t: Vt(z, he), playing: z.playing && !Lt && !(z.timed && z.preparing), muted: z.muted }), ja = u && Xr.speech && ot && ie && (!fe || it) ? ai(e.origin, ie, e.cred, "speech") : null, Xn = Wi(ja, { t: Vt(z, he), playing: !re.on && z.playing, muted: z.muted }), er = !re.on && Xn.on;
   S(() => {
     var v;
     At.setVideoSound(!(Je && (re.on || er))), (v = Mt.silence) == null || v.call(Mt, !Je && er);
@@ -5986,10 +6007,10 @@ function Vu(t) {
     z.pause(), Z(null), et.current = !0, lt.playRow(v);
   }, ts = { prevOn: z.idx > 0, nextOn: z.idx < he.length - 1, onPrev: z.prev, onNext: z.next, playing: z.playing, playable: bt, playTitle: re.playTitle ?? (z.playing ? "Pause" : "Play"), onPlay: () => {
     et.current = !0, z.toggle();
-  }, busy: re.relang && !Ve || Lt };
+  }, busy: re.relang && !Be || Lt };
   fl(bt && vt ? { playing: z.playing, toggle: () => {
     et.current = !0, z.toggle();
-  }, next: z.next, prev: z.prev } : null, be);
+  }, next: z.next, prev: z.prev } : null, Oe);
   const rr = { background: "transparent", color: "#eef0f8", width: 74, justifyContent: "center", boxSizing: "border-box" }, sr = (v, me) => !Ue.can || !x.language ? null : u ? /* @__PURE__ */ g("button", { type: "button", className: "gfull__btn", title: _t ? `${Ue.label ?? Ue.code}: still being prepared` : Ue.label ?? Ue.code, "aria-label": `Language: ${Ue.label ?? Ue.code}`, "aria-busy": _t || void 0, onClick: () => {
     I(!1), Ue.onClick();
   }, style: { position: "relative" }, children: [
@@ -6000,24 +6021,24 @@ function Vu(t) {
   S(() => {
     z.t > 0.3 && Ca(!0);
   }, [z.t]);
-  const xa = !Ve && u && ie && (n != null && n.allowDownload) && !fe && ((qs = n == null ? void 0 : n.job) == null ? void 0 : qs.hasVideo) !== !1 ? /* @__PURE__ */ i(li, { src: xn(e.origin, ie, "video", e.cred), t: Bt(z, he), playing: z.playing && !Lt, seekN: z.seekN, onToggle: z.has ? xt : void 0 }, ie) : null, Qt = !Ve && u && st && Ao(st) ? st : null, Tn = Qt ? Vi(Qt) : null, rs = ze(() => Tn ? Bo(Tn) : void 0, [Tn]), ir = Qt && ((Ks = Pn(Qt)) == null ? void 0 : Ks.id) === "facebook" ? Qt : null, Sa = ir ? /* @__PURE__ */ i(Po, { url: ir, t: Bt(z, he) + (((Xs = (Js = n == null ? void 0 : n.job) == null ? void 0 : Js.crop) == null ? void 0 : Xs.startS) ?? 0), playing: z.playing && !Lt, seekN: z.seekN, onToggle: z.has ? xt : void 0 }, ir) : rs ? /* @__PURE__ */ i(li, { setup: rs, seekOver: 1, t: Bt(z, he) + (((ti = (ei = n == null ? void 0 : n.job) == null ? void 0 : ei.crop) == null ? void 0 : ti.startS) ?? 0), playing: z.playing && !Lt, seekN: z.seekN, onToggle: z.has ? xt : void 0 }, Tn) : Qt ? /* @__PURE__ */ i(Yo, { url: Qt, t: Bt(z, he) + (((ri = (ni = n == null ? void 0 : n.job) == null ? void 0 : ni.crop) == null ? void 0 : ri.startS) ?? 0), playing: z.playing && !Lt, seekN: z.seekN, title: qe }) : null, Da = z.has ? /* @__PURE__ */ g("div", { className: "txyt vsp-follow", children: [
+  const xa = !Be && u && ie && (n != null && n.allowDownload) && !fe && ((qs = n == null ? void 0 : n.job) == null ? void 0 : qs.hasVideo) !== !1 ? /* @__PURE__ */ i(li, { src: xn(e.origin, ie, "video", e.cred), t: Vt(z, he), playing: z.playing && !Lt, seekN: z.seekN, onToggle: z.has ? xt : void 0 }, ie) : null, Qt = !Be && u && st && Ao(st) ? st : null, Tn = Qt ? Bi(Qt) : null, rs = ze(() => Tn ? Vo(Tn) : void 0, [Tn]), ir = Qt && ((Ks = Pn(Qt)) == null ? void 0 : Ks.id) === "facebook" ? Qt : null, Sa = ir ? /* @__PURE__ */ i(Po, { url: ir, t: Vt(z, he) + (((Xs = (Js = n == null ? void 0 : n.job) == null ? void 0 : Js.crop) == null ? void 0 : Xs.startS) ?? 0), playing: z.playing && !Lt, seekN: z.seekN, onToggle: z.has ? xt : void 0 }, ir) : rs ? /* @__PURE__ */ i(li, { setup: rs, seekOver: 1, t: Vt(z, he) + (((ti = (ei = n == null ? void 0 : n.job) == null ? void 0 : ei.crop) == null ? void 0 : ti.startS) ?? 0), playing: z.playing && !Lt, seekN: z.seekN, onToggle: z.has ? xt : void 0 }, Tn) : Qt ? /* @__PURE__ */ i(Yo, { url: Qt, t: Vt(z, he) + (((ri = (ni = n == null ? void 0 : n.job) == null ? void 0 : ni.crop) == null ? void 0 : ri.startS) ?? 0), playing: z.playing && !Lt, seekN: z.seekN, title: qe }) : null, Da = z.has ? /* @__PURE__ */ g("div", { className: "txyt vsp-follow", children: [
     /* @__PURE__ */ i("div", { "aria-hidden": "true", className: "txyt__tap", onClick: xt, style: { cursor: "pointer" } }),
     /* @__PURE__ */ i("div", { className: `txyt__paused${z.playing ? "" : " txyt__paused--on"}`, "aria-hidden": "true", children: /* @__PURE__ */ i("span", { className: "txyt__pausedplay", children: /* @__PURE__ */ i(Xt, { size: 44 }) }) })
-  ] }) : null, ss = Ve ? /* @__PURE__ */ g(Ce, { children: [
-    /* @__PURE__ */ i($c, { ytId: Ve, title: qe, t: ya, playing: z.playing && !Lt, waiting: re.on && !!z.timed && !!z.preparing, seekN: z.seekN, onTime: (v) => {
+  ] }) : null, ss = Be ? /* @__PURE__ */ g(be, { children: [
+    /* @__PURE__ */ i($c, { ytId: Be, title: qe, t: ya, playing: z.playing && !Lt, waiting: re.on && !!z.timed && !!z.preparing, seekN: z.seekN, onTime: (v) => {
       var me, Pe, We;
       return (We = z.videoAt) == null ? void 0 : We.call(z, v - (((Pe = (me = n == null ? void 0 : n.job) == null ? void 0 : me.crop) == null ? void 0 : Pe.startS) ?? 0));
     }, onToggle: z.has ? xt : void 0, onAd: Zn, lead: Je ? At.lead : void 0 }),
     /* @__PURE__ */ g("div", { className: "vsp-poster", "aria-hidden": "true", style: { opacity: Oa ? 0 : 1 }, children: [
-      /* @__PURE__ */ i("div", { className: "vsp-poster__img", style: { backgroundImage: `url(https://i.ytimg.com/vi/${Ve}/hqdefault.jpg)` } }),
+      /* @__PURE__ */ i("div", { className: "vsp-poster__img", style: { backgroundImage: `url(https://i.ytimg.com/vi/${Be}/hqdefault.jpg)` } }),
       /* @__PURE__ */ i("span", { className: "txyt__pausedplay", children: /* @__PURE__ */ i(Xt, { size: 44 }) })
     ] })
-  ] }) : u ? /* @__PURE__ */ g(Ce, { children: [
+  ] }) : u ? /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ i("div", { className: "vsp-idle__pic vsp-idle__pic--brand" }),
     Da,
     Sa,
     xa
-  ] }) : null, is = $t && Ve && !te ? /* @__PURE__ */ i(kc, { ytId: Ve, title: qe, radius: 14, large: !0, style: s ? void 0 : { margin: "8px 20px 2px" }, picture: ss, children: /* @__PURE__ */ i(gu, { pos: qr, transport: ts, chip: sr({ ...rr, width: 64, height: 28, minHeight: 28, padding: "0 8px" }, "sm"), voices: ns, onFull: () => {
+  ] }) : null, is = $t && Be && !te ? /* @__PURE__ */ i(kc, { ytId: Be, title: qe, radius: 14, large: !0, style: s ? void 0 : { margin: "8px 20px 2px" }, picture: ss, children: /* @__PURE__ */ i(gu, { pos: qr, transport: ts, chip: sr({ ...rr, width: 64, height: 28, minHeight: 28, padding: "0 8px" }, "sm"), voices: ns, onFull: () => {
     cn(!0), K(!0);
   }, copied: null }) }) : null, Xe = z.wordSync ? Kl(he, z.idx, z.t) ? he[z.idx] : void 0 : he[z.idx];
   for (const v of he) for (const [me, Pe] of Object.entries(v.translations)) Pe && A.current.set(`${v.sentenceId ?? v.start}|${me}`, Pe);
@@ -6194,7 +6215,7 @@ function Vu(t) {
       In
     ] }, "export")
   ].filter(Boolean).flatMap((v, me) => me ? [/* @__PURE__ */ i("div", { className: "sdiv" }, `d${me}`), v] : [v]) }) }) }) : /* @__PURE__ */ i(en, { open: ee, onClose: () => I(!1), title: Gt.settings, doneLabel: Gt.done, drawer: s, children: /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-    Ue.can && /* @__PURE__ */ g(Ce, { children: [
+    Ue.can && /* @__PURE__ */ g(be, { children: [
       /* @__PURE__ */ g("div", { className: "srow srow--tap", onClick: () => {
         I(!1), Ue.onClick();
       }, children: [
@@ -6209,7 +6230,7 @@ function Vu(t) {
       /* @__PURE__ */ i("div", { className: "sdiv" })
     ] }),
     t.settingsExtra
-  ] }) }), Dt = te && $t && (!!Ve || u) && /* @__PURE__ */ i(
+  ] }) }), Dt = te && $t && (!!Be || u) && /* @__PURE__ */ i(
     ha,
     {
       page: (t.layout ?? "embed") === "page",
@@ -6271,20 +6292,20 @@ function Vu(t) {
     !s && /* @__PURE__ */ i("div", { className: "pubprog__bar", style: { marginTop: 8 }, children: /* @__PURE__ */ i("div", { style: { width: `${U}%` } }) })
   ] }), hr = r && /* @__PURE__ */ i("div", { className: "hint", style: { padding: "30px 20px", textAlign: "center", fontSize: 13 }, children: "This link is no longer shared. Ask the person who sent it for a new one." }), Ts = /* @__PURE__ */ i(ru, { model: ce, rows: he, player: vt ? z : { ...z, playRow: z.seekRow }, tail: rn, tailFg: ct, running: fe, desk: s, feedRef: Yt, listener: !0, showLabels: Ln, find: T, findOpen: !s && p, lang: Qe, warm: P, onVisible: St, wordHl: vn }), Mr = /* @__PURE__ */ i(tc, { error: d ?? W ?? (qn && te ? null : z.error) ?? re.error, onClose: () => {
     M(null), ye(), z.clearError(), re.clearError();
-  } }), ws = [R ? jt(R) : null, q ? q.toUpperCase() : null, se || "Read-only copy"].filter(Boolean).join(" · "), vs = (v) => /* @__PURE__ */ i("div", { className: "ctrans", children: re.noVoice ? re.noVoiceNote : /* @__PURE__ */ g(Ce, { children: [
+  } }), ws = [R ? jt(R) : null, q ? q.toUpperCase() : null, se || "Read-only copy"].filter(Boolean).join(" · "), vs = (v) => /* @__PURE__ */ i("div", { className: "ctrans", children: re.noVoice ? re.noVoiceNote : /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ g("div", { className: "ctrans__row", children: [
       /* @__PURE__ */ i("span", { className: "ctrans__sp", "aria-hidden": "true" }),
       /* @__PURE__ */ g("div", { className: "ctrans__mid", children: [
         /* @__PURE__ */ i("button", { type: "button", className: "ctrans__step", "aria-label": "Previous segment", title: "Previous segment", style: { opacity: z.idx <= 0 ? 0.3 : 1 }, onClick: z.prev, children: /* @__PURE__ */ i(oe, { d: X.chevronLeft, size: 16, sw: 1.8 }) }),
-        /* @__PURE__ */ i("button", { type: "button", className: "ctrans__play", "aria-label": re.relang ? "Preparing audio" : z.playing ? "Pause" : "Play", title: re.relang ? "Preparing audio…" : re.playTitle ?? (z.playing ? "Pause" : "Play"), disabled: !bt, onClick: z.toggle, children: re.relang ? /* @__PURE__ */ i("span", { className: "ctrans__spin" }) : /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", width: 16, height: 16, fill: "currentColor", "aria-hidden": "true", style: z.playing ? void 0 : { marginLeft: 2 }, children: z.playing ? Qc : Bc }) }),
+        /* @__PURE__ */ i("button", { type: "button", className: "ctrans__play", "aria-label": re.relang ? "Preparing audio" : z.playing ? "Pause" : "Play", title: re.relang ? "Preparing audio…" : re.playTitle ?? (z.playing ? "Pause" : "Play"), disabled: !bt, onClick: z.toggle, children: re.relang ? /* @__PURE__ */ i("span", { className: "ctrans__spin" }) : /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", width: 16, height: 16, fill: "currentColor", "aria-hidden": "true", style: z.playing ? void 0 : { marginLeft: 2 }, children: z.playing ? Qc : Vc }) }),
         /* @__PURE__ */ i("button", { type: "button", className: "ctrans__step", "aria-label": "Next segment", title: "Next segment", style: { opacity: z.idx >= he.length - 1 ? 0.3 : 1 }, onClick: z.next, children: /* @__PURE__ */ i(oe, { d: X.chevronRight, size: 16, sw: 1.8 }) })
       ] }),
       /* @__PURE__ */ i("span", { className: "ctrans__mute", children: Nn(36) })
     ] }),
     /* @__PURE__ */ i("div", { className: "ctrans__scrub", children: wa(v) })
-  ] }) }), Qa = Ic("ga", { tabs: qt, cur: h, pref: (si = qt[0]) == null ? void 0 : si.key, onPick: f }), Ls = Math.max(0, Math.min(100, Math.round(U))), Ba = Ye && /* @__PURE__ */ g("div", { className: "gfull gfull--hold", "data-theme": "dark", role: "status", "aria-live": "polite", children: [
-    Ve && /* @__PURE__ */ i("div", { className: "gfull__holdbg", style: { backgroundImage: `url(https://i.ytimg.com/vi/${Ve}/hqdefault.jpg)` } }),
-    /* @__PURE__ */ i("div", { className: "gfull__hold", children: n ? /* @__PURE__ */ g(Ce, { children: [
+  ] }) }), Qa = Ic("ga", { tabs: qt, cur: h, pref: (si = qt[0]) == null ? void 0 : si.key, onPick: f }), Ls = Math.max(0, Math.min(100, Math.round(U))), Va = Ye && /* @__PURE__ */ g("div", { className: "gfull gfull--hold", "data-theme": "dark", role: "status", "aria-live": "polite", children: [
+    Be && /* @__PURE__ */ i("div", { className: "gfull__holdbg", style: { backgroundImage: `url(https://i.ytimg.com/vi/${Be}/hqdefault.jpg)` } }),
+    /* @__PURE__ */ i("div", { className: "gfull__hold", children: n ? /* @__PURE__ */ g(be, { children: [
       qe && /* @__PURE__ */ i("div", { className: "gfull__holdt", children: qe }),
       /* @__PURE__ */ i("div", { className: "gfull__holdpct", children: ae === "transcribing" ? `${Ls}%` : /* @__PURE__ */ i("span", { className: "gfull__spin gfull__holdspin" }) }),
       /* @__PURE__ */ i("div", { className: "gfull__holdbar", children: /* @__PURE__ */ i("div", { style: { width: `${ae === "transcribing" ? Ls : 0}%` } }) }),
@@ -6299,24 +6320,24 @@ function Vu(t) {
     var v;
     (v = On.current) == null || v.call(On, ks);
   }, [ks]);
-  const [Va, gr] = k(!1), fr = !!Dt && !Ye && (Je ? !!z.ended : !z.playing && z.dur > 0 && z.t >= z.dur - 0.5);
+  const [Ba, gr] = k(!1), fr = !!Dt && !Ye && (Je ? !!z.ended : !z.playing && z.dur > 0 && z.t >= z.dur - 0.5);
   S(() => {
     fr || gr(!1);
   }, [fr]);
-  const Ha = t.endCard !== !1 && fr && !Va && /* @__PURE__ */ i(zu, { options: { appUrl: t.appUrl, ...t.endCard || {} }, onStarted: t.onStarted, onClose: () => gr(!0), onReplay: () => {
+  const Ha = t.endCard !== !1 && fr && !Ba && /* @__PURE__ */ i(zu, { options: { appUrl: t.appUrl, ...t.endCard || {} }, onStarted: t.onStarted, onClose: () => gr(!0), onReplay: () => {
     gr(!0), et.current = !0, z.seekFrac ? z.seekFrac(0) : z.seekRow(0), z.playing || z.toggle();
   } });
-  if (u) return /* @__PURE__ */ g(Ce, { children: [
-    r ? /* @__PURE__ */ i("div", { className: "gfull", "data-theme": "dark", children: hr }) : Ba || Dt || /* @__PURE__ */ i("div", { className: "gfull", "data-theme": "dark" }),
+  if (u) return /* @__PURE__ */ g(be, { children: [
+    r ? /* @__PURE__ */ i("div", { className: "gfull", "data-theme": "dark", children: hr }) : Va || Dt || /* @__PURE__ */ i("div", { className: "gfull", "data-theme": "dark" }),
     Ha,
     Mr
   ] });
   if (s) {
     const v = vt && !$t && !r && /* @__PURE__ */ i("div", { className: "pubdeskctl", children: vs(!0) }), me = !r && (qt.length > 0 || $t || !!re.sidePanel || !!v);
-    return /* @__PURE__ */ g(Ce, { children: [
+    return /* @__PURE__ */ g(be, { children: [
       /* @__PURE__ */ i("div", { className: "dhead dhead--listener dhead--cols", children: /* @__PURE__ */ g("div", { className: "gcolhead", children: [
         /* @__PURE__ */ i("div", { className: "gcolhead__main", children: /* @__PURE__ */ g("div", { className: "gcolhead__col", children: [
-          /* @__PURE__ */ i("div", { style: { flex: "none" }, children: /* @__PURE__ */ i(Vn, { dark: a, height: 20.38 }) }),
+          /* @__PURE__ */ i("div", { style: { flex: "none" }, children: /* @__PURE__ */ i(Bn, { dark: a, height: 20.38 }) }),
           !r && /* @__PURE__ */ g("div", { className: "dhead__session", children: [
             /* @__PURE__ */ i("span", { className: "t", children: n ? qe : "" }),
             /* @__PURE__ */ i("span", { className: "s", children: n ? ws : "" })
@@ -6353,7 +6374,7 @@ function Vu(t) {
     /* @__PURE__ */ i(ia, { tabs: qt, current: h, onPick: f, gap: h !== "none" }),
     h !== "none" && Gr(h)
   ] }) });
-  return /* @__PURE__ */ g(Ce, { children: [
+  return /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ i(pu, { dark: a, title: n ? qe : "", subline: n ? ws : "", onOptions: () => I(!0), optionsActive: ee }),
     hr,
     ys,
@@ -6399,17 +6420,17 @@ export {
   Tc as ExportPanel,
   ha as FullVideo,
   gu as MiniPlayer,
-  Vc as MuteButton,
+  Bc as MuteButton,
   Xc as NO_SEEK,
   Qc as PAUSE_D,
-  Bc as PLAY_D,
+  Vc as PLAY_D,
   tu as PUB_SIDE,
   td as PanelSeek,
   xl as PlayerApiProvider,
   $n as REMOVE_BG_LABEL,
   Zo as REMOVE_BG_NOTE,
   nc as ReplayScrub,
-  Bi as SITES,
+  Vi as SITES,
   rd as SiteIcon,
   uc as SpeakerCast,
   Lc as SummaryPanel,
@@ -6424,7 +6445,7 @@ export {
   Oo as hostOfUrl,
   Ht as lineEnd,
   la as lineWords,
-  Bt as pictureT,
+  Vt as pictureT,
   En as placePosition,
   _n as realFull,
   Ju as setErrorReporter,