@w0nna_dev/lina-widget 1.1.1 → 1.2.0

package/dist/lina-widget.es.js

@@ -8746,7 +8746,7 @@ function Ky(i) {
       value: i.value
     });
 }
-class fw extends hi.EventEmitter {
+class mw 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 gw 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;
   }
 }
+const JM = "/sounds/pop-connect.mp3", ZM = "/sounds/pop-disconnect.mp3";
 class _u {
   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,7 +39842,7 @@ 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 = {
@@ -39953,11 +39991,11 @@ const Si = {
     // Light pink
   }
 };
-function mw(i, e = "dark") {
+function vw(i, e = "dark") {
   const t = e === "dark" ? Si : xi;
   return t[i] || t[Object.keys(t)[0]];
 }
-function gw(i = "dark") {
+function yw(i = "dark") {
   return Object.keys(i === "dark" ? Si : xi);
 }
 const da = {
@@ -40045,41 +40083,41 @@ const da = {
       idleGlowMultiplier: 1.2
     }
   }
-}, vw = Object.fromEntries(
+}, bw = Object.fromEntries(
   Object.entries(da).map(([i, e]) => [i, e.dark])
-), yw = Object.fromEntries(
+), _w = 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 Sw() {
   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 xw(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",
@@ -41527,8 +41565,8 @@ const rw = {
   // State-based colors (used automatically)
   stateIdle: "#a855f7",
   // Purple - same as main orb color
-  stateListening: "#f97316",
-  // Orange - user is speaking, agent listening
+  stateListening: "#facc15",
+  // Yellow - user is speaking, agent listening
   stateThinking: "#facc15",
   // Yellow - thinking/processing
   stateSpeaking: "#10b981"
@@ -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,14 @@ 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--)
+var lw = Object.defineProperty, dw = Object.getOwnPropertyDescriptor, jt = (i, e, t, n) => {
+  for (var s = n > 1 ? void 0 : n ? dw(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 && lw(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.1", 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.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 +42249,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(() => {
@@ -42849,20 +42887,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,
+  bw as darkThemes,
+  QM as detectSystemTheme,
+  vw as getColorPreset,
+  yw as getPresetNames,
   Jo as getTheme,
-  bw as getThemeNames,
+  Sw as getThemeNames,
   xi as lightPresets,
-  yw as lightThemes,
+  _w as lightThemes,
   da as themes,
-  _w as watchSystemTheme
+  xw as watchSystemTheme
 };