@w0nna_dev/lina-widget 1.1.2 → 1.2.1

package/dist/lina-widget.es.js

@@ -8746,7 +8746,7 @@ function Ky(i) {
       value: i.value
     });
 }
-class fw extends hi.EventEmitter {
+class gw extends hi.EventEmitter {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     super(), this.onKeyRatcheted = (t, n, s) => {
@@ -17878,7 +17878,7 @@ class h_ extends os {
     });
   }
 }
-class pw extends hi.EventEmitter {
+class vw extends hi.EventEmitter {
   constructor(e, t) {
     let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
     super(), this.options = {}, this.checkResults = /* @__PURE__ */ new Map(), this.url = e, this.token = t, this.options = n;
@@ -39693,13 +39693,28 @@ class bu {
     return this.analyser;
   }
 }
-class _u {
+const JM = "/sounds/pop-connect.mp3", ZM = "/sounds/pop-disconnect.mp3";
+let _u = class {
   constructor(e = {}) {
-    this.audioContext = null, this.config = {
+    this.audioContext = null, this.connectAudio = null, this.disconnectAudio = null, this.config = {
       enabled: !0,
-      volume: 0.15,
+      volume: 0.5,
       ...e
-    };
+    }, this.preloadAudio();
+  }
+  /**
+   * Preload audio files for instant playback
+   */
+  preloadAudio() {
+    try {
+      this.connectAudio = new Audio(this.config.connectSoundUrl || JM), this.connectAudio.preload = "auto", this.connectAudio.volume = this.config.volume, this.disconnectAudio = new Audio(this.config.disconnectSoundUrl || ZM), this.disconnectAudio.preload = "auto", this.disconnectAudio.volume = this.config.volume, this.connectAudio.addEventListener("error", () => {
+        console.warn("Failed to load connect sound, will use synthesized fallback");
+      }), this.disconnectAudio.addEventListener("error", () => {
+        console.warn("Failed to load disconnect sound, will use synthesized fallback");
+      });
+    } catch (e) {
+      console.warn("Failed to preload audio:", e);
+    }
   }
   /**
    * Initialize audio context (must be called from user interaction)
@@ -39722,7 +39737,18 @@ class _u {
     await this.ensureContext();
   }
   /**
-   * Create an oscillator with envelope
+   * Play MP3 audio element
+   */
+  async playAudioElement(e) {
+    if (!e || !this.config.enabled) return !1;
+    try {
+      return e.currentTime = 0, e.volume = this.config.volume, await e.play(), !0;
+    } catch (t) {
+      return console.warn("Failed to play audio:", t), !1;
+    }
+  }
+  /**
+   * Create a synthesized tone (fallback)
    */
   createTone(e, t, n, s, r = "sine") {
     const o = e.createOscillator(), a = e.createGain();
@@ -39731,10 +39757,9 @@ class _u {
     return a.gain.setValueAtTime(0, n), a.gain.linearRampToValueAtTime(this.config.volume, n + c), a.gain.linearRampToValueAtTime(this.config.volume * d, n + c + l), a.gain.setValueAtTime(this.config.volume * d, n + s - u), a.gain.linearRampToValueAtTime(0, n + s), o.connect(a), { oscillator: o, gain: a };
   }
   /**
-   * Play pleasant notification sound for call start
-   * Two-tone ascending melody like messenger notifications
+   * Synthesized fallback for call start sound
    */
-  async playCallStartSound() {
+  async playSynthesizedStartSound() {
     const e = await this.ensureContext();
     if (!e || typeof e.createGain != "function") return;
     const t = e.currentTime, n = e.createGain();
@@ -39754,10 +39779,9 @@ class _u {
     }, 300);
   }
   /**
-   * Play gentle descending sound for call end
-   * Single soft tone
+   * Synthesized fallback for call end sound
    */
-  async playCallEndSound() {
+  async playSynthesizedEndSound() {
     const e = await this.ensureContext();
     if (!e || typeof e.createGain != "function") return;
     const t = e.currentTime, n = e.createGain();
@@ -39770,11 +39794,25 @@ class _u {
       }
     }, 250);
   }
+  /**
+   * Play call start sound (MP3 with synthesized fallback)
+   */
+  async playCallStartSound() {
+    if (!this.config.enabled) return;
+    await this.playAudioElement(this.connectAudio) || await this.playSynthesizedStartSound();
+  }
+  /**
+   * Play call end sound (MP3 with synthesized fallback)
+   */
+  async playCallEndSound() {
+    if (!this.config.enabled) return;
+    await this.playAudioElement(this.disconnectAudio) || await this.playSynthesizedEndSound();
+  }
   /**
    * Update configuration
    */
   setConfig(e) {
-    this.config = { ...this.config, ...e };
+    this.config = { ...this.config, ...e }, this.connectAudio && (this.connectAudio.volume = this.config.volume), this.disconnectAudio && (this.disconnectAudio.volume = this.config.volume);
   }
   /**
    * Enable or disable sounds
@@ -39786,7 +39824,7 @@ class _u {
    * Set volume (0.0 - 1.0)
    */
   setVolume(e) {
-    this.config.volume = Math.max(0, Math.min(1, e));
+    this.config.volume = Math.max(0, Math.min(1, e)), this.connectAudio && (this.connectAudio.volume = this.config.volume), this.disconnectAudio && (this.disconnectAudio.volume = this.config.volume);
   }
   /**
    * Get current config
@@ -39804,9 +39842,9 @@ class _u {
    * Cleanup
    */
   destroy() {
-    this.audioContext && (this.audioContext.close(), this.audioContext = null);
+    this.audioContext && (this.audioContext.close(), this.audioContext = null), this.connectAudio && (this.connectAudio.pause(), this.connectAudio.src = "", this.connectAudio = null), this.disconnectAudio && (this.disconnectAudio.pause(), this.disconnectAudio.src = "", this.disconnectAudio = null);
   }
-}
+};
 const Si = {
   default: {
     primary: "#6366f1",
@@ -39953,11 +39991,11 @@ const Si = {
     // Light pink
   }
 };
-function mw(i, e = "dark") {
+function bw(i, e = "dark") {
   const t = e === "dark" ? Si : xi;
   return t[i] || t[Object.keys(t)[0]];
 }
-function gw(i = "dark") {
+function _w(i = "dark") {
   return Object.keys(i === "dark" ? Si : xi);
 }
 const da = {
@@ -40045,41 +40083,41 @@ const da = {
       idleGlowMultiplier: 1.2
     }
   }
-}, vw = Object.fromEntries(
+}, Sw = Object.fromEntries(
   Object.entries(da).map(([i, e]) => [i, e.dark])
-), yw = Object.fromEntries(
+), xw = Object.fromEntries(
   Object.entries(da).map(([i, e]) => [i, e.light])
 );
-function JM() {
+function QM() {
   return typeof window > "u" || window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 function Jo(i, e = "auto") {
-  const t = da[i] || da.default, n = e === "auto" ? JM() : e;
+  const t = da[i] || da.default, n = e === "auto" ? QM() : e;
   return t[n];
 }
-function bw() {
+function Tw() {
   return Object.keys(da);
 }
-function ZM(i, e, t = "auto") {
+function ew(i, e, t = "auto") {
   const n = Jo(e, t);
   i.orbColors = n.colors, i.glowIntensity = n.glowIntensity, i.idleGlowMultiplier = n.idleGlowMultiplier;
 }
-function _w(i, e) {
+function Cw(i, e) {
   if (typeof window > "u")
     return () => {
     };
   const t = window.matchMedia("(prefers-color-scheme: dark)"), n = () => {
     const s = t.matches ? "dark" : "light";
-    ZM(i, e, s);
+    ew(i, e, s);
   };
   return n(), t.addEventListener("change", n), () => {
     t.removeEventListener("change", n);
   };
 }
-var QM = Object.defineProperty, ew = Object.getOwnPropertyDescriptor, Mt = (i, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? ew(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+var tw = Object.defineProperty, nw = Object.getOwnPropertyDescriptor, Mt = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? nw(e, t) : e, r = i.length - 1, o; r >= 0; r--)
     (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && QM(e, t, s), s;
+  return n && s && tw(e, t, s), s;
 };
 let bt = class extends es {
   constructor() {
@@ -40590,10 +40628,10 @@ Mt([
 bt = Mt([
   Lo("hanc-ai-inline-call")
 ], bt);
-var tw = Object.defineProperty, nw = Object.getOwnPropertyDescriptor, wt = (i, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? nw(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+var iw = Object.defineProperty, sw = Object.getOwnPropertyDescriptor, wt = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? sw(e, t) : e, r = i.length - 1, o; r >= 0; r--)
     (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && tw(e, t, s), s;
+  return n && s && iw(e, t, s), s;
 };
 let _t = class extends es {
   constructor() {
@@ -41088,10 +41126,10 @@ wt([
 _t = wt([
   Lo("hanc-ai-floating-call")
 ], _t);
-var iw = Object.defineProperty, sw = Object.getOwnPropertyDescriptor, At = (i, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? sw(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+var rw = Object.defineProperty, aw = Object.getOwnPropertyDescriptor, At = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? aw(e, t) : e, r = i.length - 1, o; r >= 0; r--)
     (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && iw(e, t, s), s;
+  return n && s && rw(e, t, s), s;
 };
 let St = class extends es {
   constructor() {
@@ -41508,7 +41546,7 @@ At([
 St = At([
   Lo("hanc-ai-pill-call")
 ], St);
-const rw = {
+const ow = {
   core: "#ffffff",
   coreGlow: "#a855f7",
   lightning: "#c084fc",
@@ -41567,7 +41605,7 @@ const rw = {
     coreScale: 1
   }
 };
-class aw {
+class cw {
   constructor(e, t = {}) {
     this.shellSegments = [], this.coreInner = null, this.coreOuter = null, this.coreGlow = null, this.pulseRings = [], this.particles = null, this.particlePositions = null, this.particleVelocities = null, this.animationId = null, this._currentState = "idle", this._currentEmotion = "neutral", this.targetConfig = { ...rl.idle }, this.currentConfig = { ...rl.idle }, this.targetAudioLevel = 0, this.currentAudioLevel = 0, this.audioVelocity = 0, this.targetPulseColor = new Ue("#a855f7"), this.currentPulseColor = new Ue("#a855f7"), this.targetRotation = { x: 0, y: 0 }, this.currentRotation = { x: 0, y: 0 }, this.time = 0, this.animate = () => {
       this.animationId = requestAnimationFrame(this.animate);
@@ -41617,7 +41655,7 @@ class aw {
       shellSegments: t.shellSegments ?? 6,
       colors: t.colors ?? {},
       canvasPadding: t.canvasPadding ?? 2
-    }, this.colors = { ...rw, ...t.colors }, this.clock = new vg(), this.initScene(), this.createShell(), this.createCore(), this.createParticles(), window.addEventListener("resize", this.handleResize), e.addEventListener("mousemove", this.handleMouseMove), e.addEventListener("mouseleave", this.handleMouseLeave);
+    }, this.colors = { ...ow, ...t.colors }, this.clock = new vg(), this.initScene(), this.createShell(), this.createCore(), this.createParticles(), window.addEventListener("resize", this.handleResize), e.addEventListener("mousemove", this.handleMouseMove), e.addEventListener("mouseleave", this.handleMouseLeave);
   }
   initScene() {
     this.scene = new pg();
@@ -42173,14 +42211,172 @@ class aw {
     this.pulseRings = [], this.particles && (this.particles.geometry.dispose(), this.particles.material.dispose()), this.renderer.dispose(), this.renderer.domElement.parentNode && this.renderer.domElement.parentNode.removeChild(this.renderer.domElement);
   }
 }
-var ow = Object.defineProperty, cw = Object.getOwnPropertyDescriptor, jt = (i, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? cw(e, t) : e, r = i.length - 1, o; r >= 0; r--)
+class lw {
+  constructor(e = {}) {
+    this.audioContext = null, this.config = {
+      enabled: !0,
+      volume: 0.3,
+      ...e
+    };
+  }
+  /**
+   * Initialize audio context (must be called from user interaction)
+   */
+  async ensureContext() {
+    if (!this.config.enabled) return null;
+    if (!this.audioContext)
+      try {
+        this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
+      } catch {
+        return console.warn("Web Audio API not supported"), null;
+      }
+    return this.audioContext.state === "suspended" && await this.audioContext.resume(), this.audioContext;
+  }
+  /**
+   * Create an oscillator with envelope
+   */
+  createTone(e, t, n, s, r = "sine") {
+    const o = e.createOscillator(), a = e.createGain();
+    o.type = r, o.frequency.setValueAtTime(t, n);
+    const c = 0.05, l = 0.1, d = 0.7, u = 0.3;
+    return a.gain.setValueAtTime(0, n), a.gain.linearRampToValueAtTime(this.config.volume, n + c), a.gain.linearRampToValueAtTime(this.config.volume * d, n + c + l), a.gain.setValueAtTime(this.config.volume * d, n + s - u), a.gain.linearRampToValueAtTime(0, n + s), o.connect(a), { oscillator: o, gain: a };
+  }
+  /**
+   * Play ascending melodic sound for call start
+   * C4 → E4 → G4 (C major chord arpeggio)
+   */
+  async playCallStartSound() {
+    const e = await this.ensureContext();
+    if (!e || typeof e.createGain != "function") return;
+    const t = e.currentTime, n = e.createGain();
+    n.gain.setValueAtTime(1, t), n.connect(e.destination);
+    const s = [
+      { freq: 261.63, start: 0, duration: 0.5 },
+      // C4
+      { freq: 329.63, start: 0.15, duration: 0.5 },
+      // E4
+      { freq: 392, start: 0.3, duration: 0.6 },
+      // G4
+      { freq: 523.25, start: 0.5, duration: 0.8 }
+      // C5 (octave up)
+    ], r = [];
+    s.forEach((o) => {
+      const { oscillator: a, gain: c } = this.createTone(
+        e,
+        o.freq,
+        t + o.start,
+        o.duration,
+        "sine"
+      );
+      c.connect(n), a.start(t + o.start), a.stop(t + o.start + o.duration), r.push(a);
+      const { oscillator: l, gain: d } = this.createTone(
+        e,
+        o.freq * 2,
+        // Octave up
+        t + o.start,
+        o.duration,
+        "triangle"
+      );
+      d.gain.setValueAtTime(d.gain.value * 0.3, t), d.connect(n), l.start(t + o.start), l.stop(t + o.start + o.duration), r.push(l);
+    }), setTimeout(() => {
+      r.forEach((o) => {
+        try {
+          o.disconnect();
+        } catch {
+        }
+      });
+    }, 2e3);
+  }
+  /**
+   * Play descending melodic sound for call end
+   * G4 → E4 → C4 (descending C major arpeggio)
+   */
+  async playCallEndSound() {
+    const e = await this.ensureContext();
+    if (!e || typeof e.createGain != "function") return;
+    const t = e.currentTime, n = e.createGain();
+    n.gain.setValueAtTime(1, t), n.connect(e.destination);
+    const s = [
+      { freq: 523.25, start: 0, duration: 0.4 },
+      // C5
+      { freq: 392, start: 0.12, duration: 0.4 },
+      // G4
+      { freq: 329.63, start: 0.24, duration: 0.5 },
+      // E4
+      { freq: 261.63, start: 0.4, duration: 0.7 }
+      // C4
+    ], r = [];
+    s.forEach((o) => {
+      const { oscillator: a, gain: c } = this.createTone(
+        e,
+        o.freq,
+        t + o.start,
+        o.duration,
+        "sine"
+      );
+      c.connect(n), a.start(t + o.start), a.stop(t + o.start + o.duration), r.push(a);
+      const { oscillator: l, gain: d } = this.createTone(
+        e,
+        o.freq * 2,
+        t + o.start,
+        o.duration,
+        "triangle"
+      );
+      d.gain.setValueAtTime(d.gain.value * 0.25, t), d.connect(n), l.start(t + o.start), l.stop(t + o.start + o.duration), r.push(l);
+    }), setTimeout(() => {
+      r.forEach((o) => {
+        try {
+          o.disconnect();
+        } catch {
+        }
+      });
+    }, 1500);
+  }
+  /**
+   * Update configuration
+   */
+  setConfig(e) {
+    this.config = { ...this.config, ...e };
+  }
+  /**
+   * Enable or disable sounds
+   */
+  setEnabled(e) {
+    this.config.enabled = e;
+  }
+  /**
+   * Set volume (0.0 - 1.0)
+   */
+  setVolume(e) {
+    this.config.volume = Math.max(0, Math.min(1, e));
+  }
+  /**
+   * Get current config
+   */
+  getConfig() {
+    return { ...this.config };
+  }
+  /**
+   * Check if sounds are enabled
+   */
+  isEnabled() {
+    return this.config.enabled;
+  }
+  /**
+   * Cleanup
+   */
+  destroy() {
+    this.audioContext && (this.audioContext.close(), this.audioContext = null);
+  }
+}
+var dw = Object.defineProperty, uw = Object.getOwnPropertyDescriptor, jt = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? uw(e, t) : e, r = i.length - 1, o; r >= 0; r--)
     (o = i[r]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && ow(e, t, s), s;
+  return n && s && dw(e, t, s), s;
 };
 let Ft = class extends es {
   constructor() {
-    super(...arguments), this.orbRenderer = null, this.orbContainerRef = No(), this.audioSimPhase = 0, this.animationId = null, this.callManager = null, this.size = 300, this.headerLogo = "HANC.ai", this.headerTitle = "Lina-Voice AI", this.showBranding = !0, this.version = "v1.1.2", this.agentId = "", this.voiceServiceUrl = "", this.btnStartText = "Start", this.btnEndText = "End", this.colors = {}, this.brandingLogoColor = "rgba(255, 255, 255, 0.9)", this.brandingTitleColor = "rgba(255, 255, 255, 0.6)", this.brandingDividerColor = "rgba(255, 255, 255, 0.3)", this.versionColor = "rgba(255, 255, 255, 0.3)", this.buttonBackground = "linear-gradient(135deg, rgba(139, 92, 246, 0.95) 0%, rgba(124, 58, 237, 0.95) 100%)", this.buttonTextColor = "rgba(255, 255, 255, 0.95)", this.currentState = "idle", this.callStatus = "idle", this.isLoading = !0, this._hasMicPermission = null, this._localAudioContext = null, this._localAudioAnalyser = null, this._localAudioMonitorId = null, this._agentAudioContext = null, this._agentAudioAnalyser = null, this._agentAudioMonitorId = null, this._agentIsSpeaking = !1, this._interruptionTimeout = null, this._lastInterruptionTime = 0, this.handleCallClick = async () => {
+    super(...arguments), this.orbRenderer = null, this.orbContainerRef = No(), this.audioSimPhase = 0, this.animationId = null, this.callManager = null, this.soundManager = new lw({ enabled: !0, volume: 0.4 }), this.size = 300, this.headerLogo = "HANC.ai", this.headerTitle = "Lina-Voice AI", this.showBranding = !0, this.version = "v1.1.2", this.agentId = "", this.voiceServiceUrl = "", this.btnStartText = "Start", this.btnEndText = "End", this.colors = {}, this.brandingLogoColor = "rgba(255, 255, 255, 0.9)", this.brandingTitleColor = "rgba(255, 255, 255, 0.6)", this.brandingDividerColor = "rgba(255, 255, 255, 0.3)", this.versionColor = "rgba(255, 255, 255, 0.3)", this.buttonBackground = "linear-gradient(135deg, rgba(139, 92, 246, 0.95) 0%, rgba(124, 58, 237, 0.95) 100%)", this.buttonTextColor = "rgba(255, 255, 255, 0.95)", this.currentState = "idle", this.callStatus = "idle", this.isLoading = !0, this._hasMicPermission = null, this._localAudioContext = null, this._localAudioAnalyser = null, this._localAudioMonitorId = null, this._agentAudioContext = null, this._agentAudioAnalyser = null, this._agentAudioMonitorId = null, this._agentIsSpeaking = !1, this._interruptionTimeout = null, this._lastInterruptionTime = 0, this.handleCallClick = async () => {
       if (this.callStatus === "mic-denied")
         try {
           (await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((e) => e.stop()), this._hasMicPermission = !0, this.callStatus = "idle";
@@ -42211,7 +42407,7 @@ let Ft = class extends es {
   }
   initializeOrb() {
     const i = this.orbContainerRef.value;
-    i && (this.orbRenderer = new aw(i, {
+    i && (this.orbRenderer = new cw(i, {
       size: 1,
       colors: this.colors
     }), this.orbRenderer.start(), this.startIdleAnimation(), requestAnimationFrame(() => {
@@ -42326,6 +42522,9 @@ let Ft = class extends es {
       case "agent_state":
         (n = i.payload) != null && n.state && (this.setState(i.payload.state), this._agentIsSpeaking = i.payload.state === "speaking");
         break;
+      case "end_call":
+        console.log("[LinaWidget] Agent requested to end call"), this.endCall();
+        break;
     }
   }
   /**
@@ -42346,13 +42545,13 @@ let Ft = class extends es {
         break;
       case "connected":
       case "agent-connected":
-        this.callStatus = "active", this.currentState = "speaking", (t = this.orbRenderer) == null || t.setState("speaking"), this.startActiveAnimation();
+        this.callStatus = "active", this.currentState = "speaking", (t = this.orbRenderer) == null || t.setState("speaking"), this.startActiveAnimation(), this.soundManager.playCallStartSound();
         break;
       case "disconnecting":
         this.callStatus = "ending";
         break;
       case "disconnected":
-        this.callStatus = "idle", this.currentState = "idle", (n = this.orbRenderer) == null || n.setState("idle"), this.startIdleAnimation();
+        this.callStatus = "idle", this.currentState = "idle", (n = this.orbRenderer) == null || n.setState("idle"), this.startIdleAnimation(), this.soundManager.playCallEndSound();
         break;
       case "error":
         this.callStatus = "error", this.currentState = "idle", (s = this.orbRenderer) == null || s.setState("idle");
@@ -42360,8 +42559,8 @@ let Ft = class extends es {
     }
   }
   cleanup() {
-    var i, e;
-    this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.stopLocalAudioMonitoring(), this.stopAgentAudioMonitoring(), this._interruptionTimeout && (clearTimeout(this._interruptionTimeout), this._interruptionTimeout = null), (i = this.callManager) == null || i.hangUp(), (e = this.orbRenderer) == null || e.destroy(), this.orbRenderer = null;
+    var i, e, t;
+    this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.stopLocalAudioMonitoring(), this.stopAgentAudioMonitoring(), this._interruptionTimeout && (clearTimeout(this._interruptionTimeout), this._interruptionTimeout = null), (i = this.callManager) == null || i.hangUp(), (e = this.orbRenderer) == null || e.destroy(), this.orbRenderer = null, (t = this.soundManager) == null || t.destroy();
   }
   startIdleAnimation() {
     this.animationId !== null && cancelAnimationFrame(this.animationId);
@@ -42433,7 +42632,7 @@ let Ft = class extends es {
         }, 3e3);
       }
     } else
-      this.callStatus = "connecting", this.currentState = "listening", (t = this.orbRenderer) == null || t.setState("listening"), await new Promise((s) => setTimeout(s, 1500)), this.callStatus = "active", this.currentState = "speaking", (n = this.orbRenderer) == null || n.setState("speaking"), this.startActiveAnimation(), this.dispatchEvent(new CustomEvent("call-start", {
+      this.callStatus = "connecting", this.currentState = "listening", (t = this.orbRenderer) == null || t.setState("listening"), await new Promise((s) => setTimeout(s, 1500)), this.callStatus = "active", this.currentState = "speaking", (n = this.orbRenderer) == null || n.setState("speaking"), this.startActiveAnimation(), this.soundManager.playCallStartSound(), this.dispatchEvent(new CustomEvent("call-start", {
         detail: { agentId: "demo", timestamp: Date.now() },
         bubbles: !0,
         composed: !0
@@ -42444,7 +42643,7 @@ let Ft = class extends es {
    */
   async endCall() {
     var i;
-    this.callStatus = "ending", this.callManager && await this.callManager.hangUp(), this.callStatus = "idle", this.currentState = "idle", (i = this.orbRenderer) == null || i.setState("idle"), this.startIdleAnimation(), this.dispatchEvent(new CustomEvent("call-end", {
+    this.callStatus = "ending", this.callManager ? await this.callManager.hangUp() : (this.soundManager.playCallEndSound(), this.callStatus = "idle", this.currentState = "idle", (i = this.orbRenderer) == null || i.setState("idle"), this.startIdleAnimation()), this.dispatchEvent(new CustomEvent("call-end", {
       detail: { timestamp: Date.now() },
       bubbles: !0,
       composed: !0
@@ -42849,20 +43048,20 @@ Ft = jt([
 export {
   _t as FloatingCall,
   bt as InlineCall,
-  aw as LinaOrbRenderer,
+  cw as LinaOrbRenderer,
   Ft as LinaWidget,
   St as PillCall,
   _u as SoundManager,
-  ZM as applyTheme,
+  ew as applyTheme,
   Si as darkPresets,
-  vw as darkThemes,
-  JM as detectSystemTheme,
-  mw as getColorPreset,
-  gw as getPresetNames,
+  Sw as darkThemes,
+  QM as detectSystemTheme,
+  bw as getColorPreset,
+  _w as getPresetNames,
   Jo as getTheme,
-  bw as getThemeNames,
+  Tw as getThemeNames,
   xi as lightPresets,
-  yw as lightThemes,
+  xw as lightThemes,
   da as themes,
-  _w as watchSystemTheme
+  Cw as watchSystemTheme
 };