@bod.ee/ai-avatar 1.0.0

package/dist/PlaybackSync-CZsM--xy.js

@@ -0,0 +1,2029 @@
+var X = Object.defineProperty;
+var I = (r, t, e) => t in r ? X(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var a = (r, t, e) => I(r, typeof t != "symbol" ? t + "" : t, e);
+import { useRef as v, useState as g, useEffect as C } from "react";
+class F {
+  constructor() {
+    a(this, "events", /* @__PURE__ */ new Map());
+  }
+  on(t, e) {
+    return this.events.has(t) || this.events.set(t, []), this.events.get(t).push(e), this;
+  }
+  off(t, e) {
+    const i = this.events.get(t);
+    if (i) {
+      const s = i.indexOf(e);
+      s !== -1 && i.splice(s, 1);
+    }
+    return this;
+  }
+  emit(t, ...e) {
+    const i = this.events.get(t);
+    return i ? (i.forEach((s) => s(...e)), !0) : !1;
+  }
+  removeAllListeners(t) {
+    return t ? this.events.delete(t) : this.events.clear(), this;
+  }
+}
+const Y = {
+  normal: 1,
+  // Default speed
+  energized: 0.6,
+  // 40% faster (shorter durations)
+  tired: 1.8
+  // 80% slower (longer durations)
+}, b = {
+  // Base states
+  neutral: {
+    id: "neutral",
+    name: "Neutral",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: 0 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 150,
+    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  },
+  blink: {
+    id: "blink",
+    name: "Blink",
+    state: {
+      eyes: { scaleY: 0.08, scaleX: 1.05, position: { x: 0, y: 0 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 80,
+    easing: "ease-out"
+  },
+  // Squint variations (eyes converge slightly inward when squinting)
+  squintLight: {
+    id: "squintLight",
+    name: "Light Squint",
+    state: {
+      eyes: { scaleY: 0.7, scaleX: 1, position: { x: 0, y: 0.05 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 200,
+    easing: "ease-in-out"
+  },
+  squintMedium: {
+    id: "squintMedium",
+    name: "Medium Squint",
+    state: {
+      eyes: { scaleY: 0.4, scaleX: 1, position: { x: 0, y: 0.08 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 200,
+    easing: "ease-in-out"
+  },
+  squint: {
+    id: "squint",
+    name: "Squint",
+    state: {
+      eyes: { scaleY: 0.15, scaleX: 1.02, position: { x: 0, y: 0.1 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 200,
+    easing: "ease-in-out"
+  },
+  squintDeep: {
+    id: "squintDeep",
+    name: "Deep Squint",
+    state: {
+      eyes: { scaleY: 0.08, scaleX: 1.05, position: { x: 0, y: 0.12 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 200,
+    easing: "ease-in-out"
+  },
+  // Happy/Engaged states (eyes slightly wider, subtle upward drift)
+  happy: {
+    id: "happy",
+    name: "Happy",
+    state: {
+      eyes: { scaleY: 0.6, scaleX: 1.05, position: { x: 0, y: 0.05 } },
+      mouth: { shape: "smile", openness: 0.6 }
+    },
+    transitionDuration: 100,
+    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  },
+  happySmall: {
+    id: "happySmall",
+    name: "Happy (Small)",
+    state: {
+      eyes: { scaleY: 0.75, scaleX: 1.02, position: { x: 0, y: 0.03 } },
+      mouth: { shape: "smile", openness: 0.4 }
+    },
+    transitionDuration: 100,
+    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  },
+  happyBig: {
+    id: "happyBig",
+    name: "Happy (Big)",
+    state: {
+      eyes: { scaleY: 0.5, scaleX: 1.08, position: { x: 0, y: 0.06 } },
+      mouth: { shape: "smile", openness: 0.9 }
+    },
+    transitionDuration: 100,
+    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  },
+  // Talking variations (subtle movement during speech)
+  talking1: {
+    id: "talking1",
+    name: "Talking 1",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: -0.02, y: 0 } },
+      mouth: { shape: "neutral", openness: 0.4 }
+    },
+    transitionDuration: 60,
+    easing: "ease-out"
+  },
+  talking2: {
+    id: "talking2",
+    name: "Talking 2",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0.02, y: -0.02 } },
+      mouth: { shape: "open", openness: 0.6 }
+    },
+    transitionDuration: 60,
+    easing: "ease-out"
+  },
+  talking3: {
+    id: "talking3",
+    name: "Talking 3",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: -0.03 } },
+      mouth: { shape: "open", openness: 0.8 }
+    },
+    transitionDuration: 60,
+    easing: "ease-out"
+  },
+  // Emotional states - SUPER SURPRISED!
+  surprised: {
+    id: "surprised",
+    name: "Surprised",
+    state: {
+      eyes: { scaleY: 1.5, scaleX: 1.4, position: { x: 0, y: -0.2 } },
+      mouth: { shape: "O", openness: 1.1 },
+      face: { x: 0, y: -0.4, tilt: 0 }
+      // BIG pull back!
+    },
+    transitionDuration: 60,
+    easing: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+  },
+  focused: {
+    id: "focused",
+    name: "Focused",
+    state: {
+      eyes: { scaleY: 0.65, scaleX: 1.05, position: { x: 0, y: 0.08 } },
+      mouth: { shape: "closed" },
+      face: { x: 0, y: 0.1, tilt: -2 }
+    },
+    transitionDuration: 300,
+    easing: "ease-in-out"
+  },
+  tired: {
+    id: "tired",
+    name: "Tired",
+    state: {
+      eyes: { scaleY: 0.5, scaleX: 1, position: { x: 0, y: 0.15 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 400,
+    easing: "ease-out"
+  },
+  sleepy: {
+    id: "sleepy",
+    name: "Sleepy",
+    state: {
+      eyes: { scaleY: 0.25, scaleX: 1, position: { x: 0, y: 0.2 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 500,
+    easing: "ease-out"
+  },
+  // Cheerful with squinted eyes (happy squint)
+  cheerful: {
+    id: "cheerful",
+    name: "Cheerful",
+    state: {
+      eyes: { scaleY: 0.5, scaleX: 1.05, position: { x: 0, y: 0.05 } },
+      mouth: { shape: "smile", openness: 0.8 },
+      face: { x: 0, y: -0.1, tilt: 4 }
+    },
+    transitionDuration: 150,
+    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  },
+  // Concentrated/Straining
+  straining: {
+    id: "straining",
+    name: "Straining",
+    state: {
+      eyes: { scaleY: 0.12, scaleX: 1.05, position: { x: 0, y: 0.1 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 250,
+    easing: "ease-in"
+  },
+  // NEW: Looking expressions (for cursor tracking override)
+  lookLeft: {
+    id: "lookLeft",
+    name: "Look Left",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: -0.3, y: 0 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 150,
+    easing: "ease-out"
+  },
+  lookRight: {
+    id: "lookRight",
+    name: "Look Right",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0.3, y: 0 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 150,
+    easing: "ease-out"
+  },
+  lookUp: {
+    id: "lookUp",
+    name: "Look Up",
+    state: {
+      eyes: { scaleY: 1.05, scaleX: 1, position: { x: 0, y: -0.25 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 150,
+    easing: "ease-out"
+  },
+  lookDown: {
+    id: "lookDown",
+    name: "Look Down",
+    state: {
+      eyes: { scaleY: 0.9, scaleX: 1, position: { x: 0, y: 0.2 } },
+      mouth: { shape: "closed" }
+    },
+    transitionDuration: 150,
+    easing: "ease-out"
+  },
+  // Curious - BIG lean and tilt!
+  curious: {
+    id: "curious",
+    name: "Curious",
+    state: {
+      eyes: { scaleY: 1.2, scaleX: 1.1, position: { x: 0.25, y: -0.15 } },
+      mouth: { shape: "neutral", openness: 0.4 },
+      face: { x: 0.35, y: -0.2, tilt: 15 }
+      // BIG lean forward and tilt!
+    },
+    transitionDuration: 200,
+    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  },
+  // Skeptical
+  skeptical: {
+    id: "skeptical",
+    name: "Skeptical",
+    state: {
+      eyes: { scaleY: 0.75, scaleX: 1, position: { x: 0.15, y: 0.05 } },
+      mouth: { shape: "closed" },
+      face: { x: -0.1, y: 0.05, tilt: -5 }
+      // Pull back slightly, tilt
+    },
+    transitionDuration: 250,
+    easing: "ease-in-out"
+  },
+  // Excited - wide eyes, bouncy - SUPER EXPRESSIVE!
+  excited: {
+    id: "excited",
+    name: "Excited",
+    state: {
+      eyes: { scaleY: 1.4, scaleX: 1.3, position: { x: 0, y: -0.25 } },
+      mouth: { shape: "smile", openness: 1.2 },
+      face: { x: 0, y: -0.35, tilt: 0 }
+      // BIG bounce up!
+    },
+    transitionDuration: 80,
+    easing: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+  },
+  // Shy - REALLY turning away!
+  shy: {
+    id: "shy",
+    name: "Shy",
+    state: {
+      eyes: { scaleY: 0.7, scaleX: 0.85, position: { x: -0.4, y: 0.25 } },
+      mouth: { shape: "smile", openness: 0.3 },
+      face: { x: -0.45, y: 0.25, tilt: -18 }
+      // BIG turn away and look down!
+    },
+    transitionDuration: 300,
+    easing: "ease-out"
+  },
+  // Wink (asymmetric - left eye closed, right eye open)
+  wink: {
+    id: "wink",
+    name: "Wink",
+    state: {
+      eyes: { scaleY: 0.5, leftScaleY: 0.06, rightScaleY: 0.5, position: { x: 0.1, y: 0 } },
+      mouth: { shape: "smile", openness: 0.5 },
+      face: { x: 0.1, y: -0.05, tilt: 5 }
+    },
+    transitionDuration: 100,
+    easing: "ease-out"
+  },
+  // NEW: Phoneme-based talking expressions
+  "talking-A": {
+    id: "talking-A",
+    name: "Talking (A)",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: 0 } },
+      mouth: { shape: "A", openness: 0.7 }
+    },
+    transitionDuration: 60,
+    easing: "ease-in-out"
+  },
+  "talking-E": {
+    id: "talking-E",
+    name: "Talking (E)",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: 0 } },
+      mouth: { shape: "E", openness: 0.5 }
+    },
+    transitionDuration: 60,
+    easing: "ease-in-out"
+  },
+  "talking-I": {
+    id: "talking-I",
+    name: "Talking (I)",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: 0 } },
+      mouth: { shape: "I", openness: 0.4 }
+    },
+    transitionDuration: 60,
+    easing: "ease-in-out"
+  },
+  "talking-O": {
+    id: "talking-O",
+    name: "Talking (O)",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: 0 } },
+      mouth: { shape: "O", openness: 0.8 }
+    },
+    transitionDuration: 60,
+    easing: "ease-in-out"
+  },
+  "talking-U": {
+    id: "talking-U",
+    name: "Talking (U)",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: 0 } },
+      mouth: { shape: "U", openness: 0.6 }
+    },
+    transitionDuration: 60,
+    easing: "ease-in-out"
+  },
+  "talking-M": {
+    id: "talking-M",
+    name: "Talking (M)",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: 0 } },
+      mouth: { shape: "M" }
+    },
+    transitionDuration: 60,
+    easing: "ease-in-out"
+  },
+  "talking-F": {
+    id: "talking-F",
+    name: "Talking (F)",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: 0 } },
+      mouth: { shape: "F", openness: 0.3 }
+    },
+    transitionDuration: 60,
+    easing: "ease-in-out"
+  },
+  "talking-W": {
+    id: "talking-W",
+    name: "Talking (W)",
+    state: {
+      eyes: { scaleY: 1, scaleX: 1, position: { x: 0, y: 0 } },
+      mouth: { shape: "W", openness: 0.5 }
+    },
+    transitionDuration: 60,
+    easing: "ease-in-out"
+  },
+  // EXTREME EXPRESSIONS - Maximum expressiveness!
+  hyper: {
+    id: "hyper",
+    name: "Hyper",
+    state: {
+      eyes: { scaleY: 1.6, scaleX: 1.5, position: { x: 0.3, y: -0.3 } },
+      mouth: { shape: "smile", openness: 1.5 },
+      face: { x: 0.4, y: -0.5, tilt: 12 }
+    },
+    transitionDuration: 60,
+    easing: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+  },
+  shocked: {
+    id: "shocked",
+    name: "Shocked",
+    state: {
+      eyes: { scaleY: 1.3, scaleX: 1.2, position: { x: 0, y: -0.2 } },
+      mouth: { shape: "O", openness: 1 },
+      face: { x: 0, y: -0.3, tilt: 0 }
+    },
+    transitionDuration: 40,
+    easing: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+  },
+  crazy: {
+    id: "crazy",
+    name: "Crazy",
+    state: {
+      eyes: { scaleY: 1.5, scaleX: 1.4, position: { x: 0.5, y: -0.2 } },
+      mouth: { shape: "open", openness: 1.3 },
+      face: { x: 0.5, y: -0.3, tilt: 20 }
+    },
+    transitionDuration: 50,
+    easing: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+  },
+  sneaky: {
+    id: "sneaky",
+    name: "Sneaky",
+    state: {
+      eyes: { scaleY: 0.4, scaleX: 0.9, position: { x: 0.4, y: 0.15 } },
+      mouth: { shape: "smile", openness: 0.5 },
+      face: { x: 0.3, y: 0.2, tilt: -12 }
+    },
+    transitionDuration: 200,
+    easing: "ease-in-out"
+  },
+  listening: {
+    id: "listening",
+    name: "Listening",
+    state: {
+      eyes: { scaleY: 1, leftScaleY: 0.85, rightScaleY: 1.2, position: { x: 0.08, y: -0.05 } },
+      mouth: { shape: "closed" },
+      face: { x: 0.12, y: -0.08, tilt: 6 }
+    },
+    transitionDuration: 250,
+    easing: "ease-in-out"
+  },
+  dramatic: {
+    id: "dramatic",
+    name: "Dramatic",
+    state: {
+      eyes: { scaleY: 1.3, scaleX: 1.2, position: { x: -0.3, y: -0.2 } },
+      mouth: { shape: "O", openness: 1 },
+      face: { x: -0.4, y: -0.3, tilt: -15 }
+    },
+    transitionDuration: 150,
+    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  },
+  // Personality expressions
+  flirty: {
+    id: "flirty",
+    name: "Flirty",
+    state: {
+      eyes: { scaleY: 0.55, scaleX: 1.05, leftScaleY: 0.08, rightScaleY: 0.55, position: { x: 0.15, y: 0.05 } },
+      mouth: { shape: "smile", openness: 0.5 },
+      face: { x: 0.15, y: -0.1, tilt: 8 }
+    },
+    transitionDuration: 200,
+    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  },
+  sassy: {
+    id: "sassy",
+    name: "Sassy",
+    state: {
+      eyes: { scaleY: 0.45, scaleX: 1, leftScaleY: 0.7, rightScaleY: 0.25, position: { x: -0.1, y: 0.08 } },
+      mouth: { shape: "smile", openness: 0.4 },
+      face: { x: -0.2, y: 0.1, tilt: -10 }
+    },
+    transitionDuration: 180,
+    easing: "ease-in-out"
+  },
+  smug: {
+    id: "smug",
+    name: "Smug",
+    state: {
+      eyes: { scaleY: 0.6, scaleX: 0.95, position: { x: 0.2, y: 0.08 } },
+      mouth: { shape: "smile", openness: 0.35 },
+      face: { x: 0.15, y: 0.15, tilt: -7 }
+    },
+    transitionDuration: 250,
+    easing: "ease-in-out"
+  },
+  pouty: {
+    id: "pouty",
+    name: "Pouty",
+    state: {
+      eyes: { scaleY: 1.1, scaleX: 1.05, position: { x: 0, y: -0.1 } },
+      mouth: { shape: "U", openness: 0.5 },
+      face: { x: 0, y: -0.15, tilt: 3 }
+    },
+    transitionDuration: 200,
+    easing: "ease-out"
+  }
+}, B = Object.values(b), k = (r) => b[r], U = () => b.neutral.state, M = {
+  /**
+   * Demo Loop - The signature 19.7 second animation
+   * Calm → Straining → Happy → Calm → Straining → Happy
+   */
+  demoLoop: {
+    id: "demoLoop",
+    name: "Demo Loop",
+    loop: !0,
+    frames: [
+      // Phase 1: Initial State (~2.5s) - Neutral/Calm
+      { expression: "neutral", duration: 2500, transitionDuration: 0 },
+      // Phase 2: Eye Squint (~3.5s) - Gradual narrowing
+      { expression: "squintLight", duration: 500, transitionDuration: 300 },
+      { expression: "squintMedium", duration: 600, transitionDuration: 300 },
+      { expression: "squint", duration: 800, transitionDuration: 300 },
+      { expression: "squintDeep", duration: 1300, transitionDuration: 400 },
+      // Phase 3: Open with Mouth (~3s) - Eyes open, mouth appears and grows
+      { expression: "happySmall", duration: 800, transitionDuration: 150 },
+      { expression: "happy", duration: 1e3, transitionDuration: 200 },
+      { expression: "happyBig", duration: 1200, transitionDuration: 200 },
+      // Phase 4: Mouth Disappears (~0.5s) - Instant mouth off
+      { expression: "neutral", duration: 500, transitionDuration: 50 },
+      // Phase 5: Second Squint (~5.5s) - Longer sustained squint
+      { expression: "squintLight", duration: 700, transitionDuration: 400 },
+      { expression: "squintMedium", duration: 900, transitionDuration: 400 },
+      { expression: "squint", duration: 1200, transitionDuration: 400 },
+      { expression: "squintDeep", duration: 2700, transitionDuration: 500 },
+      // Phase 6: Open with Mouth Again (~4.5s) - Eyes open, mouth reappears
+      { expression: "happySmall", duration: 1e3, transitionDuration: 200 },
+      { expression: "happy", duration: 1500, transitionDuration: 250 },
+      { expression: "happyBig", duration: 2e3, transitionDuration: 300 }
+    ]
+  },
+  /**
+   * Simple Blink
+   */
+  blink: {
+    id: "blink",
+    name: "Blink",
+    loop: !1,
+    frames: [
+      { expression: "blink", duration: 80, transitionDuration: 60 },
+      { expression: "neutral", duration: 0, transitionDuration: 80 }
+    ]
+  },
+  /**
+   * Double Blink
+   */
+  doubleBlink: {
+    id: "doubleBlink",
+    name: "Double Blink",
+    loop: !1,
+    frames: [
+      { expression: "blink", duration: 80, transitionDuration: 60 },
+      { expression: "neutral", duration: 150, transitionDuration: 80 },
+      { expression: "blink", duration: 80, transitionDuration: 60 },
+      { expression: "neutral", duration: 0, transitionDuration: 80 }
+    ]
+  },
+  /**
+   * Slow Blink (tired)
+   */
+  slowBlink: {
+    id: "slowBlink",
+    name: "Slow Blink",
+    loop: !1,
+    frames: [
+      { expression: "tired", duration: 200, transitionDuration: 200 },
+      { expression: "sleepy", duration: 300, transitionDuration: 200 },
+      { expression: "blink", duration: 200, transitionDuration: 150 },
+      { expression: "sleepy", duration: 200, transitionDuration: 200 },
+      { expression: "neutral", duration: 0, transitionDuration: 400 }
+    ]
+  },
+  /**
+   * Wake Up Sequence
+   */
+  wakeUp: {
+    id: "wakeUp",
+    name: "Wake Up",
+    loop: !1,
+    frames: [
+      { expression: "blink", duration: 500, transitionDuration: 0 },
+      { expression: "sleepy", duration: 400, transitionDuration: 300 },
+      { expression: "tired", duration: 400, transitionDuration: 300 },
+      { expression: "squintLight", duration: 300, transitionDuration: 200 },
+      { expression: "neutral", duration: 0, transitionDuration: 200 }
+    ]
+  },
+  /**
+   * Surprised Reaction
+   */
+  surprised: {
+    id: "surprised",
+    name: "Surprised",
+    loop: !1,
+    frames: [
+      { expression: "surprised", duration: 800, transitionDuration: 80 },
+      { expression: "neutral", duration: 0, transitionDuration: 300 }
+    ]
+  },
+  /**
+   * Thinking/Processing
+   */
+  thinking: {
+    id: "thinking",
+    name: "Thinking",
+    loop: !1,
+    frames: [
+      { expression: "focused", duration: 600, transitionDuration: 200 },
+      { expression: "squintLight", duration: 400, transitionDuration: 200 },
+      { expression: "focused", duration: 600, transitionDuration: 200 },
+      { expression: "neutral", duration: 0, transitionDuration: 200 }
+    ]
+  },
+  /**
+   * Greeting (blink then happy)
+   */
+  greeting: {
+    id: "greeting",
+    name: "Greeting",
+    loop: !1,
+    frames: [
+      { expression: "blink", duration: 100, transitionDuration: 80 },
+      { expression: "happy", duration: 1500, transitionDuration: 100 },
+      { expression: "neutral", duration: 0, transitionDuration: 200 }
+    ]
+  },
+  /**
+   * Talking Animation Loop
+   */
+  talking: {
+    id: "talking",
+    name: "Talking",
+    loop: !0,
+    frames: [
+      { expression: "talking1", duration: 80, transitionDuration: 50 },
+      { expression: "talking2", duration: 100, transitionDuration: 50 },
+      { expression: "talking3", duration: 100, transitionDuration: 50 },
+      { expression: "talking2", duration: 80, transitionDuration: 50 },
+      { expression: "talking1", duration: 60, transitionDuration: 50 },
+      { expression: "happy", duration: 120, transitionDuration: 50 }
+    ]
+  },
+  /**
+   * Wink — quick asymmetric blink, smirk, back to neutral
+   */
+  wink: {
+    id: "wink",
+    name: "Wink",
+    loop: !1,
+    frames: [
+      { expression: "wink", duration: 120, transitionDuration: 80 },
+      { expression: "happySmall", duration: 400, transitionDuration: 100 },
+      { expression: "neutral", duration: 0, transitionDuration: 200 }
+    ]
+  },
+  /**
+   * Flirty — double eyebrow flash (wide eyes raised twice, lean in) then settle smug
+   */
+  flirty: {
+    id: "flirty",
+    name: "Flirty",
+    loop: !1,
+    frames: [
+      // First flash — eyes wide, lean forward
+      { state: { eyes: { scaleY: 1.4, scaleX: 1.2, position: { x: 0, y: -0.2 } }, mouth: { shape: "smile", openness: 0.3 }, face: { x: 0.1, y: -0.25, tilt: 5 } }, duration: 160, transitionDuration: 80 },
+      // Drop back
+      { state: { eyes: { scaleY: 0.9, scaleX: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 120, transitionDuration: 100 },
+      // Second flash — wider, more lean
+      { state: { eyes: { scaleY: 1.5, scaleX: 1.25, position: { x: 0, y: -0.22 } }, mouth: { shape: "smile", openness: 0.4 }, face: { x: 0.15, y: -0.3, tilt: 7 } }, duration: 180, transitionDuration: 80 },
+      // Settle into smug
+      { expression: "smug", duration: 600, transitionDuration: 200 },
+      { expression: "neutral", duration: 0, transitionDuration: 300 }
+    ]
+  },
+  /**
+   * Idle Animation - subtle life when not doing anything
+   */
+  idle: {
+    id: "idle",
+    name: "Idle",
+    loop: !0,
+    frames: [
+      { expression: "neutral", duration: 3e3, transitionDuration: 0 },
+      { expression: "blink", duration: 80, transitionDuration: 60 },
+      { expression: "neutral", duration: 4e3, transitionDuration: 80 },
+      { expression: "focused", duration: 800, transitionDuration: 300 },
+      { expression: "neutral", duration: 3500, transitionDuration: 200 },
+      { expression: "blink", duration: 80, transitionDuration: 60 },
+      { expression: "neutral", duration: 2500, transitionDuration: 80 },
+      { expression: "blink", duration: 80, transitionDuration: 60 },
+      { expression: "neutral", duration: 200, transitionDuration: 80 },
+      { expression: "blink", duration: 80, transitionDuration: 60 },
+      { expression: "neutral", duration: 5e3, transitionDuration: 80 }
+    ]
+  },
+  /**
+   * Cheerful Reaction
+   */
+  cheerful: {
+    id: "cheerful",
+    name: "Cheerful",
+    loop: !1,
+    frames: [
+      { expression: "blink", duration: 100, transitionDuration: 80 },
+      { expression: "cheerful", duration: 2e3, transitionDuration: 100 },
+      { expression: "happy", duration: 500, transitionDuration: 150 },
+      { expression: "neutral", duration: 0, transitionDuration: 200 }
+    ]
+  },
+  /**
+   * Glitch Mood Change - erratic digital transition
+   */
+  glitchMood: {
+    id: "glitchMood",
+    name: "Glitch Mood",
+    loop: !1,
+    frames: [
+      { expression: "neutral", duration: 50, transitionDuration: 0 },
+      { expression: "surprised", duration: 40, transitionDuration: 20 },
+      { expression: "blink", duration: 30, transitionDuration: 10 },
+      { expression: "squint", duration: 50, transitionDuration: 20 },
+      { expression: "happy", duration: 40, transitionDuration: 15 },
+      { expression: "neutral", duration: 30, transitionDuration: 10 },
+      { expression: "excited", duration: 60, transitionDuration: 20 },
+      { expression: "blink", duration: 40, transitionDuration: 15 },
+      { expression: "cheerful", duration: 800, transitionDuration: 50 },
+      { expression: "neutral", duration: 0, transitionDuration: 150 }
+    ]
+  },
+  /**
+   * Active Listening - subtle nods and attentive eye shifts
+   */
+  listening: {
+    id: "listening",
+    name: "Listening",
+    loop: !0,
+    frames: [
+      // Settle into listening pose
+      { expression: "listening", duration: 1800, transitionDuration: 250 },
+      // Subtle nod (I'm following)
+      { state: { eyes: { scaleY: 1, leftScaleY: 0.8, rightScaleY: 1.15, position: { x: 0.08, y: 0.1 } }, mouth: { shape: "closed" }, face: { x: 0.12, y: 0.12, tilt: 8 } }, duration: 200, transitionDuration: 120 },
+      { expression: "listening", duration: 1400, transitionDuration: 150 },
+      // Blink
+      { state: { eyes: { scaleY: 0.08, scaleX: 1.05 }, mouth: { shape: "closed" }, face: { x: 0.12, y: -0.08, tilt: 6 } }, duration: 80, transitionDuration: 60 },
+      { expression: "listening", duration: 2e3, transitionDuration: 100 },
+      // Slight tilt the other way (processing)
+      { state: { eyes: { scaleY: 1, leftScaleY: 1.1, rightScaleY: 0.9, position: { x: -0.05, y: -0.03 } }, mouth: { shape: "closed" }, face: { x: -0.08, y: -0.05, tilt: -4 } }, duration: 1200, transitionDuration: 300 },
+      // Another small nod
+      { state: { eyes: { scaleY: 1, leftScaleY: 0.85, rightScaleY: 1.15, position: { x: 0.06, y: 0.08 } }, mouth: { shape: "closed" }, face: { x: 0.1, y: 0.1, tilt: 7 } }, duration: 180, transitionDuration: 100 },
+      { expression: "listening", duration: 1600, transitionDuration: 200 },
+      // Blink
+      { state: { eyes: { scaleY: 0.08, scaleX: 1.05 }, mouth: { shape: "closed" }, face: { x: 0.12, y: -0.08, tilt: 6 } }, duration: 80, transitionDuration: 60 },
+      { expression: "listening", duration: 1500, transitionDuration: 100 }
+    ]
+  },
+  /**
+   * Curious Scan - looking around
+   */
+  curiousScan: {
+    id: "curiousScan",
+    name: "Curious Scan",
+    loop: !1,
+    frames: [
+      { expression: "curious", duration: 400, transitionDuration: 150 },
+      { expression: "lookLeft", duration: 600, transitionDuration: 200 },
+      { expression: "neutral", duration: 200, transitionDuration: 100 },
+      { expression: "lookRight", duration: 600, transitionDuration: 200 },
+      { expression: "curious", duration: 300, transitionDuration: 100 },
+      { expression: "lookUp", duration: 400, transitionDuration: 150 },
+      { expression: "neutral", duration: 0, transitionDuration: 200 }
+    ]
+  },
+  /**
+   * Shy Reaction
+   */
+  shyReaction: {
+    id: "shyReaction",
+    name: "Shy Reaction",
+    loop: !1,
+    frames: [
+      { expression: "surprised", duration: 150, transitionDuration: 50 },
+      { expression: "shy", duration: 1500, transitionDuration: 200 },
+      { expression: "blink", duration: 80, transitionDuration: 60 },
+      { expression: "happySmall", duration: 800, transitionDuration: 150 },
+      { expression: "neutral", duration: 0, transitionDuration: 200 }
+    ]
+  },
+  /**
+   * Wink
+   */
+  winkSequence: {
+    id: "winkSequence",
+    name: "Wink",
+    loop: !1,
+    frames: [
+      { expression: "wink", duration: 300, transitionDuration: 60 },
+      { expression: "happySmall", duration: 400, transitionDuration: 80 },
+      { expression: "neutral", duration: 0, transitionDuration: 150 }
+    ]
+  },
+  /**
+   * Digital Awakening - glitchy startup
+   */
+  digitalAwaken: {
+    id: "digitalAwaken",
+    name: "Digital Awaken",
+    loop: !1,
+    frames: [
+      { expression: "blink", duration: 200, transitionDuration: 0 },
+      { expression: "sleepy", duration: 100, transitionDuration: 50 },
+      { expression: "blink", duration: 50, transitionDuration: 30 },
+      { expression: "tired", duration: 80, transitionDuration: 40 },
+      { expression: "blink", duration: 40, transitionDuration: 20 },
+      { expression: "squintLight", duration: 60, transitionDuration: 30 },
+      { expression: "surprised", duration: 150, transitionDuration: 40 },
+      { expression: "curious", duration: 400, transitionDuration: 100 },
+      { expression: "happy", duration: 600, transitionDuration: 80 },
+      { expression: "neutral", duration: 0, transitionDuration: 150 }
+    ]
+  },
+  /**
+   * Head Shake "No" - PERFECTED natural shake
+   * Feels like a real human shaking their head emphatically
+   */
+  headShakeNo: {
+    id: "headShakeNo",
+    name: "Head Shake No",
+    loop: !1,
+    frames: [
+      // Subtle anticipation - slight lean right before going left
+      { state: { eyes: { scaleY: 1, position: { x: 0.08, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0.1, y: 0, tilt: 2 } }, duration: 60, transitionDuration: 50 },
+      // First shake LEFT - strong and emphatic
+      { state: { eyes: { scaleY: 1, position: { x: -0.55, y: 0 } }, mouth: { shape: "closed" }, face: { x: -0.65, y: 0.03, tilt: -16 } }, duration: 110, transitionDuration: 85 },
+      // Swing through center to RIGHT - peak momentum
+      { state: { eyes: { scaleY: 1, position: { x: 0.6, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0.7, y: 0.03, tilt: 18 } }, duration: 120, transitionDuration: 100 },
+      // Back LEFT - still strong
+      { state: { eyes: { scaleY: 1, position: { x: -0.5, y: 0 } }, mouth: { shape: "closed" }, face: { x: -0.6, y: 0.02, tilt: -15 } }, duration: 110, transitionDuration: 95 },
+      // To RIGHT - momentum decreasing
+      { state: { eyes: { scaleY: 1, position: { x: 0.45, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0.55, y: 0.02, tilt: 14 } }, duration: 105, transitionDuration: 90 },
+      // Final LEFT - much softer
+      { state: { eyes: { scaleY: 1, position: { x: -0.3, y: 0 } }, mouth: { shape: "closed" }, face: { x: -0.35, y: 0, tilt: -9 } }, duration: 95, transitionDuration: 85 },
+      // Small right correction
+      { state: { eyes: { scaleY: 1, position: { x: 0.12, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0.15, y: 0, tilt: 4 } }, duration: 85, transitionDuration: 80 },
+      // Final settle with micro overshoot
+      { state: { eyes: { scaleY: 1, position: { x: -0.03, y: 0 } }, mouth: { shape: "closed" }, face: { x: -0.04, y: 0, tilt: -1 } }, duration: 70, transitionDuration: 90 },
+      // Rest at center
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 100 }
+    ]
+  },
+  /**
+   * Head Nod "Yes" - PERFECTED weighted nod
+   * Natural gravity-driven head bobbing with realistic bounce
+   */
+  headNodYes: {
+    id: "headNodYes",
+    name: "Head Nod Yes",
+    loop: !1,
+    frames: [
+      // Anticipation - head lifts slightly before first drop
+      { state: { eyes: { scaleY: 1.08, position: { x: 0, y: -0.12 } }, mouth: { shape: "closed" }, face: { x: 0, y: -0.18, tilt: -5 } }, duration: 90, transitionDuration: 75 },
+      // First NOD DOWN - gravity pulls, eyes squish
+      { state: { eyes: { scaleY: 0.8, scaleX: 1.08, position: { x: 0, y: 0.35 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.55, tilt: 14 } }, duration: 130, transitionDuration: 95 },
+      // Bounce UP - elastic rebound
+      { state: { eyes: { scaleY: 1.05, position: { x: 0, y: -0.08 } }, mouth: { shape: "closed" }, face: { x: 0, y: -0.12, tilt: -3 } }, duration: 90, transitionDuration: 75 },
+      // Second NOD DOWN - still strong
+      { state: { eyes: { scaleY: 0.82, scaleX: 1.06, position: { x: 0, y: 0.32 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.5, tilt: 13 } }, duration: 120, transitionDuration: 90 },
+      // Bounce UP - smaller rebound
+      { state: { eyes: { scaleY: 1.03, position: { x: 0, y: -0.05 } }, mouth: { shape: "closed" }, face: { x: 0, y: -0.08, tilt: -2 } }, duration: 80, transitionDuration: 70 },
+      // Third NOD DOWN - gentler
+      { state: { eyes: { scaleY: 0.88, scaleX: 1.04, position: { x: 0, y: 0.22 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.35, tilt: 9 } }, duration: 110, transitionDuration: 85 },
+      // Small bounce up
+      { state: { eyes: { scaleY: 1.01, position: { x: 0, y: -0.02 } }, mouth: { shape: "closed" }, face: { x: 0, y: -0.03, tilt: -1 } }, duration: 75, transitionDuration: 65 },
+      // Final settle - tiny overshoot
+      { state: { eyes: { scaleY: 0.98, position: { x: 0, y: 0.03 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.04, tilt: 1 } }, duration: 70, transitionDuration: 80 },
+      // Rest at neutral
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 100 }
+    ]
+  },
+  /**
+   * Quick Nod - fast single affirmative nod
+   */
+  quickNod: {
+    id: "quickNod",
+    name: "Quick Nod",
+    loop: !1,
+    frames: [
+      // Quick drop
+      { state: { eyes: { scaleY: 0.85, scaleX: 1.06, position: { x: 0, y: 0.3 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.45, tilt: 12 } }, duration: 100, transitionDuration: 70 },
+      // Quick return
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 100 }
+    ]
+  },
+  /**
+   * Strong No - emphatic single shake
+   */
+  strongNo: {
+    id: "strongNo",
+    name: "Strong No",
+    loop: !1,
+    frames: [
+      // Wind up right
+      { state: { eyes: { scaleY: 1, position: { x: 0.1, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0.12, y: 0, tilt: 3 } }, duration: 60, transitionDuration: 50 },
+      // STRONG shake left
+      { state: { eyes: { scaleY: 1, position: { x: -0.7, y: 0 } }, mouth: { shape: "closed" }, face: { x: -0.8, y: 0.05, tilt: -20 } }, duration: 130, transitionDuration: 90 },
+      // Overshoot right
+      { state: { eyes: { scaleY: 1, position: { x: 0.5, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0.6, y: 0.03, tilt: 15 } }, duration: 120, transitionDuration: 100 },
+      // Settle left slightly
+      { state: { eyes: { scaleY: 1, position: { x: -0.15, y: 0 } }, mouth: { shape: "closed" }, face: { x: -0.18, y: 0, tilt: -5 } }, duration: 90, transitionDuration: 95 },
+      // Return to center
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 110 }
+    ]
+  },
+  /**
+   * Head Tilt Confused - back and forth contemplation
+   */
+  headTiltConfused: {
+    id: "headTiltConfused",
+    name: "Head Tilt Confused",
+    loop: !1,
+    frames: [
+      { state: { eyes: { scaleY: 1.1, position: { x: 0.2, y: -0.1 } }, mouth: { shape: "neutral", openness: 0.3 }, face: { x: 0.15, y: -0.1, tilt: 18 } }, duration: 300, transitionDuration: 150 },
+      { state: { eyes: { scaleY: 1.05, position: { x: 0, y: 0 } }, mouth: { shape: "neutral", openness: 0.3 }, face: { x: 0, y: 0, tilt: 0 } }, duration: 200, transitionDuration: 120 },
+      { state: { eyes: { scaleY: 1.1, position: { x: -0.2, y: -0.1 } }, mouth: { shape: "neutral", openness: 0.3 }, face: { x: -0.15, y: -0.1, tilt: -18 } }, duration: 300, transitionDuration: 150 },
+      { state: { eyes: { scaleY: 1.05, position: { x: 0, y: 0 } }, mouth: { shape: "neutral", openness: 0.3 }, face: { x: 0, y: 0, tilt: 0 } }, duration: 200, transitionDuration: 120 },
+      { state: { eyes: { scaleY: 1.1, position: { x: 0.15, y: -0.1 } }, mouth: { shape: "neutral", openness: 0.4 }, face: { x: 0.1, y: -0.05, tilt: 12 } }, duration: 250, transitionDuration: 130 },
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 180 }
+    ]
+  },
+  /**
+   * Look Around Scan - slow deliberate 360 scan
+   */
+  lookAroundScan: {
+    id: "lookAroundScan",
+    name: "Look Around Scan",
+    loop: !1,
+    frames: [
+      // Start center
+      { state: { eyes: { scaleY: 1.05, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 150, transitionDuration: 0 },
+      // Look right with lean
+      { state: { eyes: { scaleY: 1.05, position: { x: 0.5, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0.6, y: 0.05, tilt: 10 } }, duration: 400, transitionDuration: 250 },
+      // Continue right, look down
+      { state: { eyes: { scaleY: 0.9, position: { x: 0.4, y: 0.3 } }, mouth: { shape: "closed" }, face: { x: 0.5, y: 0.35, tilt: 8 } }, duration: 350, transitionDuration: 220 },
+      // Center bottom
+      { state: { eyes: { scaleY: 0.85, position: { x: 0, y: 0.4 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.45, tilt: 5 } }, duration: 350, transitionDuration: 200 },
+      // Left and down
+      { state: { eyes: { scaleY: 0.9, position: { x: -0.4, y: 0.3 } }, mouth: { shape: "closed" }, face: { x: -0.5, y: 0.35, tilt: -8 } }, duration: 350, transitionDuration: 220 },
+      // Far left
+      { state: { eyes: { scaleY: 1.05, position: { x: -0.5, y: 0 } }, mouth: { shape: "closed" }, face: { x: -0.6, y: 0.05, tilt: -10 } }, duration: 400, transitionDuration: 250 },
+      // Left and up
+      { state: { eyes: { scaleY: 1.15, position: { x: -0.3, y: -0.3 } }, mouth: { shape: "closed" }, face: { x: -0.35, y: -0.35, tilt: -6 } }, duration: 350, transitionDuration: 220 },
+      // Center top
+      { state: { eyes: { scaleY: 1.2, position: { x: 0, y: -0.4 } }, mouth: { shape: "closed" }, face: { x: 0, y: -0.45, tilt: 0 } }, duration: 350, transitionDuration: 200 },
+      // Right and up
+      { state: { eyes: { scaleY: 1.15, position: { x: 0.3, y: -0.3 } }, mouth: { shape: "closed" }, face: { x: 0.35, y: -0.35, tilt: 6 } }, duration: 350, transitionDuration: 220 },
+      // Back to center
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 300 }
+    ]
+  },
+  /**
+   * Excited Bounce - bouncy happy movement
+   */
+  excitedBounce: {
+    id: "excitedBounce",
+    name: "Excited Bounce",
+    loop: !1,
+    frames: [
+      // Big bounce up
+      { state: { eyes: { scaleY: 1.4, position: { x: 0, y: -0.3 } }, mouth: { shape: "smile", openness: 1.2 }, face: { x: 0, y: -0.7, tilt: 0 } }, duration: 100, transitionDuration: 60 },
+      // Drop with overshoot
+      { state: { eyes: { scaleY: 0.9, position: { x: 0, y: 0.15 } }, mouth: { shape: "smile", openness: 1 }, face: { x: 0, y: 0.25, tilt: 0 } }, duration: 90, transitionDuration: 70 },
+      // Second bounce - less height
+      { state: { eyes: { scaleY: 1.3, position: { x: 0, y: -0.25 } }, mouth: { shape: "smile", openness: 1.1 }, face: { x: 0, y: -0.55, tilt: 0 } }, duration: 85, transitionDuration: 55 },
+      { state: { eyes: { scaleY: 0.95, position: { x: 0, y: 0.1 } }, mouth: { shape: "smile", openness: 0.9 }, face: { x: 0, y: 0.18, tilt: 0 } }, duration: 80, transitionDuration: 60 },
+      // Third bounce - smallest
+      { state: { eyes: { scaleY: 1.2, position: { x: 0, y: -0.15 } }, mouth: { shape: "smile", openness: 1 }, face: { x: 0, y: -0.35, tilt: 0 } }, duration: 75, transitionDuration: 50 },
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0.05 } }, mouth: { shape: "smile", openness: 0.85 }, face: { x: 0, y: 0.1, tilt: 0 } }, duration: 70, transitionDuration: 55 },
+      // Settle
+      { state: { eyes: { scaleY: 1.1, position: { x: 0, y: -0.05 } }, mouth: { shape: "smile", openness: 0.9 }, face: { x: 0, y: -0.1, tilt: 0 } }, duration: 150, transitionDuration: 100 },
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 150 }
+    ]
+  },
+  /**
+   * Lean In - curious lean forward
+   */
+  leanInCurious: {
+    id: "leanInCurious",
+    name: "Lean In Curious",
+    loop: !1,
+    frames: [
+      // Slow lean in with growing curiosity
+      { state: { eyes: { scaleY: 1.1, position: { x: 0, y: -0.1 } }, mouth: { shape: "neutral", openness: 0.3 }, face: { x: 0.2, y: -0.15, tilt: 5 } }, duration: 250, transitionDuration: 180 },
+      { state: { eyes: { scaleY: 1.15, position: { x: 0.1, y: -0.15 } }, mouth: { shape: "neutral", openness: 0.4 }, face: { x: 0.4, y: -0.3, tilt: 10 } }, duration: 250, transitionDuration: 180 },
+      { state: { eyes: { scaleY: 1.2, position: { x: 0.15, y: -0.2 } }, mouth: { shape: "neutral", openness: 0.5 }, face: { x: 0.6, y: -0.45, tilt: 15 } }, duration: 300, transitionDuration: 200 },
+      // Hold the lean
+      { state: { eyes: { scaleY: 1.25, position: { x: 0.2, y: -0.25 } }, mouth: { shape: "O", openness: 0.6 }, face: { x: 0.7, y: -0.5, tilt: 18 } }, duration: 400, transitionDuration: 100 },
+      // Pull back quickly
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 250 }
+    ]
+  },
+  /**
+   * Recoil Back - startled pullback
+   */
+  recoilBack: {
+    id: "recoilBack",
+    name: "Recoil Back",
+    loop: !1,
+    frames: [
+      // Instant recoil
+      { state: { eyes: { scaleY: 1.6, scaleX: 1.5, position: { x: 0, y: -0.3 } }, mouth: { shape: "O", openness: 1.3 }, face: { x: 0, y: -0.8, tilt: 0 } }, duration: 80, transitionDuration: 30 },
+      // Overshoot back
+      { state: { eyes: { scaleY: 1.5, scaleX: 1.4, position: { x: 0, y: -0.25 } }, mouth: { shape: "O", openness: 1.2 }, face: { x: 0, y: -0.7, tilt: 0 } }, duration: 60, transitionDuration: 40 },
+      // Hold surprised
+      { state: { eyes: { scaleY: 1.55, scaleX: 1.45, position: { x: 0, y: -0.3 } }, mouth: { shape: "O", openness: 1.25 }, face: { x: 0, y: -0.75, tilt: 0 } }, duration: 300, transitionDuration: 50 },
+      // Slowly return
+      { state: { eyes: { scaleY: 1.3, position: { x: 0, y: -0.15 } }, mouth: { shape: "neutral", openness: 0.8 }, face: { x: 0, y: -0.4, tilt: 0 } }, duration: 200, transitionDuration: 150 },
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 200 }
+    ]
+  },
+  /**
+   * Shifty Eyes - SLOW suspicious squinted side-to-side movement
+   */
+  shiftyEyes: {
+    id: "shiftyEyes",
+    name: "Shifty Eyes",
+    loop: !1,
+    frames: [
+      // Squint and slowly look left
+      { state: { eyes: { scaleY: 0.4, position: { x: -0.6, y: 0.1 } }, mouth: { shape: "closed" }, face: { x: -0.15, y: 0.08, tilt: -4 } }, duration: 500, transitionDuration: 200 },
+      // Slow deliberate dart to right
+      { state: { eyes: { scaleY: 0.4, position: { x: 0.6, y: 0.1 } }, mouth: { shape: "closed" }, face: { x: 0.15, y: 0.08, tilt: 4 } }, duration: 450, transitionDuration: 250 },
+      // Slowly back to left
+      { state: { eyes: { scaleY: 0.4, position: { x: -0.6, y: 0.1 } }, mouth: { shape: "closed" }, face: { x: -0.15, y: 0.08, tilt: -4 } }, duration: 450, transitionDuration: 250 },
+      // To right again - methodical
+      { state: { eyes: { scaleY: 0.4, position: { x: 0.6, y: 0.1 } }, mouth: { shape: "closed" }, face: { x: 0.15, y: 0.08, tilt: 4 } }, duration: 450, transitionDuration: 250 },
+      // Slow center with suspicion - hold the squint
+      { state: { eyes: { scaleY: 0.5, position: { x: 0, y: 0.05 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.05, tilt: 0 } }, duration: 500, transitionDuration: 200 },
+      // One more slow left dart
+      { state: { eyes: { scaleY: 0.4, position: { x: -0.5, y: 0.1 } }, mouth: { shape: "closed" }, face: { x: -0.12, y: 0.08, tilt: -3 } }, duration: 400, transitionDuration: 180 },
+      // Slowly return to neutral
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 300 }
+    ]
+  },
+  /**
+   * Suspicious Squint - just squinting with subtle movements
+   */
+  suspiciousSquint: {
+    id: "suspiciousSquint",
+    name: "Suspicious Squint",
+    loop: !1,
+    frames: [
+      // Start squinting
+      { state: { eyes: { scaleY: 0.35, position: { x: 0, y: 0.08 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.05, tilt: 0 } }, duration: 600, transitionDuration: 200 },
+      // Squint harder with slight tilt
+      { state: { eyes: { scaleY: 0.25, position: { x: 0.1, y: 0.1 } }, mouth: { shape: "closed" }, face: { x: 0.05, y: 0.08, tilt: 2 } }, duration: 800, transitionDuration: 150 },
+      // Hold the intense squint
+      { state: { eyes: { scaleY: 0.25, position: { x: -0.1, y: 0.1 } }, mouth: { shape: "closed" }, face: { x: -0.05, y: 0.08, tilt: -2 } }, duration: 800, transitionDuration: 150 },
+      // Gradually release
+      { state: { eyes: { scaleY: 0.4, position: { x: 0, y: 0.05 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.03, tilt: 0 } }, duration: 500, transitionDuration: 200 },
+      // Return to neutral
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 300 }
+    ]
+  },
+  /**
+   * Eye Roll - classic dramatic eye roll
+   */
+  eyeRoll: {
+    id: "eyeRoll",
+    name: "Eye Roll",
+    loop: !1,
+    frames: [
+      // Start center, slight squint
+      { state: { eyes: { scaleY: 0.85, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 100, transitionDuration: 80 },
+      // Look down first
+      { state: { eyes: { scaleY: 0.75, position: { x: 0, y: 0.3 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.1, tilt: 0 } }, duration: 120, transitionDuration: 100 },
+      // Roll to right-down
+      { state: { eyes: { scaleY: 0.8, position: { x: 0.4, y: 0.25 } }, mouth: { shape: "closed" }, face: { x: 0.08, y: 0.08, tilt: 2 } }, duration: 100, transitionDuration: 90 },
+      // Roll up-right
+      { state: { eyes: { scaleY: 0.9, position: { x: 0.3, y: -0.3 } }, mouth: { shape: "closed" }, face: { x: 0.05, y: -0.05, tilt: 1 } }, duration: 110, transitionDuration: 95 },
+      // Roll to up-center (peak of roll)
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: -0.5 } }, mouth: { shape: "closed" }, face: { x: 0, y: -0.1, tilt: 0 } }, duration: 120, transitionDuration: 100 },
+      // Roll up-left
+      { state: { eyes: { scaleY: 0.9, position: { x: -0.3, y: -0.3 } }, mouth: { shape: "closed" }, face: { x: -0.05, y: -0.05, tilt: -1 } }, duration: 110, transitionDuration: 95 },
+      // Back to center with attitude
+      { state: { eyes: { scaleY: 0.7, position: { x: 0, y: 0.05 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.03, tilt: 0 } }, duration: 180, transitionDuration: 120 },
+      // Return to neutral
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 150 }
+    ]
+  },
+  /**
+   * Side Eye - judgmental sideways glance
+   */
+  sideEye: {
+    id: "sideEye",
+    name: "Side Eye",
+    loop: !1,
+    frames: [
+      // Neutral start
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 120, transitionDuration: 0 },
+      // Squint and look hard to the side
+      { state: { eyes: { scaleY: 0.5, position: { x: 0.7, y: 0.08 } }, mouth: { shape: "closed" }, face: { x: 0.2, y: 0.05, tilt: 5 } }, duration: 300, transitionDuration: 120 },
+      // Even more squinted, judging hard
+      { state: { eyes: { scaleY: 0.35, position: { x: 0.75, y: 0.1 } }, mouth: { shape: "closed" }, face: { x: 0.25, y: 0.08, tilt: 6 } }, duration: 400, transitionDuration: 100 },
+      // Quick glance forward (caught!)
+      { state: { eyes: { scaleY: 1.2, position: { x: 0, y: -0.05 } }, mouth: { shape: "closed" }, face: { x: 0, y: -0.03, tilt: 0 } }, duration: 100, transitionDuration: 80 },
+      // Return to neutral
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 120 }
+    ]
+  },
+  /**
+   * Nervous Glance - anxious rapid eye movements
+   */
+  nervousGlance: {
+    id: "nervousGlance",
+    name: "Nervous Glance",
+    loop: !1,
+    frames: [
+      // Quick dart left
+      { state: { eyes: { scaleY: 1.1, position: { x: -0.5, y: -0.05 } }, mouth: { shape: "closed" }, face: { x: -0.1, y: 0, tilt: -3 } }, duration: 90, transitionDuration: 60 },
+      // Quick to right
+      { state: { eyes: { scaleY: 1.1, position: { x: 0.5, y: -0.05 } }, mouth: { shape: "closed" }, face: { x: 0.1, y: 0, tilt: 3 } }, duration: 85, transitionDuration: 55 },
+      // Down nervously
+      { state: { eyes: { scaleY: 0.85, position: { x: 0.2, y: 0.3 } }, mouth: { shape: "closed" }, face: { x: 0.05, y: 0.1, tilt: 1 } }, duration: 110, transitionDuration: 70 },
+      // Up and left
+      { state: { eyes: { scaleY: 1.15, position: { x: -0.4, y: -0.25 } }, mouth: { shape: "closed" }, face: { x: -0.08, y: -0.08, tilt: -2 } }, duration: 95, transitionDuration: 65 },
+      // Center briefly
+      { state: { eyes: { scaleY: 1.05, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 70, transitionDuration: 60 },
+      // Quick right again
+      { state: { eyes: { scaleY: 1.1, position: { x: 0.45, y: -0.1 } }, mouth: { shape: "closed" }, face: { x: 0.09, y: -0.02, tilt: 2 } }, duration: 80, transitionDuration: 55 },
+      // Blink nervously
+      { state: { eyes: { scaleY: 0.1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 60, transitionDuration: 40 },
+      // Return
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 100 }
+    ]
+  },
+  /**
+   * Wide Eyed Wonder - amazed looking around
+   */
+  wideEyedWonder: {
+    id: "wideEyedWonder",
+    name: "Wide Eyed Wonder",
+    loop: !1,
+    frames: [
+      // Start with surprise
+      { state: { eyes: { scaleY: 1.4, scaleX: 1.3, position: { x: 0, y: -0.2 } }, mouth: { shape: "O", openness: 0.7 }, face: { x: 0, y: -0.15, tilt: 0 } }, duration: 150, transitionDuration: 80 },
+      // Look up-right in wonder
+      { state: { eyes: { scaleY: 1.5, scaleX: 1.35, position: { x: 0.3, y: -0.4 } }, mouth: { shape: "O", openness: 0.8 }, face: { x: 0.15, y: -0.3, tilt: 5 } }, duration: 250, transitionDuration: 150 },
+      // Pan to up-left
+      { state: { eyes: { scaleY: 1.5, scaleX: 1.35, position: { x: -0.3, y: -0.4 } }, mouth: { shape: "O", openness: 0.8 }, face: { x: -0.15, y: -0.3, tilt: -5 } }, duration: 250, transitionDuration: 180 },
+      // Look down in awe
+      { state: { eyes: { scaleY: 1.3, scaleX: 1.25, position: { x: 0, y: 0.2 } }, mouth: { shape: "smile", openness: 0.9 }, face: { x: 0, y: 0.15, tilt: 0 } }, duration: 220, transitionDuration: 140 },
+      // Back to center amazed
+      { state: { eyes: { scaleY: 1.4, scaleX: 1.3, position: { x: 0, y: -0.15 } }, mouth: { shape: "smile", openness: 1 }, face: { x: 0, y: -0.12, tilt: 0 } }, duration: 200, transitionDuration: 120 },
+      // Return excited
+      { state: { eyes: { scaleY: 1.2, position: { x: 0, y: -0.05 } }, mouth: { shape: "smile", openness: 0.8 }, face: { x: 0, y: -0.05, tilt: 0 } }, duration: 180, transitionDuration: 140 },
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 150 }
+    ]
+  },
+  /**
+   * Double Take - classic surprised double take
+   */
+  doubleTake: {
+    id: "doubleTake",
+    name: "Double Take",
+    loop: !1,
+    frames: [
+      // Looking away casually
+      { state: { eyes: { scaleY: 1, position: { x: 0.4, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0.3, y: 0, tilt: 5 } }, duration: 200, transitionDuration: 120 },
+      // Snap to center (first take)
+      { state: { eyes: { scaleY: 1.2, position: { x: 0, y: -0.05 } }, mouth: { shape: "neutral", openness: 0.4 }, face: { x: 0, y: -0.05, tilt: 0 } }, duration: 100, transitionDuration: 70 },
+      // Look away again (didn't register)
+      { state: { eyes: { scaleY: 0.95, position: { x: 0.35, y: 0.05 } }, mouth: { shape: "closed" }, face: { x: 0.25, y: 0.03, tilt: 4 } }, duration: 150, transitionDuration: 100 },
+      // WAIT WHAT - snap back HARD (second take)
+      { state: { eyes: { scaleY: 1.6, scaleX: 1.5, position: { x: 0, y: -0.3 } }, mouth: { shape: "O", openness: 1.2 }, face: { x: 0, y: -0.25, tilt: 0 } }, duration: 120, transitionDuration: 60 },
+      // Hold the shock
+      { state: { eyes: { scaleY: 1.55, scaleX: 1.45, position: { x: 0, y: -0.28 } }, mouth: { shape: "O", openness: 1.1 }, face: { x: 0, y: -0.23, tilt: 0 } }, duration: 350, transitionDuration: 50 },
+      // Slowly process
+      { state: { eyes: { scaleY: 1.3, position: { x: 0, y: -0.15 } }, mouth: { shape: "neutral", openness: 0.7 }, face: { x: 0, y: -0.12, tilt: 0 } }, duration: 200, transitionDuration: 150 },
+      { state: { eyes: { scaleY: 1, position: { x: 0, y: 0 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0, tilt: 0 } }, duration: 0, transitionDuration: 180 }
+    ]
+  },
+  /**
+   * Quirky Glitch Mode - cute chaotic jumping around
+   */
+  quirkyGlitch: {
+    id: "quirkyGlitch",
+    name: "Quirky Glitch",
+    loop: !1,
+    frames: [
+      { state: { eyes: { scaleY: 1.3, position: { x: 0.4, y: -0.3 } }, mouth: { shape: "open", openness: 0.8 }, face: { x: 0.5, y: -0.4, tilt: 15 } }, duration: 80, transitionDuration: 0 },
+      { state: { eyes: { scaleY: 0.3, position: { x: -0.5, y: 0.4 } }, mouth: { shape: "smile", openness: 1 }, face: { x: -0.6, y: 0.3, tilt: -20 } }, duration: 70, transitionDuration: 0 },
+      { state: { eyes: { scaleY: 1.5, position: { x: 0.2, y: -0.5 } }, mouth: { shape: "O", openness: 0.9 }, face: { x: 0.3, y: -0.5, tilt: 25 } }, duration: 60, transitionDuration: 0 },
+      { state: { eyes: { scaleY: 0.5, position: { x: -0.4, y: 0.2 } }, mouth: { shape: "neutral", openness: 0.3 }, face: { x: -0.4, y: 0.4, tilt: -15 } }, duration: 90, transitionDuration: 0 },
+      { state: { eyes: { scaleY: 1.4, position: { x: 0.5, y: 0.1 } }, mouth: { shape: "smile", openness: 1 }, face: { x: 0.6, y: 0.2, tilt: 18 } }, duration: 75, transitionDuration: 0 },
+      { state: { eyes: { scaleY: 0.2, position: { x: -0.3, y: -0.4 } }, mouth: { shape: "closed" }, face: { x: -0.5, y: -0.3, tilt: -22 } }, duration: 65, transitionDuration: 0 },
+      { state: { eyes: { scaleY: 1.2, position: { x: 0, y: 0.3 } }, mouth: { shape: "open", openness: 0.7 }, face: { x: 0.2, y: 0.5, tilt: 12 } }, duration: 85, transitionDuration: 0 },
+      { expression: "excited", duration: 300, transitionDuration: 100 },
+      { expression: "neutral", duration: 0, transitionDuration: 200 }
+    ]
+  },
+  /**
+   * Crazy Eyes - eyes dart around wildly
+   */
+  crazyEyes: {
+    id: "crazyEyes",
+    name: "Crazy Eyes",
+    loop: !1,
+    frames: [
+      { state: { eyes: { scaleY: 1.2, position: { x: -0.5, y: -0.3 } }, mouth: { shape: "closed" }, face: { x: -0.2, y: 0, tilt: 0 } }, duration: 100, transitionDuration: 40 },
+      { state: { eyes: { scaleY: 1.2, position: { x: 0.5, y: 0.3 } }, mouth: { shape: "closed" }, face: { x: 0.2, y: 0, tilt: 0 } }, duration: 100, transitionDuration: 40 },
+      { state: { eyes: { scaleY: 1.2, position: { x: -0.4, y: 0.4 } }, mouth: { shape: "closed" }, face: { x: -0.1, y: 0.1, tilt: 0 } }, duration: 100, transitionDuration: 40 },
+      { state: { eyes: { scaleY: 1.2, position: { x: 0.4, y: -0.4 } }, mouth: { shape: "closed" }, face: { x: 0.1, y: -0.1, tilt: 0 } }, duration: 100, transitionDuration: 40 },
+      { state: { eyes: { scaleY: 1.2, position: { x: 0, y: 0.5 } }, mouth: { shape: "closed" }, face: { x: 0, y: 0.2, tilt: 0 } }, duration: 100, transitionDuration: 40 },
+      { state: { eyes: { scaleY: 1.2, position: { x: 0, y: -0.5 } }, mouth: { shape: "closed" }, face: { x: 0, y: -0.2, tilt: 0 } }, duration: 100, transitionDuration: 40 },
+      { expression: "surprised", duration: 400, transitionDuration: 80 },
+      { expression: "neutral", duration: 0, transitionDuration: 200 }
+    ]
+  }
+}, W = Object.values(M), _ = (r) => M[r], T = {
+  // Expressions
+  happy: { type: "expression", id: "happy" },
+  cheerful: { type: "expression", id: "cheerful" },
+  focused: { type: "expression", id: "focused" },
+  dramatic: { type: "expression", id: "dramatic" },
+  tired: { type: "expression", id: "tired" },
+  sleepy: { type: "expression", id: "sleepy" },
+  sneaky: { type: "expression", id: "sneaky" },
+  hyper: { type: "expression", id: "hyper" },
+  crazy: { type: "expression", id: "crazy" },
+  wink: { type: "expression", id: "wink" },
+  surprised: { type: "expression", id: "surprised" },
+  curious: { type: "expression", id: "curious" },
+  skeptical: { type: "expression", id: "skeptical" },
+  shy: { type: "expression", id: "shy" },
+  excited: { type: "expression", id: "excited" },
+  shocked: { type: "expression", id: "shocked" },
+  straining: { type: "expression", id: "straining" },
+  flirty: { type: "expression", id: "flirty" },
+  listening: { type: "expression", id: "listening" },
+  // Sequences
+  bouncing: { type: "sequence", id: "excitedBounce" },
+  recoiling: { type: "sequence", id: "recoilBack" },
+  leaning: { type: "sequence", id: "leanInCurious" },
+  squinting: { type: "sequence", id: "suspiciousSquint" },
+  shying: { type: "sequence", id: "shyReaction" },
+  agreeing: { type: "sequence", id: "headNodYes" },
+  disagreeing: { type: "sequence", id: "headShakeNo" },
+  thinking: { type: "sequence", id: "thinking" },
+  confused: { type: "sequence", id: "headTiltConfused" },
+  playful: { type: "sequence", id: "winkSequence" },
+  wonder: { type: "sequence", id: "wideEyedWonder" },
+  nervous: { type: "sequence", id: "nervousGlance" },
+  sassy: { type: "sequence", id: "sideEye" },
+  suspicious: { type: "sequence", id: "shiftyEyes" },
+  mischievous: { type: "sequence", id: "eyeRoll" },
+  greeting: { type: "sequence", id: "greeting" },
+  scanning: { type: "sequence", id: "lookAroundScan" },
+  doubletake: { type: "sequence", id: "doubleTake" },
+  glitching: { type: "sequence", id: "quirkyGlitch" },
+  awakening: { type: "sequence", id: "digitalAwaken" },
+  cheerfulSeq: { type: "sequence", id: "cheerful" },
+  curiousScan: { type: "sequence", id: "curiousScan" },
+  crazyEyes: { type: "sequence", id: "crazyEyes" },
+  blink: { type: "sequence", id: "blink" },
+  doubleBlink: { type: "sequence", id: "doubleBlink" },
+  slowBlink: { type: "sequence", id: "slowBlink" },
+  wakeUp: { type: "sequence", id: "wakeUp" },
+  talking: { type: "sequence", id: "talking" },
+  idle: { type: "sequence", id: "idle" },
+  glitchMood: { type: "sequence", id: "glitchMood" },
+  quickNod: { type: "sequence", id: "quickNod" },
+  strongNo: { type: "sequence", id: "strongNo" }
+}, L = {
+  sad: "shy",
+  neutral: "focused",
+  warm: "happy",
+  friendly: "cheerful",
+  serious: "focused",
+  amused: "playful",
+  concerned: "curious",
+  empathetic: "shy",
+  confident: "agreeing",
+  enthusiastic: "excited",
+  thoughtful: "thinking",
+  impressed: "wonder",
+  calm: "focused",
+  angry: "disagreeing",
+  frustrated: "skeptical",
+  supportive: "agreeing",
+  gentle: "shy",
+  hopeful: "cheerful",
+  proud: "excited",
+  nostalgic: "thinking",
+  relieved: "happy",
+  anxious: "nervous",
+  sarcastic: "sassy",
+  devious: "sneaky",
+  energetic: "hyper",
+  wild: "crazy",
+  exhausted: "sleepy",
+  bored: "tired",
+  cunning: "suspicious",
+  judging: "mischievous",
+  welcoming: "greeting",
+  searching: "scanning",
+  startled: "shocked",
+  concentrated: "straining",
+  amazed: "doubletake",
+  glitchy: "glitching",
+  glitch: "glitching"
+};
+function O(r) {
+  return T[r] ? r : L[r] ?? null;
+}
+class z extends F {
+  constructor(e = {}) {
+    super();
+    a(this, "_state");
+    a(this, "_currentExpression", null);
+    a(this, "_isPlaying", !1);
+    a(this, "_isAutoAnimating", !1);
+    a(this, "_isIdleMode", !1);
+    a(this, "_mood", "normal");
+    a(this, "timeouts", /* @__PURE__ */ new Set());
+    // Loop sequence state
+    a(this, "_loopingSeqId", null);
+    // Idle fidget state
+    a(this, "_idleFidgetActive", !1);
+    a(this, "_idleFidgetTimer", null);
+    a(this, "_idleFidgetOptions", {
+      sequences: ["slowBlink", "curiousScan", "lookAroundScan", "shiftyEyes", "shyReaction", "winkSequence", "headTiltConfused", "sideEye", "doubleTake", "leanInCurious", "doubleBlink", "nervousGlance"],
+      glitchSequences: ["glitchMood", "quirkyGlitch"],
+      glitchChance: 0.15,
+      minInterval: 3e3,
+      maxInterval: 8e3
+    });
+    const i = e.initialExpression ?? "neutral", s = k(i);
+    this._state = s ? s.state : this.getDefaultState(), this._currentExpression = i, this._mood = e.initialMood ?? "normal", e.autoAnimate && this.setAutoAnimate(!0), (e.idleMode ?? !0) && this.setIdleMode(!0);
+  }
+  // Getters for public state
+  get state() {
+    return Object.freeze({ ...this._state });
+  }
+  get currentExpression() {
+    return this._currentExpression;
+  }
+  get isPlaying() {
+    return this._isPlaying;
+  }
+  get isAutoAnimating() {
+    return this._isAutoAnimating;
+  }
+  get isIdleMode() {
+    return this._isIdleMode;
+  }
+  get mood() {
+    return this._mood;
+  }
+  /**
+   * Set the avatar's facial expression.
+   *
+   * @param expressionId - The ID of the expression to set
+   * @param transitionMs - Optional transition duration (not used in MVP)
+   * @throws {Error} If the expression ID is not found
+   *
+   * @example
+   * ```typescript
+   * controller.setExpression('happy');
+   * controller.setExpression('surprised');
+   * ```
+   */
+  setExpression(e, i) {
+    const s = k(e);
+    if (!s)
+      throw new Error(`Expression "${e}" not found`);
+    const o = { ...s.state };
+    if (o.face) {
+      const c = (Math.random() - 0.5) * 0.1, l = (Math.random() - 0.5) * 0.1, p = (Math.random() - 0.5) * 4;
+      o.face = {
+        x: o.face.x + c,
+        y: o.face.y + l,
+        tilt: (o.face.tilt ?? 0) + p
+      };
+    } else
+      o.face = {
+        x: (Math.random() - 0.5) * 0.12,
+        y: (Math.random() - 0.5) * 0.12,
+        tilt: (Math.random() - 0.5) * 5
+      };
+    this._state = o, this._currentExpression = e, this.emit("expressionChange", e), this.emit("stateChange", this._state);
+  }
+  /**
+   * Set avatar state directly with partial updates.
+   *
+   * @param partialState - Partial state to merge with current state
+   * @param transitionMs - Optional transition duration (not used in MVP)
+   *
+   * @example
+   * ```typescript
+   * controller.setState({ eyes: { scaleY: 0.5 } });
+   * ```
+   */
+  setState(e, i) {
+    this._state = {
+      eyes: { ...this._state.eyes, ...e.eyes },
+      mouth: { ...this._state.mouth, ...e.mouth },
+      face: e.face ? { ...this._state.face, ...e.face } : this._state.face
+    }, this._currentExpression = null, this.emit("stateChange", this._state);
+  }
+  /**
+   * Trigger a blink animation.
+   *
+   * @param durationMs - Duration of the blink in milliseconds (default: 150)
+   * @returns Promise that resolves when blink completes
+   *
+   * @example
+   * ```typescript
+   * await controller.blink();
+   * await controller.blink(200); // Slower blink
+   * ```
+   */
+  async blink(e = 150) {
+    if (this._isPlaying) return;
+    const i = { ...this._state }, s = this._currentExpression;
+    this.setState({ eyes: { scaleY: 0.08 } }), await this.wait(e), this._state = i, this._currentExpression = s, this.emit("stateChange", this._state);
+  }
+  /**
+   * Play an animation sequence.
+   *
+   * @param sequenceId - The ID of the sequence to play
+   * @returns Promise that resolves when sequence completes
+   * @throws {Error} If the sequence ID is not found
+   *
+   * @example
+   * ```typescript
+   * await controller.playSequence('greeting');
+   * await controller.playSequence('cheerful');
+   * ```
+   */
+  async playSequence(e) {
+    const i = _(e);
+    if (!i)
+      throw new Error(`Sequence "${e}" not found`);
+    this.stopSequence(), this._isPlaying = !0, this.emit("sequenceStart", e);
+    try {
+      await this.runSequence(i), this.emit("sequenceEnd", e);
+    } finally {
+      this._isPlaying = !1;
+    }
+  }
+  /**
+   * Stop the currently playing sequence.
+   *
+   * @example
+   * ```typescript
+   * controller.stopSequence();
+   * ```
+   */
+  stopSequence() {
+    this.timeouts.forEach(clearTimeout), this.timeouts.clear(), this._isPlaying = !1;
+  }
+  /**
+   * Enable or disable auto-animation mode.
+   *
+   * @param enabled - Whether to enable auto-animation
+   *
+   * @example
+   * ```typescript
+   * controller.setAutoAnimate(true);  // Start auto-animations
+   * controller.setAutoAnimate(false); // Stop auto-animations
+   * ```
+   */
+  setAutoAnimate(e) {
+    this._isAutoAnimating = e, this.emit("autoAnimateChange", e), e ? (this.scheduleRandomBlink(), this.scheduleRandomCheerful()) : (this.stopSequence(), this.setExpression("neutral"));
+  }
+  /**
+   * Set the avatar's mood (affects animation speed).
+   *
+   * @param mood - The mood to set ('normal', 'energized', or 'tired')
+   *
+   * @example
+   * ```typescript
+   * controller.setMood('energized'); // Faster animations
+   * controller.setMood('tired');     // Slower animations
+   * controller.setMood('normal');    // Default speed
+   * ```
+   */
+  setMood(e) {
+    this._mood = e, this.emit("moodChange", e);
+  }
+  /**
+   * Enable or disable idle mode (random expressions and moods).
+   *
+   * @param enabled - Whether to enable idle mode
+   *
+   * @example
+   * ```typescript
+   * controller.setIdleMode(true);  // Start random variations
+   * controller.setIdleMode(false); // Stop random variations
+   * ```
+   */
+  setIdleMode(e) {
+    this._isIdleMode = e, this.emit("idleModeChange", e), e && (this.scheduleRandomExpression(), this.scheduleRandomMood());
+  }
+  /**
+   * Get the current avatar state (read-only).
+   *
+   * @returns Frozen copy of current state
+   */
+  getState() {
+    return Object.freeze({ ...this._state });
+  }
+  /**
+   * Get the current expression ID.
+   *
+   * @returns Current expression ID or null if state was set directly
+   */
+  getCurrentExpression() {
+    return this._currentExpression;
+  }
+  /**
+   * Get all available expressions.
+   *
+   * @returns Array of expression configurations
+   */
+  getExpressions() {
+    return B;
+  }
+  /**
+   * Get all available sequences.
+   *
+   * @returns Array of sequence configurations
+   */
+  getSequences() {
+    return W;
+  }
+  /**
+   * Check if any animation is currently playing.
+   *
+   * @returns True if sequence is playing or auto-animation is enabled
+   */
+  isAnimating() {
+    return this._isPlaying || this._isAutoAnimating;
+  }
+  /**
+   * Play a sequence in a loop until stopLoop() is called.
+   * Disables autoAnimate and idleMode while looping.
+   */
+  loopSequence(e) {
+    this._loopingSeqId = e, this.setAutoAnimate(!1), this.setIdleMode(!1);
+    const i = () => {
+      this._loopingSeqId === e && this.playSequence(e).then(() => {
+        this._loopingSeqId === e && i();
+      }).catch(() => {
+      });
+    };
+    i();
+  }
+  /**
+   * Stop the currently looping sequence.
+   */
+  stopLoop() {
+    this._loopingSeqId = null, this.stopSequence();
+  }
+  /**
+   * Apply an emotion by key — resolves to expression or sequence via EMOTION_ACTIONS.
+   * Returns the resolved key, or null if not found.
+   */
+  applyEmotion(e) {
+    const i = O(e) ?? e, s = T[i];
+    if (!s) return null;
+    if (this.stopSequence(), _(s.id))
+      this.playSequence(s.id).catch(() => {
+      });
+    else if (k(s.id))
+      this.setExpression(s.id);
+    else if (k(i))
+      this.setExpression(i);
+    else
+      return null;
+    return this.emit("emotionApplied", i), i;
+  }
+  /**
+   * Enable/disable idle fidget — plays random sequences at random intervals.
+   */
+  setIdleFidget(e, i) {
+    if (this._idleFidgetActive = !1, this._idleFidgetTimer && (clearTimeout(this._idleFidgetTimer), this._idleFidgetTimer = null), !e) return;
+    i && (this._idleFidgetOptions = { ...this._idleFidgetOptions, ...i }), this._idleFidgetActive = !0;
+    const s = this._idleFidgetOptions, o = () => {
+      if (!this._idleFidgetActive) return;
+      const c = s.minInterval + Math.random() * (s.maxInterval - s.minInterval);
+      this._idleFidgetTimer = setTimeout(() => {
+        if (!this._idleFidgetActive) return;
+        const l = Math.random() < s.glitchChance ? s.glitchSequences : s.sequences, p = l[Math.floor(Math.random() * l.length)];
+        this.emit("idleFidgetPlay", p), this.playSequence(p).then(() => {
+          this._idleFidgetActive && o();
+        }).catch(() => {
+          this._idleFidgetActive && o();
+        });
+      }, c);
+    };
+    o();
+  }
+  /**
+   * Clean up resources and stop all animations.
+   * Call this when disposing of the controller.
+   */
+  destroy() {
+    this.stopSequence(), this.stopLoop(), this.setIdleFidget(!1), this.setAutoAnimate(!1), this.removeAllListeners();
+  }
+  // Private helper methods
+  async runSequence(e) {
+    const i = async () => {
+      for (const s of e.frames) {
+        if (!this._isPlaying) break;
+        s.expression ? this.setExpression(s.expression) : s.state && this.setState(s.state);
+        const o = (s.transitionDuration ?? 0) + s.duration;
+        await this.wait(o);
+      }
+      e.loop && this._isPlaying && await i();
+    };
+    await i();
+  }
+  scheduleRandomBlink() {
+    if (!this._isAutoAnimating) return;
+    const i = (2500 + Math.random() * 4e3) * Y[this._mood], s = setTimeout(async () => {
+      if (!this._isPlaying) {
+        const o = Math.random() < 0.3;
+        await this.playSequence(o ? "doubleBlink" : "blink");
+      }
+      this.scheduleRandomBlink();
+    }, i);
+    this.timeouts.add(s);
+  }
+  scheduleRandomCheerful() {
+    if (!this._isAutoAnimating) return;
+    const i = (6e3 + Math.random() * 6e3) * Y[this._mood], s = setTimeout(async () => {
+      this._isPlaying || await this.playSequence("cheerful"), this.scheduleRandomCheerful();
+    }, i);
+    this.timeouts.add(s);
+  }
+  scheduleRandomExpression() {
+    if (!this._isIdleMode) return;
+    const e = 8e3 + Math.random() * 7e3, i = setTimeout(() => {
+      if (!this._isPlaying && this._isIdleMode) {
+        const s = [
+          "neutral",
+          "happy",
+          "cheerful",
+          "curious",
+          "skeptical",
+          "shy",
+          "squintLight",
+          "squintMedium",
+          "focused",
+          "surprised"
+        ], o = s[Math.floor(Math.random() * s.length)];
+        this.setExpression(o);
+      }
+      this.scheduleRandomExpression();
+    }, e);
+    this.timeouts.add(i);
+  }
+  scheduleRandomMood() {
+    if (!this._isIdleMode) return;
+    const e = 2e4 + Math.random() * 2e4, i = setTimeout(() => {
+      if (!this._isPlaying && this._isIdleMode) {
+        const s = ["normal", "energized", "tired"], o = s[Math.floor(Math.random() * s.length)];
+        this.setMood(o);
+      }
+      this.scheduleRandomMood();
+    }, e);
+    this.timeouts.add(i);
+  }
+  wait(e) {
+    const i = e * Y[this._mood];
+    return new Promise((s) => {
+      const o = setTimeout(() => {
+        this.timeouts.delete(o), s();
+      }, i);
+      this.timeouts.add(o);
+    });
+  }
+  getDefaultState() {
+    return {
+      eyes: { scaleY: 1 },
+      mouth: { visible: !1 },
+      face: { x: 0, y: 0, tilt: 0 }
+    };
+  }
+}
+const Q = (r = {}) => {
+  const t = v(null), [e, i] = g(() => ({ eyes: { scaleY: 1 }, mouth: { visible: !1 } })), [s, o] = g(
+    r.initialExpression ?? "neutral"
+  ), [c, l] = g(!1), [p, m] = g(r.autoAnimate ?? !1), [x, y] = g(r.idleMode ?? !0), [f, u] = g(r.initialMood ?? "normal");
+  t.current || (t.current = new z(r));
+  const n = t.current;
+  return C(() => {
+    const d = (h) => i(h), D = (h) => o(h), S = () => l(!0), q = () => l(!1), w = (h) => m(h), A = (h) => y(h), E = (h) => u(h);
+    return n.on("stateChange", d), n.on("expressionChange", D), n.on("sequenceStart", S), n.on("sequenceEnd", q), n.on("autoAnimateChange", w), n.on("idleModeChange", A), n.on("moodChange", E), i(n.getState()), o(n.getCurrentExpression()), y(n.isIdleMode), u(n.mood), () => {
+      n.off("stateChange", d), n.off("expressionChange", D), n.off("sequenceStart", S), n.off("sequenceEnd", q), n.off("autoAnimateChange", w), n.off("idleModeChange", A), n.off("moodChange", E);
+    };
+  }, [n]), C(() => () => n.destroy(), [n]), {
+    state: e,
+    currentExpression: s,
+    isPlaying: c,
+    isAutoAnimating: p,
+    isIdleMode: x,
+    mood: f,
+    setExpression: n.setExpression.bind(n),
+    setState: n.setState.bind(n),
+    blink: n.blink.bind(n),
+    playSequence: n.playSequence.bind(n),
+    stopSequence: n.stopSequence.bind(n),
+    setAutoAnimate: n.setAutoAnimate.bind(n),
+    setIdleMode: n.setIdleMode.bind(n),
+    setMood: n.setMood.bind(n),
+    getExpressions: n.getExpressions.bind(n),
+    getSequences: n.getSequences.bind(n)
+  };
+};
+function P(r) {
+  const t = r.toLowerCase().trim();
+  if (!t) return "closed";
+  const e = t[0], i = t.slice(0, 2);
+  return "mbp".includes(e) ? "M" : "fv".includes(e) ? "F" : e === "w" || i === "oo" ? "W" : e === "o" ? "O" : e === "a" ? "A" : "ei".includes(e) ? "E" : e === "u" ? "U" : "A";
+}
+class j {
+  constructor(t, e) {
+    a(this, "controller");
+    a(this, "options");
+    a(this, "_isSpeaking", !1);
+    // Viseme scheduling
+    a(this, "timingOrigin", 0);
+    a(this, "scheduledTimeouts", /* @__PURE__ */ new Set());
+    // Amplitude analysis
+    a(this, "audioContext", null);
+    a(this, "analyser", null);
+    a(this, "sourceNode", null);
+    a(this, "amplitudeFrame", null);
+    a(this, "amplitudeData", null);
+    a(this, "ownsAudioContext", !1);
+    a(this, "connectedElement", null);
+    this.controller = t, this.options = {
+      sensitivity: (e == null ? void 0 : e.sensitivity) ?? 0.5,
+      smoothing: (e == null ? void 0 : e.smoothing) ?? 0.3,
+      idleExpression: (e == null ? void 0 : e.idleExpression) ?? "neutral"
+    };
+  }
+  get isSpeaking() {
+    return this._isSpeaking;
+  }
+  /**
+   * Feed word-level timestamps from TTS (e.g. Cartesia).
+   * Schedules mouth shape changes relative to the timing origin set by start().
+   */
+  feedTimestamps(t) {
+    const e = performance.now(), i = this.timingOrigin || e;
+    for (const s of t) {
+      const o = s.start * 1e3, c = s.end * 1e3, l = e - i, p = Math.max(0, o - l), m = setTimeout(() => {
+        if (this.scheduledTimeouts.delete(m), !this._isSpeaking) return;
+        const f = P(s.word);
+        this.controller.setState({ mouth: { shape: f, visible: !0 } });
+      }, p);
+      this.scheduledTimeouts.add(m);
+      const x = Math.max(0, c - l), y = setTimeout(() => {
+        this.scheduledTimeouts.delete(y), this._isSpeaking && this.controller.setState({ mouth: { shape: "closed", openness: 0 } });
+      }, x);
+      this.scheduledTimeouts.add(y);
+    }
+  }
+  /**
+   * Connect to an HTMLAudioElement or HTMLMediaElement for amplitude analysis.
+   */
+  connectElement(t) {
+    if (this.connectedElement === t && this.analyser) return;
+    this.disconnectAudio(), this.connectedElement = t, this.ownsAudioContext = !0, this.audioContext = new AudioContext();
+    const e = this.audioContext.createMediaElementSource(t);
+    this.setupAnalyser(e, this.audioContext), e.connect(this.audioContext.destination), this.sourceNode = e;
+  }
+  /**
+   * Connect to an existing AudioNode for amplitude analysis.
+   */
+  connectSource(t, e) {
+    this.disconnectAudio(), this.ownsAudioContext = !1, this.audioContext = e, this.setupAnalyser(t, e), this.sourceNode = t;
+  }
+  /**
+   * Start speech animation. Sets the timing origin for viseme scheduling.
+   */
+  start() {
+    var t;
+    this._isSpeaking = !0, this.timingOrigin = performance.now(), ((t = this.audioContext) == null ? void 0 : t.state) === "suspended" && this.audioContext.resume(), this.analyser && this.startAmplitudeLoop();
+  }
+  /**
+   * Stop speech animation and reset mouth to closed.
+   */
+  stop() {
+    this._isSpeaking = !1;
+    for (const t of this.scheduledTimeouts)
+      clearTimeout(t);
+    this.scheduledTimeouts.clear(), this.amplitudeFrame !== null && (cancelAnimationFrame(this.amplitudeFrame), this.amplitudeFrame = null), this.controller.setState({
+      mouth: { shape: "closed", openness: 0, visible: !1 }
+    });
+  }
+  /**
+   * Clean up all resources. Call when done with the controller.
+   */
+  destroy() {
+    this.stop(), this.disconnectAudio();
+  }
+  // --- Private ---
+  setupAnalyser(t, e) {
+    this.analyser = e.createAnalyser(), this.analyser.fftSize = 256, this.analyser.smoothingTimeConstant = this.options.smoothing, t.connect(this.analyser), this.amplitudeData = new Uint8Array(this.analyser.frequencyBinCount);
+  }
+  startAmplitudeLoop() {
+    if (this.amplitudeFrame !== null) return;
+    const t = () => {
+      if (!this._isSpeaking || !this.analyser || !this.amplitudeData) {
+        this.amplitudeFrame = null;
+        return;
+      }
+      this.analyser.getByteTimeDomainData(this.amplitudeData);
+      let e = 0;
+      for (let c = 0; c < this.amplitudeData.length; c++) {
+        const l = (this.amplitudeData[c] - 128) / 128;
+        e += l * l;
+      }
+      const i = Math.sqrt(e / this.amplitudeData.length), s = Math.min(1, i * (4 + this.options.sensitivity * 12)), o = s < 0.08 ? 0 : s;
+      this.controller.setState({
+        mouth: { openness: o, visible: o > 0 }
+      }), this.amplitudeFrame = requestAnimationFrame(t);
+    };
+    this.amplitudeFrame = requestAnimationFrame(t);
+  }
+  disconnectAudio() {
+    this.amplitudeFrame !== null && (cancelAnimationFrame(this.amplitudeFrame), this.amplitudeFrame = null), this.analyser && (this.analyser.disconnect(), this.analyser = null), this.ownsAudioContext && this.audioContext && this.audioContext.close().catch(() => {
+    }), this.audioContext = null, this.sourceNode = null, this.connectedElement = null, this.amplitudeData = null;
+  }
+}
+class H {
+  constructor(t) {
+    a(this, "words", []);
+    a(this, "processedCount", 0);
+    a(this, "groups", []);
+    a(this, "minWords");
+    a(this, "maxWords");
+    this.minWords = (t == null ? void 0 : t.minWords) ?? 2, this.maxWords = (t == null ? void 0 : t.maxWords) ?? 5;
+  }
+  /** Feed new word timestamps (accumulates). */
+  feed(t) {
+    this.words.push(...t), this.process();
+  }
+  /** Flush any remaining un-grouped words into a final group. */
+  flush() {
+    if (this.processedCount < this.words.length) {
+      const t = this.words.slice(this.processedCount);
+      this.groups.push({
+        text: t.map((e) => e.word).join(" "),
+        startTime: t[0].start,
+        endTime: t[t.length - 1].end
+      }), this.processedCount = this.words.length;
+    }
+  }
+  /** Get all bubble groups computed so far. */
+  getGroups() {
+    return this.groups;
+  }
+  /** Get accumulated words. */
+  getWords() {
+    return this.words;
+  }
+  /** Reset all state for a new utterance. */
+  reset() {
+    this.words = [], this.processedCount = 0, this.groups = [];
+  }
+  process() {
+    for (; this.processedCount < this.words.length; ) {
+      const t = this.processedCount;
+      let e = t;
+      for (; e < this.words.length; ) {
+        e++;
+        const s = e - t, o = this.words[e - 1].word;
+        if (/[.!?;]$/.test(o) && s >= this.minWords || s >= this.maxWords) break;
+      }
+      if (e - t < this.minWords && e < this.words.length || e === this.words.length && e - t < this.minWords) break;
+      const i = this.words.slice(t, e);
+      this.groups.push({
+        text: i.map((s) => s.word).join(" "),
+        startTime: i[0].start,
+        endTime: i[i.length - 1].end
+      }), this.processedCount = e;
+    }
+  }
+}
+function N(r) {
+  const t = r.toLowerCase().replace(/[^a-z]/g, "");
+  if (!t) return "closed";
+  const e = t[0];
+  return "mbp".includes(e) ? "M" : "fv".includes(e) ? "F" : e === "w" || t.startsWith("oo") ? "W" : e === "o" ? "O" : e === "a" ? "A" : "ei".includes(e) ? "E" : e === "u" ? "U" : "A";
+}
+class V {
+  constructor(t, e, i, s, o) {
+    a(this, "controller");
+    a(this, "bubbleGrouper");
+    a(this, "getPlaybackPosition");
+    a(this, "callbacks");
+    a(this, "rafId", 0);
+    a(this, "active", !1);
+    a(this, "lastBubbleIdx", -1);
+    a(this, "lastVisemeWordIdx", -1);
+    // Expression sync — each queued expression has a key + non-whitespace char index
+    a(this, "exprQueue", []);
+    a(this, "lastAppliedExprQueueIdx", -1);
+    a(this, "flushTimer", null);
+    a(this, "tick", () => {
+      var c, l, p, m, x, y, f;
+      if (!this.active) return;
+      const t = this.getPlaybackPosition(), e = this.bubbleGrouper.getWords();
+      let i = -1;
+      for (let u = e.length - 1; u >= 0; u--)
+        if (e[u].start <= t) {
+          i = u;
+          break;
+        }
+      if (i >= 0 && i !== this.lastVisemeWordIdx) {
+        this.lastVisemeWordIdx = i;
+        const u = e[i];
+        t <= u.end ? this.controller.setState({ mouth: { shape: N(u.word) } }) : this.controller.setState({ mouth: { shape: "closed" } });
+      } else if (i >= 0) {
+        const u = e[i];
+        t > u.end && this.controller.setState({ mouth: { shape: "closed" } });
+      }
+      const s = this.bubbleGrouper.getGroups();
+      let o = -1;
+      for (let u = s.length - 1; u >= 0; u--)
+        if (s[u].startTime <= t) {
+          o = u;
+          break;
+        }
+      if (o >= 0 && o !== this.lastBubbleIdx && (this.lastBubbleIdx = o, (l = (c = this.callbacks).onBubbleChange) == null || l.call(c, s[o].text, !0)), o >= 0 && t > s[o].endTime && ((m = (p = this.callbacks).onBubbleChange) == null || m.call(p, "", !1)), this.exprQueue.length > 0 && i >= 0) {
+        let u = 0;
+        for (let d = 0; d <= i; d++)
+          u += e[d].word.length;
+        let n = -1;
+        for (let d = this.exprQueue.length - 1; d >= 0; d--)
+          if (this.exprQueue[d].nwsCharIdx <= u) {
+            n = d;
+            break;
+          }
+        if (n >= 0 && n !== this.lastAppliedExprQueueIdx) {
+          this.lastAppliedExprQueueIdx = n;
+          const d = this.exprQueue[n], D = ((x = e[i]) == null ? void 0 : x.word) ?? "?";
+          console.log("[PlaybackSync] Apply expression:", d.key, "| word #" + i, "(" + D + ")", "| spokenNwsChars:", u, "| expr nwsCharIdx:", d.nwsCharIdx), (f = (y = this.callbacks).onExpressionChange) == null || f.call(y, d.key);
+        }
+      }
+      this.rafId = requestAnimationFrame(this.tick);
+    });
+    this.controller = t, this.bubbleGrouper = e, this.getPlaybackPosition = i, this.callbacks = s ?? {};
+  }
+  /** Queue an expression key with the non-whitespace char index it should activate at. */
+  queueExpression(t, e) {
+    console.log("[PlaybackSync] Queue expression:", t, "nwsCharIdx:", e), this.exprQueue.push({ key: t, nwsCharIdx: e });
+  }
+  /** Feed word timestamps — delegates to bubbleGrouper and detects expression breaks. */
+  feedTimestamps(t) {
+    this.bubbleGrouper.getWords().length;
+    const i = [];
+    for (let s = 0; s < t.words.length; s++)
+      i.push({ word: t.words[s], start: t.start[s], end: t.end[s] });
+    this.bubbleGrouper.feed(i), this.flushTimer && clearTimeout(this.flushTimer), this.flushTimer = setTimeout(() => this.bubbleGrouper.flush(), 500);
+  }
+  /** Start the rAF sync loop. */
+  start() {
+    this.active || (this.active = !0, this.lastBubbleIdx = -1, this.lastVisemeWordIdx = -1, this.lastAppliedExprQueueIdx = -1, this.tick());
+  }
+  /** Stop the sync loop and reset state. */
+  stop() {
+    var t, e;
+    this.active = !1, cancelAnimationFrame(this.rafId), this.flushTimer && (clearTimeout(this.flushTimer), this.flushTimer = null), this.exprQueue = [], this.lastAppliedExprQueueIdx = -1, this.lastBubbleIdx = -1, this.lastVisemeWordIdx = -1, this.bubbleGrouper.reset(), (e = (t = this.callbacks).onBubbleChange) == null || e.call(t, "", !1);
+  }
+  /** Whether the sync loop is currently active. */
+  get isActive() {
+    return this.active;
+  }
+}
+export {
+  z as A,
+  T as E,
+  L as F,
+  V as P,
+  H as S,
+  j as a,
+  b,
+  k as c,
+  _ as d,
+  B as e,
+  M as f,
+  U as g,
+  O as r,
+  W as s,
+  Q as u,
+  P as w
+};