@pinecall/web 0.1.0

package/dist/index.cjs

@@ -0,0 +1,4351 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/widget/VoiceWidget.tsx
+
+// src/core/VoiceSession.ts
+var INITIAL_STATE = {
+  status: "idle",
+  error: null,
+  isMuted: false,
+  phase: "idle",
+  userSpeaking: false,
+  agentSpeaking: false,
+  duration: 0,
+  messages: [],
+  toolCalls: [],
+  idleWarning: null
+};
+var VoiceSession = class extends EventTarget {
+  constructor(opts) {
+    super();
+    this.opts = opts;
+  }
+  opts;
+  state = { ...INITIAL_STATE };
+  listeners = /* @__PURE__ */ new Set();
+  pc = null;
+  stream = null;
+  audio = null;
+  dc = null;
+  timer = null;
+  ping = null;
+  startedAt = 0;
+  botWords = {};
+  /** Read-only snapshot of current state (stable reference until next mutation). */
+  getState() {
+    return this.state;
+  }
+  /** Subscribe to ANY state change (for React useSyncExternalStore). */
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  setState(patch) {
+    const prev = this.state;
+    this.state = { ...prev, ...patch };
+    for (const l3 of this.listeners) l3();
+    if (patch.status !== void 0 && patch.status !== prev.status) {
+      this.dispatchEvent(
+        new CustomEvent("status", { detail: { status: this.state.status } })
+      );
+    }
+    if (patch.phase !== void 0 && patch.phase !== prev.phase) {
+      this.dispatchEvent(
+        new CustomEvent("phase", { detail: { phase: this.state.phase } })
+      );
+    }
+    if (patch.error !== void 0 && patch.error !== null && patch.error !== prev.error) {
+      this.dispatchEvent(
+        new CustomEvent("error", { detail: { error: this.state.error } })
+      );
+    }
+    this.dispatchEvent(
+      new CustomEvent("change", { detail: { state: this.state } })
+    );
+  }
+  setMessages(updater) {
+    const next = updater(this.state.messages);
+    this.setState({ messages: next });
+    const last = next[next.length - 1];
+    if (last) {
+      this.dispatchEvent(
+        new CustomEvent("message", { detail: { message: last } })
+      );
+    }
+  }
+  cleanup() {
+    if (this.ping) {
+      clearInterval(this.ping);
+      this.ping = null;
+    }
+    if (this.timer) {
+      clearInterval(this.timer);
+      this.timer = null;
+    }
+    if (this.pc) {
+      this.pc.close();
+      this.pc = null;
+    }
+    this.dc = null;
+    if (this.stream) {
+      this.stream.getTracks().forEach((t2) => t2.stop());
+      this.stream = null;
+    }
+    if (this.audio) {
+      this.audio.pause();
+      this.audio.srcObject = null;
+      this.audio = null;
+    }
+    this.botWords = {};
+    this.setState({
+      isMuted: false,
+      phase: "idle",
+      userSpeaking: false,
+      agentSpeaking: false,
+      idleWarning: null
+    });
+  }
+  async connect() {
+    if (this.pc) return;
+    try {
+      this.setState({
+        status: "connecting",
+        error: null,
+        duration: 0,
+        messages: []
+      });
+      this.botWords = {};
+      const base = (this.opts.server ?? "https://voice.pinecall.io").replace(
+        /\/$/,
+        ""
+      );
+      let token;
+      let voiceServer;
+      if (this.opts.tokenProvider) {
+        const t2 = await this.opts.tokenProvider();
+        token = t2.token;
+        voiceServer = t2.server;
+      } else {
+        const tRes = await fetch(
+          `${base}/webrtc/token?agent_id=${encodeURIComponent(this.opts.agent)}`
+        );
+        if (!tRes.ok) throw new Error(`Token: ${tRes.status}`);
+        const t2 = await tRes.json();
+        token = t2.token;
+        voiceServer = t2.server;
+      }
+      if (!voiceServer) throw new Error("Token response missing server URL");
+      let ice = [{ urls: "stun:stun.l.google.com:19302" }];
+      try {
+        const r = await fetch(`${voiceServer}/webrtc/ice-servers`);
+        if (r.ok) {
+          const d2 = await r.json();
+          ice = d2.iceServers || d2.ice_servers || ice;
+        }
+      } catch {
+      }
+      this.stream = await navigator.mediaDevices.getUserMedia({
+        audio: {
+          echoCancellation: true,
+          noiseSuppression: true,
+          autoGainControl: true
+        },
+        video: false
+      });
+      const pc = new RTCPeerConnection({ iceServers: ice });
+      this.pc = pc;
+      this.stream.getTracks().forEach((t2) => pc.addTrack(t2, this.stream));
+      pc.ontrack = (e) => {
+        if (!this.audio) {
+          this.audio = new Audio();
+          this.audio.autoplay = true;
+        }
+        this.audio.srcObject = e.streams[0];
+      };
+      const dc = pc.createDataChannel("events", { ordered: true });
+      this.dc = dc;
+      dc.onopen = () => {
+        this.ping = setInterval(() => {
+          if (dc.readyState === "open") dc.send("ping");
+        }, 1e3);
+      };
+      dc.onmessage = (msg) => this.handleDataChannelMessage(msg);
+      pc.onconnectionstatechange = () => {
+        if (pc.connectionState === "connected") {
+          this.setState({ status: "connected", phase: "listening" });
+          this.startedAt = Date.now();
+          this.timer = setInterval(() => {
+            this.setState({
+              duration: Math.floor((Date.now() - this.startedAt) / 1e3)
+            });
+          }, 1e3);
+        } else if (pc.connectionState === "disconnected" || pc.connectionState === "failed") {
+          this.cleanup();
+          this.setState({ status: "idle" });
+        }
+      };
+      const offer = await pc.createOffer({
+        offerToReceiveAudio: true,
+        offerToReceiveVideo: false
+      });
+      await pc.setLocalDescription(offer);
+      await new Promise((resolve) => {
+        if (pc.iceGatheringState === "complete") return resolve();
+        const t2 = setTimeout(resolve, 2e3);
+        pc.onicegatheringstatechange = () => {
+          if (pc.iceGatheringState === "complete") {
+            clearTimeout(t2);
+            resolve();
+          }
+        };
+      });
+      const offerBody = {
+        sdp: pc.localDescription.sdp,
+        type: pc.localDescription.type,
+        token
+      };
+      if (this.opts.config && Object.keys(this.opts.config).length > 0) {
+        offerBody.config = this.opts.config;
+      }
+      if (this.opts.metadata && Object.keys(this.opts.metadata).length > 0) {
+        offerBody.metadata = this.opts.metadata;
+      }
+      const res = await fetch(`${voiceServer}/webrtc/offer`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(offerBody)
+      });
+      if (!res.ok) throw new Error(`Offer: ${res.status}`);
+      const answer = await res.json();
+      await pc.setRemoteDescription({ type: answer.type, sdp: answer.sdp });
+    } catch (err) {
+      this.setState({
+        error: err instanceof Error ? err.message : String(err),
+        status: "error"
+      });
+      this.cleanup();
+    }
+  }
+  handleDataChannelMessage(msg) {
+    let d2;
+    try {
+      d2 = JSON.parse(msg.data);
+    } catch {
+      return;
+    }
+    switch (d2.event) {
+      // ── User speech (STT) ──
+      case "speech.started":
+        this.setState({ userSpeaking: true, idleWarning: null });
+        break;
+      case "speech.ended":
+        this.setState({ userSpeaking: false });
+        break;
+      case "user.speaking":
+        if (d2.text) {
+          this.setMessages((prev) => {
+            const idx = prev.findLastIndex(
+              (m2) => m2.role === "user" && m2.isInterim
+            );
+            if (idx >= 0) {
+              return prev.map(
+                (m2, i) => i === idx ? { ...m2, text: d2.text } : m2
+              );
+            }
+            return [
+              ...prev,
+              {
+                id: Date.now(),
+                role: "user",
+                text: d2.text,
+                isInterim: true
+              }
+            ];
+          });
+        }
+        this.setState({ phase: "listening", userSpeaking: true });
+        break;
+      case "user.message":
+        if (d2.text) {
+          this.setMessages((prev) => {
+            const idx = prev.findLastIndex(
+              (m2) => m2.role === "user" && m2.isInterim
+            );
+            if (idx >= 0) {
+              return prev.map(
+                (m2, i) => i === idx ? { ...m2, text: d2.text, isInterim: false } : m2
+              );
+            }
+            return [
+              ...prev,
+              {
+                id: Date.now(),
+                role: "user",
+                text: d2.text,
+                isInterim: false
+              }
+            ];
+          });
+        }
+        this.setState({ userSpeaking: false, phase: "thinking" });
+        break;
+      // ── Turn detection ──
+      case "turn.pause":
+        this.setState({ phase: "pause" });
+        break;
+      case "turn.end":
+        this.setState({ phase: "thinking", userSpeaking: false });
+        break;
+      case "turn.resumed":
+        this.setState({ phase: "listening" });
+        break;
+      // ── Bot speech (TTS word-by-word) ──
+      case "bot.speaking":
+        if (d2.message_id) {
+          this.botWords[d2.message_id] = [];
+        }
+        break;
+      case "bot.word":
+        if (d2.message_id && d2.word) {
+          const ref = this.botWords;
+          if (!ref[d2.message_id]) ref[d2.message_id] = [];
+          const idx = d2.word_index ?? ref[d2.message_id].length;
+          ref[d2.message_id][idx] = d2.word;
+          const newText = ref[d2.message_id].filter(Boolean).join(" ");
+          this.setMessages((prev) => {
+            const mi = prev.findIndex((m2) => m2.messageId === d2.message_id);
+            if (mi >= 0)
+              return prev.map(
+                (m2, i) => i === mi ? { ...m2, text: newText } : m2
+              );
+            return [
+              ...prev,
+              {
+                id: Date.now(),
+                role: "bot",
+                text: newText,
+                messageId: d2.message_id,
+                speaking: true
+              }
+            ];
+          });
+          this.setState({ agentSpeaking: true, phase: "speaking" });
+        }
+        break;
+      case "bot.finished":
+        if (d2.message_id) {
+          this.setMessages((prev) => {
+            const msg2 = prev.find((m2) => m2.messageId === d2.message_id);
+            if (msg2 && !msg2.text && !d2.text) {
+              return prev.filter((m2) => m2.messageId !== d2.message_id);
+            }
+            return prev.map(
+              (m2) => m2.messageId === d2.message_id ? { ...m2, speaking: false, ...d2.text ? { text: d2.text } : {} } : m2
+            );
+          });
+        }
+        this.setState({ agentSpeaking: false, phase: "listening" });
+        break;
+      case "bot.interrupted":
+        if (d2.message_id) {
+          this.setMessages(
+            (prev) => prev.map(
+              (m2) => m2.messageId === d2.message_id ? { ...m2, speaking: false, interrupted: true } : m2
+            )
+          );
+        }
+        this.setState({ agentSpeaking: false, phase: "listening" });
+        break;
+      // ── Audio metrics ──
+      case "audio.metrics":
+        if (d2.source === "user" && d2.is_speech !== void 0) {
+          this.setState({ userSpeaking: d2.is_speech });
+        }
+        break;
+      // ── Session limits ──
+      case "session.idle_warning":
+        this.setState({ idleWarning: d2.remaining_seconds ?? 0 });
+        break;
+      case "session.timeout":
+        this.disconnect();
+        break;
+      // ── Tool events (server-side LLM) ──
+      case "llm.tool_call": {
+        if (d2.tool_calls?.length) {
+          this.setMessages((prev) => [
+            ...prev,
+            ...d2.tool_calls.map((tc) => ({
+              id: Date.now() + Math.random(),
+              role: "system",
+              text: `\u{1F527} Using ${tc.name}\u2026`,
+              toolCallId: tc.id
+            }))
+          ]);
+          const tracked = this.opts.trackedTools;
+          const newEntries = d2.tool_calls.filter((tc) => !tracked || tracked.includes(tc.name)).map((tc) => {
+            let args = {};
+            try {
+              args = typeof tc.arguments === "string" ? JSON.parse(tc.arguments) : tc.arguments ?? {};
+            } catch {
+            }
+            return {
+              toolCallId: tc.id,
+              name: tc.name,
+              arguments: args,
+              timestamp: Date.now()
+            };
+          });
+          if (newEntries.length) {
+            this.setState({
+              toolCalls: [...this.state.toolCalls, ...newEntries]
+            });
+          }
+        }
+        break;
+      }
+      case "llm.tool_result": {
+        if (d2.tool_call_id) {
+          const sysMsg = this.state.messages.find(
+            (m2) => m2.toolCallId === d2.tool_call_id
+          );
+          const toolName = (d2.name || sysMsg?.text?.match(/Using (\S+)/)?.[1] || "Tool").replace(/…$/, "");
+          this.setMessages(
+            (prev2) => prev2.map(
+              (m2) => m2.toolCallId === d2.tool_call_id ? { ...m2, text: `\u2713 ${toolName}` } : m2
+            )
+          );
+          const prev = this.state.toolCalls;
+          const idx = prev.findIndex(
+            (t2) => t2.toolCallId === d2.tool_call_id
+          );
+          if (idx >= 0) {
+            let parsed = d2.result;
+            if (typeof parsed === "string") {
+              try {
+                parsed = JSON.parse(parsed);
+              } catch {
+              }
+            }
+            const updated = prev.map(
+              (t2, i) => i === idx ? { ...t2, result: parsed } : t2
+            );
+            this.setState({ toolCalls: updated });
+          }
+        }
+        break;
+      }
+    }
+    this.dispatchEvent(new CustomEvent("event", { detail: d2 }));
+  }
+  disconnect() {
+    this.cleanup();
+    this.setState({ status: "idle" });
+  }
+  toggleMute() {
+    this.setMuted(!this.state.isMuted);
+  }
+  setMuted(muted) {
+    const stream = this.stream;
+    if (!stream) return;
+    stream.getAudioTracks().forEach((t2) => {
+      t2.enabled = !muted;
+    });
+    const dc = this.dc;
+    if (dc && dc.readyState === "open") {
+      dc.send(JSON.stringify({ action: muted ? "mute" : "unmute" }));
+    }
+    this.setState({ isMuted: muted });
+  }
+  /**
+   * Send a configuration update via DataChannel during an active call.
+   * Use this for mid-call language/voice/STT switching.
+   *
+   * @example
+   * ```ts
+   * session.configure({ voice: "coral", stt: "deepgram", language: "es" });
+   * ```
+   */
+  configure(config) {
+    const dc = this.dc;
+    if (dc && dc.readyState === "open") {
+      dc.send(JSON.stringify({ action: "configure", ...config }));
+    }
+  }
+  /**
+   * Inject text into the conversation as if the user spoke it.
+   *
+   * Use this for click-based interactions in tool UIs (e.g., selecting a
+   * calendar slot). The server routes the text to the LLM, producing the
+   * same effect as the user speaking.
+   *
+   * @example
+   * ```ts
+   * session.sendText("I'd like the 10:00 AM slot");
+   * ```
+   */
+  sendText(text) {
+    const dc = this.dc;
+    if (dc && dc.readyState === "open") {
+      dc.send(JSON.stringify({ action: "inject_text", text }));
+    }
+  }
+  /**
+   * Remove a tool UI entry from state.
+   *
+   * Call this after the user interacts with a tool UI (e.g., selects a slot)
+   * to dismiss the rendered component from the transcript.
+   */
+  dismissTool(toolCallId) {
+    this.setState({
+      toolCalls: this.state.toolCalls.filter(
+        (t2) => t2.toolCallId !== toolCallId
+      )
+    });
+  }
+  /**
+   * Set or clear a keyed context block in the LLM system prompt.
+   *
+   * Use this to inject dynamic UI state (form data, selections, etc.)
+   * into the agent's prompt so it can see what the user is doing on screen.
+   * Each key is a named section — setting the same key replaces its value.
+   * Pass `null` to remove a context key.
+   *
+   * @example
+   * ```ts
+   * // Inject form state so the agent sees what's filled
+   * session.setContext("contact_form", JSON.stringify({
+   *   name: "John",
+   *   email: "john@example.com",
+   *   phone: "",
+   * }));
+   *
+   * // Clear when form is submitted
+   * session.setContext("contact_form", null);
+   * ```
+   */
+  setContext(key, value) {
+    const dc = this.dc;
+    if (dc && dc.readyState === "open") {
+      dc.send(JSON.stringify({ action: "set_context", key, value }));
+    }
+  }
+  /**
+   * Update session options before the next `connect()` call.
+   * Has no effect on an already-connected session — use `configure()` for that.
+   */
+  updateOptions(patch) {
+    if (patch.config !== void 0) {
+      this.opts = { ...this.opts, config: patch.config };
+    }
+    if (patch.metadata !== void 0) {
+      this.opts = { ...this.opts, metadata: patch.metadata };
+    }
+  }
+  /** Tear down the session and clear subscribers. After this, do not reuse. */
+  destroy() {
+    this.cleanup();
+    this.setState({ status: "idle" });
+    this.listeners.clear();
+  }
+};
+
+// src/widget/useVoiceSession.ts
+function useVoiceSession(opts) {
+  const [session] = react.useState(() => new VoiceSession(opts));
+  const state = react.useSyncExternalStore(
+    react.useCallback((cb) => session.subscribe(cb), [session]),
+    () => session.getState(),
+    () => session.getState()
+  );
+  react.useEffect(() => {
+    return () => {
+      session.destroy();
+    };
+  }, [session]);
+  const connect = react.useCallback(() => session.connect(), [session]);
+  const disconnect = react.useCallback(() => session.disconnect(), [session]);
+  const toggleMute = react.useCallback(() => session.toggleMute(), [session]);
+  const setMuted = react.useCallback(
+    (muted) => session.setMuted(muted),
+    [session]
+  );
+  const configure = react.useCallback(
+    (config) => session.configure(config),
+    [session]
+  );
+  const updateOptions = react.useCallback(
+    (patch) => session.updateOptions(patch),
+    [session]
+  );
+  const sendText = react.useCallback(
+    (text) => session.sendText(text),
+    [session]
+  );
+  const dismissTool = react.useCallback(
+    (toolCallId) => session.dismissTool(toolCallId),
+    [session]
+  );
+  const setContext = react.useCallback(
+    (key, value) => session.setContext(key, value),
+    [session]
+  );
+  return {
+    ...state,
+    connect,
+    disconnect,
+    toggleMute,
+    setMuted,
+    configure,
+    updateOptions,
+    sendText,
+    dismissTool,
+    setContext
+  };
+}
+
+// src/widget/styles.ts
+var WIDGET_CSS = (
+  /* css */
+  `
+/* \u2500\u2500 Container + CSS custom-property defaults \u2500\u2500 */
+.vw-wrap {
+  /* \u2500\u2500 Orb idle gradient (RGB triplets) \u2500\u2500 */
+  --vw-orb-from: 255, 255, 255;
+  --vw-orb-mid: 240, 238, 231;
+  --vw-orb-to: 184, 181, 168;
+
+  /* \u2500\u2500 State colors (RGB triplets) \u2500\u2500 */
+  --vw-color-connecting: 245, 158, 11;
+  --vw-color-active: 76, 175, 80;
+  --vw-color-user-speaking: 52, 211, 153;
+  --vw-color-speaking: 248, 113, 113;
+  --vw-color-thinking: 139, 92, 246;
+  --vw-color-warning: 255, 160, 0;
+  --vw-color-accent: 124, 58, 237;
+  --vw-ring-color: 216, 65, 44;
+
+  /* \u2500\u2500 Panel / bubble (full CSS values) \u2500\u2500 */
+  --vw-panel-bg: rgba(16, 14, 20, .92);
+  --vw-panel-border: rgba(255, 255, 255, .08);
+  --vw-bubble-bot-bg: rgba(18, 16, 22, .9);
+  --vw-bubble-bot-color: #e8e4f0;
+  --vw-bubble-user-color: #e0d4f7;
+  --vw-label-bg: #181818;
+  --vw-label-color: #fff;
+
+  position: fixed;
+  right: 28px;
+  bottom: 28px;
+  z-index: 100;
+  overflow: visible;
+}
+
+/* \u2500\u2500 Orb \u2500\u2500 */
+.vw-orb {
+  width: 64px;
+  height: 64px;
+  border-radius: 999px;
+  background:
+    radial-gradient(circle at 30% 30%,
+      rgb(var(--vw-orb-from)),
+      rgb(var(--vw-orb-mid)) 35%,
+      rgba(var(--vw-orb-to), .85) 70%,
+      rgb(var(--vw-orb-to)));
+  box-shadow:
+    0 1px 0 rgba(255, 255, 255, .9) inset,
+    0 -10px 24px rgba(var(--vw-ring-color), .15) inset,
+    0 14px 40px -10px rgba(0, 0, 0, .25),
+    0 0 0 1px rgba(0, 0, 0, .06);
+  cursor: pointer;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform .2s ease;
+}
+
+.vw-orb:hover { transform: scale(1.04); }
+
+.vw-orb::after {
+  content: "";
+  position: absolute;
+  inset: -8px;
+  border-radius: 999px;
+  border: 1px solid rgba(var(--vw-ring-color), .2);
+  animation: vw-breathe 3.2s ease-in-out infinite;
+}
+
+.vw-orb::before {
+  content: "";
+  position: absolute;
+  inset: -16px;
+  border-radius: 999px;
+  border: 1px solid rgba(var(--vw-ring-color), .08);
+  animation: vw-breathe 3.2s ease-in-out .5s infinite;
+}
+
+@keyframes vw-breathe {
+  0%, 100% { transform: scale(1); opacity: .9; }
+  50% { transform: scale(1.08); opacity: .3; }
+}
+
+/* \u2500\u2500 Label tooltip \u2500\u2500 */
+.vw-label {
+  position: absolute;
+  right: 76px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: var(--vw-label-bg);
+  color: var(--vw-label-color);
+  padding: 8px 12px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity .2s, transform .2s;
+  font-variant-numeric: tabular-nums;
+}
+
+.vw-wrap:hover .vw-label { opacity: 1; transform: translateY(-50%) translateX(-2px); }
+.vw-wrap.is-live .vw-label { display: none; }
+
+/* \u2500\u2500 State: connecting \u2500\u2500 */
+.vw-orb.connecting {
+  background: radial-gradient(circle at 30% 30%, #fff,
+    rgba(var(--vw-color-connecting), .35) 35%,
+    rgba(var(--vw-color-connecting), .7) 70%,
+    rgba(var(--vw-color-connecting), 1));
+  animation: vw-breathe 1s ease-in-out infinite;
+}
+.vw-orb.connecting::after,
+.vw-orb.connecting::before { border-color: rgba(var(--vw-color-connecting), .25); }
+
+/* \u2500\u2500 State: active \u2500\u2500 */
+.vw-orb.active {
+  background: radial-gradient(circle at 30% 30%, #fff,
+    rgba(var(--vw-color-active), .15) 35%,
+    rgba(var(--vw-color-active), .3) 70%,
+    rgba(var(--vw-color-active), .5));
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset,
+    0 14px 40px -10px rgba(0, 0, 0, .2),
+    0 0 20px rgba(var(--vw-color-active), .15);
+}
+.vw-orb.active::after,
+.vw-orb.active::before { border-color: rgba(var(--vw-color-active), .2); }
+
+/* \u2500\u2500 State: user speaking \u2500\u2500 */
+.vw-orb.user-speaking {
+  background: radial-gradient(circle at 30% 30%, #fff,
+    rgba(var(--vw-color-user-speaking), .35) 35%,
+    rgba(var(--vw-color-user-speaking), .7) 70%,
+    rgba(var(--vw-color-user-speaking), 1));
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset,
+    0 14px 40px -10px rgba(0, 0, 0, .2),
+    0 0 30px rgba(var(--vw-color-user-speaking), .3);
+}
+.vw-orb.user-speaking::after,
+.vw-orb.user-speaking::before { border-color: rgba(var(--vw-color-user-speaking), .3); }
+
+/* \u2500\u2500 State: agent speaking \u2500\u2500 */
+.vw-orb.speaking {
+  background: radial-gradient(circle at 30% 30%, #fff,
+    rgba(var(--vw-color-speaking), .35) 35%,
+    rgba(var(--vw-color-speaking), .7) 70%,
+    rgba(var(--vw-color-speaking), 1));
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset,
+    0 14px 40px -10px rgba(0, 0, 0, .2),
+    0 0 30px rgba(var(--vw-color-speaking), .3);
+  animation: vw-speak-pulse .8s ease-in-out infinite;
+}
+.vw-orb.speaking::after,
+.vw-orb.speaking::before { border-color: rgba(var(--vw-color-speaking), .3); }
+
+@keyframes vw-speak-pulse {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.06); }
+}
+
+/* \u2500\u2500 State: thinking \u2500\u2500 */
+.vw-orb.thinking {
+  background: radial-gradient(circle at 30% 30%, #fff,
+    rgba(var(--vw-color-thinking), .35) 35%,
+    rgba(var(--vw-color-thinking), .7) 70%,
+    rgba(var(--vw-color-thinking), 1));
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset,
+    0 14px 40px -10px rgba(0, 0, 0, .2),
+    0 0 24px rgba(var(--vw-color-thinking), .25);
+  animation: vw-think-pulse 1.6s ease-in-out infinite;
+}
+.vw-orb.thinking::after,
+.vw-orb.thinking::before { border-color: rgba(var(--vw-color-thinking), .25); }
+
+@keyframes vw-think-pulse {
+  0%, 100% { transform: scale(1); opacity: 1; }
+  50% { transform: scale(1.03); opacity: .85; }
+}
+
+/* \u2500\u2500 State: idle warning \u2500\u2500 */
+.vw-orb.idle-warning {
+  background: radial-gradient(circle at 30% 30%, #fff,
+    rgba(var(--vw-color-warning), .35) 35%,
+    rgba(var(--vw-color-warning), .7) 70%,
+    rgba(var(--vw-color-warning), 1));
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset,
+    0 14px 40px -10px rgba(0, 0, 0, .2),
+    0 0 30px rgba(var(--vw-color-warning), .35);
+  animation: vw-warning-blink .6s ease-in-out infinite;
+}
+.vw-orb.idle-warning::after,
+.vw-orb.idle-warning::before { border-color: rgba(var(--vw-color-warning), .4); }
+
+@keyframes vw-warning-blink {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50% { opacity: .55; transform: scale(.96); }
+}
+
+/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+   SPEECH BUBBLE \u2014 single bubble floating above orb
+   Like Apple notification banners \u2014 floats to the left
+   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+
+.vw-bubble {
+  position: absolute;
+  bottom: 12px;
+  right: 76px;
+  width: max-content;
+  max-width: 300px;
+  min-width: 120px;
+  padding: 10px 16px;
+  font-size: 13.5px;
+  line-height: 1.5;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  word-break: break-word;
+  animation: vw-bubble-in .2s ease-out;
+  pointer-events: none;
+  z-index: 1;
+}
+
+/* Tail pointer \u2192 points right toward the orb */
+.vw-bubble::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  right: -6px;
+  margin-top: -6px;
+  width: 12px;
+  height: 12px;
+  transform: rotate(45deg);
+  border-radius: 0 3px 0 0;
+}
+
+@keyframes vw-bubble-in {
+  from { opacity: 0; transform: translateY(8px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+/* User bubble \u2014 accent glass */
+.vw-bubble.vw-bubble--user {
+  background: rgba(var(--vw-color-accent), .15);
+  border: 1px solid rgba(var(--vw-color-accent), .25);
+  color: var(--vw-bubble-user-color);
+  border-radius: 14px 14px 4px 14px;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  box-shadow: 0 8px 32px -8px rgba(var(--vw-color-accent), .2);
+}
+.vw-bubble.vw-bubble--user::after {
+  background: rgba(var(--vw-color-accent), .15);
+  border-top: 1px solid rgba(var(--vw-color-accent), .25);
+  border-right: 1px solid rgba(var(--vw-color-accent), .25);
+}
+
+.vw-bubble.vw-bubble--user.vw-interim {
+  opacity: .5;
+  border-style: dashed;
+}
+.vw-bubble.vw-bubble--user.vw-interim::after {
+  border-style: dashed;
+}
+
+/* Bot bubble \u2014 dark frosted glass */
+.vw-bubble.vw-bubble--bot {
+  background: var(--vw-bubble-bot-bg);
+  border: 1px solid rgba(255, 255, 255, .1);
+  color: var(--vw-bubble-bot-color);
+  border-radius: 14px 14px 14px 4px;
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  box-shadow: 0 8px 32px -8px rgba(0, 0, 0, .4);
+}
+.vw-bubble.vw-bubble--bot::after {
+  background: var(--vw-bubble-bot-bg);
+  border-top: 1px solid rgba(255, 255, 255, .1);
+  border-right: 1px solid rgba(255, 255, 255, .1);
+}
+
+.vw-bubble.vw-bubble--bot.vw-speaking {
+  border-color: rgba(var(--vw-color-speaking), .25);
+  box-shadow: 0 8px 32px -8px rgba(var(--vw-color-speaking), .15);
+}
+.vw-bubble.vw-bubble--bot.vw-speaking::after {
+  border-color: rgba(var(--vw-color-speaking), .25);
+}
+
+.vw-bubble.vw-bubble--bot.vw-interrupted {
+  opacity: .45;
+  text-decoration: line-through;
+  text-decoration-color: rgba(255, 107, 178, .4);
+}
+
+/* Typing dots */
+.vw-dots { display: inline-flex; gap: 4px; align-items: center; height: 18px; }
+.vw-dots span {
+  width: 5px; height: 5px; border-radius: 999px;
+  background: rgba(255, 255, 255, .35);
+  animation: vw-dot-bounce .6s ease-in-out infinite;
+}
+.vw-dots span:nth-child(2) { animation-delay: .12s; }
+.vw-dots span:nth-child(3) { animation-delay: .24s; }
+
+@keyframes vw-dot-bounce {
+  0%, 100% { transform: translateY(0); opacity: .3; }
+  50% { transform: translateY(-4px); opacity: 1; }
+}
+
+/* Tool indicator \u2014 shown during tool execution */
+.vw-tool-indicator {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  color: rgba(var(--vw-color-thinking), 1);
+}
+.vw-tool-indicator .vw-tool-icon { font-size: 14px; }
+.vw-tool-indicator .vw-tool-name {
+  opacity: .85;
+  font-weight: 500;
+  letter-spacing: .01em;
+}
+.vw-tool-indicator .vw-dots { height: 14px; }
+.vw-tool-indicator .vw-dots span {
+  width: 4px; height: 4px;
+  background: rgba(var(--vw-color-thinking), .6);
+}
+
+/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+   TRANSCRIPT PANEL \u2014 expandable conversation view
+   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+
+.vw-tp-btn {
+  position: absolute;
+  right: 72px;
+  bottom: 16px;
+  width: 32px;
+  height: 32px;
+  border-radius: 999px;
+  border: 1px solid rgba(255, 255, 255, .1);
+  background: rgba(24, 24, 24, .8);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  color: rgba(255, 255, 255, .6);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all .15s;
+  font-size: 14px;
+  z-index: 2;
+}
+
+.vw-tp-btn:hover {
+  border-color: rgba(255, 255, 255, .25);
+  color: #fff;
+  transform: scale(1.08);
+}
+
+/* Panel */
+.vw-tp {
+  position: absolute;
+  right: 0;
+  bottom: 80px;
+  width: 320px;
+  max-height: 400px;
+  background: var(--vw-panel-bg);
+  border: 1px solid var(--vw-panel-border);
+  border-radius: 16px;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  box-shadow: 0 20px 60px -15px rgba(0, 0, 0, .5);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  animation: vw-panel-in .2s ease-out;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  z-index: 3;
+}
+
+@keyframes vw-panel-in {
+  from { opacity: 0; transform: translateY(10px) scale(.97); }
+  to   { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+/* Panel header */
+.vw-tp-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid rgba(255, 255, 255, .06);
+}
+
+.vw-tp-title {
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: .06em;
+  text-transform: uppercase;
+  color: rgba(255, 255, 255, .5);
+}
+
+.vw-tp-close {
+  width: 22px; height: 22px;
+  border-radius: 999px;
+  border: 1px solid rgba(255, 255, 255, .1);
+  background: transparent;
+  color: rgba(255, 255, 255, .4);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  transition: all .15s;
+}
+.vw-tp-close:hover { border-color: rgba(255, 255, 255, .3); color: #fff; }
+
+/* Panel body \u2014 scrollable */
+.vw-tp-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 12px 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255,255,255,.08) transparent;
+}
+.vw-tp-body::-webkit-scrollbar { width: 4px; }
+.vw-tp-body::-webkit-scrollbar-track { background: transparent; }
+.vw-tp-body::-webkit-scrollbar-thumb { background: rgba(255,255,255,.1); border-radius: 4px; }
+
+/* Message in panel */
+.vw-tp-msg {
+  max-width: 85%;
+  padding: 8px 12px;
+  border-radius: 12px;
+  font-size: 13px;
+  line-height: 1.45;
+  animation: vw-bubble-in .15s ease-out;
+}
+
+.vw-tp-msg--user {
+  align-self: flex-end;
+  background: rgba(var(--vw-color-accent), .15);
+  border: 1px solid rgba(var(--vw-color-accent), .2);
+  color: var(--vw-bubble-user-color);
+  border-radius: 12px 12px 4px 12px;
+}
+
+.vw-tp-msg--user.vw-interim {
+  opacity: .5;
+  border-style: dashed;
+}
+
+.vw-tp-msg--bot {
+  align-self: flex-start;
+  background: rgba(255, 255, 255, .04);
+  border: 1px solid rgba(255, 255, 255, .06);
+  color: #d4d0e0;
+  border-radius: 12px 12px 12px 4px;
+}
+
+.vw-tp-msg--bot.vw-speaking {
+  border-color: rgba(var(--vw-color-speaking), .15);
+}
+
+.vw-tp-msg--bot.vw-interrupted {
+  opacity: .45;
+}
+
+.vw-tp-msg--system {
+  align-self: center;
+  max-width: 90%;
+  background: rgba(255, 255, 255, .03);
+  border: 1px solid rgba(255, 255, 255, .06);
+  color: rgba(255, 255, 255, .4);
+  border-radius: 8px;
+  font-size: 11.5px;
+  padding: 5px 12px;
+  text-align: center;
+  letter-spacing: .02em;
+}
+
+/* Empty state */
+.vw-tp-empty {
+  text-align: center;
+  color: rgba(255, 255, 255, .25);
+  font-size: 12px;
+  padding: 40px 20px;
+  letter-spacing: .02em;
+}
+
+/* Tool UI \u2014 rendered inline in transcript */
+.vw-tp-tool {
+  padding: 4px 0;
+  animation: vw-bubble-in .2s ease-out;
+}
+
+/* \u2500\u2500 Mobile \u2500\u2500 */
+@media (max-width: 768px) {
+  .vw-wrap { right: 16px; bottom: 16px; }
+  .vw-orb { width: 52px; height: 52px; }
+  .vw-label { display: none; }
+  .vw-bubble { bottom: 68px; max-width: 220px; font-size: 12px; }
+  .vw-tp { width: 280px; max-height: 320px; bottom: 68px; }
+  .vw-tp-btn { right: 60px; }
+  .vw-lang-bar { bottom: 64px; }
+}
+
+/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+   LANGUAGE SELECTOR \u2014 pill bar above the orb
+   Hidden by default, shown on hover or during active call
+   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+
+.vw-lang-bar {
+  position: absolute;
+  bottom: 76px;
+  right: 0;
+  display: flex;
+  gap: 4px;
+  padding: 4px;
+  background: rgba(16, 14, 20, .75);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border: 1px solid rgba(255, 255, 255, .08);
+  border-radius: 999px;
+  z-index: 2;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+
+  /* Hidden by default \u2014 revealed on hover */
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(4px);
+  transition: opacity .2s ease, transform .2s ease;
+}
+
+/* Show on hover (pre-call) */
+.vw-wrap:hover .vw-lang-bar {
+  opacity: 1;
+  pointer-events: auto;
+  transform: translateY(0);
+}
+
+/* Always visible during active call */
+.vw-wrap.is-live .vw-lang-bar {
+  opacity: 1;
+  pointer-events: auto;
+  transform: translateY(0);
+}
+
+.vw-lang-pill {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 5px 10px;
+  border-radius: 999px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: rgba(255, 255, 255, .5);
+  font-size: 11px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all .15s ease;
+  white-space: nowrap;
+  letter-spacing: .02em;
+}
+
+.vw-lang-pill:hover {
+  color: rgba(255, 255, 255, .8);
+  background: rgba(255, 255, 255, .06);
+}
+
+.vw-lang-pill--active {
+  background: rgba(var(--vw-color-accent), .2);
+  border-color: rgba(var(--vw-color-accent), .3);
+  color: #fff;
+  font-weight: 600;
+}
+
+.vw-lang-pill--active:hover {
+  background: rgba(var(--vw-color-accent), .25);
+}
+
+.vw-lang-flag {
+  font-size: 14px;
+  line-height: 1;
+}
+
+.vw-lang-code {
+  line-height: 1;
+}
+`
+);
+
+// src/widget/presets.ts
+var dark = {
+  orbFrom: "255, 255, 255",
+  orbMid: "240, 238, 231",
+  orbTo: "184, 181, 168",
+  colorConnecting: "245, 158, 11",
+  colorActive: "76, 175, 80",
+  colorUserSpeaking: "52, 211, 153",
+  colorSpeaking: "248, 113, 113",
+  colorThinking: "139, 92, 246",
+  colorWarning: "255, 160, 0",
+  colorAccent: "124, 58, 237",
+  ringColor: "216, 65, 44",
+  panelBg: "rgba(16, 14, 20, .92)",
+  panelBorder: "rgba(255, 255, 255, .08)",
+  bubbleBotBg: "rgba(18, 16, 22, .9)",
+  bubbleBotColor: "#e8e4f0",
+  bubbleUserColor: "#e0d4f7",
+  labelBg: "#181818",
+  labelColor: "#fff"
+};
+var midnight = {
+  orbFrom: "190, 210, 255",
+  orbMid: "90, 120, 200",
+  orbTo: "40, 55, 130",
+  colorConnecting: "100, 180, 255",
+  colorActive: "60, 200, 180",
+  colorUserSpeaking: "80, 220, 200",
+  colorSpeaking: "140, 160, 255",
+  colorThinking: "100, 120, 240",
+  colorWarning: "255, 180, 60",
+  colorAccent: "100, 140, 255",
+  ringColor: "70, 110, 210",
+  panelBg: "rgba(10, 15, 35, .94)",
+  panelBorder: "rgba(100, 140, 255, .12)",
+  bubbleBotBg: "rgba(15, 20, 45, .92)",
+  bubbleBotColor: "#c8d0f0",
+  bubbleUserColor: "#b8c8ff",
+  labelBg: "rgba(15, 20, 40, .92)",
+  labelColor: "#c8d4ff"
+};
+var aurora = {
+  orbFrom: "170, 255, 215",
+  orbMid: "60, 190, 150",
+  orbTo: "20, 130, 90",
+  colorConnecting: "255, 200, 60",
+  colorActive: "50, 220, 140",
+  colorUserSpeaking: "100, 240, 180",
+  colorSpeaking: "180, 100, 255",
+  colorThinking: "140, 80, 220",
+  colorWarning: "255, 200, 60",
+  colorAccent: "50, 200, 140",
+  ringColor: "40, 170, 110",
+  panelBg: "rgba(8, 20, 14, .94)",
+  panelBorder: "rgba(50, 200, 140, .1)",
+  bubbleBotBg: "rgba(10, 25, 18, .92)",
+  bubbleBotColor: "#c0ecd4",
+  bubbleUserColor: "#a8e8c4",
+  labelBg: "rgba(10, 24, 16, .92)",
+  labelColor: "#a8e8c4"
+};
+var sunset = {
+  orbFrom: "255, 215, 190",
+  orbMid: "235, 140, 90",
+  orbTo: "195, 70, 50",
+  colorConnecting: "255, 180, 60",
+  colorActive: "240, 160, 80",
+  colorUserSpeaking: "255, 200, 100",
+  colorSpeaking: "255, 100, 80",
+  colorThinking: "240, 140, 100",
+  colorWarning: "255, 180, 40",
+  colorAccent: "240, 120, 60",
+  ringColor: "215, 95, 45",
+  panelBg: "rgba(25, 12, 8, .94)",
+  panelBorder: "rgba(240, 120, 60, .1)",
+  bubbleBotBg: "rgba(30, 16, 10, .92)",
+  bubbleBotColor: "#f0d4c0",
+  bubbleUserColor: "#ffd8b4",
+  labelBg: "rgba(28, 14, 10, .92)",
+  labelColor: "#f0d0b0"
+};
+var light = {
+  orbFrom: "255, 255, 255",
+  orbMid: "225, 230, 245",
+  orbTo: "190, 200, 225",
+  colorConnecting: "230, 140, 10",
+  colorActive: "34, 150, 60",
+  colorUserSpeaking: "20, 170, 110",
+  colorSpeaking: "210, 50, 50",
+  colorThinking: "100, 60, 200",
+  colorWarning: "230, 140, 10",
+  colorAccent: "80, 40, 200",
+  ringColor: "100, 120, 200",
+  panelBg: "rgba(255, 255, 255, .95)",
+  panelBorder: "rgba(0, 0, 0, .08)",
+  bubbleBotBg: "rgba(245, 245, 250, .95)",
+  bubbleBotColor: "#2a2a3a",
+  bubbleUserColor: "#3a2a5a",
+  labelBg: "rgba(255, 255, 255, .92)",
+  labelColor: "#333"
+};
+var PRESETS = {
+  dark,
+  midnight,
+  aurora,
+  sunset,
+  light
+};
+var VoiceContext = react.createContext(null);
+function useVoice() {
+  const ctx = react.useContext(VoiceContext);
+  if (!ctx) throw new Error("useVoice() must be used inside <VoiceWidget>");
+  return ctx;
+}
+var THEME_VAR_MAP = {
+  orbFrom: "--vw-orb-from",
+  orbMid: "--vw-orb-mid",
+  orbTo: "--vw-orb-to",
+  colorConnecting: "--vw-color-connecting",
+  colorActive: "--vw-color-active",
+  colorUserSpeaking: "--vw-color-user-speaking",
+  colorSpeaking: "--vw-color-speaking",
+  colorThinking: "--vw-color-thinking",
+  colorWarning: "--vw-color-warning",
+  colorAccent: "--vw-color-accent",
+  ringColor: "--vw-ring-color",
+  panelBg: "--vw-panel-bg",
+  panelBorder: "--vw-panel-border",
+  bubbleBotBg: "--vw-bubble-bot-bg",
+  bubbleBotColor: "--vw-bubble-bot-color",
+  bubbleUserColor: "--vw-bubble-user-color",
+  labelBg: "--vw-label-bg",
+  labelColor: "--vw-label-color"
+};
+function fmt(s) {
+  return `${Math.floor(s / 60)}:${(s % 60).toString().padStart(2, "0")}`;
+}
+function Dots() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vw-dots", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+    /* @__PURE__ */ jsxRuntime.jsx("span", {})
+  ] });
+}
+function ThinkingIndicator({ toolCalls }) {
+  const pending = toolCalls.find((tc) => tc.result === void 0);
+  if (pending) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vw-tool-indicator", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-tool-icon", children: "\u{1F527}" }),
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-tool-name", children: pending.name }),
+      /* @__PURE__ */ jsxRuntime.jsx(Dots, {})
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Dots, {});
+}
+function VoiceWidget({
+  agent,
+  server,
+  name = "Agent",
+  label,
+  config: userConfig,
+  metadata,
+  className,
+  preset = "dark",
+  theme,
+  onStatusChange,
+  tools,
+  trackedTools: trackedToolsProp,
+  languages,
+  defaultLanguage,
+  onLanguageChange,
+  tokenProvider,
+  children
+}) {
+  const hasLanguages = languages && Object.keys(languages).length >= 2;
+  const langKeys = hasLanguages ? Object.keys(languages) : [];
+  const initialLang = defaultLanguage || (langKeys[0] ?? "");
+  const [selectedLang, setSelectedLang] = react.useState(initialLang);
+  const mergedConfig = react.useMemo(() => {
+    const langPreset = languages?.[selectedLang];
+    const langConfig = {};
+    if (langPreset?.voice) langConfig.voice = langPreset.voice;
+    if (langPreset?.stt) langConfig.stt = langPreset.stt;
+    if (langPreset?.language) langConfig.language = langPreset.language;
+    return { ...langConfig, ...userConfig };
+  }, [selectedLang, languages, userConfig]);
+  const trackedTools = react.useMemo(
+    () => trackedToolsProp ?? (tools ? Object.keys(tools) : void 0),
+    [tools, trackedToolsProp]
+  );
+  const session = useVoiceSession({
+    server,
+    agent,
+    config: Object.keys(mergedConfig).length > 0 ? mergedConfig : void 0,
+    metadata,
+    trackedTools,
+    tokenProvider
+  });
+  const [panelOpen, setPanelOpen] = react.useState(false);
+  const themeStyle = react.useMemo(() => {
+    const base = PRESETS[preset] ?? PRESETS.dark;
+    const merged = { ...base, ...theme };
+    const vars = {};
+    for (const [key, cssVar] of Object.entries(THEME_VAR_MAP)) {
+      const val = merged[key];
+      if (val !== void 0) vars[cssVar] = val;
+    }
+    return Object.keys(vars).length > 0 ? vars : void 0;
+  }, [preset, theme]);
+  const scrollRef = react.useRef(null);
+  react.useEffect(() => {
+    if (document.getElementById("vw-styles")) return;
+    const el = document.createElement("style");
+    el.id = "vw-styles";
+    el.textContent = WIDGET_CSS;
+    document.head.appendChild(el);
+  }, []);
+  react.useEffect(() => {
+    onStatusChange?.(session.status);
+  }, [session.status, onStatusChange]);
+  react.useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
+  }, [session.messages, session.toolCalls]);
+  react.useEffect(() => {
+    if (!tools) return;
+    const hasRenderable = session.toolCalls.some(
+      (tc) => tc.result !== void 0 && tools[tc.name]
+    );
+    if (hasRenderable && !panelOpen) {
+      setPanelOpen(true);
+    }
+  }, [session.toolCalls, tools]);
+  const handleLanguageChange = react.useCallback(
+    (lang) => {
+      if (lang === selectedLang) return;
+      setSelectedLang(lang);
+      const preset2 = languages?.[lang];
+      if (!preset2) return;
+      const cfg = {};
+      if (preset2.voice) cfg.voice = preset2.voice;
+      if (preset2.stt) cfg.stt = preset2.stt;
+      if (preset2.language) cfg.language = preset2.language;
+      if (session.status === "connected" && Object.keys(cfg).length > 0) {
+        session.configure(cfg);
+      } else {
+        session.updateOptions({ config: { ...cfg, ...userConfig } });
+      }
+      onLanguageChange?.(lang, preset2);
+    },
+    [selectedLang, languages, session, userConfig, onLanguageChange]
+  );
+  const handleClick = react.useCallback(async () => {
+    if (session.status === "connected") {
+      session.disconnect();
+      setPanelOpen(false);
+    } else if (session.status === "idle" || session.status === "error") {
+      await session.connect();
+    }
+  }, [session]);
+  const isActive = session.status === "connected";
+  const idleLabel = label || `Talk to ${name}`;
+  const orbState = session.agentSpeaking ? "speaking" : session.userSpeaking ? "user-speaking" : session.phase === "thinking" ? "thinking" : session.idleWarning != null ? "idle-warning" : isActive ? "active" : session.status === "connecting" ? "connecting" : "";
+  const statusLabel = (() => {
+    if (session.status === "connecting") return "Connecting";
+    if (session.status === "error") return session.error || "Connection failed";
+    if (!isActive) return idleLabel;
+    return `${name} \xB7 ${fmt(session.duration)}`;
+  })();
+  const hasPendingTools = session.toolCalls.some((tc) => tc.result === void 0);
+  const activeBubble = [...session.messages].reverse().find(
+    (m2) => m2.role === "user" || m2.role === "bot" && (m2.text || hasPendingTools)
+  );
+  const showBubble = isActive && activeBubble && !panelOpen;
+  const showTranscriptBtn = isActive && session.messages.length > 0;
+  const widget = /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `vw-wrap ${isActive ? "is-live" : ""} ${className || ""}`,
+      style: themeStyle,
+      children: [
+        hasLanguages && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-lang-bar", children: langKeys.map((key) => {
+          const lp = languages[key];
+          const isSelected = key === selectedLang;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              className: `vw-lang-pill ${isSelected ? "vw-lang-pill--active" : ""}`,
+              onClick: () => handleLanguageChange(key),
+              "aria-label": lp.label || key,
+              "aria-pressed": isSelected,
+              children: [
+                lp.flag && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-lang-flag", children: lp.flag }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-lang-code", children: lp.label || key.toUpperCase() })
+              ]
+            },
+            key
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-label", children: statusLabel }),
+        showBubble && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `vw-bubble ${activeBubble.role === "user" ? "vw-bubble--user" : "vw-bubble--bot"} ${activeBubble.isInterim ? "vw-interim" : ""} ${activeBubble.speaking ? "vw-speaking" : ""} ${activeBubble.interrupted ? "vw-interrupted" : ""}`,
+            children: activeBubble.text || /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicator, { toolCalls: session.toolCalls })
+          },
+          activeBubble.id
+        ),
+        showTranscriptBtn && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: "vw-tp-btn",
+            onClick: () => setPanelOpen((p) => !p),
+            "aria-label": panelOpen ? "Close transcript" : "Open transcript",
+            children: panelOpen ? "\u2715" : "\u2630"
+          }
+        ),
+        panelOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-tp", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-tp-head", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-tp-title", children: [
+              "Transcript \xB7 ",
+              fmt(session.duration)
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: "vw-tp-close",
+                onClick: () => setPanelOpen(false),
+                children: "\u2715"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-tp-body", ref: scrollRef, children: [
+            session.messages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-tp-empty", children: "Waiting for conversation\u2026" }) : session.messages.map((msg) => /* @__PURE__ */ jsxRuntime.jsx(TranscriptMsg, { msg, toolCalls: session.toolCalls }, msg.id)),
+            tools && session.toolCalls.filter((tc) => tc.result !== void 0 && tools[tc.name]).map((tc) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-tp-tool", children: tools[tc.name](
+              tc.result,
+              {
+                respond: (text) => {
+                  session.sendText(text);
+                  session.dismissTool(tc.toolCallId);
+                },
+                dismiss: () => session.dismissTool(tc.toolCallId)
+              },
+              tc
+            ) }, tc.toolCallId))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `vw-orb ${orbState}`,
+            role: "button",
+            tabIndex: 0,
+            "aria-label": isActive ? "End call" : idleLabel,
+            onClick: handleClick,
+            onKeyDown: (e) => e.key === "Enter" && handleClick()
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(VoiceContext.Provider, { value: session, children: [
+    widget,
+    children
+  ] });
+}
+function TranscriptMsg({ msg, toolCalls = [] }) {
+  if (msg.role === "system") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-tp-msg vw-tp-msg--system", children: msg.text });
+  }
+  const isUser = msg.role === "user";
+  const hasPending = toolCalls.some((tc) => tc.result === void 0);
+  if (!isUser && !msg.text && (!msg.speaking || hasPending)) return null;
+  const cls = [
+    "vw-tp-msg",
+    isUser ? "vw-tp-msg--user" : "vw-tp-msg--bot",
+    msg.isInterim ? "vw-interim" : "",
+    msg.speaking ? "vw-speaking" : "",
+    msg.interrupted ? "vw-interrupted" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: msg.text || /* @__PURE__ */ jsxRuntime.jsx(ThinkingIndicator, { toolCalls }) });
+}
+
+// src/widget/locales.ts
+var en = {
+  "hub.title": "How would you like to reach us?",
+  "hub.subtitle": "Choose the option that suits you best",
+  "hub.voice": "Talk to {name}",
+  "hub.voiceDesc": "Live voice assistant",
+  "hub.chat": "Chat with {name}",
+  "hub.chatDesc": "Text chat \u2014 ask anything",
+  "hub.whatsapp": "WhatsApp",
+  "hub.whatsappDesc": "Chat with us instantly",
+  "hub.callMe": "Call me",
+  "hub.callMeDesc": "{name} calls you in seconds",
+  "callMe.title": "We'll call you",
+  "callMe.placeholder": "+1 (555) 123-4567",
+  "callMe.submit": "Call me now",
+  "callMe.formNote": "",
+  "callMe.calling": "Calling...",
+  "callMe.ended": "Call ended",
+  "callMe.error": "Could not connect the call",
+  "callMe.back": "Back"
+};
+var es = {
+  "hub.title": "\xBFC\xF3mo prefieres contactarnos?",
+  "hub.subtitle": "Elige la opci\xF3n que m\xE1s te convenga",
+  "hub.voice": "Hablar con {name}",
+  "hub.voiceDesc": "Asistente de voz en vivo",
+  "hub.chat": "Chatear con {name}",
+  "hub.chatDesc": "Chat de texto \u2014 pregunt\xE1 lo que quieras",
+  "hub.whatsapp": "WhatsApp",
+  "hub.whatsappDesc": "Chatea con nosotros al instante",
+  "hub.callMe": "Te llamamos",
+  "hub.callMeDesc": "{name} te llama en segundos",
+  "callMe.title": "Te llamamos",
+  "callMe.placeholder": "+51 987 654 321",
+  "callMe.submit": "Llamarme ahora",
+  "callMe.formNote": "",
+  "callMe.calling": "Llamando...",
+  "callMe.ended": "Llamada finalizada",
+  "callMe.error": "No se pudo conectar la llamada",
+  "callMe.back": "Volver"
+};
+var de = {
+  "hub.title": "Wie m\xF6chten Sie uns erreichen?",
+  "hub.subtitle": "W\xE4hlen Sie die passende Option",
+  "hub.voice": "Mit {name} sprechen",
+  "hub.voiceDesc": "Live-Sprachassistent",
+  "hub.chat": "Mit {name} chatten",
+  "hub.chatDesc": "Text-Chat \u2014 fragen Sie alles",
+  "hub.whatsapp": "WhatsApp",
+  "hub.whatsappDesc": "Chatten Sie sofort mit uns",
+  "hub.callMe": "R\xFCckruf",
+  "hub.callMeDesc": "{name} ruft Sie in Sekunden an",
+  "callMe.title": "Wir rufen Sie an",
+  "callMe.placeholder": "+49 170 1234567",
+  "callMe.submit": "Jetzt anrufen",
+  "callMe.formNote": "",
+  "callMe.calling": "Anruf wird verbunden...",
+  "callMe.ended": "Anruf beendet",
+  "callMe.error": "Verbindung fehlgeschlagen",
+  "callMe.back": "Zur\xFCck"
+};
+var pt = {
+  "hub.title": "Como prefere nos contactar?",
+  "hub.subtitle": "Escolha a op\xE7\xE3o mais conveniente",
+  "hub.voice": "Falar com {name}",
+  "hub.voiceDesc": "Assistente de voz ao vivo",
+  "hub.chat": "Conversar com {name}",
+  "hub.chatDesc": "Chat de texto \u2014 pergunte o que quiser",
+  "hub.whatsapp": "WhatsApp",
+  "hub.whatsappDesc": "Converse conosco instantaneamente",
+  "hub.callMe": "Ligue-me",
+  "hub.callMeDesc": "{name} liga para voc\xEA em segundos",
+  "callMe.title": "Vamos ligar para voc\xEA",
+  "callMe.placeholder": "+55 11 98765-4321",
+  "callMe.submit": "Ligar agora",
+  "callMe.formNote": "",
+  "callMe.calling": "Ligando...",
+  "callMe.ended": "Chamada encerrada",
+  "callMe.error": "N\xE3o foi poss\xEDvel conectar a chamada",
+  "callMe.back": "Voltar"
+};
+var locales = { en, es, de, pt };
+function t(locale, key, overrides, vars) {
+  const base = locales[locale] ?? locales.en;
+  let str = overrides?.[key] ?? base[key] ?? key;
+  if (vars) {
+    for (const [k, v2] of Object.entries(vars)) {
+      str = str.replace(`{${k}}`, v2);
+    }
+  }
+  return str;
+}
+
+// src/widget/hub-styles.ts
+var HUB_CSS = (
+  /* css */
+  `
+
+/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+   ContactHub \u2014 above-orb contact menu
+   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+
+/* \u2500\u2500 Backdrop \u2500\u2500 */
+.vw-hub-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 200;
+  background: rgba(0, 0, 0, 0.45);
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+  padding: 20px;
+  animation: vwHubFade .2s ease;
+}
+@keyframes vwHubFade { from { opacity: 0; } to { opacity: 1; } }
+
+/* \u2500\u2500 Panel \u2500\u2500 */
+.vw-hub-panel {
+  position: relative;
+  width: 100%;
+  max-width: 320px;
+  background: var(--vw-panel-bg, rgba(16, 14, 20, .92));
+  border: 1px solid var(--vw-panel-border, rgba(255, 255, 255, .08));
+  border-radius: 20px;
+  padding: 26px 22px 22px;
+  box-shadow: 0 24px 56px -12px rgba(0, 0, 0, 0.5);
+  animation: vwHubUp .25s cubic-bezier(.2,.8,.2,1);
+  margin-bottom: 70px;
+}
+.vw-hub-panel--chat {
+  max-width: 400px;
+  padding: 0;
+  overflow: hidden;
+}
+@keyframes vwHubUp {
+  from { opacity: 0; transform: translateY(16px) scale(0.96); }
+  to   { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+/* Close */
+.vw-hub-close {
+  position: absolute;
+  top: 10px; right: 10px;
+  background: none;
+  border: none;
+  color: rgba(255, 255, 255, .4);
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 50%;
+  transition: color .2s, background .2s;
+  line-height: 1;
+}
+.vw-hub-close:hover { color: #fff; background: rgba(255, 255, 255, .06); }
+
+/* \u2500\u2500 Header \u2500\u2500 */
+.vw-hub-header { text-align: center; margin-bottom: 16px; }
+.vw-hub-avatar { font-size: 28px; margin-bottom: 6px; }
+.vw-hub-header h3 {
+  font-size: 17px;
+  color: #fff;
+  margin: 0 0 3px;
+  font-weight: 500;
+  font-family: inherit;
+}
+.vw-hub-header p { font-size: 12px; color: rgba(255, 255, 255, .5); margin: 0; }
+
+/* \u2500\u2500 Option Cards \u2500\u2500 */
+.vw-hub-options { display: flex; flex-direction: column; gap: 8px; }
+
+.vw-hub-opt {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 14px;
+  border-radius: 12px;
+  background: rgba(255, 255, 255, .03);
+  border: 1px solid rgba(255, 255, 255, .06);
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background .2s, border-color .2s, transform .15s;
+  font-family: inherit;
+  text-align: left;
+  width: 100%;
+  font-size: 14px;
+}
+.vw-hub-opt:hover {
+  background: rgba(255, 255, 255, .06);
+  border-color: rgba(255, 255, 255, .1);
+  transform: translateX(2px);
+}
+
+.vw-hub-icon {
+  width: 36px; height: 36px;
+  border-radius: 10px;
+  display: grid; place-items: center;
+  flex-shrink: 0;
+}
+.vw-hub-icon--voice { background: rgba(124, 58, 237, .15); color: rgba(139, 92, 246, 1); }
+.vw-hub-icon--wa { background: rgba(34, 197, 94, .15); color: rgba(34, 197, 94, 1); }
+.vw-hub-icon--call {
+  background: rgba(var(--vw-accent, 124, 58, 237), .12);
+  color: rgba(var(--vw-accent, 124, 58, 237), 1);
+}
+.vw-hub-icon--chat { background: rgba(59, 130, 246, .15); color: rgba(96, 165, 250, 1); }
+
+.vw-hub-body { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; }
+.vw-hub-title { font-weight: 600; font-size: 13px; }
+.vw-hub-desc { font-size: 11px; color: rgba(255, 255, 255, .45); }
+.vw-hub-arrow { color: rgba(255, 255, 255, .3); font-size: 14px; flex-shrink: 0; }
+
+/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+   Call Me \u2014 form + transcript
+   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+
+/* \u2500\u2500 Form View \u2500\u2500 */
+.vw-cm { text-align: center; padding: 4px 0; }
+.vw-cm-back {
+  background: none; border: none; color: rgba(255, 255, 255, .4);
+  cursor: pointer; font-size: 12px; margin-bottom: 16px;
+  padding: 4px 8px; border-radius: 6px;
+  transition: color .2s; font-family: inherit;
+}
+.vw-cm-back:hover { color: #fff; }
+
+.vw-cm h3 {
+  font-size: 19px;
+  color: #fff; margin: 0 0 6px; font-weight: 500;
+  font-family: inherit;
+}
+.vw-cm p {
+  font-size: 12.5px; color: rgba(255, 255, 255, .5);
+  line-height: 1.55; margin: 0 0 18px;
+}
+
+.vw-cm-phone-icon {
+  width: 54px; height: 54px; border-radius: 50%;
+  background: linear-gradient(135deg, rgba(var(--vw-accent, 124, 58, 237), .15), rgba(var(--vw-accent, 124, 58, 237), .06));
+  border: 1.5px solid rgba(var(--vw-accent, 124, 58, 237), .3);
+  display: grid; place-items: center;
+  margin: 0 auto 14px;
+  color: rgba(var(--vw-accent, 124, 58, 237), 1);
+  position: relative;
+}
+.vw-cm-phone-icon::after {
+  content: '';
+  position: absolute;
+  inset: -6px;
+  border-radius: 50%;
+  border: 1.5px solid rgba(var(--vw-accent, 124, 58, 237), .15);
+  animation: vwCmIconPulse 2.5s ease-in-out infinite;
+}
+@keyframes vwCmIconPulse {
+  0%, 100% { opacity: 0.6; transform: scale(1); }
+  50%      { opacity: 0; transform: scale(1.25); }
+}
+
+.vw-cm-form { display: flex; flex-direction: column; gap: 10px; }
+.vw-cm-form input {
+  width: 100%; padding: 14px 16px; border-radius: 12px;
+  background: rgba(255, 255, 255, .05);
+  border: 1px solid rgba(255, 255, 255, .1);
+  color: #fff; font-family: inherit; font-size: 16px;
+  outline: none; transition: border-color .2s, box-shadow .2s; box-sizing: border-box;
+  letter-spacing: 0.04em;
+}
+.vw-cm-form input:focus {
+  border-color: rgba(var(--vw-accent, 124, 58, 237), .7);
+  box-shadow: 0 0 0 3px rgba(var(--vw-accent, 124, 58, 237), .12);
+}
+.vw-cm-form input::placeholder { color: rgba(255, 255, 255, .25); letter-spacing: 0.02em; }
+.vw-cm-form button {
+  display: flex; align-items: center; justify-content: center; gap: 8px;
+  padding: 13px; border-radius: 12px;
+  background: linear-gradient(135deg, rgba(var(--vw-accent, 124, 58, 237), 1), rgba(var(--vw-accent, 124, 58, 237), .8));
+  color: #fff; font-family: inherit;
+  font-weight: 600; font-size: 14px; border: none; cursor: pointer;
+  transition: transform .2s, box-shadow .2s;
+  letter-spacing: 0.01em;
+}
+.vw-cm-form button:hover:not(:disabled) {
+  transform: translateY(-1px);
+  box-shadow: 0 10px 28px -6px rgba(var(--vw-accent, 124, 58, 237), .5);
+}
+.vw-cm-form button:disabled { opacity: 0.4; cursor: not-allowed; }
+.vw-cm-error {
+  font-size: 11px; color: rgba(248, 113, 113, 1);
+  padding: 6px 0; line-height: 1.4;
+}
+.vw-cm-note {
+  font-size: 10px; color: rgba(255, 255, 255, .3);
+  line-height: 1.45; margin-top: 4px; opacity: 0.7;
+}
+.vw-cm-note a { color: rgba(var(--vw-accent, 124, 58, 237), 1); text-decoration: none; }
+
+/* \u2500\u2500 Dialing Animation (used inside hub before call connects) \u2500\u2500 */
+
+.vw-cm-dialing {
+  display: flex; flex-direction: column; align-items: center;
+  gap: 14px; padding: 28px 0;
+}
+.vw-cm-dialing-ring {
+  width: 60px; height: 60px; border-radius: 50%;
+  background: linear-gradient(135deg, rgba(var(--vw-accent, 124, 58, 237), .12), rgba(var(--vw-accent, 124, 58, 237), .04));
+  border: 2px solid rgba(var(--vw-accent, 124, 58, 237), .3);
+  display: grid; place-items: center;
+  animation: vwCmRing 1.5s ease infinite;
+  color: rgba(var(--vw-accent, 124, 58, 237), 1);
+  position: relative;
+}
+.vw-cm-dialing-ring::after {
+  content: '';
+  position: absolute;
+  inset: -8px;
+  border-radius: 50%;
+  border: 2px solid rgba(var(--vw-accent, 124, 58, 237), .2);
+  animation: vwCmDialPulse 1.4s ease-out infinite;
+}
+.vw-cm-dialing-ring::before {
+  content: '';
+  position: absolute;
+  inset: -16px;
+  border-radius: 50%;
+  border: 1.5px solid rgba(var(--vw-accent, 124, 58, 237), .1);
+  animation: vwCmDialPulse 1.4s ease-out 0.3s infinite;
+}
+@keyframes vwCmRing {
+  0%, 100% { transform: scale(1); border-color: rgba(var(--vw-accent, 124, 58, 237), .3); }
+  50% { transform: scale(1.06); border-color: rgba(var(--vw-accent, 124, 58, 237), .6); }
+}
+@keyframes vwCmDialPulse {
+  0%   { transform: scale(0.9); opacity: 1; }
+  100% { transform: scale(1.4); opacity: 0; }
+}
+.vw-cm-dialing-text { font-size: 13px; color: rgba(255, 255, 255, .55); font-weight: 500; }
+.vw-cm-dialing-phone { font-size: 12px; color: rgba(255, 255, 255, .35); letter-spacing: 0.06em; }
+
+.vw-cm-error-view {
+  display: flex; flex-direction: column; align-items: center;
+  gap: 10px; padding: 24px 0;
+}
+.vw-cm-error-text { font-size: 13px; color: rgba(248, 113, 113, .9); text-align: center; line-height: 1.5; }
+
+/* \u2500\u2500 Mobile \u2500\u2500 */
+@media (max-width: 640px) {
+  .vw-hub-backdrop { padding: 14px; }
+  .vw-hub-panel { max-width: 100%; margin-bottom: 56px; border-radius: 16px; padding: 22px 18px 18px; }
+
+  /* Chat: fullscreen takeover on mobile */
+  .vw-hub-backdrop:has(.vw-hub-panel--chat) {
+    padding: 0;
+    background: var(--vw-panel-bg, rgba(16, 14, 20, .98));
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+  .vw-hub-panel--chat {
+    max-width: 100%;
+    height: 100%;
+    margin-bottom: 0;
+    border-radius: 0;
+    border: none;
+    box-shadow: none;
+  }
+  .vw-hub-panel--chat .vw-cv {
+    height: 100%;
+    max-height: 100%;
+  }
+}
+`
+);
+
+// src/widget/hub-chat-styles.ts
+var CHAT_VIEW_CSS = `
+/* \u2500\u2500 ChatView container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.vw-cv {
+  display: flex;
+  flex-direction: column;
+  height: 480px;
+  max-height: 70vh;
+}
+
+/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.vw-cv-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 16px;
+  border-bottom: 1px solid rgba(255,255,255,.06);
+}
+
+.vw-cv-back {
+  background: none;
+  border: none;
+  color: rgba(255,255,255,.5);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 6px;
+  transition: color .2s, background .2s;
+}
+.vw-cv-back:hover {
+  color: #fff;
+  background: rgba(255,255,255,.08);
+}
+
+.vw-cv-avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, rgba(var(--vw-color-accent, 197,140,95), .3), rgba(var(--vw-color-accent, 197,140,95), .1));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  font-weight: 600;
+  color: rgb(var(--vw-color-accent, 197,140,95));
+  flex-shrink: 0;
+}
+
+.vw-cv-who {
+  flex: 1;
+  min-width: 0;
+}
+.vw-cv-name {
+  display: block;
+  font-size: 14px;
+  font-weight: 600;
+  color: #fff;
+  line-height: 1.2;
+}
+.vw-cv-status {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 11px;
+  color: rgba(255,255,255,.45);
+}
+
+.vw-cv-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #4ade80;
+  box-shadow: 0 0 6px rgba(74,222,128,.5);
+  flex-shrink: 0;
+}
+.vw-cv-dot--off {
+  background: #f59e0b;
+  box-shadow: 0 0 6px rgba(245,158,11,.5);
+}
+
+.vw-cv-actions {
+  display: flex;
+  gap: 4px;
+}
+
+.vw-cv-action {
+  background: none;
+  border: 1px solid rgba(255,255,255,.08);
+  color: rgba(255,255,255,.45);
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 8px;
+  transition: all .2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.vw-cv-action:hover {
+  color: #fff;
+  background: rgba(255,255,255,.08);
+  border-color: rgba(255,255,255,.15);
+}
+.vw-cv-action--voice {
+  color: rgb(var(--vw-color-accent, 197,140,95));
+  border-color: rgba(var(--vw-color-accent, 197,140,95), .25);
+}
+.vw-cv-action--voice:hover {
+  background: rgba(var(--vw-color-accent, 197,140,95), .12);
+  color: rgb(var(--vw-color-accent, 197,140,95));
+  border-color: rgba(var(--vw-color-accent, 197,140,95), .4);
+}
+
+/* \u2500\u2500 Messages body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.vw-cv-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255,255,255,.1) transparent;
+}
+
+.vw-cv-msg {
+  max-width: 85%;
+  padding: 10px 14px;
+  border-radius: 14px;
+  font-size: 13.5px;
+  line-height: 1.5;
+  word-break: break-word;
+}
+
+.vw-cv-msg--user {
+  align-self: flex-end;
+  background: rgba(var(--vw-color-accent, 197,140,95), .18);
+  color: rgba(255,255,255,.92);
+  border-bottom-right-radius: 4px;
+}
+
+.vw-cv-msg--bot {
+  align-self: flex-start;
+  background: rgba(255,255,255,.05);
+  color: rgba(255,255,255,.85);
+  border-bottom-left-radius: 4px;
+  border: 1px solid rgba(255,255,255,.06);
+}
+
+/* Markdown inside bot messages */
+.vw-cv-md p { margin: 0 0 6px; }
+.vw-cv-md p:last-child { margin-bottom: 0; }
+.vw-cv-md strong { color: #fff; font-weight: 600; }
+.vw-cv-md em { font-style: italic; }
+.vw-cv-md code {
+  background: rgba(255,255,255,.08);
+  padding: 1px 5px;
+  border-radius: 4px;
+  font-size: 12px;
+  font-family: monospace;
+}
+.vw-cv-md a {
+  color: rgb(var(--vw-color-accent, 197,140,95));
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.vw-cv-md ul, .vw-cv-md ol {
+  margin: 4px 0;
+  padding-left: 18px;
+}
+.vw-cv-md li { margin-bottom: 2px; }
+
+/* Streaming cursor */
+.vw-cv-cursor {
+  display: inline-block;
+  width: 2px;
+  height: 14px;
+  background: rgb(var(--vw-color-accent, 197,140,95));
+  margin-left: 2px;
+  vertical-align: text-bottom;
+  animation: vw-cv-blink .8s infinite;
+}
+
+@keyframes vw-cv-blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+
+/* Typing skeleton */
+.vw-cv-skeleton {
+  display: flex;
+  gap: 4px;
+  padding: 14px 18px;
+}
+.vw-cv-sk-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: rgba(255,255,255,.25);
+  animation: vw-cv-bounce 1.4s infinite ease-in-out;
+}
+.vw-cv-sk-dot:nth-child(2) { animation-delay: .16s; }
+.vw-cv-sk-dot:nth-child(3) { animation-delay: .32s; }
+
+@keyframes vw-cv-bounce {
+  0%, 80%, 100% { transform: translateY(0); }
+  40% { transform: translateY(-5px); }
+}
+
+/* Tool calls */
+.vw-cv-tool {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  margin: 2px 0;
+  border-radius: 10px;
+  font-size: 11px;
+  font-family: monospace;
+  background: rgba(167,139,250,.06);
+  border: 1px solid rgba(167,139,250,.15);
+  align-self: center;
+  max-width: 90%;
+}
+.vw-cv-tool-icon { font-size: 12px; }
+.vw-cv-tool-name { color: rgb(167,139,250); font-weight: 600; }
+.vw-cv-tool-args { color: rgba(255,255,255,.4); font-size: 10px; word-break: break-all; }
+
+/* \u2500\u2500 Quick options \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.vw-cv-quick {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 8px 16px;
+  border-top: 1px solid rgba(255,255,255,.04);
+}
+.vw-cv-quick button {
+  background: rgba(255,255,255,.05);
+  border: 1px solid rgba(255,255,255,.1);
+  color: rgba(255,255,255,.7);
+  padding: 6px 12px;
+  border-radius: 20px;
+  font-size: 12px;
+  cursor: pointer;
+  transition: all .2s;
+  white-space: nowrap;
+}
+.vw-cv-quick button:hover:not(:disabled) {
+  background: rgba(var(--vw-color-accent, 197,140,95), .12);
+  border-color: rgba(var(--vw-color-accent, 197,140,95), .3);
+  color: rgb(var(--vw-color-accent, 197,140,95));
+}
+.vw-cv-quick button:disabled {
+  opacity: .4;
+  cursor: default;
+}
+
+/* \u2500\u2500 Input bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.vw-cv-input {
+  display: flex;
+  gap: 8px;
+  padding: 12px 16px;
+  border-top: 1px solid rgba(255,255,255,.06);
+}
+.vw-cv-input input {
+  flex: 1;
+  background: rgba(255,255,255,.05);
+  border: 1px solid rgba(255,255,255,.1);
+  color: #fff;
+  padding: 10px 14px;
+  border-radius: 12px;
+  font-size: 16px; /* \u226516px prevents iOS Safari auto-zoom on focus */
+  outline: none;
+  transition: border-color .2s;
+}
+.vw-cv-input input::placeholder {
+  color: rgba(255,255,255,.3);
+}
+.vw-cv-input input:focus {
+  border-color: rgba(var(--vw-color-accent, 197,140,95), .4);
+}
+
+.vw-cv-send {
+  background: rgb(var(--vw-color-accent, 197,140,95));
+  border: none;
+  color: #fff;
+  width: 38px;
+  height: 38px;
+  border-radius: 10px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity .2s, transform .15s;
+  flex-shrink: 0;
+}
+.vw-cv-send:hover:not(:disabled) {
+  transform: scale(1.05);
+}
+.vw-cv-send:disabled {
+  opacity: .3;
+  cursor: default;
+}
+`;
+
+// src/chat/ChatSession.ts
+var INITIAL_STATE2 = {
+  status: "idle",
+  error: null,
+  messages: [],
+  typing: false,
+  streamingText: "",
+  sessionId: null
+};
+var ChatSession = class extends EventTarget {
+  constructor(opts) {
+    super();
+    this.opts = opts;
+  }
+  opts;
+  state = { ...INITIAL_STATE2 };
+  listeners = /* @__PURE__ */ new Set();
+  ws = null;
+  reconnectTimer = null;
+  msgCounter = 0;
+  /** Read-only snapshot of current state (stable ref until next mutation). */
+  getState() {
+    return this.state;
+  }
+  /** Subscribe to ANY state change (for React useSyncExternalStore). */
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  setState(patch) {
+    const prev = this.state;
+    this.state = { ...prev, ...patch };
+    for (const l3 of this.listeners) l3();
+    if (patch.status !== void 0 && patch.status !== prev.status) {
+      this.dispatchEvent(
+        new CustomEvent("status", { detail: { status: this.state.status } })
+      );
+    }
+    if (patch.error !== void 0 && patch.error !== null && patch.error !== prev.error) {
+      this.dispatchEvent(
+        new CustomEvent("error", { detail: { error: this.state.error } })
+      );
+    }
+    this.dispatchEvent(
+      new CustomEvent("change", { detail: { state: this.state } })
+    );
+  }
+  setMessages(updater) {
+    const next = updater(this.state.messages);
+    this.setState({ messages: next });
+    const last = next[next.length - 1];
+    if (last) {
+      this.dispatchEvent(
+        new CustomEvent("message", { detail: { message: last } })
+      );
+    }
+  }
+  // ── Connection ──────────────────────────────────────────────────────
+  async connect() {
+    if (this.ws) return;
+    try {
+      this.setState({
+        status: "connecting",
+        error: null
+      });
+      const base = (this.opts.server ?? "https://voice.pinecall.io").replace(
+        /\/$/,
+        ""
+      );
+      let token;
+      let chatServer;
+      if (this.opts.tokenProvider) {
+        const t2 = await this.opts.tokenProvider();
+        token = t2.token;
+        chatServer = t2.server;
+      } else {
+        const tRes = await fetch(
+          `${base}/chat/token?agent_id=${encodeURIComponent(this.opts.agent)}`
+        );
+        if (!tRes.ok) {
+          const body = await tRes.text();
+          throw new Error(`Token: ${tRes.status} ${body}`);
+        }
+        const t2 = await tRes.json();
+        token = t2.token;
+        chatServer = t2.server;
+      }
+      const wsBase = (chatServer || base).replace(/^http:/, "ws:").replace(/^https:/, "wss:");
+      const ws = new WebSocket(`${wsBase}/chat/ws?token=${token}`);
+      this.ws = ws;
+      ws.onopen = () => {
+      };
+      ws.onmessage = (evt) => this.handleMessage(evt);
+      ws.onerror = () => {
+        this.setState({ error: "WebSocket error", status: "error" });
+      };
+      ws.onclose = (evt) => {
+        this.ws = null;
+        if (this.state.status === "connected") {
+          this.setState({ status: "idle" });
+        }
+      };
+    } catch (err) {
+      this.setState({
+        error: err instanceof Error ? err.message : String(err),
+        status: "error"
+      });
+      this.ws = null;
+    }
+  }
+  handleMessage(evt) {
+    let d2;
+    try {
+      d2 = JSON.parse(evt.data);
+    } catch {
+      return;
+    }
+    switch (d2.event) {
+      case "chat.connected":
+        this.setState({
+          status: "connected",
+          sessionId: d2.session_id ?? null
+        });
+        break;
+      case "chat.token":
+      case "llm.chat.token":
+        this.setState({
+          typing: true,
+          streamingText: d2.text ?? ""
+        });
+        this.setMessages((prev) => {
+          const idx = prev.findIndex(
+            (m2) => m2.messageId === d2.message_id && m2.isStreaming
+          );
+          if (idx >= 0) {
+            return prev.map(
+              (m2, i) => i === idx ? { ...m2, text: d2.text ?? "" } : m2
+            );
+          }
+          return [
+            ...prev,
+            {
+              id: ++this.msgCounter,
+              role: "bot",
+              text: d2.text ?? "",
+              messageId: d2.message_id,
+              isStreaming: true
+            }
+          ];
+        });
+        break;
+      case "chat.done":
+      case "llm.chat.done":
+        this.setState({
+          typing: false,
+          streamingText: ""
+        });
+        this.setMessages((prev) => {
+          const idx = prev.findIndex(
+            (m2) => m2.messageId === d2.message_id && m2.isStreaming
+          );
+          if (idx >= 0) {
+            return prev.map(
+              (m2, i) => i === idx ? { ...m2, text: d2.text ?? m2.text, isStreaming: false } : m2
+            );
+          }
+          return [
+            ...prev,
+            {
+              id: ++this.msgCounter,
+              role: "bot",
+              text: d2.text ?? "",
+              messageId: d2.message_id,
+              isStreaming: false
+            }
+          ];
+        });
+        break;
+      case "chat.error":
+      case "llm.chat.error":
+        this.setState({
+          typing: false,
+          error: d2.error ?? "Unknown error"
+        });
+        break;
+      case "error":
+        this.setState({
+          error: d2.error ?? "Unknown error",
+          status: "error"
+        });
+        break;
+    }
+    this.dispatchEvent(new CustomEvent("event", { detail: d2 }));
+  }
+  // ── Actions ─────────────────────────────────────────────────────────
+  /** Send a text message to the agent. */
+  send(text) {
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) return;
+    const trimmed = text.trim();
+    if (!trimmed) return;
+    this.setMessages((prev) => [
+      ...prev,
+      {
+        id: ++this.msgCounter,
+        role: "user",
+        text: trimmed
+      }
+    ]);
+    this.ws.send(JSON.stringify({ event: "message", text: trimmed }));
+  }
+  /**
+   * Set or clear a keyed context block in the LLM system prompt.
+   *
+   * @example
+   * ```ts
+   * session.setContext("form", JSON.stringify({ name: "Juan" }));
+   * session.setContext("form", null); // clear
+   * ```
+   */
+  setContext(key, value) {
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) return;
+    this.ws.send(JSON.stringify({ event: "set_context", key, value }));
+  }
+  /** Disconnect the chat session. */
+  disconnect() {
+    if (this.reconnectTimer) {
+      clearTimeout(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+    if (this.ws) {
+      this.ws.close();
+      this.ws = null;
+    }
+    this.setState({ status: "idle", typing: false, streamingText: "" });
+  }
+  /** Tear down the session and clear subscribers. Do not reuse after this. */
+  destroy() {
+    this.disconnect();
+    this.setState({ status: "destroyed" });
+    this.listeners.clear();
+  }
+};
+
+// src/chat/react.tsx
+function usePinecallChat(opts) {
+  const [session, setSession] = react.useState(
+    () => new ChatSession(opts)
+  );
+  const state = react.useSyncExternalStore(
+    react.useCallback((cb) => session.subscribe(cb), [session]),
+    react.useCallback(() => session.getState(), [session])
+  );
+  react.useEffect(() => {
+    let activeSession = session;
+    if (activeSession.getState().status === "destroyed") {
+      activeSession = new ChatSession(opts);
+      setSession(activeSession);
+    }
+    if (opts.autoConnect !== false) {
+      activeSession.connect();
+    }
+    return () => {
+      activeSession.destroy();
+    };
+  }, []);
+  return {
+    messages: state.messages,
+    send: react.useCallback((text) => session.send(text), [session]),
+    connected: state.status === "connected",
+    typing: state.typing,
+    streamingText: state.streamingText,
+    error: state.error,
+    setContext: react.useCallback(
+      (key, value) => session.setContext(key, value),
+      [session]
+    ),
+    connect: react.useCallback(() => session.connect(), [session]),
+    disconnect: react.useCallback(() => session.disconnect(), [session])
+  };
+}
+
+// node_modules/.pnpm/marked@18.0.5/node_modules/marked/lib/marked.esm.js
+function M() {
+  return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
+}
+var T = M();
+function N(l3) {
+  T = l3;
+}
+var _ = { exec: () => null };
+function E(l3) {
+  let e = [];
+  return (t2) => {
+    let n = Math.max(0, Math.min(3, t2 - 1)), s = e[n];
+    return s || (s = l3(n), e[n] = s), s;
+  };
+}
+function d(l3, e = "") {
+  let t2 = typeof l3 == "string" ? l3 : l3.source, n = { replace: (s, r) => {
+    let i = typeof r == "string" ? r : r.source;
+    return i = i.replace(m.caret, "$1"), t2 = t2.replace(s, i), n;
+  }, getRegex: () => new RegExp(t2, e) };
+  return n;
+}
+var Te = ((l3 = "") => {
+  try {
+    return !!new RegExp("(?<=1)(?<!1)" + l3);
+  } catch {
+    return false;
+  }
+})();
+var m = { codeRemoveIndent: /^(?: {1,4}| {0,3}\t)/gm, outputLinkReplace: /\\([\[\]])/g, indentCodeCompensation: /^(\s+)(?:```)/, beginningSpace: /^\s+/, endingHash: /#$/, startingSpaceChar: /^ /, endingSpaceChar: / $/, nonSpaceChar: /[^ ]/, newLineCharGlobal: /\n/g, tabCharGlobal: /\t/g, multipleSpaceGlobal: /\s+/g, blankLine: /^[ \t]*$/, doubleBlankLine: /\n[ \t]*\n[ \t]*$/, blockquoteStart: /^ {0,3}>/, blockquoteSetextReplace: /\n {0,3}((?:=+|-+) *)(?=\n|$)/g, blockquoteSetextReplace2: /^ {0,3}>[ \t]?/gm, listReplaceNesting: /^ {1,4}(?=( {4})*[^ ])/g, listIsTask: /^\[[ xX]\] +\S/, listReplaceTask: /^\[[ xX]\] +/, listTaskCheckbox: /\[[ xX]\]/, anyLine: /\n.*\n/, hrefBrackets: /^<(.*)>$/, tableDelimiter: /[:|]/, tableAlignChars: /^\||\| *$/g, tableRowBlankLine: /\n[ \t]*$/, tableAlignRight: /^ *-+: *$/, tableAlignCenter: /^ *:-+: *$/, tableAlignLeft: /^ *:-+ *$/, startATag: /^<a /i, endATag: /^<\/a>/i, startPreScriptTag: /^<(pre|code|kbd|script)(\s|>)/i, endPreScriptTag: /^<\/(pre|code|kbd|script)(\s|>)/i, startAngleBracket: /^</, endAngleBracket: />$/, pedanticHrefTitle: /^([^'"]*[^\s])\s+(['"])(.*)\2/, unicodeAlphaNumeric: /[\p{L}\p{N}]/u, escapeTest: /[&<>"']/, escapeReplace: /[&<>"']/g, escapeTestNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, escapeReplaceNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g, caret: /(^|[^\[])\^/g, percentDecode: /%25/g, findPipe: /\|/g, splitPipe: / \|/, slashPipe: /\\\|/g, carriageReturn: /\r\n|\r/g, spaceLine: /^ +$/gm, notSpaceStart: /^\S*/, endingNewline: /\n$/, listItemRegex: (l3) => new RegExp(`^( {0,3}${l3})((?:[	 ][^\\n]*)?(?:\\n|$))`), nextBulletRegex: E((l3) => new RegExp(`^ {0,${l3}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`)), hrRegex: E((l3) => new RegExp(`^ {0,${l3}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`)), fencesBeginRegex: E((l3) => new RegExp(`^ {0,${l3}}(?:\`\`\`|~~~)`)), headingBeginRegex: E((l3) => new RegExp(`^ {0,${l3}}#`)), htmlBeginRegex: E((l3) => new RegExp(`^ {0,${l3}}<(?:[a-z].*>|!--)`, "i")), blockquoteBeginRegex: E((l3) => new RegExp(`^ {0,${l3}}>`)) };
+var Oe = /^(?:[ \t]*(?:\n|$))+/;
+var we = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/;
+var ye = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/;
+var B = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/;
+var Pe = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/;
+var j = / {0,3}(?:[*+-]|\d{1,9}[.)])/;
+var oe = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/;
+var ae = d(oe).replace(/bull/g, j).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex();
+var Se = d(oe).replace(/bull/g, j).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex();
+var F = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/;
+var $e = /^[^\n]+/;
+var U = /(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/;
+var Le = d(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", U).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex();
+var _e = d(/^(bull)([ \t][^\n]*?)?(?:\n|$)/).replace(/bull/g, j).getRegex();
+var H = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul";
+var K = /<!--(?:-?>|[\s\S]*?(?:-->|$))/;
+var ze = d("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", K).replace("tag", H).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();
+var le = d(F).replace("hr", B).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex();
+var Me = d(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", le).getRegex();
+var W = { blockquote: Me, code: we, def: Le, fences: ye, heading: Pe, hr: B, html: ze, lheading: ae, list: _e, newline: Oe, paragraph: le, table: _, text: $e };
+var se = d("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", B).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex();
+var Ee = { ...W, lheading: Se, table: se, paragraph: d(F).replace("hr", B).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", se).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex() };
+var Ie = { ...W, html: d(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", K).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(), def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/, heading: /^(#{1,6})(.*)(?:\n+|$)/, fences: _, lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/, paragraph: d(F).replace("hr", B).replace("heading", ` *#{1,6} *[^
+]`).replace("lheading", ae).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex() };
+var Ae = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/;
+var Ce = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/;
+var ue = /^( {2,}|\\)\n(?!\s*$)/;
+var Be = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/;
+var I = /[\p{P}\p{S}]/u;
+var Z = /[\s\p{P}\p{S}]/u;
+var X = /[^\s\p{P}\p{S}]/u;
+var De = d(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, Z).getRegex();
+var pe = /(?!~)[\p{P}\p{S}]/u;
+var qe = /(?!~)[\s\p{P}\p{S}]/u;
+var ve = /(?:[^\s\p{P}\p{S}]|~)/u;
+var He = d(/link|precode-code|html/, "g").replace("link", /\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-", Te ? "(?<!`)()" : "(^^|[^`])").replace("code", /(?<b>`+)[^`]+\k<b>(?!`)/).replace("html", /<(?! )[^<>]*?>/).getRegex();
+var ce = /^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/;
+var Ze = d(ce, "u").replace(/punct/g, I).getRegex();
+var Ge = d(ce, "u").replace(/punct/g, pe).getRegex();
+var he = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)";
+var Ne = d(he, "gu").replace(/notPunctSpace/g, X).replace(/punctSpace/g, Z).replace(/punct/g, I).getRegex();
+var Qe = d(he, "gu").replace(/notPunctSpace/g, ve).replace(/punctSpace/g, qe).replace(/punct/g, pe).getRegex();
+var je = d("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, X).replace(/punctSpace/g, Z).replace(/punct/g, I).getRegex();
+var Fe = d(/^~~?(?:((?!~)punct)|[^\s~])/, "u").replace(/punct/g, I).getRegex();
+var Ue = "^[^~]+(?=[^~])|(?!~)punct(~~?)(?=[\\s]|$)|notPunctSpace(~~?)(?!~)(?=punctSpace|$)|(?!~)punctSpace(~~?)(?=notPunctSpace)|[\\s](~~?)(?!~)(?=punct)|(?!~)punct(~~?)(?!~)(?=punct)|notPunctSpace(~~?)(?=notPunctSpace)";
+var Ke = d(Ue, "gu").replace(/notPunctSpace/g, X).replace(/punctSpace/g, Z).replace(/punct/g, I).getRegex();
+var We = d(/\\(punct)/, "gu").replace(/punct/g, I).getRegex();
+var Xe = d(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex();
+var Je = d(K).replace("(?:-->|$)", "-->").getRegex();
+var Ve = d("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", Je).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex();
+var v = /(?:\[(?:\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/;
+var Ye = d(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace("label", v).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex();
+var ke = d(/^!?\[(label)\]\[(ref)\]/).replace("label", v).replace("ref", U).getRegex();
+var de2 = d(/^!?\[(ref)\](?:\[\])?/).replace("ref", U).getRegex();
+var et = d("reflink|nolink(?!\\()", "g").replace("reflink", ke).replace("nolink", de2).getRegex();
+var ie = /[hH][tT][tT][pP][sS]?|[fF][tT][pP]/;
+var J = { _backpedal: _, anyPunctuation: We, autolink: Xe, blockSkip: He, br: ue, code: Ce, del: _, delLDelim: _, delRDelim: _, emStrongLDelim: Ze, emStrongRDelimAst: Ne, emStrongRDelimUnd: je, escape: Ae, link: Ye, nolink: de2, punctuation: De, reflink: ke, reflinkSearch: et, tag: Ve, text: Be, url: _ };
+var tt = { ...J, link: d(/^!?\[(label)\]\((.*?)\)/).replace("label", v).getRegex(), reflink: d(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", v).getRegex() };
+var Q = { ...J, emStrongRDelimAst: Qe, emStrongLDelim: Ge, delLDelim: Fe, delRDelim: Ke, url: d(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("protocol", ie).replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(), _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/, del: /^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/, text: d(/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace("protocol", ie).getRegex() };
+var nt = { ...Q, br: d(ue).replace("{2,}", "*").getRegex(), text: d(Q.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex() };
+var D = { normal: W, gfm: Ee, pedantic: Ie };
+var A = { normal: J, gfm: Q, breaks: nt, pedantic: tt };
+var rt = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
+var ge = (l3) => rt[l3];
+function O(l3, e) {
+  if (e) {
+    if (m.escapeTest.test(l3)) return l3.replace(m.escapeReplace, ge);
+  } else if (m.escapeTestNoEncode.test(l3)) return l3.replace(m.escapeReplaceNoEncode, ge);
+  return l3;
+}
+function V(l3) {
+  try {
+    l3 = encodeURI(l3).replace(m.percentDecode, "%");
+  } catch {
+    return null;
+  }
+  return l3;
+}
+function Y(l3, e) {
+  let t2 = l3.replace(m.findPipe, (r, i, o) => {
+    let u = false, a = i;
+    for (; --a >= 0 && o[a] === "\\"; ) u = !u;
+    return u ? "|" : " |";
+  }), n = t2.split(m.splitPipe), s = 0;
+  if (n[0].trim() || n.shift(), n.length > 0 && !n.at(-1)?.trim() && n.pop(), e) if (n.length > e) n.splice(e);
+  else for (; n.length < e; ) n.push("");
+  for (; s < n.length; s++) n[s] = n[s].trim().replace(m.slashPipe, "|");
+  return n;
+}
+function $(l3, e, t2) {
+  let n = l3.length;
+  if (n === 0) return "";
+  let s = 0;
+  for (; s < n; ) {
+    let r = l3.charAt(n - s - 1);
+    if (r === e && true) s++;
+    else break;
+  }
+  return l3.slice(0, n - s);
+}
+function ee(l3) {
+  let e = l3.split(`
+`), t2 = e.length - 1;
+  for (; t2 >= 0 && m.blankLine.test(e[t2]); ) t2--;
+  return e.length - t2 <= 2 ? l3 : e.slice(0, t2 + 1).join(`
+`);
+}
+function fe(l3, e) {
+  if (l3.indexOf(e[1]) === -1) return -1;
+  let t2 = 0;
+  for (let n = 0; n < l3.length; n++) if (l3[n] === "\\") n++;
+  else if (l3[n] === e[0]) t2++;
+  else if (l3[n] === e[1] && (t2--, t2 < 0)) return n;
+  return t2 > 0 ? -2 : -1;
+}
+function me(l3, e = 0) {
+  let t2 = e, n = "";
+  for (let s of l3) if (s === "	") {
+    let r = 4 - t2 % 4;
+    n += " ".repeat(r), t2 += r;
+  } else n += s, t2++;
+  return n;
+}
+function xe(l3, e, t2, n, s) {
+  let r = e.href, i = e.title || null, o = l3[1].replace(s.other.outputLinkReplace, "$1");
+  n.state.inLink = true;
+  let u = { type: l3[0].charAt(0) === "!" ? "image" : "link", raw: t2, href: r, title: i, text: o, tokens: n.inlineTokens(o) };
+  return n.state.inLink = false, u;
+}
+function st(l3, e, t2) {
+  let n = l3.match(t2.other.indentCodeCompensation);
+  if (n === null) return e;
+  let s = n[1];
+  return e.split(`
+`).map((r) => {
+    let i = r.match(t2.other.beginningSpace);
+    if (i === null) return r;
+    let [o] = i;
+    return o.length >= s.length ? r.slice(s.length) : r;
+  }).join(`
+`);
+}
+var w = class {
+  options;
+  rules;
+  lexer;
+  constructor(e) {
+    this.options = e || T;
+  }
+  space(e) {
+    let t2 = this.rules.block.newline.exec(e);
+    if (t2 && t2[0].length > 0) return { type: "space", raw: t2[0] };
+  }
+  code(e) {
+    let t2 = this.rules.block.code.exec(e);
+    if (t2) {
+      let n = this.options.pedantic ? t2[0] : ee(t2[0]), s = n.replace(this.rules.other.codeRemoveIndent, "");
+      return { type: "code", raw: n, codeBlockStyle: "indented", text: s };
+    }
+  }
+  fences(e) {
+    let t2 = this.rules.block.fences.exec(e);
+    if (t2) {
+      let n = t2[0], s = st(n, t2[3] || "", this.rules);
+      return { type: "code", raw: n, lang: t2[2] ? t2[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : t2[2], text: s };
+    }
+  }
+  heading(e) {
+    let t2 = this.rules.block.heading.exec(e);
+    if (t2) {
+      let n = t2[2].trim();
+      if (this.rules.other.endingHash.test(n)) {
+        let s = $(n, "#");
+        (this.options.pedantic || !s || this.rules.other.endingSpaceChar.test(s)) && (n = s.trim());
+      }
+      return { type: "heading", raw: $(t2[0], `
+`), depth: t2[1].length, text: n, tokens: this.lexer.inline(n) };
+    }
+  }
+  hr(e) {
+    let t2 = this.rules.block.hr.exec(e);
+    if (t2) return { type: "hr", raw: $(t2[0], `
+`) };
+  }
+  blockquote(e) {
+    let t2 = this.rules.block.blockquote.exec(e);
+    if (t2) {
+      let n = $(t2[0], `
+`).split(`
+`), s = "", r = "", i = [];
+      for (; n.length > 0; ) {
+        let o = false, u = [], a;
+        for (a = 0; a < n.length; a++) if (this.rules.other.blockquoteStart.test(n[a])) u.push(n[a]), o = true;
+        else if (!o) u.push(n[a]);
+        else break;
+        n = n.slice(a);
+        let c = u.join(`
+`), p = c.replace(this.rules.other.blockquoteSetextReplace, `
+    $1`).replace(this.rules.other.blockquoteSetextReplace2, "");
+        s = s ? `${s}
+${c}` : c, r = r ? `${r}
+${p}` : p;
+        let k = this.lexer.state.top;
+        if (this.lexer.state.top = true, this.lexer.blockTokens(p, i, true), this.lexer.state.top = k, n.length === 0) break;
+        let h = i.at(-1);
+        if (h?.type === "code") break;
+        if (h?.type === "blockquote") {
+          let R = h, f = R.raw + `
+` + n.join(`
+`), S = this.blockquote(f);
+          i[i.length - 1] = S, s = s.substring(0, s.length - R.raw.length) + S.raw, r = r.substring(0, r.length - R.text.length) + S.text;
+          break;
+        } else if (h?.type === "list") {
+          let R = h, f = R.raw + `
+` + n.join(`
+`), S = this.list(f);
+          i[i.length - 1] = S, s = s.substring(0, s.length - h.raw.length) + S.raw, r = r.substring(0, r.length - R.raw.length) + S.raw, n = f.substring(i.at(-1).raw.length).split(`
+`);
+          continue;
+        }
+      }
+      return { type: "blockquote", raw: s, tokens: i, text: r };
+    }
+  }
+  list(e) {
+    let t2 = this.rules.block.list.exec(e);
+    if (t2) {
+      let n = t2[1].trim(), s = n.length > 1, r = { type: "list", raw: "", ordered: s, start: s ? +n.slice(0, -1) : "", loose: false, items: [] };
+      n = s ? `\\d{1,9}\\${n.slice(-1)}` : `\\${n}`, this.options.pedantic && (n = s ? n : "[*+-]");
+      let i = this.rules.other.listItemRegex(n), o = false;
+      for (; e; ) {
+        let a = false, c = "", p = "";
+        if (!(t2 = i.exec(e)) || this.rules.block.hr.test(e)) break;
+        c = t2[0], e = e.substring(c.length);
+        let k = me(t2[2].split(`
+`, 1)[0], t2[1].length), h = e.split(`
+`, 1)[0], R = !k.trim(), f = 0;
+        if (this.options.pedantic ? (f = 2, p = k.trimStart()) : R ? f = t2[1].length + 1 : (f = k.search(this.rules.other.nonSpaceChar), f = f > 4 ? 1 : f, p = k.slice(f), f += t2[1].length), R && this.rules.other.blankLine.test(h) && (c += h + `
+`, e = e.substring(h.length + 1), a = true), !a) {
+          let S = this.rules.other.nextBulletRegex(f), te = this.rules.other.hrRegex(f), ne = this.rules.other.fencesBeginRegex(f), re = this.rules.other.headingBeginRegex(f), be = this.rules.other.htmlBeginRegex(f), Re = this.rules.other.blockquoteBeginRegex(f);
+          for (; e; ) {
+            let G = e.split(`
+`, 1)[0], C;
+            if (h = G, this.options.pedantic ? (h = h.replace(this.rules.other.listReplaceNesting, "  "), C = h) : C = h.replace(this.rules.other.tabCharGlobal, "    "), ne.test(h) || re.test(h) || be.test(h) || Re.test(h) || S.test(h) || te.test(h)) break;
+            if (C.search(this.rules.other.nonSpaceChar) >= f || !h.trim()) p += `
+` + C.slice(f);
+            else {
+              if (R || k.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || ne.test(k) || re.test(k) || te.test(k)) break;
+              p += `
+` + h;
+            }
+            R = !h.trim(), c += G + `
+`, e = e.substring(G.length + 1), k = C.slice(f);
+          }
+        }
+        r.loose || (o ? r.loose = true : this.rules.other.doubleBlankLine.test(c) && (o = true)), r.items.push({ type: "list_item", raw: c, task: !!this.options.gfm && this.rules.other.listIsTask.test(p), loose: false, text: p, tokens: [] }), r.raw += c;
+      }
+      let u = r.items.at(-1);
+      if (u) u.raw = u.raw.trimEnd(), u.text = u.text.trimEnd();
+      else return;
+      r.raw = r.raw.trimEnd();
+      for (let a of r.items) {
+        this.lexer.state.top = false, a.tokens = this.lexer.blockTokens(a.text, []);
+        let c = a.tokens[0];
+        if (a.task && (c?.type === "text" || c?.type === "paragraph")) {
+          a.text = a.text.replace(this.rules.other.listReplaceTask, ""), c.raw = c.raw.replace(this.rules.other.listReplaceTask, ""), c.text = c.text.replace(this.rules.other.listReplaceTask, "");
+          for (let k = this.lexer.inlineQueue.length - 1; k >= 0; k--) if (this.rules.other.listIsTask.test(this.lexer.inlineQueue[k].src)) {
+            this.lexer.inlineQueue[k].src = this.lexer.inlineQueue[k].src.replace(this.rules.other.listReplaceTask, "");
+            break;
+          }
+          let p = this.rules.other.listTaskCheckbox.exec(a.raw);
+          if (p) {
+            let k = { type: "checkbox", raw: p[0] + " ", checked: p[0] !== "[ ]" };
+            a.checked = k.checked, r.loose ? a.tokens[0] && ["paragraph", "text"].includes(a.tokens[0].type) && "tokens" in a.tokens[0] && a.tokens[0].tokens ? (a.tokens[0].raw = k.raw + a.tokens[0].raw, a.tokens[0].text = k.raw + a.tokens[0].text, a.tokens[0].tokens.unshift(k)) : a.tokens.unshift({ type: "paragraph", raw: k.raw, text: k.raw, tokens: [k] }) : a.tokens.unshift(k);
+          }
+        } else a.task && (a.task = false);
+        if (!r.loose) {
+          let p = a.tokens.filter((h) => h.type === "space"), k = p.length > 0 && p.some((h) => this.rules.other.anyLine.test(h.raw));
+          r.loose = k;
+        }
+      }
+      if (r.loose) for (let a of r.items) {
+        a.loose = true;
+        for (let c of a.tokens) c.type === "text" && (c.type = "paragraph");
+      }
+      return r;
+    }
+  }
+  html(e) {
+    let t2 = this.rules.block.html.exec(e);
+    if (t2) {
+      let n = ee(t2[0]);
+      return { type: "html", block: true, raw: n, pre: t2[1] === "pre" || t2[1] === "script" || t2[1] === "style", text: n };
+    }
+  }
+  def(e) {
+    let t2 = this.rules.block.def.exec(e);
+    if (t2) {
+      let n = t2[1].toLowerCase().replace(this.rules.other.multipleSpaceGlobal, " "), s = t2[2] ? t2[2].replace(this.rules.other.hrefBrackets, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "", r = t2[3] ? t2[3].substring(1, t2[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : t2[3];
+      return { type: "def", tag: n, raw: $(t2[0], `
+`), href: s, title: r };
+    }
+  }
+  table(e) {
+    let t2 = this.rules.block.table.exec(e);
+    if (!t2 || !this.rules.other.tableDelimiter.test(t2[2])) return;
+    let n = Y(t2[1]), s = t2[2].replace(this.rules.other.tableAlignChars, "").split("|"), r = t2[3]?.trim() ? t2[3].replace(this.rules.other.tableRowBlankLine, "").split(`
+`) : [], i = { type: "table", raw: $(t2[0], `
+`), header: [], align: [], rows: [] };
+    if (n.length === s.length) {
+      for (let o of s) this.rules.other.tableAlignRight.test(o) ? i.align.push("right") : this.rules.other.tableAlignCenter.test(o) ? i.align.push("center") : this.rules.other.tableAlignLeft.test(o) ? i.align.push("left") : i.align.push(null);
+      for (let o = 0; o < n.length; o++) i.header.push({ text: n[o], tokens: this.lexer.inline(n[o]), header: true, align: i.align[o] });
+      for (let o of r) i.rows.push(Y(o, i.header.length).map((u, a) => ({ text: u, tokens: this.lexer.inline(u), header: false, align: i.align[a] })));
+      return i;
+    }
+  }
+  lheading(e) {
+    let t2 = this.rules.block.lheading.exec(e);
+    if (t2) {
+      let n = t2[1].trim();
+      return { type: "heading", raw: $(t2[0], `
+`), depth: t2[2].charAt(0) === "=" ? 1 : 2, text: n, tokens: this.lexer.inline(n) };
+    }
+  }
+  paragraph(e) {
+    let t2 = this.rules.block.paragraph.exec(e);
+    if (t2) {
+      let n = t2[1].charAt(t2[1].length - 1) === `
+` ? t2[1].slice(0, -1) : t2[1];
+      return { type: "paragraph", raw: t2[0], text: n, tokens: this.lexer.inline(n) };
+    }
+  }
+  text(e) {
+    let t2 = this.rules.block.text.exec(e);
+    if (t2) return { type: "text", raw: t2[0], text: t2[0], tokens: this.lexer.inline(t2[0]) };
+  }
+  escape(e) {
+    let t2 = this.rules.inline.escape.exec(e);
+    if (t2) return { type: "escape", raw: t2[0], text: t2[1] };
+  }
+  tag(e) {
+    let t2 = this.rules.inline.tag.exec(e);
+    if (t2) return !this.lexer.state.inLink && this.rules.other.startATag.test(t2[0]) ? this.lexer.state.inLink = true : this.lexer.state.inLink && this.rules.other.endATag.test(t2[0]) && (this.lexer.state.inLink = false), !this.lexer.state.inRawBlock && this.rules.other.startPreScriptTag.test(t2[0]) ? this.lexer.state.inRawBlock = true : this.lexer.state.inRawBlock && this.rules.other.endPreScriptTag.test(t2[0]) && (this.lexer.state.inRawBlock = false), { type: "html", raw: t2[0], inLink: this.lexer.state.inLink, inRawBlock: this.lexer.state.inRawBlock, block: false, text: t2[0] };
+  }
+  link(e) {
+    let t2 = this.rules.inline.link.exec(e);
+    if (t2) {
+      let n = t2[2].trim();
+      if (!this.options.pedantic && this.rules.other.startAngleBracket.test(n)) {
+        if (!this.rules.other.endAngleBracket.test(n)) return;
+        let i = $(n.slice(0, -1), "\\");
+        if ((n.length - i.length) % 2 === 0) return;
+      } else {
+        let i = fe(t2[2], "()");
+        if (i === -2) return;
+        if (i > -1) {
+          let u = (t2[0].indexOf("!") === 0 ? 5 : 4) + t2[1].length + i;
+          t2[2] = t2[2].substring(0, i), t2[0] = t2[0].substring(0, u).trim(), t2[3] = "";
+        }
+      }
+      let s = t2[2], r = "";
+      if (this.options.pedantic) {
+        let i = this.rules.other.pedanticHrefTitle.exec(s);
+        i && (s = i[1], r = i[3]);
+      } else r = t2[3] ? t2[3].slice(1, -1) : "";
+      return s = s.trim(), this.rules.other.startAngleBracket.test(s) && (this.options.pedantic && !this.rules.other.endAngleBracket.test(n) ? s = s.slice(1) : s = s.slice(1, -1)), xe(t2, { href: s && s.replace(this.rules.inline.anyPunctuation, "$1"), title: r && r.replace(this.rules.inline.anyPunctuation, "$1") }, t2[0], this.lexer, this.rules);
+    }
+  }
+  reflink(e, t2) {
+    let n;
+    if ((n = this.rules.inline.reflink.exec(e)) || (n = this.rules.inline.nolink.exec(e))) {
+      let s = (n[2] || n[1]).replace(this.rules.other.multipleSpaceGlobal, " "), r = t2[s.toLowerCase()];
+      if (!r) {
+        let i = n[0].charAt(0);
+        return { type: "text", raw: i, text: i };
+      }
+      return xe(n, r, n[0], this.lexer, this.rules);
+    }
+  }
+  emStrong(e, t2, n = "") {
+    let s = this.rules.inline.emStrongLDelim.exec(e);
+    if (!s || !s[1] && !s[2] && !s[3] && !s[4] || s[4] && n.match(this.rules.other.unicodeAlphaNumeric)) return;
+    if (!(s[1] || s[3] || "") || !n || this.rules.inline.punctuation.exec(n)) {
+      let i = [...s[0]].length - 1, o, u, a = i, c = 0, p = s[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      for (p.lastIndex = 0, t2 = t2.slice(-1 * e.length + i); (s = p.exec(t2)) !== null; ) {
+        if (o = s[1] || s[2] || s[3] || s[4] || s[5] || s[6], !o) continue;
+        if (u = [...o].length, s[3] || s[4]) {
+          a += u;
+          continue;
+        } else if ((s[5] || s[6]) && i % 3 && !((i + u) % 3)) {
+          c += u;
+          continue;
+        }
+        if (a -= u, a > 0) continue;
+        u = Math.min(u, u + a + c);
+        let k = [...s[0]][0].length, h = e.slice(0, i + s.index + k + u);
+        if (Math.min(i, u) % 2) {
+          let f = h.slice(1, -1);
+          return { type: "em", raw: h, text: f, tokens: this.lexer.inlineTokens(f) };
+        }
+        let R = h.slice(2, -2);
+        return { type: "strong", raw: h, text: R, tokens: this.lexer.inlineTokens(R) };
+      }
+    }
+  }
+  codespan(e) {
+    let t2 = this.rules.inline.code.exec(e);
+    if (t2) {
+      let n = t2[2].replace(this.rules.other.newLineCharGlobal, " "), s = this.rules.other.nonSpaceChar.test(n), r = this.rules.other.startingSpaceChar.test(n) && this.rules.other.endingSpaceChar.test(n);
+      return s && r && (n = n.substring(1, n.length - 1)), { type: "codespan", raw: t2[0], text: n };
+    }
+  }
+  br(e) {
+    let t2 = this.rules.inline.br.exec(e);
+    if (t2) return { type: "br", raw: t2[0] };
+  }
+  del(e, t2, n = "") {
+    let s = this.rules.inline.delLDelim.exec(e);
+    if (!s) return;
+    if (!(s[1] || "") || !n || this.rules.inline.punctuation.exec(n)) {
+      let i = [...s[0]].length - 1, o, u, a = i, c = this.rules.inline.delRDelim;
+      for (c.lastIndex = 0, t2 = t2.slice(-1 * e.length + i); (s = c.exec(t2)) !== null; ) {
+        if (o = s[1] || s[2] || s[3] || s[4] || s[5] || s[6], !o || (u = [...o].length, u !== i)) continue;
+        if (s[3] || s[4]) {
+          a += u;
+          continue;
+        }
+        if (a -= u, a > 0) continue;
+        u = Math.min(u, u + a);
+        let p = [...s[0]][0].length, k = e.slice(0, i + s.index + p + u), h = k.slice(i, -i);
+        return { type: "del", raw: k, text: h, tokens: this.lexer.inlineTokens(h) };
+      }
+    }
+  }
+  autolink(e) {
+    let t2 = this.rules.inline.autolink.exec(e);
+    if (t2) {
+      let n, s;
+      return t2[2] === "@" ? (n = t2[1], s = "mailto:" + n) : (n = t2[1], s = n), { type: "link", raw: t2[0], text: n, href: s, tokens: [{ type: "text", raw: n, text: n }] };
+    }
+  }
+  url(e) {
+    let t2;
+    if (t2 = this.rules.inline.url.exec(e)) {
+      let n, s;
+      if (t2[2] === "@") n = t2[0], s = "mailto:" + n;
+      else {
+        let r;
+        do
+          r = t2[0], t2[0] = this.rules.inline._backpedal.exec(t2[0])?.[0] ?? "";
+        while (r !== t2[0]);
+        n = t2[0], t2[1] === "www." ? s = "http://" + t2[0] : s = t2[0];
+      }
+      return { type: "link", raw: t2[0], text: n, href: s, tokens: [{ type: "text", raw: n, text: n }] };
+    }
+  }
+  inlineText(e) {
+    let t2 = this.rules.inline.text.exec(e);
+    if (t2) {
+      let n = this.lexer.state.inRawBlock;
+      return { type: "text", raw: t2[0], text: t2[0], escaped: n };
+    }
+  }
+};
+var x = class l {
+  tokens;
+  options;
+  state;
+  inlineQueue;
+  tokenizer;
+  constructor(e) {
+    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || T, this.options.tokenizer = this.options.tokenizer || new w(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = { inLink: false, inRawBlock: false, top: true };
+    let t2 = { other: m, block: D.normal, inline: A.normal };
+    this.options.pedantic ? (t2.block = D.pedantic, t2.inline = A.pedantic) : this.options.gfm && (t2.block = D.gfm, this.options.breaks ? t2.inline = A.breaks : t2.inline = A.gfm), this.tokenizer.rules = t2;
+  }
+  static get rules() {
+    return { block: D, inline: A };
+  }
+  static lex(e, t2) {
+    return new l(t2).lex(e);
+  }
+  static lexInline(e, t2) {
+    return new l(t2).inlineTokens(e);
+  }
+  lex(e) {
+    e = e.replace(m.carriageReturn, `
+`), this.blockTokens(e, this.tokens);
+    for (let t2 = 0; t2 < this.inlineQueue.length; t2++) {
+      let n = this.inlineQueue[t2];
+      this.inlineTokens(n.src, n.tokens);
+    }
+    return this.inlineQueue = [], this.tokens;
+  }
+  blockTokens(e, t2 = [], n = false) {
+    this.tokenizer.lexer = this, this.options.pedantic && (e = e.replace(m.tabCharGlobal, "    ").replace(m.spaceLine, ""));
+    let s = 1 / 0;
+    for (; e; ) {
+      if (e.length < s) s = e.length;
+      else {
+        this.infiniteLoopError(e.charCodeAt(0));
+        break;
+      }
+      let r;
+      if (this.options.extensions?.block?.some((o) => (r = o.call({ lexer: this }, e, t2)) ? (e = e.substring(r.raw.length), t2.push(r), true) : false)) continue;
+      if (r = this.tokenizer.space(e)) {
+        e = e.substring(r.raw.length);
+        let o = t2.at(-1);
+        r.raw.length === 1 && o !== void 0 ? o.raw += `
+` : t2.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.code(e)) {
+        e = e.substring(r.raw.length);
+        let o = t2.at(-1);
+        o?.type === "paragraph" || o?.type === "text" ? (o.raw += (o.raw.endsWith(`
+`) ? "" : `
+`) + r.raw, o.text += `
+` + r.text, this.inlineQueue.at(-1).src = o.text) : t2.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.fences(e)) {
+        e = e.substring(r.raw.length), t2.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.heading(e)) {
+        e = e.substring(r.raw.length), t2.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.hr(e)) {
+        e = e.substring(r.raw.length), t2.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.blockquote(e)) {
+        e = e.substring(r.raw.length), t2.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.list(e)) {
+        e = e.substring(r.raw.length), t2.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.html(e)) {
+        e = e.substring(r.raw.length), t2.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.def(e)) {
+        e = e.substring(r.raw.length);
+        let o = t2.at(-1);
+        o?.type === "paragraph" || o?.type === "text" ? (o.raw += (o.raw.endsWith(`
+`) ? "" : `
+`) + r.raw, o.text += `
+` + r.raw, this.inlineQueue.at(-1).src = o.text) : this.tokens.links[r.tag] || (this.tokens.links[r.tag] = { href: r.href, title: r.title }, t2.push(r));
+        continue;
+      }
+      if (r = this.tokenizer.table(e)) {
+        e = e.substring(r.raw.length), t2.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.lheading(e)) {
+        e = e.substring(r.raw.length), t2.push(r);
+        continue;
+      }
+      let i = e;
+      if (this.options.extensions?.startBlock) {
+        let o = 1 / 0, u = e.slice(1), a;
+        this.options.extensions.startBlock.forEach((c) => {
+          a = c.call({ lexer: this }, u), typeof a == "number" && a >= 0 && (o = Math.min(o, a));
+        }), o < 1 / 0 && o >= 0 && (i = e.substring(0, o + 1));
+      }
+      if (this.state.top && (r = this.tokenizer.paragraph(i))) {
+        let o = t2.at(-1);
+        n && o?.type === "paragraph" ? (o.raw += (o.raw.endsWith(`
+`) ? "" : `
+`) + r.raw, o.text += `
+` + r.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = o.text) : t2.push(r), n = i.length !== e.length, e = e.substring(r.raw.length);
+        continue;
+      }
+      if (r = this.tokenizer.text(e)) {
+        e = e.substring(r.raw.length);
+        let o = t2.at(-1);
+        o?.type === "text" ? (o.raw += (o.raw.endsWith(`
+`) ? "" : `
+`) + r.raw, o.text += `
+` + r.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = o.text) : t2.push(r);
+        continue;
+      }
+      if (e) {
+        this.infiniteLoopError(e.charCodeAt(0));
+        break;
+      }
+    }
+    return this.state.top = true, t2;
+  }
+  inline(e, t2 = []) {
+    return this.inlineQueue.push({ src: e, tokens: t2 }), t2;
+  }
+  inlineTokens(e, t2 = []) {
+    this.tokenizer.lexer = this;
+    let n = e, s = null;
+    if (this.tokens.links) {
+      let a = Object.keys(this.tokens.links);
+      if (a.length > 0) for (; (s = this.tokenizer.rules.inline.reflinkSearch.exec(n)) !== null; ) a.includes(s[0].slice(s[0].lastIndexOf("[") + 1, -1)) && (n = n.slice(0, s.index) + "[" + "a".repeat(s[0].length - 2) + "]" + n.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex));
+    }
+    for (; (s = this.tokenizer.rules.inline.anyPunctuation.exec(n)) !== null; ) n = n.slice(0, s.index) + "++" + n.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);
+    let r;
+    for (; (s = this.tokenizer.rules.inline.blockSkip.exec(n)) !== null; ) r = s[2] ? s[2].length : 0, n = n.slice(0, s.index + r) + "[" + "a".repeat(s[0].length - r - 2) + "]" + n.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);
+    n = this.options.hooks?.emStrongMask?.call({ lexer: this }, n) ?? n;
+    let i = false, o = "", u = 1 / 0;
+    for (; e; ) {
+      if (e.length < u) u = e.length;
+      else {
+        this.infiniteLoopError(e.charCodeAt(0));
+        break;
+      }
+      i || (o = ""), i = false;
+      let a;
+      if (this.options.extensions?.inline?.some((p) => (a = p.call({ lexer: this }, e, t2)) ? (e = e.substring(a.raw.length), t2.push(a), true) : false)) continue;
+      if (a = this.tokenizer.escape(e)) {
+        e = e.substring(a.raw.length), t2.push(a);
+        continue;
+      }
+      if (a = this.tokenizer.tag(e)) {
+        e = e.substring(a.raw.length), t2.push(a);
+        continue;
+      }
+      if (a = this.tokenizer.link(e)) {
+        e = e.substring(a.raw.length), t2.push(a);
+        continue;
+      }
+      if (a = this.tokenizer.reflink(e, this.tokens.links)) {
+        e = e.substring(a.raw.length);
+        let p = t2.at(-1);
+        a.type === "text" && p?.type === "text" ? (p.raw += a.raw, p.text += a.text) : t2.push(a);
+        continue;
+      }
+      if (a = this.tokenizer.emStrong(e, n, o)) {
+        e = e.substring(a.raw.length), t2.push(a);
+        continue;
+      }
+      if (a = this.tokenizer.codespan(e)) {
+        e = e.substring(a.raw.length), t2.push(a);
+        continue;
+      }
+      if (a = this.tokenizer.br(e)) {
+        e = e.substring(a.raw.length), t2.push(a);
+        continue;
+      }
+      if (a = this.tokenizer.del(e, n, o)) {
+        e = e.substring(a.raw.length), t2.push(a);
+        continue;
+      }
+      if (a = this.tokenizer.autolink(e)) {
+        e = e.substring(a.raw.length), t2.push(a);
+        continue;
+      }
+      if (!this.state.inLink && (a = this.tokenizer.url(e))) {
+        e = e.substring(a.raw.length), t2.push(a);
+        continue;
+      }
+      let c = e;
+      if (this.options.extensions?.startInline) {
+        let p = 1 / 0, k = e.slice(1), h;
+        this.options.extensions.startInline.forEach((R) => {
+          h = R.call({ lexer: this }, k), typeof h == "number" && h >= 0 && (p = Math.min(p, h));
+        }), p < 1 / 0 && p >= 0 && (c = e.substring(0, p + 1));
+      }
+      if (a = this.tokenizer.inlineText(c)) {
+        e = e.substring(a.raw.length), a.raw.slice(-1) !== "_" && (o = a.raw.slice(-1)), i = true;
+        let p = t2.at(-1);
+        p?.type === "text" ? (p.raw += a.raw, p.text += a.text) : t2.push(a);
+        continue;
+      }
+      if (e) {
+        this.infiniteLoopError(e.charCodeAt(0));
+        break;
+      }
+    }
+    return t2;
+  }
+  infiniteLoopError(e) {
+    let t2 = "Infinite loop on byte: " + e;
+    if (this.options.silent) console.error(t2);
+    else throw new Error(t2);
+  }
+};
+var y = class {
+  options;
+  parser;
+  constructor(e) {
+    this.options = e || T;
+  }
+  space(e) {
+    return "";
+  }
+  code({ text: e, lang: t2, escaped: n }) {
+    let s = (t2 || "").match(m.notSpaceStart)?.[0], r = e.replace(m.endingNewline, "") + `
+`;
+    return s ? '<pre><code class="language-' + O(s) + '">' + (n ? r : O(r, true)) + `</code></pre>
+` : "<pre><code>" + (n ? r : O(r, true)) + `</code></pre>
+`;
+  }
+  blockquote({ tokens: e }) {
+    return `<blockquote>
+${this.parser.parse(e)}</blockquote>
+`;
+  }
+  html({ text: e }) {
+    return e;
+  }
+  def(e) {
+    return "";
+  }
+  heading({ tokens: e, depth: t2 }) {
+    return `<h${t2}>${this.parser.parseInline(e)}</h${t2}>
+`;
+  }
+  hr(e) {
+    return `<hr>
+`;
+  }
+  list(e) {
+    let t2 = e.ordered, n = e.start, s = "";
+    for (let o = 0; o < e.items.length; o++) {
+      let u = e.items[o];
+      s += this.listitem(u);
+    }
+    let r = t2 ? "ol" : "ul", i = t2 && n !== 1 ? ' start="' + n + '"' : "";
+    return "<" + r + i + `>
+` + s + "</" + r + `>
+`;
+  }
+  listitem(e) {
+    return `<li>${this.parser.parse(e.tokens)}</li>
+`;
+  }
+  checkbox({ checked: e }) {
+    return "<input " + (e ? 'checked="" ' : "") + 'disabled="" type="checkbox"> ';
+  }
+  paragraph({ tokens: e }) {
+    return `<p>${this.parser.parseInline(e)}</p>
+`;
+  }
+  table(e) {
+    let t2 = "", n = "";
+    for (let r = 0; r < e.header.length; r++) n += this.tablecell(e.header[r]);
+    t2 += this.tablerow({ text: n });
+    let s = "";
+    for (let r = 0; r < e.rows.length; r++) {
+      let i = e.rows[r];
+      n = "";
+      for (let o = 0; o < i.length; o++) n += this.tablecell(i[o]);
+      s += this.tablerow({ text: n });
+    }
+    return s && (s = `<tbody>${s}</tbody>`), `<table>
+<thead>
+` + t2 + `</thead>
+` + s + `</table>
+`;
+  }
+  tablerow({ text: e }) {
+    return `<tr>
+${e}</tr>
+`;
+  }
+  tablecell(e) {
+    let t2 = this.parser.parseInline(e.tokens), n = e.header ? "th" : "td";
+    return (e.align ? `<${n} align="${e.align}">` : `<${n}>`) + t2 + `</${n}>
+`;
+  }
+  strong({ tokens: e }) {
+    return `<strong>${this.parser.parseInline(e)}</strong>`;
+  }
+  em({ tokens: e }) {
+    return `<em>${this.parser.parseInline(e)}</em>`;
+  }
+  codespan({ text: e }) {
+    return `<code>${O(e, true)}</code>`;
+  }
+  br(e) {
+    return "<br>";
+  }
+  del({ tokens: e }) {
+    return `<del>${this.parser.parseInline(e)}</del>`;
+  }
+  link({ href: e, title: t2, tokens: n }) {
+    let s = this.parser.parseInline(n), r = V(e);
+    if (r === null) return s;
+    e = r;
+    let i = '<a href="' + e + '"';
+    return t2 && (i += ' title="' + O(t2) + '"'), i += ">" + s + "</a>", i;
+  }
+  image({ href: e, title: t2, text: n, tokens: s }) {
+    s && (n = this.parser.parseInline(s, this.parser.textRenderer));
+    let r = V(e);
+    if (r === null) return O(n);
+    e = r;
+    let i = `<img src="${e}" alt="${O(n)}"`;
+    return t2 && (i += ` title="${O(t2)}"`), i += ">", i;
+  }
+  text(e) {
+    return "tokens" in e && e.tokens ? this.parser.parseInline(e.tokens) : "escaped" in e && e.escaped ? e.text : O(e.text);
+  }
+};
+var L = class {
+  strong({ text: e }) {
+    return e;
+  }
+  em({ text: e }) {
+    return e;
+  }
+  codespan({ text: e }) {
+    return e;
+  }
+  del({ text: e }) {
+    return e;
+  }
+  html({ text: e }) {
+    return e;
+  }
+  text({ text: e }) {
+    return e;
+  }
+  link({ text: e }) {
+    return "" + e;
+  }
+  image({ text: e }) {
+    return "" + e;
+  }
+  br() {
+    return "";
+  }
+  checkbox({ raw: e }) {
+    return e;
+  }
+};
+var b = class l2 {
+  options;
+  renderer;
+  textRenderer;
+  constructor(e) {
+    this.options = e || T, this.options.renderer = this.options.renderer || new y(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new L();
+  }
+  static parse(e, t2) {
+    return new l2(t2).parse(e);
+  }
+  static parseInline(e, t2) {
+    return new l2(t2).parseInline(e);
+  }
+  parse(e) {
+    this.renderer.parser = this;
+    let t2 = "";
+    for (let n = 0; n < e.length; n++) {
+      let s = e[n];
+      if (this.options.extensions?.renderers?.[s.type]) {
+        let i = s, o = this.options.extensions.renderers[i.type].call({ parser: this }, i);
+        if (o !== false || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "def", "paragraph", "text"].includes(i.type)) {
+          t2 += o || "";
+          continue;
+        }
+      }
+      let r = s;
+      switch (r.type) {
+        case "space": {
+          t2 += this.renderer.space(r);
+          break;
+        }
+        case "hr": {
+          t2 += this.renderer.hr(r);
+          break;
+        }
+        case "heading": {
+          t2 += this.renderer.heading(r);
+          break;
+        }
+        case "code": {
+          t2 += this.renderer.code(r);
+          break;
+        }
+        case "table": {
+          t2 += this.renderer.table(r);
+          break;
+        }
+        case "blockquote": {
+          t2 += this.renderer.blockquote(r);
+          break;
+        }
+        case "list": {
+          t2 += this.renderer.list(r);
+          break;
+        }
+        case "checkbox": {
+          t2 += this.renderer.checkbox(r);
+          break;
+        }
+        case "html": {
+          t2 += this.renderer.html(r);
+          break;
+        }
+        case "def": {
+          t2 += this.renderer.def(r);
+          break;
+        }
+        case "paragraph": {
+          t2 += this.renderer.paragraph(r);
+          break;
+        }
+        case "text": {
+          t2 += this.renderer.text(r);
+          break;
+        }
+        default: {
+          let i = 'Token with "' + r.type + '" type was not found.';
+          if (this.options.silent) return console.error(i), "";
+          throw new Error(i);
+        }
+      }
+    }
+    return t2;
+  }
+  parseInline(e, t2 = this.renderer) {
+    this.renderer.parser = this;
+    let n = "";
+    for (let s = 0; s < e.length; s++) {
+      let r = e[s];
+      if (this.options.extensions?.renderers?.[r.type]) {
+        let o = this.options.extensions.renderers[r.type].call({ parser: this }, r);
+        if (o !== false || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(r.type)) {
+          n += o || "";
+          continue;
+        }
+      }
+      let i = r;
+      switch (i.type) {
+        case "escape": {
+          n += t2.text(i);
+          break;
+        }
+        case "html": {
+          n += t2.html(i);
+          break;
+        }
+        case "link": {
+          n += t2.link(i);
+          break;
+        }
+        case "image": {
+          n += t2.image(i);
+          break;
+        }
+        case "checkbox": {
+          n += t2.checkbox(i);
+          break;
+        }
+        case "strong": {
+          n += t2.strong(i);
+          break;
+        }
+        case "em": {
+          n += t2.em(i);
+          break;
+        }
+        case "codespan": {
+          n += t2.codespan(i);
+          break;
+        }
+        case "br": {
+          n += t2.br(i);
+          break;
+        }
+        case "del": {
+          n += t2.del(i);
+          break;
+        }
+        case "text": {
+          n += t2.text(i);
+          break;
+        }
+        default: {
+          let o = 'Token with "' + i.type + '" type was not found.';
+          if (this.options.silent) return console.error(o), "";
+          throw new Error(o);
+        }
+      }
+    }
+    return n;
+  }
+};
+var P = class {
+  options;
+  block;
+  constructor(e) {
+    this.options = e || T;
+  }
+  static passThroughHooks = /* @__PURE__ */ new Set(["preprocess", "postprocess", "processAllTokens", "emStrongMask"]);
+  static passThroughHooksRespectAsync = /* @__PURE__ */ new Set(["preprocess", "postprocess", "processAllTokens"]);
+  preprocess(e) {
+    return e;
+  }
+  postprocess(e) {
+    return e;
+  }
+  processAllTokens(e) {
+    return e;
+  }
+  emStrongMask(e) {
+    return e;
+  }
+  provideLexer(e = this.block) {
+    return e ? x.lex : x.lexInline;
+  }
+  provideParser(e = this.block) {
+    return e ? b.parse : b.parseInline;
+  }
+};
+var q = class {
+  defaults = M();
+  options = this.setOptions;
+  parse = this.parseMarkdown(true);
+  parseInline = this.parseMarkdown(false);
+  Parser = b;
+  Renderer = y;
+  TextRenderer = L;
+  Lexer = x;
+  Tokenizer = w;
+  Hooks = P;
+  constructor(...e) {
+    this.use(...e);
+  }
+  walkTokens(e, t2) {
+    let n = [];
+    for (let s of e) switch (n = n.concat(t2.call(this, s)), s.type) {
+      case "table": {
+        let r = s;
+        for (let i of r.header) n = n.concat(this.walkTokens(i.tokens, t2));
+        for (let i of r.rows) for (let o of i) n = n.concat(this.walkTokens(o.tokens, t2));
+        break;
+      }
+      case "list": {
+        let r = s;
+        n = n.concat(this.walkTokens(r.items, t2));
+        break;
+      }
+      default: {
+        let r = s;
+        this.defaults.extensions?.childTokens?.[r.type] ? this.defaults.extensions.childTokens[r.type].forEach((i) => {
+          let o = r[i].flat(1 / 0);
+          n = n.concat(this.walkTokens(o, t2));
+        }) : r.tokens && (n = n.concat(this.walkTokens(r.tokens, t2)));
+      }
+    }
+    return n;
+  }
+  use(...e) {
+    let t2 = this.defaults.extensions || { renderers: {}, childTokens: {} };
+    return e.forEach((n) => {
+      let s = { ...n };
+      if (s.async = this.defaults.async || s.async || false, n.extensions && (n.extensions.forEach((r) => {
+        if (!r.name) throw new Error("extension name required");
+        if ("renderer" in r) {
+          let i = t2.renderers[r.name];
+          i ? t2.renderers[r.name] = function(...o) {
+            let u = r.renderer.apply(this, o);
+            return u === false && (u = i.apply(this, o)), u;
+          } : t2.renderers[r.name] = r.renderer;
+        }
+        if ("tokenizer" in r) {
+          if (!r.level || r.level !== "block" && r.level !== "inline") throw new Error("extension level must be 'block' or 'inline'");
+          let i = t2[r.level];
+          i ? i.unshift(r.tokenizer) : t2[r.level] = [r.tokenizer], r.start && (r.level === "block" ? t2.startBlock ? t2.startBlock.push(r.start) : t2.startBlock = [r.start] : r.level === "inline" && (t2.startInline ? t2.startInline.push(r.start) : t2.startInline = [r.start]));
+        }
+        "childTokens" in r && r.childTokens && (t2.childTokens[r.name] = r.childTokens);
+      }), s.extensions = t2), n.renderer) {
+        let r = this.defaults.renderer || new y(this.defaults);
+        for (let i in n.renderer) {
+          if (!(i in r)) throw new Error(`renderer '${i}' does not exist`);
+          if (["options", "parser"].includes(i)) continue;
+          let o = i, u = n.renderer[o], a = r[o];
+          r[o] = (...c) => {
+            let p = u.apply(r, c);
+            return p === false && (p = a.apply(r, c)), p || "";
+          };
+        }
+        s.renderer = r;
+      }
+      if (n.tokenizer) {
+        let r = this.defaults.tokenizer || new w(this.defaults);
+        for (let i in n.tokenizer) {
+          if (!(i in r)) throw new Error(`tokenizer '${i}' does not exist`);
+          if (["options", "rules", "lexer"].includes(i)) continue;
+          let o = i, u = n.tokenizer[o], a = r[o];
+          r[o] = (...c) => {
+            let p = u.apply(r, c);
+            return p === false && (p = a.apply(r, c)), p;
+          };
+        }
+        s.tokenizer = r;
+      }
+      if (n.hooks) {
+        let r = this.defaults.hooks || new P();
+        for (let i in n.hooks) {
+          if (!(i in r)) throw new Error(`hook '${i}' does not exist`);
+          if (["options", "block"].includes(i)) continue;
+          let o = i, u = n.hooks[o], a = r[o];
+          P.passThroughHooks.has(i) ? r[o] = (c) => {
+            if (this.defaults.async && P.passThroughHooksRespectAsync.has(i)) return (async () => {
+              let k = await u.call(r, c);
+              return a.call(r, k);
+            })();
+            let p = u.call(r, c);
+            return a.call(r, p);
+          } : r[o] = (...c) => {
+            if (this.defaults.async) return (async () => {
+              let k = await u.apply(r, c);
+              return k === false && (k = await a.apply(r, c)), k;
+            })();
+            let p = u.apply(r, c);
+            return p === false && (p = a.apply(r, c)), p;
+          };
+        }
+        s.hooks = r;
+      }
+      if (n.walkTokens) {
+        let r = this.defaults.walkTokens, i = n.walkTokens;
+        s.walkTokens = function(o) {
+          let u = [];
+          return u.push(i.call(this, o)), r && (u = u.concat(r.call(this, o))), u;
+        };
+      }
+      this.defaults = { ...this.defaults, ...s };
+    }), this;
+  }
+  setOptions(e) {
+    return this.defaults = { ...this.defaults, ...e }, this;
+  }
+  lexer(e, t2) {
+    return x.lex(e, t2 ?? this.defaults);
+  }
+  parser(e, t2) {
+    return b.parse(e, t2 ?? this.defaults);
+  }
+  parseMarkdown(e) {
+    return (n, s) => {
+      let r = { ...s }, i = { ...this.defaults, ...r }, o = this.onError(!!i.silent, !!i.async);
+      if (this.defaults.async === true && r.async === false) return o(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));
+      if (typeof n > "u" || n === null) return o(new Error("marked(): input parameter is undefined or null"));
+      if (typeof n != "string") return o(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n) + ", string expected"));
+      if (i.hooks && (i.hooks.options = i, i.hooks.block = e), i.async) return (async () => {
+        let u = i.hooks ? await i.hooks.preprocess(n) : n, c = await (i.hooks ? await i.hooks.provideLexer(e) : e ? x.lex : x.lexInline)(u, i), p = i.hooks ? await i.hooks.processAllTokens(c) : c;
+        i.walkTokens && await Promise.all(this.walkTokens(p, i.walkTokens));
+        let h = await (i.hooks ? await i.hooks.provideParser(e) : e ? b.parse : b.parseInline)(p, i);
+        return i.hooks ? await i.hooks.postprocess(h) : h;
+      })().catch(o);
+      try {
+        i.hooks && (n = i.hooks.preprocess(n));
+        let a = (i.hooks ? i.hooks.provideLexer(e) : e ? x.lex : x.lexInline)(n, i);
+        i.hooks && (a = i.hooks.processAllTokens(a)), i.walkTokens && this.walkTokens(a, i.walkTokens);
+        let p = (i.hooks ? i.hooks.provideParser(e) : e ? b.parse : b.parseInline)(a, i);
+        return i.hooks && (p = i.hooks.postprocess(p)), p;
+      } catch (u) {
+        return o(u);
+      }
+    };
+  }
+  onError(e, t2) {
+    return (n) => {
+      if (n.message += `
+Please report this to https://github.com/markedjs/marked.`, e) {
+        let s = "<p>An error occurred:</p><pre>" + O(n.message + "", true) + "</pre>";
+        return t2 ? Promise.resolve(s) : s;
+      }
+      if (t2) return Promise.reject(n);
+      throw n;
+    };
+  }
+};
+var z = new q();
+function g(l3, e) {
+  return z.parse(l3, e);
+}
+g.options = g.setOptions = function(l3) {
+  return z.setOptions(l3), g.defaults = z.defaults, N(g.defaults), g;
+};
+g.getDefaults = M;
+g.defaults = T;
+g.use = function(...l3) {
+  return z.use(...l3), g.defaults = z.defaults, N(g.defaults), g;
+};
+g.walkTokens = function(l3, e) {
+  return z.walkTokens(l3, e);
+};
+g.parseInline = z.parseInline;
+g.Parser = b;
+g.parser = b.parse;
+g.Renderer = y;
+g.TextRenderer = L;
+g.Lexer = x;
+g.lexer = x.lex;
+g.Tokenizer = w;
+g.Hooks = P;
+g.parse = g;
+g.options;
+g.setOptions;
+g.use;
+g.walkTokens;
+g.parseInline;
+b.parse;
+x.lex;
+g.setOptions({ breaks: true, gfm: true });
+function sanitize(html) {
+  return html.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");
+}
+function renderMarkdown(text) {
+  if (!text) return "";
+  return sanitize(g.parse(text));
+}
+var IconMic = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "1", width: "6", height: "11", rx: "3" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 10v1a7 7 0 0 1-14 0v-1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23" })
+] });
+var IconSend = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 8l12-6-4 14-3-6-5-2z" }) });
+var IconTrash = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "13", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 4h12M5 4V3a1 1 0 011-1h4a1 1 0 011 1v1M6 7v5M10 7v5M3 4l1 9a2 2 0 002 2h4a2 2 0 002-2l1-9" }) });
+var IconBack = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "15 18 9 12 15 6" }) });
+function StreamingText({ targetText, streaming }) {
+  const CHARS_PER_FRAME = 2;
+  const displayedRef = react.useRef(0);
+  const rafRef = react.useRef(null);
+  const nodeRef = react.useRef(null);
+  const prevTargetRef = react.useRef("");
+  if (targetText.length < prevTargetRef.current.length) {
+    displayedRef.current = 0;
+  }
+  prevTargetRef.current = targetText;
+  react.useEffect(() => {
+    if (!streaming) {
+      displayedRef.current = targetText.length;
+      if (nodeRef.current) {
+        nodeRef.current.innerHTML = renderMarkdown(targetText);
+      }
+      return;
+    }
+    function tick() {
+      const target = targetText.length;
+      const current = displayedRef.current;
+      if (current < target) {
+        displayedRef.current = Math.min(current + CHARS_PER_FRAME, target);
+        const visible = targetText.slice(0, displayedRef.current);
+        if (nodeRef.current) {
+          nodeRef.current.innerHTML = renderMarkdown(visible);
+        }
+        rafRef.current = requestAnimationFrame(tick);
+      }
+    }
+    rafRef.current = requestAnimationFrame(tick);
+    return () => {
+      if (rafRef.current) cancelAnimationFrame(rafRef.current);
+    };
+  }, [targetText, streaming]);
+  const initialHtml = react.useMemo(() => {
+    if (!streaming) return renderMarkdown(targetText);
+    const visible = targetText.slice(0, displayedRef.current);
+    return renderMarkdown(visible);
+  }, [targetText, streaming]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-cv-md", ref: nodeRef, dangerouslySetInnerHTML: { __html: initialHtml } });
+}
+function ChatView({
+  agent,
+  server,
+  name,
+  locale,
+  labels,
+  chat,
+  tokenProvider,
+  onBack,
+  onVoiceCall
+}) {
+  const [input, setInput] = react.useState("");
+  const bodyRef = react.useRef(null);
+  const inputRef = react.useRef(null);
+  const chatTokenProvider = chat.tokenProvider || tokenProvider;
+  const { messages, send, connected, typing, error } = usePinecallChat({
+    agent,
+    server,
+    tokenProvider: chatTokenProvider
+  });
+  react.useEffect(() => {
+    requestAnimationFrame(() => {
+      if (bodyRef.current) {
+        bodyRef.current.scrollTo({ top: bodyRef.current.scrollHeight, behavior: "smooth" });
+      }
+    });
+  }, [messages, typing]);
+  const allMessages = react.useMemo(() => {
+    if (!chat.greeting) return messages;
+    const greetingMsg = {
+      id: 0,
+      role: "bot",
+      text: chat.greeting,
+      isStreaming: false
+    };
+    return [greetingMsg, ...messages];
+  }, [messages, chat.greeting]);
+  const hasUserMessages = messages.some((m2) => m2.role === "user");
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!input.trim() || typing) return;
+    send(input.trim());
+    setInput("");
+    requestAnimationFrame(() => inputRef.current?.focus({ preventScroll: true }));
+  };
+  const handleQuick = react.useCallback((query) => {
+    send(query);
+  }, [send]);
+  const handleClear = react.useCallback(() => {
+    window.location.reload();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-cv", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-cv-head", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "vw-cv-back", onClick: onBack, children: /* @__PURE__ */ jsxRuntime.jsx(IconBack, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-cv-avatar", children: name.charAt(0) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-cv-who", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-cv-name", children: name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vw-cv-status", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `vw-cv-dot ${connected ? "" : "vw-cv-dot--off"}` }),
+          connected ? "en l\xEDnea" : "conectando\u2026"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-cv-actions", children: [
+        hasUserMessages && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "vw-cv-action", onClick: handleClear, title: "Nueva conversaci\xF3n", children: /* @__PURE__ */ jsxRuntime.jsx(IconTrash, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "vw-cv-action vw-cv-action--voice", onClick: onVoiceCall, title: "Llamada de voz", children: /* @__PURE__ */ jsxRuntime.jsx(IconMic, {}) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-cv-body", ref: bodyRef, children: [
+      allMessages.map((msg) => {
+        if (msg.role === "user") {
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-cv-msg vw-cv-msg--user", children: msg.text }, msg.id);
+        }
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `vw-cv-msg vw-cv-msg--bot ${msg.isStreaming ? "vw-cv-streaming" : ""}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(StreamingText, { targetText: msg.text || "", streaming: !!msg.isStreaming }),
+          msg.isStreaming && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-cv-cursor" })
+        ] }, msg.id);
+      }),
+      typing && !messages.some((m2) => m2.isStreaming) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-cv-msg vw-cv-msg--bot vw-cv-skeleton", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-cv-sk-dot" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-cv-sk-dot" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-cv-sk-dot" })
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-cv-msg vw-cv-msg--bot", style: { color: "rgba(248,113,113,.9)", borderColor: "rgba(248,113,113,.2)" }, children: [
+        "\u26A0\uFE0F ",
+        error
+      ] })
+    ] }),
+    !hasUserMessages && chat.quickOptions && chat.quickOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-cv-quick", children: chat.quickOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => handleQuick(opt.query), disabled: typing, children: opt.label }, i)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "vw-cv-input", onSubmit: handleSubmit, autoComplete: "off", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          placeholder: "Escrib\xED tu mensaje...",
+          value: input,
+          onChange: (e) => setInput(e.target.value),
+          disabled: typing
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "vw-cv-send", disabled: typing || !input.trim(), children: /* @__PURE__ */ jsxRuntime.jsx(IconSend, {}) })
+    ] })
+  ] });
+}
+var IconMic2 = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "1", width: "6", height: "11", rx: "3" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 10v1a7 7 0 0 1-14 0v-1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23" })
+] });
+var IconWhatsApp = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.5 14.4c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.2-.7.1-.2.3-.8.9-1 1.1-.2.2-.4.2-.7.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6.1-.1.3-.4.4-.5.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5-.1-.1-.7-1.7-.9-2.3-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4 0 1.4 1 2.8 1.2 3 .1.2 2 3 4.8 4.2.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.1-.3-.2-.6-.3zM12 2C6.5 2 2 6.5 2 12c0 1.8.5 3.5 1.3 5L2 22l5.2-1.3c1.4.8 3 1.2 4.7 1.2h.1c5.5 0 10-4.5 10-10S17.5 2 12 2z" }) });
+var IconPhone = ({ size = 20 }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" }) });
+var IconX = ({ size = 16 }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+] });
+function findLastIndex(arr, fn) {
+  for (let i = arr.length - 1; i >= 0; i--) {
+    if (fn(arr[i])) return i;
+  }
+  return -1;
+}
+function whatsappUrl(phone) {
+  const clean = phone.replace(/\D/g, "");
+  return `https://wa.me/${clean}`;
+}
+function ContactHub({
+  open,
+  onClose,
+  channels,
+  name,
+  locale,
+  labels,
+  avatar,
+  callMeEndpoint,
+  agent,
+  server,
+  chat,
+  tokenProvider,
+  onCallMeState,
+  connect
+}) {
+  const [view, setView] = react.useState("menu");
+  const [phone, setPhone] = react.useState("");
+  const [status, setStatus] = react.useState("idle");
+  const [errorMsg, setErrorMsg] = react.useState("");
+  react.useEffect(() => {
+    if (document.getElementById("vw-hub-styles")) return;
+    const el = document.createElement("style");
+    el.id = "vw-hub-styles";
+    el.textContent = HUB_CSS + CHAT_VIEW_CSS;
+    document.head.appendChild(el);
+  }, []);
+  const sseAbortRef = react.useRef(null);
+  const sseMessagesRef = react.useRef([]);
+  const sseIdCounter = react.useRef(0);
+  const sseDurationRef = react.useRef(0);
+  const sseTimerRef = react.useRef(null);
+  const sseStartTimeRef = react.useRef(null);
+  const ssePhoneRef = react.useRef("");
+  react.useEffect(() => {
+    if (!open) {
+      const timer = setTimeout(() => {
+        setView("menu");
+        setStatus("idle");
+        setPhone("");
+        setErrorMsg("");
+      }, 300);
+      return () => clearTimeout(timer);
+    }
+  }, [open]);
+  react.useEffect(() => {
+    return () => {
+      sseAbortRef.current?.abort();
+      if (sseTimerRef.current) clearInterval(sseTimerRef.current);
+    };
+  }, []);
+  const hasWebrtc = channels.some((c) => c.type === "webrtc");
+  const hasChat = channels.some((c) => c.type === "chat") && !!chat;
+  const waChannel = channels.find((c) => c.type === "whatsapp" && c.phone);
+  const phoneChannel = channels.find((c) => c.type === "phone");
+  const showCallMe = !!callMeEndpoint && !!phoneChannel;
+  const handleVoice = async () => {
+    onClose();
+    await connect();
+  };
+  const l3 = (key) => t(locale, key, labels, { name });
+  const handleVoiceFromChat = async () => {
+    onClose();
+    await connect();
+  };
+  const emitSSEState = (status2) => {
+    onCallMeState?.({
+      status: status2,
+      messages: [...sseMessagesRef.current],
+      duration: sseDurationRef.current,
+      phone: ssePhoneRef.current
+    });
+  };
+  const handleSSEEvent = (event, data) => {
+    switch (event) {
+      case "call.started": {
+        sseStartTimeRef.current = Date.now();
+        sseTimerRef.current = setInterval(() => {
+          sseDurationRef.current = Math.floor((Date.now() - sseStartTimeRef.current) / 1e3);
+          emitSSEState("connected");
+        }, 1e3);
+        emitSSEState("connected");
+        break;
+      }
+      case "bot.word": {
+        const mid = data.messageId;
+        const msgs = sseMessagesRef.current;
+        const idx = msgs.findIndex((m2) => m2.role === "bot" && m2.messageId === mid);
+        if (idx >= 0) {
+          msgs[idx] = { ...msgs[idx], text: data.text, speaking: true };
+        } else {
+          msgs.push({ id: ++sseIdCounter.current, role: "bot", messageId: mid, text: data.text, speaking: true });
+        }
+        sseMessagesRef.current = [...msgs];
+        emitSSEState("connected");
+        break;
+      }
+      case "bot.confirmed": {
+        const mid = data.messageId;
+        const msgs = sseMessagesRef.current;
+        const idx = msgs.findIndex((m2) => m2.role === "bot" && m2.messageId === mid);
+        if (idx >= 0) {
+          msgs[idx] = { ...msgs[idx], text: data.text, speaking: false };
+        } else {
+          msgs.push({ id: ++sseIdCounter.current, role: "bot", messageId: mid, text: data.text, speaking: false });
+        }
+        sseMessagesRef.current = [...msgs];
+        emitSSEState("connected");
+        break;
+      }
+      case "user.speaking": {
+        if (!data.text) break;
+        const msgs = sseMessagesRef.current;
+        const lastUserIdx = findLastIndex(msgs, (m2) => m2.role === "user");
+        const hasBotAfter = lastUserIdx >= 0 && msgs.slice(lastUserIdx + 1).some((m2) => m2.role === "bot");
+        if (lastUserIdx >= 0 && !hasBotAfter) {
+          msgs[lastUserIdx] = { ...msgs[lastUserIdx], text: data.text, isInterim: true };
+        } else {
+          msgs.push({ id: ++sseIdCounter.current, role: "user", text: data.text, isInterim: true });
+        }
+        sseMessagesRef.current = [...msgs];
+        emitSSEState("connected");
+        break;
+      }
+      case "user.message": {
+        if (!data.text) break;
+        const msgs = sseMessagesRef.current;
+        const idx = findLastIndex(msgs, (m2) => m2.role === "user" && !!m2.isInterim);
+        if (idx >= 0) {
+          msgs[idx] = { ...msgs[idx], text: data.text, isInterim: false };
+        } else {
+          msgs.push({ id: ++sseIdCounter.current, role: "user", text: data.text, isInterim: false });
+        }
+        sseMessagesRef.current = [...msgs];
+        emitSSEState("connected");
+        break;
+      }
+      case "call.ended": {
+        sseDurationRef.current = data.duration || sseDurationRef.current;
+        if (sseTimerRef.current) clearInterval(sseTimerRef.current);
+        onCallMeState?.({
+          status: "ended",
+          messages: [...sseMessagesRef.current],
+          duration: sseDurationRef.current,
+          phone: ssePhoneRef.current
+        });
+        break;
+      }
+      case "error": {
+        if (sseTimerRef.current) clearInterval(sseTimerRef.current);
+        onCallMeState?.({
+          status: "error",
+          messages: [],
+          duration: 0,
+          phone: ssePhoneRef.current,
+          error: data.message
+        });
+        break;
+      }
+    }
+  };
+  const startCallMe = async (phoneNum) => {
+    sseMessagesRef.current = [];
+    sseIdCounter.current = 0;
+    sseDurationRef.current = 0;
+    sseStartTimeRef.current = null;
+    ssePhoneRef.current = phoneNum;
+    const controller = new AbortController();
+    sseAbortRef.current = controller;
+    onCallMeState?.({ status: "dialing", messages: [], duration: 0, phone: phoneNum });
+    let res;
+    try {
+      res = await fetch(callMeEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ phone: phoneNum }),
+        signal: controller.signal
+      });
+    } catch (err) {
+      if (err.name === "AbortError") return;
+      onCallMeState?.({ status: "error", messages: [], duration: 0, phone: phoneNum, error: l3("callMe.error") });
+      return;
+    }
+    const ct = res.headers.get("content-type") || "";
+    if (ct.includes("application/json")) {
+      const data = await res.json().catch(() => ({}));
+      onCallMeState?.({ status: "error", messages: [], duration: 0, phone: phoneNum, error: data.error || l3("callMe.error") });
+      return;
+    }
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = "";
+    try {
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split("\n");
+        buffer = lines.pop();
+        let currentEvent = "";
+        for (const line of lines) {
+          if (line.startsWith("event: ")) {
+            currentEvent = line.slice(7).trim();
+          } else if (line.startsWith("data: ") && currentEvent) {
+            try {
+              const data = JSON.parse(line.slice(6));
+              handleSSEEvent(currentEvent, data);
+            } catch {
+            }
+            currentEvent = "";
+          }
+        }
+      }
+    } catch (err) {
+      if (err.name !== "AbortError") {
+        console.error("[ContactHub] Stream error:", err);
+      }
+    }
+  };
+  const handleStartCall = (e) => {
+    e.preventDefault();
+    if (!phone.trim()) return;
+    onClose();
+    startCallMe(phone.trim());
+  };
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-hub-backdrop", onClick: (e) => {
+    if (e.target === e.currentTarget) onClose();
+  }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `vw-hub-panel${view === "chat" ? " vw-hub-panel--chat" : ""}`, children: [
+    view !== "chat" && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "vw-hub-close", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(IconX, {}) }),
+    view === "menu" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-hub-menu", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-hub-header", children: [
+        avatar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-hub-avatar", children: avatar }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: l3("hub.title") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: l3("hub.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-hub-options", children: [
+        hasWebrtc && /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "vw-hub-opt", onClick: handleVoice, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-icon vw-hub-icon--voice", children: /* @__PURE__ */ jsxRuntime.jsx(IconMic2, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vw-hub-body", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-title", children: l3("hub.voice") }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-desc", children: l3("hub.voiceDesc") })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-arrow", children: "\u2192" })
+        ] }),
+        hasChat && /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "vw-hub-opt", onClick: () => setView("chat"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-icon vw-hub-icon--chat", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vw-hub-body", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-title", children: l3("hub.chat") }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-desc", children: l3("hub.chatDesc") })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-arrow", children: "\u2192" })
+        ] }),
+        waChannel && /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            className: "vw-hub-opt",
+            href: whatsappUrl(waChannel.phone),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            onClick: onClose,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-icon vw-hub-icon--wa", children: /* @__PURE__ */ jsxRuntime.jsx(IconWhatsApp, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vw-hub-body", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-title", children: l3("hub.whatsapp") }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-desc", children: l3("hub.whatsappDesc") })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-arrow", children: "\u2192" })
+            ]
+          }
+        ),
+        showCallMe && /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "vw-hub-opt", onClick: () => setView("call"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-icon vw-hub-icon--call", children: /* @__PURE__ */ jsxRuntime.jsx(IconPhone, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vw-hub-body", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-title", children: l3("hub.callMe") }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-desc", children: l3("hub.callMeDesc") })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-hub-arrow", children: "\u2192" })
+        ] })
+      ] })
+    ] }) : view === "call" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vw-cm", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "vw-cm-back", onClick: () => setView("menu"), children: [
+        "\u2190 ",
+        l3("callMe.back")
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vw-cm-phone-icon", children: /* @__PURE__ */ jsxRuntime.jsx(IconPhone, { size: 24 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { children: l3("callMe.title") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "vw-cm-form", onSubmit: handleStartCall, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "tel",
+            placeholder: l3("callMe.placeholder"),
+            value: phone,
+            onChange: (e) => {
+              setPhone(e.target.value);
+              if (status === "error") setStatus("idle");
+            },
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "submit", disabled: !phone.trim(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(IconPhone, { size: 16 }),
+          l3("callMe.submit")
+        ] }),
+        status === "error" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-cm-error", children: errorMsg }),
+        l3("callMe.formNote") && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "vw-cm-note", dangerouslySetInnerHTML: { __html: l3("callMe.formNote") } })
+      ] })
+    ] }) : view === "chat" ? /* @__PURE__ */ jsxRuntime.jsx(
+      ChatView,
+      {
+        agent,
+        server,
+        name,
+        locale,
+        labels,
+        chat,
+        tokenProvider,
+        onBack: () => setView("menu"),
+        onVoiceCall: handleVoiceFromChat
+      }
+    ) : null
+  ] }) });
+}
+var cache = /* @__PURE__ */ new Map();
+function useAgentInfo(agentId, server = "https://voice.pinecall.io") {
+  const key = `${server}|${agentId}`;
+  const [info, setInfo] = react.useState(cache.get(key) ?? null);
+  const [loading, setLoading] = react.useState(!cache.has(key));
+  const mountedRef = react.useRef(true);
+  react.useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  react.useEffect(() => {
+    if (cache.has(key)) {
+      setInfo(cache.get(key));
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    const baseUrl = server.replace(/\/$/, "");
+    fetch(`${baseUrl}/api/sdk/agent-info/${encodeURIComponent(agentId)}`).then((res) => {
+      if (!res.ok) throw new Error(`${res.status}`);
+      return res.json();
+    }).then((data) => {
+      if (!cancelled && mountedRef.current) {
+        cache.set(key, data);
+        setInfo(data);
+        setLoading(false);
+      }
+    }).catch(() => {
+      if (!cancelled && mountedRef.current) {
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [key]);
+  return { info, loading };
+}
+
+exports.ChatView = ChatView;
+exports.ContactHub = ContactHub;
+exports.PRESETS = PRESETS;
+exports.VoiceWidget = VoiceWidget;
+exports.t = t;
+exports.useAgentInfo = useAgentInfo;
+exports.useVoice = useVoice;
+exports.useVoiceSession = useVoiceSession;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map