@ephia/dova-sdk 1.0.0

package/dist/chunk-YWZUMUYE.js

@@ -0,0 +1,695 @@
+import {
+  EphiaProvider,
+  useEphia,
+  useEphiaAudioLevel
+} from "./chunk-ITJFN3VM.js";
+import {
+  useOptionalEphiaContext
+} from "./chunk-K24GNU27.js";
+
+// src/ui/components/EphiaLogo.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var EPHIA_LOGO_VIEWBOX = "0 0 220 207";
+var EPHIA_LOGO_ASPECT = 220 / 207;
+var EPHIA_BRAND_PURPLE = "#723ADE";
+var EPHIA_BRAND_TEAL = "#00EBD0";
+var LOGO_PURPLE_PATH = "M130.184 22.8784C110.496 11.7584 85.4808 18.5556 74.1504 38.1772C66.8151 50.8807 67.004 65.8635 73.334 77.9663C76.4886 83.9978 77.6606 91.3208 74.2568 97.2153C70.8529 103.109 63.9255 105.756 57.1241 106.04C55.4205 106.111 53.7254 106.287 52.0498 106.566C51.9939 106.576 51.9377 106.586 51.8818 106.596C51.8243 106.606 51.7665 106.615 51.709 106.625C47.369 107.377 43.2604 108.806 39.4981 110.8C34.2218 113.586 29.4987 117.542 25.7589 122.554C25.7424 122.576 25.7254 122.598 25.709 122.62C25.6788 122.661 25.6482 122.701 25.6182 122.742C21.6987 128.032 19.015 134.293 17.9923 141.097C17.9778 141.192 17.964 141.289 17.9502 141.385C17.9421 141.442 17.9337 141.499 17.9258 141.556C17.6653 143.422 17.5345 145.296 17.5312 147.163V147.28C17.5314 157.14 20.9911 166.192 26.7617 173.29C26.796 173.332 26.8307 173.375 26.8652 173.417C26.928 173.494 26.9915 173.57 27.0548 173.646C27.1098 173.713 27.1653 173.779 27.2207 173.845C27.255 173.885 27.2898 173.927 27.3242 173.968C27.6222 174.319 27.9266 174.666 28.2374 175.009C28.2534 175.026 28.2701 175.044 28.2861 175.061C28.3779 175.162 28.4706 175.263 28.5635 175.363C28.5869 175.388 28.6114 175.413 28.6349 175.438C28.7264 175.536 28.8185 175.635 28.9111 175.732C28.9284 175.75 28.9456 175.769 28.9629 175.787C29.1492 175.982 29.3377 176.176 29.5283 176.367L29.6191 176.458C29.6653 176.504 29.7125 176.55 29.7589 176.596C29.8119 176.648 29.8646 176.702 29.918 176.754C36.4444 183.148 45.0865 187.393 54.6963 188.342C54.7093 188.343 54.7223 188.344 54.7354 188.346C55.0558 188.377 55.3777 188.405 55.7002 188.429C55.7229 188.43 55.746 188.432 55.7687 188.434C55.8996 188.443 56.031 188.452 56.1622 188.46C57.0288 188.515 57.8957 188.543 58.7607 188.543C58.774 188.543 58.7875 188.543 58.8008 188.543C58.8551 188.543 58.9096 188.542 58.9639 188.542C59.0597 188.542 59.1561 188.541 59.252 188.54C66.9707 188.457 74.1811 186.256 80.3292 182.49C80.3971 182.449 80.4656 182.407 80.5333 182.365C80.5789 182.337 80.6245 182.308 80.6699 182.279C85.3019 179.393 89.4161 175.551 92.6865 170.84C92.7302 170.777 92.7741 170.714 92.8174 170.651C92.8427 170.614 92.8684 170.577 92.8936 170.54C94.8281 167.711 96.419 164.628 97.6074 161.353C99.3661 156.525 100.166 151.511 100.075 146.558C100.266 130.196 106.911 115.387 117.584 104.555C120.604 101.544 123.936 98.8469 127.529 96.5151C128.082 96.1565 127.539 96.5073 129.953 95.0288C135.565 91.8709 140.505 87.373 144.245 81.6763C144.281 81.623 144.315 81.5686 144.351 81.5151C144.368 81.489 144.385 81.4622 144.402 81.436C144.828 80.7863 145.239 80.1208 145.632 79.4399C155.114 63.0194 152.024 42.7913 139.35 29.896C136.719 27.1793 133.672 24.7768 130.236 22.7886L130.184 22.8784Z";
+var LOGO_TEAL_PATH = "M151.646 107.073C154.645 106.38 157.768 106.016 160.977 106.016C183.769 106.016 202.246 124.49 202.246 147.278C202.246 167.41 187.826 184.171 168.751 187.807C167.995 187.951 167.233 188.074 166.463 188.177C166.383 188.187 166.304 188.201 166.224 188.211C164.503 188.43 162.749 188.543 160.969 188.543C138.176 188.543 119.699 170.069 119.699 147.28C119.699 127.697 133.344 111.298 151.646 107.073Z";
+function logoWidthFromHeight(heightPx) {
+  return Math.round(heightPx * EPHIA_LOGO_ASPECT);
+}
+function EphiaLogo({
+  height,
+  width,
+  className,
+  style,
+  variant = "color",
+  fill = "currentColor",
+  isRecording = false
+}) {
+  const resolvedHeight = height ?? (width != null ? Math.round(width / EPHIA_LOGO_ASPECT) : 24);
+  const resolvedWidth = width ?? logoWidthFromHeight(resolvedHeight);
+  const svgClass = [
+    "ephia-transcribe-logo-svg",
+    isRecording ? "ephia-transcribe-logo-svg--recording" : "",
+    className ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: EPHIA_LOGO_VIEWBOX,
+      className: svgClass,
+      style: { height: resolvedHeight, width: resolvedWidth, ...style },
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": true,
+      children: variant === "color" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: LOGO_PURPLE_PATH, fill: EPHIA_BRAND_PURPLE }),
+        /* @__PURE__ */ jsx("path", { d: LOGO_TEAL_PATH, fill: EPHIA_BRAND_TEAL })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: LOGO_PURPLE_PATH, fill }),
+        /* @__PURE__ */ jsx("path", { d: LOGO_TEAL_PATH, fill })
+      ] })
+    }
+  );
+}
+
+// src/ui/primitives/Button.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Button({
+  variant = "primary",
+  size = "md",
+  isLoading,
+  children,
+  className = "",
+  disabled,
+  ...rest
+}) {
+  const base = "inline-flex items-center justify-center font-medium rounded-full transition focus:outline-none focus:ring-2 focus:ring-offset-1";
+  const variants = {
+    primary: "bg-[var(--ephia-primary)] text-white hover:opacity-90 focus:ring-[var(--ephia-primary)]",
+    danger: "bg-[var(--ephia-danger)] text-white hover:opacity-90 focus:ring-[var(--ephia-danger)]",
+    ghost: "bg-transparent text-neutral-700 hover:bg-neutral-100 focus:ring-neutral-300",
+    outline: "border border-neutral-200 bg-white text-neutral-700 hover:bg-neutral-50 focus:ring-neutral-300"
+  };
+  const sizes = {
+    sm: "px-3 py-1.5 text-xs",
+    md: "px-4 py-2 text-sm",
+    lg: "px-6 py-3 text-base"
+  };
+  return /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      className: `${base} ${variants[variant]} ${sizes[size]} ${className}`,
+      disabled: disabled || isLoading,
+      ...rest,
+      children: [
+        isLoading ? /* @__PURE__ */ jsx2("span", { className: "mr-2 inline-block h-4 w-4 animate-spin rounded-full border-2 border-white/30 border-t-white" }) : null,
+        children
+      ]
+    }
+  );
+}
+
+// src/ui/primitives/Spinner.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Spinner({ size = "md", className = "" }) {
+  const sizes = {
+    sm: "h-3 w-3 border-2",
+    md: "h-5 w-5 border-2",
+    lg: "h-8 w-8 border-[3px]"
+  };
+  return /* @__PURE__ */ jsx3(
+    "span",
+    {
+      className: `inline-block animate-spin rounded-full border-neutral-300 border-t-[var(--ephia-primary)] ${sizes[size]} ${className}`,
+      "aria-label": "Chargement"
+    }
+  );
+}
+
+// src/ui/recorder/EphiaFloatingButton.tsx
+import { useEffect as useEffect3, useLayoutEffect as useLayoutEffect2, useMemo, useRef as useRef3, useState } from "react";
+
+// src/ui/recorder/appearance.ts
+var EPHIA_FLOATING_BUTTON_RADIUS_CSS = {
+  sm: "0.375rem",
+  md: "0.625rem",
+  lg: "1rem",
+  full: "9999px"
+};
+
+// src/ui/recorder/MinimalProcessingBars.tsx
+import { useEffect, useRef } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var BAR_LAYOUT = {
+  S: { barWidthPx: 3, gapPx: 2.5 },
+  M: { barWidthPx: 3.5, gapPx: 3 },
+  L: { barWidthPx: 4, gapPx: 3.5 }
+};
+var TAU = Math.PI * 2;
+var BAR_MOTION = [
+  { base: 0.62, a1: 0.14, a2: 0.09, f1: 1.25, f2: 2.05, p1: 0, p2: 0.7 },
+  { base: 0.64, a1: 0.15, a2: 0.07, f1: 1.65, f2: 2.35, p1: 1.4, p2: 2.2 },
+  { base: 0.6, a1: 0.12, a2: 0.1, f1: 1.05, f2: 1.85, p1: 2.5, p2: 0.4 }
+];
+var LERP = 0.14;
+function clamp01(x) {
+  return Math.max(0.36, Math.min(0.9, x));
+}
+function targetHeight(phaseSec, spec) {
+  const t = phaseSec;
+  const v = spec.base + spec.a1 * Math.sin(t * spec.f1 * TAU + spec.p1) + spec.a2 * Math.sin(t * spec.f2 * TAU + spec.p2);
+  return clamp01(v);
+}
+function MinimalProcessingBars({
+  active,
+  size = "M",
+  color
+}) {
+  const rootRef = useRef(null);
+  const heightsRef = useRef([0.55, 0.58, 0.54]);
+  const layout = BAR_LAYOUT[size] ?? BAR_LAYOUT.M;
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    const applyHeights = (h) => {
+      root.style.setProperty("--ephia-bar-0", String(h[0]));
+      root.style.setProperty("--ephia-bar-1", String(h[1]));
+      root.style.setProperty("--ephia-bar-2", String(h[2]));
+    };
+    if (!active) {
+      heightsRef.current = [0.52, 0.56, 0.54];
+      applyHeights(heightsRef.current);
+      return;
+    }
+    const reducedMotion = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if (reducedMotion) {
+      applyHeights([0.55, 0.58, 0.54]);
+      return;
+    }
+    let raf = 0;
+    const start = performance.now();
+    const tick = (now) => {
+      const phase = (now - start) / 1e3;
+      const current = heightsRef.current;
+      for (let i = 0; i < 3; i++) {
+        const target = targetHeight(phase, BAR_MOTION[i]);
+        current[i] += (target - current[i]) * LERP;
+      }
+      applyHeights(current);
+      raf = requestAnimationFrame(tick);
+    };
+    raf = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(raf);
+  }, [active]);
+  return /* @__PURE__ */ jsx4(
+    "span",
+    {
+      ref: rootRef,
+      className: "ephia-transcribe-minimal-bars",
+      style: {
+        ["--ephia-minimal-bar-gap"]: `${layout.gapPx}px`
+      },
+      "aria-hidden": true,
+      children: BAR_MOTION.map((_, i) => /* @__PURE__ */ jsx4(
+        "span",
+        {
+          className: "ephia-transcribe-minimal-bar",
+          style: {
+            width: layout.barWidthPx,
+            backgroundColor: color,
+            ["--ephia-bar-scale"]: `var(--ephia-bar-${i}, 0.5)`
+          }
+        },
+        i
+      ))
+    }
+  );
+}
+
+// src/ui/recorder/StandardIntensityVisualizer.tsx
+import { useEffect as useEffect2, useLayoutEffect, useReducer, useRef as useRef2 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var INTENSITY_SAMPLE_MS = 300;
+var BAR_WIDTH_PX = 3;
+var BAR_GAP_PX = 2;
+var MIN_BAR_HEIGHT_RATIO = 0.1;
+function clamp012(value) {
+  return Math.max(0, Math.min(1, value));
+}
+function barHeightRatio(level) {
+  const v = clamp012(level);
+  return MIN_BAR_HEIGHT_RATIO + v * (1 - MIN_BAR_HEIGHT_RATIO);
+}
+function barStepPx() {
+  return BAR_WIDTH_PX + BAR_GAP_PX;
+}
+function scrollSpeedPxPerSec() {
+  return barStepPx() / (INTENSITY_SAMPLE_MS / 1e3);
+}
+function StandardIntensityVisualizer({ enabled, level }) {
+  const rectRef = useRef2(null);
+  const trackRef = useRef2(null);
+  const bucketRef = useRef2({ sum: 0, count: 0 });
+  const scrollOffsetRef = useRef2(0);
+  const barsRef = useRef2([]);
+  const maxBarsRef = useRef2(48);
+  const [barRevision, bumpBars] = useReducer((n) => n + 1, 0);
+  useEffect2(() => {
+    if (!enabled) return;
+    const v = clamp012(level);
+    bucketRef.current.sum += v;
+    bucketRef.current.count += 1;
+  }, [enabled, level]);
+  useLayoutEffect(() => {
+    const rect = rectRef.current;
+    if (!rect) return;
+    const updateMax = () => {
+      const w = rect.clientWidth;
+      if (w > 0) {
+        maxBarsRef.current = Math.max(12, Math.ceil(w / barStepPx()) + 4);
+      }
+    };
+    updateMax();
+    const ro = new ResizeObserver(updateMax);
+    ro.observe(rect);
+    return () => ro.disconnect();
+  }, [enabled]);
+  useEffect2(() => {
+    if (!enabled) {
+      barsRef.current = [];
+      bucketRef.current = { sum: 0, count: 0 };
+      scrollOffsetRef.current = 0;
+      if (trackRef.current) trackRef.current.style.transform = "translateX(0)";
+      return;
+    }
+    let rafId = 0;
+    let lastTs = performance.now();
+    const consumeBucket = () => {
+      const { sum, count } = bucketRef.current;
+      bucketRef.current = { sum: 0, count: 0 };
+      return count > 0 ? sum / count : 0;
+    };
+    const pushBar = () => {
+      const avg = consumeBucket();
+      const next = [...barsRef.current, avg];
+      const max = maxBarsRef.current;
+      barsRef.current = next.length > max ? next.slice(-max) : next;
+      bumpBars();
+    };
+    const tick = (now) => {
+      const track = trackRef.current;
+      if (!track) {
+        rafId = requestAnimationFrame(tick);
+        return;
+      }
+      const dt = Math.min(0.05, (now - lastTs) / 1e3);
+      lastTs = now;
+      const step = barStepPx();
+      scrollOffsetRef.current += scrollSpeedPxPerSec() * dt;
+      while (scrollOffsetRef.current >= step) {
+        scrollOffsetRef.current -= step;
+        pushBar();
+      }
+      track.style.transform = `translate3d(${-scrollOffsetRef.current}px, 0, 0)`;
+      rafId = requestAnimationFrame(tick);
+    };
+    rafId = requestAnimationFrame(tick);
+    return () => {
+      cancelAnimationFrame(rafId);
+      barsRef.current = [];
+      bucketRef.current = { sum: 0, count: 0 };
+      scrollOffsetRef.current = 0;
+      if (trackRef.current) trackRef.current.style.transform = "translateX(0)";
+    };
+  }, [enabled]);
+  if (!enabled) return null;
+  const bars = barsRef.current;
+  return /* @__PURE__ */ jsx5("span", { className: "ephia-transcribe-standard-placeholder", "data-ephia-ui": "standard-intensity", "aria-hidden": true, children: /* @__PURE__ */ jsx5("span", { ref: rectRef, className: "ephia-transcribe-standard-placeholder__rect", children: /* @__PURE__ */ jsx5("span", { className: "ephia-transcribe-standard-placeholder__viewport", children: /* @__PURE__ */ jsx5("span", { ref: trackRef, className: "ephia-transcribe-standard-placeholder__track", children: bars.map((barLevel, index) => /* @__PURE__ */ jsx5(
+    "span",
+    {
+      className: "ephia-transcribe-standard-placeholder__history-bar",
+      style: { height: `${barHeightRatio(barLevel) * 100}%` }
+    },
+    `${barRevision}-${index}`
+  )) }) }) }) });
+}
+
+// src/ui/recorder/EphiaFloatingButton.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var EPHIA_APP_URL = "https://ephia.app";
+function EphiaExternalLinkIcon() {
+  return /* @__PURE__ */ jsxs3(
+    "svg",
+    {
+      className: "ephia-transcribe-poweredby-icon",
+      viewBox: "0 0 24 24",
+      "aria-hidden": true,
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx6("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+        /* @__PURE__ */ jsx6("path", { d: "M15 3h6v6" }),
+        /* @__PURE__ */ jsx6("path", { d: "M10 14 21 3" })
+      ]
+    }
+  );
+}
+var SIZE_CONFIG = {
+  S: { logoHeightPx: 24 },
+  M: { logoHeightPx: 32 },
+  L: { logoHeightPx: 44 }
+};
+var LOGO_SCALE_WHEN_RADIUS_FULL = 0.92;
+var POSITION_STYLE = {
+  "bottom-right": { bottom: 24, right: 24 },
+  "bottom-left": { bottom: 24, left: 24 },
+  "bottom-center": { bottom: 24, left: "50%", transform: "translateX(-50%)" },
+  "top-right": { top: 24, right: 24 },
+  "top-left": { top: 24, left: 24 },
+  "top-center": { top: 24, left: "50%", transform: "translateX(-50%)" }
+};
+function EphiaFloatingButtonInner({
+  position,
+  theme,
+  size,
+  variant,
+  borderRadius,
+  interactionMode,
+  colors,
+  className,
+  style,
+  onError,
+  onStatusChange
+}) {
+  const { status, isRecording, isProcessing, start, stop, error, activeTargetId } = useEphia();
+  const audio = useEphiaAudioLevel();
+  const isArming = isProcessing;
+  const voiceLevel = Math.min(1, Math.max(0, audio?.level ?? audio?.rms ?? 0));
+  const isLiveSession = isRecording || !!audio?.localAudioPublished && !!audio?.micReady;
+  const lastErrorRef = useRef3(null);
+  useEffect3(() => {
+    if (error && (lastErrorRef.current?.code !== error.code || lastErrorRef.current?.message !== error.message)) {
+      lastErrorRef.current = error;
+      onError?.(error);
+    }
+  }, [error, onError]);
+  const lastStatusRef = useRef3(status);
+  useEffect3(() => {
+    if (status !== lastStatusRef.current) {
+      lastStatusRef.current = status;
+      onStatusChange?.(status);
+    }
+  }, [status, onStatusChange]);
+  const statusAnnouncement = isLiveSession ? "Dict\xE9e en cours" : status === "processing" ? "Traitement" : status === "error" ? "Erreur de dict\xE9e" : "";
+  const isLight = theme === "light";
+  const isValidColor = (c) => Boolean(c?.trim());
+  const hasCustomColors = isValidColor(colors?.primary) && isValidColor(colors?.secondary);
+  const swapForLight = hasCustomColors && isLight;
+  const effectivePrimary = hasCustomColors ? swapForLight ? colors.secondary.trim() : colors.primary.trim() : isLight ? "#ffffff" : "#262626";
+  const effectiveSecondary = hasCustomColors ? swapForLight ? colors.primary.trim() : colors.secondary.trim() : null;
+  const safeSize = size && size in SIZE_CONFIG ? size : "M";
+  const { logoHeightPx: baseLogoHeightPx } = SIZE_CONFIG[safeSize];
+  const logoHeightPx = borderRadius === "full" ? Math.round(baseLogoHeightPx * LOGO_SCALE_WHEN_RADIUS_FULL) : baseLogoHeightPx;
+  const logoWidthPx = logoWidthFromHeight(logoHeightPx);
+  const isStandardVariant = variant === "standard";
+  const showTimer = isStandardVariant && isRecording;
+  const showProcessing = isStandardVariant && isArming && !isRecording;
+  const showStandardPrompt = isStandardVariant && !isRecording && !isArming;
+  const [sessionElapsedMs, setSessionElapsedMs] = useState(0);
+  const sessionStartRef = useRef3(null);
+  const timerMeasureRef = useRef3(null);
+  const [logoSlotWidthPx, setLogoSlotWidthPx] = useState(logoHeightPx);
+  useEffect3(() => {
+    if (showTimer) {
+      sessionStartRef.current = Date.now();
+      setSessionElapsedMs(0);
+      const id = setInterval(() => {
+        if (sessionStartRef.current != null) setSessionElapsedMs(Date.now() - sessionStartRef.current);
+      }, 200);
+      return () => clearInterval(id);
+    }
+    sessionStartRef.current = null;
+  }, [showTimer]);
+  const timerLabel = useMemo(() => {
+    const s = Math.max(0, Math.floor(sessionElapsedMs / 1e3));
+    return `${Math.floor(s / 60).toString().padStart(2, "0")}:${(s % 60).toString().padStart(2, "0")}`;
+  }, [sessionElapsedMs]);
+  useLayoutEffect2(() => {
+    if (!showTimer) {
+      setLogoSlotWidthPx(logoHeightPx);
+      return;
+    }
+    const el = timerMeasureRef.current;
+    const measured = el ? Math.ceil(el.getBoundingClientRect().width) : 0;
+    setLogoSlotWidthPx(Math.max(logoHeightPx, measured + 12));
+  }, [showTimer, timerLabel, logoHeightPx]);
+  const logoVariant = hasCustomColors ? "mono" : "color";
+  const waveformColor = hasCustomColors ? effectivePrimary : EPHIA_BRAND_PURPLE;
+  const radiusCss = EPHIA_FLOATING_BUTTON_RADIUS_CSS[borderRadius] ?? EPHIA_FLOATING_BUTTON_RADIUS_CSS.md;
+  const [reducedMotion] = useState(
+    () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
+  );
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: "ephia-transcribe-floating-root",
+      "data-ephia-control": "true",
+      style: { ...POSITION_STYLE[position], ...style },
+      children: [
+        /* @__PURE__ */ jsx6(
+          "div",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap" },
+            children: statusAnnouncement
+          }
+        ),
+        /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: `ephia-transcribe-root ephia-transcribe-root--${theme} ephia-transcribe-size--${size} ephia-transcribe-radius--${borderRadius}${className ? ` ${className}` : ""}`,
+            style: {
+              ["--ephia-transcribe-radius"]: radiusCss,
+              ...hasCustomColors ? {
+                backgroundColor: effectiveSecondary ?? void 0,
+                ["--ephia-transcribe-ink"]: effectivePrimary
+              } : {}
+            },
+            children: [
+              /* @__PURE__ */ jsxs3("div", { className: `ephia-transcribe-poweredby ephia-transcribe-poweredby--${theme}`, children: [
+                /* @__PURE__ */ jsx6(
+                  "a",
+                  {
+                    href: EPHIA_APP_URL,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "ephia-transcribe-poweredby-btn",
+                    "aria-label": "En savoir plus sur Ephia \u2014 ouvre ephia.app dans un nouvel onglet",
+                    onClick: (e) => e.stopPropagation(),
+                    onPointerDown: (e) => e.stopPropagation(),
+                    children: /* @__PURE__ */ jsx6(EphiaExternalLinkIcon, {})
+                  }
+                ),
+                /* @__PURE__ */ jsx6("div", { className: "ephia-transcribe-poweredby-tooltip", children: "ephia.app" })
+              ] }),
+              isLiveSession && !reducedMotion && /* @__PURE__ */ jsx6(
+                "div",
+                {
+                  className: "ephia-transcribe-ring",
+                  style: hasCustomColors ? {
+                    boxShadow: `0 0 20px color-mix(in srgb, ${effectivePrimary} 55%, transparent)`
+                  } : {
+                    boxShadow: "0 0 24px rgba(114, 58, 222, 0.55), 0 0 14px rgba(0, 235, 208, 0.45)"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx6(
+                "button",
+                {
+                  type: "button",
+                  ...interactionMode === "push-to-talk" ? {
+                    onPointerDown: (e) => {
+                      e.preventDefault();
+                      if (typeof window !== "undefined") {
+                        window.__ephia_record_click_ts = Date.now();
+                        window.dispatchEvent(
+                          new CustomEvent("ephia:sdk-debug", {
+                            detail: {
+                              type: "sdk.record.click",
+                              sessionId: null,
+                              payload: { message: "Push-to-talk press", ts: Date.now() }
+                            }
+                          })
+                        );
+                      }
+                      if (!isLiveSession && !isArming) void start(activeTargetId ?? void 0, { startupBufferMs: 5e3 });
+                    },
+                    onPointerUp: () => {
+                      if (isLiveSession) void stop();
+                    },
+                    onPointerLeave: () => {
+                      if (isLiveSession) void stop();
+                    }
+                  } : {
+                    onClick: () => {
+                      if (isArming) return;
+                      if (typeof window !== "undefined") {
+                        window.__ephia_record_click_ts = Date.now();
+                        window.dispatchEvent(
+                          new CustomEvent("ephia:sdk-debug", {
+                            detail: {
+                              type: "sdk.record.click",
+                              sessionId: null,
+                              payload: { message: "Clic sur Record", ts: Date.now() }
+                            }
+                          })
+                        );
+                      }
+                      if (isLiveSession) {
+                        void stop();
+                      } else {
+                        void start(activeTargetId ?? void 0, { startupBufferMs: 5e3 });
+                      }
+                    }
+                  },
+                  disabled: isArming,
+                  className: "ephia-transcribe-btn",
+                  "aria-pressed": isLiveSession,
+                  "aria-busy": isArming,
+                  "aria-label": isLiveSession ? "Arr\xEAter la dict\xE9e" : isArming ? "Traitement en cours\u2026" : "D\xE9marrer la dict\xE9e",
+                  children: /* @__PURE__ */ jsxs3(
+                    "span",
+                    {
+                      className: `ephia-transcribe-btn-inner${isStandardVariant ? " ephia-transcribe-btn-inner--standard" : ""}${showProcessing ? " ephia-transcribe-btn-inner--processing" : ""}`,
+                      children: [
+                        variant === "minimal" ? /* @__PURE__ */ jsxs3(
+                          "span",
+                          {
+                            className: `ephia-transcribe-minimal-swap${isRecording || isArming ? " ephia-transcribe-minimal-swap--recording" : ""}`,
+                            style: { width: logoWidthPx, height: logoHeightPx },
+                            children: [
+                              /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-minimal-swap-layer ephia-transcribe-minimal-swap-layer--logo", "aria-hidden": true, children: /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-logo-clip ephia-transcribe-logo-slot", style: { width: logoWidthPx, height: logoHeightPx }, children: /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-logo-slot-layer ephia-transcribe-logo-slot-layer--logo", "aria-hidden": true, children: /* @__PURE__ */ jsx6(
+                                EphiaLogo,
+                                {
+                                  height: logoHeightPx,
+                                  width: logoWidthPx,
+                                  variant: logoVariant,
+                                  fill: effectivePrimary,
+                                  isRecording: isLiveSession
+                                }
+                              ) }) }) }),
+                              /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-minimal-swap-layer ephia-transcribe-minimal-swap-layer--activity", "aria-hidden": true, children: /* @__PURE__ */ jsx6(
+                                MinimalProcessingBars,
+                                {
+                                  active: isRecording || isArming,
+                                  size: safeSize,
+                                  color: waveformColor
+                                }
+                              ) })
+                            ]
+                          }
+                        ) : (
+                          // standard variant
+                          /* @__PURE__ */ jsxs3(
+                            "span",
+                            {
+                              className: `ephia-transcribe-logo-clip ephia-transcribe-logo-slot${showTimer ? " ephia-transcribe-logo-slot--recording" : ""}`,
+                              style: { width: logoSlotWidthPx, height: logoHeightPx },
+                              children: [
+                                /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-logo-slot-layer ephia-transcribe-logo-slot-layer--logo", "aria-hidden": true, children: /* @__PURE__ */ jsx6(
+                                  EphiaLogo,
+                                  {
+                                    height: logoHeightPx,
+                                    width: logoWidthPx,
+                                    variant: logoVariant,
+                                    fill: effectivePrimary,
+                                    isRecording: isLiveSession
+                                  }
+                                ) }),
+                                showTimer && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                                  /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-logo-slot-layer ephia-transcribe-logo-slot-layer--timer", "aria-hidden": true, children: /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-session-timer", children: timerLabel }) }),
+                                  /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-session-timer ephia-transcribe-session-timer--measure", ref: timerMeasureRef, children: timerLabel })
+                                ] })
+                              ]
+                            }
+                          )
+                        ),
+                        isStandardVariant && /* @__PURE__ */ jsxs3(
+                          "span",
+                          {
+                            className: `ephia-transcribe-standard-right-swap${showStandardPrompt ? " ephia-transcribe-standard-right-swap--prompt" : showProcessing ? " ephia-transcribe-standard-right-swap--processing" : " ephia-transcribe-standard-right-swap--waveform"}`,
+                            "aria-hidden": true,
+                            children: [
+                              /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-standard-right-layer ephia-transcribe-standard-right-layer--prompt", children: "Commencer \xE0 dicter" }),
+                              /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-standard-right-layer ephia-transcribe-standard-right-layer--processing", children: "Traitement\u2026" }),
+                              !showProcessing ? /* @__PURE__ */ jsx6("span", { className: "ephia-transcribe-standard-right-layer ephia-transcribe-standard-right-layer--waveform", children: /* @__PURE__ */ jsx6(
+                                StandardIntensityVisualizer,
+                                {
+                                  enabled: isRecording,
+                                  level: voiceLevel
+                                }
+                              ) }) : null
+                            ]
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function EphiaFloatingButton({
+  apiUrl,
+  apiKey,
+  bearerToken,
+  clientType,
+  transport,
+  position = "bottom-center",
+  theme = "light",
+  size = "M",
+  variant = "standard",
+  borderRadius = "lg",
+  interactionMode = "toggle",
+  colors,
+  className,
+  style,
+  sessionOptions,
+  onError,
+  onStatusChange
+}) {
+  const ctx = useOptionalEphiaContext();
+  const safeRadius = borderRadius && borderRadius in EPHIA_FLOATING_BUTTON_RADIUS_CSS ? borderRadius : "lg";
+  const innerProps = useMemo(() => ({
+    position,
+    theme,
+    size,
+    variant,
+    borderRadius: safeRadius,
+    interactionMode,
+    colors,
+    className,
+    style,
+    onError,
+    onStatusChange
+  }), [position, theme, size, variant, safeRadius, interactionMode, colors, className, style, onError, onStatusChange]);
+  if (ctx) {
+    return /* @__PURE__ */ jsx6(EphiaFloatingButtonInner, { ...innerProps });
+  }
+  return /* @__PURE__ */ jsx6(
+    EphiaProvider,
+    {
+      apiUrl,
+      apiKey,
+      bearerToken,
+      clientType,
+      transport,
+      options: {
+        language: sessionOptions?.language,
+        sessionOptions
+      },
+      children: /* @__PURE__ */ jsx6(EphiaFloatingButtonInner, { ...innerProps })
+    }
+  );
+}
+
+export {
+  EPHIA_LOGO_VIEWBOX,
+  EPHIA_LOGO_ASPECT,
+  EPHIA_BRAND_PURPLE,
+  EPHIA_BRAND_TEAL,
+  logoWidthFromHeight,
+  EphiaLogo,
+  Button,
+  Spinner,
+  EphiaFloatingButton
+};
+//# sourceMappingURL=chunk-YWZUMUYE.js.map