@glydeunity/voice-sdk 1.3.6 → 1.4.0

package/dist/voice-sdk.es.js

@@ -1,4 +1,7 @@
-const p = `
+import z, { useState as k, useRef as E, useCallback as A, useEffect as I } from "react";
+import { jsxs as d, jsx as i, Fragment as K } from "react/jsx-runtime";
+import { createRoot as D } from "react-dom/client";
+const J = `
 class AudioCaptureProcessor extends AudioWorkletProcessor {
   constructor() {
     super();
@@ -33,7 +36,7 @@ class AudioCaptureProcessor extends AudioWorkletProcessor {
 }
 
 registerProcessor('audio-capture-processor', AudioCaptureProcessor);
-`, f = `
+`, q = `
 class AudioPlaybackProcessor extends AudioWorkletProcessor {
   constructor() {
     super();
@@ -131,7 +134,7 @@ class AudioPlaybackProcessor extends AudioWorkletProcessor {
 
 registerProcessor('audio-playback-processor', AudioPlaybackProcessor);
 `;
-class y {
+class Y {
   config;
   unityUrl;
   active = !1;
@@ -176,16 +179,16 @@ class y {
    * @returns Voice configuration including system prompt, tools, and Deepgram settings
    */
   async fetchConfig() {
-    const e = `${this.unityUrl}/api/unity/voice/config/${this.config.contextType}`, t = this.config.contextId ? `${e}/${this.config.contextId}` : e, s = await fetch(t, {
+    const e = `${this.unityUrl}/api/unity/voice/config/${this.config.contextType}`, t = this.config.contextId ? `${e}/${this.config.contextId}` : e, o = await fetch(t, {
       method: "GET",
       headers: this.getAuthHeaders()
     });
-    if (!s.ok) {
-      const o = await s.json();
-      throw new Error(o.error?.message || o.message || "Failed to fetch voice config");
+    if (!o.ok) {
+      const s = await o.json();
+      throw new Error(s.error?.message || s.message || "Failed to fetch voice config");
     }
-    const { data: i } = await s.json();
-    return i;
+    const { data: n } = await o.json();
+    return n;
   }
   /**
    * Initialize and start the voice session
@@ -209,23 +212,23 @@ class y {
           const a = await t.json();
           throw new Error(a.error?.message || a.message || "Failed to authenticate voice session");
         }
-        const { data: s } = await t.json(), { token: i, agent_config: o, deepgram_config: n } = s;
+        const { data: o } = await t.json(), { token: n, agent_config: s, deepgram_config: c } = o;
         this.setSessionContext({
-          clientUuid: o?.client_uuid,
+          clientUuid: s?.client_uuid,
           contextId: this.config.contextId,
           contextType: this.config.contextType,
-          currentJobUuid: o?.job_uuid
+          currentJobUuid: s?.job_uuid
         });
-        const c = this.config.systemPrompt || o.instructions || this.serverConfig?.system_prompt || "You are a helpful AI assistant.";
+        const g = this.config.systemPrompt || s.instructions || this.serverConfig?.system_prompt || "You are a helpful AI assistant.";
         await this.initializeAudio();
-        let l = "wss://agent.deepgram.com/v1/agent/converse";
-        const r = this.config.deepgramConfig || n || this.serverConfig?.deepgram_config;
-        if (r?.tags && r.tags.length > 0) {
+        let y = "wss://agent.deepgram.com/v1/agent/converse";
+        const p = this.config.deepgramConfig || c || this.serverConfig?.deepgram_config;
+        if (p?.tags && p.tags.length > 0) {
           const a = new URLSearchParams();
-          r.tags.forEach((h) => a.append("tag", h)), l += `?${a.toString()}`;
+          p.tags.forEach((h) => a.append("tag", h)), y += `?${a.toString()}`;
         }
-        this.ws = new WebSocket(l, ["bearer", i]), this.ws.onopen = () => {
-          const a = r || {
+        this.ws = new WebSocket(y, ["bearer", n]), this.ws.onopen = () => {
+          const a = p || {
             think: { provider: { type: "open_ai", model: "gpt-4.1-nano" } },
             speak: { provider: { type: "deepgram", model: "aura-2-thalia-en" } },
             listen: { provider: { type: "deepgram", version: "v2", model: "flux-general-en" } }
@@ -258,18 +261,18 @@ class y {
               greeting: "Hi! I'm excited you chose to speak with me. Are you ready to start?"
             }
           };
-          a.tags && a.tags.length > 0 && (h.tags = a.tags), this.ws.send(JSON.stringify(h)), this.emit({ type: "open", payload: { config: o, serverConfig: this.serverConfig } });
+          a.tags && a.tags.length > 0 && (h.tags = a.tags), this.ws.send(JSON.stringify(h)), this.emit({ type: "open", payload: { config: s, serverConfig: this.serverConfig } });
         };
-        const u = c;
+        const f = g;
         this.ws.onmessage = (a) => {
           if (typeof a.data == "string") {
             try {
               if (JSON.parse(a.data).type === "SettingsApplied") {
-                const d = {
+                const b = {
                   type: "UpdatePrompt",
-                  prompt: u
+                  prompt: f
                 };
-                this.ws.send(JSON.stringify(d)), this.startMicrophone();
+                this.ws.send(JSON.stringify(b)), this.startMicrophone();
               }
             } catch {
             }
@@ -301,7 +304,7 @@ class y {
    */
   async initializeAudio() {
     this.audioContext = new AudioContext({ sampleRate: this.inputSampleRate });
-    const e = this.createWorkletBlobUrl(p), t = this.createWorkletBlobUrl(f);
+    const e = this.createWorkletBlobUrl(J), t = this.createWorkletBlobUrl(q);
     try {
       await Promise.all([
         this.audioContext.audioWorklet.addModule(e),
@@ -310,9 +313,9 @@ class y {
     } finally {
       URL.revokeObjectURL(e), URL.revokeObjectURL(t);
     }
-    this.playbackWorkletNode = new AudioWorkletNode(this.audioContext, "audio-playback-processor"), this.playbackWorkletNode.connect(this.audioContext.destination), this.playbackWorkletNode.port.onmessage = (s) => {
-      const { type: i } = s.data;
-      (i === "cleared" || i === "bufferEmpty") && (this.isAgentSpeaking = !1, this.agentAudioDoneReceived = !1, this.emit({ type: "agent_speaking", payload: !1 }));
+    this.playbackWorkletNode = new AudioWorkletNode(this.audioContext, "audio-playback-processor"), this.playbackWorkletNode.connect(this.audioContext.destination), this.playbackWorkletNode.port.onmessage = (o) => {
+      const { type: n } = o.data;
+      (n === "cleared" || n === "bufferEmpty") && (this.isAgentSpeaking = !1, this.agentAudioDoneReceived = !1, this.emit({ type: "agent_speaking", payload: !1 }));
     };
   }
   /**
@@ -335,8 +338,8 @@ class y {
           break;
         case "ConversationText":
           if (t.content && t.content.trim()) {
-            const s = t.role === "assistant" ? "agent" : "user";
-            this.config.onTranscript && this.config.onTranscript(t.content, s), this.emit({ type: "transcript", payload: { text: t.content, role: s } }), this.saveTranscript(t.content, t.role);
+            const o = t.role === "assistant" ? "agent" : "user";
+            this.config.onTranscript && this.config.onTranscript(t.content, o), this.emit({ type: "transcript", payload: { text: t.content, role: o } }), this.saveTranscript(t.content, t.role);
           }
           break;
         case "AgentStartedSpeaking":
@@ -372,30 +375,30 @@ class y {
     this.audioContext.state === "suspended" && this.audioContext.resume();
     const t = e.byteLength;
     if (t === 0) return;
-    const s = t - t % 2;
-    if (s === 0) return;
-    const i = s === t ? e : e.slice(0, s), o = new Int16Array(i), n = new Float32Array(o.length);
-    for (let r = 0; r < o.length; r++)
-      n[r] = o[r] / 32768;
-    const c = this.resample24kTo48k(n);
+    const o = t - t % 2;
+    if (o === 0) return;
+    const n = o === t ? e : e.slice(0, o), s = new Int16Array(n), c = new Float32Array(s.length);
+    for (let p = 0; p < s.length; p++)
+      c[p] = s[p] / 32768;
+    const g = this.resample24kTo48k(c);
     !this.isAgentSpeaking && !this.agentAudioDoneReceived && (this.isAgentSpeaking = !0, this.emit({ type: "agent_speaking", payload: !0 }));
-    const l = new Float32Array(c);
+    const y = new Float32Array(g);
     this.playbackWorkletNode.port.postMessage({
       type: "audio",
-      data: l
-    }, [l.buffer]);
+      data: y
+    }, [y.buffer]);
   }
   /**
    * Resample audio from 24kHz to 48kHz using linear interpolation
    */
   resample24kTo48k(e) {
-    const t = e.length * 2, s = new Float32Array(t);
-    for (let o = 0; o < e.length - 1; o++) {
-      const n = e[o], c = e[o + 1];
-      s[o * 2] = n, s[o * 2 + 1] = (n + c) / 2;
+    const t = e.length * 2, o = new Float32Array(t);
+    for (let s = 0; s < e.length - 1; s++) {
+      const c = e[s], g = e[s + 1];
+      o[s * 2] = c, o[s * 2 + 1] = (c + g) / 2;
     }
-    const i = e.length - 1;
-    return s[i * 2] = e[i], s[i * 2 + 1] = e[i], s;
+    const n = e.length - 1;
+    return o[n * 2] = e[n], o[n * 2 + 1] = e[n], o;
   }
   /**
    * Clear the playback buffer (for interruption handling)
@@ -515,28 +518,28 @@ class y {
   async handleFunctionCallRequest(e) {
     for (const t of e.functions) {
       console.log("[GlydeVoice] Function call request:", t.name, t.arguments);
-      let s = {};
+      let o = {};
       try {
-        s = t.arguments ? JSON.parse(t.arguments) : {};
-      } catch (n) {
-        console.warn("[GlydeVoice] Failed to parse function arguments:", n);
+        o = t.arguments ? JSON.parse(t.arguments) : {};
+      } catch (c) {
+        console.warn("[GlydeVoice] Failed to parse function arguments:", c);
       }
-      let i;
+      let n;
       try {
-        t.name === "end_conversation" ? i = await this.handleEndConversation(s) : i = await this.executeVoiceFunction(t.name, t.id, s);
-      } catch (n) {
-        console.error("[GlydeVoice] Function call error:", n), i = JSON.stringify({
+        t.name === "end_conversation" ? n = await this.handleEndConversation(o) : n = await this.executeVoiceFunction(t.name, t.id, o);
+      } catch (c) {
+        console.error("[GlydeVoice] Function call error:", c), n = JSON.stringify({
           error: "Function execution failed",
-          details: n instanceof Error ? n.message : String(n)
+          details: c instanceof Error ? c.message : String(c)
         });
       }
-      const o = {
+      const s = {
         type: "FunctionCallResponse",
         id: t.id,
         name: t.name,
-        content: i
+        content: n
       };
-      this.ws && this.ws.readyState === WebSocket.OPEN ? (this.ws.send(JSON.stringify(o)), console.log("[GlydeVoice] Function response sent:", t.name)) : console.error("[GlydeVoice] Cannot send function response - WebSocket not open");
+      this.ws && this.ws.readyState === WebSocket.OPEN ? (this.ws.send(JSON.stringify(s)), console.log("[GlydeVoice] Function response sent:", t.name)) : console.error("[GlydeVoice] Cannot send function response - WebSocket not open");
     }
   }
   /**
@@ -549,16 +552,16 @@ class y {
    * @param input - Function input parameters
    * @returns JSON string with function result
    */
-  async executeVoiceFunction(e, t, s) {
+  async executeVoiceFunction(e, t, o) {
     console.log("[GlydeVoice] Executing voice function via Unity API:", e);
     try {
-      const i = await fetch(`${this.unityUrl}/api/unity/voice/function`, {
+      const n = await fetch(`${this.unityUrl}/api/unity/voice/function`, {
         method: "POST",
         headers: this.getAuthHeaders(),
         body: JSON.stringify({
           function_name: e,
           function_call_id: t,
-          input: s,
+          input: o,
           context: {
             context_id: this.sessionContext.contextId,
             context_type: this.sessionContext.contextType,
@@ -566,18 +569,18 @@ class y {
           }
         })
       });
-      if (!i.ok) {
-        const n = await i.json().catch(() => ({}));
-        throw new Error(n.error?.message || `Function call failed: ${i.status}`);
+      if (!n.ok) {
+        const c = await n.json().catch(() => ({}));
+        throw new Error(c.error?.message || `Function call failed: ${n.status}`);
       }
-      const o = await i.json();
-      if (o.success && o.data?.output)
-        return typeof o.data.output == "string" ? o.data.output : JSON.stringify(o.data.output);
+      const s = await n.json();
+      if (s.success && s.data?.output)
+        return typeof s.data.output == "string" ? s.data.output : JSON.stringify(s.data.output);
       throw new Error("Invalid response from voice function endpoint");
-    } catch (i) {
-      return console.error("[GlydeVoice] Voice function error:", i), JSON.stringify({
+    } catch (n) {
+      return console.error("[GlydeVoice] Voice function error:", n), JSON.stringify({
         success: !1,
-        error: i instanceof Error ? i.message : "Function execution failed",
+        error: n instanceof Error ? n.message : "Function execution failed",
         fallback_message: "I apologize, but I'm having trouble with that request right now. Is there something else I can help you with?"
       });
     }
@@ -614,6 +617,1671 @@ class y {
     });
   }
 }
+class X {
+  config;
+  unityUrl;
+  history = [];
+  isTyping = !1;
+  initialized = !1;
+  /**
+   * Create a new GlydeText instance
+   * @param config - Configuration options
+   */
+  constructor(e) {
+    this.config = e, this.unityUrl = e.unityBaseUrl || "https://api.glydeunity.com", !e.publishableKey && !e.apiKey && !e.authToken && console.warn("[GlydeText] No authentication method provided. One of publishableKey, apiKey, or authToken is required.");
+  }
+  /**
+   * Get authentication headers based on configured auth method
+   * @returns Headers object with appropriate authentication
+   */
+  getAuthHeaders() {
+    const e = {
+      "Content-Type": "application/json"
+    };
+    return this.config.publishableKey && (e["x-publishable-key"] = this.config.publishableKey), this.config.apiKey && (e["x-api-key"] = this.config.apiKey), this.config.authToken && (e.Authorization = `Bearer ${this.config.authToken}`), e;
+  }
+  /**
+   * Emit event to callback
+   */
+  emit(e) {
+    this.config.onEvent && this.config.onEvent(e);
+  }
+  /**
+   * Set typing state and notify callback
+   */
+  setTyping(e) {
+    this.isTyping = e, this.config.onTyping && this.config.onTyping(e);
+  }
+  /**
+   * Initialize the chat session and load existing history
+   * @returns The loaded message history
+   */
+  async initialize() {
+    if (!this.config.contextId)
+      throw new Error("contextId is required for text chat initialization");
+    this.setTyping(!0);
+    try {
+      const e = await fetch(`${this.unityUrl}/api/unity/screening/start`, {
+        method: "POST",
+        headers: this.getAuthHeaders(),
+        body: JSON.stringify({ application_uuid: this.config.contextId })
+      });
+      if (!e.ok) {
+        const o = await e.json().catch(() => ({}));
+        throw new Error(o.error?.message || o.message || "Failed to initialize chat");
+      }
+      const t = await e.json();
+      return t.messages && (this.history = t.messages), this.initialized = !0, this.emit({ type: "ready" }), this.emit({ type: "history_loaded", payload: this.history }), this.history;
+    } catch (e) {
+      throw console.error("[GlydeText] Initialization error:", e), this.emit({ type: "error", payload: e }), e;
+    } finally {
+      this.setTyping(!1);
+    }
+  }
+  /**
+   * Send a message and get the agent's response
+   * @param message - The message content to send
+   * @returns The agent's response message
+   */
+  async sendMessage(e) {
+    if (!this.config.contextId)
+      throw new Error("contextId is required for sending messages");
+    if (!e.trim())
+      throw new Error("Message cannot be empty");
+    this.initialized || await this.initialize();
+    const t = {
+      role: "user",
+      content: e.trim(),
+      created: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    this.history.push(t), this.config.onMessage && this.config.onMessage(t), this.emit({ type: "message", payload: t }), this.setTyping(!0);
+    try {
+      const o = await fetch(`${this.unityUrl}/api/unity/screening/chat`, {
+        method: "POST",
+        headers: this.getAuthHeaders(),
+        body: JSON.stringify({
+          application_uuid: this.config.contextId,
+          message: e.trim()
+        })
+      });
+      if (!o.ok) {
+        const g = await o.json().catch(() => ({}));
+        throw new Error(g.error?.message || g.message || "Failed to send message");
+      }
+      const n = await o.json();
+      n.history?.messages && (this.history = n.history.messages);
+      const s = [...this.history].reverse().find((g) => g.role === "assistant");
+      return s ? (this.config.onMessage && this.config.onMessage(s), this.emit({ type: "message", payload: s }), s) : {
+        role: "assistant",
+        content: n.response || "I received your message.",
+        created: (/* @__PURE__ */ new Date()).toISOString()
+      };
+    } catch (o) {
+      throw console.error("[GlydeText] Send message error:", o), this.emit({ type: "error", payload: o }), o;
+    } finally {
+      this.setTyping(!1);
+    }
+  }
+  /**
+   * Get the current conversation history
+   * @returns Array of chat messages
+   */
+  getHistory() {
+    return [...this.history];
+  }
+  /**
+   * Clear the local conversation history
+   * Note: This does not clear server-side history
+   */
+  clearHistory() {
+    this.history = [], this.initialized = !1;
+  }
+  /**
+   * Check if the chat is currently waiting for a response
+   */
+  getIsTyping() {
+    return this.isTyping;
+  }
+  /**
+   * Check if the chat has been initialized
+   */
+  getIsInitialized() {
+    return this.initialized;
+  }
+}
+function Z(r) {
+  const [e, t] = k("idle"), [o, n] = k([]), [s, c] = k(!1), [g, y] = k(!1), [p, f] = k(!1), [a, h] = k(null), b = E(null), v = A((l) => {
+    switch (l.type) {
+      case "ready":
+        t("active");
+        break;
+      case "close":
+        t("idle"), c(!1), y(!1);
+        break;
+      case "error":
+        t("error"), h(
+          typeof l.payload == "object" && l.payload !== null && "message" in l.payload ? String(l.payload.message) : "Connection error"
+        );
+        break;
+      case "user_speaking":
+        c(!!l.payload);
+        break;
+      case "agent_speaking":
+        y(!!l.payload);
+        break;
+    }
+  }, []), x = A((l, B) => {
+    n((L) => [...L, {
+      role: B,
+      content: l,
+      timestamp: /* @__PURE__ */ new Date()
+    }]);
+  }, []), u = A(async () => {
+    t("connecting"), h(null);
+    try {
+      const l = new Y({
+        ...r,
+        onEvent: v,
+        onTranscript: x
+      });
+      b.current = l, await l.start();
+    } catch (l) {
+      console.error("[useVoiceAgent] Failed to start:", l), t("error"), h(l instanceof Error ? l.message : "Failed to connect");
+    }
+  }, [r, v, x]), w = A(() => {
+    b.current?.stop(), b.current = null, t("idle"), c(!1), y(!1);
+  }, []), C = A(() => {
+    const l = !p;
+    f(l), b.current?.setMuted(l);
+  }, [p]), T = A((l) => {
+    f(l), b.current?.setMuted(l);
+  }, []), R = A(() => {
+    n([]);
+  }, []);
+  return I(() => () => {
+    b.current?.stop();
+  }, []), I(() => {
+    r.autoStart && e === "idle" && u();
+  }, [r.autoStart, e, u]), {
+    status: e,
+    transcripts: o,
+    isUserSpeaking: s,
+    isAgentSpeaking: g,
+    isMuted: p,
+    errorMessage: a,
+    start: u,
+    stop: w,
+    toggleMute: C,
+    setMuted: T,
+    clearTranscripts: R,
+    voiceAgent: b.current
+  };
+}
+function Q(r) {
+  const [e, t] = k("idle"), [o, n] = k([]), [s, c] = k(!1), [g, y] = k(null), p = E(null), f = E(!1), a = A(() => (p.current || (p.current = new X({
+    ...r,
+    onTyping: c
+  })), p.current), [r]), h = A(async () => {
+    if (!f.current) {
+      t("loading"), y(null);
+      try {
+        const u = await a().initialize();
+        n(u), t("ready"), f.current = !0;
+      } catch (x) {
+        console.error("[useTextChat] Initialization error:", x), t("error"), y(x instanceof Error ? x.message : "Failed to initialize chat");
+      }
+    }
+  }, [a]), b = A(async (x) => {
+    if (x.trim()) {
+      y(null);
+      try {
+        const u = a(), w = {
+          role: "user",
+          content: x.trim(),
+          created: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        n((T) => [...T, w]), await u.sendMessage(x);
+        const C = u.getHistory();
+        n(C), e !== "ready" && (t("ready"), f.current = !0);
+      } catch (u) {
+        console.error("[useTextChat] Send message error:", u), y(u instanceof Error ? u.message : "Failed to send message");
+      }
+    }
+  }, [a, e]), v = A(() => {
+    p.current?.clearHistory(), n([]), f.current = !1, t("idle");
+  }, []);
+  return I(() => {
+    r.autoInit && !f.current && r.contextId && h();
+  }, [r.autoInit, r.contextId, h]), I(() => () => {
+    p.current = null;
+  }, []), {
+    status: e,
+    messages: o,
+    isLoading: s,
+    errorMessage: g,
+    initialize: h,
+    sendMessage: b,
+    clearHistory: v,
+    textChat: p.current
+  };
+}
+const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: [
+      /* @__PURE__ */ i("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+      /* @__PURE__ */ i("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+      /* @__PURE__ */ i("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+    ]
+  }
+), be = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: [
+      /* @__PURE__ */ i("line", { x1: "2", x2: "22", y1: "2", y2: "22" }),
+      /* @__PURE__ */ i("path", { d: "M18.89 13.23A7.12 7.12 0 0 0 19 12v-2" }),
+      /* @__PURE__ */ i("path", { d: "M5 10v2a7 7 0 0 0 12 5" }),
+      /* @__PURE__ */ i("path", { d: "M15 9.34V5a3 3 0 0 0-5.68-1.33" }),
+      /* @__PURE__ */ i("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12" }),
+      /* @__PURE__ */ i("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+    ]
+  }
+), ve = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ i(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: /* @__PURE__ */ i("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" })
+  }
+), ee = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: [
+      /* @__PURE__ */ i("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.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91" }),
+      /* @__PURE__ */ i("line", { x1: "22", x2: "2", y1: "2", y2: "22" })
+    ]
+  }
+), O = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ i(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: /* @__PURE__ */ i("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+  }
+), te = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: [
+      /* @__PURE__ */ i("line", { x1: "22", x2: "11", y1: "2", y2: "13" }),
+      /* @__PURE__ */ i("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+    ]
+  }
+), re = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: [
+      /* @__PURE__ */ i("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ i("circle", { cx: "12", cy: "7", r: "4" })
+    ]
+  }
+), ie = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: [
+      /* @__PURE__ */ i("path", { d: "M12 8V4H8" }),
+      /* @__PURE__ */ i("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
+      /* @__PURE__ */ i("path", { d: "M2 14h2" }),
+      /* @__PURE__ */ i("path", { d: "M20 14h2" }),
+      /* @__PURE__ */ i("path", { d: "M15 13v2" }),
+      /* @__PURE__ */ i("path", { d: "M9 13v2" })
+    ]
+  }
+), oe = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ i(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: /* @__PURE__ */ i("polyline", { points: "22 12 18 12 15 21 9 3 6 12 2 12" })
+  }
+), ne = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: [
+      /* @__PURE__ */ i("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+      /* @__PURE__ */ i("line", { x1: "22", x2: "16", y1: "9", y2: "15" }),
+      /* @__PURE__ */ i("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
+    ]
+  }
+), se = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: [
+      /* @__PURE__ */ i("line", { x1: "18", x2: "6", y1: "6", y2: "18" }),
+      /* @__PURE__ */ i("line", { x1: "6", x2: "18", y1: "6", y2: "18" })
+    ]
+  }
+), ae = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    children: [
+      /* @__PURE__ */ i("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
+      /* @__PURE__ */ i("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
+      /* @__PURE__ */ i("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
+      /* @__PURE__ */ i("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+    ]
+  }
+), we = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ i(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    style: { animation: "spin 1s linear infinite" },
+    children: /* @__PURE__ */ i("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+  }
+), de = {
+  light: {
+    // Primary colors (purple/magenta)
+    primary: "#c026d3",
+    primaryHover: "#a21caf",
+    primaryLight: "#fdf4ff",
+    primaryText: "#ffffff",
+    // Secondary colors (blue/cyan for text chat)
+    secondary: "#0284c7",
+    secondaryHover: "#0369a1",
+    secondaryLight: "#f0f9ff",
+    secondaryText: "#ffffff",
+    // Success/active colors (green)
+    success: "#059669",
+    successLight: "#dcfce7",
+    successText: "#166534",
+    // Error colors (red)
+    error: "#ef4444",
+    errorHover: "#dc2626",
+    errorLight: "#fef2f2",
+    errorText: "#b91c1c",
+    // Neutral colors
+    background: "#ffffff",
+    surface: "#f9fafb",
+    border: "#e5e7eb",
+    borderLight: "#f3f4f6",
+    text: "#1f2937",
+    textSecondary: "#6b7280",
+    textMuted: "#9ca3af"
+  },
+  dark: {
+    // Primary colors
+    primary: "#d946ef",
+    primaryHover: "#c026d3",
+    primaryLight: "#3b0764",
+    primaryText: "#ffffff",
+    // Secondary colors
+    secondary: "#38bdf8",
+    secondaryHover: "#0ea5e9",
+    secondaryLight: "#0c4a6e",
+    secondaryText: "#ffffff",
+    // Success colors
+    success: "#34d399",
+    successLight: "#064e3b",
+    successText: "#a7f3d0",
+    // Error colors
+    error: "#f87171",
+    errorHover: "#ef4444",
+    errorLight: "#450a0a",
+    errorText: "#fecaca",
+    // Neutral colors
+    background: "#111827",
+    surface: "#1f2937",
+    border: "#374151",
+    borderLight: "#4b5563",
+    text: "#f9fafb",
+    textSecondary: "#d1d5db",
+    textMuted: "#9ca3af"
+  }
+};
+function $(r) {
+  const e = de[r];
+  return `
+    --glyde-primary: ${e.primary};
+    --glyde-primary-hover: ${e.primaryHover};
+    --glyde-primary-light: ${e.primaryLight};
+    --glyde-primary-text: ${e.primaryText};
+    --glyde-secondary: ${e.secondary};
+    --glyde-secondary-hover: ${e.secondaryHover};
+    --glyde-secondary-light: ${e.secondaryLight};
+    --glyde-secondary-text: ${e.secondaryText};
+    --glyde-success: ${e.success};
+    --glyde-success-light: ${e.successLight};
+    --glyde-success-text: ${e.successText};
+    --glyde-error: ${e.error};
+    --glyde-error-hover: ${e.errorHover};
+    --glyde-error-light: ${e.errorLight};
+    --glyde-error-text: ${e.errorText};
+    --glyde-background: ${e.background};
+    --glyde-surface: ${e.surface};
+    --glyde-border: ${e.border};
+    --glyde-border-light: ${e.borderLight};
+    --glyde-text: ${e.text};
+    --glyde-text-secondary: ${e.textSecondary};
+    --glyde-text-muted: ${e.textMuted};
+  `;
+}
+const V = `
+  @keyframes glyde-pulse {
+    0%, 100% { opacity: 1; transform: scale(1); }
+    50% { opacity: 0.5; transform: scale(1.2); }
+  }
+
+  @keyframes glyde-spin {
+    to { transform: rotate(360deg); }
+  }
+
+  @keyframes glyde-fade-in {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+
+  @keyframes glyde-slide-up {
+    from { opacity: 0; transform: translateY(20px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+
+  @keyframes glyde-bounce {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-5px); }
+  }
+
+  .glyde-widget-root {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.5;
+    color: var(--glyde-text);
+    box-sizing: border-box;
+  }
+
+  .glyde-widget-root *, .glyde-widget-root *::before, .glyde-widget-root *::after {
+    box-sizing: border-box;
+  }
+
+  .glyde-spinner {
+    width: 32px;
+    height: 32px;
+    border: 3px solid var(--glyde-border);
+    border-top-color: var(--glyde-primary);
+    border-radius: 50%;
+    animation: glyde-spin 1s linear infinite;
+  }
+
+  .glyde-pulse-dot {
+    animation: glyde-pulse 1.5s infinite;
+  }
+
+  .glyde-fade-in {
+    animation: glyde-fade-in 0.3s ease-out;
+  }
+
+  .glyde-slide-up {
+    animation: glyde-slide-up 0.3s ease-out;
+  }
+`, m = {
+  // Floating widget button
+  floatingButton: {
+    position: "fixed",
+    width: "60px",
+    height: "60px",
+    borderRadius: "50%",
+    border: "none",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+    transition: "transform 0.2s, box-shadow 0.2s",
+    zIndex: 9999
+  },
+  // Widget panel
+  widgetPanel: {
+    position: "fixed",
+    width: "380px",
+    height: "600px",
+    borderRadius: "16px",
+    boxShadow: "0 10px 40px rgba(0, 0, 0, 0.2)",
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    zIndex: 9998
+  },
+  // Card container
+  card: {
+    background: "var(--glyde-background)",
+    borderRadius: "12px",
+    boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
+    overflow: "hidden"
+  },
+  // Header
+  header: {
+    padding: "16px 20px",
+    borderBottom: "1px solid var(--glyde-border)",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  // Mode selector
+  modeSelector: {
+    display: "flex",
+    gap: "8px",
+    padding: "4px",
+    background: "var(--glyde-surface)",
+    borderRadius: "8px"
+  },
+  modeSelectorButton: {
+    padding: "8px 16px",
+    border: "none",
+    borderRadius: "6px",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    gap: "6px",
+    fontSize: "14px",
+    fontWeight: 500,
+    transition: "all 0.2s"
+  },
+  // Transcript area
+  transcriptArea: {
+    flex: 1,
+    overflowY: "auto",
+    padding: "16px",
+    background: "var(--glyde-surface)"
+  },
+  // Message bubble
+  messageBubble: {
+    maxWidth: "80%",
+    padding: "10px 14px",
+    borderRadius: "12px",
+    boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)"
+  },
+  messageBubbleUser: {
+    background: "var(--glyde-primary)",
+    color: "var(--glyde-primary-text)",
+    borderTopRightRadius: "4px"
+  },
+  messageBubbleAgent: {
+    background: "var(--glyde-background)",
+    color: "var(--glyde-text)",
+    borderTopLeftRadius: "4px"
+  },
+  // Controls area
+  controlsArea: {
+    padding: "16px",
+    borderTop: "1px solid var(--glyde-border)",
+    background: "var(--glyde-background)"
+  },
+  // Speaking indicators
+  speakingIndicator: {
+    display: "flex",
+    alignItems: "center",
+    gap: "6px",
+    fontSize: "13px"
+  },
+  speakingDot: {
+    width: "8px",
+    height: "8px",
+    borderRadius: "50%",
+    transition: "background-color 0.2s"
+  },
+  // Buttons
+  primaryButton: {
+    padding: "12px 24px",
+    background: "var(--glyde-primary)",
+    color: "var(--glyde-primary-text)",
+    border: "none",
+    borderRadius: "8px",
+    fontSize: "15px",
+    fontWeight: 600,
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: "8px",
+    transition: "background-color 0.2s, transform 0.1s"
+  },
+  secondaryButton: {
+    padding: "10px 20px",
+    background: "var(--glyde-surface)",
+    color: "var(--glyde-text)",
+    border: "1px solid var(--glyde-border)",
+    borderRadius: "8px",
+    fontSize: "14px",
+    fontWeight: 500,
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: "6px",
+    transition: "background-color 0.2s"
+  },
+  dangerButton: {
+    padding: "12px 24px",
+    background: "var(--glyde-error)",
+    color: "white",
+    border: "none",
+    borderRadius: "24px",
+    fontSize: "15px",
+    fontWeight: 600,
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    transition: "background-color 0.2s"
+  },
+  iconButton: {
+    width: "44px",
+    height: "44px",
+    padding: "0",
+    border: "none",
+    borderRadius: "50%",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "background-color 0.2s"
+  },
+  // Input field
+  inputField: {
+    flex: 1,
+    padding: "12px 16px",
+    borderRadius: "8px",
+    border: "1px solid var(--glyde-border)",
+    background: "var(--glyde-background)",
+    color: "var(--glyde-text)",
+    fontSize: "14px",
+    outline: "none",
+    transition: "border-color 0.2s"
+  },
+  // Status badge
+  statusBadge: {
+    padding: "4px 10px",
+    borderRadius: "20px",
+    fontSize: "12px",
+    fontWeight: 500,
+    display: "flex",
+    alignItems: "center",
+    gap: "4px"
+  },
+  statusBadgeLive: {
+    background: "var(--glyde-success-light)",
+    color: "var(--glyde-success-text)"
+  },
+  statusBadgeConnecting: {
+    background: "var(--glyde-primary-light)",
+    color: "var(--glyde-primary)"
+  }
+};
+function le(r, e = 20) {
+  return {
+    "bottom-right": {
+      button: { bottom: e, right: e },
+      panel: { bottom: e + 70, right: e }
+    },
+    "bottom-left": {
+      button: { bottom: e, left: e },
+      panel: { bottom: e + 70, left: e }
+    },
+    "top-right": {
+      button: { top: e, right: e },
+      panel: { top: e + 70, right: e }
+    },
+    "top-left": {
+      button: { top: e, left: e },
+      panel: { top: e + 70, left: e }
+    }
+  }[r];
+}
+function N(r = "light") {
+  const e = "glyde-widget-styles";
+  if (document.getElementById(e))
+    return;
+  const t = document.createElement("style");
+  t.id = e, t.textContent = `
+    :root {
+      ${$(r)}
+    }
+
+    ${V}
+  `, document.head.appendChild(t);
+}
+function ke(r) {
+  const t = document.getElementById("glyde-widget-styles");
+  t ? t.textContent = `
+      :root {
+        ${$(r)}
+      }
+
+      ${V}
+    ` : N(r);
+}
+const F = ({
+  contextId: r,
+  publishableKey: e,
+  apiKey: t,
+  authToken: o,
+  unityApiUrl: n = "https://api.glydeunity.com",
+  contextType: s = "screening",
+  height: c = "600px",
+  onTranscript: g,
+  onCallEnd: y,
+  onError: p
+}) => {
+  const f = E(null), {
+    status: a,
+    transcripts: h,
+    isUserSpeaking: b,
+    isAgentSpeaking: v,
+    isMuted: x,
+    errorMessage: u,
+    start: w,
+    stop: C,
+    toggleMute: T,
+    clearTranscripts: R
+  } = Z({
+    publishableKey: e,
+    apiKey: t,
+    authToken: o,
+    contextType: s,
+    contextId: r,
+    unityBaseUrl: n
+  });
+  I(() => {
+    f.current?.scrollIntoView({ behavior: "smooth" });
+  }, [h]), I(() => {
+    if (g && h.length > 0) {
+      const S = h[h.length - 1];
+      g(S.content, S.role);
+    }
+  }, [h, g]), I(() => {
+    a === "error" && u && p && p(new Error(u));
+  }, [a, u, p]);
+  const l = () => {
+    switch (s) {
+      case "screening":
+        return "Screening Interview";
+      case "recruiter":
+        return "Recruiter Copilot";
+      case "custom":
+        return "Custom Agent";
+      case "phone":
+        return "Phone Agent";
+      default:
+        return "Voice Interview";
+    }
+  }, B = async () => {
+    R(), await w();
+  }, L = () => {
+    C(), y?.();
+  };
+  return /* @__PURE__ */ d("div", { style: {
+    background: "var(--glyde-background, white)",
+    borderRadius: "12px",
+    boxShadow: "0 4px 6px rgba(0,0,0,0.1)",
+    height: typeof c == "number" ? `${c}px` : c,
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden"
+  }, children: [
+    /* @__PURE__ */ d("div", { style: {
+      padding: "16px 20px",
+      borderBottom: "1px solid var(--glyde-border, #e5e7eb)",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center"
+    }, children: [
+      /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ i("h2", { style: { margin: 0, fontSize: "1.1rem", fontWeight: 600, color: "var(--glyde-text, #1f2937)" }, children: l() }),
+        /* @__PURE__ */ i("small", { style: { color: "var(--glyde-text-secondary, #6b7280)", fontSize: "0.8rem" }, children: o ? "JWT Auth" : e ? "Publishable Key" : "API Key" })
+      ] }),
+      a === "active" && /* @__PURE__ */ d("div", { style: {
+        ...m.statusBadge,
+        ...m.statusBadgeLive
+      }, children: [
+        /* @__PURE__ */ i(oe, { size: 14 }),
+        " Live"
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: a === "idle" || a === "error" ? (
+      /* Idle State */
+      /* @__PURE__ */ d("div", { style: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "40px"
+      }, children: [
+        /* @__PURE__ */ i("div", { style: {
+          width: "100px",
+          height: "100px",
+          borderRadius: "50%",
+          background: "var(--glyde-primary-light, #fdf4ff)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          marginBottom: "24px"
+        }, children: /* @__PURE__ */ i(j, { size: 48, color: "var(--glyde-primary, #c026d3)" }) }),
+        /* @__PURE__ */ d("h3", { style: { marginBottom: "8px", color: "var(--glyde-text, #1f2937)" }, children: [
+          "Ready for ",
+          l(),
+          "?"
+        ] }),
+        /* @__PURE__ */ i("p", { style: {
+          color: "var(--glyde-text-secondary, #666)",
+          marginBottom: "24px",
+          textAlign: "center",
+          maxWidth: "280px"
+        }, children: s === "screening" ? "The AI recruiter will speak with you. Make sure your microphone is ready." : s === "recruiter" ? "The AI copilot will assist you with recruiting tasks." : "The AI agent will speak with you. Make sure your microphone is ready." }),
+        /* @__PURE__ */ d(
+          "button",
+          {
+            onClick: B,
+            style: {
+              ...m.primaryButton,
+              padding: "14px 36px",
+              borderRadius: "30px",
+              boxShadow: "0 4px 12px rgba(192, 38, 211, 0.3)"
+            },
+            children: [
+              "Start ",
+              s === "screening" ? "Interview" : "Call"
+            ]
+          }
+        ),
+        u && /* @__PURE__ */ i("p", { style: { color: "var(--glyde-error, #ef4444)", marginTop: "16px", fontSize: "0.9rem" }, children: u })
+      ] })
+    ) : (
+      /* Active/Connecting State */
+      /* @__PURE__ */ d(K, { children: [
+        /* @__PURE__ */ d("div", { style: {
+          flex: 1,
+          overflowY: "auto",
+          padding: "16px",
+          background: "var(--glyde-surface, #f9fafb)"
+        }, children: [
+          a === "connecting" && /* @__PURE__ */ d("div", { style: { textAlign: "center", color: "var(--glyde-text-secondary, #6b7280)", padding: "40px" }, children: [
+            /* @__PURE__ */ i("div", { className: "glyde-spinner", style: { margin: "0 auto 12px" } }),
+            "Connecting to AI Agent..."
+          ] }),
+          h.length === 0 && a === "active" && /* @__PURE__ */ d("div", { style: { textAlign: "center", color: "var(--glyde-text-muted, #9ca3af)", padding: "40px" }, children: [
+            /* @__PURE__ */ i(O, { size: 32, color: "var(--glyde-text-muted, #9ca3af)" }),
+            /* @__PURE__ */ i("p", { style: { marginTop: "8px" }, children: "Start speaking - the AI will respond" })
+          ] }),
+          h.map((S, P) => /* @__PURE__ */ i(ce, { transcript: S, contextType: s }, P)),
+          /* @__PURE__ */ i("div", { ref: f })
+        ] }),
+        /* @__PURE__ */ d("div", { style: {
+          padding: "16px",
+          borderTop: "1px solid var(--glyde-border, #e5e7eb)",
+          background: "var(--glyde-background, white)"
+        }, children: [
+          /* @__PURE__ */ i(
+            pe,
+            {
+              isUserSpeaking: b,
+              isAgentSpeaking: v
+            }
+          ),
+          /* @__PURE__ */ d("div", { style: { display: "flex", justifyContent: "center", gap: "12px", marginTop: "16px" }, children: [
+            /* @__PURE__ */ i(
+              "button",
+              {
+                onClick: T,
+                style: {
+                  ...m.iconButton,
+                  background: x ? "var(--glyde-error-light, #fecaca)" : "var(--glyde-secondary-light, #e0f2fe)"
+                },
+                title: x ? "Unmute" : "Mute",
+                children: x ? /* @__PURE__ */ i(ne, { size: 20, color: "var(--glyde-error, #dc2626)" }) : /* @__PURE__ */ i(j, { size: 20, color: "var(--glyde-secondary, #0ea5e9)" })
+              }
+            ),
+            /* @__PURE__ */ d(
+              "button",
+              {
+                onClick: L,
+                style: m.dangerButton,
+                children: [
+                  /* @__PURE__ */ i(ee, { size: 18, color: "white" }),
+                  " End Call"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ) }),
+    /* @__PURE__ */ i("style", { children: `
+        @keyframes glyde-pulse {
+          0%, 100% { opacity: 1; transform: scale(1); }
+          50% { opacity: 0.5; transform: scale(1.2); }
+        }
+        .glyde-spinner {
+          width: 32px;
+          height: 32px;
+          border: 3px solid var(--glyde-border, #e5e7eb);
+          border-top-color: var(--glyde-primary, #c026d3);
+          border-radius: 50%;
+          animation: spin 1s linear infinite;
+        }
+        @keyframes spin {
+          to { transform: rotate(360deg); }
+        }
+      ` })
+  ] });
+}, ce = ({
+  transcript: r,
+  contextType: e
+}) => {
+  const t = r.role === "user";
+  return /* @__PURE__ */ i("div", { style: {
+    marginBottom: "12px",
+    display: "flex",
+    justifyContent: t ? "flex-end" : "flex-start"
+  }, children: /* @__PURE__ */ d("div", { style: {
+    ...m.messageBubble,
+    ...t ? m.messageBubbleUser : m.messageBubbleAgent
+  }, children: [
+    /* @__PURE__ */ i("div", { style: { fontSize: "0.75rem", opacity: 0.7, marginBottom: "4px" }, children: t ? "You" : e === "recruiter" ? "AI Copilot" : "AI Recruiter" }),
+    r.content
+  ] }) });
+}, pe = ({
+  isUserSpeaking: r,
+  isAgentSpeaking: e
+}) => /* @__PURE__ */ d("div", { style: {
+  display: "flex",
+  justifyContent: "center",
+  gap: "20px"
+}, children: [
+  /* @__PURE__ */ d("div", { style: {
+    ...m.speakingIndicator,
+    color: r ? "var(--glyde-primary, #c026d3)" : "var(--glyde-text-muted, #9ca3af)"
+  }, children: [
+    /* @__PURE__ */ i("div", { style: {
+      ...m.speakingDot,
+      background: r ? "var(--glyde-primary, #c026d3)" : "var(--glyde-border, #d1d5db)",
+      animation: r ? "glyde-pulse 1s infinite" : "none"
+    } }),
+    "You"
+  ] }),
+  /* @__PURE__ */ d("div", { style: {
+    ...m.speakingIndicator,
+    color: e ? "var(--glyde-success, #059669)" : "var(--glyde-text-muted, #9ca3af)"
+  }, children: [
+    /* @__PURE__ */ i("div", { style: {
+      ...m.speakingDot,
+      background: e ? "var(--glyde-success, #059669)" : "var(--glyde-border, #d1d5db)",
+      animation: e ? "glyde-pulse 1s infinite" : "none"
+    } }),
+    "AI Agent"
+  ] })
+] }), G = ({
+  contextId: r,
+  publishableKey: e,
+  apiKey: t,
+  authToken: o,
+  unityApiUrl: n = "https://api.glydeunity.com",
+  height: s = "600px",
+  title: c = "AI Chat",
+  placeholder: g = "Type your message...",
+  autoInit: y = !0,
+  onMessage: p,
+  onError: f
+}) => {
+  const [a, h] = k(""), b = E(null), {
+    status: v,
+    messages: x,
+    isLoading: u,
+    errorMessage: w,
+    sendMessage: C
+  } = Q({
+    publishableKey: e,
+    apiKey: t,
+    authToken: o,
+    contextId: r,
+    unityBaseUrl: n,
+    autoInit: y
+  });
+  I(() => {
+    b.current?.scrollIntoView({ behavior: "smooth" });
+  }, [x]), I(() => {
+    v === "error" && w && f && f(new Error(w));
+  }, [v, w, f]);
+  const T = async () => {
+    if (!a.trim() || u) return;
+    const l = a.trim();
+    h(""), await C(l), p && p({ role: "user", content: l });
+  }, R = (l) => {
+    l.key === "Enter" && !l.shiftKey && (l.preventDefault(), T());
+  };
+  return /* @__PURE__ */ d("div", { style: {
+    background: "var(--glyde-background, white)",
+    borderRadius: "12px",
+    boxShadow: "0 4px 6px rgba(0,0,0,0.1)",
+    height: typeof s == "number" ? `${s}px` : s,
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden"
+  }, children: [
+    /* @__PURE__ */ i("div", { style: {
+      padding: "16px 20px",
+      borderBottom: "1px solid var(--glyde-border, #eee)",
+      background: "var(--glyde-secondary, #0284c7)",
+      color: "white",
+      borderTopLeftRadius: "12px",
+      borderTopRightRadius: "12px"
+    }, children: /* @__PURE__ */ i("h2", { style: { margin: 0, fontSize: "1.1rem", fontWeight: 600 }, children: c }) }),
+    /* @__PURE__ */ d("div", { style: {
+      flex: 1,
+      overflowY: "auto",
+      padding: "20px",
+      display: "flex",
+      flexDirection: "column",
+      gap: "15px",
+      background: "var(--glyde-background, white)"
+    }, children: [
+      v === "loading" && x.length === 0 && /* @__PURE__ */ d("div", { style: { textAlign: "center", color: "var(--glyde-text-muted, #94a3b8)", padding: "20px" }, children: [
+        /* @__PURE__ */ i("div", { className: "glyde-spinner", style: { margin: "0 auto 12px" } }),
+        "Loading conversation..."
+      ] }),
+      x.map((l, B) => /* @__PURE__ */ i(he, { message: l }, B)),
+      u && /* @__PURE__ */ i("div", { style: { color: "var(--glyde-text-muted, #94a3b8)", fontSize: "0.9rem", marginLeft: "42px" }, children: /* @__PURE__ */ i(ue, {}) }),
+      /* @__PURE__ */ i("div", { ref: b })
+    ] }),
+    /* @__PURE__ */ d("div", { style: { padding: "16px 20px", borderTop: "1px solid var(--glyde-border, #eee)" }, children: [
+      w && /* @__PURE__ */ i("p", { style: {
+        color: "var(--glyde-error, #ef4444)",
+        fontSize: "0.85rem",
+        marginBottom: "10px"
+      }, children: w }),
+      /* @__PURE__ */ d("div", { style: { display: "flex", gap: "10px" }, children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            type: "text",
+            value: a,
+            onChange: (l) => h(l.target.value),
+            onKeyDown: R,
+            placeholder: g,
+            style: {
+              ...m.inputField,
+              flex: 1
+            },
+            disabled: u
+          }
+        ),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            onClick: T,
+            disabled: u || !a.trim(),
+            style: {
+              ...m.iconButton,
+              background: "var(--glyde-secondary, #0284c7)",
+              width: "48px",
+              height: "48px",
+              opacity: u || !a.trim() ? 0.5 : 1,
+              cursor: u || !a.trim() ? "not-allowed" : "pointer"
+            },
+            children: /* @__PURE__ */ i(te, { size: 20, color: "white" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ i("style", { children: `
+        .glyde-spinner {
+          width: 24px;
+          height: 24px;
+          border: 2px solid var(--glyde-border, #e5e7eb);
+          border-top-color: var(--glyde-secondary, #0284c7);
+          border-radius: 50%;
+          animation: spin 1s linear infinite;
+        }
+        @keyframes spin {
+          to { transform: rotate(360deg); }
+        }
+        @keyframes typing-dot {
+          0%, 60%, 100% { opacity: 0.3; }
+          30% { opacity: 1; }
+        }
+      ` })
+  ] });
+}, he = ({ message: r }) => {
+  const e = r.role === "user";
+  return /* @__PURE__ */ d("div", { style: {
+    display: "flex",
+    gap: "10px",
+    flexDirection: e ? "row-reverse" : "row",
+    alignItems: "flex-start"
+  }, children: [
+    /* @__PURE__ */ i("div", { style: {
+      width: "32px",
+      height: "32px",
+      borderRadius: "50%",
+      background: e ? "var(--glyde-primary-light, #e0e7ff)" : "var(--glyde-secondary-light, #f0f9ff)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0
+    }, children: e ? /* @__PURE__ */ i(re, { size: 18, color: "var(--glyde-primary, #4338ca)" }) : /* @__PURE__ */ i(ie, { size: 18, color: "var(--glyde-secondary, #0284c7)" }) }),
+    /* @__PURE__ */ i("div", { style: {
+      padding: "12px 16px",
+      borderRadius: "12px",
+      background: e ? "var(--glyde-primary, #4338ca)" : "var(--glyde-surface, #f1f5f9)",
+      color: e ? "white" : "var(--glyde-text, #1e293b)",
+      maxWidth: "70%",
+      borderTopRightRadius: e ? "4px" : "12px",
+      borderTopLeftRadius: e ? "12px" : "4px",
+      lineHeight: 1.5
+    }, children: r.content })
+  ] });
+}, ue = () => /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+  /* @__PURE__ */ i("span", { children: "Typing" }),
+  /* @__PURE__ */ i("span", { style: { display: "flex", gap: "2px" }, children: [0, 1, 2].map((r) => /* @__PURE__ */ i(
+    "span",
+    {
+      style: {
+        width: "4px",
+        height: "4px",
+        borderRadius: "50%",
+        background: "var(--glyde-text-muted, #94a3b8)",
+        animation: "typing-dot 1.4s infinite",
+        animationDelay: `${r * 0.2}s`
+      }
+    },
+    r
+  )) })
+] }), U = ({
+  publishableKey: r,
+  apiKey: e,
+  authToken: t,
+  contextId: o,
+  unityBaseUrl: n = "https://api.glydeunity.com",
+  contextType: s = "screening",
+  defaultMode: c = "voice",
+  position: g = "bottom-right",
+  theme: y = "light",
+  allowModeSwitch: p = !0,
+  container: f,
+  onReady: a,
+  onModeChange: h,
+  onTranscript: b,
+  onError: v,
+  initialExpanded: x = !1
+}) => {
+  const [u, w] = k(x), [C, T] = k(c);
+  I(() => {
+    const S = y === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : y;
+    N(S);
+  }, [y]), I(() => {
+    a?.();
+  }, [a]);
+  const R = le(g), l = (S) => {
+    T(S), h?.(S);
+  }, B = (S, P) => {
+    b?.(S, P);
+  }, L = (S) => {
+    v?.(S);
+  };
+  return f ? /* @__PURE__ */ i(
+    ge,
+    {
+      publishableKey: r,
+      apiKey: e,
+      authToken: t,
+      contextId: o,
+      unityBaseUrl: n,
+      contextType: s,
+      mode: C,
+      allowModeSwitch: p,
+      onModeChange: l,
+      onTranscript: B,
+      onError: L
+    }
+  ) : /* @__PURE__ */ d("div", { className: "glyde-widget-root", children: [
+    !u && /* @__PURE__ */ i(
+      "button",
+      {
+        onClick: () => w(!0),
+        style: {
+          ...m.floatingButton,
+          ...R.button,
+          background: "linear-gradient(135deg, var(--glyde-primary, #c026d3) 0%, var(--glyde-secondary, #7c3aed) 100%)"
+        },
+        "aria-label": "Open chat",
+        children: /* @__PURE__ */ i(j, { size: 28, color: "white" })
+      }
+    ),
+    u && /* @__PURE__ */ d(
+      "div",
+      {
+        style: {
+          ...m.widgetPanel,
+          ...R.panel,
+          background: "var(--glyde-background, white)"
+        },
+        className: "glyde-slide-up",
+        children: [
+          /* @__PURE__ */ d("div", { style: {
+            ...m.header,
+            background: "linear-gradient(135deg, var(--glyde-primary, #c026d3) 0%, var(--glyde-secondary, #7c3aed) 100%)",
+            color: "white",
+            borderTopLeftRadius: "16px",
+            borderTopRightRadius: "16px"
+          }, children: [
+            /* @__PURE__ */ d("div", { children: [
+              /* @__PURE__ */ i("h3", { style: { margin: 0, fontSize: "1rem", fontWeight: 600 }, children: "GLYDE Assistant" }),
+              /* @__PURE__ */ i("small", { style: { opacity: 0.8, fontSize: "0.75rem" }, children: s === "screening" ? "Candidate Screening" : "AI Assistant" })
+            ] }),
+            /* @__PURE__ */ d("div", { style: { display: "flex", gap: "8px" }, children: [
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  onClick: () => w(!1),
+                  style: {
+                    ...m.iconButton,
+                    background: "rgba(255,255,255,0.2)",
+                    width: "32px",
+                    height: "32px"
+                  },
+                  "aria-label": "Minimize",
+                  children: /* @__PURE__ */ i(ae, { size: 16, color: "white" })
+                }
+              ),
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  onClick: () => w(!1),
+                  style: {
+                    ...m.iconButton,
+                    background: "rgba(255,255,255,0.2)",
+                    width: "32px",
+                    height: "32px"
+                  },
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ i(se, { size: 16, color: "white" })
+                }
+              )
+            ] })
+          ] }),
+          p && /* @__PURE__ */ i("div", { style: {
+            padding: "12px 16px",
+            borderBottom: "1px solid var(--glyde-border, #e5e7eb)"
+          }, children: /* @__PURE__ */ i(H, { mode: C, onModeChange: l }) }),
+          /* @__PURE__ */ i("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: C === "voice" ? /* @__PURE__ */ i(
+            F,
+            {
+              publishableKey: r,
+              apiKey: e,
+              authToken: t,
+              contextId: o || "",
+              unityApiUrl: n,
+              contextType: s,
+              height: "100%",
+              onTranscript: B,
+              onError: L
+            }
+          ) : /* @__PURE__ */ i(
+            G,
+            {
+              publishableKey: r,
+              apiKey: e,
+              authToken: t,
+              contextId: o || "",
+              unityApiUrl: n,
+              height: "100%",
+              title: "Text Chat",
+              onError: L
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}, H = ({ mode: r, onModeChange: e }) => /* @__PURE__ */ d("div", { style: m.modeSelector, children: [
+  /* @__PURE__ */ d(
+    "button",
+    {
+      onClick: () => e("voice"),
+      style: {
+        ...m.modeSelectorButton,
+        background: r === "voice" ? "var(--glyde-primary, #c026d3)" : "transparent",
+        color: r === "voice" ? "white" : "var(--glyde-text, #1f2937)"
+      },
+      children: [
+        /* @__PURE__ */ i(j, { size: 16 }),
+        " Voice"
+      ]
+    }
+  ),
+  /* @__PURE__ */ d(
+    "button",
+    {
+      onClick: () => e("text"),
+      style: {
+        ...m.modeSelectorButton,
+        background: r === "text" ? "var(--glyde-secondary, #0284c7)" : "transparent",
+        color: r === "text" ? "white" : "var(--glyde-text, #1f2937)"
+      },
+      children: [
+        /* @__PURE__ */ i(O, { size: 16 }),
+        " Text"
+      ]
+    }
+  )
+] }), ge = ({
+  publishableKey: r,
+  apiKey: e,
+  authToken: t,
+  contextId: o,
+  unityBaseUrl: n,
+  contextType: s,
+  mode: c,
+  allowModeSwitch: g,
+  onModeChange: y,
+  onTranscript: p,
+  onError: f
+}) => {
+  const [a, h] = k(c);
+  return /* @__PURE__ */ d("div", { className: "glyde-widget-root", style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    g && /* @__PURE__ */ i("div", { style: {
+      padding: "12px 16px",
+      borderBottom: "1px solid var(--glyde-border, #e5e7eb)",
+      background: "var(--glyde-background, white)"
+    }, children: /* @__PURE__ */ i(H, { mode: a, onModeChange: (v) => {
+      h(v), y(v);
+    } }) }),
+    /* @__PURE__ */ i("div", { style: { flex: 1, overflow: "hidden" }, children: a === "voice" ? /* @__PURE__ */ i(
+      F,
+      {
+        publishableKey: r,
+        apiKey: e,
+        authToken: t,
+        contextId: o || "",
+        unityApiUrl: n,
+        contextType: s,
+        height: "100%",
+        onTranscript: p,
+        onError: f
+      }
+    ) : /* @__PURE__ */ i(
+      G,
+      {
+        publishableKey: r,
+        apiKey: e,
+        authToken: t,
+        contextId: o || "",
+        unityApiUrl: n,
+        height: "100%",
+        title: "Text Chat",
+        onError: f
+      }
+    ) })
+  ] });
+};
+let M = null, W = null;
+const _ = {
+  /**
+   * Initialize the chat widget
+   * 
+   * @param config - Widget configuration
+   * @returns Control object for the widget
+   */
+  init(r) {
+    if (!r.publishableKey && !r.apiKey && !r.authToken)
+      return console.error("[GlydeChat] Authentication required: provide publishableKey, apiKey, or authToken"), null;
+    const e = r.theme === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : r.theme || "light";
+    N(e), M && W && (M.unmount(), W.remove(), M = null, W = null);
+    const t = document.createElement("div");
+    t.id = "glyde-chat-widget", t.className = "glyde-widget-root", document.body.appendChild(t), W = t;
+    const o = D(t);
+    return M = o, o.render(
+      z.createElement(U, {
+        ...r,
+        initialExpanded: !1
+      })
+    ), console.log("[GlydeChat] Widget initialized"), {
+      /**
+       * Destroy the widget
+       */
+      destroy() {
+        M && W && (M.unmount(), W.remove(), M = null, W = null, console.log("[GlydeChat] Widget destroyed"));
+      },
+      /**
+       * Update widget configuration
+       */
+      update(n) {
+        M && M.render(
+          z.createElement(U, {
+            ...r,
+            ...n
+          })
+        );
+      }
+    };
+  },
+  /**
+   * Render widget into a specific container (non-floating)
+   * 
+   * @param container - DOM element or selector
+   * @param config - Widget configuration
+   */
+  render(r, e) {
+    const t = typeof r == "string" ? document.querySelector(r) : r;
+    if (!t)
+      return console.error("[GlydeChat] Container not found:", r), null;
+    const o = e.theme === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e.theme || "light";
+    N(o);
+    const n = D(t);
+    return n.render(
+      z.createElement(U, {
+        ...e,
+        container: t
+      })
+    ), {
+      destroy() {
+        n.unmount();
+      },
+      update(s) {
+        n.render(
+          z.createElement(U, {
+            ...e,
+            ...s,
+            container: t
+          })
+        );
+      }
+    };
+  },
+  /**
+   * Check if the SDK is loaded and ready
+   */
+  isReady() {
+    return !0;
+  },
+  /**
+   * Get SDK version
+   */
+  get version() {
+    return "__SDK_VERSION__";
+  }
+};
+function ye() {
+  const r = document.querySelectorAll('script[src*="glyde-chat"]'), e = r[r.length - 1];
+  if (!e || e.getAttribute("data-auto-init") !== "true") return;
+  const o = {
+    publishableKey: e.getAttribute("data-publishable-key") || void 0,
+    apiKey: e.getAttribute("data-api-key") || void 0,
+    authToken: e.getAttribute("data-auth-token") || void 0,
+    contextId: e.getAttribute("data-context-id") || void 0,
+    unityBaseUrl: e.getAttribute("data-unity-url") || "https://api.glydeunity.com",
+    contextType: e.getAttribute("data-context-type") || "screening",
+    defaultMode: e.getAttribute("data-default-mode") || "voice",
+    position: e.getAttribute("data-position") || "bottom-right",
+    theme: e.getAttribute("data-theme") || "light",
+    allowModeSwitch: e.getAttribute("data-allow-mode-switch") !== "false"
+  };
+  if (!o.publishableKey && !o.apiKey && !o.authToken) {
+    console.warn("[GlydeChat] Auto-init skipped: no authentication provided");
+    return;
+  }
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => _.init(o)) : _.init(o);
+}
+typeof window < "u" && (window.GlydeChat = _, ye());
 export {
-  y as GlydeVoice
+  oe as ActivityIcon,
+  ie as BotIcon,
+  U as ChatWidget,
+  _ as GlydeChat,
+  X as GlydeText,
+  Y as GlydeVoice,
+  we as LoaderIcon,
+  O as MessageIcon,
+  j as MicIcon,
+  be as MicOffIcon,
+  ae as MinimizeIcon,
+  ve as PhoneIcon,
+  ee as PhoneOffIcon,
+  te as SendIcon,
+  G as TextChat,
+  re as UserIcon,
+  F as VoiceChat,
+  ne as VolumeXIcon,
+  se as XIcon,
+  m as componentStyles,
+  le as getPositionStyles,
+  $ as getThemeCSSVariables,
+  V as globalStyles,
+  N as injectGlobalStyles,
+  de as themeColors,
+  ke as updateTheme,
+  Q as useTextChat,
+  Z as useVoiceAgent
 };
+//# sourceMappingURL=voice-sdk.es.js.map