@vocalstack/player 0.1.0-alpha.27 → 0.1.0-alpha.28

package/dist/index.js

@@ -104,16 +104,16 @@ function hr({ value: t, onChange: e, options: n, size: r, bordered: s = !0, fill
   return Bt(() => {
     const d = o.current;
     if (!d) return;
-    const M = d.querySelectorAll(".vs-switch__opt")[u];
-    M && c({ left: M.offsetLeft, width: M.offsetWidth });
+    const g = d.querySelectorAll(".vs-switch__opt")[u];
+    g && c({ left: g.offsetLeft, width: g.offsetWidth });
   }, [u, n.length]), U(() => {
     const d = o.current;
     if (!d || typeof ResizeObserver > "u") return;
-    const M = new ResizeObserver(() => {
-      const g = d.querySelectorAll(".vs-switch__opt")[u];
-      g && c({ left: g.offsetLeft, width: g.offsetWidth });
+    const g = new ResizeObserver(() => {
+      const M = d.querySelectorAll(".vs-switch__opt")[u];
+      M && c({ left: M.offsetLeft, width: M.offsetWidth });
     });
-    return M.observe(d), () => M.disconnect();
+    return g.observe(d), () => g.disconnect();
   }, [u]), /* @__PURE__ */ h("div", { ref: o, role: "tablist", className: `vs-switch${r === "sm" ? " vs-switch--sm" : ""}${s ? "" : " vs-switch--borderless"}${a ? " vs-switch--fill" : ""}`, children: [
     l && /* @__PURE__ */ i("span", { className: "vs-switch__thumb", style: { left: l.left, width: l.width }, "aria-hidden": "true" }),
     n.map((d) => /* @__PURE__ */ h("button", { type: "button", role: "tab", "aria-selected": d.value === t, className: "vs-switch__opt", onClick: () => e(d.value), children: [
@@ -184,28 +184,28 @@ function Mr({ children: t, ms: e = 220 }) {
     if (!o || !l) return;
     let c;
     const u = () => {
-      const g = l.closest(".vs-sheet"), N = g ? parseFloat(getComputedStyle(g).maxHeight) : NaN;
-      return !g || !Number.isFinite(N) ? 1 / 0 : Math.max(0, N - (g.offsetHeight - l.offsetHeight));
+      const M = l.closest(".vs-sheet"), N = M ? parseFloat(getComputedStyle(M).maxHeight) : NaN;
+      return !M || !Number.isFinite(N) ? 1 / 0 : Math.max(0, N - (M.offsetHeight - l.offsetHeight));
     }, d = () => {
-      const g = o.offsetHeight;
-      clearTimeout(c), a(Math.min(g, u())), g > u() && (c = setTimeout(() => a(g), e));
+      const M = o.offsetHeight;
+      clearTimeout(c), a(Math.min(M, u())), M > u() && (c = setTimeout(() => a(M), e));
     };
     if (d(), typeof ResizeObserver > "u") return () => clearTimeout(c);
-    const M = new ResizeObserver(d);
-    return M.observe(o), () => {
-      M.disconnect(), clearTimeout(c);
+    const g = new ResizeObserver(d);
+    return g.observe(o), () => {
+      g.disconnect(), clearTimeout(c);
     };
   }, [e]), /* @__PURE__ */ i("div", { ref: n, style: { height: s ?? void 0, overflow: "clip", transition: s == null ? void 0 : `height ${e}ms cubic-bezier(.32,.72,0,1)` }, children: /* @__PURE__ */ i("div", { ref: r, children: t }) });
 }
 function Vt({ open: t, onClose: e, title: n, titleNode: r, note: s, doneLabel: a = "Done", children: o, drawer: l = !1, header: c, kind: u, sticky: d = !1 }) {
-  const M = v(null);
-  return Ia(M, t), U(() => {
+  const g = v(null);
+  return Ia(g, t), U(() => {
     if (!t) return;
-    const g = (N) => {
+    const M = (N) => {
       N.key === "Escape" && e();
     };
-    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [t, e]), t ? /* @__PURE__ */ i("div", { ref: M, className: `vs-sheet-scrim${l ? " drawer" : ""}${d ? " vs-sheet-scrim--sticky" : ""}`, onClick: d ? void 0 : e, children: /* @__PURE__ */ h("div", { className: `vs-sheet${u ? ` vs-sheet--${u}` : ""}`, role: "dialog", "aria-modal": "true", "aria-label": n, onClick: (g) => g.stopPropagation(), children: [
+    return window.addEventListener("keydown", M), () => window.removeEventListener("keydown", M);
+  }, [t, e]), t ? /* @__PURE__ */ i("div", { ref: g, className: `vs-sheet-scrim${l ? " drawer" : ""}${d ? " vs-sheet-scrim--sticky" : ""}`, onClick: d ? void 0 : e, children: /* @__PURE__ */ h("div", { className: `vs-sheet${u ? ` vs-sheet--${u}` : ""}`, role: "dialog", "aria-modal": "true", "aria-label": n, onClick: (M) => M.stopPropagation(), children: [
     /* @__PURE__ */ i("div", { className: "vs-sheet__grip" }),
     /* @__PURE__ */ h("div", { className: "vs-sheet__head", children: [
       r ?? /* @__PURE__ */ i("span", { className: "vs-sheet__title", children: n }),
@@ -697,16 +697,16 @@ const nt = class nt {
     let o = 0;
     if (a)
       if (this.within = null, r.total > 1) {
-        const c = Array.from({ length: r.total }, (d, M) => {
-          var g;
-          return ((g = r.got.get(M)) == null ? void 0 : g.durationS) ?? 0;
-        }), u = c.reduce((d, M) => d + M, 0);
+        const c = Array.from({ length: r.total }, (d, g) => {
+          var M;
+          return ((M = r.got.get(g)) == null ? void 0 : M.durationS) ?? 0;
+        }), u = c.reduce((d, g) => d + g, 0);
         if (u > 0 && c.every((d) => d > 0)) {
           const d = a.frac * u;
-          let M = 0, g = 0;
-          for (; M < c.length - 1 && g + c[M] <= d; ) g += c[M++];
-          if (o = -(d - g), M !== n) {
-            this.partBase = g, this.startPartAt(e, M, d - g);
+          let g = 0, M = 0;
+          for (; g < c.length - 1 && M + c[g] <= d; ) M += c[g++];
+          if (o = -(d - M), g !== n) {
+            this.partBase = M, this.startPartAt(e, g, d - M);
             return;
           }
         }
@@ -739,9 +739,9 @@ const nt = class nt {
       if (this.rank(c) <= l || !this.speakable(c)) continue;
       const u = this.clips.get(c);
       if (u)
-        for (const d of [...u.got.keys()].sort((M, g) => M - g)) {
-          const M = u.got.get(d);
-          r.push(M), s += M.durationS || 0;
+        for (const d of [...u.got.keys()].sort((g, M) => g - M)) {
+          const g = u.got.get(d);
+          r.push(g), s += g.durationS || 0;
         }
     }
     return r;
@@ -881,19 +881,19 @@ function Ya(t, e, n, r = {}, s) {
   if (!(a != null && a.length)) return [];
   const o = Oa(r), l = o ? `&${o}` : "", c = t.voiceKey ? `&voice=${encodeURIComponent(t.voiceKey)}` : "";
   return a.flatMap((u) => {
-    var g, N;
-    const d = (g = t.clipRev) == null ? void 0 : g[String(u)], M = Math.max(1, ((N = t.clipParts) == null ? void 0 : N[String(u)]) ?? 1);
-    return Array.from({ length: M }, (p, y) => {
+    var M, N;
+    const d = (M = t.clipRev) == null ? void 0 : M[String(u)], g = Math.max(1, ((N = t.clipParts) == null ? void 0 : N[String(u)]) ?? 1);
+    return Array.from({ length: g }, (p, y) => {
       var L;
       return {
         sentenceId: u,
         lang: t.lang,
         src: `${n}/v1/recordings/${e}/voice/${u}?lang=${encodeURIComponent(t.lang)}${c}&format=${xn()}${y > 0 ? `&part=${y}` : ""}${d ? `&v=${encodeURIComponent(d)}` : ""}${l}`,
-        durationS: M === 1 ? ((L = t.clipDur) == null ? void 0 : L[String(u)]) ?? 0 : 0,
+        durationS: g === 1 ? ((L = t.clipDur) == null ? void 0 : L[String(u)]) ?? 0 : 0,
         voice: t.voice ?? null,
         cloned: !1,
         part: y,
-        parts: M
+        parts: g
       };
     });
   });
@@ -967,21 +967,21 @@ function Qa(t) {
   const [e, n] = Ir(t === "ga" ? "vs.colW.ga" : "vs.colW", null);
   return [typeof e == "number" && e > 0 ? e : t === "ga" ? 560 : Pa, n];
 }
-function Or({ open: t, onClose: e, value: n, onSelect: r, languages: s, searchPlaceholder: a = "Search languages", none: o, pinned: l = [], recent: c = [], requireVoice: u, keepOpen: d, busy: M }) {
-  const [g, N] = z(""), [p, y] = z(!1), [L, m] = z(null);
+function Or({ open: t, onClose: e, value: n, onSelect: r, languages: s, searchPlaceholder: a = "Search languages", none: o, pinned: l = [], recent: c = [], requireVoice: u, keepOpen: d, busy: g }) {
+  const [M, N] = z(""), [p, y] = z(!1), [L, m] = z(null);
   U(() => {
     t && (N(""), y(!1), m(null));
   }, [t]);
   const f = Ie(() => {
-    const E = g.trim().toLowerCase();
+    const E = M.trim().toLowerCase();
     return [...E ? s.filter((O) => O.label.toLowerCase().includes(E) || O.native.toLowerCase().includes(E) || O.code.toLowerCase().includes(E)) : s].sort((O, S) => {
       const re = l.indexOf(O.code), K = l.indexOf(S.code);
       return re !== -1 || K !== -1 ? (re === -1 ? 999 : re) - (K === -1 ? 999 : K) : O.label.localeCompare(S.label);
     });
-  }, [s, g, l]), I = Ie(
-    () => g ? [] : c.map((E) => f.find((Q) => Q.code === E)).filter((E) => !!E).sort((E, Q) => E.label.localeCompare(Q.label)),
-    [c, f, g]
-  ), C = Ie(() => I.length ? f.filter((E) => !I.some((Q) => Q.code === E.code)) : f, [f, I]), D = p || g ? C : C.slice(0, 12), V = C.length - D.length, _ = (E, Q = !1) => {
+  }, [s, M, l]), I = Ie(
+    () => M ? [] : c.map((E) => f.find((Q) => Q.code === E)).filter((E) => !!E).sort((E, Q) => E.label.localeCompare(Q.label)),
+    [c, f, M]
+  ), b = Ie(() => I.length ? f.filter((E) => !I.some((Q) => Q.code === E.code)) : f, [f, I]), D = p || M ? b : b.slice(0, 12), V = b.length - D.length, _ = (E, Q = !1) => {
     const T = !!u && !E.voice;
     return /* @__PURE__ */ h(
       "button",
@@ -1008,16 +1008,16 @@ function Or({ open: t, onClose: e, value: n, onSelect: r, languages: s, searchPl
             (O.key === "Enter" || O.key === " ") && (O.preventDefault(), O.stopPropagation(), Ys(E.code));
           }, children: /* @__PURE__ */ i(oe, { d: X.close, size: 16 }) }) }),
           /* @__PURE__ */ i("span", { className: `vs-picker__slot${T ? " vs-picker__slot--wide" : ""}`, title: E.voice ? "Voice available" : T ? "No voice speaks this language yet" : void 0, children: T ? L === E.code && /* @__PURE__ */ i("span", { className: "vs-picker__off", children: "UNAVAILABLE" }) : E.voice && /* @__PURE__ */ i(oe, { d: X.headphones, size: 16 }) }),
-          /* @__PURE__ */ i("span", { className: "vs-picker__check", children: n === E.code && (M === E.code ? /* @__PURE__ */ i(at, { size: 15, color: "var(--vs-link-hover)", track: "var(--vs-border)" }) : /* @__PURE__ */ i(oe, { d: X.check, size: 16, sw: 2.2 })) })
+          /* @__PURE__ */ i("span", { className: "vs-picker__check", children: n === E.code && (g === E.code ? /* @__PURE__ */ i(at, { size: 15, color: "var(--vs-link-hover)", track: "var(--vs-border)" }) : /* @__PURE__ */ i(oe, { d: X.check, size: 16, sw: 2.2 })) })
         ]
       },
       E.code
     );
   }, ee = /* @__PURE__ */ h("div", { className: "vs-picker__search", children: [
     /* @__PURE__ */ i(oe, { d: X.search, size: 16, sw: 1.7, style: { color: "var(--vs-text-muted)" } }),
-    /* @__PURE__ */ i("input", { value: g, onChange: (E) => N(E.target.value), placeholder: a, "aria-label": a })
+    /* @__PURE__ */ i("input", { value: M, onChange: (E) => N(E.target.value), placeholder: a, "aria-label": a })
   ] }), j = /* @__PURE__ */ h("div", { className: "vs-picker__list", children: [
-    o && !g && /* @__PURE__ */ h("button", { type: "button", className: "vs-picker__row", "data-vs-original": "", "aria-selected": n === null, onClick: () => {
+    o && !M && /* @__PURE__ */ h("button", { type: "button", className: "vs-picker__row", "data-vs-original": "", "aria-selected": n === null, onClick: () => {
       r(null), d || e();
     }, children: [
       /* @__PURE__ */ i("span", { className: "vs-picker__flag", children: /* @__PURE__ */ i(oe, { d: X.mic, size: 19, sw: 1.6, style: { color: "var(--vs-text-muted)" } }) }),
@@ -1042,7 +1042,7 @@ function Or({ open: t, onClose: e, value: n, onSelect: r, languages: s, searchPl
     ] }),
     f.length === 0 && /* @__PURE__ */ h("div", { className: "vs-picker__more", children: [
       "No match for “",
-      g,
+      M,
       "”"
     ] })
   ] });
@@ -1119,22 +1119,22 @@ function rr(t) {
   t && (t.pause(), t.removeAttribute("src"), t.load());
 }
 function pi(t, e) {
-  const [n, r] = z("off"), [s, a] = z([]), [o, l] = z(!1), c = v(null), u = v([null, null]), d = v([NaN, NaN]), M = v(0);
+  const [n, r] = z("off"), [s, a] = z([]), [o, l] = z(!1), c = v(null), u = v([null, null]), d = v([NaN, NaN]), g = v(0);
   return U(() => {
     if (a([]), l(!1), !t) {
       r("off");
       return;
     }
-    let g = !1, N;
+    let M = !1, N;
     r("making");
     const p = () => {
       to(t).then((y) => {
-        if (!g) {
+        if (!M) {
           if (y.ready) {
             const L = new Audio();
             L.preload = "auto";
             const m = () => {
-              !g && c.current === L && r("ready");
+              !M && c.current === L && r("ready");
             };
             L.addEventListener("canplay", m, { once: !0 }), L.addEventListener("error", m, { once: !0 }), L.src = t, c.current = L;
             return;
@@ -1146,31 +1146,31 @@ function pi(t, e) {
           a((L) => L.length === y.parts.length && L.every((m, f) => m.startS === y.parts[f].startS) ? L : y.parts), N = setTimeout(p, y.retryS * 1e3);
         }
       }).catch(() => {
-        g || (N = setTimeout(p, 5e3));
+        M || (N = setTimeout(p, 5e3));
       });
     };
     return p(), () => {
-      g = !0, N && clearTimeout(N), rr(c.current), c.current = null, rr(u.current[0]), rr(u.current[1]), u.current = [null, null], d.current = [NaN, NaN];
+      M = !0, N && clearTimeout(N), rr(c.current), c.current = null, rr(u.current[0]), rr(u.current[1]), u.current = [null, null], d.current = [NaN, NaN];
     };
   }, [t]), U(() => {
-    const g = () => {
+    const M = () => {
       for (const m of u.current) m && !m.paused && m.pause();
     };
     if (n === "ready" && c.current) {
-      g(), Us(c.current, e), l(!0);
+      M(), Us(c.current, e), l(!0);
       return;
     }
     const N = n === "making" ? Xa(s, e.t) : -1;
     if (N < 0) {
-      g(), l(!1);
+      M(), l(!1);
       return;
     }
-    const p = eo(s, N, d.current, M.current);
+    const p = eo(s, N, d.current, g.current);
     for (const [m, f] of p.load) {
       let I = u.current[m];
       I || (I = new Audio(), I.preload = "auto", u.current[m] = I), I.pause(), I.src = s[f].url, d.current[m] = s[f].startS;
     }
-    M.current = p.play;
+    g.current = p.play;
     const y = u.current[p.play], L = u.current[1 - p.play];
     L && !L.paused && L.pause(), Us(y, { ...e, t: e.t - s[N].startS }), l(!e.playing || y.readyState >= 3);
   }, [n, s, e.t, e.playing, e.muted]), { state: n, on: o, untilS: n === "ready" ? 1 / 0 : s.length ? s[s.length - 1].endS : 0 };
@@ -1194,7 +1194,7 @@ function io(t, e, n) {
   const o = Math.max(1, ...a.map((c) => c.parts));
   let l = Math.max(0, n - s.start);
   for (let c = 0; c < o; c++) {
-    const u = a.find((M) => M.part === c);
+    const u = a.find((g) => g.part === c);
     if (!u) return { kind: "missing", sid: s.sid };
     const d = u.durationS && u.durationS > 0 ? u.durationS : 1 / 0;
     if (l < d) return { kind: "play", sid: s.sid, src: u.src, offset: l };
@@ -1240,31 +1240,31 @@ function lo(t) {
     }
     const c = io(t.lines, e, t.t), u = c.kind === "missing" ? c.sid : null, d = c.kind === "none" ? null : c.sid;
     a((p) => p.missing === u && p.sid === d ? p : { missing: u, sid: d });
-    const M = new Set(oo(t.lines, e, t.t));
-    for (const p of M) o(p);
-    const g = r.current;
-    g && M.add(g.src);
-    for (const [p, y] of n.current) !M.has(p) && (!g || g.el !== y) && (y.pause(), n.current.delete(p));
+    const g = new Set(oo(t.lines, e, t.t));
+    for (const p of g) o(p);
+    const M = r.current;
+    M && g.add(M.src);
+    for (const [p, y] of n.current) !g.has(p) && (!M || M.el !== y) && (y.pause(), n.current.delete(p));
     if (!t.playing) {
-      g == null || g.el.pause();
+      M == null || M.el.pause();
       return;
     }
     if (c.kind !== "play") {
-      if (g && !g.el.paused && !g.el.ended && ao(t.lines, t.t, g.sid)) return;
-      g && g.el.pause(), r.current = null;
+      if (M && !M.el.paused && !M.el.ended && ao(t.lines, t.t, M.sid)) return;
+      M && M.el.pause(), r.current = null;
       return;
     }
-    if (g && g.src === c.src) {
-      if (g.el.muted = t.muted, !g.el.ended && Math.abs(g.el.currentTime - c.offset) > ro)
+    if (M && M.src === c.src) {
+      if (M.el.muted = t.muted, !M.el.ended && Math.abs(M.el.currentTime - c.offset) > ro)
         try {
-          g.el.currentTime = c.offset;
+          M.el.currentTime = c.offset;
         } catch {
         }
-      g.el.paused && !g.el.ended && g.el.play().catch(() => {
+      M.el.paused && !M.el.ended && M.el.play().catch(() => {
       });
       return;
     }
-    g == null || g.el.pause();
+    M == null || M.el.pause();
     const N = o(c.src);
     N.muted = t.muted;
     try {
@@ -1497,7 +1497,7 @@ function fo(t, e) {
         if ((n = e.scriptWords) != null && n.length) {
           const a = (c) => c.toLowerCase().replace(/[^\p{L}\p{N}]/gu, ""), o = (e.fixes ?? []).filter((c) => String(c.kind ?? "").endsWith("script") && String(c.orig ?? "").trim()), l = (c) => {
             var u, d;
-            return c.recognized ?? ((d = (u = o.find((M) => String(M.repl ?? "").split(/\s+/).map(a).includes(a(c.text)))) == null ? void 0 : u.orig) == null ? void 0 : d.trim());
+            return c.recognized ?? ((d = (u = o.find((g) => String(g.repl ?? "").split(/\s+/).map(a).includes(a(c.text)))) == null ? void 0 : u.orig) == null ? void 0 : d.trim());
           };
           r.words = r.words.map((c, u) => {
             if (!e.scriptWords.includes(u)) return c;
@@ -1789,12 +1789,12 @@ function Ao(t, e) {
   const [n, r] = z(null), [s, a] = z(!1), [o, l] = z(null), [c, u] = z(0);
   return U(() => {
     let d = !0;
-    return So(t, e).then((M) => {
-      d && (r(M), a(!1), l(null));
-    }).catch((M) => {
+    return So(t, e).then((g) => {
+      d && (r(g), a(!1), l(null));
+    }).catch((g) => {
       if (!d) return;
-      const g = Tt(M);
-      g.code === "not_found" || g.status === 404 ? a(!0) : l(g);
+      const M = Tt(g);
+      M.code === "not_found" || M.status === 404 ? a(!0) : l(M);
     }), () => {
       d = !1;
     };
@@ -1856,7 +1856,7 @@ const _o = (t) => new Promise((e) => setTimeout(e, t)), Yo = 2500, Uo = 72;
 function Ro(t, e) {
   const n = Et(), r = v(n);
   r.current = n;
-  const [s, a] = z($t), o = v($t()), l = v(null), c = v(e.lang ?? null), [u, d] = z(!1), [M, g] = z(null), [N, p] = z(!1), y = Ke(() => {
+  const [s, a] = z($t), o = v($t()), l = v(null), c = v(e.lang ?? null), [u, d] = z(!1), [g, M] = z(null), [N, p] = z(!1), y = Ke(() => {
     const Q = o.current;
     a({ ...Q });
   }, []), L = v(e);
@@ -1881,7 +1881,7 @@ function Ro(t, e) {
             G.close();
             return;
           }
-          T = 0, l.current = G, c.current !== pe && G.setLanguage(c.current), d(!0), g(null), o.current = sr(G.snapshot, o.current), y(), re();
+          T = 0, l.current = G, c.current !== pe && G.setLanguage(c.current), d(!0), M(null), o.current = sr(G.snapshot, o.current), y(), re();
           for await (const le of G) {
             if (!Q) break;
             if (le.type === "snapshot")
@@ -1896,7 +1896,7 @@ function Ro(t, e) {
           if (!Q) return;
           const le = Tt(pe);
           if (le.code === "not_found" || le.status === 404) {
-            p(!0), g(le);
+            p(!0), M(le);
             return;
           }
           try {
@@ -1904,19 +1904,19 @@ function Ro(t, e) {
           } catch (Te) {
             const je = Tt(Te);
             if (je.code === "not_found" || je.status === 404) {
-              p(!0), g(je);
+              p(!0), M(je);
               return;
             }
             if (je.code === "forbidden" || je.code === "invalid_token" || je.code === "password_required" || je.status === 401 || je.status === 403) {
-              g(je);
+              M(je);
               return;
             }
           }
           if (le.code === "forbidden" || le.code === "invalid_token" || le.code === "password_required" || le.status === 401 || le.status === 403) {
-            g(le);
+            M(le);
             return;
           }
-          g(le);
+          M(le);
         } finally {
           l.current === G && (l.current = null), d(!1);
         }
@@ -1929,11 +1929,11 @@ function Ro(t, e) {
       Q = !1, (K = l.current) == null || K.close(), l.current = null, d(!1);
     };
   }, [t, n, e.voice]);
-  const [m, f] = z(!1), [I, C] = z(null), D = v(0), [V, _] = z(null), ee = Ke((Q) => {
+  const [m, f] = z(!1), [I, b] = z(null), D = v(0), [V, _] = z(null), ee = Ke((Q) => {
     var re;
     if (c.current = Q, (re = l.current) == null || re.setLanguage(Q), !t) return;
     const T = r.current.client, O = ++D.current;
-    f(!0), C(null);
+    f(!0), b(null);
     const S = (K) => T.recordings.transcript(t, { lang: Q ?? void 0, ...r.current.readAs, asListener: !r.current.owner }).then((k) => {
       O === D.current && (o.current = sr(k, o.current), _(Q), y(), k.translationPending && K > 0 && window.setTimeout(() => {
         O === D.current && S(K - 1).catch(() => {
@@ -1941,7 +1941,7 @@ function Ro(t, e) {
       }, Yo));
     });
     S(Uo).catch(() => {
-      O === D.current && Q && C(Q);
+      O === D.current && Q && b(Q);
     }).finally(() => {
       O === D.current && f(!1);
     });
@@ -1953,8 +1953,8 @@ function Ro(t, e) {
       k && (k.translations = { ...k.translations, [Q]: K }, S = !0);
     }
     S && y();
-  }, [y]), E = Ke(() => g(null), []);
-  return { model: s, connected: u, error: M, notFound: N, clearError: E, setLanguage: ee, mergeTranslations: j, translating: m, translateFailed: I, shownLang: V };
+  }, [y]), E = Ke(() => M(null), []);
+  return { model: s, connected: u, error: g, notFound: N, clearError: E, setLanguage: ee, mergeTranslations: j, translating: m, translateFailed: I, shownLang: V };
 }
 const Vs = {
   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" },
@@ -2020,14 +2020,14 @@ async function Bo(t) {
   Sr(t);
 }
 async function Vo(t, e, n, r = {}) {
-  var g, N;
+  var M, N;
   const s = await t.client.recordings.export(e, n, { lang: r.lang ?? void 0, ...t.readAs });
   if (!s.ok) throw await ji(s);
-  const a = await s.blob(), o = s.headers.get("content-disposition") ?? "", l = (g = /filename\*=UTF-8''([^;]+)/i.exec(o)) == null ? void 0 : g[1], c = (N = /filename="([^"]+)"/i.exec(o)) == null ? void 0 : N[1], u = l ? decodeURIComponent(l) : c ?? `transcript.${n}`, d = URL.createObjectURL(a), M = document.createElement("a");
-  M.href = d, M.download = u, M.style.display = "none", document.body.appendChild(M), M.click(), M.remove(), window.setTimeout(() => URL.revokeObjectURL(d), 6e4);
+  const a = await s.blob(), o = s.headers.get("content-disposition") ?? "", l = (M = /filename\*=UTF-8''([^;]+)/i.exec(o)) == null ? void 0 : M[1], c = (N = /filename="([^"]+)"/i.exec(o)) == null ? void 0 : N[1], u = l ? decodeURIComponent(l) : c ?? `transcript.${n}`, d = URL.createObjectURL(a), g = document.createElement("a");
+  g.href = d, g.download = u, g.style.display = "none", document.body.appendChild(g), g.click(), g.remove(), window.setTimeout(() => URL.revokeObjectURL(d), 6e4);
 }
 async function Ho(t, e) {
-  const { recordingId: n, lang: r, voiceKey: s, cred: a } = e, o = async () => (await t.client.recordings.voice(n, r, t.readAs)).filter((M) => M.lang === r), l = (d) => di(d, s);
+  const { recordingId: n, lang: r, voiceKey: s, cred: a } = e, o = async () => (await t.client.recordings.voice(n, r, t.readAs)).filter((g) => g.lang === r), l = (d) => di(d, s);
   let c = l(await o());
   (!c || c.state === "clips" || c.state === "failed") && await e.request();
   const u = Date.now() + (e.timeoutMs ?? 10 * 6e4);
@@ -2089,7 +2089,7 @@ function qo(t, e, n = 0) {
       const _ = o(), ee = _ ? _.offsetHeight : 0, j = s.clientHeight - ee - 36, E = s.scrollHeight - s.clientHeight, Q = j > 0 ? Math.max(30, Math.round(j * (s.clientHeight - ee) / s.scrollHeight)) : 0;
       return { vis: j, max: E, size: Q };
     };
-    let c = -1, u = null, d = !1, M = 0, g = 0;
+    let c = -1, u = null, d = !1, g = 0, M = 0;
     const N = () => {
       const _ = o();
       if (!_) return;
@@ -2116,19 +2116,19 @@ function qo(t, e, n = 0) {
       a.style.pointerEvents = "auto", a.style.height = j.size + "px", a.style.transform = "translateY(" + Math.round(s.scrollTop / j.max * (j.vis - j.size)) + "px)", _ && p();
     }, f = parseFloat(getComputedStyle(s).paddingRight) || 0;
     a.style.right = (f >= 12 ? -(f - 6) : 2) + "px";
-    const I = () => m(!0), C = (_) => {
+    const I = () => m(!0), b = (_) => {
       const ee = l();
-      ee.vis - ee.size <= 0 || (_.preventDefault(), _.stopPropagation(), a.setPointerCapture(_.pointerId), d = !0, M = _.clientY, g = s.scrollTop, a.style.cursor = "grabbing", p());
+      ee.vis - ee.size <= 0 || (_.preventDefault(), _.stopPropagation(), a.setPointerCapture(_.pointerId), d = !0, g = _.clientY, M = s.scrollTop, a.style.cursor = "grabbing", p());
     }, D = (_) => {
       if (!d) return;
       const ee = l();
-      s.scrollTop = g + (_.clientY - M) / (ee.vis - ee.size) * ee.max, p();
+      s.scrollTop = M + (_.clientY - g) / (ee.vis - ee.size) * ee.max, p();
     }, V = () => {
       d && (d = !1, a.style.cursor = "grab", p());
     };
-    return s.addEventListener("scroll", I, { passive: !0 }), a.addEventListener("pointerdown", C), a.addEventListener("pointermove", D), a.addEventListener("pointerup", V), a.addEventListener("pointercancel", V), typeof ResizeObserver < "u" && (y = new ResizeObserver(() => m()), y.observe(s)), r.current = () => m(), m(), () => {
+    return s.addEventListener("scroll", I, { passive: !0 }), a.addEventListener("pointerdown", b), a.addEventListener("pointermove", D), a.addEventListener("pointerup", V), a.addEventListener("pointercancel", V), typeof ResizeObserver < "u" && (y = new ResizeObserver(() => m()), y.observe(s)), r.current = () => m(), m(), () => {
       r.current = () => {
-      }, s.removeEventListener("scroll", I), a.removeEventListener("pointerdown", C), a.removeEventListener("pointermove", D), a.removeEventListener("pointerup", V), a.removeEventListener("pointercancel", V), y == null || y.disconnect(), clearTimeout(u);
+      }, s.removeEventListener("scroll", I), a.removeEventListener("pointerdown", b), a.removeEventListener("pointermove", D), a.removeEventListener("pointerup", V), a.removeEventListener("pointercancel", V), y == null || y.disconnect(), clearTimeout(u);
     };
   }, []);
 }
@@ -2176,9 +2176,9 @@ function Zc({ chip: t, note: e, scrub: n, mute: r, voice: s, prev: a, play: o, n
   ] });
 }
 function Xo({ 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 = v(null), g = v(!1), [N, p] = z(null), y = Math.max(1, e), L = N ?? u, m = L != null ? Math.min(100, Math.max(0, L * 100)) : t / Math.max(1, y - 1) * 100, f = u != null && d > 0 && N == null ? `width ${d}ms linear, left ${d}ms linear` : "none", I = (D) => {
+  const g = v(null), M = v(!1), [N, p] = z(null), y = Math.max(1, e), L = N ?? u, m = L != null ? Math.min(100, Math.max(0, L * 100)) : t / Math.max(1, y - 1) * 100, f = u != null && d > 0 && N == null ? `width ${d}ms linear, left ${d}ms linear` : "none", I = (D) => {
     var j;
-    const V = (j = M.current) == null ? void 0 : j.getBoundingClientRect();
+    const V = (j = g.current) == null ? void 0 : j.getBoundingClientRect();
     if (!V) return;
     const _ = Math.min(1, Math.max(0, (D.clientX - V.left) / Math.max(1, V.width)));
     if (o) {
@@ -2187,24 +2187,24 @@ function Xo({ index: t, total: e, atLabel: n, durLabel: r, stepLabel: s, onSeek:
     }
     const ee = Math.round(_ * (y - 1));
     ee !== t && a(ee);
-  }, C = () => {
-    g.current && (g.current = !1, p(null), c == null || c());
+  }, b = () => {
+    M.current && (M.current = !1, p(null), c == null || c());
   };
   return /* @__PURE__ */ h("div", { className: "rscrub", children: [
     /* @__PURE__ */ h(
       "div",
       {
-        ref: M,
+        ref: g,
         className: "rscrub__track",
         onPointerDown: (D) => {
           var V;
-          g.current = !0, (V = M.current) == null || V.setPointerCapture(D.pointerId), l == null || l(), I(D), D.preventDefault();
+          M.current = !0, (V = g.current) == null || V.setPointerCapture(D.pointerId), l == null || l(), I(D), D.preventDefault();
         },
         onPointerMove: (D) => {
-          g.current && I(D);
+          M.current && I(D);
         },
-        onPointerUp: C,
-        onPointerCancel: C,
+        onPointerUp: b,
+        onPointerCancel: b,
         children: [
           /* @__PURE__ */ i("div", { className: "rscrub__rail" }),
           /* @__PURE__ */ i("div", { className: "rscrub__fill", style: { width: `${m}%`, transition: f } }),
@@ -2250,15 +2250,15 @@ function nl({ onOpen: t, alone: e }) {
   ] });
 }
 function rl(t, e, n, r) {
-  const s = Et(), [a, o] = z([]), [l, c] = z(0), u = v(/* @__PURE__ */ new Set()), d = v(!1), M = Ie(() => new Map(n.filter((N) => N.sentenceId != null).map((N) => [N.sentenceId, N])), [n]);
+  const s = Et(), [a, o] = z([]), [l, c] = z(0), u = v(/* @__PURE__ */ new Set()), d = v(!1), g = Ie(() => new Map(n.filter((N) => N.sentenceId != null).map((N) => [N.sentenceId, N])), [n]);
   U(() => {
     u.current = /* @__PURE__ */ new Set();
   }, [t, e]);
-  const g = Ke((N) => o(N), []);
+  const M = Ke((N) => o(N), []);
   return U(() => {
     if (!t || !e || !a.length || d.current) return;
     const N = a.filter((p) => {
-      const y = M.get(p);
+      const y = g.get(p);
       return !y || !y.text.trim() || !y.settled || y.translations[e] || y.language && y.language.slice(0, 2).toLowerCase() === e.slice(0, 2).toLowerCase() ? !1 : !u.current.has(`${e}:${p}`);
     }).slice(0, 40);
     if (N.length) {
@@ -2274,7 +2274,7 @@ function rl(t, e, n, r) {
         d.current = !1, c((p) => p + 1);
       });
     }
-  }, [t, e, a, l, M, r]), g;
+  }, [t, e, a, l, g, r]), M;
 }
 function sl(t) {
   return t.live || t.auto ? "From this session" : t.cloned ? t.library === !1 ? "This transcription only" : "Saved in Voices" : "";
@@ -2333,28 +2333,28 @@ function Fs(t) {
 function Gs(t, e, n = !0) {
   const r = e.filter((o) => !o.cloned), s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map();
   for (const o of t) {
-    const c = (o.voiceId ? e.find((g) => g.cloned && !g.auto && g.consent !== "pending" && g.id === `clone:${o.voiceId}`) : void 0) ?? (n ? (o.voiceId ? e.find((g) => g.cloned && g.consent !== "pending" && g.id === `clone:${o.voiceId}`) : void 0) ?? (o.key >= 0 ? e.find((g) => g.cloned && g.auto && g.consent !== "pending" && g.speaker === o.key) : void 0) : void 0);
+    const c = (o.voiceId ? e.find((M) => M.cloned && !M.auto && M.consent !== "pending" && M.id === `clone:${o.voiceId}`) : void 0) ?? (n ? (o.voiceId ? e.find((M) => M.cloned && M.consent !== "pending" && M.id === `clone:${o.voiceId}`) : void 0) ?? (o.key >= 0 ? e.find((M) => M.cloned && M.auto && M.consent !== "pending" && M.speaker === o.key) : void 0) : void 0);
     if (c) {
       a.set(o.key, c.id), s.add(c.id);
       continue;
     }
-    const u = r.filter((g) => !s.has(g.id)), M = (o.sex ? u.filter((g) => g.gender === o.sex) : [])[0] ?? u[0] ?? r[0];
-    M && (a.set(o.key, M.id), s.add(M.id));
+    const u = r.filter((M) => !s.has(M.id)), g = (o.sex ? u.filter((M) => M.gender === o.sex) : [])[0] ?? u[0] ?? r[0];
+    g && (a.set(o.key, g.id), s.add(g.id));
   }
   return a;
 }
 function ol({ roster: t, selected: e, onSelect: n, noClone: r, building: s, short: a, warn: o, sexOf: l, t: c }) {
   const u = t.find((d) => d.key === e) ?? t[0] ?? null;
   return u ? /* @__PURE__ */ i("div", { style: { display: "flex", flexWrap: "wrap", gap: 6, padding: "0 2px 9px", margin: "0 -2px" }, children: t.map((d) => {
-    const M = d.key === u.key, g = d.key >= 0 ? (o == null ? void 0 : o(d)) ?? null : null, N = d.key >= 0 && !g && !!(s != null && s(d)), p = d.key >= 0 && !g && !N && r(d), y = d.key >= 0 && !g && !N && !p && !d.hasVoice && !!(a != null && a(d));
+    const g = d.key === u.key, M = d.key >= 0 ? (o == null ? void 0 : o(d)) ?? null : null, N = d.key >= 0 && !M && !!(s != null && s(d)), p = d.key >= 0 && !M && !N && r(d), y = d.key >= 0 && !M && !N && !p && !d.hasVoice && !!(a != null && a(d));
     return /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        "aria-selected": M,
+        "aria-selected": g,
         onClick: () => n(d.key),
         title: d.name,
-        style: { flex: "none", boxSizing: "border-box", display: "flex", alignItems: "center", gap: 7, minHeight: 34, padding: "5px 11px", borderRadius: 9, font: "inherit", background: M ? "var(--brand-tint)" : "var(--fill-05)", border: `1px solid ${M ? "var(--brand-line)" : "transparent"}`, cursor: "pointer" },
+        style: { flex: "none", boxSizing: "border-box", display: "flex", alignItems: "center", gap: 7, minHeight: 34, padding: "5px 11px", borderRadius: 9, font: "inherit", background: g ? "var(--brand-tint)" : "var(--fill-05)", border: `1px solid ${g ? "var(--brand-line)" : "transparent"}`, cursor: "pointer" },
         children: [
           /* @__PURE__ */ i(
             "span",
@@ -2364,10 +2364,10 @@ function ol({ roster: t, selected: e, onSelect: n, noClone: r, building: s, shor
               children: d.initial
             }
           ),
-          /* @__PURE__ */ i("span", { style: { fontSize: 12.5, fontWeight: 500, color: M ? "var(--ink-96)" : "var(--ink-62)", whiteSpace: "nowrap" }, children: d.name }),
-          d.hasVoice && !g && /* @__PURE__ */ i(Oi, { color: d.fg ?? (M ? "var(--ink-62)" : "var(--ink-45)") }),
-          g && /* @__PURE__ */ i("span", { title: g, "aria-label": g, style: { flex: "none", width: 15, height: 15, marginRight: -2, borderRadius: "50%", background: "#c27c00", color: "#fff", font: "900 10.5px/1 system-ui, sans-serif", display: "flex", alignItems: "center", justifyContent: "center" }, children: "!" }),
-          y && /* @__PURE__ */ i("span", { title: "Not enough audio to clone", "aria-label": "Not enough audio to clone", style: { flex: "none", display: "flex", marginRight: -2, color: M ? "var(--ink-45)" : "var(--ink-35)" }, children: /* @__PURE__ */ i(oe, { d: X.micOff, size: 13, sw: 1.7 }) }),
+          /* @__PURE__ */ i("span", { style: { fontSize: 12.5, fontWeight: 500, color: g ? "var(--ink-96)" : "var(--ink-62)", whiteSpace: "nowrap" }, children: d.name }),
+          d.hasVoice && !M && /* @__PURE__ */ i(Oi, { color: d.fg ?? (g ? "var(--ink-62)" : "var(--ink-45)") }),
+          M && /* @__PURE__ */ i("span", { title: M, "aria-label": M, style: { flex: "none", width: 15, height: 15, marginRight: -2, borderRadius: "50%", background: "#c27c00", color: "#fff", font: "900 10.5px/1 system-ui, sans-serif", display: "flex", alignItems: "center", justifyContent: "center" }, children: "!" }),
+          y && /* @__PURE__ */ i("span", { title: "Not enough audio to clone", "aria-label": "Not enough audio to clone", style: { flex: "none", display: "flex", marginRight: -2, color: g ? "var(--ink-45)" : "var(--ink-35)" }, children: /* @__PURE__ */ i(oe, { d: X.micOff, size: 13, sw: 1.7 }) }),
           (p || N) && /* @__PURE__ */ i("span", { title: N ? "Cloning this voice…" : "No voice clone yet", "aria-label": N ? "Cloning this voice" : "No voice clone yet", style: { flex: "none", width: 10, height: 10, marginRight: -2, display: "flex", alignItems: "center", justifyContent: "center" }, children: N ? /* @__PURE__ */ i(at, { size: 10, color: "var(--brand)", track: "var(--fill-10)", sw: 1.6 }) : /* @__PURE__ */ i("span", { style: { width: 7, height: 7, borderRadius: "50%", background: "var(--brand)" } }) })
         ]
       },
@@ -2375,21 +2375,21 @@ function ol({ roster: t, selected: e, onSelect: n, noClone: r, building: s, shor
     );
   }) }) : null;
 }
-function ll({ cast: t, voices: e, currentId: n, armedId: r = null, sampleId: s = null, dlId: a = null, onPick: o, onAdd: l, onUse: c, usedBy: u, foldKey: d, foldFor: M = null, problem: g, noClone: N = null, t: p }) {
+function ll({ cast: t, voices: e, currentId: n, armedId: r = null, sampleId: s = null, dlId: a = null, onPick: o, onAdd: l, onUse: c, usedBy: u, foldKey: d, foldFor: g = null, problem: M, noClone: N = null, t: p }) {
   const y = Ie(() => il(e, p), [e, p]), [L, m] = z({});
   U(() => {
     m({});
-  }, [d, M]);
+  }, [d, g]);
   const f = (D) => D === p.vcMale.toUpperCase() || D === p.vcFemale.toUpperCase(), I = (D) => {
     if (D === p.vcSheet) return !0;
     const V = L[D];
-    return V != null ? !V : !M || !f(D) ? !0 : D === (M === "female" ? p.vcFemale : p.vcMale).toUpperCase();
-  }, C = !!r && r !== n;
+    return V != null ? !V : !g || !f(D) ? !0 : D === (g === "female" ? p.vcFemale : p.vcMale).toUpperCase();
+  }, b = !!r && r !== n;
   return /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" }, children: [
-    g && /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "flex-start", gap: 9, padding: "10px 11px", marginBottom: 10, borderRadius: 11, background: "var(--conf-low-soft)" }, children: [
+    M && /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "flex-start", gap: 9, padding: "10px 11px", marginBottom: 10, borderRadius: 11, background: "var(--conf-low-soft)" }, children: [
       /* @__PURE__ */ i(oe, { d: X.warnTri, size: 15, sw: 1.7, style: { flex: "none", marginTop: 1, color: "var(--conf-low)" } }),
-      /* @__PURE__ */ i("span", { style: { flex: 1, minWidth: 0, fontSize: 12.5, fontWeight: 300, lineHeight: 1.45, color: "var(--ink-80)", textWrap: "pretty" }, children: g }),
-      /* @__PURE__ */ i("span", { style: { flex: "none", marginTop: -1 }, children: /* @__PURE__ */ i(za, { value: g, label: "Copy this error" }) })
+      /* @__PURE__ */ i("span", { style: { flex: 1, minWidth: 0, fontSize: 12.5, fontWeight: 300, lineHeight: 1.45, color: "var(--ink-80)", textWrap: "pretty" }, children: M }),
+      /* @__PURE__ */ i("span", { style: { flex: "none", marginTop: -1 }, children: /* @__PURE__ */ i(za, { value: M, label: "Copy this error" }) })
     ] }),
     t,
     N && /* @__PURE__ */ h(xe, { children: [
@@ -2462,7 +2462,7 @@ function ll({ cast: t, voices: e, currentId: n, armedId: r = null, sampleId: s =
         )
       ] }, D.id);
     }),
-    C && /* @__PURE__ */ i("div", { style: { position: "sticky", bottom: 0, zIndex: 3, marginTop: 6, padding: "11px 0 3px", animation: "vs-slide-up .18s ease-out" }, children: /* @__PURE__ */ i("button", { type: "button", className: "vcuse", title: "Apply this voice", onClick: () => r && c(r), children: /* @__PURE__ */ i("span", { children: p.vcUse }) }) })
+    b && /* @__PURE__ */ i("div", { style: { position: "sticky", bottom: 0, zIndex: 3, marginTop: 6, padding: "11px 0 3px", animation: "vs-slide-up .18s ease-out" }, children: /* @__PURE__ */ i("button", { type: "button", className: "vcuse", title: "Apply this voice", onClick: () => r && c(r), children: /* @__PURE__ */ i("span", { children: p.vcUse }) }) })
   ] });
 }
 function cl({ height: t, width: e = 2 }) {
@@ -2503,7 +2503,7 @@ function Ml({ recordingId: t, lang: e, ended: n, cred: r, pickedVoice: s, senten
   }, [t, e, o, n]), u = Ie(
     () => l && l.lang === e && l.recordingId === t ? l.rows : [],
     [l, e, t]
-  ), d = Ie(() => di(u, s), [u, s]), M = d ? d.voiceKey || null : s, [g, N] = z(null), [p, y] = z(null), L = v(/* @__PURE__ */ new Set()), m = `${t ?? ""}|${e ?? ""}|${M ?? ""}`, f = Ke(async (K, k) => {
+  ), d = Ie(() => di(u, s), [u, s]), g = d ? d.voiceKey || null : s, [M, N] = z(null), [p, y] = z(null), L = v(/* @__PURE__ */ new Set()), m = `${t ?? ""}|${e ?? ""}|${g ?? ""}`, f = Ke(async (K, k) => {
     if (!t || !e || !n) return;
     const ae = k != null && k.size ? null : Fs(K), te = k != null && k.size ? k : ae, G = te && te.size ? Object.fromEntries([...te].map(([Te, je]) => [String(Te), je])) : null, J = `${t}|${e}|${G ? JSON.stringify(G) : K ?? ""}`;
     if (L.current.has(J)) return;
@@ -2522,19 +2522,19 @@ function Ml({ recordingId: t, lang: e, ended: n, cred: r, pickedVoice: s, senten
     const K = `${t ?? ""}|${e ?? ""}|`;
     for (const k of [...L.current]) k.startsWith(K) && L.current.delete(k);
     y(null);
-  }, [t, e]), C = !!d && (d.state === "queued" || d.state === "running") || g === m, D = (d == null ? void 0 : d.state) === "failed" ? d.error || "the render failed" : p, V = (a == null ? void 0 : a.join(",")) ?? "", [_, ee] = z(null), j = Ie(() => new Set((d == null ? void 0 : d.clips) ?? []), [d]), E = Ie(() => n && V ? V.split(",").map(Number).filter((K) => !j.has(K)) : [], [n, V, j]), Q = v(null);
+  }, [t, e]), b = !!d && (d.state === "queued" || d.state === "running") || M === m, D = (d == null ? void 0 : d.state) === "failed" ? d.error || "the render failed" : p, V = (a == null ? void 0 : a.join(",")) ?? "", [_, ee] = z(null), j = Ie(() => new Set((d == null ? void 0 : d.clips) ?? []), [d]), E = Ie(() => n && V ? V.split(",").map(Number).filter((K) => !j.has(K)) : [], [n, V, j]), Q = v(null);
   U(() => {
     if (!n || !t || !e || !E.length) return;
-    const K = _ ?? E[0], k = E.find((pe) => pe >= K) ?? E[0], ae = `${t}|${e}|${M ?? ""}`, te = Q.current;
+    const K = _ ?? E[0], k = E.find((pe) => pe >= K) ?? E[0], ae = `${t}|${e}|${g ?? ""}`, te = Q.current;
     if (te && te.key === ae && Math.abs(te.near - k) < 12 && Date.now() - te.at < 6e4) return;
     Q.current = { key: ae, near: k, at: Date.now() };
-    const G = Fs(M), J = { langs: [e], near: k };
-    G && G.size ? J.voiceBySpeaker = Object.fromEntries([...G].map(([pe, le]) => [String(pe), le])) : M && (J.voice = M), Bs(o, `/v1/recordings/${t}/voice`, { method: "POST", body: J }).then((pe) => {
+    const G = Fs(g), J = { langs: [e], near: k };
+    G && G.size ? J.voiceBySpeaker = Object.fromEntries([...G].map(([pe, le]) => [String(pe), le])) : g && (J.voice = g), Bs(o, `/v1/recordings/${t}/voice`, { method: "POST", body: J }).then((pe) => {
       pe.ok || (Q.current = null);
     }).catch(() => {
       Q.current = null;
     });
-  }, [n, t, e, M, _, E, o]);
+  }, [n, t, e, g, _, E, o]);
   const T = E.length > 0, O = v({ n: -1, at: 0 });
   U(() => {
     if (!T) return;
@@ -2549,13 +2549,13 @@ function Ml({ recordingId: t, lang: e, ended: n, cred: r, pickedVoice: s, senten
     const K = V ? V.split(",").map(Number).filter((ae) => !n || j.has(ae)) : void 0, k = d ?? (K != null && K.length && e ? { lang: e, voiceKey: s ?? "", clips: [], voice: null } : null);
     return Ya(k, t, o.origin, r, K);
   }, [d, t, o, r, V, e, s, n, j]), re = Ie(() => new Set(E), [E]);
-  return { listed: l, rows: u, track: d, renderVoiceId: M, rendering: C, failed: D, clips: S, requestRender: f, forget: I, reload: c, setNear: ee, missing: E.length, coming: re };
+  return { listed: l, rows: u, track: d, renderVoiceId: g, rendering: b, failed: D, clips: S, requestRender: f, forget: I, reload: c, setNear: ee, missing: E.length, coming: re };
 }
 const gl = { 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 };
 function Ci({ tabs: t, current: e, onPick: n, gap: r, fold: s = !0, side: a = !s }) {
-  const o = s && t.length <= 3, l = t.some((L) => L.key === e), [c, u] = z(null), d = v(null), [M, g] = z(0);
+  const o = s && t.length <= 3, l = t.some((L) => L.key === e), [c, u] = z(null), d = v(null), [g, M] = z(0);
   U(() => {
-    d.current && g(d.current.offsetWidth);
+    d.current && M(d.current.offsetWidth);
   }, [c == null ? void 0 : c.k]);
   const N = (L, m) => {
     const f = L.currentTarget.querySelector(".tabbar__label");
@@ -2564,12 +2564,12 @@ function Ci({ tabs: t, current: e, onPick: n, gap: r, fold: s = !0, side: a = !s
       return;
     }
     if ((c == null ? void 0 : c.k) === m.key) return;
-    const I = L.currentTarget.getBoundingClientRect(), C = L.currentTarget.parentElement.getBoundingClientRect();
-    u({ k: m.key, label: m.label, x: I.left + I.width / 2, y: C.top });
+    const I = L.currentTarget.getBoundingClientRect(), b = L.currentTarget.parentElement.getBoundingClientRect();
+    u({ k: m.key, label: m.label, x: I.left + I.width / 2, y: b.top });
   }, p = () => u(null);
   let y = null;
   if (c) {
-    const L = { l: 0, r: typeof window < "u" ? window.innerWidth : 0 }, m = M || 80, f = Math.max(L.l + 8, Math.min(L.r - m - 8, c.x - m / 2));
+    const L = { l: 0, r: typeof window < "u" ? window.innerWidth : 0 }, m = g || 80, f = Math.max(L.l + 8, Math.min(L.r - m - 8, c.x - m / 2));
     y = Na(
       /* @__PURE__ */ i("div", { className: "vsp vsp-portal", "data-theme": "dark", children: /* @__PURE__ */ h("div", { ref: d, "data-theme": "dark", className: "vs-tip__bubble vs-tip__bubble--top tabtip", style: { position: "fixed", left: f, top: c.y - 8, bottom: "auto", width: "auto", whiteSpace: "nowrap", transform: "translateY(-100%)", zIndex: 2147483e3, pointerEvents: "none" }, children: [
         /* @__PURE__ */ i("span", { className: "vs-tip__row", children: /* @__PURE__ */ i("span", { className: "vs-tip__copy", children: c.label }) }),
@@ -2580,15 +2580,15 @@ function Ci({ tabs: t, current: e, onPick: n, gap: r, fold: s = !0, side: a = !s
   }
   return /* @__PURE__ */ h("div", { role: "tablist", className: `tabbar tabbar--icons${s ? "" : " tabbar--desk"}`, "data-desk-tabs": a ? "" : void 0, "data-tab-n": a ? t.length : void 0, style: { marginBottom: r ? 12 : 0 }, onMouseLeave: p, children: [
     t.map((L) => {
-      const m = e === L.key, f = o || m, I = o ? "1 1 0" : m ? "1 1 auto" : s && !l ? "1 1 0" : "0 0 auto", C = L.icon ?? gl[L.key], D = () => {
+      const m = e === L.key, f = o || m, I = o ? "1 1 0" : m ? "1 1 auto" : s && !l ? "1 1 0" : "0 0 auto", b = L.icon ?? gl[L.key], D = () => {
         p(), n(s && m ? "none" : L.key);
       };
       return s ? /* @__PURE__ */ h("button", { type: "button", role: "tab", "aria-selected": m, title: L.label, className: `tabbar__tab${m ? " is-on" : ""}`, style: { flex: I }, onClick: D, children: [
-        C && /* @__PURE__ */ i(oe, { d: C, size: 15, sw: L.sw ?? 2, style: { flex: "none" } }),
+        b && /* @__PURE__ */ i(oe, { d: b, size: 15, sw: L.sw ?? 2, style: { flex: "none" } }),
         f && /* @__PURE__ */ i("span", { className: "tabbar__label", children: L.label })
       ] }, L.key) : /* @__PURE__ */ i("div", { className: "tabbar__slot", "data-tab-cell": "", style: { flex: I }, onMouseEnter: (V) => N(V, L), onMouseMove: (V) => N(V, L), onClick: D, children: /* @__PURE__ */ h("button", { type: "button", role: "tab", "aria-selected": m, "aria-label": L.label, className: `tabbar__tab${m ? " is-on" : ""}${(c == null ? void 0 : c.k) === L.key ? " is-tip" : ""}`, children: [
-        C && /* @__PURE__ */ i(oe, { d: C, size: 15, sw: L.sw ?? 2, className: "tabbar__icon", style: { flex: "none", transform: m && !o ? "scale(1.12)" : "none" } }),
-        /* @__PURE__ */ i("span", { className: "tabbar__grow", "data-tab-lw": "", style: { gridTemplateColumns: f ? "1fr" : "0fr", marginLeft: f && C ? 6 : 0 }, children: /* @__PURE__ */ i("span", { className: "tabbar__label", "data-tab-l": "", style: { opacity: f ? 1 : 0, transform: f ? "none" : "translateX(-6px)" }, children: L.label }) })
+        b && /* @__PURE__ */ i(oe, { d: b, size: 15, sw: L.sw ?? 2, className: "tabbar__icon", style: { flex: "none", transform: m && !o ? "scale(1.12)" : "none" } }),
+        /* @__PURE__ */ i("span", { className: "tabbar__grow", "data-tab-lw": "", style: { gridTemplateColumns: f ? "1fr" : "0fr", marginLeft: f && b ? 6 : 0 }, children: /* @__PURE__ */ i("span", { className: "tabbar__label", "data-tab-l": "", style: { opacity: f ? 1 : 0, transform: f ? "none" : "translateX(-6px)" }, children: L.label }) })
       ] }) }, L.key);
     }),
     y
@@ -2602,14 +2602,14 @@ function Nl({ audio: t, video: e, formats: n, onExport: r }) {
   }), []);
   const d = (p) => {
     window.clearTimeout(c.current), a(p), c.current = window.setTimeout(() => a(null), 1600);
-  }, M = (p) => {
+  }, g = (p) => {
     o || (l(p), Promise.resolve().then(() => r(p)).then(() => {
       u.current && d(p);
     }).catch(() => {
     }).finally(() => {
       u.current && l(null);
     }));
-  }, g = (p, y) => {
+  }, M = (p, y) => {
     o || (l(p), Promise.resolve().then(() => y.onClick()).then(() => {
       u.current && d(p);
     }).catch(() => {
@@ -2618,7 +2618,7 @@ function Nl({ audio: t, video: e, formats: n, onExport: r }) {
     }));
   }, N = (p, y, L, m) => /* @__PURE__ */ h(xe, { children: [
     /* @__PURE__ */ i(gr, { style: { letterSpacing: ".12em", color: "var(--ink-35)" }, children: m }),
-    /* @__PURE__ */ h("button", { type: "button", className: "dlrow", disabled: o != null, "aria-busy": o === p || void 0, onClick: () => g(p, y), style: o && o !== p ? { opacity: 0.45 } : void 0, children: [
+    /* @__PURE__ */ h("button", { type: "button", className: "dlrow", disabled: o != null, "aria-busy": o === p || void 0, onClick: () => M(p, y), style: o && o !== p ? { opacity: 0.45 } : void 0, children: [
       o === p ? /* @__PURE__ */ i(at, { size: 17, color: "var(--brand)", track: "var(--fill-12)" }) : /* @__PURE__ */ i(oe, { d: L, size: 17, sw: 1.5, style: { flex: "none", color: "var(--ink-70)" } }),
       /* @__PURE__ */ h("span", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 1, textAlign: "left" }, children: [
         /* @__PURE__ */ i("span", { style: { fontSize: 13, fontWeight: 500, color: "var(--ink-96)", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: y.name }),
@@ -2632,7 +2632,7 @@ function Nl({ audio: t, video: e, formats: n, onExport: r }) {
     e && N("video", e, X.video, "DOWNLOAD VIDEO"),
     n !== !1 && /* @__PURE__ */ h(xe, { children: [
       /* @__PURE__ */ i(gr, { style: { letterSpacing: ".12em", color: "var(--ink-35)" }, children: "EXPORT AS" }),
-      /* @__PURE__ */ i("div", { className: "fmtgrid", children: Tr.map((p) => /* @__PURE__ */ h("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: [
+      /* @__PURE__ */ i("div", { className: "fmtgrid", children: Tr.map((p) => /* @__PURE__ */ h("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: () => g(p.key), style: o && o !== p.key ? { opacity: 0.45 } : void 0, children: [
         o === p.key ? /* @__PURE__ */ i(at, { 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)" } }),
         /* @__PURE__ */ i("span", { children: p.name })
       ] }, p.key)) })
@@ -2719,13 +2719,13 @@ function Ll(t = !0, e) {
     const s = r.current;
     if (!s || !t) return;
     let a = 0, o = 0, l = !1;
-    const c = (M) => {
-      M.button !== 0 || M.target.closest("button,a,input,textarea,select") || (l = !0, a = M.clientY, o = s.scrollTop, s.classList.add("is-dragging"));
-    }, u = (M) => {
+    const c = (g) => {
+      g.button !== 0 || g.target.closest("button,a,input,textarea,select") || (l = !0, a = g.clientY, o = s.scrollTop, s.classList.add("is-dragging"));
+    }, u = (g) => {
       var N;
       if (!l) return;
-      const g = M.clientY - a;
-      Math.abs(g) > 2 && ((N = s.setPointerCapture) == null || N.call(s, M.pointerId)), s.scrollTop = o - g;
+      const M = g.clientY - a;
+      Math.abs(M) > 2 && ((N = s.setPointerCapture) == null || N.call(s, g.pointerId)), s.scrollTop = o - M;
     }, d = () => {
       l = !1, s.classList.remove("is-dragging");
     };
@@ -2745,34 +2745,34 @@ function kl(t, e) {
   (e.forcePin ?? []).forEach((f) => {
     l = l.filter((I) => I !== `!${f}`), s.includes(f) && !l.includes(f) && (l = [f, ...l]);
   });
-  const u = (f) => (e.forcePin ?? []).includes(f) && !c.includes(f), d = a ? l.filter((f) => s.includes(f) && o.includes(f)) : [], M = s.filter((f) => !d.includes(f)), g = e.cur && e.cur !== "none" && M.includes(e.cur) ? e.cur : e.pref && M.includes(e.pref) ? e.pref : M[0] ?? null, N = (f) => {
-    const I = M.filter((C) => C !== f);
-    return I[M.indexOf(f)] ?? I[I.length - 1] ?? null;
+  const u = (f) => (e.forcePin ?? []).includes(f) && !c.includes(f), d = a ? l.filter((f) => s.includes(f) && o.includes(f)) : [], g = s.filter((f) => !d.includes(f)), M = e.cur && e.cur !== "none" && g.includes(e.cur) ? e.cur : e.pref && g.includes(e.pref) ? e.pref : g[0] ?? null, N = (f) => {
+    const I = g.filter((b) => b !== f);
+    return I[g.indexOf(f)] ?? I[I.length - 1] ?? null;
   }, p = (f, I) => {
     if (!o.includes(f)) return;
-    const C = d.filter((D) => D !== f);
-    if (C.splice(I ?? C.length, 0, f), g === f) {
+    const b = d.filter((D) => D !== f);
+    if (b.splice(I ?? b.length, 0, f), M === f) {
       const D = N(f);
       D && e.onPick(D);
     }
-    r([...C.filter((D) => !u(D) || D === f), ...c.filter((D) => !C.includes(D) && D !== `!${f}`)]);
+    r([...b.filter((D) => !u(D) || D === f), ...c.filter((D) => !b.includes(D) && D !== `!${f}`)]);
   }, y = (f) => {
     r([...c.filter((I) => I !== f && I !== `!${f}`), ...(e.autoPin ?? []).includes(f) ? [`!${f}`] : []]), e.onPick(f);
   }, L = (f) => {
     var I;
-    return ((I = e.tabs.find((C) => C.key === f)) == null ? void 0 : I.label) ?? f;
+    return ((I = e.tabs.find((b) => b.key === f)) == null ? void 0 : I.label) ?? f;
   }, m = (f) => {
-    const I = d.includes(f), C = s.includes(f);
+    const I = d.includes(f), b = s.includes(f);
     return {
-      show: C && (!a || I || g === f),
+      show: b && (!a || I || M === f),
       pinned: I,
       order: I ? d.indexOf(f) + 1 : 1e3,
-      pill: a && C && o.includes(f) && M.length > 0 && (I || M.length > 1),
+      pill: a && b && o.includes(f) && g.length > 0 && (I || g.length > 1),
       title: I ? `Unpin — return ${L(f)} to the tabs` : `Pin ${L(f)} open above the tabs`,
       toggle: () => I ? y(f) : p(f)
     };
   };
-  return { id: t, tabbed: a && M.length > 1, cur: g, seq: d, pinnable: o, tabKeys: M, stripTabs: e.tabs.filter((f) => M.includes(f.key)), panel: m, pin: p, unpin: y };
+  return { id: t, tabbed: a && g.length > 1, cur: M, seq: d, pinnable: o, tabKeys: g, stripTabs: e.tabs.filter((f) => g.includes(f.key)), panel: m, pin: p, unpin: y };
 }
 function jl({ col: t, order: e, render: n, grip: r, onPick: s, wrapClass: a }) {
   return zl(t), /* @__PURE__ */ h(xe, { children: [
@@ -2808,12 +2808,12 @@ function zl(t) {
         const E = document.createElement("div");
         E.style.cssText = "width:100%;height:100%;background:#000", j.replaceWith(E);
       }), I.removeAttribute("data-panel-key"), I.querySelectorAll("[data-panel-key],[data-pin-pill]").forEach((j) => j.hasAttribute("data-pin-pill") ? j.remove() : j.removeAttribute("data-panel-key")), Object.assign(I.style, { position: "fixed", left: `${f.left}px`, top: `${f.top}px`, width: `${f.width}px`, height: `${f.height}px`, margin: "0", zIndex: "1000", pointerEvents: "none", opacity: ".95", borderRadius: "14px", boxShadow: "0 14px 36px rgba(0,0,0,.3)", animation: "none", transition: "none", cursor: "move", willChange: "transform", contain: "layout paint", overflow: "hidden" });
-      const C = getComputedStyle(m.el);
-      for (let j = 0; j < C.length; j++) {
-        const E = C[j];
-        E.startsWith("--") && I.style.setProperty(E, C.getPropertyValue(E));
+      const b = getComputedStyle(m.el);
+      for (let j = 0; j < b.length; j++) {
+        const E = b[j];
+        E.startsWith("--") && I.style.setProperty(E, b.getPropertyValue(E));
       }
-      I.style.fontFamily = C.fontFamily, I.style.color = C.color;
+      I.style.fontFamily = b.fontFamily, I.style.color = b.color;
       let D = m.el.parentElement, V = "";
       for (; D && !V; ) {
         const j = getComputedStyle(D).backgroundColor;
@@ -2828,7 +2828,7 @@ function zl(t) {
       const m = s;
       if (!m || !m.on || m.px == null || m.py == null) return;
       m.raf = 0, m.clone.style.transform = `translate3d(${m.px - m.x0}px,${m.py - m.y0}px,0)`;
-      const f = e.current, I = m.key, C = o(m), D = f.seq.includes(I), V = D || f.tabKeys.length > 1, _ = C && m.tabsSnap, ee = !_ || m.py < _.top + _.height / 2 ? V ? "pin" : null : "tabs";
+      const f = e.current, I = m.key, b = o(m), D = f.seq.includes(I), V = D || f.tabKeys.length > 1, _ = b && m.tabsSnap, ee = !_ || m.py < _.top + _.height / 2 ? V ? "pin" : null : "tabs";
       let j = null;
       if (ee === "pin") {
         const Q = f.seq.filter((O) => O !== I).map((O) => m.snap[O]).filter(Boolean), T = m.grid ? Q.filter((O) => O.bottom < m.py || O.top <= m.py && O.left + O.width / 2 < m.px).length : Q.filter((O) => O.top + O.height / 2 < m.py).length;
@@ -2845,21 +2845,21 @@ function zl(t) {
             S && (S.style.order = String(O + 1));
           });
         } else (j == null ? void 0 : j.zone) === "tabs" && (m.el.style.order = "998");
-        C && ((j == null ? void 0 : j.zone) === "tabs" ? C.setAttribute("data-drop-hot", "") : C.removeAttribute("data-drop-hot"));
+        b && ((j == null ? void 0 : j.zone) === "tabs" ? b.setAttribute("data-drop-hot", "") : b.removeAttribute("data-drop-hot"));
       }
     }, u = (m) => {
       var I;
       const f = s;
-      if (s = null, !(!f || !f.on) && (f.raf && cancelAnimationFrame(f.raf), f.clone.remove(), f.orig.forEach(([C, D]) => {
-        C.style.order = D;
+      if (s = null, !(!f || !f.on) && (f.raf && cancelAnimationFrame(f.raf), f.clone.remove(), f.orig.forEach(([b, D]) => {
+        b.style.order = D;
       }), f.el.classList.remove("is-dragging"), document.documentElement.style.cursor = "", document.body.style.userSelect = "", document.body.style.webkitUserSelect = "", (I = o(f)) == null || I.removeAttribute("data-drop-hot"), m && f.target)) {
-        const C = e.current;
-        f.target.zone === "tabs" ? C.seq.includes(f.key) && C.unpin(f.key) : C.pin(f.key, f.target.idx);
+        const b = e.current;
+        f.target.zone === "tabs" ? b.seq.includes(f.key) && b.unpin(f.key) : b.pin(f.key, f.target.idx);
       }
     }, d = (m) => {
       const f = m instanceof Element ? m.closest("[data-tab-col]") : null;
       return f && f.getAttribute("data-tab-col") === n ? f : null;
-    }, M = (m) => {
+    }, g = (m) => {
       var _;
       if (s) {
         if (!s.on) {
@@ -2874,11 +2874,11 @@ function zl(t) {
         r && ((_ = r.closest("[data-tab-col]")) == null ? void 0 : _.getAttribute("data-tab-col")) === n && a(null);
         return;
       }
-      const I = f.closest("[data-panel-key]"), C = I == null ? void 0 : I.firstElementChild;
-      if (!I || !C || !e.current.tabbed || !e.current.pinnable.includes(I.getAttribute("data-panel-key")) || f.closest("[role=button],[role=tab],button,a,input,textarea,select,iframe,[data-pin-pill],[contenteditable=true]")) return a(null);
-      const D = C.getBoundingClientRect(), V = parseFloat(getComputedStyle(I).getPropertyValue("--grip-h")) || 30;
+      const I = f.closest("[data-panel-key]"), b = I == null ? void 0 : I.firstElementChild;
+      if (!I || !b || !e.current.tabbed || !e.current.pinnable.includes(I.getAttribute("data-panel-key")) || f.closest("[role=button],[role=tab],button,a,input,textarea,select,iframe,[data-pin-pill],[contenteditable=true]")) return a(null);
+      const D = b.getBoundingClientRect(), V = parseFloat(getComputedStyle(I).getPropertyValue("--grip-h")) || 30;
       a(m.clientY >= D.top && m.clientY <= D.top + V ? I : null);
-    }, g = (m) => {
+    }, M = (m) => {
       if (!r || m.button !== 0) return;
       const f = d(r);
       f && (m.preventDefault(), m.stopImmediatePropagation(), s = { el: r, col: f, key: r.getAttribute("data-panel-key"), x0: m.clientX, y0: m.clientY, on: !1 });
@@ -2887,8 +2887,8 @@ function zl(t) {
     }, L = () => {
       s || a(null);
     };
-    return document.addEventListener("pointermove", M, !0), document.addEventListener("pointerdown", g, !0), window.addEventListener("pointerup", N), window.addEventListener("pointercancel", p), window.addEventListener("keydown", y, !0), document.addEventListener("pointerleave", L), () => {
-      u(!1), a(null), document.removeEventListener("pointermove", M, !0), document.removeEventListener("pointerdown", g, !0), window.removeEventListener("pointerup", N), window.removeEventListener("pointercancel", p), window.removeEventListener("keydown", y, !0), document.removeEventListener("pointerleave", L);
+    return document.addEventListener("pointermove", g, !0), document.addEventListener("pointerdown", M, !0), window.addEventListener("pointerup", N), window.addEventListener("pointercancel", p), window.addEventListener("keydown", y, !0), document.addEventListener("pointerleave", L), () => {
+      u(!1), a(null), document.removeEventListener("pointermove", g, !0), document.removeEventListener("pointerdown", M, !0), window.removeEventListener("pointerup", N), window.removeEventListener("pointercancel", p), window.removeEventListener("keydown", y, !0), document.removeEventListener("pointerleave", L);
     };
   }, [n]);
 }
@@ -2897,25 +2897,25 @@ function Il({ id: t, className: e, gap: n, hidden: r, plain: s, children: a }) {
   Ol(u), U(() => {
     document.documentElement.style.setProperty("--colw", `${o}px`);
   }, [o]);
-  const d = (g) => {
+  const d = (M) => {
     const N = c.current, p = N == null ? void 0 : N.parentElement;
-    if (g.button !== 0 || !N || !p) return;
-    g.preventDefault();
-    const y = g.currentTarget, L = getComputedStyle(p), m = p.clientWidth - parseFloat(L.paddingLeft) - parseFloat(L.paddingRight) - (parseFloat(L.columnGap) || 0), f = 320, I = 320, C = Math.max(f, m - I), D = g.clientX, V = N.getBoundingClientRect().width;
+    if (M.button !== 0 || !N || !p) return;
+    M.preventDefault();
+    const y = M.currentTarget, L = getComputedStyle(p), m = p.clientWidth - parseFloat(L.paddingLeft) - parseFloat(L.paddingRight) - (parseFloat(L.columnGap) || 0), f = 320, I = 320, b = Math.max(f, m - I), D = M.clientX, V = N.getBoundingClientRect().width;
     let _ = 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 j = (Q) => {
-      _ = Math.round(Math.min(C, Math.max(f, V + (D - Q.clientX)))), N.style.flexBasis = `${_}px`, document.documentElement.style.setProperty("--colw", `${_}px`);
+      _ = Math.round(Math.min(b, Math.max(f, V + (D - Q.clientX)))), N.style.flexBasis = `${_}px`, document.documentElement.style.setProperty("--colw", `${_}px`);
     }, E = () => {
       window.removeEventListener("pointermove", j), window.removeEventListener("pointerup", E), window.removeEventListener("pointercancel", E), document.body.style.cursor = ee.cur, document.body.style.userSelect = ee.sel, y.classList.remove("is-on"), l(_);
     };
     window.addEventListener("pointermove", j), window.addEventListener("pointerup", E), window.addEventListener("pointercancel", E);
-  }, M = r ? { display: "none" } : void 0;
+  }, g = r ? { display: "none" } : void 0;
   return /* @__PURE__ */ h(xe, { 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 }) })
+    /* @__PURE__ */ i("div", { "aria-hidden": "true", className: "colgrip", style: { marginRight: -n, ...g }, 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`, ...g }, children: s ? a : /* @__PURE__ */ i("div", { ref: u, "data-panel-grid": "", className: "panelgrid", children: a }) })
   ] });
 }
 function Ol(t) {
@@ -2928,13 +2928,13 @@ function Ol(t) {
       r = 0;
       const u = getComputedStyle(e).display === "grid";
       [...e.children].forEach((d) => {
-        const M = d;
+        const g = d;
         if (!u) {
-          M.style.gridRowEnd && (M.style.gridRowEnd = "");
+          g.style.gridRowEnd && (g.style.gridRowEnd = "");
           return;
         }
-        const g = M.getBoundingClientRect().height, N = g > 0 ? `span ${Math.ceil(g + n)}` : "span 1";
-        M.style.gridRowEnd !== N && (M.style.gridRowEnd = N);
+        const M = g.getBoundingClientRect().height, N = M > 0 ? `span ${Math.ceil(M + n)}` : "span 1";
+        g.style.gridRowEnd !== N && (g.style.gridRowEnd = N);
       });
     }, a = () => {
       r || (r = requestAnimationFrame(s));
@@ -2951,8 +2951,8 @@ function Cl(t) {
 }
 const bl = 1500, xl = 3e5;
 function Dl(t) {
-  const e = Et(), [n, r] = z(null), [s, a] = z(null), [o, l] = z(null), [c, u] = z(null), d = v(null), M = v(null), g = v(null), N = v(0), p = Ke(() => {
-    g.current && (clearTimeout(g.current), g.current = null), d.current && (d.current.pause(), d.current.removeAttribute("src"), d.current.load(), d.current = null), M.current && (URL.revokeObjectURL(M.current), M.current = null);
+  const e = Et(), [n, r] = z(null), [s, a] = z(null), [o, l] = z(null), [c, u] = z(null), d = v(null), g = v(null), M = v(null), N = v(0), p = Ke(() => {
+    M.current && (clearTimeout(M.current), M.current = null), d.current && (d.current.pause(), d.current.removeAttribute("src"), d.current.load(), d.current = null), g.current && (URL.revokeObjectURL(g.current), g.current = null);
   }, []), y = Ke(() => {
     N.current += 1, p(), a(null), l(null);
   }, [p]), L = Ke(() => {
@@ -2965,16 +2965,16 @@ function Dl(t) {
     N.current += 1;
     const I = N.current;
     if (p(), r(f.id), a(null), l(null), u(null), !t) return;
-    let C = f.previewUrl ? `${e.origin}${f.previewUrl}` : `${e.origin}/v1/voices/preview?voice=${encodeURIComponent(f.id)}&lang=${encodeURIComponent(t)}`;
-    xn() === "caf" && (C += `${C.includes("?") ? "&" : "?"}format=caf`);
+    let b = f.previewUrl ? `${e.origin}${f.previewUrl}` : `${e.origin}/v1/voices/preview?voice=${encodeURIComponent(f.id)}&lang=${encodeURIComponent(t)}`;
+    xn() === "caf" && (b += `${b.includes("?") ? "&" : "?"}format=caf`);
     const D = Date.now();
-    e.shareCode && C.includes("recording=") && (C += `&shareCode=${encodeURIComponent(e.shareCode)}`);
+    e.shareCode && b.includes("recording=") && (b += `&shareCode=${encodeURIComponent(e.shareCode)}`);
     const V = async () => {
       if (N.current !== I) return;
       let _;
       try {
         const Q = e.owner ? await e.bearer() : void 0;
-        _ = await fetch(C, { headers: Q ? { Authorization: `Bearer ${Q}` } : {} });
+        _ = await fetch(b, { headers: Q ? { Authorization: `Bearer ${Q}` } : {} });
       } catch (Q) {
         if (N.current !== I) return;
         l(null), u(Tt(Q));
@@ -2986,7 +2986,7 @@ function Dl(t) {
           l(null), u({ message: "This voice is still being fetched. Try it again in a moment." });
           return;
         }
-        l(f.id), g.current = setTimeout(() => {
+        l(f.id), M.current = setTimeout(() => {
           V();
         }, bl);
         return;
@@ -2999,8 +2999,8 @@ function Dl(t) {
       }
       const ee = await _.blob();
       if (N.current !== I) return;
-      l(null), M.current = URL.createObjectURL(ee);
-      const j = new Audio(M.current);
+      l(null), g.current = URL.createObjectURL(ee);
+      const j = new Audio(g.current);
       j.playsInline = !0;
       const E = () => {
         N.current === I && (p(), a(null));
@@ -3063,17 +3063,17 @@ function At(t, e, n) {
   const r = (s = t == null ? void 0 : t.words[t.words.length - 1]) == null ? void 0 : s.end;
   return r != null && r > e ? r : (t == null ? void 0 : t.end) != null && t.end > e ? t.end : n > e ? n : e + 4;
 }
-function Al({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd: o, endT: l, onGone: c, onKnown: u, lead: d, onTime: M, waiting: g = !1 }) {
+function Al({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd: o, endT: l, onGone: c, onKnown: u, lead: d, onTime: g, waiting: M = !1 }) {
   const N = v(null), [p, y] = z(!1);
   U(() => {
-    if (!g) {
+    if (!M) {
       y(!1);
       return;
     }
     const F = setTimeout(() => y(!0), 300);
     return () => clearTimeout(F);
-  }, [g]);
-  const L = r && !p, m = v(!1), [f, I] = z(!1), C = (F, me = []) => {
+  }, [M]);
+  const L = r && !p, m = v(!1), [f, I] = z(!1), b = (F, me = []) => {
     var Z, ve;
     if (!(m.current && (F === "pauseVideo" || F === "seekTo" || F === "setPlaybackRate")))
       try {
@@ -3091,15 +3091,15 @@ function Al({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd:
     const F = _.current || ee.current;
     if (F !== m.current)
       if (m.current = F, I(F), (me = Q.current) == null || me.call(Q, F), F) {
-        if (C("playVideo"), E.current) return;
+        if (b("playVideo"), E.current) return;
         we.current && j.current && (T.current = !0, j.current());
       } else T.current && !E.current && (T.current = !1, we.current || (Z = j.current) == null || Z.call(j));
   }, S = v(n);
   S.current = n;
-  const re = v(M);
-  re.current = M;
+  const re = v(g);
+  re.current = g;
   const K = v(null), k = v(null), [ae, te] = z(!0), [G, J] = z(!1), pe = () => {
-    C("unloadModule", ["captions"]), C("unloadModule", ["cc"]);
+    b("unloadModule", ["captions"]), b("unloadModule", ["cc"]);
   }, le = v([]), Te = () => {
     pe(), le.current.forEach(clearTimeout), le.current = [400, 1200, 2500, 5e3].map((F) => window.setTimeout(pe, F));
   };
@@ -3110,10 +3110,10 @@ function Al({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd:
       (me = (F = N.current) == null ? void 0 : F.contentWindow) == null || me.postMessage(JSON.stringify({ event: "listening", id: "reader" }), "*");
     } catch {
     }
-    (!E.current || E.current.muted) && C("mute"), J(!0);
+    (!E.current || E.current.muted) && b("mute"), J(!0);
   };
-  U(() => (d == null || d.bind(C), () => d == null ? void 0 : d.bind(null)), [!!d]), U(() => {
-    !d && G && C("mute");
+  U(() => (d == null || d.bind(b), () => d == null ? void 0 : d.bind(null)), [!!d]), U(() => {
+    !d && G && b("mute");
   }, [!!d]);
   const Ee = v(null), Le = v(l);
   Le.current = l;
@@ -3123,11 +3123,11 @@ function Al({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd:
   Pe.current = c;
   const Se = v(u);
   Se.current = u;
-  const B = v(!1), [W, A] = z(!1), b = (F) => {
+  const B = v(!1), [W, A] = z(!1), C = (F) => {
     const me = Ee.current;
     return !!me && (F < me.start - 1 || F > me.end + 5);
   }, H = () => {
-    b(S.current) || C("seekTo", [S.current, !0]);
+    C(S.current) || b("seekTo", [S.current, !0]);
   }, ce = () => K.current;
   return U(() => {
     const F = (me) => {
@@ -3141,35 +3141,35 @@ function Al({ ytId: t, title: e, t: n, playing: r, seekN: s, onToggle: a, onAd:
       }
       (ge = (Ae = Z == null ? void 0 : Z.info) == null ? void 0 : Ae.videoData) != null && ge.isLive && (V.current = !0);
       const ve = (Ye = Z == null ? void 0 : Z.info) == null ? void 0 : Ye.duration;
-      typeof ve == "number" && ve > 0 && !V.current && (D.current == null ? D.current = ve : (_.current = Math.abs(ve - D.current) > 1.5, O())), (Z == null ? void 0 : Z.event) === "onReady" && ((!E.current || E.current.muted) && C("mute"), Te(), (Ve = E.current) == null || Ve.onInfo({ ready: !0 })), typeof (($ = Z == null ? void 0 : Z.info) == null ? void 0 : $.playerState) == "number" && (Z.info.playerState !== k.current && (Z.info.playerState === 1 || Z.info.playerState === 2) && Te(), k.current = Z.info.playerState, te(Z.info.playerState !== 1 && Z.info.playerState !== 3), (he = E.current) == null || he.onInfo({ state: Z.info.playerState }));
+      typeof ve == "number" && ve > 0 && !V.current && (D.current == null ? D.current = ve : (_.current = Math.abs(ve - D.current) > 1.5, O())), (Z == null ? void 0 : Z.event) === "onReady" && ((!E.current || E.current.muted) && b("mute"), Te(), (Ve = E.current) == null || Ve.onInfo({ ready: !0 })), typeof (($ = Z == null ? void 0 : Z.info) == null ? void 0 : $.playerState) == "number" && (Z.info.playerState !== k.current && (Z.info.playerState === 1 || Z.info.playerState === 2) && Te(), k.current = Z.info.playerState, te(Z.info.playerState !== 1 && Z.info.playerState !== 3), (he = E.current) == null || he.onInfo({ state: Z.info.playerState }));
       const ze = (ue = Z == null ? void 0 : Z.info) == null ? void 0 : ue.progressState;
       if (ze && typeof ze.seekableStart == "number" && typeof ze.seekableEnd == "number" && ze.seekableEnd > ze.seekableStart) {
         const Oe = Ee.current == null;
-        if (Ee.current = { start: ze.seekableStart, end: ze.seekableEnd }, Oe && !we.current && (C("pauseVideo"), b(S.current) || C("seekTo", [S.current, !0])), !B.current && Le.current != null) {
+        if (Ee.current = { start: ze.seekableStart, end: ze.seekableEnd }, Oe && !we.current && (b("pauseVideo"), C(S.current) || b("seekTo", [S.current, !0])), !B.current && Le.current != null) {
           B.current = !0;
           const ye = Le.current < ze.seekableStart - 1;
           (ie = Se.current) == null || ie.call(Se, ye), ye && ((fe = Pe.current) == null || fe.call(Pe));
         }
       }
-      typeof ((Ue = Z == null ? void 0 : Z.info) == null ? void 0 : Ue.currentTime) == "number" && (K.current = Z.info.currentTime, (Y = E.current) == null || Y.onInfo({ t: Z.info.currentTime }), !m.current && k.current === 1 && ((R = re.current) == null || R.call(re, Z.info.currentTime))), ((q = Z == null ? void 0 : Z.info) == null ? void 0 : q.muted) === !1 && !E.current && C("mute"), typeof ((ne = Z == null ? void 0 : Z.info) == null ? void 0 : ne.muted) == "boolean" && ((de = E.current) == null || de.onInfo({ muted: Z.info.muted }));
+      typeof ((Ue = Z == null ? void 0 : Z.info) == null ? void 0 : Ue.currentTime) == "number" && (K.current = Z.info.currentTime, (Y = E.current) == null || Y.onInfo({ t: Z.info.currentTime }), !m.current && k.current === 1 && ((R = re.current) == null || R.call(re, Z.info.currentTime))), ((q = Z == null ? void 0 : Z.info) == null ? void 0 : q.muted) === !1 && !E.current && b("mute"), typeof ((ne = Z == null ? void 0 : Z.info) == null ? void 0 : ne.muted) == "boolean" && ((de = E.current) == null || de.onInfo({ muted: Z.info.muted }));
     };
     return window.addEventListener("message", F), () => window.removeEventListener("message", F);
   }, []), U(() => {
     if (d) return;
-    const F = b(n);
-    F !== W && (A(F), F ? C("pauseVideo") : G && (C("seekTo", [n, !0]), L && C("playVideo")));
+    const F = C(n);
+    F !== W && (A(F), F ? b("pauseVideo") : G && (b("seekTo", [n, !0]), L && b("playVideo")));
   }), U(() => {
     if (!G || W || d) return;
     if (!L && Ee.current == null && !_e.current) {
-      _e.current = !0, C("seekTo", [S.current, !0]), C("playVideo");
+      _e.current = !0, b("seekTo", [S.current, !0]), b("playVideo");
       return;
     }
     const F = ce();
-    L && (F == null || Math.abs(F - S.current) > 1.5) && H(), C(L ? "playVideo" : "pauseVideo");
+    L && (F == null || Math.abs(F - S.current) > 1.5) && H(), b(L ? "playVideo" : "pauseVideo");
   }, [L, G, W]), U(() => {
     if (!G || s === 0 || W || d) return;
     const F = ce();
-    (F == null || Math.abs(F - S.current) > 0.5) && H(), L || C("pauseVideo");
+    (F == null || Math.abs(F - S.current) > 0.5) && H(), L || b("pauseVideo");
   }, [s, G]), U(() => {
     if (!G) return;
     let F = null, me = 0;
@@ -3212,10 +3212,10 @@ function $l(t, e) {
   const r = v(0), s = v(1), a = Ke((o, l) => {
     cancelAnimationFrame(r.current);
     const c = s.current, u = performance.now(), d = () => {
-      const M = l > 0 ? Math.min(1, (performance.now() - u) / l) : 1;
-      s.current = c + (o - c) * M;
-      for (const g of n.current) g.setVolume(s.current);
-      M < 1 && (r.current = requestAnimationFrame(d));
+      const g = l > 0 ? Math.min(1, (performance.now() - u) / l) : 1;
+      s.current = c + (o - c) * g;
+      for (const M of n.current) M.setVolume(s.current);
+      g < 1 && (r.current = requestAnimationFrame(d));
     };
     d();
   }, []);
@@ -3228,14 +3228,14 @@ function $l(t, e) {
 }
 function Bl(t, e, n, r) {
   var Se;
-  const s = v(null), a = v(!1), o = v(!1), [l, c] = z(null), [u, d] = z(!0), M = v(!0), g = v(!1), [N, p] = z(0), y = v(0);
+  const s = v(null), a = v(!1), o = v(!1), [l, c] = z(null), [u, d] = z(!0), g = v(!0), M = v(!1), [N, p] = z(0), y = v(0);
   y.current = N;
   const L = v({ t: 0, at: 0 }), m = v(n);
   m.current = n;
   const f = v(r);
   f.current = r;
-  const [I, C] = z(!1), D = v(!1), V = (B) => {
-    D.current = B, C(B);
+  const [I, b] = z(!1), D = v(!1), V = (B) => {
+    D.current = B, b(B);
   }, _ = (B, W) => {
     var A;
     return (A = s.current) == null ? void 0 : A.call(s, B, W);
@@ -3251,16 +3251,16 @@ function Bl(t, e, n, r) {
       }
     }
   }), []);
-  Q.muted = M.current || g.current, U(() => {
+  Q.muted = g.current || M.current, U(() => {
     if (l !== 1) return;
     let B = 0;
     const W = () => {
-      const A = L.current, b = A.t + Math.min(1.2, (performance.now() - A.at) / 1e3);
-      if (f.current != null && b >= f.current) {
-        V(!0), _("pauseVideo"), p(b);
+      const A = L.current, C = A.t + Math.min(1.2, (performance.now() - A.at) / 1e3);
+      if (f.current != null && C >= f.current) {
+        V(!0), _("pauseVideo"), p(C);
         return;
       }
-      b > y.current && p(b), B = requestAnimationFrame(W);
+      C > y.current && p(C), B = requestAnimationFrame(W);
     };
     return B = requestAnimationFrame(W), () => cancelAnimationFrame(B);
   }, [l]), U(() => {
@@ -3308,24 +3308,24 @@ function Bl(t, e, n, r) {
     const W = t[Math.max(0, Math.min(t.length - 1, B))];
     W && k(W.start);
   }, je = v(!1), Ee = () => {
-    const B = M.current || g.current;
+    const B = g.current || M.current;
     Q.muted = B, _(B ? "mute" : "unMute");
   }, Le = (B) => {
-    M.current = B, d(B), Ee();
+    g.current = B, d(B), Ee();
   }, we = (B) => {
-    g.current !== !B && (g.current = !B, Ee());
+    M.current !== !B && (M.current = !B, Ee());
   };
   return { player: {
     autoplay: async () => {
-      const B = (A) => new Promise((b) => setTimeout(b, A)), W = async (A, b) => {
-        for (let H = 0; H < b / 250 && !A(); H++) await B(250);
+      const B = (A) => new Promise((C) => setTimeout(C, A)), W = async (A, C) => {
+        for (let H = 0; H < C / 250 && !A(); H++) await B(250);
         return A();
       };
       if (!await W(() => a.current, 1e4)) return null;
       Le(!0);
       for (let A = 0; A < 5 && j.current !== 1; A++)
         _("playVideo"), await W(() => j.current === 1, 1500);
-      return j.current !== 1 ? null : g.current ? (Le(!0), !1) : (Le(!1), await B(1200), j.current === 1 && E.current === !1 ? !0 : (Le(!0), _("playVideo"), !1));
+      return j.current !== 1 ? null : M.current ? (Le(!0), !1) : (Le(!1), await B(1200), j.current === 1 && E.current === !1 ? !0 : (Le(!0), _("playVideo"), !1));
     },
     playing: ee,
     ended: l === 0,
@@ -3337,9 +3337,9 @@ function Bl(t, e, n, r) {
     toggle: le,
     seekRow: Te,
     toggleMute: () => {
-      const B = !M.current;
-      Le(B), !B && !g.current && j.current === 1 && setTimeout(() => {
-        j.current === 2 && !M.current && (Le(!0), _("playVideo"));
+      const B = !g.current;
+      Le(B), !B && !M.current && j.current === 1 && setTimeout(() => {
+        j.current === 2 && !g.current && (Le(!0), _("playVideo"));
       }, 900);
     },
     seekFrac: (B) => k(Math.max(0, Math.min(1, B)) * O),
@@ -3371,22 +3371,22 @@ function Bl(t, e, n, r) {
 }
 function Vl(t, e, n, r, s = 0, a = null) {
   var A;
-  const o = v(null), [l, c] = z(!1), [u, d] = z(0), [M, g] = z(!1), N = v(M);
-  N.current = M;
+  const o = v(null), [l, c] = z(!1), [u, d] = z(0), [g, M] = z(!1), N = v(g);
+  N.current = g;
   const p = v(!1), [y, L] = z(null), [m, f] = z(!1), I = v(s);
   I.current = s;
-  const C = v(null), [D, V] = z(0);
+  const b = v(null), [D, V] = z(0);
   U(() => {
     f(!1);
-    const b = C.current;
-    if (C.current = null, b || d(0), !t) {
+    const C = b.current;
+    if (b.current = null, C || d(0), !t) {
       c(!1), o.current = null;
       return;
     }
     const H = ci(t), ce = I.current;
     return H.preload = "metadata", H.muted = N.current || p.current, H.onplay = () => c(!0), H.onpause = () => c(!1), H.onended = () => c(!1), H.onloadedmetadata = () => {
-      f(!0), H.currentTime = ((b == null ? void 0 : b.t) ?? 0) + ce, b != null && b.playing && H.play().catch((F) => {
-        b.asked && (F == null ? void 0 : F.name) === "NotAllowedError" || L(Tt(F));
+      f(!0), H.currentTime = ((C == null ? void 0 : C.t) ?? 0) + ce, C != null && C.playing && H.play().catch((F) => {
+        C.asked && (F == null ? void 0 : F.name) === "NotAllowedError" || L(Tt(F));
       });
     }, H.onerror = () => {
       c(!1);
@@ -3395,10 +3395,10 @@ function Vl(t, e, n, r, s = 0, a = null) {
         Cl(Z == null ? void 0 : Z.message) || oi(F), o.current === H && (L({ message: (Z == null ? void 0 : Z.message) ?? me }), Z != null && Z.permanent || (o.current = null));
       });
     }, o.current = H, () => {
-      C.current = { t: Math.max(0, H.currentTime - ce), playing: !H.paused && !H.ended }, H.pause(), H.onplay = H.onpause = H.onended = H.onloadedmetadata = H.onerror = null, o.current = null;
+      b.current = { t: Math.max(0, H.currentTime - ce), playing: !H.paused && !H.ended }, H.pause(), H.onplay = H.onpause = H.onended = H.onloadedmetadata = H.onerror = null, o.current = null;
     };
   }, [t, D]), U(() => () => {
-    C.current = null;
+    b.current = null;
   }, []);
   const _ = n.length ? ((A = n[n.length - 1].words[n[n.length - 1].words.length - 1]) == null ? void 0 : A.end) ?? n[n.length - 1].start + 4 : 0, ee = s > 0 || r != null && m && o.current != null && Number.isFinite(o.current.duration) && o.current.duration > r + 1, j = !ee && m && o.current && Number.isFinite(o.current.duration) && o.current.duration || r || _ || 1, E = v(j);
   E.current = j;
@@ -3406,20 +3406,20 @@ function Vl(t, e, n, r, s = 0, a = null) {
   Q.current = ee;
   const T = v(a);
   T.current = a;
-  const [O, S] = z(!1), re = v(!1), K = (b) => {
-    re.current = b, S(b);
+  const [O, S] = z(!1), re = v(!1), K = (C) => {
+    re.current = C, S(C);
   };
   U(() => {
-    var b;
-    a == null && re.current && (K(!1), (b = o.current) == null || b.play().catch(() => {
+    var C;
+    a == null && re.current && (K(!1), (C = o.current) == null || C.play().catch(() => {
     }));
   }, [a]), U(() => {
-    var b;
-    !O || a == null || a < u + 1.5 || (K(!1), (b = o.current) == null || b.play().catch(() => {
+    var C;
+    !O || a == null || a < u + 1.5 || (K(!1), (C = o.current) == null || C.play().catch(() => {
     }));
   }, [O, a, u]), U(() => {
     if (!l) return;
-    let b = 0;
+    let C = 0;
     const H = () => {
       const ce = o.current;
       if (ce) {
@@ -3434,45 +3434,45 @@ function Vl(t, e, n, r, s = 0, a = null) {
         }
         d(F);
       }
-      b = requestAnimationFrame(H);
+      C = requestAnimationFrame(H);
     };
-    return b = requestAnimationFrame(H), () => cancelAnimationFrame(b);
+    return C = requestAnimationFrame(H), () => cancelAnimationFrame(C);
   }, [l]);
   const k = Ie(() => {
     if (!n.length) return 0;
-    let b = 0;
-    for (let H = 0; H < n.length; H++) n[H].start <= u + 0.05 && (b = H);
-    return b;
-  }, [n, u]), [ae, te] = z(0), G = (b) => {
-    const H = T.current != null ? Math.min(b, Math.max(0, T.current - 0.5)) : b, ce = o.current;
+    let C = 0;
+    for (let H = 0; H < n.length; H++) n[H].start <= u + 0.05 && (C = H);
+    return C;
+  }, [n, u]), [ae, te] = z(0), G = (C) => {
+    const H = T.current != null ? Math.min(C, Math.max(0, T.current - 0.5)) : C, ce = o.current;
     d(H), ce && (ce.currentTime = H + I.current), te((F) => F + 1);
-  }, J = (b) => {
-    (b == null ? void 0 : b.name) !== "AbortError" && L(Tt(b));
+  }, J = (C) => {
+    (C == null ? void 0 : C.name) !== "AbortError" && L(Tt(C));
   }, pe = () => {
     var H;
-    const b = o.current;
-    if (!b) {
+    const C = o.current;
+    if (!C) {
       if (!t && e) {
-        C.current = (H = C.current) != null && H.asked ? null : { t: u, playing: !0, asked: !0 };
+        b.current = (H = b.current) != null && H.asked ? null : { t: u, playing: !0, asked: !0 };
         return;
       }
       t && V((ce) => ce + 1), L({ message: e ? "The audio player is not ready yet — try again in a moment." : "There is no audio for this transcription." });
       return;
     }
     if (l) {
-      b.pause();
+      C.pause();
       return;
     }
     if (re.current) {
       K(!1);
       return;
     }
-    b.currentTime < I.current && (b.currentTime = I.current), u >= j - 0.25 && G(0), b.play().catch(J);
-  }, le = (b) => {
-    const H = n[Math.max(0, Math.min(n.length - 1, b))];
+    C.currentTime < I.current && (C.currentTime = I.current), u >= j - 0.25 && G(0), C.play().catch(J);
+  }, le = (C) => {
+    const H = n[Math.max(0, Math.min(n.length - 1, C))];
     H && G(H.start);
-  }, Te = (b) => G(Math.max(0, Math.min(1, b)) * j), je = (b) => {
-    const H = Ln(b, n, j);
+  }, Te = (C) => G(Math.max(0, Math.min(1, C)) * j), je = (C) => {
+    const H = Ln(C, n, j);
     G(H.t);
     const ce = o.current;
     if (ce) {
@@ -3482,33 +3482,33 @@ function Vl(t, e, n, r, s = 0, a = null) {
       }
       K(!1), ce.play().catch(J);
     }
-  }, Ee = (b) => G(b.start), Le = (b) => {
-    le(b);
+  }, Ee = (C) => G(C.start), Le = (C) => {
+    le(C);
     const H = o.current;
     H && H.paused && H.play().catch(J);
   }, we = v(!1), _e = v(0), Pe = () => {
-    var b;
-    l && ((b = o.current) == null || b.pause(), we.current = !0);
+    var C;
+    l && ((C = o.current) == null || C.pause(), we.current = !0);
   }, Se = () => {
-    var b;
-    we.current && (we.current = !1, (b = o.current) == null || b.play().catch(J));
+    var C;
+    we.current && (we.current = !1, (C = o.current) == null || C.play().catch(J));
   };
   return {
     autoplay: async () => {
-      const b = o.current;
-      if (!b) return null;
-      b.currentTime < I.current && (b.currentTime = I.current);
+      const C = o.current;
+      if (!C) return null;
+      C.currentTime < I.current && (C.currentTime = I.current);
       const H = (ce) => {
-        N.current = ce, b.muted = ce || p.current, g(ce);
+        N.current = ce, C.muted = ce || p.current, M(ce);
       };
       try {
-        return H(!1), await b.play(), !0;
+        return H(!1), await C.play(), !0;
       } catch (ce) {
         if ((ce == null ? void 0 : ce.name) !== "NotAllowedError")
           return H(!0), null;
       }
       try {
-        return H(!0), await b.play(), !1;
+        return H(!0), await C.play(), !1;
       } catch {
         return null;
       }
@@ -3517,10 +3517,10 @@ function Vl(t, e, n, r, s = 0, a = null) {
     t: u,
     idx: k,
     dur: j,
-    muted: M,
+    muted: g,
     toggleMute: () => {
-      const b = !N.current;
-      N.current = b, o.current && (o.current.muted = b || p.current), g(b);
+      const C = !N.current;
+      N.current = C, o.current && (o.current.muted = C || p.current), M(C);
     },
     toggle: pe,
     seekRow: le,
@@ -3530,13 +3530,13 @@ function Vl(t, e, n, r, s = 0, a = null) {
     playRow: Le,
     seekN: ae,
     stop: () => {
-      const b = o.current;
-      b && (b.pause(), b.currentTime = I.current), d(0);
+      const C = o.current;
+      C && (C.pause(), C.currentTime = I.current), d(0);
     },
-    videoAt: (b) => {
+    videoAt: (C) => {
       const H = o.current;
       if (!H || H.paused || H.ended || we.current || Date.now() - _e.current < 3e3) return;
-      const ce = b + I.current;
+      const ce = C + I.current;
       Math.abs(H.currentTime - ce) <= 0.2 || (_e.current = Date.now(), H.currentTime = ce);
     },
     engaged: l || u > 0,
@@ -3550,23 +3550,23 @@ function Vl(t, e, n, r, s = 0, a = null) {
     edgeWait: O,
     wordSync: !0,
     pause: () => {
-      var b;
-      K(!1), (b = o.current) == null || b.pause();
+      var C;
+      K(!1), (C = o.current) == null || C.pause();
     },
-    setVolume: (b) => {
-      o.current && (o.current.volume = b);
+    setVolume: (C) => {
+      o.current && (o.current.volume = C);
     },
-    silence: (b) => {
-      p.current = b, o.current && (o.current.muted = N.current || b);
+    silence: (C) => {
+      p.current = C, o.current && (o.current.muted = N.current || C);
     }
   };
 }
 function Hl(t, e, n, r, s, a, o = !1, l) {
   const c = v(/* @__PURE__ */ new Set());
   c.current = l ?? c.current;
-  const u = v(null), [d, M] = z(!1), [g, N] = z(0), [p, y] = z(0), [L, m] = z(!1), f = v(L);
+  const u = v(null), [d, g] = z(!1), [M, N] = z(0), [p, y] = z(0), [L, m] = z(!1), f = v(L);
   f.current = L;
-  const [I, C] = z(null), [D, V] = z(null), [_, ee] = z(null), [j, E] = z(null), Q = v(j);
+  const [I, b] = z(null), [D, V] = z(null), [_, ee] = z(null), [j, E] = z(null), Q = v(j);
   Q.current = j;
   const [T, O] = z(null), [S, re] = z(null), [K, k] = z(null), [ae, te] = z(!1), G = v(e);
   G.current = e;
@@ -3578,11 +3578,11 @@ function Hl(t, e, n, r, s, a, o = !1, l) {
   je.current = a;
   const Ee = Ke((Y) => {
     Y.finite = !0, Y.coming = (R) => c.current.has(R), Y.readAhead = 6, Y.readAheadS = 45, Y.onWaiting = (R) => V(R), Y.onStarting = (R) => ee(R), Y.onSentence = (R) => {
-      if (M(Y.playing), R == null) return;
+      if (g(Y.playing), R == null) return;
       const q = G.current.findIndex((ne) => ne.sentenceId === R);
       q >= 0 && N(q);
     }, Y.onError = (R) => {
-      M(Y.playing), C(R instanceof ui ? { 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." });
+      g(Y.playing), b(R instanceof ui ? { 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." });
     }, Y.gapBefore = (R, q) => {
       if (!J.current) return 0;
       const ne = G.current, de = ne.find((Ce) => Ce.sentenceId === R), Oe = ne.find((Ce) => Ce.sentenceId === q);
@@ -3615,7 +3615,7 @@ function Hl(t, e, n, r, s, a, o = !1, l) {
     var q;
     if (Le.current !== r) {
       const ne = Le.current != null ? we.current : null;
-      Le.current = r, (q = u.current) == null || q.stop(), u.current = new fr(), Ee(u.current), u.current.setSequence(pe.current), M(!1), N(0), C(null), ee(null), E(null), W(ne && (ne.playing || ne.t > 0) ? ne : null);
+      Le.current = r, (q = u.current) == null || q.stop(), u.current = new fr(), Ee(u.current), u.current.setSequence(pe.current), g(!1), N(0), b(null), ee(null), E(null), W(ne && (ne.playing || ne.t > 0) ? ne : null);
     }
     const Y = u.current;
     Y.setMuted(f.current);
@@ -3623,11 +3623,11 @@ function Hl(t, e, n, r, s, a, o = !1, l) {
     const R = _e.current;
     R && (J.current || t.some((ne) => ne.sentenceId >= (R.sentenceId ?? 0))) && (W(null), B.current(R));
   }, [r, t]);
-  const b = Ie(() => o ? e.map((Y) => Y.sentenceId).filter((Y) => Y != null) : [], [e, o]);
-  pe.current = b, U(() => {
+  const C = Ie(() => o ? e.map((Y) => Y.sentenceId).filter((Y) => Y != null) : [], [e, o]);
+  pe.current = C, U(() => {
     var Y;
-    (Y = u.current) == null || Y.setSequence(b);
-  }, [b, r]), U(() => () => {
+    (Y = u.current) == null || Y.setSequence(C);
+  }, [C, r]), U(() => () => {
     var Y;
     (Y = u.current) == null || Y.stop(), u.current = null, Le.current = null;
   }, []);
@@ -3657,15 +3657,15 @@ function Hl(t, e, n, r, s, a, o = !1, l) {
   }, me = (Y, R) => {
     for (let q = Y; q >= 0 && q < e.length; q += R) if (F(q)) return q;
     return null;
-  }, Z = Math.max(0, Math.min(g, Math.max(0, e.length - 1))), ve = e.length ? e[e.length - 1].start + 4 : 0, ze = n || ve || 1, Ge = v(!1), Ae = v(g);
-  Ae.current = g;
+  }, Z = Math.max(0, Math.min(M, Math.max(0, e.length - 1))), ve = e.length ? e[e.length - 1].start + 4 : 0, ze = n || ve || 1, Ge = v(!1), Ae = v(M);
+  Ae.current = M;
   const ge = (Y) => {
     var R, q, ne;
-    (q = u.current) == null || q.play(((R = e[Y]) == null ? void 0 : R.sentenceId) ?? null), M(!!((ne = u.current) != null && ne.playing));
+    (q = u.current) == null || q.play(((R = e[Y]) == null ? void 0 : R.sentenceId) ?? null), g(!!((ne = u.current) != null && ne.playing));
   }, Ye = (Y) => {
     var q, ne, de;
     const R = Math.max(0, Math.min(Math.max(0, e.length - 1), Y));
-    N(R), Ae.current = R, y((Oe) => Oe + 1), (ne = u.current) == null || ne.seek(((q = e[R]) == null ? void 0 : q.sentenceId) ?? null), M(!!((de = u.current) != null && de.playing));
+    N(R), Ae.current = R, y((Oe) => Oe + 1), (ne = u.current) == null || ne.seek(((q = e[R]) == null ? void 0 : q.sentenceId) ?? null), g(!!((de = u.current) != null && de.playing));
   }, Ve = (Y) => {
     var R;
     A(), E(null), (R = u.current) == null || R.startWithin(-1, 0), Ye(Y);
@@ -3708,24 +3708,24 @@ function Hl(t, e, n, r, s, a, o = !1, l) {
         return;
       }
       if (A(), d) {
-        (R = u.current) == null || R.pause(), M(!1);
+        (R = u.current) == null || R.pause(), g(!1);
         return;
       }
-      C(null);
+      b(null);
       const Y = Ae.current;
       if (!Q.current && ((ne = u.current) != null && ne.resume(((q = e[Y]) == null ? void 0 : q.sentenceId) ?? null))) {
-        M(!0);
+        g(!0);
         return;
       }
       ge(Y);
     },
     pause: () => {
       var Y;
-      A(), (Y = u.current) == null || Y.pause(), M(!1);
+      A(), (Y = u.current) == null || Y.pause(), g(!1);
     },
     stop: () => {
       var Y, R, q;
-      A(), (Y = u.current) == null || Y.pause(), M(!1), N(0), O(null), (q = u.current) == null || q.seek(((R = e[0]) == null ? void 0 : R.sentenceId) ?? null);
+      A(), (Y = u.current) == null || Y.pause(), g(!1), N(0), O(null), (q = u.current) == null || q.seek(((R = e[0]) == null ? void 0 : R.sentenceId) ?? null);
     },
     seekRow: Ve,
     resumeAt: (Y) => {
@@ -3784,7 +3784,7 @@ function Hl(t, e, n, r, s, a, o = !1, l) {
     release: () => {
       Ge.current && (Ge.current = !1, ge(Ae.current));
     },
-    clearError: () => C(null),
+    clearError: () => b(null),
     setVolume: (Y) => {
       var R;
       return (R = u.current) == null ? void 0 : R.setVolume(Y);
@@ -3796,7 +3796,7 @@ function Hl(t, e, n, r, s, a, o = !1, l) {
     if (R == null) return;
     N(Y), Ae.current = Y, E(null), Q.current = null, (de = u.current) == null || de.joinSilently(R);
     const q = ((Oe = u.current) == null ? void 0 : Oe.resting()) ?? null;
-    re((q == null ? void 0 : q.s) ?? null), te(!!(q != null && q.silent)), M(!!((ye = u.current) != null && ye.playing));
+    re((q == null ? void 0 : q.s) ?? null), te(!!(q != null && q.silent)), g(!!((ye = u.current) != null && ye.playing));
   }
   return fe.joinAt = o ? (Y) => {
     A(), Ue(Ln({ t: Y, playing: !0, sentenceId: null, offset: 0, ended: !1 }, e, ze).index);
@@ -3812,17 +3812,17 @@ function Hl(t, e, n, r, s, a, o = !1, l) {
 }
 const Wl = () => {
 }, Fl = "The language this recording is read aloud in.", Gl = { title: "READ IN", note: "The transcript and its voice switch to this language." };
-function Zl({ 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: g = !1, timed: N = !1, stockVoices: p = !1, stickyPicker: y = !1, pickerBusy: L = null, voiceSheet: m, forcedVoice: f = null }) {
+function Zl({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, langs: o, srcLang: l, canTranslate: c, pickedLang: u, setPickedLang: d, side: g, hearOriginal: M = !1, timed: N = !1, stockVoices: p = !1, stickyPicker: y = !1, pickerBusy: L = null, voiceSheet: m, forcedVoice: f = null }) {
   var on, Gt, Zt, qt;
-  const { onAddVoice: I, onPickVoice: C, onSelectSpeaker: D, noCloneFor: V, castNoClone: _, castShort: ee, castBuilding: j, castWarn: E, badge: Q, titleNode: T } = m ?? {}, O = !!m, S = !!(m != null && m.pendingClones), [re, K] = gi(), [k, ae] = z(null), [te, G] = z(!1), [J, pe] = z(!1), [le, Te] = z(!1), [je, Ee] = z(!1), Le = u ?? l, we = u === null, _e = u != null || k != null, Se = ((P) => !!P && !!(o != null && o.voice.includes(P)))(we ? l : Le) ? we ? l : Le : "en", B = Dl(Se), W = (m == null ? void 0 : m.cloneOn) ?? !0, [A, b] = z(0), H = v(W);
+  const { onAddVoice: I, onPickVoice: b, onSelectSpeaker: D, noCloneFor: V, castNoClone: _, castShort: ee, castBuilding: j, castWarn: E, badge: Q, titleNode: T } = m ?? {}, O = !!m, S = !!(m != null && m.pendingClones), [re, K] = gi(), [k, ae] = z(null), [te, G] = z(!1), [J, pe] = z(!1), [le, Te] = z(!1), [je, Ee] = z(!1), Le = u ?? l, we = u === null, _e = u != null || k != null, Se = ((P) => !!P && !!(o != null && o.voice.includes(P)))(we ? l : Le) ? we ? l : Le : "en", B = Dl(Se), W = (m == null ? void 0 : m.cloneOn) ?? !0, [A, C] = z(0), H = v(W);
   U(() => {
-    H.current !== W && (H.current = W, b((P) => P + 1));
+    H.current !== W && (H.current = W, C((P) => P + 1));
   }, [W]);
   const ce = dl(Se, _e || s || J, hl(e) * 1e3 + A, { id: t ?? null, shareCode: a.shareCode ?? null }), F = Ie(() => ((ce == null ? void 0 : ce.voices) ?? []).filter((P) => O || !P.cloned || P.speaker != null), [ce, O]), me = F.length > 1, Z = wr(o, Le), ve = ki(), ze = Ie(() => fi(o, "translation"), [o]), [Ge, Ae] = z(null), [ge] = z(() => /* @__PURE__ */ new Set()), [Ye, Ve] = z({}), $ = Ie(() => al(n, e, ve.vcUnknownSpk), [n, e, ve]), he = me && $.filter((P) => P.key >= 0).length > 1, ue = Ge != null && $.some((P) => P.key === Ge) ? Ge : ((on = $[0]) == null ? void 0 : on.key) ?? null, ie = Ie(() => {
     const P = Gs($, F, W);
     for (const [De, Be] of Object.entries(Ye[Se ?? ""] ?? {})) P.set(Number(De), Be);
     return P;
-  }, [$, F, Ye, Se, W]), fe = he && Object.keys(Ye[Se ?? ""] ?? {}).length > 0, Ue = Ie(() => p && !fe ? Gs($, F, !1) : null, [p, fe, $, F]), Y = Ie(() => fe ? Ws(ie) || null : Ue && Ws(Ue) || null, [fe, ie, Ue]), R = fe ? ie : Ue, q = F.some((P) => P.cloned && P.consent !== "pending"), ne = !!Le && !!(o != null && o.voice.includes(Le)), de = ne && !g, Oe = Ie(
+  }, [$, F, Ye, Se, W]), fe = he && Object.keys(Ye[Se ?? ""] ?? {}).length > 0, Ue = Ie(() => p && !fe ? Gs($, F, !1) : null, [p, fe, $, F]), Y = Ie(() => fe ? Ws(ie) || null : Ue && Ws(Ue) || null, [fe, ie, Ue]), R = fe ? ie : Ue, q = F.some((P) => P.cloned && P.consent !== "pending"), ne = !!Le && !!(o != null && o.voice.includes(Le)), de = ne && !M, Oe = Ie(
     () => n.filter((P) => !P.suppressed && !P.unclear).map((P) => P.sentenceId).filter((P) => P != null),
     [n]
   ), ye = Ml({ recordingId: t, lang: Le, ended: s, cred: a, pickedVoice: f || (Y ?? k), sentenceIds: s && de ? Oe : void 0 }), ke = F.find((P) => P.id === k) ?? F.find((P) => {
@@ -3855,7 +3855,7 @@ function Zl({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
   }, it = () => G(!0), lt = () => {
     G(!1), pe(le), Te(!1);
   }, Ht = (P) => {
-    if (d(P), K(P), !((M || y) && !le)) {
+    if (d(P), K(P), !((g || y) && !le)) {
       if (P != null) {
         lt();
         return;
@@ -3885,7 +3885,7 @@ function Zl({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
       return;
     }
     ae(P);
-  }, ct = we ? { ...wr(o, null), flag: /* @__PURE__ */ i(oe, { d: X.langAuto, size: 21, sw: 1.7, style: { color: "currentColor", display: "block" } }) } : Z, nn = c ? M ? /* @__PURE__ */ i("span", { className: "barchip", style: x ? { background: "var(--brand-tint)", boxShadow: "0 0 0 1.5px var(--brand)" } : void 0, children: /* @__PURE__ */ i(zn, { flag: ct.flag, code: ct.code, bordered: !1, onClick: Lt, flagOnly: !0, label: ct.label }) }) : /* @__PURE__ */ i(zn, { flag: ct.flag, code: ct.code, bordered: !1, onClick: it, flagOnly: !0, label: ct.label }) : null, Je = X.voiceClone, ut = _e && (!!ye.track || ot), Ft = rt ? "var(--conf-low)" : ut || M && wt ? "var(--brand)" : "var(--ink-55)", dt = ot || !!$e.preparing && _e, vt = $e.preparing ? `Speaking this line in ${(ke == null ? void 0 : ke.name) ?? "this voice"}…` : ot ? `Preparing this recording in ${(ke == null ? void 0 : ke.name) ?? "this voice"} — it will play as soon as it is ready` : rt ? `This voice could not be prepared: ${rt}` : ne ? me ? "Choose a voice" : ke ? ke.name : ve.vcNoVoice + Z.label : `${ve.vcNoVoice}${Z.label}`, rn = /* @__PURE__ */ i($a, { open: te, onClose: lt, keepOpen: (!!M || y) && !le, value: we ? null : Le, onSelect: Ht, languages: ze, title: (M == null ? void 0 : M.title) ?? "SPOKEN LANGUAGE", note: (M == null ? void 0 : M.note) ?? Fl, searchPlaceholder: ve.search, none: "Original", pinned: (we ? l : Le) ? [we ? l : Le] : [], recent: re, requireVoice: le, sticky: y, busy: L }), bt = Ie(() => F.filter((P) => P.cloned && !P.auto), [F]), _t = (P) => P.voiceId ? bt.find((De) => De.id === `clone:${P.voiceId}`) ?? null : null, ht = Ie(() => $.filter((P) => P.key >= 0), [$]), Yt = Ie(() => {
+  }, ct = we ? { ...wr(o, null), flag: /* @__PURE__ */ i(oe, { d: X.langAuto, size: 21, sw: 1.7, style: { color: "currentColor", display: "block" } }) } : Z, nn = c ? g ? /* @__PURE__ */ i("span", { className: "barchip", style: x ? { background: "var(--brand-tint)", boxShadow: "0 0 0 1.5px var(--brand)" } : void 0, children: /* @__PURE__ */ i(zn, { flag: ct.flag, code: ct.code, bordered: !1, onClick: Lt, flagOnly: !0, label: ct.label }) }) : /* @__PURE__ */ i(zn, { flag: ct.flag, code: ct.code, bordered: !1, onClick: it, flagOnly: !0, label: ct.label }) : null, Je = X.voiceClone, ut = _e && (!!ye.track || ot), Ft = rt ? "var(--conf-low)" : ut || g && wt ? "var(--brand)" : "var(--ink-55)", dt = ot || !!$e.preparing && _e, vt = $e.preparing ? `Speaking this line in ${(ke == null ? void 0 : ke.name) ?? "this voice"}…` : ot ? `Preparing this recording in ${(ke == null ? void 0 : ke.name) ?? "this voice"} — it will play as soon as it is ready` : rt ? `This voice could not be prepared: ${rt}` : ne ? me ? "Choose a voice" : ke ? ke.name : ve.vcNoVoice + Z.label : `${ve.vcNoVoice}${Z.label}`, rn = /* @__PURE__ */ i($a, { open: te, onClose: lt, keepOpen: (!!g || y) && !le, value: we ? null : Le, onSelect: Ht, languages: ze, title: (g == null ? void 0 : g.title) ?? "SPOKEN LANGUAGE", note: (g == null ? void 0 : g.note) ?? Fl, searchPlaceholder: ve.search, none: "Original", pinned: (we ? l : Le) ? [we ? l : Le] : [], recent: re, requireVoice: le, sticky: y, busy: L }), bt = Ie(() => F.filter((P) => P.cloned && !P.auto), [F]), _t = (P) => P.voiceId ? bt.find((De) => De.id === `clone:${P.voiceId}`) ?? null : null, ht = Ie(() => $.filter((P) => P.key >= 0), [$]), Yt = Ie(() => {
     const P = F.filter((Be) => !Be.cloned);
     if (!he) return [...P, ...s && ht.length === 1 ? bt.filter((Be) => Be.id === `clone:${ht[0].voiceId}`) : []];
     const De = [];
@@ -3898,7 +3898,7 @@ function Zl({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
   }, [F, bt, he, ht, S, s]), Xe = he ? ht.find((P) => P.key === ue) ?? null : null, qe = (P) => {
     var De;
     return P ? ((De = F.find((Be) => Be.id === P)) == null ? void 0 : De.gender) ?? null : null;
-  }, Ut = Xe ? Xe.sex ?? qe(ie.get(Xe.key)) : null, sn = Ie(() => Xe ? Yt.filter((P) => P.cloned ? P.live ? P.speaker === Xe.key : P.id === `clone:${Xe.voiceId}` : !0) : Yt, [Yt, Xe, Ut, ht]), Rt = (P) => F.find((De) => De.cloned && De.auto && De.speaker === P) ?? null, We = { people: ht, gvList: F, autoOf: Rt, savedFor: _t }, xt = (Q == null ? void 0 : Q(We)) ?? 0, kt = E ? ht.map((P) => E(P, We)).filter((P) => !!P) : [], Dn = /* @__PURE__ */ h("button", { type: "button", className: "txvoice", "aria-label": "Voice", "aria-pressed": M ? wt : void 0, title: dt || rt ? vt : void 0, style: { cursor: "pointer", background: ut || dt || M && wt ? "var(--brand-tint)" : "var(--fill-06)", boxShadow: M && wt ? "inset 0 0 0 1.5px var(--brand)" : void 0 }, onClick: M ? Ot : se, children: [
+  }, Ut = Xe ? Xe.sex ?? qe(ie.get(Xe.key)) : null, sn = Ie(() => Xe ? Yt.filter((P) => P.cloned ? P.live ? P.speaker === Xe.key : P.id === `clone:${Xe.voiceId}` : !0) : Yt, [Yt, Xe, Ut, ht]), Rt = (P) => F.find((De) => De.cloned && De.auto && De.speaker === P) ?? null, We = { people: ht, gvList: F, autoOf: Rt, savedFor: _t }, xt = (Q == null ? void 0 : Q(We)) ?? 0, kt = E ? ht.map((P) => E(P, We)).filter((P) => !!P) : [], Dn = /* @__PURE__ */ h("button", { type: "button", className: "txvoice", "aria-label": "Voice", "aria-pressed": g ? wt : void 0, title: dt || rt ? vt : void 0, style: { cursor: "pointer", background: ut || dt || g && wt ? "var(--brand-tint)" : "var(--fill-06)", boxShadow: g && wt ? "inset 0 0 0 1.5px var(--brand)" : void 0 }, onClick: g ? Ot : se, children: [
     dt ? /* @__PURE__ */ i("span", { style: { width: 16, height: 16, borderRadius: "50%", border: "2px solid var(--fill-10)", borderTopColor: "var(--brand)", animation: "vs-spin .7s linear infinite" } }) : /* @__PURE__ */ i(oe, { d: Je, size: 17, sw: 1.6, style: { color: Ft } }),
     kt.length > 0 ? /* @__PURE__ */ i("span", { className: "txvoice__warn", title: kt.join(" · "), children: "!" }) : !!xt && /* @__PURE__ */ i("span", { className: "txvoice__n", title: `${xt} speaker${xt === 1 ? "" : "s"} can get a cloned voice`, children: xt })
   ] }), an = /* @__PURE__ */ i(Vt, { open: J, onClose: Wt, title: ve.vcSheet, titleNode: T, doneLabel: ve.done, children: /* @__PURE__ */ i(
@@ -3941,7 +3941,7 @@ function Zl({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
           B.stop();
           return;
         }
-        if ((C == null ? void 0 : C(P)) === !1) {
+        if ((b == null ? void 0 : b(P)) === !1) {
           B.reset();
           return;
         }
@@ -3949,12 +3949,12 @@ function Zl({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
       },
       onUse: Ct
     }
-  ) }), jt = M ? null : /* @__PURE__ */ h(xe, { children: [
+  ) }), jt = g ? null : /* @__PURE__ */ h(xe, { children: [
     rn,
     an
-  ] }), Sn = M && (te || J) ? /* @__PURE__ */ i("div", { className: "vs-side", children: te ? rn : an }) : null, An = be && rt ? `This voice could not be prepared: ${rt}` : null, En = gt;
+  ] }), Sn = g && (te || J) ? /* @__PURE__ */ i("div", { className: "vs-side", children: te ? rn : an }) : null, An = be && rt ? `This voice could not be prepared: ${rt}` : null, En = gt;
   return {
-    barChip: { flag: ct.flag, code: ct.code, label: ct.label, onClick: M || y ? Lt : it, active: !!((M || y) && x), can: c },
+    barChip: { flag: ct.flag, code: ct.code, label: ct.label, onClick: g || y ? Lt : it, active: !!((g || y) && x), can: c },
     sheetsOpen: te || J,
     on: be,
     player: He,
@@ -3975,7 +3975,7 @@ function Zl({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
     openVoices: se,
     openPicker: it,
     original: we,
-    reloadVoices: () => b((P) => P + 1),
+    reloadVoices: () => C((P) => P + 1),
     voicesVer: A,
     people: ht,
     gvList: F,
@@ -4003,7 +4003,7 @@ function Zl({ recordingId: t, model: e, rows: n, lenS: r, ended: s, cred: a, lan
     langList: { value: we ? null : Le, onSelect: Ht, languages: ze, searchPlaceholder: ve.search, none: "Original", pinned: (we ? l : Le) ? [we ? l : Le] : [], recent: re }
   };
 }
-function ql({ 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: g, tailFg: N, running: p, desk: y, feedRef: L, listener: m, showLabels: f, find: I, findOpen: C, lang: D, warm: V, onVisible: _, wordHl: ee = !0 }) {
+function ql({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a, onWord: o, onFix: l, fixMode: c, fixingId: u, marks: d = !0, fixBadges: g = !0, tail: M, tailFg: N, running: p, desk: y, feedRef: L, listener: m, showLabels: f, find: I, findOpen: b, lang: D, warm: V, onVisible: _, wordHl: ee = !0 }) {
   const { playing: j, engaged: E, t: Q, idx: T, seekN: O, wordSync: S, clipPos: re } = n;
   Ll(!0, L);
   const K = v(null);
@@ -4023,30 +4023,30 @@ function ql({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
       }
       const Z = me.join(",");
       Z !== Ee.current && (Ee.current = Z, _(me));
-    }, b = window.setTimeout(A, 120);
+    }, C = window.setTimeout(A, 120);
     let H;
     const ce = () => {
       window.clearTimeout(H), H = window.setTimeout(A, 120);
     };
     return W.addEventListener("scroll", ce, { passive: !0 }), () => {
-      window.clearTimeout(b), window.clearTimeout(H), W.removeEventListener("scroll", ce);
+      window.clearTimeout(C), window.clearTimeout(H), W.removeEventListener("scroll", ce);
     };
   }, [e, _, L]);
   const Le = (W) => {
-    const A = L.current, b = je(W);
-    if (!A || !b) return;
-    const H = b.getBoundingClientRect().top - A.getBoundingClientRect().top + A.scrollTop, ce = A.scrollHeight - A.clientHeight, F = lr(A), me = Math.max(80, A.clientHeight - F.top - F.bottom), Z = b.offsetHeight > me ? 8 : (me - b.offsetHeight) / 2;
+    const A = L.current, C = je(W);
+    if (!A || !C) return;
+    const H = C.getBoundingClientRect().top - A.getBoundingClientRect().top + A.scrollTop, ce = A.scrollHeight - A.clientHeight, F = lr(A), me = Math.max(80, A.clientHeight - F.top - F.bottom), Z = C.offsetHeight > me ? 8 : (me - C.offsetHeight) / 2;
     A.scrollTop = Math.max(0, Math.min(ce, H - F.top - Z));
   }, we = (W) => {
-    const A = L.current, b = je(W);
-    if (!A || !A.clientHeight || !A.offsetParent || !b) return 0;
-    const H = b.getBoundingClientRect(), ce = A.getBoundingClientRect(), F = lr(A), me = ce.top + F.top, Z = ce.bottom - F.bottom;
+    const A = L.current, C = je(W);
+    if (!A || !A.clientHeight || !A.offsetParent || !C) return 0;
+    const H = C.getBoundingClientRect(), ce = A.getBoundingClientRect(), F = lr(A), me = ce.top + F.top, Z = ce.bottom - F.bottom;
     return H.height > Z - me ? H.top < me - 4 ? -1 : H.top > Z - 60 ? 1 : 0 : H.bottom < me + 10 ? -1 : H.bottom > Z - 4 ? 1 : 0;
   }, _e = (W) => {
     pe.current = performance.now() + 420;
-    const A = L.current, b = je(W);
-    if (!A || !A.clientHeight || !b) return;
-    const H = b.getBoundingClientRect(), ce = A.getBoundingClientRect(), F = A.scrollHeight - A.clientHeight, me = A.scrollTop, Z = lr(A), ve = Math.max(80, A.clientHeight - Z.top - Z.bottom), ze = H.height > ve ? 8 : (ve - H.height) / 2, Ge = Math.max(0, Math.min(F, me + (H.top - ce.top) - Z.top - ze));
+    const A = L.current, C = je(W);
+    if (!A || !A.clientHeight || !C) return;
+    const H = C.getBoundingClientRect(), ce = A.getBoundingClientRect(), F = A.scrollHeight - A.clientHeight, me = A.scrollTop, Z = lr(A), ve = Math.max(80, A.clientHeight - Z.top - Z.bottom), ze = H.height > ve ? 8 : (ve - H.height) / 2, Ge = Math.max(0, Math.min(F, me + (H.top - ce.top) - Z.top - ze));
     if (le.current && cancelAnimationFrame(le.current), Math.abs(Ge - me) < 2) {
       A.scrollTop = Ge, le.current = null;
       return;
@@ -4067,10 +4067,10 @@ function ql({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
       return;
     }
     const W = () => {
-      const b = T !== Te.current;
+      const C = T !== Te.current;
       Te.current = T;
       let H = performance.now() < pe.current ? 0 : we(T);
-      b && H && !Pe.current && (Le(T), H = 0), Pe.current = H, J(H);
+      C && H && !Pe.current && (Le(T), H = 0), Pe.current = H, J(H);
     };
     W();
     const A = setInterval(W, 200);
@@ -4084,14 +4084,14 @@ function ql({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
     /* @__PURE__ */ i(oe, { d: W === "up" ? "m4.5 15.75 7.5-7.5 7.5 7.5" : "m19.5 8.25-7.5 7.5-7.5-7.5", size: 15, sw: 2 }),
     "Now playing"
   ] }) });
-  return /* @__PURE__ */ h("div", { ref: L, "data-tx-feed": "1", className: `txfeed${y ? " txfeed--desk" : ""}${C && !p ? " is-find" : ""}`, children: [
+  return /* @__PURE__ */ h("div", { ref: L, "data-tx-feed": "1", className: `txfeed${y ? " txfeed--desk" : ""}${b && !p ? " is-find" : ""}`, children: [
     /* @__PURE__ */ i(Ko, { thumbRef: K }),
     j && G === -1 && B("up"),
     e.map((W, A) => {
       var he;
-      const b = j && A === T, H = E && A === T, ce = !!u && u === W.id, F = te && !W.text.toLowerCase().includes(te) && !(D && ((he = W.translations[D]) != null && he.toLowerCase().includes(te))) ? 0.22 : !E || A <= T || ce ? 1 : 0.38, me = m ? () => n.playRow(A) : c && l ? () => {
-        j && !b && n.seekRow(A), l(W);
-      } : j && b ? void 0 : () => n.playRow(A), Z = m ? null : el(W, s, r), ve = !!Z && (Z.script > 0 || Z.manual), ze = y && !!a && k === W.id && !!Z && !ve, Ge = br(t, W.speaker), Ae = xr(t, W.speaker), ge = Ae.lane, Ye = D && W.translations[D] && W.language !== D ? W.translations[D] : null, Ve = xi(e, A, D), $ = H && !S && re ? hi(Ve.map((ue) => ({ t: ue.text, sp: " " })), re) : null;
+      const C = j && A === T, H = E && A === T, ce = !!u && u === W.id, F = te && !W.text.toLowerCase().includes(te) && !(D && ((he = W.translations[D]) != null && he.toLowerCase().includes(te))) ? 0.22 : !E || A <= T || ce ? 1 : 0.38, me = m ? () => n.playRow(A) : c && l ? () => {
+        j && !C && n.seekRow(A), l(W);
+      } : j && C ? void 0 : () => n.playRow(A), Z = m ? null : el(W, s, r), ve = !!Z && (Z.script > 0 || Z.manual), ze = y && !!a && k === W.id && !!Z && !ve, Ge = br(t, W.speaker), Ae = xr(t, W.speaker), ge = Ae.lane, Ye = D && W.translations[D] && W.language !== D ? W.translations[D] : null, Ve = xi(e, A, D), $ = H && !S && re ? hi(Ve.map((ue) => ({ t: ue.text, sp: " " })), re) : null;
       return /* @__PURE__ */ h("div", { "data-tx-row": A, "data-sentence": W.sentenceId, className: `txline${V ? " txline--warm" : ""}${ce ? " txline--fixing" : ""}`, "aria-current": ce || void 0, style: { opacity: F }, onClick: me, onMouseEnter: y && a ? () => ae(W.id) : void 0, onMouseLeave: y && a ? () => ae(null) : void 0, children: [
         /* @__PURE__ */ h("div", { className: "txline__meta", children: [
           /* @__PURE__ */ i("span", { className: "txline__at", children: yt(W.start) }),
@@ -4100,8 +4100,8 @@ function ql({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
             /* @__PURE__ */ i("span", { className: `txline__who lane-${ge}`, style: Ae.fg ? { color: Ae.fg } : void 0, children: Ge }),
             Ae.hasVoice && /* @__PURE__ */ i(Oi, { color: Ae.fg ?? `var(--lane-${ge})` })
           ] }),
-          b && /* @__PURE__ */ i("span", { title: "Playing", style: { flex: "none", display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ i(oe, { d: X.headphones, size: y ? 15 : 14, sw: 1.6, stroke: f && W.speaker >= 0 ? Ae.fg ?? `var(--lane-${ge})` : "var(--ink-45)" }) }),
-          Z && M && /* @__PURE__ */ i(tl, { f: Z, desk: y, onOpen: a ? () => a(W, !0) : void 0 }),
+          C && /* @__PURE__ */ i("span", { title: "Playing", style: { flex: "none", display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ i(oe, { d: X.headphones, size: y ? 15 : 14, sw: 1.6, stroke: f && W.speaker >= 0 ? Ae.fg ?? `var(--lane-${ge})` : "var(--ink-45)" }) }),
+          Z && g && /* @__PURE__ */ i(tl, { f: Z, desk: y, onOpen: a ? () => a(W, !0) : void 0 }),
           ze && /* @__PURE__ */ i(nl, { alone: !0, onOpen: () => a == null ? void 0 : a(W, !1) })
         ] }),
         /* @__PURE__ */ i("div", { className: "txline__text", children: Ve.map((ue, ie) => {
@@ -4111,20 +4111,20 @@ function ql({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
               "span",
               {
                 className: "txw",
-                title: o && !Ye ? c ? "Correct this word" : b && j && n.seekWord ? "Play from this word" : "Play from this line" : b ? "" : "Play from this line",
+                title: o && !Ye ? c ? "Correct this word" : C && j && n.seekWord ? "Play from this word" : "Play from this line" : C ? "" : "Play from this line",
                 onClick: o && !Ye ? (ke) => {
                   var Ce;
                   if (ke.stopPropagation(), c) {
                     o(W, ue);
                     return;
                   }
-                  if (j && b) {
+                  if (j && C) {
                     (Ce = n.seekWord) == null || Ce.call(n, ue);
                     return;
                   }
                   n.playRow(A);
                 } : void 0,
-                style: { color: ye, opacity: q ? 0.45 : 1, fontWeight: 300, cursor: o && !Ye ? c || !b || !j || n.seekWord ? "pointer" : "default" : b ? "default" : "pointer", textShadow: R ? "0 0 2px currentColor, 0 0 4px currentColor" : "none", textDecorationLine: de || ne ? "underline" : "none", textDecorationStyle: ne ? "solid" : "dotted", textDecorationColor: ne ? "var(--brand)" : Oe ?? "currentColor", textDecorationThickness: de || ne ? "1.5px" : void 0, textUnderlineOffset: de || ne ? "3px" : void 0 },
+                style: { color: ye, opacity: q ? 0.45 : 1, fontWeight: 300, cursor: o && !Ye ? c || !C || !j || n.seekWord ? "pointer" : "default" : C ? "default" : "pointer", textShadow: R ? "0 0 2px currentColor, 0 0 4px currentColor" : "none", textDecorationLine: de || ne ? "underline" : "none", textDecorationStyle: ne ? "solid" : "dotted", textDecorationColor: ne ? "var(--brand)" : Oe ?? "currentColor", textDecorationThickness: de || ne ? "1.5px" : void 0, textUnderlineOffset: de || ne ? "3px" : void 0 },
                 children: ue.text
               }
             ),
@@ -4137,7 +4137,7 @@ function ql({ model: t, rows: e, player: n, fixed: r, applied: s, onFixOpen: a,
       /* @__PURE__ */ i("span", {}),
       /* @__PURE__ */ i("span", {}),
       /* @__PURE__ */ i("span", {})
-    ] }) }) : /* @__PURE__ */ i("div", { className: "txtail", style: { color: N }, children: g }),
+    ] }) }) : /* @__PURE__ */ i("div", { className: "txtail", style: { color: N }, children: M }),
     j && G === 1 && B("down")
   ] });
 }
@@ -4166,18 +4166,18 @@ function Jl(t, e, n, r, s) {
   }, [e, u]), U(() => {
     const d = t.current;
     if (!d) return;
-    let M = d.scrollTop, g = 0, N = 0;
+    let g = d.scrollTop, M = 0, N = 0;
     const p = () => {
       N = Date.now() + 1500;
     }, y = (m) => {
       m.buttons && p();
     }, L = () => {
-      const m = d.scrollTop, f = m - M;
-      if (M = m, Date.now() > N) {
-        g = 0;
+      const m = d.scrollTop, f = m - g;
+      if (g = m, Date.now() > N) {
+        M = 0;
         return;
       }
-      g = f < 0 == g < 0 ? g + f : f, g < -14 && !a.current ? (g = 0, s(!0)) : g > 56 && a.current && !o.current.trim() && (g = 0, s(!1));
+      M = f < 0 == M < 0 ? M + f : f, M < -14 && !a.current ? (M = 0, s(!0)) : M > 56 && a.current && !o.current.trim() && (M = 0, s(!1));
     };
     return d.addEventListener("wheel", p, { passive: !0 }), d.addEventListener("touchmove", p, { passive: !0 }), d.addEventListener("pointermove", y), d.addEventListener("scroll", L, { passive: !0 }), () => {
       d.removeEventListener("wheel", p), d.removeEventListener("touchmove", p), d.removeEventListener("pointermove", y), d.removeEventListener("scroll", L);
@@ -4241,16 +4241,16 @@ function nc(t) {
   for (let T = 236; a.length < s; T ^= 253) o(T, 8);
   const l = [];
   for (let T = 0; T < a.length; T += 8) l.push(a.slice(T, T + 8).reduce((O, S) => O << 1 | S, 0));
-  const c = tn.blocks[n], u = tn.perBlock[n], d = Math.floor(Di(n) / 8), M = c - d % c, g = Math.floor(d / c), N = [], p = Xl(u);
+  const c = tn.blocks[n], u = tn.perBlock[n], d = Math.floor(Di(n) / 8), g = c - d % c, M = Math.floor(d / c), N = [], p = Xl(u);
   for (let T = 0, O = 0; T < c; T++) {
-    const S = l.slice(O, O + g - u + (T < M ? 0 : 1));
+    const S = l.slice(O, O + M - u + (T < g ? 0 : 1));
     O += S.length;
     const re = ec(S, p);
-    T < M && S.push(0), N.push(S.concat(re));
+    T < g && S.push(0), N.push(S.concat(re));
   }
   const y = [];
   for (let T = 0; T < N[0].length; T++) N.forEach((O, S) => {
-    (T !== g - u || S >= M) && y.push(O[T]);
+    (T !== M - u || S >= g) && y.push(O[T]);
   });
   const L = Array.from({ length: r }, () => new Array(r).fill(!1)), m = Array.from({ length: r }, () => new Array(r).fill(!1)), f = (T, O, S) => {
     L[O][T] = S, m[O][T] = !0;
@@ -4264,10 +4264,10 @@ function nc(t) {
     }
   };
   I(3, 3), I(r - 4, 3), I(3, r - 4);
-  const C = tc(n);
-  for (let T = 0; T < C.length; T++) for (let O = 0; O < C.length; O++)
-    if (!(T === 0 && O === 0 || T === 0 && O === C.length - 1 || T === C.length - 1 && O === 0))
-      for (let S = -2; S <= 2; S++) for (let re = -2; re <= 2; re++) f(C[T] + re, C[O] + S, Math.max(Math.abs(re), Math.abs(S)) !== 1);
+  const b = tc(n);
+  for (let T = 0; T < b.length; T++) for (let O = 0; O < b.length; O++)
+    if (!(T === 0 && O === 0 || T === 0 && O === b.length - 1 || T === b.length - 1 && O === 0))
+      for (let S = -2; S <= 2; S++) for (let re = -2; re <= 2; re++) f(b[T] + re, b[O] + S, Math.max(Math.abs(re), Math.abs(S)) !== 1);
   const D = (T) => {
     const O = tn.formatBits << 3 | T;
     let S = O;
@@ -4538,7 +4538,7 @@ function oc({ pos: t, transport: e, chip: n, voices: r, onShare: s, onFull: a, c
   ] });
 }
 const lc = { color: "rgba(255,255,255,.4)" };
-function Ei({ 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: g, chip: N, transport: p, picker: y, sheet: L, voices: m, voicesBtn: f, sheetOpen: I, onShare: C, onSettings: D, paused: V, copied: _, onTouch: ee, onClose: j }) {
+function Ei({ 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: g, ad: M, chip: N, transport: p, picker: y, sheet: L, voices: m, voicesBtn: f, sheetOpen: I, onShare: b, onSettings: D, paused: V, copied: _, onTouch: ee, onClose: j }) {
   const [E, Q] = z(() => !!ur());
   U(() => {
     const $ = () => Q(!!ur());
@@ -4614,7 +4614,7 @@ function Ei({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
     if ($.pointerType !== "mouse") return;
     const he = Date.now();
     !Pe.current && he - Se.current < 1e3 || (Se.current = he, k((ue) => ue + 1));
-  }, W = !we && le, A = v(null), b = l ? l.words.map(($) => $.dim ? 0 : 1).join("") + l.words.length + ":" + (l.cursor ?? "") : "";
+  }, W = !we && le, A = v(null), C = l ? l.words.map(($) => $.dim ? 0 : 1).join("") + l.words.length + ":" + (l.cursor ?? "") : "";
   Bt(() => {
     const $ = A.current;
     if (!$) return;
@@ -4625,7 +4625,7 @@ function Ei({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
     }
     const Y = (de) => Math.round((de.getBoundingClientRect().top - $.getBoundingClientRect().top + $.scrollTop) / ie), R = Math.max(1, Math.round($.clientHeight / ie)), q = he ? ue.length ? Math.floor(Y(ue[ue.length - 1]) / R) * R * ie : 0 : Ue, ne = Math.max(0, Math.min(Ue, q));
     Math.abs(ne - $.scrollTop) > 1 && ($.scrollTop = ne);
-  }, [b, W]);
+  }, [C, W]);
   const [H, ce] = z(!0), [F, me] = z(!1), Z = v(void 0);
   U(() => () => window.clearTimeout(Z.current), []);
   const ve = V != null && V.share ? V.share.url(H && V.share.at >= 1 ? Math.floor(V.share.at) : null) : "", ze = Ie(() => we && ve && !p.playing ? rc(ve) : "", [we, ve, p.playing]), Ge = () => {
@@ -4657,19 +4657,19 @@ function Ei({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
     ] })
   ] }), ge = ($, he, ue, ie, fe, Ue = 0) => /* @__PURE__ */ i("button", { type: "button", className: "gfull__btn", title: $, "aria-label": $, onClick: ie, children: /* @__PURE__ */ i(oe, { d: he, size: (we ? 20 : _e ? 15 : 18) + Ue, sw: ue, style: fe }) }), Ye = /* @__PURE__ */ h("div", { className: "gfull__acts", children: [
     f && /* @__PURE__ */ i(Ai, { v: f, size: we ? 20 : _e ? 15 : 18 }),
-    C && ge("Share", X.share, 1.6, C),
+    b && ge("Share", X.share, 1.6, b),
     Js() && !e && ge(E ? "Exit full screen" : "Full screen", E ? sc : Si, 1.7, () => vn(!E)),
     j && ge("Close player", X.close, 1.7, j)
-  ] }), Ve = (d || M || D) && /* @__PURE__ */ h("div", { className: "gfull__top", children: [
+  ] }), Ve = (d || g || D) && /* @__PURE__ */ h("div", { className: "gfull__top", children: [
     d && ge(d.muted ? "Unmute" : "Mute", d.muted ? X.volumeOff : X.volume, 1.6, d.onToggle),
-    M && ge(M.on ? "Hide subtitles" : "Show subtitles", M.on ? X.cc : X.ccOff, 1.7, M.onToggle, void 0, 4),
+    g && ge(g.on ? "Hide subtitles" : "Show subtitles", g.on ? X.cc : X.ccOff, 1.7, g.onToggle, void 0, 4),
     D && ge("Settings", X.cog, 1.6, D)
   ] });
   return /* @__PURE__ */ h(
     "div",
     {
       ref: Te,
-      className: `gfull${we ? " gfull--desk" : ""}${_e ? " gfull--mini" : ""}${Le ? " gfull--small" : ""}${te ? " gfull--swipe" : ""}${g ? " gfull--ad" : ""}${S ? " gfull--calm" : ""}`,
+      className: `gfull${we ? " gfull--desk" : ""}${_e ? " gfull--mini" : ""}${Le ? " gfull--small" : ""}${te ? " gfull--swipe" : ""}${M ? " gfull--ad" : ""}${S ? " gfull--calm" : ""}`,
       "data-theme": "dark",
       role: "dialog",
       "aria-label": s,
@@ -4689,7 +4689,7 @@ function Ei({ compact: t = !1, noFull: e = !1, page: n = !0, picture: r, title:
         /* @__PURE__ */ h("div", { className: `gfull__frame${W ? " gfull__frame--land" : ""}`, children: [
           r,
           /* @__PURE__ */ i("div", { className: "gfull__shade", "aria-hidden": "true" }),
-          V && !g && /* @__PURE__ */ h("div", { className: `gfull__pausedinfo${p.playing ? "" : " gfull__pausedinfo--on"}`, "aria-hidden": p.playing, children: [
+          V && !M && /* @__PURE__ */ h("div", { className: `gfull__pausedinfo${p.playing ? "" : " gfull__pausedinfo--on"}`, "aria-hidden": p.playing, children: [
             /* @__PURE__ */ h("div", { className: "gfull__pausedtext", children: [
               /* @__PURE__ */ h("div", { className: "gfull__pausedhead", children: [
                 (_e || Le) && /* @__PURE__ */ i("span", { className: "gfull__pausedmark", "aria-hidden": "true", children: /* @__PURE__ */ i(zr, { dark: !0, size: 20 }) }),
@@ -4853,7 +4853,7 @@ function _i(t, e, n) {
   const r = new URL(t ?? _r), s = Nc(), a = new URL(pc, r);
   e.url && a.searchParams.set("url", e.url), e.transcription && a.searchParams.set("transcription", e.transcription), e.ask && a.searchParams.set("ask", "1"), e.connect && a.searchParams.set("connect", "1"), a.searchParams.set("origin", window.location.origin), a.searchParams.set("nonce", s);
   const o = 480, l = 640, c = Math.max(0, (window.screenX ?? 0) + ((window.outerWidth ?? o) - o) / 2), u = Math.max(0, (window.screenY ?? 0) + ((window.outerHeight ?? l) - l) / 2), d = window.open(a.toString(), "vocalstack-connect", `popup=yes,width=${o},height=${l},left=${Math.round(c)},top=${Math.round(u)}`);
-  return d ? new Promise((M, g) => {
+  return d ? new Promise((g, M) => {
     let N = !1;
     const p = (m) => {
       N || (N = !0, window.removeEventListener("message", y), clearInterval(L), m());
@@ -4870,23 +4870,23 @@ function _i(t, e, n) {
           return;
         }
         if (f.type === "vocalstack:started" || f.type === "vocalstack:token" || f.type === "vocalstack:found") {
-          p(() => M({ transcriptionId: String(f.transcriptionId), recordingId: String(f.recordingId), token: String(f.token), expiresAt: f.expiresAt ?? null }));
+          p(() => g({ transcriptionId: String(f.transcriptionId), recordingId: String(f.recordingId), token: String(f.token), expiresAt: f.expiresAt ?? null }));
           return;
         }
         if (f.type === "vocalstack:connected") {
-          p(() => M("connected"));
+          p(() => g("connected"));
           return;
         }
         if (f.type === "vocalstack:declined") {
-          p(() => M(null));
+          p(() => g(null));
           return;
         }
-        f.type === "vocalstack:error" && p(() => g(new Error(typeof f.message == "string" && f.message ? f.message : "VocalStack could not start this transcription.")));
+        f.type === "vocalstack:error" && p(() => M(new Error(typeof f.message == "string" && f.message ? f.message : "VocalStack could not start this transcription.")));
       }
     };
     window.addEventListener("message", y);
     const L = setInterval(() => {
-      d.closed && p(() => M(null));
+      d.closed && p(() => g(null));
     }, 500);
   }) : Promise.reject(new Error("Your browser blocked the VocalStack window. Allow pop-ups for this site and try again."));
 }
@@ -4917,23 +4917,23 @@ const wc = {
   starting: "Starting the transcription…"
 }, Lc = /^(https?:\/\/)?([\w-]+\.)+[a-z]{2,}(\/\S*)?$/i;
 function vc({ options: t, onStarted: e, onReplay: n, onClose: r }) {
-  const [s, a] = z(""), [o, l] = z(!1), [c, u] = z(null), [d, M] = z(null);
+  const [s, a] = z(""), [o, l] = z(!1), [c, u] = z(null), [d, g] = z(null);
   U(() => {
     const y = (L) => {
       L.key === "Escape" && r();
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
   }, [r]);
-  const g = s.trim(), N = Lc.test(g), p = async () => {
+  const M = s.trim(), N = Lc.test(M), p = async () => {
     if (!(!N || o)) {
       l(!0), u(null);
       try {
-        const y = await mc(t.appUrl, /^https?:\/\//i.test(g) ? g : `https://${g}`, M);
+        const y = await mc(t.appUrl, /^https?:\/\//i.test(M) ? M : `https://${M}`, g);
         y && e(y);
       } catch (y) {
         u(y instanceof Error ? y.message : "Something went wrong. Please try again.");
       } finally {
-        l(!1), M(null);
+        l(!1), g(null);
       }
     }
   };
@@ -4973,9 +4973,9 @@ function Ui(t) {
 }
 const kc = { lang: null, subtitles: !0, speakerLabels: !1, wordHighlight: !0, translateAudio: !0, voices: "cloned", removeBackground: !1, muted: !1 };
 function jc(t, e) {
-  const n = Li(), [r, s] = gi(), [a, o] = z(null), [l, c] = z("main"), u = wr(n, t.lang), d = Ie(() => fi(n, "translation"), [n]), M = (_) => {
+  const n = Li(), [r, s] = gi(), [a, o] = z(null), [l, c] = z("main"), u = wr(n, t.lang), d = Ie(() => fi(n, "translation"), [n]), g = (_) => {
     e({ lang: _ }), s(_);
-  }, g = Or({ open: a === "lang" || a === "settings" && l === "lang", onClose: () => a === "lang" ? o(null) : c("main"), value: t.lang, onSelect: M, languages: d, none: "As spoken", pinned: t.lang ? [t.lang] : [], recent: r, keepOpen: !0 }), N = () => {
+  }, M = Or({ open: a === "lang" || a === "settings" && l === "lang", onClose: () => a === "lang" ? o(null) : c("main"), value: t.lang, onSelect: g, languages: d, none: "As spoken", pinned: t.lang ? [t.lang] : [], recent: r, keepOpen: !0 }), N = () => {
     o(null), c("main");
   }, p = t.lang ? /* @__PURE__ */ i("span", { style: { fontSize: 19, lineHeight: 1 }, children: u.flag }) : /* @__PURE__ */ i(oe, { d: X.langAuto, size: 19, sw: 1.7 }), y = /* @__PURE__ */ i("button", { type: "button", className: "gfull__btn", "aria-label": `Language: ${t.lang ? u.label : "As spoken"}`, title: t.lang ? u.label : "As spoken", onClick: (_) => {
     _.stopPropagation(), c("main"), o((ee) => ee === "lang" ? null : "lang");
@@ -4991,10 +4991,10 @@ function jc(t, e) {
       /* @__PURE__ */ i("div", { className: "srow__s", children: ee })
     ] }),
     j
-  ] }), C = /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ i("div", { style: { position: "sticky", top: 0, zIndex: 1, padding: "4px 14px 10px", background: "var(--vs-surface-raised)" }, children: g.search }),
-    g.list
-  ] }), D = l === "lang" ? C : l === "subs" ? /* @__PURE__ */ h("div", { style: f, children: [
+  ] }), b = /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ i("div", { style: { position: "sticky", top: 0, zIndex: 1, padding: "4px 14px 10px", background: "var(--vs-surface-raised)" }, children: M.search }),
+    M.list
+  ] }), D = l === "lang" ? b : l === "subs" ? /* @__PURE__ */ h("div", { style: f, children: [
     I("Show subtitles", "Captions over the video", /* @__PURE__ */ i(Nt, { checked: t.subtitles, onChange: (_) => e({ subtitles: _ }), label: "Show subtitles" })),
     I("Show speaker labels", "Who is speaking, before each line", /* @__PURE__ */ i(Nt, { checked: t.speakerLabels, onChange: (_) => e({ speakerLabels: _ }), label: "Show speaker labels" })),
     I("Highlight words", "Follow each word as it is spoken", /* @__PURE__ */ i(Nt, { checked: t.wordHighlight, onChange: (_) => e({ wordHighlight: _ }), label: "Highlight words" }))
@@ -5028,7 +5028,7 @@ function jc(t, e) {
       L
     ] })
   ] }), V = /* @__PURE__ */ h(xe, { children: [
-    /* @__PURE__ */ i(Vt, { open: a === "lang", onClose: N, title: "LANGUAGE", kind: "picker", sticky: !0, children: /* @__PURE__ */ i(Mr, { children: C }) }),
+    /* @__PURE__ */ i(Vt, { open: a === "lang", onClose: N, title: "LANGUAGE", kind: "picker", header: M.search, sticky: !0, children: /* @__PURE__ */ i(Mr, { children: M.list }) }),
     /* @__PURE__ */ i(Vt, { open: a === "settings", onClose: N, title: { main: "SETTINGS", lang: "LANGUAGE", subs: "SUBTITLES", audio: "AUDIO" }[l], titleNode: l === "main" ? void 0 : m, kind: l === "main" ? "settings" : "settings vs-sheet--page", sticky: !0, children: /* @__PURE__ */ i(Mr, { children: D }) })
   ] });
   return {
@@ -5114,7 +5114,7 @@ function bc() {
     };
   }, []), /* @__PURE__ */ i("div", { ref: t, className: `vsp-prov${e && r ? "" : " vsp-prov--still"}`, "aria-hidden": "true", children: /* @__PURE__ */ i("div", { className: "vsp-prov__plane", children: Array.from({ length: zc }, (a, o) => {
     const l = Oc(o);
-    return /* @__PURE__ */ i("div", { className: `vsp-prov__row${o % 2 ? " vsp-prov__row--rev" : ""}`, style: { animationDuration: `${80 + o * 11}s`, animationDelay: `-${o * 17}s` }, children: Array.from({ length: Ic }, (c, u) => l.map((d, M) => /* @__PURE__ */ i(Cc, { t: d }, `${u}-${M}`))) }, o);
+    return /* @__PURE__ */ i("div", { className: `vsp-prov__row${o % 2 ? " vsp-prov__row--rev" : ""}`, style: { animationDuration: `${80 + o * 11}s`, animationDelay: `-${o * 17}s` }, children: Array.from({ length: Ic }, (c, u) => l.map((d, g) => /* @__PURE__ */ i(Cc, { t: d }, `${u}-${g}`))) }, o);
   }) }) });
 }
 const Ri = {
@@ -5147,8 +5147,8 @@ function xc(t, e) {
     }).catch((y) => l(y instanceof Error ? y.message : "Something went wrong. Please try again.")).finally(() => {
       r(!1), a(null);
     });
-  }, [t, n, e]), M = Ke(() => d({ connect: !0 }), [d]), g = Ke((N, p) => d({ url: N, ask: p }), [d]);
-  return { busy: n, status: s, err: o, connected: c, connect: M, start: g };
+  }, [t, n, e]), g = Ke(() => d({ connect: !0 }), [d]), M = Ke((N, p) => d({ url: N, ask: p }), [d]);
+  return { busy: n, status: s, err: o, connected: c, connect: g, start: M };
 }
 function Dc(t) {
   return /\.(mp4|webm|mov|m4v|ogv|mkv)(\?|#|$)/i.test(t);
@@ -5163,21 +5163,21 @@ function Sc({ poster: t, src: e }) {
 const Ac = { live: !1, atEdge: !1, edgeFrac: null, pct: 0, atLabel: "0:00", labelAt: () => "0:00", endLabel: "0:00", onSeek: () => {
 } };
 function Cn({ idle: t, poster: e, src: n, title: r, page: s, onAct: a, children: o }) {
-  const l = jc(t.prefs, t.set), c = Ui(), u = v(null), [d, M] = z(!1);
+  const l = jc(t.prefs, t.set), c = Ui(), u = v(null), [d, g] = z(!1);
   Bt(() => {
     var L;
     const N = (L = u.current) == null ? void 0 : L.parentElement;
     if (!N) return;
-    const p = () => M(N.getBoundingClientRect().width < 560);
+    const p = () => g(N.getBoundingClientRect().width < 560);
     if (p(), typeof ResizeObserver > "u") return;
     const y = new ResizeObserver(p);
     return y.observe(N), () => y.disconnect();
   }, []);
-  const g = { prevOn: !1, nextOn: !1, onPrev: () => {
+  const M = { prevOn: !1, nextOn: !1, onPrev: () => {
   }, onNext: () => {
   }, playing: !1, playable: !0, playTitle: "Connect to play", onPlay: a };
   return /* @__PURE__ */ h("div", { ref: u, className: `vsp-idleroot${d ? " vsp-idleroot--small" : ""}`, children: [
-    /* @__PURE__ */ i(Ei, { page: s, picture: /* @__PURE__ */ i(Sc, { poster: e, src: n }), title: r, desk: c, pos: Ac, sub: null, mute: { muted: t.prefs.muted, onToggle: () => t.set({ muted: !t.prefs.muted }) }, cc: { on: t.prefs.subtitles, onToggle: () => t.set({ subtitles: !t.prefs.subtitles }) }, chip: l.chip, transport: g, picker: l.sheets, sheet: null, voices: null, voicesBtn: null, sheetOpen: l.sheetOpen, onSettings: l.openSettings, onShare: () => Ar(t.shareUrl ?? window.location.href, r), copied: null, onTouch: () => {
+    /* @__PURE__ */ i(Ei, { page: s, picture: /* @__PURE__ */ i(Sc, { poster: e, src: n }), title: r, desk: c, pos: Ac, sub: null, mute: { muted: t.prefs.muted, onToggle: () => t.set({ muted: !t.prefs.muted }) }, cc: { on: t.prefs.subtitles, onToggle: () => t.set({ subtitles: !t.prefs.subtitles }) }, chip: l.chip, transport: M, picker: l.sheets, sheet: null, voices: null, voicesBtn: null, sheetOpen: l.sheetOpen, onSettings: l.openSettings, onShare: () => Ar(t.shareUrl ?? window.location.href, r), copied: null, onTouch: () => {
     } }),
     !l.sheetOpen && /* @__PURE__ */ i("div", { className: "vsp-idle", "data-theme": "dark", children: /* @__PURE__ */ i("div", { className: "vsp-idle__box", children: o }) })
   ] });
@@ -5201,7 +5201,7 @@ function Ec({ idle: t, src: e, ask: n, connect: r, page: s, poster: a = null, on
   ] });
 }
 function _c({ idle: t, connect: e, page: n, poster: r = null, onPick: s }) {
-  const [a, o] = z(""), l = v(null), c = v(null), u = a.trim(), d = ei.test(u), M = () => {
+  const [a, o] = z(""), l = v(null), c = v(null), u = a.trim(), d = ei.test(u), g = () => {
     if (!d || e.busy) return;
     const p = /^https?:\/\//i.test(u) ? u : `https://${u}`;
     s(p), e.start(p, !1);
@@ -5211,9 +5211,9 @@ function _c({ idle: t, connect: e, page: n, poster: r = null, onPick: s }) {
       /* @__PURE__ */ i(Pi, { 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." })
     ] });
-  const g = () => {
+  const M = () => {
     var p;
-    d ? M() : (p = l.current) == null || p.focus();
+    d ? g() : (p = l.current) == null || p.focus();
   }, N = (p) => {
     const y = p.trim();
     if (!ei.test(y) || e.busy || y === c.current) return;
@@ -5221,9 +5221,9 @@ function _c({ idle: t, connect: e, page: n, poster: r = null, onPick: s }) {
     const L = /^https?:\/\//i.test(y) ? y : `https://${y}`;
     s(L), e.start(L, !1);
   };
-  return /* @__PURE__ */ h(Cn, { idle: t, poster: r, src: null, title: "VocalStack", page: n, onAct: g, children: [
+  return /* @__PURE__ */ h(Cn, { idle: t, poster: r, src: null, title: "VocalStack", page: n, onAct: M, children: [
     /* @__PURE__ */ i("form", { className: "vsp-idle__form", onSubmit: (p) => {
-      p.preventDefault(), M();
+      p.preventDefault(), g();
     }, children: /* @__PURE__ */ h("span", { className: "vsp-idle__field", children: [
       /* @__PURE__ */ i(oe, { d: X.link, size: 16, sw: 1.8 }),
       /* @__PURE__ */ i("input", { ref: l, className: "vsp-idle__input", type: "url", inputMode: "url", enterKeyHint: "go", autoComplete: "off", spellCheck: !1, placeholder: "Paste a video link", value: a, onChange: (p) => o(p.target.value), onPaste: (p) => {
@@ -5322,30 +5322,30 @@ const Kc = fa(function(e, n) {
   U(() => {
     o != null && o.id && a({ id: o.id, token: e.token });
   }, [o == null ? void 0 : o.id]);
-  const [l, c] = z(null), [u, d] = z(() => ({ ...kc, ...Object.fromEntries(Object.entries({ ...e.initial ?? {}, ...e.settings ?? {} }).filter(([, k]) => k !== void 0)) })), [M, g] = z({}), N = { prefs: u, set: (k) => {
-    d((ae) => ({ ...ae, ...k })), g((ae) => ({ ...ae, ...k }));
-  }, shareUrl: (K = e.shareUrl) == null ? void 0 : K.call(e, null) }, { muted: p, ...y } = M;
+  const [l, c] = z(null), [u, d] = z(() => ({ ...kc, ...Object.fromEntries(Object.entries({ ...e.initial ?? {}, ...e.settings ?? {} }).filter(([, k]) => k !== void 0)) })), [g, M] = z({}), N = { prefs: u, set: (k) => {
+    d((ae) => ({ ...ae, ...k })), M((ae) => ({ ...ae, ...k }));
+  }, shareUrl: (K = e.shareUrl) == null ? void 0 : K.call(e, null) }, { muted: p, ...y } = g;
   U(() => {
     c(null);
   }, [e.id, e.src]);
-  const L = e.src ?? l, m = !s.id && !!L && (l != null || o !== void 0), f = !s.id && !e.src && !l, I = wi({ id: s.id, token: s.token, baseUrl: e.baseUrl, listen: s.listen }), { source: C, gone: D, error: V, reload: _ } = Ao(I, s.id), ee = Eo(I, (C == null ? void 0 : C.recording.id) ?? null), j = Ie(() => Do(I, ee), [I, ee]);
+  const L = e.src ?? l, m = !s.id && !!L && (l != null || o !== void 0), f = !s.id && !e.src && !l, I = wi({ id: s.id, token: s.token, baseUrl: e.baseUrl, listen: s.listen }), { source: b, gone: D, error: V, reload: _ } = Ao(I, s.id), ee = Eo(I, (b == null ? void 0 : b.recording.id) ?? null), j = Ie(() => Do(I, ee), [I, ee]);
   U(() => {
     var k;
-    C && ((k = e.onSource) == null || k.call(e, C));
-  }, [C]), U(() => {
+    b && ((k = e.onSource) == null || k.call(e, b));
+  }, [b]), U(() => {
     var k;
     V && ((k = e.onError) == null || k.call(e, V));
   }, [V]);
   const E = Ui(e.desk), Q = (e.layout ?? "embed") === "embed", T = e.appUrl ?? (e.endCard ? e.endCard.appUrl : void 0), O = Ke((k) => a({ id: k.transcriptionId, token: null, listen: { transcriptionId: k.transcriptionId, recordingId: k.recordingId, token: k.token } }), []), S = xc(T, O), re = v(null);
-  return U(() => (Ks(Q ? re.current : null), () => Ks(null)), [Q]), /* @__PURE__ */ i(Oo, { value: j, children: /* @__PURE__ */ i("div", { ref: re, className: `vsp${Q ? " 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: f ? /* @__PURE__ */ i(_c, { idle: N, connect: S, page: !Q, poster: e.poster ?? null, onPick: c }) : m ? /* @__PURE__ */ i(Ec, { idle: N, src: L, ask: !l, connect: S, page: !Q, poster: e.poster ?? null, onClear: l ? () => c(null) : void 0 }) : s.id ? V && !C ? /* @__PURE__ */ i(Yc, { idle: N, message: V.message, onRetry: _, page: !Q }) : /* @__PURE__ */ i(Qc, { ...e, initial: { ...e.initial ?? {}, ...y }, startMuted: p === !0, handle: r, id: s.id, api: j, shared: C, gone: D, loadError: V, reread: _, desk: E, dark: (e.mode ?? "video") === "video" || !!e.dark, onStarted: (k) => a({ id: k.transcriptionId, token: null, listen: { transcriptionId: k.transcriptionId, recordingId: k.recordingId, token: k.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 U(() => (Ks(Q ? re.current : null), () => Ks(null)), [Q]), /* @__PURE__ */ i(Oo, { value: j, children: /* @__PURE__ */ i("div", { ref: re, className: `vsp${Q ? " 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: f ? /* @__PURE__ */ i(_c, { idle: N, connect: S, page: !Q, poster: e.poster ?? null, onPick: c }) : m ? /* @__PURE__ */ i(Ec, { idle: N, src: L, ask: !l, connect: S, page: !Q, poster: e.poster ?? null, onClear: l ? () => c(null) : void 0 }) : s.id ? V && !b ? /* @__PURE__ */ i(Yc, { idle: N, message: V.message, onRetry: _, page: !Q }) : /* @__PURE__ */ i(Qc, { ...e, initial: { ...e.initial ?? {}, ...y }, startMuted: p === !0, handle: r, id: s.id, api: j, shared: b, gone: D, loadError: V, reread: _, desk: E, dark: (e.mode ?? "video") === "video" || !!e.dark, onStarted: (k) => a({ id: k.transcriptionId, token: null, listen: { transcriptionId: k.transcriptionId, recordingId: k.recordingId, token: k.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 Qc(t) {
   var Ms, gs, fs, ps, Ns, ms, ys, Ts, ws, Ls, vs, ks, js, zs, Is, Os, Cs, bs, xs, Ds, Ss, As;
-  const { api: e, shared: n, gone: r, desk: s, dark: a } = t, o = t.id ?? "", l = Ie(() => Pc(t), []), u = (t.mode ?? "video") === "video", [d, M] = z(t.loadError);
+  const { api: e, shared: n, gone: r, desk: s, dark: a } = t, o = t.id ?? "", l = Ie(() => Pc(t), []), u = (t.mode ?? "video") === "video", [d, g] = z(t.loadError);
   U(() => {
-    t.loadError && M(t.loadError);
+    t.loadError && g(t.loadError);
   }, [t.loadError]);
-  const [g, N] = z("none"), [p, y] = z(!1), [L, m] = z(""), [f, I] = Ul(), [C, D] = z(null), [V, _] = z(u ? "listen" : "read"), [ee, j] = z(!1), E = v(null), Q = v(/* @__PURE__ */ new Map()), [T, O] = z("main"), S = (w) => {
+  const [M, N] = z("none"), [p, y] = z(!1), [L, m] = z(""), [f, I] = Ul(), [b, D] = z(null), [V, _] = z(u ? "listen" : "read"), [ee, j] = z(!1), E = v(null), Q = v(/* @__PURE__ */ new Map()), [T, O] = z("main"), S = (w) => {
     const Ne = document.querySelector(".vs-sheet--settings"), Qe = Ne == null ? void 0 : Ne.parentElement;
     Ne && Qe && T === "main" && w !== "main" && Qe.style.setProperty("--vs-sheet-top", `${Math.round(Ne.getBoundingClientRect().top - Qe.getBoundingClientRect().top)}px`), O(w);
   };
@@ -5368,7 +5368,7 @@ function Qc(t) {
   }, [A == null ? void 0 : A.voices]), U(() => {
     (A == null ? void 0 : A.removeBackground) !== void 0 && W(A.removeBackground);
   }, [A == null ? void 0 : A.removeBackground]);
-  const b = { language: !0, subtitles: !0, audio: !0, export: !0, share: !0, fullscreen: !0, settings: !0, ...t.controls ?? {} }, H = u && !we;
+  const C = { language: !0, subtitles: !0, audio: !0, export: !0, share: !0, fullscreen: !0, settings: !0, ...t.controls ?? {} }, H = u && !we;
   U(() => {
     if (!t.syncUrl) return;
     const w = new URL(window.location.href);
@@ -5381,10 +5381,10 @@ function Qc(t) {
     onFrame: (w) => {
       w.type === "job.progress" && D({ state: w.state, processedS: w.processedS ?? 0, totalS: w.totalS ?? null, segmentsDone: w.segmentsDone ?? 0, segmentsTotal: w.segmentsTotal ?? null, pct: w.pct ?? 0, error: w.error ?? null });
     }
-  }), ge = Ie(() => po(ce).filter((w) => !w.suppressed), [ce]), Ye = Po((n == null ? void 0 : n.job) ?? null), Ve = ["done", "failed", "stopped"].includes(or((Ye == null ? void 0 : Ye.state) ?? ((Ms = n == null ? void 0 : n.job) == null ? void 0 : Ms.state))), $ = Ve ? Ye : C ?? Ye, he = !!C && !["done", "failed", "stopped"].includes(or(C.state)), ue = v(0);
+  }), ge = Ie(() => po(ce).filter((w) => !w.suppressed), [ce]), Ye = Po((n == null ? void 0 : n.job) ?? null), Ve = ["done", "failed", "stopped"].includes(or((Ye == null ? void 0 : Ye.state) ?? ((Ms = n == null ? void 0 : n.job) == null ? void 0 : Ms.state))), $ = Ve ? Ye : b ?? Ye, he = !!b && !["done", "failed", "stopped"].includes(or(b.state)), ue = v(0);
   U(() => {
     !Ve || !he || Date.now() - ue.current < 1e4 || (ue.current = Date.now(), t.reread());
-  }, [Ve, he, C == null ? void 0 : C.state, C == null ? void 0 : C.processedS, o]);
+  }, [Ve, he, b == null ? void 0 : b.state, b == null ? void 0 : b.processedS, o]);
   const ie = or(($ == null ? void 0 : $.state) ?? ((gs = n == null ? void 0 : n.job) == null ? void 0 : gs.state)), fe = !!ae && (ie === "transcribing" || ie === "queued"), Ue = u && !r && (!n || (fe || ie === "cropping") && ge.length === 0), Y = fe ? ($ == null ? void 0 : $.pct) ?? 0 : 100, R = $o(n == null ? void 0 : n.job, $) ?? (k == null ? void 0 : k.mediaDurationS) ?? null, q = ((fs = ce.segments.values().next().value) == null ? void 0 : fs.language) ?? (k == null ? void 0 : k.spokenLanguage) ?? null, ne = n != null && n.sharedBy ? `Shared by ${n.sharedBy}` : "", de = ((ms = (Ns = (ps = n == null ? void 0 : n.job) == null ? void 0 : ps.source) == null ? void 0 : Ns.name) == null ? void 0 : ms.trim()) || null, Oe = n ? ((ys = n.name) == null ? void 0 : ys.trim()) || de : null, ye = !!((Ts = n == null ? void 0 : n.job) != null && Ts.hasAudio), ke = (ws = n == null ? void 0 : n.job) == null ? void 0 : ws.source, Ce = !ye && !!ke && (ke.kind !== "url" || ke.bytes != null) && (ie === "transcribing" || ie === "queued" || ie === "done"), Ze = ae && (n != null && n.allowDownload) && ye ? ba(e.origin, ae, e.cred) : ae && (n != null && n.allowDownload) && Ce ? nr(e.origin, ae, "source", e.cred) : null, $e = ge[ge.length - 1], ot = $e ? ((Ls = $e.words[$e.words.length - 1]) == null ? void 0 : Ls.end) ?? $e.start : 0, rt = u && fe ? Math.max(ot, ($ == null ? void 0 : $.processedS) ?? 0) : null, gt = Vl(Ze, (ye || Ce) && !!(n != null && n.allowDownload), ge, R, Ce ? ((ks = (vs = n == null ? void 0 : n.job) == null ? void 0 : vs.crop) == null ? void 0 : ks.startS) ?? 0 : 0, rt), be = ((zs = (js = n == null ? void 0 : n.job) == null ? void 0 : js.source) == null ? void 0 : zs.kind) === "url" ? zi(n.job.source.url) : null, st = Bl(ge, R, ((Os = (Is = n == null ? void 0 : n.job) == null ? void 0 : Is.crop) == null ? void 0 : Os.startS) ?? 0, rt), He = !!be, it = He ? st.player : gt, lt = Li(), Ht = v(null), se = Zl({ forcedVoice: t.voice ?? null, recordingId: ae, model: ce, rows: ge, lenS: R, ended: !!ae && !fe, cred: e.cred, langs: lt, srcLang: q, canTranslate: !!(n != null && n.allowTranslate), pickedLang: te, setPickedLang: G, side: s && !re ? Gl : void 0, hearOriginal: H, timed: !!be, stockVoices: u && !Pe, stickyPicker: u, pickerBusy: Ht.current }), Wt = v(null);
   U(() => {
     !ae || Wt.current === J || (Wt.current = J, Z(J));
@@ -5421,13 +5421,13 @@ function Qc(t) {
         }
         Sr(nr(e.origin, ae, "source", e.cred)), I(`Downloading ${Je} — the full audio, since the transcript is still being written.`);
       } catch (w) {
-        throw M(Tt(w)), w;
+        throw g(Tt(w)), w;
       }
   }, bt = (w) => {
     if (!ae) return;
     const Ne = Tr.find((Fe) => Fe.key === w).name, Qe = vt ? ` in ${vt}` : "";
     return Vo(e, ae, w, { lang: dt }).then(() => I(fe ? `${Ne} exported${Qe} for the first ${ge.length} segments — the rest is still transcribing.` : `${Ne} exported${Qe}.`)).catch((Fe) => {
-      throw M(Tt(Fe)), Fe;
+      throw g(Tt(Fe)), Fe;
     });
   }, _t = fe ? "MORE TO COME…" : "END OF TRANSCRIPT", ht = fe ? "var(--brand)" : "var(--ink-28)", Yt = Qo($, ge.length), Xe = x.has && (!se.relang || !!be), qe = v(x);
   qe.current = x;
@@ -5528,7 +5528,7 @@ function Qc(t) {
   ho(Xe ? { playing: x.playing, toggle: () => {
     We.current = !0, x.toggle();
   }, next: x.next, prev: x.prev } : null, Oe);
-  const Vn = { background: "transparent", color: "#eef0f8", width: 74, justifyContent: "center", boxSizing: "border-box" }, Hn = (w, Ne) => !Re.can || !b.language ? null : u ? /* @__PURE__ */ h("button", { type: "button", className: "gfull__btn", title: Ot ? `${Re.label ?? Re.code}: still being prepared` : Re.label ?? Re.code, "aria-label": `Language: ${Re.label ?? Re.code}`, "aria-busy": Ot || void 0, onClick: () => {
+  const Vn = { background: "transparent", color: "#eef0f8", width: 74, justifyContent: "center", boxSizing: "border-box" }, Hn = (w, Ne) => !Re.can || !C.language ? null : u ? /* @__PURE__ */ h("button", { type: "button", className: "gfull__btn", title: Ot ? `${Re.label ?? Re.code}: still being prepared` : Re.label ?? Re.code, "aria-label": `Language: ${Re.label ?? Re.code}`, "aria-busy": Ot || void 0, onClick: () => {
     j(!1), Re.onClick();
   }, style: { position: "relative" }, children: [
     /* @__PURE__ */ i("span", { style: { fontSize: Ne === "sm" ? 17 : 21, lineHeight: 1 }, children: Re.flag }),
@@ -5691,7 +5691,7 @@ function Qc(t) {
     as("srt", "Subtitles", "SRT / VTT caption cues, ready for a video editor or a player"),
     as("pdf", "PDF", "Formatted transcript in paragraphs, with timestamps and speaker labels")
   ] }) : /* @__PURE__ */ i("div", { style: Nn, children: [
-    Re.can && b.language && /* @__PURE__ */ h("div", { className: "srow srow--tap", role: "button", onClick: () => S("lang"), children: [
+    Re.can && C.language && /* @__PURE__ */ h("div", { className: "srow srow--tap", role: "button", onClick: () => S("lang"), children: [
       /* @__PURE__ */ h("div", { style: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ i("div", { className: "srow__t", children: "Language" }),
         /* @__PURE__ */ i("div", { className: "srow__s", children: J ? `Translated to ${Re.label ?? J.toUpperCase()}` : "Original language" })
@@ -5699,21 +5699,21 @@ function Qc(t) {
       /* @__PURE__ */ i("span", { style: { fontSize: 18, lineHeight: 1 }, children: Re.flag }),
       pn
     ] }, "lang"),
-    b.subtitles && /* @__PURE__ */ h("div", { className: "srow srow--tap", role: "button", onClick: () => S("subs"), children: [
+    C.subtitles && /* @__PURE__ */ h("div", { className: "srow srow--tap", role: "button", onClick: () => S("subs"), children: [
       /* @__PURE__ */ h("div", { style: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ i("div", { className: "srow__t", children: "Subtitles" }),
         /* @__PURE__ */ i("div", { className: "srow__s", children: Ee ? "On · speaker labels and word highlighting" : "Off" })
       ] }),
       pn
     ] }, "subs"),
-    b.audio && /* @__PURE__ */ h("div", { className: "srow srow--tap", role: "button", onClick: () => S("audio"), children: [
+    C.audio && /* @__PURE__ */ h("div", { className: "srow srow--tap", role: "button", onClick: () => S("audio"), children: [
       /* @__PURE__ */ h("div", { style: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ i("div", { className: "srow__t", children: "Audio" }),
         /* @__PURE__ */ i("div", { className: "srow__s", children: Fi })
       ] }),
       pn
     ] }, "audio"),
-    b.export && Ft && !!ae && /* @__PURE__ */ h("div", { className: "srow srow--tap", role: "button", onClick: () => S("export"), children: [
+    C.export && Ft && !!ae && /* @__PURE__ */ h("div", { className: "srow srow--tap", role: "button", onClick: () => S("export"), children: [
       /* @__PURE__ */ h("div", { style: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ h("div", { className: "srow__t", children: [
           "Export",
@@ -5748,8 +5748,8 @@ function Qc(t) {
       desk: s,
       pos: Rr,
       mute: { muted: x.muted, onToggle: An },
-      cc: b.subtitles ? { on: Ee, onToggle: () => Le((w) => !w) } : void 0,
-      noFull: !b.fullscreen,
+      cc: C.subtitles ? { on: Ee, onToggle: () => Le((w) => !w) } : void 0,
+      noFull: !C.fullscreen,
       ad: Dn,
       wait: tt && !Rn ? /* @__PURE__ */ i(fc, { state: tt, line: cn ? Kr.map((w) => w.t + w.sp).join("") : null, onRetry: Gi, onOriginal: Zi }) : x.edgeWait ? `Transcribing ${Math.round(Y)}% — it plays on as more is written` : null,
       pct: fe ? Math.round(Y) : null,
@@ -5761,12 +5761,12 @@ function Qc(t) {
       voices: null,
       voicesBtn: u ? null : Hr,
       sheetOpen: se.sheetsOpen || ee,
-      onShare: u && b.share ? ra : void 0,
-      onSettings: u && b.settings ? () => {
+      onShare: u && C.share ? ra : void 0,
+      onSettings: u && C.settings ? () => {
         se.closePicker(), j((w) => !w);
       } : void 0,
       compact: !!t.compact,
-      paused: { title: Je, summary: Be.state === "ready" ? Be.summary ?? null : null, share: b.share && (t.shareUrl || !t.onShare) ? { url: ns, at: x.t } : null },
+      paused: { title: Je, summary: Be.state === "ready" ? Be.summary ?? null : null, share: C.share && (t.shareUrl || !t.onShare) ? { url: ns, at: x.t } : null },
       copied: ea ? /* @__PURE__ */ h("div", { className: "gfull__toast", "aria-live": "polite", children: [
         /* @__PURE__ */ i(oe, { d: X.check, size: 13, sw: 2 }),
         "Link copied"
@@ -5800,7 +5800,7 @@ function Qc(t) {
     ] }),
     !s && /* @__PURE__ */ i("div", { className: "pubprog__bar", style: { marginTop: 8 }, children: /* @__PURE__ */ i("div", { style: { width: `${Y}%` } }) })
   ] }), Jn = 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." }), ls = /* @__PURE__ */ i(ql, { model: ce, rows: ge, player: x, tail: _t, tailFg: ht, running: fe, desk: s, feedRef: Ct, listener: !0, showLabels: hn, find: L, findOpen: !s && p, lang: P, warm: Zt, onVisible: De, wordHl: dn }), Xn = /* @__PURE__ */ i(Jo, { error: d ?? F ?? (Yn && re ? null : x.error) ?? se.error, onClose: () => {
-    M(null), me(), x.clearError(), se.clearError();
+    g(null), me(), x.clearError(), se.clearError();
   } }), cs = [R ? yt(R) : null, q ? q.toUpperCase() : null, ne || "Read-only copy"].filter(Boolean).join(" · "), us = (w) => /* @__PURE__ */ i("div", { className: "ctrans", children: se.noVoice ? se.noVoiceNote : /* @__PURE__ */ h(xe, { children: [
     /* @__PURE__ */ h("div", { className: "ctrans__row", children: [
       /* @__PURE__ */ i("span", { className: "ctrans__sp", "aria-hidden": "true" }),
@@ -5812,7 +5812,7 @@ function Qc(t) {
       /* @__PURE__ */ i("span", { className: "ctrans__mute", children: on(36) })
     ] }),
     /* @__PURE__ */ i("div", { className: "ctrans__scrub", children: $i(w) })
-  ] }) }), aa = kl("ga", { tabs: Qt, cur: g, pref: (As = Qt[0]) == null ? void 0 : As.key, onPick: N }), ds = Math.max(0, Math.min(100, Math.round(Y))), oa = Ue && /* @__PURE__ */ h("div", { className: "gfull gfull--hold", "data-theme": "dark", role: "status", "aria-live": "polite", children: [
+  ] }) }), aa = kl("ga", { tabs: Qt, cur: M, pref: (As = Qt[0]) == null ? void 0 : As.key, onPick: N }), ds = Math.max(0, Math.min(100, Math.round(Y))), oa = Ue && /* @__PURE__ */ h("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__ */ h(xe, { children: [
       Je && /* @__PURE__ */ i("div", { className: "gfull__holdt", children: Je }),
@@ -5880,8 +5880,8 @@ function Qc(t) {
     ] });
   }
   const ua = Qt.length > 0 && !p && /* @__PURE__ */ i("div", { className: "txwidget", children: /* @__PURE__ */ h(Es, { panel: !0, children: [
-    /* @__PURE__ */ i(Ci, { tabs: Qt, current: g, onPick: N, gap: g !== "none" }),
-    g !== "none" && Ur(g)
+    /* @__PURE__ */ i(Ci, { tabs: Qt, current: M, onPick: N, gap: M !== "none" }),
+    M !== "none" && Ur(M)
   ] }) });
   return /* @__PURE__ */ h(xe, { children: [
     /* @__PURE__ */ i(cc, { dark: a, title: n ? Je : "", subline: n ? cs : "", onOptions: () => j(!0), optionsActive: ee }),