@cognitiondesk/widget 1.1.0

package/dist/widget.es.js

@@ -0,0 +1,531 @@
+const u = "https://mounaji-backendv3.onrender.com", b = `
+  :host {
+    all: initial;
+    font-family: system-ui, sans-serif;
+    --cd-offset: clamp(12px, 4vw, 24px);
+    --cd-launcher-size: clamp(56px, 14vw, 64px);
+    --cd-launcher-gap: 12px;
+    --cd-viewport-height: 100vh;
+    --cd-safe-top: env(safe-area-inset-top, 0px);
+    --cd-safe-right: env(safe-area-inset-right, 0px);
+    --cd-safe-bottom: env(safe-area-inset-bottom, 0px);
+    --cd-safe-left: env(safe-area-inset-left, 0px);
+  }
+
+  .cd-root {
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: 2147483000;
+  }
+
+  .cd-root > * {
+    pointer-events: auto;
+  }
+
+  .cd-widget-btn {
+    position: fixed;
+    bottom: calc(var(--cd-offset) + var(--cd-safe-bottom));
+    right: calc(var(--cd-offset) + var(--cd-safe-right));
+    z-index: 2147483647;
+    width: var(--cd-launcher-size);
+    height: var(--cd-launcher-size);
+    border-radius: 50%;
+    background: var(--cd-primary, #2563eb);
+    color: #fff;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 20px rgba(37,99,235,.45);
+    transition: transform .2s, box-shadow .2s;
+    touch-action: manipulation;
+  }
+  .cd-widget-btn:hover { transform: scale(1.08); box-shadow: 0 6px 24px rgba(37,99,235,.55); }
+  .cd-widget-btn svg { width: 26px; height: 26px; }
+
+  .cd-panel {
+    position: fixed;
+    bottom: calc(var(--cd-offset) + var(--cd-safe-bottom) + var(--cd-launcher-size) + var(--cd-launcher-gap));
+    right: calc(var(--cd-offset) + var(--cd-safe-right));
+    z-index: 2147483646;
+    width: min(380px, calc(100vw - (var(--cd-offset) * 2) - var(--cd-safe-left) - var(--cd-safe-right)));
+    height: min(560px, calc(var(--cd-viewport-height) - (var(--cd-offset) * 2) - var(--cd-safe-top) - var(--cd-safe-bottom) - var(--cd-launcher-size) - var(--cd-launcher-gap)));
+    max-height: calc(var(--cd-viewport-height) - (var(--cd-offset) * 2) - var(--cd-safe-top) - var(--cd-safe-bottom));
+    background: #fff;
+    border-radius: 16px;
+    box-shadow: 0 12px 40px rgba(0,0,0,.18);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    transform: scale(.96) translateY(8px);
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity .2s, transform .2s;
+    overscroll-behavior: contain;
+  }
+  .cd-panel.open {
+    transform: scale(1) translateY(0);
+    opacity: 1;
+    pointer-events: all;
+  }
+
+  .cd-header {
+    background: var(--cd-primary, #2563eb);
+    color: #fff;
+    padding: 14px 16px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex-shrink: 0;
+  }
+  .cd-header-avatar {
+    width: 36px; height: 36px; border-radius: 50%;
+    background: rgba(255,255,255,.25);
+    display: flex; align-items: center; justify-content: center;
+    font-size: 18px;
+  }
+  .cd-header-info { flex: 1; min-width: 0; }
+  .cd-header-name { font-size: 14px; font-weight: 600; }
+  .cd-header-status { font-size: 11px; opacity: .85; display: flex; align-items: center; gap: 4px; }
+  .cd-status-dot { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; }
+  .cd-close-btn {
+    background: none; border: none; color: rgba(255,255,255,.75);
+    cursor: pointer; padding: 4px; border-radius: 6px;
+    display: flex; align-items: center; justify-content: center;
+  }
+  .cd-close-btn:hover { color: #fff; background: rgba(255,255,255,.15); }
+  .cd-close-btn svg { width: 18px; height: 18px; }
+
+  .cd-messages {
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    background: #f8fafc;
+  }
+  .cd-msg {
+    max-width: 78%;
+    padding: 10px 13px;
+    border-radius: 14px;
+    font-size: 13.5px;
+    line-height: 1.5;
+    word-break: break-word;
+  }
+  .cd-msg.user {
+    align-self: flex-end;
+    background: var(--cd-primary, #2563eb);
+    color: #fff;
+    border-bottom-right-radius: 4px;
+  }
+  .cd-msg.assistant {
+    align-self: flex-start;
+    background: #fff;
+    color: #1e293b;
+    border-bottom-left-radius: 4px;
+    box-shadow: 0 1px 4px rgba(0,0,0,.08);
+  }
+  .cd-msg.error {
+    align-self: flex-start;
+    background: #fef2f2;
+    color: #b91c1c;
+    border-bottom-left-radius: 4px;
+  }
+  .cd-typing { display: flex; gap: 4px; align-items: center; padding: 4px 0; }
+  .cd-typing span {
+    width: 7px; height: 7px; background: #94a3b8; border-radius: 50%;
+    animation: cd-bounce .9s infinite;
+  }
+  .cd-typing span:nth-child(2) { animation-delay: .15s; }
+  .cd-typing span:nth-child(3) { animation-delay: .3s; }
+  @keyframes cd-bounce {
+    0%,60%,100% { transform: translateY(0); }
+    30% { transform: translateY(-5px); }
+  }
+
+  .cd-input-area {
+    border-top: 1px solid #e2e8f0;
+    padding: 12px;
+    padding-bottom: calc(12px + (var(--cd-safe-bottom) * 0.35));
+    display: flex;
+    gap: 8px;
+    align-items: flex-end;
+    background: #fff;
+    flex-shrink: 0;
+  }
+  .cd-textarea {
+    flex: 1;
+    border: 1px solid #e2e8f0;
+    border-radius: 10px;
+    padding: 9px 12px;
+    font-size: 13.5px;
+    font-family: inherit;
+    resize: none;
+    outline: none;
+    max-height: 120px;
+    line-height: 1.5;
+    background: #f8fafc;
+    color: #1e293b;
+    transition: border-color .15s;
+  }
+  .cd-textarea:focus { border-color: var(--cd-primary, #2563eb); background: #fff; }
+  .cd-send-btn {
+    width: 36px; height: 36px;
+    background: var(--cd-primary, #2563eb);
+    color: #fff;
+    border: none;
+    border-radius: 10px;
+    cursor: pointer;
+    display: flex; align-items: center; justify-content: center;
+    flex-shrink: 0;
+    transition: opacity .15s;
+  }
+  .cd-send-btn:disabled { opacity: .45; cursor: not-allowed; }
+  .cd-send-btn svg { width: 16px; height: 16px; }
+
+  .cd-powered {
+    text-align: center;
+    font-size: 10px;
+    color: #94a3b8;
+    padding: 6px 0;
+    background: #fff;
+    flex-shrink: 0;
+  }
+  .cd-powered a { color: #94a3b8; text-decoration: none; }
+  .cd-powered a:hover { color: #64748b; }
+
+  /* Dark theme */
+  .cd-dark .cd-panel { background: #1e293b; }
+  .cd-dark .cd-messages { background: #0f172a; }
+  .cd-dark .cd-msg.assistant { background: #1e293b; color: #f1f5f9; box-shadow: 0 1px 4px rgba(0,0,0,.3); }
+  .cd-dark .cd-input-area { background: #1e293b; border-color: #334155; }
+  .cd-dark .cd-textarea { background: #0f172a; border-color: #334155; color: #f1f5f9; }
+  .cd-dark .cd-textarea:focus { border-color: var(--cd-primary, #3b82f6); }
+  .cd-dark .cd-powered { background: #1e293b; }
+
+  @media (max-width: 640px) {
+    .cd-panel {
+      left: calc(var(--cd-offset) + var(--cd-safe-left));
+      right: calc(var(--cd-offset) + var(--cd-safe-right));
+      width: auto;
+      height: min(540px, calc(var(--cd-viewport-height) - (var(--cd-offset) * 2) - var(--cd-safe-top) - var(--cd-safe-bottom) - 12px));
+    }
+  }
+
+  @media (max-width: 480px) {
+    .cd-panel {
+      top: var(--cd-safe-top);
+      right: 0;
+      bottom: 0;
+      left: 0;
+      width: auto;
+      height: calc(var(--cd-viewport-height) - var(--cd-safe-top));
+      max-height: calc(var(--cd-viewport-height) - var(--cd-safe-top));
+      border-radius: 18px 18px 0 0;
+    }
+
+    .cd-header {
+      padding: 16px;
+    }
+
+    .cd-messages {
+      padding: 14px;
+    }
+
+    .cd-input-area {
+      padding: 10px;
+      padding-bottom: calc(10px + var(--cd-safe-bottom));
+    }
+
+    .cd-textarea {
+      font-size: 16px;
+    }
+  }
+`, h = {
+  chat: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>',
+  close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',
+  send: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>'
+};
+function _() {
+  return "cd_" + Math.random().toString(36).slice(2) + Date.now().toString(36);
+}
+class m {
+  constructor(e = {}) {
+    if (!e.apiKey) throw new Error("[CognitionDesk] apiKey is required");
+    this._cfg = {
+      apiKey: e.apiKey,
+      widgetId: e.widgetId || null,
+      assistantId: e.assistantId || null,
+      backendUrl: e.backendUrl || u,
+      primaryColor: e.primaryColor || "#2563eb",
+      theme: e.theme || "light",
+      // 'light' | 'dark' | 'auto'
+      botName: e.botName || "AI Assistant",
+      botEmoji: e.botEmoji || "🤖",
+      welcomeMessage: e.welcomeMessage || "Hello! How can I help you today?",
+      placeholder: e.placeholder || "Type a message…",
+      position: e.position || "bottom-right",
+      streaming: e.streaming !== !1
+      // default: true
+    }, this._sessionId = _(), this._messages = [], this._open = !1, this._loading = !1, this._container = null, this._shadow = null, this._panel = null, this._messagesEl = null, this._textarea = null, this._sendBtn = null, this._viewportHandler = null;
+  }
+  // ── Public API ──────────────────────────────────────────────────────────────
+  /**
+   * Mount the widget.
+   * If `widgetId` was provided, fetches the server-side config first (async).
+   * Returns a Promise so callers can await full initialisation.
+   */
+  mount(e) {
+    const t = () => {
+      const s = e || document.body;
+      this._container = document.createElement("div"), this._container.setAttribute("data-cognitiondesk", ""), s.appendChild(this._container), this._shadow = this._container.attachShadow({ mode: "open" });
+      const a = document.createElement("style");
+      a.textContent = b, this._shadow.appendChild(a), this._buildDOM(), this._applyTheme(), this._syncViewportMetrics(), this._bindViewportMetrics(), this._bindEvents(), this._cfg.welcomeMessage && this._appendMessage("assistant", this._cfg.welcomeMessage, !1);
+    };
+    return this._cfg.widgetId ? this._fetchWidgetConfig().then(() => t()).catch(() => t()) : (t(), Promise.resolve(this));
+  }
+  /**
+   * Fetch public widget config from the platform and merge into this._cfg.
+   * Only fields not already overridden by the constructor are applied.
+   */
+  async _fetchWidgetConfig() {
+    var t;
+    const e = `${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;
+    try {
+      const s = await fetch(e);
+      if (!s.ok) return;
+      const { config: a } = await s.json();
+      if (!a) return;
+      a.botName && !this._userSet("botName") && (this._cfg.botName = a.botName), a.welcomeMessage && !this._userSet("welcomeMessage") && (this._cfg.welcomeMessage = a.welcomeMessage), a.primaryColor && !this._userSet("primaryColor") && (this._cfg.primaryColor = a.primaryColor), a.placeholder && !this._userSet("placeholder") && (this._cfg.placeholder = a.placeholder), a.assistantId && !this._cfg.assistantId && (this._cfg.assistantId = a.assistantId), (t = a.avatar) != null && t.value && !this._userSet("botEmoji") && (this._cfg.botEmoji = a.avatar.value);
+    } catch {
+    }
+  }
+  // eslint-disable-next-line no-unused-vars
+  _userSet(e) {
+    return !1;
+  }
+  unmount() {
+    this._unbindViewportMetrics(), this._container && (this._container.remove(), this._container = null);
+  }
+  open() {
+    var e, t;
+    this._open = !0, this._syncViewportMetrics(), (e = this._panel) == null || e.classList.add("open"), (t = this._textarea) == null || t.focus();
+  }
+  close() {
+    var e;
+    this._open = !1, (e = this._panel) == null || e.classList.remove("open");
+  }
+  toggle() {
+    this._open ? this.close() : this.open();
+  }
+  clearHistory() {
+    this._messages = [], this._messagesEl && (this._messagesEl.innerHTML = ""), this._cfg.welcomeMessage && this._appendMessage("assistant", this._cfg.welcomeMessage);
+  }
+  // ── DOM ─────────────────────────────────────────────────────────────────────
+  _buildDOM() {
+    const e = document.createElement("div");
+    e.className = "cd-root";
+    const t = document.createElement("button");
+    t.className = "cd-widget-btn", t.innerHTML = h.chat, t.setAttribute("aria-label", "Open chat"), t.style.setProperty("--cd-primary", this._cfg.primaryColor), this._toggleBtn = t;
+    const s = document.createElement("div");
+    s.className = "cd-panel", this._panel = s;
+    const a = document.createElement("div");
+    a.className = "cd-header", a.innerHTML = `
+      <div class="cd-header-avatar">${this._cfg.botEmoji}</div>
+      <div class="cd-header-info">
+        <div class="cd-header-name">${this._escHtml(this._cfg.botName)}</div>
+        <div class="cd-header-status">
+          <span class="cd-status-dot"></span> Online
+        </div>
+      </div>
+    `;
+    const r = document.createElement("button");
+    r.className = "cd-close-btn", r.innerHTML = h.close, r.setAttribute("aria-label", "Close chat"), a.appendChild(r), this._closeBtn = r;
+    const i = document.createElement("div");
+    i.className = "cd-messages", i.setAttribute("role", "log"), i.setAttribute("aria-live", "polite"), this._messagesEl = i;
+    const n = document.createElement("div");
+    n.className = "cd-input-area";
+    const o = document.createElement("textarea");
+    o.className = "cd-textarea", o.rows = 1, o.placeholder = this._cfg.placeholder, this._textarea = o;
+    const d = document.createElement("button");
+    d.className = "cd-send-btn", d.innerHTML = h.send, d.setAttribute("aria-label", "Send"), this._sendBtn = d, n.appendChild(o), n.appendChild(d);
+    const l = document.createElement("div");
+    l.className = "cd-powered", l.innerHTML = 'Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>', s.appendChild(a), s.appendChild(i), s.appendChild(n), s.appendChild(l), e.appendChild(t), e.appendChild(s), this._shadow.appendChild(e), this._root = e;
+  }
+  _applyTheme() {
+    var t, s, a;
+    (this._cfg.theme === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : this._cfg.theme) === "dark" && ((t = this._root) == null || t.classList.add("cd-dark")), (s = this._root) == null || s.style.setProperty("--cd-primary", this._cfg.primaryColor), (a = this._panel) == null || a.style.setProperty("--cd-primary", this._cfg.primaryColor);
+  }
+  // ── Events ──────────────────────────────────────────────────────────────────
+  _bindEvents() {
+    this._toggleBtn.addEventListener("click", () => this.toggle()), this._closeBtn.addEventListener("click", () => this.close()), this._sendBtn.addEventListener("click", () => this._sendMessage()), this._textarea.addEventListener("keydown", (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), this._sendMessage());
+    }), this._textarea.addEventListener("input", () => {
+      this._textarea.style.height = "auto", this._textarea.style.height = Math.min(this._textarea.scrollHeight, 120) + "px";
+    }), this._textarea.addEventListener("focus", () => {
+      this._syncViewportMetrics();
+    });
+  }
+  _bindViewportMetrics() {
+    this._viewportHandler || (this._viewportHandler = () => this._syncViewportMetrics(), window.addEventListener("resize", this._viewportHandler, { passive: !0 }), window.addEventListener("orientationchange", this._viewportHandler), window.visualViewport && (window.visualViewport.addEventListener("resize", this._viewportHandler), window.visualViewport.addEventListener("scroll", this._viewportHandler)));
+  }
+  _unbindViewportMetrics() {
+    this._viewportHandler && (window.removeEventListener("resize", this._viewportHandler), window.removeEventListener("orientationchange", this._viewportHandler), window.visualViewport && (window.visualViewport.removeEventListener("resize", this._viewportHandler), window.visualViewport.removeEventListener("scroll", this._viewportHandler)), this._viewportHandler = null);
+  }
+  _syncViewportMetrics() {
+    const e = this._root || this._container;
+    if (!e) return;
+    const t = window.visualViewport, s = t ? t.height : window.innerHeight;
+    e.style.setProperty("--cd-viewport-height", `${Math.round(s)}px`);
+  }
+  // ── Chat ────────────────────────────────────────────────────────────────────
+  async _sendMessage() {
+    const e = this._textarea.value.trim();
+    if (!(!e || this._loading)) {
+      this._textarea.value = "", this._textarea.style.height = "auto", this._loading = !0, this._sendBtn.disabled = !0, this._messages.push({ role: "user", content: e }), this._appendMessage("user", e, !1);
+      try {
+        if (this._cfg.streaming)
+          await this._callApiStream();
+        else {
+          const t = this._showTyping(), s = await this._callApi();
+          this._removeTyping(t), this._messages.push({ role: "assistant", content: s }), this._appendMessage("assistant", s, !0);
+        }
+      } catch (t) {
+        this._appendMessage("error", "Sorry, something went wrong. Please try again.", !1), console.error("[CognitionDesk]", t);
+      } finally {
+        this._loading = !1, this._sendBtn.disabled = !1, this._textarea.focus();
+      }
+    }
+  }
+  _buildRequestBody() {
+    return {
+      messages: this._messages,
+      assistantId: this._cfg.assistantId || void 0,
+      userContext: {
+        sessionId: this._sessionId,
+        assistantId: this._cfg.assistantId || void 0,
+        widgetId: this._cfg.widgetId || void 0,
+        platform: "cognitiondesk-widget"
+      }
+    };
+  }
+  /** Streaming path — uses SSE endpoint */
+  async _callApiStream() {
+    const e = `${this._cfg.backendUrl}/chat-apiKeyAuth/stream`, t = await fetch(e, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", "x-api-key": this._cfg.apiKey },
+      body: JSON.stringify({ ...this._buildRequestBody(), stream: !0 })
+    });
+    if (!t.ok) {
+      const o = await t.json().catch(() => ({}));
+      throw new Error(o.message || `HTTP ${t.status}`);
+    }
+    const s = document.createElement("div");
+    s.className = "cd-msg assistant", s.innerHTML = '<div class="cd-typing"><span></span><span></span><span></span></div>', this._messagesEl.appendChild(s), this._scrollToBottom();
+    const a = t.body.getReader(), r = new TextDecoder();
+    let i = "", n = !1;
+    try {
+      for (; ; ) {
+        const { done: o, value: d } = await a.read();
+        if (o) break;
+        const l = r.decode(d, { stream: !0 });
+        for (const g of l.split(`
+`)) {
+          if (!g.startsWith("data: ")) continue;
+          const f = g.slice(6).trim();
+          if (f === "[DONE]") break;
+          let p;
+          try {
+            p = JSON.parse(f);
+          } catch {
+            continue;
+          }
+          p.type === "content" && p.data && (n || (s.innerHTML = "", n = !0), i += p.data, s.innerHTML = this._renderMarkdown(i), this._scrollToBottom());
+        }
+      }
+    } finally {
+      a.releaseLock();
+    }
+    n || (s.innerHTML = this._renderMarkdown("No response")), i && this._messages.push({ role: "assistant", content: i });
+  }
+  /** Non-streaming fallback path */
+  async _callApi() {
+    var a, r, i;
+    const e = `${this._cfg.backendUrl}/chat-apiKeyAuth/chat`, t = await fetch(e, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", "x-api-key": this._cfg.apiKey },
+      body: JSON.stringify(this._buildRequestBody())
+    });
+    if (!t.ok) {
+      const n = await t.json().catch(() => ({}));
+      throw new Error(n.message || `HTTP ${t.status}`);
+    }
+    const s = await t.json();
+    return s.response || s.message || s.content || ((i = (r = (a = s.choices) == null ? void 0 : a[0]) == null ? void 0 : r.message) == null ? void 0 : i.content) || "No response";
+  }
+  // ── DOM helpers ─────────────────────────────────────────────────────────────
+  _appendMessage(e, t, s = !0) {
+    const a = document.createElement("div");
+    a.className = `cd-msg ${e}`, s && e !== "user" ? a.innerHTML = this._renderMarkdown(t) : a.textContent = t, this._messagesEl.appendChild(a), this._scrollToBottom();
+  }
+  /** Minimal, safe markdown → HTML renderer (no dependencies). */
+  _renderMarkdown(e) {
+    if (!e) return "";
+    let t = this._escHtml(e);
+    return t = t.replace(
+      /```[\w]*\n?([\s\S]*?)```/g,
+      (s, a) => `<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${a.trim()}</pre>`
+    ), t = t.replace(/`([^`]+)`/g, '<code style="background:rgba(0,0,0,.08);padding:1px 5px;border-radius:4px;font-size:.9em">$1</code>'), t = t.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), t = t.replace(/__([^_]+)__/g, "<strong>$1</strong>"), t = t.replace(/\*([^*]+)\*/g, "<em>$1</em>"), t = t.replace(/_([^_]+)_/g, "<em>$1</em>"), t = t.replace(
+      /\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g,
+      '<a href="$2" target="_blank" rel="noopener" style="color:var(--cd-primary,#2563eb)">$1</a>'
+    ), t = t.replace(/\n/g, "<br>"), t;
+  }
+  _showTyping() {
+    const e = document.createElement("div");
+    return e.className = "cd-msg assistant", e.innerHTML = '<div class="cd-typing"><span></span><span></span><span></span></div>', this._messagesEl.appendChild(e), this._scrollToBottom(), e;
+  }
+  _removeTyping(e) {
+    e == null || e.remove();
+  }
+  _scrollToBottom() {
+    this._messagesEl && (this._messagesEl.scrollTop = this._messagesEl.scrollHeight);
+  }
+  _escHtml(e) {
+    return String(e).replace(/[&<>"']/g, (t) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[t]);
+  }
+}
+function w(c) {
+  const e = new m(c);
+  return e.mount(), e;
+}
+if (typeof document < "u") {
+  const c = () => {
+    document.querySelectorAll("script[data-api-key]").forEach((e) => {
+      const t = e.getAttribute("data-api-key");
+      if (!t) return;
+      const s = e.getAttribute("data-widget-id") || void 0, a = e.getAttribute("data-streaming"), r = new m({
+        apiKey: t,
+        widgetId: s,
+        assistantId: e.getAttribute("data-assistant-id") || void 0,
+        theme: e.getAttribute("data-theme") || "light",
+        primaryColor: e.getAttribute("data-primary-color") || "#2563eb",
+        botName: e.getAttribute("data-bot-name") || "AI Assistant",
+        botEmoji: e.getAttribute("data-bot-emoji") || void 0,
+        welcomeMessage: e.getAttribute("data-welcome-message") || void 0,
+        placeholder: e.getAttribute("data-placeholder") || void 0,
+        backendUrl: e.getAttribute("data-backend-url") || void 0,
+        streaming: a === null ? !0 : a !== "false"
+      });
+      Promise.resolve(r.mount());
+    });
+  };
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", c) : c();
+}
+export {
+  m as CognitionDeskWidget,
+  m as default,
+  w as init
+};