@aihumanity/voice-sdk 0.1.0

package/dist/widget.js

@@ -0,0 +1,781 @@
+import { UltravoxSession, UltravoxSessionStatus } from 'ultravox-client';
+
+// src/VoiceCall.ts
+
+// src/client.ts
+async function fetchJoinUrl(opts) {
+  if (opts.fetchJoinUrl) {
+    return opts.fetchJoinUrl();
+  }
+  if (!opts.apiUrl) {
+    throw new Error("[aihumanity/voice-sdk] apiUrl is required when fetchJoinUrl is not provided.");
+  }
+  const baseUrl = opts.apiUrl.replace(/\/+$/, "");
+  const body = {
+    username: opts.username,
+    agentName: opts.agentName,
+    ...opts.extraJoinUrlBody ?? {}
+  };
+  if (opts.dataConnection) {
+    body.dataConnection = {
+      websocketUrl: opts.dataConnection.websocketUrl,
+      audioConfig: {
+        sampleRate: opts.dataConnection.audioConfig?.sampleRate ?? 16e3,
+        channelMode: opts.dataConnection.audioConfig?.channelMode ?? "CHANNEL_MODE_SEPARATED"
+      },
+      // Spread user-supplied flags first, then apply defaults for the two
+      // most common flags so they're always present if not explicitly set.
+      dataMessages: {
+        ...opts.dataConnection.dataMessages ?? {},
+        userStartedSpeaking: opts.dataConnection.dataMessages?.userStartedSpeaking ?? true,
+        userStoppedSpeaking: opts.dataConnection.dataMessages?.userStoppedSpeaking ?? true
+      }
+    };
+  }
+  if (opts.publicKey) {
+    const url2 = baseUrl + (opts.joinUrlPath ?? "/v1/voice/joinurl");
+    const res2 = await fetch(url2, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-Public-Key": opts.publicKey
+      },
+      body: JSON.stringify(body)
+    });
+    return parseJoinUrlResponse(res2);
+  }
+  const token = typeof opts.authToken === "function" ? await opts.authToken() : opts.authToken;
+  if (!token) {
+    throw new Error(
+      "[aihumanity/voice-sdk] Provide publicKey (for browser-direct) or authToken (for server-side)."
+    );
+  }
+  const path = opts.joinUrlPath ?? "/ultravox/secure/joinurl";
+  const url = baseUrl + path;
+  const res = await fetch(url, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${token}`
+    },
+    body: JSON.stringify(body)
+  });
+  return parseJoinUrlResponse(res);
+}
+async function parseJoinUrlResponse(res) {
+  const text = await res.text();
+  if (!res.ok) {
+    throw new Error(
+      `[aihumanity/voice-sdk] joinUrl request failed (${res.status}): ${text}`
+    );
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(text);
+  } catch {
+    throw new Error(
+      `[aihumanity/voice-sdk] joinUrl response was not valid JSON: ${text}`
+    );
+  }
+  if (!parsed.joinUrl) {
+    throw new Error(
+      "[aihumanity/voice-sdk] joinUrl response did not include `joinUrl`."
+    );
+  }
+  return parsed;
+}
+
+// src/emitter.ts
+var TypedEmitter = class {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Map();
+  }
+  on(event, listener) {
+    let set = this.listeners.get(event);
+    if (!set) {
+      set = /* @__PURE__ */ new Set();
+      this.listeners.set(event, set);
+    }
+    set.add(listener);
+    return () => this.off(event, listener);
+  }
+  off(event, listener) {
+    this.listeners.get(event)?.delete(listener);
+  }
+  once(event, listener) {
+    const off = this.on(event, ((payload) => {
+      off();
+      listener(payload);
+    }));
+    return off;
+  }
+  emit(event, payload) {
+    const set = this.listeners.get(event);
+    if (!set) return;
+    for (const fn of Array.from(set)) {
+      try {
+        fn(payload);
+      } catch (err) {
+        console.error("[aihumanity/voice-sdk] listener error:", err);
+      }
+    }
+  }
+  removeAllListeners() {
+    this.listeners.clear();
+  }
+};
+
+// src/types.ts
+var CallStatus = /* @__PURE__ */ ((CallStatus2) => {
+  CallStatus2["IDLE"] = "idle";
+  CallStatus2["CONNECTING"] = "connecting";
+  CallStatus2["CONNECTED"] = "connected";
+  CallStatus2["LISTENING"] = "listening";
+  CallStatus2["THINKING"] = "thinking";
+  CallStatus2["SPEAKING"] = "speaking";
+  CallStatus2["DISCONNECTING"] = "disconnecting";
+  CallStatus2["DISCONNECTED"] = "disconnected";
+  return CallStatus2;
+})(CallStatus || {});
+
+// src/VoiceCall.ts
+var DEFAULT_EMOTION_PATTERN = /\[EMOTION_CONTEXT\][^:]*:\s*(\w+)/i;
+var CONTACT_SAVED_PATTERN = /I['']ve (noted|saved|got|recorded) your (contact|info|details|number|email)/i;
+var LIVE_STATUSES = /* @__PURE__ */ new Set([
+  "connected" /* CONNECTED */,
+  "listening" /* LISTENING */,
+  "thinking" /* THINKING */,
+  "speaking" /* SPEAKING */
+]);
+var VoiceCall = class {
+  constructor(opts) {
+    this.emitter = new TypedEmitter();
+    this.session = null;
+    this._status = "idle" /* IDLE */;
+    this._callId = null;
+    this._sessionToken = null;
+    this._transcripts = [];
+    this._lastEmotion = null;
+    this._contactSaved = false;
+    this._starting = false;
+    this._emotionMeta = null;
+    this._pollTimer = null;
+    this.opts = opts;
+  }
+  // ── Public read-only state ────────────────────────────────────────────────
+  get status() {
+    return this._status;
+  }
+  get callId() {
+    return this._callId;
+  }
+  get sessionToken() {
+    return this._sessionToken;
+  }
+  get transcripts() {
+    return this._transcripts.slice();
+  }
+  get lastEmotion() {
+    return this._lastEmotion;
+  }
+  get contactSaved() {
+    return this._contactSaved;
+  }
+  get isMicMuted() {
+    return this.session?.isMicMuted ?? false;
+  }
+  get isSpeakerMuted() {
+    return this.session?.isSpeakerMuted ?? false;
+  }
+  /** Server-reported wiring info from the join-url response, if any. */
+  get emotionMeta() {
+    return this._emotionMeta;
+  }
+  /** Underlying ultravox-client session. Use sparingly — for power users. */
+  get rawSession() {
+    return this.session;
+  }
+  // ── Event API ─────────────────────────────────────────────────────────────
+  on(event, listener) {
+    return this.emitter.on(event, listener);
+  }
+  off(event, listener) {
+    this.emitter.off(event, listener);
+  }
+  once(event, listener) {
+    return this.emitter.once(event, listener);
+  }
+  // ── Control ───────────────────────────────────────────────────────────────
+  /**
+   * Fetches a joinUrl from the backend, opens an Ultravox session, and starts
+   * the call. Resolves once `joinCall` has been kicked off (the call goes
+   * "live" asynchronously via status events).
+   */
+  async start() {
+    if (this._starting) return;
+    if (this._status !== "idle" /* IDLE */ && this._status !== "disconnected" /* DISCONNECTED */) {
+      return;
+    }
+    this._starting = true;
+    this.resetMutableState();
+    this.setStatus("connecting" /* CONNECTING */);
+    try {
+      const payload = await fetchJoinUrl(this.opts);
+      this._callId = payload.callId ?? null;
+      this._sessionToken = payload.sessionToken ?? null;
+      this._emotionMeta = payload.emotion ?? null;
+      this.surfaceEmotionWarnings(payload);
+      const session = new UltravoxSession({
+        audioContext: this.opts.audioContext,
+        additionalMessages: this.opts.additionalMessages
+      });
+      this.session = session;
+      this.attachSessionListeners(session);
+      session.joinCall(payload.joinUrl);
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      this.emitter.emit("error", e);
+      this.setStatus("idle" /* IDLE */);
+    } finally {
+      this._starting = false;
+    }
+  }
+  /** Hangs up. Resolves when ultravox-client confirms disconnection. */
+  async end() {
+    if (!this.session) return;
+    this.setStatus("disconnecting" /* DISCONNECTING */);
+    try {
+      await this.session.leaveCall();
+    } catch (err) {
+      this.emitter.emit(
+        "error",
+        err instanceof Error ? err : new Error(String(err))
+      );
+    }
+  }
+  muteMic() {
+    this.session?.muteMic();
+    this.emitter.emit("mic_muted", true);
+  }
+  unmuteMic() {
+    this.session?.unmuteMic();
+    this.emitter.emit("mic_muted", false);
+  }
+  toggleMicMute() {
+    if (!this.session) return false;
+    this.session.toggleMicMute();
+    const muted = this.session.isMicMuted;
+    this.emitter.emit("mic_muted", muted);
+    return muted;
+  }
+  muteSpeaker() {
+    this.session?.muteSpeaker();
+    this.emitter.emit("speaker_muted", true);
+  }
+  unmuteSpeaker() {
+    this.session?.unmuteSpeaker();
+    this.emitter.emit("speaker_muted", false);
+  }
+  toggleSpeakerMute() {
+    if (!this.session) return false;
+    this.session.toggleSpeakerMute();
+    const muted = this.session.isSpeakerMuted;
+    this.emitter.emit("speaker_muted", muted);
+    return muted;
+  }
+  /** Sends a text message into the call (no spoken audio from the user). */
+  sendText(text, deferResponse = false) {
+    this.session?.sendText(text, deferResponse);
+  }
+  /** Sends an arbitrary data message over Ultravox's data channel. */
+  sendData(obj) {
+    this.session?.sendData(obj);
+  }
+  /** Removes all listeners and aborts any active session. */
+  dispose() {
+    this.stopEmotionPolling();
+    void this.session?.leaveCall().catch(() => {
+    });
+    this.session = null;
+    this.emitter.removeAllListeners();
+    this._status = "idle" /* IDLE */;
+  }
+  // ── Internals ─────────────────────────────────────────────────────────────
+  resetMutableState() {
+    this._callId = null;
+    this._sessionToken = null;
+    this._transcripts = [];
+    this._lastEmotion = null;
+    this._contactSaved = false;
+    this._emotionMeta = null;
+    this.stopEmotionPolling();
+  }
+  attachSessionListeners(session) {
+    session.addEventListener("status", () => this.handleStatusChange(session));
+    session.addEventListener("transcripts", () => this.handleTranscripts(session));
+    session.addEventListener(
+      "experimental_message",
+      (evt) => this.handleDataMessage(evt)
+    );
+  }
+  handleStatusChange(session) {
+    const raw = session.status;
+    this.emitter.emit("raw_status", String(raw));
+    const prevStatus = this._status;
+    let next;
+    switch (raw) {
+      case UltravoxSessionStatus.CONNECTING:
+        next = "connecting" /* CONNECTING */;
+        break;
+      case UltravoxSessionStatus.IDLE:
+        next = "connected" /* CONNECTED */;
+        break;
+      case UltravoxSessionStatus.LISTENING:
+        next = "listening" /* LISTENING */;
+        break;
+      case UltravoxSessionStatus.THINKING:
+        next = "thinking" /* THINKING */;
+        break;
+      case UltravoxSessionStatus.SPEAKING:
+        next = "speaking" /* SPEAKING */;
+        break;
+      case UltravoxSessionStatus.DISCONNECTING:
+        next = "disconnecting" /* DISCONNECTING */;
+        break;
+      case UltravoxSessionStatus.DISCONNECTED:
+        next = "disconnected" /* DISCONNECTED */;
+        break;
+      default:
+        next = this._status;
+    }
+    this.setStatus(next);
+    const wasLive = LIVE_STATUSES.has(prevStatus);
+    const nowLive = LIVE_STATUSES.has(next);
+    if (!wasLive && nowLive && this._callId && this.opts.pollEmotion) {
+      this.startEmotionPolling();
+    }
+    if (next === "disconnected" /* DISCONNECTED */) {
+      this.stopEmotionPolling();
+      this.session = null;
+      this.emitter.emit("ended", void 0);
+      this.setStatus("idle" /* IDLE */);
+    }
+  }
+  handleTranscripts(session) {
+    const raw = session.transcripts ?? [];
+    const mapped = raw.map(toPublicTranscript);
+    const previous = this._transcripts;
+    this._transcripts = mapped;
+    for (let i = 0; i < mapped.length; i++) {
+      const cur = mapped[i];
+      if (!cur) continue;
+      const prev = previous[i];
+      if (!prev || prev.text !== cur.text || prev.isFinal !== cur.isFinal) {
+        this.emitter.emit("transcript", cur);
+      }
+    }
+    this.emitter.emit("transcripts", mapped);
+    if (!this._contactSaved) {
+      const saved = mapped.some(
+        (t) => t.speaker === "agent" /* AGENT */ && t.text && CONTACT_SAVED_PATTERN.test(t.text)
+      );
+      if (saved) {
+        this._contactSaved = true;
+        this.emitter.emit("contact_saved", void 0);
+      }
+    }
+  }
+  handleDataMessage(evt) {
+    const anyEvt = evt;
+    const raw = anyEvt.message ?? anyEvt.data ?? evt;
+    this.emitter.emit("data_message", raw);
+    const text = typeof raw === "string" ? raw : safeStringify(raw);
+    const pattern = this.opts.emotionPattern ?? DEFAULT_EMOTION_PATTERN;
+    const match = text.match(pattern);
+    if (match && match[1]) {
+      const label = match[1].toLowerCase();
+      this._lastEmotion = label;
+      this.emitter.emit("emotion", { label, raw });
+    }
+  }
+  startEmotionPolling() {
+    this.stopEmotionPolling();
+    if (!this.opts.pollEmotion || !this._callId) return;
+    const callId = this._callId;
+    const sessionToken = this._sessionToken ?? void 0;
+    const interval = this.opts.emotionPollIntervalMs ?? 15e3;
+    const poll = async () => {
+      try {
+        const label = await this.opts.pollEmotion(callId, sessionToken);
+        if (label) {
+          const normalized = label.toLowerCase();
+          this._lastEmotion = normalized;
+          this.emitter.emit("emotion", { label: normalized, raw: label });
+        }
+      } catch {
+      }
+    };
+    poll();
+    this._pollTimer = setInterval(poll, interval);
+  }
+  stopEmotionPolling() {
+    if (this._pollTimer !== null) {
+      clearInterval(this._pollTimer);
+      this._pollTimer = null;
+    }
+  }
+  setStatus(next) {
+    if (next === this._status) return;
+    this._status = next;
+    this.emitter.emit("status", next);
+  }
+  surfaceEmotionWarnings(payload) {
+    const e = payload.emotion;
+    if (!e) return;
+    if (e.dataConnectionEnabled === false) {
+      this.emitter.emit(
+        "warning",
+        "dataConnection not enabled \u2014 check emotion WebSocket URL."
+      );
+    }
+    if (e.audioEnabled === false) {
+      this.emitter.emit(
+        "warning",
+        "audio not enabled \u2014 audioConfig missing on backend request."
+      );
+    }
+    if (e.emotionBridgeConfigured === false) {
+      this.emitter.emit(
+        "warning",
+        "emotionBridge not configured on the backend."
+      );
+    }
+    if (e.autoSendEnabled === false) {
+      this.emitter.emit(
+        "warning",
+        "auto-send not enabled \u2014 emotion will not feed back into the agent."
+      );
+    }
+  }
+};
+function toPublicTranscript(t) {
+  return {
+    text: t.text,
+    isFinal: t.isFinal,
+    speaker: t.speaker,
+    medium: t.medium,
+    ordinal: t.ordinal
+  };
+}
+function safeStringify(v) {
+  try {
+    return JSON.stringify(v);
+  } catch {
+    return String(v);
+  }
+}
+
+// src/widget.ts
+var EMOTION_META = {
+  happy: { color: "#4ade80", bg: "rgba(74,222,128,0.10)", border: "rgba(74,222,128,0.28)", label: "Happy" },
+  excited: { color: "#facc15", bg: "rgba(250,204,21,0.10)", border: "rgba(250,204,21,0.28)", label: "Excited" },
+  joy: { color: "#4ade80", bg: "rgba(74,222,128,0.10)", border: "rgba(74,222,128,0.28)", label: "Joyful" },
+  confident: { color: "#6ddcff", bg: "rgba(109,220,255,0.10)", border: "rgba(109,220,255,0.28)", label: "Confident" },
+  neutral: { color: "#a0a0b8", bg: "rgba(160,160,184,0.08)", border: "rgba(160,160,184,0.22)", label: "Neutral" },
+  calm: { color: "#93c5fd", bg: "rgba(147,197,253,0.08)", border: "rgba(147,197,253,0.22)", label: "Calm" },
+  curious: { color: "#c4b5fd", bg: "rgba(196,181,253,0.08)", border: "rgba(196,181,253,0.22)", label: "Curious" },
+  sad: { color: "#818cf8", bg: "rgba(129,140,248,0.10)", border: "rgba(129,140,248,0.28)", label: "Sad" },
+  anxious: { color: "#fb923c", bg: "rgba(251,146,60,0.10)", border: "rgba(251,146,60,0.28)", label: "Anxious" },
+  stressed: { color: "#fb923c", bg: "rgba(251,146,60,0.10)", border: "rgba(251,146,60,0.28)", label: "Stressed" },
+  angry: { color: "#f87171", bg: "rgba(248,113,113,0.10)", border: "rgba(248,113,113,0.28)", label: "Angry" },
+  fear: { color: "#f87171", bg: "rgba(248,113,113,0.10)", border: "rgba(248,113,113,0.28)", label: "Fearful" },
+  disgust: { color: "#fb923c", bg: "rgba(251,146,60,0.10)", border: "rgba(251,146,60,0.28)", label: "Disgust" }
+};
+var STYLE = `
+:host { all: initial; }
+* { box-sizing: border-box; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
+
+@keyframes spin   { to { transform: rotate(360deg); } }
+@keyframes pulse  { 0%,100%{box-shadow:0 0 0 6px rgba(255,77,77,0.25),0 4px 20px rgba(192,57,43,0.5);} 50%{box-shadow:0 0 0 10px rgba(255,77,77,0.1),0 4px 24px rgba(192,57,43,0.6);} }
+@keyframes wave   { from{transform:scaleY(1);} to{transform:scaleY(2.2);} }
+@keyframes pop    { 0%{transform:scale(0.85);opacity:0;} 60%{transform:scale(1.06);} 100%{transform:scale(1);opacity:1;} }
+@keyframes dot    { 0%,100%{opacity:1;} 50%{opacity:.3;} }
+
+.fab {
+  position: fixed; bottom: 28px; right: 28px; z-index: 2147483600;
+  width: 60px; height: 60px; border-radius: 50%; border: none; cursor: pointer;
+  display: flex; align-items: center; justify-content: center;
+  background: linear-gradient(135deg, #6ddcff, #7e60f8);
+  box-shadow: 0 4px 20px rgba(126,96,248,0.4);
+  transition: background .3s, box-shadow .3s;
+}
+.fab.live {
+  background: linear-gradient(135deg, #ff4d4d, #c0392b);
+  animation: pulse 2s ease-in-out infinite;
+}
+.fab svg { stroke: #fff; }
+.spinner { width: 20px; height: 20px; border: 2px solid #2a2a3a; border-top: 2px solid #6ddcff; border-radius: 50%; animation: spin .8s linear infinite; }
+
+.tooltip {
+  position: fixed; bottom: 36px; right: 98px; z-index: 2147483599;
+  background: #0d0d14; border: 1px solid #2a2a3a; border-radius: 10px;
+  padding: 6px 12px; font-size: 0.8rem; color: #e0e0e0; white-space: nowrap;
+  pointer-events: none;
+}
+
+.panel {
+  position: fixed; bottom: 100px; right: 28px; z-index: 2147483600;
+  width: 300px; background: #0d0d14; border: 1px solid #1e1e2e;
+  border-radius: 18px; box-shadow: 0 8px 40px rgba(0,0,0,0.6); overflow: hidden;
+  color: #fff;
+}
+.panel header {
+  background: linear-gradient(135deg, rgba(109,220,255,0.08), rgba(126,96,248,0.12));
+  border-bottom: 1px solid #1e1e2e; padding: 16px 20px;
+  display: flex; align-items: center; gap: 12px;
+}
+.avatar {
+  width: 44px; height: 44px; border-radius: 50%;
+  background: linear-gradient(135deg, #6ddcff, #7e60f8);
+  display: flex; align-items: center; justify-content: center;
+  font-weight: 700; color: #fff; font-size: 1rem; flex-shrink: 0;
+  transition: box-shadow .3s;
+}
+.avatar.live { box-shadow: 0 0 0 3px rgba(109,220,255,0.3); }
+.title { font-weight: 700; font-size: 0.95rem; }
+.subtitle { font-size: 0.72rem; color: #7e60f8; letter-spacing: 0.08em; margin-top: 1px; }
+.close {
+  margin-left: auto; background: none; border: none; cursor: pointer;
+  color: #555; padding: 4px; line-height: 1;
+}
+
+.body { padding: 20px; text-align: center; }
+.intro { font-size: 0.85rem; color: #a0a0b8; line-height: 1.6; margin: 0 0 20px; }
+.error { font-size: 0.78rem; color: #ff6b6b; margin-bottom: 12px; }
+
+.start-btn {
+  width: 100%; padding: 12px; border-radius: 12px; border: none; cursor: pointer;
+  background: linear-gradient(135deg, #6ddcff, #7e60f8);
+  color: #fff; font-weight: 700; font-size: 0.9rem;
+  display: flex; align-items: center; justify-content: center; gap: 8px;
+}
+.start-btn[disabled] { opacity: 0.5; cursor: not-allowed; }
+
+.busy { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 12px 0; }
+.busy p { font-size: 0.85rem; color: #a0a0b8; margin: 0; }
+
+.live-status { font-size: 0.82rem; color: #6ddcff; margin: 0 0 4px; letter-spacing: 0.04em; }
+
+.waveform { display: flex; align-items: center; gap: 3px; height: 24px; justify-content: center; margin-bottom: 12px; }
+.waveform > div {
+  width: 3px; border-radius: 2px;
+  background: linear-gradient(180deg, #6ddcff, #7e60f8);
+  height: 4px;
+}
+.waveform.active > div { animation: wave .6s ease-in-out infinite alternate; }
+.waveform.active > div:nth-child(2) { animation-duration: .7s; }
+.waveform.active > div:nth-child(3) { animation-duration: .8s; }
+.waveform.active > div:nth-child(4) { animation-duration: .9s; }
+.waveform.active > div:nth-child(5) { animation-duration: 1s; }
+
+.badge {
+  display: inline-flex; align-items: center; gap: 6px;
+  background: rgba(109,220,255,0.08); border: 1px solid rgba(109,220,255,0.2);
+  border-radius: 20px; padding: 4px 12px; margin-bottom: 14px;
+  font-size: 0.72rem; color: #6ddcff;
+}
+
+.emotion {
+  display: inline-flex; align-items: center; gap: 6px;
+  border-radius: 20px; padding: 5px 12px; margin-bottom: 10px;
+  font-size: 0.7rem; font-weight: 600; letter-spacing: 0.04em;
+  animation: pop .35s cubic-bezier(0.34,1.56,0.64,1) both;
+}
+.emotion .dot { width: 6px; height: 6px; border-radius: 50%; animation: dot 1.6s ease-in-out infinite; flex-shrink: 0; }
+
+.actions { display: flex; gap: 10px; margin-top: 12px; }
+.actions button {
+  flex: 1; padding: 10px; border-radius: 10px; border: 1px solid #2a2a3a;
+  background: transparent; color: #a0a0b8; cursor: pointer;
+  font-size: 0.82rem; display: flex; align-items: center; justify-content: center; gap: 6px;
+}
+.actions .end { background: #3d1a1a; color: #ff6b6b; border: none; }
+.actions .mute.muted { background: #2a2a3a; color: #6ddcff; }
+
+footer { border-top: 1px solid #1a1a28; padding: 10px 20px; font-size: 0.7rem; color: #444; text-align: center; }
+
+.hidden { display: none !important; }
+`;
+var MIC_SVG = `<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2" width="6" height="11" rx="3"/><path d="M5 10a7 7 0 0 0 14 0"/><line x1="12" y1="19" x2="12" y2="22"/><line x1="8" y1="22" x2="16" y2="22"/></svg>`;
+var HANGUP_SVG = `<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.42 19.42 0 0 1 4.43 9.58 19.79 19.79 0 0 1 1.36.94a2 2 0 0 1 2-.18l3 .01a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11z"/><line x1="23" y1="1" x2="1" y2="23"/></svg>`;
+var CLOSE_SVG = `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`;
+var CHECK_SVG = `<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>`;
+var MUTE_ON_SVG = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="1" y1="1" x2="23" y2="23"/><path d="M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"/><path d="M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"/><line x1="12" y1="19" x2="12" y2="22"/></svg>`;
+var MUTE_OFF_SVG = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="9" y="2" width="6" height="11" rx="3"/><path d="M5 10a7 7 0 0 0 14 0"/><line x1="12" y1="19" x2="12" y2="22"/></svg>`;
+function mountFloatingWidget(options) {
+  const persona = {
+    name: options.persona?.name ?? "the founder",
+    title: options.persona?.title ?? "AI voice assistant",
+    initials: options.persona?.initials ?? (options.persona?.name ?? "AI").split(/\s+/).map((s) => s[0]?.toUpperCase() ?? "").slice(0, 2).join(""),
+    intro: options.persona?.intro ?? `Have a real-time voice conversation with ${options.persona?.name ?? "the agent"}.`,
+    footer: options.persona?.footer ?? "Powered by AIHumanity \xB7 Ultravox voice AI"
+  };
+  const container = options.container ?? document.body;
+  const host = document.createElement("div");
+  host.style.position = "fixed";
+  host.style.zIndex = "2147483600";
+  container.appendChild(host);
+  const root = host.attachShadow({ mode: "open" });
+  const styleEl = document.createElement("style");
+  styleEl.textContent = STYLE;
+  root.appendChild(styleEl);
+  const fab = document.createElement("button");
+  fab.className = "fab";
+  fab.title = `Talk to ${persona.name}`;
+  fab.innerHTML = MIC_SVG;
+  root.appendChild(fab);
+  const tooltip = document.createElement("div");
+  tooltip.className = "tooltip";
+  tooltip.textContent = `Talk to ${persona.name}`;
+  if (options.showTooltip === false) tooltip.classList.add("hidden");
+  root.appendChild(tooltip);
+  const panel = document.createElement("div");
+  panel.className = "panel hidden";
+  panel.innerHTML = `
+    <header>
+      <div class="avatar">${escapeHtml(persona.initials)}</div>
+      <div>
+        <div class="title">${escapeHtml(persona.name)}</div>
+        <div class="subtitle">${escapeHtml(persona.title)}</div>
+      </div>
+      <button class="close" aria-label="Close">${CLOSE_SVG}</button>
+    </header>
+    <div class="body">
+      <div class="state-idle">
+        <p class="intro">${escapeHtml(persona.intro)}</p>
+        <p class="error hidden"></p>
+        <button class="start-btn">${MIC_SVG}<span>Start Conversation</span></button>
+      </div>
+      <div class="state-busy busy hidden"><div class="spinner"></div><p class="busy-label">Connecting\u2026</p></div>
+      <div class="state-live hidden">
+        <div class="waveform active">
+          <div></div><div></div><div></div><div></div><div></div>
+        </div>
+        <p class="live-status">Live \xB7 Speaking with ${escapeHtml(persona.name)}</p>
+        <div class="badge contact-saved hidden">${CHECK_SVG}<span>Contact info saved</span></div>
+        <div class="emotion hidden"></div>
+        <div class="actions">
+          <button class="mute">${MUTE_OFF_SVG}<span>Mute</span></button>
+          <button class="end">${HANGUP_SVG}<span>End Call</span></button>
+        </div>
+      </div>
+    </div>
+    <footer>${escapeHtml(persona.footer)}</footer>
+  `;
+  root.appendChild(panel);
+  const $ = (sel) => panel.querySelector(sel);
+  const closeBtn = $(".close");
+  const idleEl = $(".state-idle");
+  const busyEl = $(".state-busy");
+  const liveEl = $(".state-live");
+  const errorEl = $(".error");
+  const startBtn = $(".start-btn");
+  const busyLabel = $(".busy-label");
+  const muteBtn = $(".mute");
+  const endBtn = $(".end");
+  const savedBadge = $(".contact-saved");
+  const emotionEl = $(".emotion");
+  const avatarEl = $(".avatar");
+  const footerEl = panel.querySelector("footer");
+  const call = new VoiceCall(options);
+  let panelOpen = false;
+  let isLive = false;
+  function setPanelOpen(open) {
+    panelOpen = open;
+    panel.classList.toggle("hidden", !open);
+    if (open) tooltip.classList.add("hidden");
+    else if (options.showTooltip !== false && !isLive) tooltip.classList.remove("hidden");
+  }
+  function render() {
+    const s = call.status;
+    const busy = s === "connecting" /* CONNECTING */ || s === "disconnecting" /* DISCONNECTING */;
+    const live = s === "connected" /* CONNECTED */ || s === "listening" /* LISTENING */ || s === "thinking" /* THINKING */ || s === "speaking" /* SPEAKING */;
+    isLive = live;
+    fab.classList.toggle("live", live);
+    fab.title = live ? "End call" : `Talk to ${persona.name}`;
+    fab.innerHTML = busy ? `<div class="spinner"></div>` : live ? HANGUP_SVG : MIC_SVG;
+    avatarEl.classList.toggle("live", live);
+    idleEl.classList.toggle("hidden", busy || live);
+    busyEl.classList.toggle("hidden", !busy);
+    liveEl.classList.toggle("hidden", !live);
+    footerEl.classList.toggle("hidden", live || busy);
+    busyLabel.textContent = s === "connecting" /* CONNECTING */ ? `Connecting to ${persona.name}\u2026` : "Ending call\u2026";
+  }
+  fab.addEventListener("click", () => {
+    if (isLive || call.status === "connecting" /* CONNECTING */) {
+      void call.end();
+    } else {
+      setPanelOpen(!panelOpen);
+    }
+  });
+  closeBtn.addEventListener("click", () => setPanelOpen(false));
+  startBtn.addEventListener("click", () => {
+    setPanelOpen(true);
+    errorEl.classList.add("hidden");
+    void call.start();
+  });
+  endBtn.addEventListener("click", () => void call.end());
+  muteBtn.addEventListener("click", () => call.toggleMicMute());
+  call.on("status", () => render());
+  call.on("error", (err) => {
+    errorEl.textContent = err.message;
+    errorEl.classList.remove("hidden");
+  });
+  call.on("contact_saved", () => savedBadge.classList.remove("hidden"));
+  call.on("emotion", ({ label }) => {
+    const meta = EMOTION_META[label] ?? {
+      color: "#a0a0b8",
+      bg: "rgba(160,160,184,0.08)",
+      border: "rgba(160,160,184,0.22)",
+      label: label.charAt(0).toUpperCase() + label.slice(1)
+    };
+    emotionEl.classList.remove("hidden");
+    emotionEl.style.background = meta.bg;
+    emotionEl.style.border = `1px solid ${meta.border}`;
+    emotionEl.style.color = meta.color;
+    emotionEl.innerHTML = `<span class="dot" style="background:${meta.color}"></span>${escapeHtml(meta.label)}`;
+  });
+  call.on("mic_muted", (m) => {
+    muteBtn.classList.toggle("muted", m);
+    muteBtn.innerHTML = `${m ? MUTE_ON_SVG : MUTE_OFF_SVG}<span>${m ? "Unmute" : "Mute"}</span>`;
+  });
+  call.on("ended", () => {
+    savedBadge.classList.add("hidden");
+    emotionEl.classList.add("hidden");
+    muteBtn.classList.remove("muted");
+    muteBtn.innerHTML = `${MUTE_OFF_SVG}<span>Mute</span>`;
+  });
+  render();
+  return {
+    open() {
+      setPanelOpen(true);
+      void call.start();
+    },
+    close() {
+      void call.end();
+      setPanelOpen(false);
+    },
+    destroy() {
+      call.dispose();
+      host.remove();
+    },
+    call
+  };
+}
+function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+
+export { CallStatus, VoiceCall, mountFloatingWidget };
+//# sourceMappingURL=widget.js.map
+//# sourceMappingURL=widget.js.map