@glydeunity/voice-sdk 1.4.0 → 1.4.1

package/dist/voice-sdk.es.js

@@ -1,6 +1,6 @@
 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";
+import { jsxs as l, jsx as i, Fragment as K } from "react/jsx-runtime";
+import { createRoot as $ } from "react-dom/client";
 const J = `
 class AudioCaptureProcessor extends AudioWorkletProcessor {
   constructor() {
@@ -154,6 +154,8 @@ class Y {
   // Agent state
   isAgentSpeaking = !1;
   agentAudioDoneReceived = !1;
+  // Conversation history
+  conversationHistory = [];
   // Session context for function calls (passed to backend for data controls)
   sessionContext = {};
   /**
@@ -161,7 +163,7 @@ class Y {
    * @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("[GlydeVoice] No authentication method provided. One of publishableKey, apiKey, or authToken is required.");
+    this.config = e, this.unityUrl = e.unityBaseUrl || "https://api.glydeunity.com", e.conversationHistory && (this.conversationHistory = e.conversationHistory), !e.publishableKey && !e.apiKey && !e.authToken && console.warn("[GlydeVoice] No authentication method provided. One of publishableKey, apiKey, or authToken is required.");
   }
   /**
    * Get authentication headers based on configured auth method
@@ -219,20 +221,26 @@ class Y {
           contextType: this.config.contextType,
           currentJobUuid: s?.job_uuid
         });
-        const g = this.config.systemPrompt || s.instructions || this.serverConfig?.system_prompt || "You are a helpful AI assistant.";
-        await this.initializeAudio();
-        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) {
+        let y = this.config.systemPrompt || s.instructions || this.serverConfig?.system_prompt || "You are a helpful AI assistant.";
+        this.conversationHistory && this.conversationHistory.length > 0 && (y = `Previous conversation context:
+${this.conversationHistory.map((p) => `${p.role === "agent" ? "Assistant" : "User"}: ${p.content}`).join(`
+`)}
+
+IMPORTANT: This is a continuation of a previous conversation. When the user starts speaking, you must first greet them warmly and acknowledge that you're continuing the conversation. Say something like "Welcome back! I'm glad you're continuing our conversation. How can I help you today?" or similar, then continue naturally based on the previous context.
+
+${y}`), await this.initializeAudio();
+        let h = "wss://agent.deepgram.com/v1/agent/converse";
+        const u = this.config.deepgramConfig || c || this.serverConfig?.deepgram_config;
+        if (u?.tags && u.tags.length > 0) {
           const a = new URLSearchParams();
-          p.tags.forEach((h) => a.append("tag", h)), y += `?${a.toString()}`;
+          u.tags.forEach((p) => a.append("tag", p)), h += `?${a.toString()}`;
         }
-        this.ws = new WebSocket(y, ["bearer", n]), this.ws.onopen = () => {
-          const a = p || {
+        this.ws = new WebSocket(h, ["bearer", n]), this.ws.onopen = () => {
+          const a = u || {
             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" } }
-          }, h = {
+          }, p = {
             type: "Settings",
             audio: {
               input: {
@@ -258,22 +266,32 @@ class Y {
                 // Functions come from server config - no client-side defaults
                 ...a.think?.functions && { functions: a.think.functions }
               },
-              greeting: "Hi! I'm excited you chose to speak with me. Are you ready to start?"
+              // Only show greeting if there's no previous conversation history
+              // When resuming a conversation, skip the greeting to continue naturally
+              ...!this.conversationHistory || this.conversationHistory.length === 0 ? { 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: s, serverConfig: this.serverConfig } });
+          a.tags && a.tags.length > 0 && (p.tags = a.tags), this.ws.send(JSON.stringify(p)), this.emit({ type: "open", payload: { config: s, serverConfig: this.serverConfig } });
         };
-        const f = g;
+        const f = y;
         this.ws.onmessage = (a) => {
           if (typeof a.data == "string") {
             try {
-              if (JSON.parse(a.data).type === "SettingsApplied") {
-                const b = {
+              const p = JSON.parse(a.data);
+              if (p.type === "SettingsApplied") {
+                const m = {
                   type: "UpdatePrompt",
                   prompt: f
                 };
-                this.ws.send(JSON.stringify(b)), this.startMicrophone();
+                this.ws.send(JSON.stringify(m)), setTimeout(() => {
+                  this.mediaStream || this.startMicrophone().catch((v) => {
+                    console.error("[GlydeVoice] Failed to start microphone:", v);
+                  });
+                }, 500);
               }
+              p.type === "PromptUpdated" && (this.mediaStream || this.startMicrophone().catch((m) => {
+                console.error("[GlydeVoice] Failed to start microphone:", m);
+              }));
             } catch {
             }
             this.handleTextMessage(a.data);
@@ -330,6 +348,8 @@ class Y {
           break;
         case "SettingsApplied":
           break;
+        case "PromptUpdated":
+          break;
         case "UserStartedSpeaking":
           this.emit({ type: "user_speaking", payload: !0 }), this.clearPlaybackBuffer(), this.isAgentSpeaking = !1, this.agentAudioDoneReceived = !1;
           break;
@@ -378,15 +398,15 @@ class Y {
     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);
+    for (let u = 0; u < s.length; u++)
+      c[u] = s[u] / 32768;
+    const y = this.resample24kTo48k(c);
     !this.isAgentSpeaking && !this.agentAudioDoneReceived && (this.isAgentSpeaking = !0, this.emit({ type: "agent_speaking", payload: !0 }));
-    const y = new Float32Array(g);
+    const h = new Float32Array(y);
     this.playbackWorkletNode.port.postMessage({
       type: "audio",
-      data: y
-    }, [y.buffer]);
+      data: h
+    }, [h.buffer]);
   }
   /**
    * Resample audio from 24kHz to 48kHz using linear interpolation
@@ -394,8 +414,8 @@ class Y {
   resample24kTo48k(e) {
     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 c = e[s], y = e[s + 1];
+      o[s * 2] = c, o[s * 2 + 1] = (c + y) / 2;
     }
     const n = e.length - 1;
     return o[n * 2] = e[n], o[n * 2 + 1] = e[n], o;
@@ -705,12 +725,12 @@ class X {
         })
       });
       if (!o.ok) {
-        const g = await o.json().catch(() => ({}));
-        throw new Error(g.error?.message || g.message || "Failed to send message");
+        const y = await o.json().catch(() => ({}));
+        throw new Error(y.error?.message || y.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");
+      const s = [...this.history].reverse().find((y) => y.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.",
@@ -750,122 +770,122 @@ class X {
   }
 }
 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) {
+  const [e, t] = k("idle"), [o, n] = k([]), [s, c] = k(!1), [y, h] = k(!1), [u, f] = k(!1), [a, p] = k(null), m = E(null), v = A((d) => {
+    switch (d.type) {
       case "ready":
         t("active");
         break;
       case "close":
-        t("idle"), c(!1), y(!1);
+        t("idle"), c(!1), h(!1);
         break;
       case "error":
-        t("error"), h(
-          typeof l.payload == "object" && l.payload !== null && "message" in l.payload ? String(l.payload.message) : "Connection error"
+        t("error"), p(
+          typeof d.payload == "object" && d.payload !== null && "message" in d.payload ? String(d.payload.message) : "Connection error"
         );
         break;
       case "user_speaking":
-        c(!!l.payload);
+        c(!!d.payload);
         break;
       case "agent_speaking":
-        y(!!l.payload);
+        h(!!d.payload);
         break;
     }
-  }, []), x = A((l, B) => {
-    n((L) => [...L, {
+  }, []), b = A((d, B) => {
+    n((W) => [...W, {
       role: B,
-      content: l,
+      content: d,
       timestamp: /* @__PURE__ */ new Date()
     }]);
-  }, []), u = A(async () => {
-    t("connecting"), h(null);
+  }, []), g = A(async () => {
+    t("connecting"), p(null);
     try {
-      const l = new Y({
+      const d = new Y({
         ...r,
         onEvent: v,
-        onTranscript: x
+        onTranscript: b
       });
-      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");
+      m.current = d, await d.start();
+    } catch (d) {
+      console.error("[useVoiceAgent] Failed to start:", d), t("error"), p(d instanceof Error ? d.message : "Failed to connect");
     }
-  }, [r, v, x]), w = A(() => {
-    b.current?.stop(), b.current = null, t("idle"), c(!1), y(!1);
+  }, [r, v, b]), w = A(() => {
+    m.current?.stop(), m.current = null, t("idle"), c(!1), h(!1);
   }, []), C = A(() => {
-    const l = !p;
-    f(l), b.current?.setMuted(l);
-  }, [p]), T = A((l) => {
-    f(l), b.current?.setMuted(l);
+    const d = !u;
+    f(d), m.current?.setMuted(d);
+  }, [u]), T = A((d) => {
+    f(d), m.current?.setMuted(d);
   }, []), R = A(() => {
     n([]);
   }, []);
   return I(() => () => {
-    b.current?.stop();
+    m.current?.stop();
   }, []), I(() => {
-    r.autoStart && e === "idle" && u();
-  }, [r.autoStart, e, u]), {
+    r.autoStart && e === "idle" && g();
+  }, [r.autoStart, e, g]), {
     status: e,
     transcripts: o,
     isUserSpeaking: s,
-    isAgentSpeaking: g,
-    isMuted: p,
+    isAgentSpeaking: y,
+    isMuted: u,
     errorMessage: a,
-    start: u,
+    start: g,
     stop: w,
     toggleMute: C,
     setMuted: T,
     clearTranscripts: R,
-    voiceAgent: b.current
+    voiceAgent: m.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({
+  const [e, t] = k("idle"), [o, n] = k([]), [s, c] = k(!1), [y, h] = k(null), u = E(null), f = E(!1), a = A(() => (u.current || (u.current = new X({
     ...r,
     onTyping: c
-  })), p.current), [r]), h = A(async () => {
+  })), u.current), [r]), p = A(async () => {
     if (!f.current) {
-      t("loading"), y(null);
+      t("loading"), h(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");
+        const g = await a().initialize();
+        n(g), t("ready"), f.current = !0;
+      } catch (b) {
+        console.error("[useTextChat] Initialization error:", b), t("error"), h(b instanceof Error ? b.message : "Failed to initialize chat");
       }
     }
-  }, [a]), b = A(async (x) => {
-    if (x.trim()) {
-      y(null);
+  }, [a]), m = A(async (b) => {
+    if (b.trim()) {
+      h(null);
       try {
-        const u = a(), w = {
+        const g = a(), w = {
           role: "user",
-          content: x.trim(),
+          content: b.trim(),
           created: (/* @__PURE__ */ new Date()).toISOString()
         };
-        n((T) => [...T, w]), await u.sendMessage(x);
-        const C = u.getHistory();
+        n((T) => [...T, w]), await g.sendMessage(b);
+        const C = g.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");
+      } catch (g) {
+        console.error("[useTextChat] Send message error:", g), h(g instanceof Error ? g.message : "Failed to send message");
       }
     }
   }, [a, e]), v = A(() => {
-    p.current?.clearHistory(), n([]), f.current = !1, t("idle");
+    u.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;
+    r.autoInit && !f.current && r.contextId && p();
+  }, [r.autoInit, r.contextId, p]), I(() => () => {
+    u.current = null;
   }, []), {
     status: e,
     messages: o,
     isLoading: s,
-    errorMessage: g,
-    initialize: h,
-    sendMessage: b,
+    errorMessage: y,
+    initialize: p,
+    sendMessage: m,
     clearHistory: v,
-    textChat: p.current
+    textChat: u.current
   };
 }
-const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+const P = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -884,7 +904,7 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
       /* @__PURE__ */ i("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
     ]
   }
-), be = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+), be = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -921,7 +941,7 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
     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(
+), ee = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -954,7 +974,7 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
     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(
+), te = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -972,7 +992,7 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
       /* @__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(
+), re = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -990,7 +1010,7 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
       /* @__PURE__ */ i("circle", { cx: "12", cy: "7", r: "4" })
     ]
   }
-), ie = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+), ie = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1027,7 +1047,7 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
     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(
+), ne = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1046,7 +1066,7 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
       /* @__PURE__ */ i("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
     ]
   }
-), se = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+), se = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1064,7 +1084,7 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
       /* @__PURE__ */ i("line", { x1: "6", x2: "18", y1: "6", y2: "18" })
     ]
   }
-), ae = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ d(
+), ae = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1100,7 +1120,7 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
     style: { animation: "spin 1s linear infinite" },
     children: /* @__PURE__ */ i("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   }
-), de = {
+), le = {
   light: {
     // Primary colors (purple/magenta)
     primary: "#c026d3",
@@ -1160,8 +1180,8 @@ const j = ({ size: r = 24, color: e = "currentColor", className: t }) => /* @__P
     textMuted: "#9ca3af"
   }
 };
-function $(r) {
-  const e = de[r];
+function D(r) {
+  const e = le[r];
   return `
     --glyde-primary: ${e.primary};
     --glyde-primary-hover: ${e.primaryHover};
@@ -1244,7 +1264,7 @@ const V = `
   .glyde-slide-up {
     animation: glyde-slide-up 0.3s ease-out;
   }
-`, m = {
+`, x = {
   // Floating widget button
   floatingButton: {
     position: "fixed",
@@ -1438,7 +1458,7 @@ const V = `
     color: "var(--glyde-primary)"
   }
 };
-function le(r, e = 20) {
+function de(r, e = 20) {
   return {
     "bottom-right": {
       button: { bottom: e, right: e },
@@ -1458,14 +1478,14 @@ function le(r, e = 20) {
     }
   }[r];
 }
-function N(r = "light") {
+function j(r = "light") {
   const e = "glyde-widget-styles";
   if (document.getElementById(e))
     return;
   const t = document.createElement("style");
   t.id = e, t.textContent = `
     :root {
-      ${$(r)}
+      ${D(r)}
     }
 
     ${V}
@@ -1475,13 +1495,13 @@ function ke(r) {
   const t = document.getElementById("glyde-widget-styles");
   t ? t.textContent = `
       :root {
-        ${$(r)}
+        ${D(r)}
       }
 
       ${V}
-    ` : N(r);
+    ` : j(r);
 }
-const F = ({
+const H = ({
   contextId: r,
   publishableKey: e,
   apiKey: t,
@@ -1489,17 +1509,17 @@ const F = ({
   unityApiUrl: n = "https://api.glydeunity.com",
   contextType: s = "screening",
   height: c = "600px",
-  onTranscript: g,
-  onCallEnd: y,
-  onError: p
+  onTranscript: y,
+  onCallEnd: h,
+  onError: u
 }) => {
   const f = E(null), {
     status: a,
-    transcripts: h,
-    isUserSpeaking: b,
+    transcripts: p,
+    isUserSpeaking: m,
     isAgentSpeaking: v,
-    isMuted: x,
-    errorMessage: u,
+    isMuted: b,
+    errorMessage: g,
     start: w,
     stop: C,
     toggleMute: T,
@@ -1514,15 +1534,15 @@ const F = ({
   });
   I(() => {
     f.current?.scrollIntoView({ behavior: "smooth" });
-  }, [h]), I(() => {
-    if (g && h.length > 0) {
-      const S = h[h.length - 1];
-      g(S.content, S.role);
+  }, [p]), I(() => {
+    if (y && p.length > 0) {
+      const S = p[p.length - 1];
+      y(S.content, S.role);
     }
-  }, [h, g]), I(() => {
-    a === "error" && u && p && p(new Error(u));
-  }, [a, u, p]);
-  const l = () => {
+  }, [p, y]), I(() => {
+    a === "error" && g && u && u(new Error(g));
+  }, [a, g, u]);
+  const d = () => {
     switch (s) {
       case "screening":
         return "Screening Interview";
@@ -1537,10 +1557,10 @@ const F = ({
     }
   }, B = async () => {
     R(), await w();
-  }, L = () => {
-    C(), y?.();
+  }, W = () => {
+    C(), h?.();
   };
-  return /* @__PURE__ */ d("div", { style: {
+  return /* @__PURE__ */ l("div", { style: {
     background: "var(--glyde-background, white)",
     borderRadius: "12px",
     boxShadow: "0 4px 6px rgba(0,0,0,0.1)",
@@ -1549,20 +1569,20 @@ const F = ({
     flexDirection: "column",
     overflow: "hidden"
   }, children: [
-    /* @__PURE__ */ d("div", { style: {
+    /* @__PURE__ */ l("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__ */ l("div", { children: [
+        /* @__PURE__ */ i("h2", { style: { margin: 0, fontSize: "1.1rem", fontWeight: 600, color: "var(--glyde-text, #1f2937)" }, children: d() }),
         /* @__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
+      a === "active" && /* @__PURE__ */ l("div", { style: {
+        ...x.statusBadge,
+        ...x.statusBadgeLive
       }, children: [
         /* @__PURE__ */ i(oe, { size: 14 }),
         " Live"
@@ -1570,7 +1590,7 @@ const F = ({
     ] }),
     /* @__PURE__ */ i("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: a === "idle" || a === "error" ? (
       /* Idle State */
-      /* @__PURE__ */ d("div", { style: {
+      /* @__PURE__ */ l("div", { style: {
         flex: 1,
         display: "flex",
         flexDirection: "column",
@@ -1587,10 +1607,10 @@ const F = ({
           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: [
+        }, children: /* @__PURE__ */ i(P, { size: 48, color: "var(--glyde-primary, #c026d3)" }) }),
+        /* @__PURE__ */ l("h3", { style: { marginBottom: "8px", color: "var(--glyde-text, #1f2937)" }, children: [
           "Ready for ",
-          l(),
+          d(),
           "?"
         ] }),
         /* @__PURE__ */ i("p", { style: {
@@ -1599,12 +1619,12 @@ const F = ({
           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(
+        /* @__PURE__ */ l(
           "button",
           {
             onClick: B,
             style: {
-              ...m.primaryButton,
+              ...x.primaryButton,
               padding: "14px 36px",
               borderRadius: "30px",
               boxShadow: "0 4px 12px rgba(192, 38, 211, 0.3)"
@@ -1615,58 +1635,58 @@ const F = ({
             ]
           }
         ),
-        u && /* @__PURE__ */ i("p", { style: { color: "var(--glyde-error, #ef4444)", marginTop: "16px", fontSize: "0.9rem" }, children: u })
+        g && /* @__PURE__ */ i("p", { style: { color: "var(--glyde-error, #ef4444)", marginTop: "16px", fontSize: "0.9rem" }, children: g })
       ] })
     ) : (
       /* Active/Connecting State */
-      /* @__PURE__ */ d(K, { children: [
-        /* @__PURE__ */ d("div", { style: {
+      /* @__PURE__ */ l(K, { children: [
+        /* @__PURE__ */ l("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: [
+          a === "connecting" && /* @__PURE__ */ l("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: [
+          p.length === 0 && a === "active" && /* @__PURE__ */ l("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)),
+          p.map((S, N) => /* @__PURE__ */ i(ce, { transcript: S, contextType: s }, N)),
           /* @__PURE__ */ i("div", { ref: f })
         ] }),
-        /* @__PURE__ */ d("div", { style: {
+        /* @__PURE__ */ l("div", { style: {
           padding: "16px",
           borderTop: "1px solid var(--glyde-border, #e5e7eb)",
           background: "var(--glyde-background, white)"
         }, children: [
           /* @__PURE__ */ i(
-            pe,
+            he,
             {
-              isUserSpeaking: b,
+              isUserSpeaking: m,
               isAgentSpeaking: v
             }
           ),
-          /* @__PURE__ */ d("div", { style: { display: "flex", justifyContent: "center", gap: "12px", marginTop: "16px" }, children: [
+          /* @__PURE__ */ l("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)"
+                  ...x.iconButton,
+                  background: b ? "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)" })
+                title: b ? "Unmute" : "Mute",
+                children: b ? /* @__PURE__ */ i(ne, { size: 20, color: "var(--glyde-error, #dc2626)" }) : /* @__PURE__ */ i(P, { size: 20, color: "var(--glyde-secondary, #0ea5e9)" })
               }
             ),
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ l(
               "button",
               {
-                onClick: L,
-                style: m.dangerButton,
+                onClick: W,
+                style: x.dangerButton,
                 children: [
                   /* @__PURE__ */ i(ee, { size: 18, color: "white" }),
                   " End Call"
@@ -1704,44 +1724,44 @@ const F = ({
     marginBottom: "12px",
     display: "flex",
     justifyContent: t ? "flex-end" : "flex-start"
-  }, children: /* @__PURE__ */ d("div", { style: {
-    ...m.messageBubble,
-    ...t ? m.messageBubbleUser : m.messageBubbleAgent
+  }, children: /* @__PURE__ */ l("div", { style: {
+    ...x.messageBubble,
+    ...t ? x.messageBubbleUser : x.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 = ({
+}, he = ({
   isUserSpeaking: r,
   isAgentSpeaking: e
-}) => /* @__PURE__ */ d("div", { style: {
+}) => /* @__PURE__ */ l("div", { style: {
   display: "flex",
   justifyContent: "center",
   gap: "20px"
 }, children: [
-  /* @__PURE__ */ d("div", { style: {
-    ...m.speakingIndicator,
+  /* @__PURE__ */ l("div", { style: {
+    ...x.speakingIndicator,
     color: r ? "var(--glyde-primary, #c026d3)" : "var(--glyde-text-muted, #9ca3af)"
   }, children: [
     /* @__PURE__ */ i("div", { style: {
-      ...m.speakingDot,
+      ...x.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,
+  /* @__PURE__ */ l("div", { style: {
+    ...x.speakingIndicator,
     color: e ? "var(--glyde-success, #059669)" : "var(--glyde-text-muted, #9ca3af)"
   }, children: [
     /* @__PURE__ */ i("div", { style: {
-      ...m.speakingDot,
+      ...x.speakingDot,
       background: e ? "var(--glyde-success, #059669)" : "var(--glyde-border, #d1d5db)",
       animation: e ? "glyde-pulse 1s infinite" : "none"
     } }),
     "AI Agent"
   ] })
-] }), G = ({
+] }), F = ({
   contextId: r,
   publishableKey: e,
   apiKey: t,
@@ -1749,15 +1769,15 @@ const F = ({
   unityApiUrl: n = "https://api.glydeunity.com",
   height: s = "600px",
   title: c = "AI Chat",
-  placeholder: g = "Type your message...",
-  autoInit: y = !0,
-  onMessage: p,
+  placeholder: y = "Type your message...",
+  autoInit: h = !0,
+  onMessage: u,
   onError: f
 }) => {
-  const [a, h] = k(""), b = E(null), {
+  const [a, p] = k(""), m = E(null), {
     status: v,
-    messages: x,
-    isLoading: u,
+    messages: b,
+    isLoading: g,
     errorMessage: w,
     sendMessage: C
   } = Q({
@@ -1766,21 +1786,21 @@ const F = ({
     authToken: o,
     contextId: r,
     unityBaseUrl: n,
-    autoInit: y
+    autoInit: h
   });
   I(() => {
-    b.current?.scrollIntoView({ behavior: "smooth" });
-  }, [x]), I(() => {
+    m.current?.scrollIntoView({ behavior: "smooth" });
+  }, [b]), 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());
+    if (!a.trim() || g) return;
+    const d = a.trim();
+    p(""), await C(d), u && u({ role: "user", content: d });
+  }, R = (d) => {
+    d.key === "Enter" && !d.shiftKey && (d.preventDefault(), T());
   };
-  return /* @__PURE__ */ d("div", { style: {
+  return /* @__PURE__ */ l("div", { style: {
     background: "var(--glyde-background, white)",
     borderRadius: "12px",
     boxShadow: "0 4px 6px rgba(0,0,0,0.1)",
@@ -1797,7 +1817,7 @@ const F = ({
       borderTopLeftRadius: "12px",
       borderTopRightRadius: "12px"
     }, children: /* @__PURE__ */ i("h2", { style: { margin: 0, fontSize: "1.1rem", fontWeight: 600 }, children: c }) }),
-    /* @__PURE__ */ d("div", { style: {
+    /* @__PURE__ */ l("div", { style: {
       flex: 1,
       overflowY: "auto",
       padding: "20px",
@@ -1806,48 +1826,48 @@ const F = ({
       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: [
+      v === "loading" && b.length === 0 && /* @__PURE__ */ l("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 })
+      b.map((d, B) => /* @__PURE__ */ i(pe, { message: d }, B)),
+      g && /* @__PURE__ */ i("div", { style: { color: "var(--glyde-text-muted, #94a3b8)", fontSize: "0.9rem", marginLeft: "42px" }, children: /* @__PURE__ */ i(ue, {}) }),
+      /* @__PURE__ */ i("div", { ref: m })
     ] }),
-    /* @__PURE__ */ d("div", { style: { padding: "16px 20px", borderTop: "1px solid var(--glyde-border, #eee)" }, children: [
+    /* @__PURE__ */ l("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__ */ l("div", { style: { display: "flex", gap: "10px" }, children: [
         /* @__PURE__ */ i(
           "input",
           {
             type: "text",
             value: a,
-            onChange: (l) => h(l.target.value),
+            onChange: (d) => p(d.target.value),
             onKeyDown: R,
-            placeholder: g,
+            placeholder: y,
             style: {
-              ...m.inputField,
+              ...x.inputField,
               flex: 1
             },
-            disabled: u
+            disabled: g
           }
         ),
         /* @__PURE__ */ i(
           "button",
           {
             onClick: T,
-            disabled: u || !a.trim(),
+            disabled: g || !a.trim(),
             style: {
-              ...m.iconButton,
+              ...x.iconButton,
               background: "var(--glyde-secondary, #0284c7)",
               width: "48px",
               height: "48px",
-              opacity: u || !a.trim() ? 0.5 : 1,
-              cursor: u || !a.trim() ? "not-allowed" : "pointer"
+              opacity: g || !a.trim() ? 0.5 : 1,
+              cursor: g || !a.trim() ? "not-allowed" : "pointer"
             },
             children: /* @__PURE__ */ i(te, { size: 20, color: "white" })
           }
@@ -1872,9 +1892,9 @@ const F = ({
         }
       ` })
   ] });
-}, he = ({ message: r }) => {
+}, pe = ({ message: r }) => {
   const e = r.role === "user";
-  return /* @__PURE__ */ d("div", { style: {
+  return /* @__PURE__ */ l("div", { style: {
     display: "flex",
     gap: "10px",
     flexDirection: e ? "row-reverse" : "row",
@@ -1901,7 +1921,7 @@ const F = ({
       lineHeight: 1.5
     }, children: r.content })
   ] });
-}, ue = () => /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+}, ue = () => /* @__PURE__ */ l("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",
@@ -1925,28 +1945,28 @@ const F = ({
   unityBaseUrl: n = "https://api.glydeunity.com",
   contextType: s = "screening",
   defaultMode: c = "voice",
-  position: g = "bottom-right",
-  theme: y = "light",
-  allowModeSwitch: p = !0,
+  position: y = "bottom-right",
+  theme: h = "light",
+  allowModeSwitch: u = !0,
   container: f,
   onReady: a,
-  onModeChange: h,
-  onTranscript: b,
+  onModeChange: p,
+  onTranscript: m,
   onError: v,
-  initialExpanded: x = !1
+  initialExpanded: b = !1
 }) => {
-  const [u, w] = k(x), [C, T] = k(c);
+  const [g, w] = k(b), [C, T] = k(c);
   I(() => {
-    const S = y === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : y;
-    N(S);
-  }, [y]), I(() => {
+    const S = h === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : h;
+    j(S);
+  }, [h]), I(() => {
     a?.();
   }, [a]);
-  const R = le(g), l = (S) => {
-    T(S), h?.(S);
-  }, B = (S, P) => {
-    b?.(S, P);
-  }, L = (S) => {
+  const R = de(y), d = (S) => {
+    T(S), p?.(S);
+  }, B = (S, N) => {
+    m?.(S, N);
+  }, W = (S) => {
     v?.(S);
   };
   return f ? /* @__PURE__ */ i(
@@ -1959,53 +1979,53 @@ const F = ({
       unityBaseUrl: n,
       contextType: s,
       mode: C,
-      allowModeSwitch: p,
-      onModeChange: l,
+      allowModeSwitch: u,
+      onModeChange: d,
       onTranscript: B,
-      onError: L
+      onError: W
     }
-  ) : /* @__PURE__ */ d("div", { className: "glyde-widget-root", children: [
-    !u && /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ l("div", { className: "glyde-widget-root", children: [
+    !g && /* @__PURE__ */ i(
       "button",
       {
         onClick: () => w(!0),
         style: {
-          ...m.floatingButton,
+          ...x.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" })
+        children: /* @__PURE__ */ i(P, { size: 28, color: "white" })
       }
     ),
-    u && /* @__PURE__ */ d(
+    g && /* @__PURE__ */ l(
       "div",
       {
         style: {
-          ...m.widgetPanel,
+          ...x.widgetPanel,
           ...R.panel,
           background: "var(--glyde-background, white)"
         },
         className: "glyde-slide-up",
         children: [
-          /* @__PURE__ */ d("div", { style: {
-            ...m.header,
+          /* @__PURE__ */ l("div", { style: {
+            ...x.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__ */ l("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__ */ l("div", { style: { display: "flex", gap: "8px" }, children: [
               /* @__PURE__ */ i(
                 "button",
                 {
                   onClick: () => w(!1),
                   style: {
-                    ...m.iconButton,
+                    ...x.iconButton,
                     background: "rgba(255,255,255,0.2)",
                     width: "32px",
                     height: "32px"
@@ -2019,7 +2039,7 @@ const F = ({
                 {
                   onClick: () => w(!1),
                   style: {
-                    ...m.iconButton,
+                    ...x.iconButton,
                     background: "rgba(255,255,255,0.2)",
                     width: "32px",
                     height: "32px"
@@ -2030,12 +2050,12 @@ const F = ({
               )
             ] })
           ] }),
-          p && /* @__PURE__ */ i("div", { style: {
+          u && /* @__PURE__ */ i("div", { style: {
             padding: "12px 16px",
             borderBottom: "1px solid var(--glyde-border, #e5e7eb)"
-          }, children: /* @__PURE__ */ i(H, { mode: C, onModeChange: l }) }),
+          }, children: /* @__PURE__ */ i(G, { mode: C, onModeChange: d }) }),
           /* @__PURE__ */ i("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: C === "voice" ? /* @__PURE__ */ i(
-            F,
+            H,
             {
               publishableKey: r,
               apiKey: e,
@@ -2045,10 +2065,10 @@ const F = ({
               contextType: s,
               height: "100%",
               onTranscript: B,
-              onError: L
+              onError: W
             }
           ) : /* @__PURE__ */ i(
-            G,
+            F,
             {
               publishableKey: r,
               apiKey: e,
@@ -2057,35 +2077,35 @@ const F = ({
               unityApiUrl: n,
               height: "100%",
               title: "Text Chat",
-              onError: L
+              onError: W
             }
           ) })
         ]
       }
     )
   ] });
-}, H = ({ mode: r, onModeChange: e }) => /* @__PURE__ */ d("div", { style: m.modeSelector, children: [
-  /* @__PURE__ */ d(
+}, G = ({ mode: r, onModeChange: e }) => /* @__PURE__ */ l("div", { style: x.modeSelector, children: [
+  /* @__PURE__ */ l(
     "button",
     {
       onClick: () => e("voice"),
       style: {
-        ...m.modeSelectorButton,
+        ...x.modeSelectorButton,
         background: r === "voice" ? "var(--glyde-primary, #c026d3)" : "transparent",
         color: r === "voice" ? "white" : "var(--glyde-text, #1f2937)"
       },
       children: [
-        /* @__PURE__ */ i(j, { size: 16 }),
+        /* @__PURE__ */ i(P, { size: 16 }),
         " Voice"
       ]
     }
   ),
-  /* @__PURE__ */ d(
+  /* @__PURE__ */ l(
     "button",
     {
       onClick: () => e("text"),
       style: {
-        ...m.modeSelectorButton,
+        ...x.modeSelectorButton,
         background: r === "text" ? "var(--glyde-secondary, #0284c7)" : "transparent",
         color: r === "text" ? "white" : "var(--glyde-text, #1f2937)"
       },
@@ -2103,22 +2123,22 @@ const F = ({
   unityBaseUrl: n,
   contextType: s,
   mode: c,
-  allowModeSwitch: g,
-  onModeChange: y,
-  onTranscript: p,
+  allowModeSwitch: y,
+  onModeChange: h,
+  onTranscript: u,
   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: {
+  const [a, p] = k(c);
+  return /* @__PURE__ */ l("div", { className: "glyde-widget-root", style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    y && /* @__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);
+    }, children: /* @__PURE__ */ i(G, { mode: a, onModeChange: (v) => {
+      p(v), h(v);
     } }) }),
     /* @__PURE__ */ i("div", { style: { flex: 1, overflow: "hidden" }, children: a === "voice" ? /* @__PURE__ */ i(
-      F,
+      H,
       {
         publishableKey: r,
         apiKey: e,
@@ -2127,11 +2147,11 @@ const F = ({
         unityApiUrl: n,
         contextType: s,
         height: "100%",
-        onTranscript: p,
+        onTranscript: u,
         onError: f
       }
     ) : /* @__PURE__ */ i(
-      G,
+      F,
       {
         publishableKey: r,
         apiKey: e,
@@ -2145,7 +2165,7 @@ const F = ({
     ) })
   ] });
 };
-let M = null, W = null;
+let M = null, L = null;
 const _ = {
   /**
    * Initialize the chat widget
@@ -2157,10 +2177,10 @@ const _ = {
     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);
+    j(e), M && L && (M.unmount(), L.remove(), M = null, L = 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);
+    t.id = "glyde-chat-widget", t.className = "glyde-widget-root", document.body.appendChild(t), L = t;
+    const o = $(t);
     return M = o, o.render(
       z.createElement(U, {
         ...r,
@@ -2171,7 +2191,7 @@ const _ = {
        * Destroy the widget
        */
       destroy() {
-        M && W && (M.unmount(), W.remove(), M = null, W = null, console.log("[GlydeChat] Widget destroyed"));
+        M && L && (M.unmount(), L.remove(), M = null, L = null, console.log("[GlydeChat] Widget destroyed"));
       },
       /**
        * Update widget configuration
@@ -2197,8 +2217,8 @@ const _ = {
     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);
+    j(o);
+    const n = $(t);
     return n.render(
       z.createElement(U, {
         ...e,
@@ -2234,11 +2254,28 @@ const _ = {
 };
 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,
+  if (!e) {
+    console.log("[GlydeChat] No script tag found for auto-init");
+    return;
+  }
+  const t = e.getAttribute("data-auto-init");
+  if (t === "false") {
+    console.log('[GlydeChat] Auto-init disabled via data-auto-init="false"');
+    return;
+  }
+  const o = e.getAttribute("data-publishable-key") || void 0, n = e.getAttribute("data-api-key") || void 0, s = e.getAttribute("data-auth-token") || void 0, c = o || n || s;
+  if (!c && !(t === "true")) {
+    console.log("[GlydeChat] Auto-init skipped: no authentication data attributes found. Call GlydeChat.init() manually.");
+    return;
+  }
+  if (!c) {
+    console.warn("[GlydeChat] Auto-init skipped: no authentication provided (publishableKey, apiKey, or authToken required)");
+    return;
+  }
+  const h = {
+    publishableKey: o,
+    apiKey: n,
+    authToken: s,
     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",
@@ -2247,11 +2284,15 @@ function ye() {
     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);
+  console.log("[GlydeChat] Auto-initializing with config:", {
+    hasPublishableKey: !!h.publishableKey,
+    hasApiKey: !!h.apiKey,
+    hasAuthToken: !!h.authToken,
+    contextId: h.contextId,
+    defaultMode: h.defaultMode,
+    position: h.position,
+    theme: h.theme
+  }), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => _.init(h)) : _.init(h);
 }
 typeof window < "u" && (window.GlydeChat = _, ye());
 export {
@@ -2263,23 +2304,23 @@ export {
   Y as GlydeVoice,
   we as LoaderIcon,
   O as MessageIcon,
-  j as MicIcon,
+  P as MicIcon,
   be as MicOffIcon,
   ae as MinimizeIcon,
   ve as PhoneIcon,
   ee as PhoneOffIcon,
   te as SendIcon,
-  G as TextChat,
+  F as TextChat,
   re as UserIcon,
-  F as VoiceChat,
+  H as VoiceChat,
   ne as VolumeXIcon,
   se as XIcon,
-  m as componentStyles,
-  le as getPositionStyles,
-  $ as getThemeCSSVariables,
+  x as componentStyles,
+  de as getPositionStyles,
+  D as getThemeCSSVariables,
   V as globalStyles,
-  N as injectGlobalStyles,
-  de as themeColors,
+  j as injectGlobalStyles,
+  le as themeColors,
   ke as updateTheme,
   Q as useTextChat,
   Z as useVoiceAgent