@hubtalk-ai/web-sdk 0.2.0 → 0.3.0

package/dist/widget.js

@@ -0,0 +1,787 @@
+import { ConnectionError as nt, ConnectionErrorReason as Y, MediaDeviceFailure as F, Room as it, RoomEvent as b, ConnectionState as q, ParticipantKind as ot, Track as G, DisconnectReason as X } from "livekit-client";
+class st {
+  constructor(t) {
+    if (t) {
+      this.element = t, this.owned = !1;
+      return;
+    }
+    this.element = document.createElement("div"), this.element.style.display = "none", document.body.appendChild(this.element), this.owned = !0;
+  }
+  attach(t) {
+    this.element.appendChild(t.attach());
+  }
+  detach(t) {
+    t.detach().forEach((e) => e.remove());
+  }
+  clear() {
+    this.element.replaceChildren();
+  }
+  destroy() {
+    this.clear(), this.owned && this.element.remove();
+  }
+}
+class at {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Map();
+  }
+  on(t, e) {
+    let n = this.listeners.get(t);
+    n || (n = /* @__PURE__ */ new Set(), this.listeners.set(t, n)), n.add(e);
+  }
+  off(t, e) {
+    var n;
+    (n = this.listeners.get(t)) == null || n.delete(e);
+  }
+  once(t, e) {
+    const n = (i) => {
+      this.off(t, n), e(i);
+    };
+    this.on(t, n);
+  }
+  emit(t, e) {
+    const n = this.listeners.get(t);
+    if (n)
+      for (const i of [...n])
+        i(e);
+  }
+  clear() {
+    this.listeners.clear();
+  }
+}
+const rt = {
+  AUDIO_PLAYBACK_BLOCKED: "Tap Enable sound to hear the agent",
+  INVALID_PARAMS: "accessToken и url обязательны",
+  WEBRTC_UNSUPPORTED: "браузер/контекст не поддерживает WebRTC (нужен HTTPS)",
+  MICROPHONE_PERMISSION_DENIED: "доступ к микрофону запрещён пользователем",
+  MICROPHONE_UNAVAILABLE: "микрофон недоступен или занят другим приложением",
+  TOKEN_EXPIRED: "срок действия токена истёк",
+  TOKEN_INVALID: "сервер отклонил токен",
+  CONNECTION_FAILED: "не удалось установить соединение",
+  CONNECTION_LOST: "соединение потеряно, реконнект не восстановил его",
+  ALREADY_IN_CALL: "звонок уже активен",
+  NOT_IN_CALL: "нет активного звонка",
+  SERVER_ERROR: "внутренняя ошибка сервиса сигналинга"
+};
+class ct extends Error {
+  constructor(t, e, n) {
+    super(rt[t]), this.name = "VoiceCallError", this.code = t, this.state = e, this.cause = n;
+  }
+}
+function dt(a) {
+  if (a instanceof nt)
+    switch (a.reason) {
+      case Y.NotAllowed:
+        return "TOKEN_INVALID";
+      case Y.ServerUnreachable:
+      case Y.Timeout:
+      case Y.WebSocket:
+        return "CONNECTION_FAILED";
+      default:
+        return "SERVER_ERROR";
+    }
+  return "SERVER_ERROR";
+}
+function lt(a) {
+  return F.getFailure(a) === F.PermissionDenied ? "MICROPHONE_PERMISSION_DENIED" : "MICROPHONE_UNAVAILABLE";
+}
+function ht(a) {
+  const t = F.getFailure(a);
+  return t === F.PermissionDenied ? "MICROPHONE_PERMISSION_DENIED" : t === F.NotFound || t === F.DeviceInUse || a instanceof DOMException && [
+    "AbortError",
+    "OverconstrainedError",
+    "SecurityError",
+    "InvalidStateError",
+    "NotSupportedError"
+  ].includes(a.name) ? "MICROPHONE_UNAVAILABLE" : "SERVER_ERROR";
+}
+const Q = "[redacted]", ut = /^[\w-]+\.[\w-]+\.[\w-]+$/, pt = /token/i;
+function j(a) {
+  if (typeof a == "string")
+    return ut.test(a) ? Q : a;
+  if (Array.isArray(a))
+    return a.map(j);
+  if (a && typeof a == "object") {
+    const t = {};
+    for (const [e, n] of Object.entries(a))
+      t[e] = pt.test(e) ? Q : j(n);
+    return t;
+  }
+  return a;
+}
+function ft(a, t) {
+  if (a === "silent")
+    return { error: () => {
+    }, debug: () => {
+    } };
+  const e = t ?? {
+    error: (n, ...i) => console.error(n, ...i),
+    debug: (n, ...i) => console.debug(n, ...i)
+  };
+  return {
+    error: (n, ...i) => e.error(n, ...i.map(j)),
+    debug: (n, ...i) => {
+      a === "debug" && e.debug(n, ...i.map(j));
+    }
+  };
+}
+function gt(a = !0) {
+  var t;
+  return typeof window > "u" || !window.isSecureContext || typeof RTCPeerConnection > "u" ? !1 : a ? typeof navigator < "u" && !!((t = navigator.mediaDevices) != null && t.getUserMedia) : !0;
+}
+function mt(a) {
+  const t = a.split(".")[1];
+  if (!t) return null;
+  try {
+    const e = t.replace(/-/g, "+").replace(/_/g, "/"), n = decodeURIComponent(
+      Array.from(atob(e)).map((o) => "%" + o.charCodeAt(0).toString(16).padStart(2, "0")).join("")
+    ), i = JSON.parse(n);
+    return typeof i.exp == "number" ? i.exp : null;
+  } catch {
+    return null;
+  }
+}
+const Et = "lk.agent.state", bt = /* @__PURE__ */ new Set(["initializing", "listening", "thinking", "speaking"]), tt = "lk.publish_on_behalf", yt = /* @__PURE__ */ new Set([
+  X.ROOM_DELETED,
+  X.PARTICIPANT_REMOVED,
+  X.SERVER_SHUTDOWN,
+  X.ROOM_CLOSED
+]), J = /* @__PURE__ */ new Set(["connecting", "connected", "reconnecting"]), et = "lk.transcription", Ct = "lk.chat", St = "lk.segment_id", At = "lk.transcription_final", Tt = 1e3;
+class wt {
+  constructor(t = {}) {
+    this.emitter = new at(), this.connectionState = "idle", this.agentState = "unknown", this.room = null, this.callId = null, this.playAudio = !0, this.agentVideoTrack = null, this.agentVideoElements = /* @__PURE__ */ new Set(), this.microphoneEnabled = !1, this.microphoneOperation = Promise.resolve(), this.stoppingLocally = !1, this.reconnectSeen = !1, this.destroyed = !1, this.roomCleanup = [], this.audio = new st(t.audioContainer), this.log = ft(t.logLevel ?? "error", t.logger), this.connectTimeoutMs = t.connectTimeoutMs;
+  }
+  getState() {
+    return this.connectionState;
+  }
+  getAgentState() {
+    return this.agentState;
+  }
+  getCallId() {
+    return this.callId;
+  }
+  on(t, e) {
+    this.emitter.on(t, e);
+  }
+  off(t, e) {
+    this.emitter.off(t, e);
+  }
+  once(t, e) {
+    this.emitter.once(t, e);
+  }
+  /**
+   * `options.audio === false` — chat-only call: микрофон не публикуется,
+   * аудио агента не подписывается (см. connectRoom). Текст в обе стороны
+   * идёт как обычно — `sendText` и событие `transcript`.
+   *
+   * Аудио агента при этом ПОДПИСЫВАЕТСЯ и просто не проигрывается — это не
+   * расточительность, а единственный работающий вариант с livekit-agents
+   * 1.6.4: `_ParticipantAudioOutput.capture_frame` ждёт `_subscribed_fut`
+   * (room_io/_output.py:92), который закрывается только по
+   * `publication.wait_for_subscription()`. Без подписчика первый же кадр
+   * TTS блокируется навсегда, а вместе с ним умирает и текст: транскрипт
+   * агента идёт через TranscriptSynchronizer, привязанный к тому же
+   * аудио-выходу (room_io.py:163-166). Наблюдалось как «агент мигает
+   * thinking -> listening и молчит», при том что эхо реплик посетителя
+   * приходило — у него своя, несинхронизированная ветка вывода.
+   *
+   * ponytail: платит трафиком и TTS за то, что никто не слышит. Убирается
+   * только на стороне платформы — RoomOutputOptions(audio_enabled=False) по
+   * флагу звонка, тогда текст пойдёт сразу и синтеза не будет вовсе.
+   */
+  async startCall(t, e = {}) {
+    if (this.destroyed) throw new Error("VoiceClient has been destroyed");
+    if (J.has(this.connectionState))
+      throw this.raiseError("ALREADY_IN_CALL", this.connectionState);
+    const n = e.audio !== !1;
+    this.playAudio = n;
+    const { accessToken: i, url: o } = this.validateStartParams(t, n);
+    this.stoppingLocally = !1, this.reconnectSeen = !1, this.setConnectionState("connecting");
+    const r = new it();
+    if (this.room = r, this.wireRoomEvents(r), await this.connectRoom(r, o, i), this.stoppingLocally || this.destroyed || this.room !== r) {
+      await this.abandonConnectingCall(r);
+      return;
+    }
+    if (n && await this.publishMicrophone(r), this.stoppingLocally || this.destroyed || this.room !== r) {
+      await this.abandonConnectingCall(r);
+      return;
+    }
+    if (n)
+      try {
+        await r.startAudio();
+      } catch {
+        this.room === r && !this.destroyed && this.emitter.emit("audioPlaybackBlocked", {});
+      }
+    if (this.stoppingLocally || this.destroyed || this.room !== r) {
+      await this.abandonConnectingCall(r);
+      return;
+    }
+    this.callId = r.name, this.setConnectionState("connected"), this.syncAgentState(r), this.emitter.emit("callStarted", { callId: this.callId });
+  }
+  validateStartParams(t, e) {
+    const n = t.accessToken ?? t.access_token, i = t.url;
+    if (!n || !i)
+      throw this.raiseError("INVALID_PARAMS", "error");
+    if (!gt(e))
+      throw this.raiseError("WEBRTC_UNSUPPORTED", "error");
+    const o = mt(n);
+    if (o !== null && o * 1e3 <= Date.now())
+      throw this.raiseError("TOKEN_EXPIRED", "error");
+    return { accessToken: n, url: i };
+  }
+  async connectRoom(t, e, n) {
+    try {
+      await t.connect(
+        e,
+        n,
+        this.connectTimeoutMs === void 0 ? void 0 : {
+          peerConnectionTimeout: this.connectTimeoutMs,
+          websocketTimeout: this.connectTimeoutMs
+        }
+      );
+    } catch (i) {
+      if (this.destroyed || this.room !== t) return;
+      throw this.teardownRoom(), this.raiseError(dt(i), "error", i);
+    }
+  }
+  // stopCall() пришёл во время connecting (AC4/§1.2) — сворачиваем попытку
+  // без callStarted/error вместо продолжения к публикации микрофона
+  async abandonConnectingCall(t) {
+    await t.disconnect().catch(() => {
+    }), this.room === t && this.teardownRoom(), !this.destroyed && !this.room && this.setConnectionState("disconnected");
+  }
+  async publishMicrophone(t) {
+    try {
+      await t.localParticipant.setMicrophoneEnabled(!0), this.room === t && !this.destroyed && this.confirmMicrophone(t.localParticipant.isMicrophoneEnabled);
+    } catch (e) {
+      if (this.destroyed || this.room !== t) return;
+      const n = lt(e);
+      throw await t.disconnect().catch(() => {
+      }), this.teardownRoom(), this.raiseError(n, "error", e);
+    }
+  }
+  isMicrophoneEnabled() {
+    return this.microphoneEnabled;
+  }
+  async setMicrophoneEnabled(t) {
+    const e = this.room;
+    if (!e || !this.playAudio || this.connectionState !== "connected")
+      throw this.raiseError("NOT_IN_CALL", this.connectionState);
+    const n = this.microphoneOperation.then(async () => {
+      if (!e || this.room !== e || !this.playAudio || this.connectionState !== "connected")
+        throw this.raiseError("NOT_IN_CALL", this.connectionState);
+      try {
+        await e.localParticipant.setMicrophoneEnabled(t);
+      } catch (i) {
+        throw this.raiseError(ht(i), this.connectionState, i);
+      }
+      this.room === e && !this.destroyed && this.confirmMicrophone(e.localParticipant.isMicrophoneEnabled);
+    });
+    return this.microphoneOperation = n.catch(() => {
+    }), n;
+  }
+  async resumeAudio() {
+    const t = this.room;
+    if (!t || !this.playAudio || this.connectionState !== "connected")
+      throw this.raiseError("NOT_IN_CALL", this.connectionState);
+    try {
+      await t.startAudio();
+    } catch (e) {
+      throw this.room === t && !this.destroyed && this.emitter.emit("audioPlaybackBlocked", {}), this.raiseError("AUDIO_PLAYBACK_BLOCKED", this.connectionState, e);
+    }
+  }
+  /**
+   * VPT-857 §1.3: attach the avatar worker's current and any later video
+   * track to `element`; the returned function detaches. Outside a call it
+   * attaches nothing and returns a no-op detach.
+   */
+  attachAgentVideo(t) {
+    return !this.room || this.destroyed ? () => {
+    } : (this.agentVideoElements.add(t), this.agentVideoTrack && this.agentVideoTrack.attach(t), () => {
+      var e;
+      this.agentVideoElements.delete(t), (e = this.agentVideoTrack) == null || e.detach(t);
+    });
+  }
+  confirmMicrophone(t) {
+    this.microphoneEnabled !== t && (this.microphoneEnabled = t, this.emitter.emit("microphoneStateChanged", { enabled: t }));
+  }
+  /**
+   * Отправляет текстовую реплику посетителя в разговор (VPT-108 §2.1).
+   * Своё сообщение в чат SDK не кладёт — его вернёт агент событием
+   * `transcript` с role: 'user' (§2.4): один источник правды и один порядок.
+   */
+  async sendText(t) {
+    const e = this.room;
+    if (!e || !J.has(this.connectionState))
+      throw this.raiseError("NOT_IN_CALL", this.connectionState);
+    const n = t.trim().slice(0, Tt);
+    if (n)
+      try {
+        await e.localParticipant.sendText(n, { topic: Ct });
+      } catch (i) {
+        throw this.raiseError("SERVER_ERROR", this.connectionState, i);
+      }
+  }
+  async stopCall() {
+    this.stoppingLocally = !0;
+    const t = this.room;
+    !t || !J.has(this.connectionState) || this.connectionState !== "connecting" && await t.disconnect().catch((e) => this.log.debug("[voice-client] disconnect", e));
+  }
+  destroy() {
+    this.stopCall(), this.playAudio = !0, this.destroyed = !0, this.teardownRoom(), this.emitter.clear(), this.audio.destroy(), this.agentVideoElements.clear(), this.connectionState = "idle", this.agentState = "unknown", this.callId = null;
+  }
+  wireRoomEvents(t) {
+    const e = (d, y, p) => {
+      this.log.debug("[voice-client] remote track subscribed", {
+        participant: p.identity,
+        participantID: p.sid,
+        trackID: d.sid,
+        streamTrackID: d.mediaStreamTrack.id,
+        kind: d.kind,
+        source: y.source,
+        muted: y.isMuted
+      }), d.kind === G.Kind.Audio && this.playAudio && this.audio.attach(d), d.kind === G.Kind.Video && this.syncAgentVideo(t);
+    }, n = (d, y, p) => {
+      this.log.debug("[voice-client] remote track unsubscribed", {
+        participant: p.identity,
+        participantID: p.sid,
+        trackID: d.sid,
+        kind: d.kind,
+        source: y.source
+      }), d.kind === G.Kind.Audio && this.audio.detach(d), d.kind === G.Kind.Video && this.syncAgentVideo(t);
+    }, i = (d, y, p) => {
+      this.log.debug("[voice-client] remote track subscription failed", {
+        participant: y.identity,
+        participantID: y.sid,
+        trackID: d,
+        reason: p
+      });
+    }, o = (d) => {
+      this.log.debug("[voice-client] remote participant connected", {
+        room: t.name,
+        participant: d.identity,
+        participantID: d.sid
+      }), !this.destroyed && this.syncAgentState(t);
+    }, r = () => {
+      this.destroyed || (this.syncAgentState(t), this.syncAgentVideo(t));
+    }, g = (d) => {
+      this.destroyed || this.applyLkConnectionState(d);
+    }, m = (d) => {
+      this.log.debug("[voice-client] room disconnected", {
+        room: t.name,
+        reason: d,
+        stoppingLocally: this.stoppingLocally
+      }), !this.destroyed && this.handleDisconnected(d);
+    };
+    t.registerTextStreamHandler(et, (d, y) => {
+      if (this.destroyed) return;
+      const p = y.identity === t.localParticipant.identity ? "user" : "agent";
+      this.readTranscriptSegment(d, p, t);
+    });
+    const S = () => {
+      this.playAudio && !t.canPlaybackAudio && !this.destroyed && this.emitter.emit("audioPlaybackBlocked", {});
+    };
+    t.on(b.AudioPlaybackStatusChanged, S), t.on(b.TrackSubscribed, e), t.on(b.TrackUnsubscribed, n), t.on(b.TrackSubscriptionFailed, i), t.on(b.ParticipantAttributesChanged, r), t.on(b.ParticipantConnected, o), t.on(b.ParticipantDisconnected, r), t.on(b.ConnectionStateChanged, g), t.on(b.Disconnected, m), this.roomCleanup = [
+      () => t.off(b.AudioPlaybackStatusChanged, S),
+      () => t.unregisterTextStreamHandler(et),
+      () => t.off(b.TrackSubscribed, e),
+      () => t.off(b.TrackUnsubscribed, n),
+      () => t.off(b.TrackSubscriptionFailed, i),
+      () => t.off(b.ParticipantAttributesChanged, r),
+      () => t.off(b.ParticipantConnected, o),
+      () => t.off(b.ParticipantDisconnected, r),
+      () => t.off(b.ConnectionStateChanged, g),
+      () => t.off(b.Disconnected, m)
+    ];
+  }
+  /**
+   * Разбор одного сегмента транскрипта (VPT-108 §1.3). Роль определена
+   * вызывающим — сравнением identity потока с локальным участником.
+   *
+   * Одна реплика приходит несколькими потоками с общим `lk.segment_id`
+   * (тот же дефект-дубль, что закрывался в №50 §9), поэтому пузырь
+   * сшивается по нему, а не по потоку. Чанки копятся ВНУТРИ потока, а текст
+   * потока ЗАМЕНЯЕТ текст сегмента: у реплик посетителя каждый поток несёт
+   * полный текст на момент отправки, а не хвост (`_ParticipantTranscription
+   * Output(is_delta_stream=False)`), и дописывание удвоило бы реплику.
+   *
+   * `final` — из атрибута `lk.transcription_final`, а не из факта закрытия
+   * потока: дельта-поток закрывается штатно, будучи нефинальным. У потока
+   * агента `true` приходит в трейлере, и livekit-client домешивает атрибуты
+   * трейлера в `reader.info` перед закрытием — поэтому читаем атрибут ПОСЛЕ
+   * цикла чтения.
+   */
+  readTranscriptSegment(t, e, n) {
+    var o;
+    const i = ((o = t.info.attributes) == null ? void 0 : o[St]) || t.info.id;
+    (async () => {
+      var g;
+      let r = "";
+      try {
+        for await (const m of t) {
+          if (this.destroyed || this.room !== n) return;
+          r += m, this.emitter.emit("transcript", { role: e, text: r, final: !1, id: i });
+        }
+      } catch {
+        return;
+      }
+      !this.destroyed && this.room === n && ((g = t.info.attributes) == null ? void 0 : g[At]) === "true" && this.emitter.emit("transcript", { role: e, text: r, final: !0, id: i });
+    })();
+  }
+  applyLkConnectionState(t) {
+    var e;
+    t === q.Reconnecting || t === q.SignalReconnecting ? (this.reconnectSeen = !0, this.setConnectionState("reconnecting")) : t === q.Connected && this.connectionState === "reconnecting" && (this.confirmMicrophone(
+      this.playAudio && !!((e = this.room) != null && e.localParticipant.isMicrophoneEnabled)
+    ), this.setConnectionState("connected"));
+  }
+  handleDisconnected(t) {
+    const e = this.callId, n = this.reconnectSeen, i = this.stoppingLocally;
+    if (this.teardownRoom(), i) {
+      this.setConnectionState("disconnected"), this.emitter.emit("callEnded", { callId: e, reason: "local" });
+      return;
+    }
+    if (n) {
+      this.setConnectionState("disconnected"), this.raiseError("CONNECTION_LOST", "disconnected"), this.emitter.emit("callEnded", { callId: e, reason: "connection_lost" });
+      return;
+    }
+    const r = t !== void 0 && yt.has(t) ? "remote" : "error";
+    this.setConnectionState("disconnected"), this.emitter.emit("callEnded", { callId: e, reason: r });
+  }
+  teardownRoom() {
+    this.confirmMicrophone(!1), this.setAgentVideoTrack(null), this.roomCleanup.forEach((t) => t()), this.roomCleanup = [], this.audio.clear(), this.room = null, this.agentState = "unknown";
+  }
+  syncAgentState(t) {
+    var n, i;
+    let e = "unknown";
+    for (const o of t.remoteParticipants.values()) {
+      if ((n = o.attributes) != null && n[tt]) continue;
+      const r = (i = o.attributes) == null ? void 0 : i[Et];
+      if (r && bt.has(r)) {
+        e = r;
+        break;
+      }
+    }
+    this.setAgentState(e);
+  }
+  /** The subscribed video track of the avatar worker, if any (§1.3). */
+  findAgentVideoTrack(t) {
+    var e;
+    for (const n of t.remoteParticipants.values()) {
+      const i = (e = n.attributes) == null ? void 0 : e[tt];
+      if (!(!i || n.kind !== ot.AGENT) && t.remoteParticipants.has(i))
+        for (const o of n.videoTrackPublications.values()) {
+          const r = o.track;
+          if (r && o.isSubscribed) return r;
+        }
+    }
+    return null;
+  }
+  syncAgentVideo(t) {
+    this.destroyed || this.room !== t || this.setAgentVideoTrack(this.findAgentVideoTrack(t));
+  }
+  setAgentVideoTrack(t) {
+    const e = this.agentVideoTrack;
+    e !== t && (e && this.agentVideoElements.forEach((n) => e.detach(n)), this.agentVideoTrack = t, t && this.agentVideoElements.forEach((n) => t.attach(n)), !!e != !!t && this.emitter.emit("agentVideoChanged", { available: !!t }));
+  }
+  setConnectionState(t) {
+    const e = this.connectionState;
+    e !== t && (this.connectionState = t, this.emitter.emit("connectionStateChanged", { state: t, previous: e }));
+  }
+  setAgentState(t) {
+    const e = this.agentState;
+    e !== t && (this.agentState = t, this.emitter.emit("agentStateChanged", { state: t, previous: e }), t === "speaking" ? this.emitter.emit("agentSpeakingStarted", {}) : e === "speaking" && this.emitter.emit("agentSpeakingStopped", {}));
+  }
+  /** Переводит ось соединения (если нужно), логирует и эмитит error (§1.4);
+   * возвращает VoiceCallError — вызывающий сам решает throw или нет. */
+  raiseError(t, e, n) {
+    e !== this.connectionState && this.setConnectionState(e);
+    const i = new ct(t, this.connectionState, n);
+    return this.log.error(`[voice-client] ${t}`, n), this.emitter.emit("error", i), i;
+  }
+}
+function vt(a, t, e, n, i) {
+  var V, Z;
+  const o = document.createElement("button");
+  o.type = "button", o.className = "ht-avatar";
+  const r = document.createElement("img");
+  r.src = t.posterUrl, r.alt = "";
+  const g = document.createElement("span");
+  g.className = "ht-avatar-video", g.setAttribute("aria-hidden", "true");
+  const m = document.createElement("video");
+  m.className = "ht-avatar-live", m.muted = !0, m.autoplay = !0, m.playsInline = !0, m.controls = !1, m.setAttribute("tabindex", "-1"), m.setAttribute("aria-hidden", "true"), m.hidden = !0;
+  const S = document.createElement("span");
+  S.className = "ht-avatar-ai", S.id = `ht-avatar-ai-${Math.random().toString(36).slice(2, 8)}`, S.textContent = "AI avatar", S.hidden = !0;
+  const d = document.createElement("span");
+  d.className = "ht-mic", d.setAttribute("aria-hidden", "true"), d.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="2" width="6" height="12" rx="3"/><path d="M5 10v2a7 7 0 0014 0v-2M12 19v3M8 22h8"/><path class="ht-mic-slash" d="M2 2l20 20"/></svg>';
+  const y = document.createElement("span");
+  y.className = "ht-avatar-status", y.setAttribute("role", "status"), o.append(r, g, m, d, y, S), a.append(o);
+  const p = new AbortController(), H = window.matchMedia("(prefers-reduced-motion: reduce)");
+  let f, $ = !1, u = !1, v, R = !1, N = !1, L = "", K = !1, M = !1, C = !1, _ = !1, T, E;
+  function O() {
+    const s = window.visualViewport, h = (s == null ? void 0 : s.offsetLeft) ?? 0, k = (s == null ? void 0 : s.offsetTop) ?? 0, x = (s == null ? void 0 : s.width) ?? innerWidth, D = (s == null ? void 0 : s.height) ?? innerHeight, A = o.offsetWidth || t.size || 140, z = a.querySelector(".ht-panel"), P = z.getBoundingClientRect();
+    let U = (T == null ? void 0 : T.x) ?? h + x - A - 20, B = (T == null ? void 0 : T.y) ?? k + D - A - 100;
+    !z.hidden && U + A > P.left && U < P.right && B + A + 32 > P.top && B < P.bottom && (P.left - A - 16 >= h + 8 ? U = P.left - A - 16 : B = P.top - A - 40), U = Math.max(h + 8, Math.min(U, h + x - A - 8)), B = Math.max(k + 8, Math.min(B, k + D - A - 40)), o.style.left = `${U}px`, o.style.top = `${B}px`, T && (T = { x: U, y: B });
+  }
+  function w() {
+    if (R) return;
+    if (u) {
+      g.hidden = !0, f == null || f.pause();
+      return;
+    }
+    if (H.matches) {
+      g.hidden = !0, f == null || f.pause();
+      return;
+    }
+    if (!f) {
+      W();
+      return;
+    }
+    g.hidden = !0;
+    const s = N ? t.speakingVideoUrl : t.listeningVideoUrl;
+    s !== L && (L = s, f.src({ src: s, type: "video/mp4" }));
+    const h = f.play();
+    h && h.catch(() => {
+      g.hidden = !0;
+    });
+  }
+  g.hidden = !0;
+  function W() {
+    $ || f || R || ($ = !0, import("video.js").then(({ default: s }) => {
+      if (R || u) return;
+      const h = document.createElement("video");
+      h.className = "video-js", h.muted = !0, h.loop = !0, h.playsInline = !0, h.controls = !1, h.setAttribute("tabindex", "-1"), g.append(h), f = s(h, {
+        controls: !1,
+        muted: !0,
+        loop: !0,
+        playsinline: !0,
+        preload: "none",
+        poster: t.posterUrl,
+        children: ["mediaLoader"]
+      }), f.on("playing", () => {
+        H.matches || (g.hidden = !1);
+      }), f.on("waiting", () => {
+        g.hidden = !0;
+      }), f.on("error", () => {
+        g.hidden = !0;
+      }), w();
+    }).catch(() => {
+      g.hidden = !0;
+    }));
+  }
+  function c(s) {
+    var h;
+    if (!(R || u === s)) {
+      if (u = s, v == null || v(), v = void 0, s) {
+        v = e.attachAgentVideo(m);
+        try {
+          (h = m.play()) == null || h.catch(() => {
+          });
+        } catch {
+        }
+      }
+      m.hidden = !s, S.hidden = !s, s ? o.setAttribute("aria-describedby", S.id) : o.removeAttribute("aria-describedby"), w();
+    }
+  }
+  e.on("agentVideoChanged", ({ available: s }) => c(s)), w(), H.addEventListener("change", w, { signal: p.signal }), o.addEventListener(
+    "pointerdown",
+    (s) => {
+      if (s.button !== 0 || !s.isPrimary) return;
+      C = !1, _ = !1;
+      const h = o.getBoundingClientRect();
+      E = {
+        id: s.pointerId,
+        x: s.clientX,
+        y: s.clientY,
+        left: h.left,
+        top: h.top
+      }, o.setPointerCapture(s.pointerId);
+    },
+    { signal: p.signal }
+  ), o.addEventListener(
+    "pointermove",
+    (s) => {
+      if (!E || s.pointerId !== E.id) return;
+      const h = s.clientX - E.x, k = s.clientY - E.y;
+      !_ && Math.hypot(h, k) < 6 || (_ = !0, C = !0, T = { x: E.left + h, y: E.top + k }, O());
+    },
+    { signal: p.signal }
+  );
+  const l = () => {
+    E = void 0;
+  };
+  o.addEventListener(
+    "pointerup",
+    (s) => {
+      (E == null ? void 0 : E.id) === s.pointerId && s.pointerType === "touch" && !_ && (s.preventDefault(), C = !0, I()), l();
+    },
+    { signal: p.signal }
+  ), o.addEventListener(
+    "pointercancel",
+    () => {
+      C = !0, l();
+    },
+    { signal: p.signal }
+  ), o.addEventListener("lostpointercapture", l, { signal: p.signal }), o.addEventListener(
+    "click",
+    (s) => {
+      if (s.detail !== 0 && C) {
+        C = !1;
+        return;
+      }
+      I();
+    },
+    { signal: p.signal }
+  );
+  function I() {
+    if (!(M || K)) {
+      if (e.getState() !== "connected") {
+        n();
+        return;
+      }
+      K = !0, e.setMicrophoneEnabled(!e.isMicrophoneEnabled()).catch(i).finally(() => {
+        K = !1;
+      });
+    }
+  }
+  return window.addEventListener("resize", O, { signal: p.signal }), (V = window.visualViewport) == null || V.addEventListener("resize", O, { signal: p.signal }), (Z = window.visualViewport) == null || Z.addEventListener("scroll", O, { signal: p.signal }), O(), {
+    reposition: O,
+    update(s, h) {
+      const k = e.getState(), x = e.getAgentState(), D = e.isMicrophoneEnabled(), A = k === "connected";
+      M = s || k === "connecting" || k === "reconnecting" || A && !h, o.setAttribute("aria-disabled", String(M)), o.setAttribute("aria-pressed", String(D)), o.setAttribute(
+        "aria-label",
+        A ? D ? "Mute microphone" : "Unmute microphone" : "Start voice call"
+      ), d.classList.toggle("ht-muted", !D);
+      const z = A && x === "speaking";
+      N !== z && (N = z, w());
+      const P = s || k === "connecting" ? "Connecting" : k === "reconnecting" ? "Reconnecting" : A ? N ? "Speaking" : h ? D ? x === "listening" ? "Listening" : x === "thinking" ? "Thinking" : "Getting ready" : "Microphone off" : "Text chat" : "Tap to talk";
+      y.textContent = P, o.dataset.state = N ? "speaking" : A && D && x === "listening" ? "listening" : "idle";
+    },
+    destroy() {
+      R = !0, p.abort(), v == null || v(), v = void 0, f == null || f.dispose(), o.remove();
+    }
+  };
+}
+const Ot = 140, It = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.37 2.3.57 3.6.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.6 21 3 13.4 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.2 2.5.57 3.6a1 1 0 0 1-.25 1l-2.2 2.2Z" fill="currentColor"/></svg>', kt = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H10l-4.4 3.3A1 1 0 0 1 4 18.5v-13Z" fill="currentColor"/></svg>', Rt = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" fill="none"/></svg>', Nt = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 19V5m0 0-6 6m6-6 6 6" stroke="currentColor" stroke-width="2"/></svg>';
+function Lt(a) {
+  var W;
+  const t = a.mode === "avatar", e = a.avatar;
+  if (t && (!e || [e.posterUrl, e.listeningVideoUrl, e.speakingVideoUrl].some(
+    (c) => typeof c != "string" || !c.trim()
+  )))
+    throw new Error("Avatar mode requires posterUrl, listeningVideoUrl and speakingVideoUrl");
+  if ((e == null ? void 0 : e.size) !== void 0 && !(Number.isFinite(e.size) && e.size > 0))
+    throw new Error("avatar.size must be a positive number of pixels");
+  const n = document.createElement("div");
+  n.className = "ht-widget", n.dataset.mode = a.mode ?? "standard", e != null && e.size && n.style.setProperty("--ht-avatar-size", `${e.size}px`), n.innerHTML = `<button type="button" class="ht-launcher" aria-label="Open chat" aria-expanded="false">${t ? kt : It}<span class="ht-live-dot" hidden></span></button>
+    <section class="ht-panel" aria-label="Voice agent" hidden>
+      <header class="ht-head"><span class="ht-title">Voice agent</span><span class="ht-pill" role="status">Ready</span><span class="ht-timer" hidden>0:00</span><button type="button" class="ht-icon ht-collapse" aria-label="Close chat">${Rt}</button></header>
+      <details class="ht-details" open><summary>Call details</summary><div class="ht-fields"></div></details>
+      <div class="ht-log" role="log" aria-label="Conversation"><p class="ht-empty">Press Call to talk, or Chat to type.</p></div>
+      <pre class="ht-debug"></pre>
+      <button type="button" class="ht-btn ht-btn-ghost ht-enable-sound" hidden>Enable sound</button>
+      <form class="ht-composer"><input aria-label="Message" placeholder="Type a reply and press Enter…" maxlength="1000" disabled><button type="submit" class="ht-icon" aria-label="Send" disabled>${Nt}</button></form>
+      <div class="ht-actions"><button type="button" class="ht-btn ht-call-button">Call</button><button type="button" class="ht-btn ht-btn-ghost ht-chat-only" title="No microphone or audio">Chat</button><button type="button" class="ht-btn ht-btn-danger ht-end" disabled>${t ? "End call" : "Hang up"}</button></div>
+    </section>`;
+  const i = (c) => n.querySelector(c), o = i(".ht-launcher"), r = i(".ht-panel"), g = i(".ht-details"), m = i(".ht-log"), S = i(".ht-composer input"), d = i(".ht-composer button"), y = i(".ht-call-button"), p = i(".ht-chat-only"), H = i(".ht-end"), f = i(".ht-enable-sound"), $ = i(".ht-timer");
+  (W = a.renderCallDetails) == null || W.call(a, i(".ht-fields")), g.hidden = !a.renderCallDetails, a.container.append(n);
+  const u = new wt(), v = new AbortController(), R = /* @__PURE__ */ new Map();
+  let N = !1, L = !1, K = !0, M, C;
+  function _(c) {
+    r.hidden = !c, o.hidden = !t && c, o.setAttribute("aria-expanded", String(c)), C == null || C.reposition();
+  }
+  function T(c) {
+    const l = document.createElement("p");
+    l.className = "ht-msg system", l.textContent = c, m.append(l), _(!0);
+  }
+  function E() {
+    if (N) return;
+    const c = u.getState(), l = ["connecting", "connected", "reconnecting"].includes(c), I = L || l;
+    y.disabled = p.disabled = I, H.disabled = !l, S.disabled = d.disabled = c !== "connected", i(".ht-live-dot").hidden = !l;
+    const V = u.getAgentState();
+    i(".ht-pill").className = `ht-pill ${V}`, i(".ht-pill").textContent = L || c === "connecting" ? "Connecting…" : c === "reconnecting" ? "Reconnecting…" : V === "unknown" ? "Ready" : V[0].toUpperCase() + V.slice(1), i(".ht-debug").textContent = `state: ${c} · agent: ${V}${u.getCallId() ? `
+callId: ` + u.getCallId() : ""}`, C == null || C.update(L, K);
+  }
+  async function O(c) {
+    if (!(L || ["connecting", "connected", "reconnecting"].includes(u.getState()))) {
+      L = !0, K = c, f.hidden = !0, E();
+      try {
+        const l = await a.createSession({ avatar: t });
+        N || await u.startCall(l, { audio: c });
+      } catch {
+        !N && u.getState() !== "error" && T("Could not start the call. Check the call details and try again.");
+      } finally {
+        L = !1, E();
+      }
+    }
+  }
+  function w(c, l, I) {
+    c.addEventListener(l, I, { signal: v.signal });
+  }
+  return w(o, "click", () => _(r.hidden)), w(i(".ht-collapse"), "click", () => {
+    _(!1), o.focus();
+  }), w(y, "click", () => {
+    O(!0);
+  }), w(p, "click", () => {
+    O(!1);
+  }), w(H, "click", () => {
+    u.stopCall();
+  }), w(f, "click", () => {
+    u.resumeAudio().then(
+      () => {
+        f.hidden = !0;
+      },
+      () => {
+        f.hidden = !1;
+      }
+    );
+  }), w(i(".ht-composer"), "submit", (c) => {
+    c.preventDefault();
+    const l = S.value;
+    l.trim() && u.sendText(l).then(
+      () => {
+        S.value === l && (S.value = "");
+      },
+      () => {
+      }
+    );
+  }), u.on("connectionStateChanged", E), u.on("agentStateChanged", E), u.on("microphoneStateChanged", E), u.on("audioPlaybackBlocked", () => {
+    f.hidden = !1, _(!0);
+  }), u.on("callStarted", () => {
+    m.replaceChildren(), R.clear(), g.hidden = !0;
+    const c = Date.now();
+    clearInterval(M), $.hidden = !1;
+    const l = () => {
+      const I = Math.floor((Date.now() - c) / 1e3);
+      $.textContent = `${Math.floor(I / 60)}:${String(I % 60).padStart(2, "0")}`;
+    };
+    l(), M = setInterval(l, 1e3), E();
+  }), u.on("callEnded", (c) => {
+    clearInterval(M), $.hidden = !0, f.hidden = !0, g.hidden = !a.renderCallDetails, R.clear(), T(
+      c.reason === "remote" ? "The agent ended the call." : c.reason === "connection_lost" ? "Connection lost. Try calling again." : "Call ended."
+    ), E();
+  }), u.on("error", (c) => {
+    T({
+      MICROPHONE_PERMISSION_DENIED: "Allow microphone access in your browser, then try again.",
+      MICROPHONE_UNAVAILABLE: "Microphone unavailable. Check your device or use Chat.",
+      AUDIO_PLAYBACK_BLOCKED: "Tap Enable sound to hear the agent."
+    }[c.code] ?? `${c.code}: Please try again.`), E();
+  }), u.on("transcript", (c) => {
+    var I;
+    (I = i(".ht-empty")) == null || I.remove();
+    let l = R.get(c.id);
+    l || (l = document.createElement("div"), R.set(c.id, l), m.append(l)), l.className = `ht-msg ${c.role}${c.final ? "" : " interim"}`, l.textContent = c.text, m.scrollTop = m.scrollHeight;
+  }), t && (C = vt(
+    n,
+    a.avatar,
+    u,
+    () => O(!0),
+    () => _(!0)
+  )), E(), {
+    destroy() {
+      N || (N = !0, v.abort(), clearInterval(M), C == null || C.destroy(), u.destroy(), n.remove(), R.clear());
+    }
+  };
+}
+export {
+  Ot as DEFAULT_AVATAR_SIZE,
+  Lt as mountWidget
+};