@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/MeetingPage/useMeetingMentions.js

@@ -0,0 +1,40 @@
+import { useState as c, useCallback as E, useEffect as p, useMemo as u } from "react";
+import { listMeetingMentions as M } from "./meetingObjects.js";
+import { mentionsBySegment as C } from "./mentionRuns.js";
+function b(r) {
+  const [s, o] = c({ occurrences: [], isError: !1, status: null }), [i, a] = c(0), l = E(() => a((t) => t + 1), []);
+  p(() => {
+    if (!r) {
+      o({ occurrences: [], isError: !1, status: null });
+      return;
+    }
+    let t = !1;
+    return M(r).then((n) => {
+      t || o({
+        occurrences: n.data,
+        isError: n.isError,
+        status: n.status
+      });
+    }), () => {
+      t = !0;
+    };
+  }, [r, i]);
+  const { occurrences: e } = s, f = u(
+    () => C(e),
+    [e]
+  ), m = u(
+    () => e.filter((t) => t.state === "NEEDS_CHOICE").length,
+    [e]
+  );
+  return {
+    occurrences: e,
+    isError: s.isError,
+    status: s.status,
+    bySegment: f,
+    disputedCount: m,
+    reload: l
+  };
+}
+export {
+  b as useMeetingMentions
+};

package/dist/components/MeetingPage/useMeetingModel.d.ts

@@ -0,0 +1,25 @@
+import { type MeetingModel } from './meetingModel';
+type Result = {
+    model: MeetingModel | null;
+    loaded: boolean;
+    /** True when the page has no meeting for this viewer (404/403): the caller falls back silently. */
+    unavailable: boolean;
+    /** True when the model could not be read: the caller says so instead of falling back silently. */
+    failed: boolean;
+    status: number | null;
+    reload: () => void;
+};
+/**
+ * Reads the structured meeting behind a video, or behind the page that summarises it.
+ *
+ * Asking by page matters because a summary page cannot be recognised from its own HTML: the editor
+ * strips the composer's markers when it normalises what it saved.
+ *
+ * Deliberately does not poll. The model changes when a transcript is rebuilt or an analysis is
+ * re-run, which happens minutes apart at best, and polling a read endpoint that joins five tables
+ * would cost far more than it tells. `reload` exists for the moments a caller knows something
+ * changed.
+ */
+export declare function useMeetingModel(id?: string | null, by?: 'video' | 'page'): Result;
+export {};
+//# sourceMappingURL=useMeetingModel.d.ts.map

package/dist/components/MeetingPage/useMeetingModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeetingModel.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/useMeetingModel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA8E1E,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,mGAAmG;IACnG,WAAW,EAAE,OAAO,CAAC;IACrB,kGAAkG;IAClG,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAC7B,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,EAClB,EAAE,GAAE,OAAO,GAAG,MAAgB,GAC7B,MAAM,CA4CR"}

package/dist/components/MeetingPage/useMeetingModel.js

@@ -0,0 +1,55 @@
+import { useState as u, useCallback as $, useEffect as b } from "react";
+import { getEnvConfig as k } from "../../config/envConfig.js";
+import { normalizeMeetingModel as E } from "./meetingModel.js";
+import { panelStatusHides as C } from "./panelRequestView.js";
+const f = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
+function m(e, t) {
+  return `${t}:${e}`;
+}
+async function F(e, t) {
+  const l = k().apiBaseUrl || "", s = t === "page" ? `${l}/v1/pages/${e}/meeting-model` : `${l}/v1/videos/${e}/meeting-model`;
+  try {
+    const a = await fetch(s, { method: "GET", credentials: "include" });
+    if (!a.ok)
+      return C(a.status) ? { model: null, unavailable: !0, failed: !1, status: a.status } : { model: null, unavailable: !1, failed: !0, status: a.status };
+    const n = E(await a.json());
+    return n ? { model: n, unavailable: !1, failed: !1, status: null } : { model: null, unavailable: !0, failed: !1, status: null };
+  } catch {
+    return { model: null, unavailable: !1, failed: !0, status: null };
+  }
+}
+function S(e, t) {
+  const l = m(e, t), s = d.get(l);
+  if (s) return Promise.resolve(s);
+  const a = f.get(l);
+  if (a) return a;
+  const n = F(e, t).then((o) => (d.set(l, o), f.delete(l), o));
+  return f.set(l, n), n;
+}
+function x(e, t = "video") {
+  const [l, s] = u(null), [a, n] = u(!1), [o, v] = u(!1), [c, g] = u({ failed: !1, status: null }), [p, M] = u(0), h = $(() => {
+    e && d.delete(m(e, t)), M((i) => i + 1);
+  }, [e, t]);
+  return b(() => {
+    if (!e) {
+      s(null), n(!0);
+      return;
+    }
+    let i = !1;
+    return n(!1), S(e, t).then((r) => {
+      i || (s(r.model), v(r.unavailable), g({ failed: r.failed, status: r.status }), n(!0));
+    }), () => {
+      i = !0;
+    };
+  }, [e, t, p]), {
+    model: l,
+    loaded: a,
+    unavailable: o,
+    failed: c.failed,
+    status: c.status,
+    reload: h
+  };
+}
+export {
+  x as useMeetingModel
+};

package/dist/components/MeetingPage/useMeetingPanelView.d.ts

@@ -0,0 +1,36 @@
+import { type PanelRequestView } from './panelRequestView';
+export interface MeetingPanelRequest {
+    /** Первый запрос ещё идёт и показывать нечего. */
+    isLoading?: boolean;
+    /** Запрос идёт — включая повторные, когда что-то уже показано. */
+    isFetching?: boolean;
+    /** Последний ответ был отказом. */
+    isError?: boolean;
+    /** Ошибка как её отдал источник: `FetchBaseQueryError`, `Response` или число. */
+    error?: unknown;
+    /** Код отказа, если панель достала его сама. Берётся раньше `error`. */
+    status?: number | null;
+    /** Коды, которые у этой ручки значат «данных нет». См. `panelStatusHides`. */
+    emptyStatuses?: readonly number[];
+    /**
+     * О чём спрашивали — id встречи, страницы, пространства.
+     *
+     * Нужен затем, чтобы память об отказе не переезжала на следующую встречу: без него панель,
+     * упавшая на одной странице, показывала бы «не удалось загрузить» первые полсекунды на
+     * следующей, ещё до того, как та успела ответить.
+     */
+    requestKey?: string | null;
+    /** Сколько строк пришло. */
+    count: number;
+}
+/**
+ * То же решение, что и `panelRequestView`, но с памятью об уже показанном отказе.
+ *
+ * Память нужна ровно из-за одного: RTK Query на повторной попытке гасит `isError` и зажигает
+ * `isLoading` — данных-то по-прежнему нет. Панель без памяти на каждом повторе моргала бы
+ * «не удалось загрузить» → «загружается» → «не удалось загрузить», и чем настойчивее клиент
+ * повторяет запрос, тем сильнее дёргается экран. Пока не пришёл новый ответ, новостей нет, и
+ * менять на экране нечего.
+ */
+export declare function useMeetingPanelView(request: MeetingPanelRequest): PanelRequestView;
+//# sourceMappingURL=useMeetingPanelView.d.ts.map

package/dist/components/MeetingPage/useMeetingPanelView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeetingPanelView.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/useMeetingPanelView.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,gBAAgB,EAGtB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,mBAAmB,GAC3B,gBAAgB,CAyBlB"}

package/dist/components/MeetingPage/useMeetingPanelView.js

@@ -0,0 +1,19 @@
+import { useRef as n } from "react";
+import { panelRequestView as s, panelErrorStatus as a } from "./panelRequestView.js";
+function f(t) {
+  const r = n(!1), e = n(t.requestKey);
+  e.current !== t.requestKey && (e.current = t.requestKey, r.current = !1);
+  const o = t.status !== void 0 ? t.status : a(t.error), i = s({
+    isLoading: t.isLoading,
+    isFetching: t.isFetching,
+    isError: t.isError,
+    status: o,
+    retryingAfterFailure: r.current,
+    emptyStatuses: t.emptyStatuses,
+    count: t.count
+  });
+  return r.current = i === "failed", i;
+}
+export {
+  f as useMeetingPanelView
+};

package/dist/components/MeetingPage/useMeetingPlayerBinding.d.ts

@@ -0,0 +1,15 @@
+import { type RefObject } from 'react';
+import { type MeetingPlayerHandle } from './MeetingPlayerHandle';
+/**
+ * Binds the meeting panels to the player that is already on screen.
+ *
+ * The video element is found through the container, which is how the existing players reach it
+ * too. Nothing new is rendered: a second player would be a second answer to what the viewer is
+ * hearing.
+ */
+export declare function useMeetingPlayerBinding(containerRef: RefObject<HTMLElement | null>): {
+    player: MeetingPlayerHandle | null;
+    currentTimeMs: number;
+    element: HTMLMediaElement | null;
+};
+//# sourceMappingURL=useMeetingPlayerBinding.d.ts.map

package/dist/components/MeetingPage/useMeetingPlayerBinding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeetingPlayerBinding.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/useMeetingPlayerBinding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAA0B,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEzF;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG;IACpF,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAClC,CAsEA"}

package/dist/components/MeetingPage/useMeetingPlayerBinding.js

@@ -0,0 +1,33 @@
+import { useState as l, useEffect as d, useMemo as v } from "react";
+import { playerHandleForElement as E } from "./MeetingPlayerHandle.js";
+function T(s) {
+  const [e, m] = l(null), [c, f] = l(0);
+  return d(() => {
+    let t = !1, a = 0;
+    const p = () => {
+      const n = Array.from(
+        s.current?.querySelectorAll("video, audio") ?? []
+      );
+      return n.map((r) => {
+        const i = r.getBoundingClientRect();
+        return { node: r, area: i.width * i.height };
+      }).filter((r) => r.area > 0).sort((r, i) => i.area - r.area)[0]?.node ?? n.find((r) => r.tagName === "AUDIO") ?? null;
+    }, u = () => {
+      if (t) return;
+      const n = p();
+      n && m((o) => o === n ? o : n), a += 1, a < 60 && window.setTimeout(u, 250);
+    };
+    return u(), () => {
+      t = !0;
+    };
+  }, [s]), d(() => {
+    if (!e) return;
+    const t = () => f(Math.round((e.currentTime || 0) * 1e3));
+    return e.addEventListener("timeupdate", t), e.addEventListener("seeked", t), t(), () => {
+      e.removeEventListener("timeupdate", t), e.removeEventListener("seeked", t);
+    };
+  }, [e]), { player: v(() => E(e), [e]), currentTimeMs: c, element: e };
+}
+export {
+  T as useMeetingPlayerBinding
+};

package/dist/components/MeetingPage/useMeetingTone.d.ts

@@ -0,0 +1,16 @@
+import { type MeetingTone } from './meetingTone';
+import { type PanelFetchState } from './panelFetch';
+export type MeetingToneState = PanelFetchState<MeetingTone | null>;
+/**
+ * Как прошла встреча — одним запросом на страницу.
+ *
+ * Читать дёшево: сервер ничего не пересчитывает и модель не зовёт, он отдаёт уже проверенные
+ * отметки. Поэтому здесь нет ни опроса, ни повторов — прочитали один раз и рисуем.
+ *
+ * Раньше любой отказ был здесь просто `null`, и полосы не было. Это верно для 404 и 403 — чужая
+ * запись или не запись вовсе, — но неверно для 500: тогда полоса пропадала ровно так же, и
+ * страница уверяла, что тональности у неё нет. Теперь код отказа доезжает до панели, и она сама
+ * решает, исчезнуть или сказать, что не загрузилась.
+ */
+export declare function useMeetingTone(videoId: string | null | undefined, buckets: number): MeetingToneState;
+//# sourceMappingURL=useMeetingTone.d.ts.map

package/dist/components/MeetingPage/useMeetingTone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeetingTone.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingPage/useMeetingTone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,KAAK,eAAe,EAAwB,MAAM,cAAc,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;AAEnE;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAClC,OAAO,EAAE,MAAM,GACd,gBAAgB,CAMlB"}

package/dist/components/MeetingPage/useMeetingTone.js

@@ -0,0 +1,12 @@
+import { normalizeMeetingTone as t } from "./meetingTone.js";
+import { useMeetingPanelFetch as o } from "./panelFetch.js";
+function u(e, n) {
+  return o(
+    e ? `/v1/videos/${e}/meeting-tone?buckets=${n}` : null,
+    t,
+    null
+  );
+}
+export {
+  u as useMeetingTone
+};

package/dist/components/MusicPlayerBar/MusicPlayerBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MusicPlayerBar.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/MusicPlayerBar.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,QAAQ,EAAE,YAAY,EACtB,aAA6B,EAC7B,aAAiB,EACjB,eAAe,EACf,OAAe,EACf,UAAiB,EACjB,YAAmB,EACnB,YAAmB,EACnB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,GACb,EAAE,mBAAmB,2CA+OrB"}
+{"version":3,"file":"MusicPlayerBar.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/MusicPlayerBar.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,QAAQ,EAAE,YAAY,EACtB,aAA6B,EAC7B,aAAiB,EACjB,eAAe,EACf,OAAe,EACf,UAAiB,EACjB,YAAmB,EACnB,YAAmB,EACnB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,GACb,EAAE,mBAAmB,2CAuPrB"}

package/dist/components/MusicPlayerBar/MusicPlayerBar.js

@@ -1,101 +1,101 @@
-import { jsxs as p, Fragment as Z, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, Fragment as ee, jsx as r } from "react/jsx-runtime";
 import { useCallback as a } from "react";
 import { useMediaQuery as O, useDisclosure as x } from "@mantine/hooks";
-import { HiddenAudio as ee } from "./components/HiddenAudio.js";
-import { HoverActions as oe } from "./components/HoverActions.js";
-import { MobileActionsDrawer as te } from "./components/MobileActionsDrawer.js";
-import { MobileSpeedDrawer as re } from "./components/MobileSpeedDrawer.js";
-import { MobileTailControls as ae } from "./components/MobileTailControls.js";
-import { PlayButton as ne } from "./components/PlayButton.js";
-import { SpeedPopover as le } from "./components/SpeedPopover.js";
-import { Timer as ie } from "./components/Timer.js";
-import { VolumePopover as de } from "./components/VolumePopover.js";
-import { Waveform as se } from "./components/Waveform.js";
-import { TOUCH_DEVICE_QUERY as pe, TOUCH_TABLET_QUERY as ce, HOVER_CAPABLE_QUERY as me, DEFAULT_RATES as ue, SPEED_POPOVER_CLOSE_DELAY_MS as fe, SPEED_POPOVER_OPEN_DELAY_MS as ve, VOLUME_POPOVER_CLOSE_DELAY_MS as be, VOLUME_POPOVER_OPEN_DELAY_MS as Le } from "./constants.js";
-import { downloadByUrl as Ee, resolveDownloadFileName as De } from "./helpers.js";
-import { useAudioPlayback as he } from "./hooks/useAudioPlayback.js";
-import { useCopyFeedback as Pe } from "./hooks/useCopyFeedback.js";
+import { HiddenAudio as oe } from "./components/HiddenAudio.js";
+import { HoverActions as te } from "./components/HoverActions.js";
+import { MobileActionsDrawer as re } from "./components/MobileActionsDrawer.js";
+import { MobileSpeedDrawer as ae } from "./components/MobileSpeedDrawer.js";
+import { MobileTailControls as ne } from "./components/MobileTailControls.js";
+import { PlayButton as le } from "./components/PlayButton.js";
+import { SpeedPopover as ie } from "./components/SpeedPopover.js";
+import { Timer as de } from "./components/Timer.js";
+import { VolumePopover as se } from "./components/VolumePopover.js";
+import { Waveform as pe } from "./components/Waveform.js";
+import { TOUCH_DEVICE_QUERY as ce, TOUCH_TABLET_QUERY as me, HOVER_CAPABLE_QUERY as ue, DEFAULT_RATES as fe, SPEED_POPOVER_CLOSE_DELAY_MS as ve, SPEED_POPOVER_OPEN_DELAY_MS as be, VOLUME_POPOVER_CLOSE_DELAY_MS as Le, VOLUME_POPOVER_OPEN_DELAY_MS as Ee } from "./constants.js";
+import { downloadByUrl as De, resolveDownloadFileName as Pe } from "./helpers.js";
+import { useAudioPlayback as Se } from "./hooks/useAudioPlayback.js";
+import { useCopyFeedback as Te } from "./hooks/useCopyFeedback.js";
 import { useHoverPopover as B } from "./hooks/useHoverPopover.js";
-import { useMusicPlayerLabels as Se } from "./hooks/useMusicPlayerLabels.js";
-import { useWaveform as Te } from "./hooks/useWaveform.js";
-import c from "./MusicPlayerBar.module.css.js";
-function We({
+import { useMusicPlayerLabels as he } from "./hooks/useMusicPlayerLabels.js";
+import { useWaveform as Oe } from "./hooks/useWaveform.js";
+import v from "./MusicPlayerBar.module.css.js";
+function $e({
   src: n,
   duration: H,
-  playbackRates: i = ue,
+  playbackRates: i = fe,
   initialVolume: N = 1,
   waveformHeights: Y,
-  disable: m = !1,
-  showDelete: u = !0,
-  showDownload: f = !0,
-  showCopyLink: v = !0,
-  onDelete: b,
-  onDownload: L,
+  disable: b = !1,
+  showDelete: d = !0,
+  showDownload: s = !0,
+  showCopyLink: p = !0,
+  onDelete: L,
+  onDownload: E,
   onCopyLink: _,
-  onCopyError: C,
-  extraActions: y
+  onCopyError: y,
+  extraActions: C
 }) {
-  const o = Se(), l = O(pe, !1), I = O(ce, !1), F = O(me, !0), e = he({
+  const o = he(), l = O(ce, !1), I = O(me, !1), F = O(ue, !0), e = Se({
     durationProp: H,
     initialVolume: N,
     playbackRates: i
-  }), E = Te(Y), d = B(
-    ve,
-    fe
-  ), D = B(
-    Le,
-    be
-  ), { linkCopied: g, markCopied: A } = Pe(), [
+  }), D = Oe(Y), c = B(
+    be,
+    ve
+  ), P = B(
+    Ee,
+    Le
+  ), { linkCopied: A, markCopied: g } = Te(), [
     Q,
-    { open: M, close: h }
+    { open: M, close: S }
   ] = x(!1), [
     j,
-    { open: w, close: P }
+    { open: R, close: T }
   ] = x(!1), W = a(
     (t) => {
-      const s = e.audioRef.current;
-      if (!s || !e.duration) return;
+      const u = e.audioRef.current;
+      if (!u || !e.duration) return;
       const U = t * e.duration;
-      s.currentTime = U, e.setCurrentTime(U);
+      u.currentTime = U, e.setCurrentTime(U);
     },
     [e]
   ), $ = a(
     (t) => {
-      e.selectRate(t), d.setOpened(!1);
+      e.selectRate(t), c.setOpened(!1);
     },
-    [e, d]
-  ), R = a(
+    [e, c]
+  ), k = a(
     (t) => {
-      if (t.stopPropagation(), t.preventDefault(), L) {
-        L();
+      if (t.stopPropagation(), t.preventDefault(), E) {
+        E();
         return;
       }
-      Ee(n, De(n));
+      De(n, Pe(n));
     },
-    [L, n]
-  ), k = a(
+    [E, n]
+  ), w = a(
     (t) => {
       t.stopPropagation(), t.preventDefault();
-      const s = _ ?? (() => navigator.clipboard.writeText(n));
-      Promise.resolve(s()).then(
-        () => A(),
-        () => C?.()
+      const u = _ ?? (() => navigator.clipboard.writeText(n));
+      Promise.resolve(u()).then(
+        () => g(),
+        () => y?.()
       );
     },
-    [_, C, n, A]
+    [_, y, n, g]
   ), V = a(() => {
-    b?.();
-  }, [b]), q = a(() => {
-    h(), w();
-  }, [h, w]), z = a(() => {
-    P(), M();
-  }, [P, M]), G = a(
+    L?.();
+  }, [L]), q = a(() => {
+    S(), R();
+  }, [S, R]), z = a(() => {
+    T(), M();
+  }, [T, M]), G = a(
     (t) => e.selectRate(t),
     [e]
-  ), J = e.duration > 0 ? e.currentTime / e.duration : 0, K = Math.round(J * E.barCount), X = i[e.rateIndex] ?? 1, S = !!b, T = f || v || u && S || !!y;
-  return /* @__PURE__ */ p(Z, { children: [
+  ), J = e.duration > 0 ? e.currentTime / e.duration : 0, K = Math.round(J * D.barCount), X = i[e.rateIndex] ?? 1, m = !!L, h = s || p || d && m || !!C, Z = (s ? 1 : 0) + (p ? 1 : 0) + (d && m && !b ? 1 : 0);
+  return /* @__PURE__ */ f(ee, { children: [
     /* @__PURE__ */ r(
-      ee,
+      oe,
       {
         audioRef: e.audioRef,
         src: n,
@@ -104,17 +104,19 @@ function We({
         onTimeUpdate: e.setCurrentTime
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ f(
       "div",
       {
         "data-testid": "music-player-bar",
-        className: `${c.bar} music-player-bar`,
-        "data-popovers-open": d.opened || D.opened || void 0,
-        "data-volume-open": D.opened || void 0,
-        "data-hover-actions-reduced": m || void 0,
+        className: `${v.bar} music-player-bar`,
+        "data-popovers-open": c.opened || P.opened || void 0,
+        "data-volume-open": P.opened || void 0,
+        style: {
+          "--music-player-hover-actions-count": Z
+        },
         children: [
           /* @__PURE__ */ r(
-            ne,
+            le,
             {
               playing: e.playing,
               onToggle: e.togglePlay,
@@ -123,7 +125,7 @@ function We({
             }
           ),
           /* @__PURE__ */ r(
-            ie,
+            de,
             {
               currentTime: e.currentTime,
               duration: e.duration,
@@ -131,10 +133,10 @@ function We({
             }
           ),
           /* @__PURE__ */ r(
-            se,
+            pe,
             {
-              clipRef: E.clipRef,
-              heights: E.heights,
+              clipRef: D.clipRef,
+              heights: D.heights,
               activeBar: K,
               currentTime: e.currentTime,
               duration: e.duration,
@@ -142,22 +144,22 @@ function We({
               onSeek: W
             }
           ),
-          /* @__PURE__ */ p("div", { className: c.tailRail, children: [
+          /* @__PURE__ */ f("div", { className: v.tailRail, children: [
             l ? /* @__PURE__ */ r(
-              ae,
+              ne,
               {
                 currentRate: X,
-                showMore: T,
+                showMore: h,
                 speedLabel: o.playbackSpeed,
                 moreLabel: o.more,
                 onOpenSpeedDrawer: q,
                 onOpenActionsDrawer: z
               }
-            ) : /* @__PURE__ */ p("div", { className: c.tail, children: [
+            ) : /* @__PURE__ */ f("div", { className: v.tail, children: [
               /* @__PURE__ */ r(
-                le,
+                ie,
                 {
-                  popover: d,
+                  popover: c,
                   rates: i,
                   currentIndex: e.rateIndex,
                   label: o.playbackSpeed,
@@ -165,9 +167,9 @@ function We({
                 }
               ),
               /* @__PURE__ */ r(
-                de,
+                se,
                 {
-                  popover: D,
+                  popover: P,
                   volume: e.volume,
                   muted: e.muted,
                   isTouchTablet: I,
@@ -179,61 +181,61 @@ function We({
                 }
               )
             ] }),
-            !l && /* @__PURE__ */ r("div", { className: c.tailSpacer, "aria-hidden": !0 })
+            !l && /* @__PURE__ */ r("div", { className: v.tailSpacer, "aria-hidden": !0 })
           ] }),
-          !l && T && /* @__PURE__ */ r(
-            oe,
+          !l && h && /* @__PURE__ */ r(
+            te,
             {
-              disable: m,
-              linkCopied: g,
-              showDownload: f,
-              showCopyLink: v,
-              showDelete: u,
-              hasDelete: S,
+              disable: b,
+              linkCopied: A,
+              showDownload: s,
+              showCopyLink: p,
+              showDelete: d,
+              hasDelete: m,
               tooltipsDisabled: !F,
               downloadLabel: o.download,
               copyLinkLabel: o.copyLink,
               deleteLabel: o.delete,
-              onDownload: R,
-              onCopyLink: k,
+              onDownload: k,
+              onCopyLink: w,
               onDelete: V,
-              extraActions: y
+              extraActions: C
             }
           )
         ]
       }
     ),
     l && /* @__PURE__ */ r(
-      re,
+      ae,
       {
         opened: j,
         rates: i,
         currentIndex: e.rateIndex,
         title: o.playbackSpeed,
         onSelect: G,
-        onClose: P
+        onClose: T
       }
     ),
-    l && T && /* @__PURE__ */ r(
-      te,
+    l && h && /* @__PURE__ */ r(
+      re,
       {
         opened: Q,
         title: o.mobileActionsTitle,
-        linkCopied: g,
-        showDownload: f,
-        showCopyLink: v,
-        showDelete: u && S && !m,
+        linkCopied: A,
+        showDownload: s,
+        showCopyLink: p,
+        showDelete: d && m && !b,
         downloadLabel: o.download,
         copyLinkLabel: o.copyLink,
         deleteLabel: o.delete,
-        onDownload: R,
-        onCopyLink: k,
+        onDownload: k,
+        onCopyLink: w,
         onDelete: V,
-        onClose: h
+        onClose: S
       }
     )
   ] });
 }
 export {
-  We as MusicPlayerBar
+  $e as MusicPlayerBar
 };