@cognitiondesk/widget 1.1.0 → 1.2.0

package/dist/react.es.js

@@ -1,6 +1,6 @@
-import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as H, useRef as y, useImperativeHandle as T, useEffect as k } from "react";
-const L = "https://mounaji-backendv3.onrender.com", N = `
+import { jsx as S } from "react/jsx-runtime";
+import { forwardRef as N, useRef as M, useImperativeHandle as I, useEffect as C } from "react";
+const P = "https://mounaji-backendv3.onrender.com", B = `
   :host {
     all: initial;
     font-family: system-ui, sans-serif;
@@ -246,33 +246,42 @@ const L = "https://mounaji-backendv3.onrender.com", N = `
       font-size: 16px;
     }
   }
-`, w = {
+`, x = {
   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 I() {
+function z() {
   return "cd_" + Math.random().toString(36).slice(2) + Date.now().toString(36);
 }
-let S = class {
-  constructor(e = {}) {
-    if (!e.apiKey) throw new Error("[CognitionDesk] apiKey is required");
+let D = class {
+  constructor(t = {}) {
+    var e, a, s, r, n;
+    if (!t.apiKey) throw new Error("[CognitionDesk] apiKey is required");
     this._cfg = {
-      apiKey: e.apiKey,
-      widgetId: e.widgetId || null,
-      assistantId: e.assistantId || null,
-      backendUrl: e.backendUrl || L,
-      primaryColor: e.primaryColor || "#2563eb",
-      theme: e.theme || "light",
+      apiKey: t.apiKey,
+      widgetId: t.widgetId || null,
+      assistantId: t.assistantId || null,
+      backendUrl: t.backendUrl || P,
+      primaryColor: t.primaryColor || "#2563eb",
+      theme: t.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
+      botName: t.botName || "AI Assistant",
+      botEmoji: t.botEmoji || "🤖",
+      welcomeMessage: t.welcomeMessage || "Hello! How can I help you today?",
+      placeholder: t.placeholder || "Type a message…",
+      position: t.position || "bottom-right",
+      streaming: t.streaming !== !1,
       // default: true
-    }, this._sessionId = I(), 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;
+      // Rate limiting — can be overridden by inline config or merged from server config
+      rateLimiting: {
+        enabled: ((e = t.rateLimiting) == null ? void 0 : e.enabled) !== !1,
+        maxMessagesPerSession: ((a = t.rateLimiting) == null ? void 0 : a.maxMessagesPerSession) ?? 0,
+        maxMessagesPerMinute: ((s = t.rateLimiting) == null ? void 0 : s.maxMessagesPerMinute) ?? 0,
+        limitReachedMessage: ((r = t.rateLimiting) == null ? void 0 : r.limitReachedMessage) || "You've reached the message limit for this session.",
+        rateLimitMessage: ((n = t.rateLimiting) == null ? void 0 : n.rateLimitMessage) || "You're sending messages too quickly. Please wait a moment."
+      }
+    }, this._sessionId = z(), this._messageCount = 0, this._minuteCount = 0, this._minuteStart = Date.now(), 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 ──────────────────────────────────────────────────────────────
   /**
@@ -280,45 +289,45 @@ let S = class {
    * 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 a = e || document.body;
+  mount(t) {
+    const e = () => {
+      const a = t || document.body;
       this._container = document.createElement("div"), this._container.setAttribute("data-cognitiondesk", ""), a.appendChild(this._container), this._shadow = this._container.attachShadow({ mode: "open" });
       const s = document.createElement("style");
-      s.textContent = N, this._shadow.appendChild(s), this._buildDOM(), this._applyTheme(), this._syncViewportMetrics(), this._bindViewportMetrics(), this._bindEvents(), this._cfg.welcomeMessage && this._appendMessage("assistant", this._cfg.welcomeMessage, !1);
+      s.textContent = B, this._shadow.appendChild(s), 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));
+    return this._cfg.widgetId ? this._fetchWidgetConfig().then(() => e()).catch(() => e()) : (e(), 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}`;
+    var e;
+    const t = `${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;
     try {
-      const a = await fetch(e);
+      const a = await fetch(t);
       if (!a.ok) return;
       const { config: s } = await a.json();
       if (!s) return;
-      s.botName && !this._userSet("botName") && (this._cfg.botName = s.botName), s.welcomeMessage && !this._userSet("welcomeMessage") && (this._cfg.welcomeMessage = s.welcomeMessage), s.primaryColor && !this._userSet("primaryColor") && (this._cfg.primaryColor = s.primaryColor), s.placeholder && !this._userSet("placeholder") && (this._cfg.placeholder = s.placeholder), s.assistantId && !this._cfg.assistantId && (this._cfg.assistantId = s.assistantId), (t = s.avatar) != null && t.value && !this._userSet("botEmoji") && (this._cfg.botEmoji = s.avatar.value);
+      s.botName && !this._userSet("botName") && (this._cfg.botName = s.botName), s.welcomeMessage && !this._userSet("welcomeMessage") && (this._cfg.welcomeMessage = s.welcomeMessage), s.primaryColor && !this._userSet("primaryColor") && (this._cfg.primaryColor = s.primaryColor), s.placeholder && !this._userSet("placeholder") && (this._cfg.placeholder = s.placeholder), s.assistantId && !this._cfg.assistantId && (this._cfg.assistantId = s.assistantId), (e = s.avatar) != null && e.value && !this._userSet("botEmoji") && (this._cfg.botEmoji = s.avatar.value), s.rateLimiting && (this._cfg.rateLimiting = { ...this._cfg.rateLimiting, ...s.rateLimiting });
     } catch {
     }
   }
   // eslint-disable-next-line no-unused-vars
-  _userSet(e) {
+  _userSet(t) {
     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();
+    var t, e;
+    this._open = !0, this._syncViewportMetrics(), (t = this._panel) == null || t.classList.add("open"), (e = this._textarea) == null || e.focus();
   }
   close() {
-    var e;
-    this._open = !1, (e = this._panel) == null || e.classList.remove("open");
+    var t;
+    this._open = !1, (t = this._panel) == null || t.classList.remove("open");
   }
   toggle() {
     this._open ? this.close() : this.open();
@@ -328,10 +337,10 @@ let S = class {
   }
   // ── DOM ─────────────────────────────────────────────────────────────────────
   _buildDOM() {
-    const e = document.createElement("div");
-    e.className = "cd-root";
-    const t = document.createElement("button");
-    t.className = "cd-widget-btn", t.innerHTML = w.chat, t.setAttribute("aria-label", "Open chat"), t.style.setProperty("--cd-primary", this._cfg.primaryColor), this._toggleBtn = t;
+    const t = document.createElement("div");
+    t.className = "cd-root";
+    const e = document.createElement("button");
+    e.className = "cd-widget-btn", e.innerHTML = x.chat, e.setAttribute("aria-label", "Open chat"), e.style.setProperty("--cd-primary", this._cfg.primaryColor), this._toggleBtn = e;
     const a = document.createElement("div");
     a.className = "cd-panel", this._panel = a;
     const s = document.createElement("div");
@@ -344,27 +353,27 @@ let S = class {
         </div>
       </div>
     `;
-    const o = document.createElement("button");
-    o.className = "cd-close-btn", o.innerHTML = w.close, o.setAttribute("aria-label", "Close chat"), s.appendChild(o), this._closeBtn = o;
-    const r = document.createElement("div");
-    r.className = "cd-messages", r.setAttribute("role", "log"), r.setAttribute("aria-live", "polite"), this._messagesEl = r;
+    const r = document.createElement("button");
+    r.className = "cd-close-btn", r.innerHTML = x.close, r.setAttribute("aria-label", "Close chat"), s.appendChild(r), this._closeBtn = r;
     const n = document.createElement("div");
-    n.className = "cd-input-area";
-    const d = document.createElement("textarea");
-    d.className = "cd-textarea", d.rows = 1, d.placeholder = this._cfg.placeholder, this._textarea = d;
+    n.className = "cd-messages", n.setAttribute("role", "log"), n.setAttribute("aria-live", "polite"), this._messagesEl = n;
+    const d = document.createElement("div");
+    d.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 c = document.createElement("button");
-    c.className = "cd-send-btn", c.innerHTML = w.send, c.setAttribute("aria-label", "Send"), this._sendBtn = c, n.appendChild(d), n.appendChild(c);
+    c.className = "cd-send-btn", c.innerHTML = x.send, c.setAttribute("aria-label", "Send"), this._sendBtn = c, d.appendChild(o), d.appendChild(c);
     const l = document.createElement("div");
-    l.className = "cd-powered", l.innerHTML = 'Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>', a.appendChild(s), a.appendChild(r), a.appendChild(n), a.appendChild(l), e.appendChild(t), e.appendChild(a), this._shadow.appendChild(e), this._root = e;
+    l.className = "cd-powered", l.innerHTML = 'Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>', a.appendChild(s), a.appendChild(n), a.appendChild(d), a.appendChild(l), t.appendChild(e), t.appendChild(a), this._shadow.appendChild(t), this._root = t;
   }
   _applyTheme() {
-    var t, a, s;
-    (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")), (a = this._root) == null || a.style.setProperty("--cd-primary", this._cfg.primaryColor), (s = this._panel) == null || s.style.setProperty("--cd-primary", this._cfg.primaryColor);
+    var e, a, s;
+    (this._cfg.theme === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : this._cfg.theme) === "dark" && ((e = this._root) == null || e.classList.add("cd-dark")), (a = this._root) == null || a.style.setProperty("--cd-primary", this._cfg.primaryColor), (s = this._panel) == null || s.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._toggleBtn.addEventListener("click", () => this.toggle()), this._closeBtn.addEventListener("click", () => this.close()), this._sendBtn.addEventListener("click", () => this._sendMessage()), this._textarea.addEventListener("keydown", (t) => {
+      t.key === "Enter" && !t.shiftKey && (t.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", () => {
@@ -378,28 +387,45 @@ let S = class {
     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, a = t ? t.height : window.innerHeight;
-    e.style.setProperty("--cd-viewport-height", `${Math.round(a)}px`);
+    const t = this._root || this._container;
+    if (!t) return;
+    const e = window.visualViewport, a = e ? e.height : window.innerHeight;
+    t.style.setProperty("--cd-viewport-height", `${Math.round(a)}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(), a = await this._callApi();
-          this._removeTyping(t), this._messages.push({ role: "assistant", content: a }), this._appendMessage("assistant", a, !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();
+    var a;
+    const t = this._textarea.value.trim();
+    if (!t || this._loading) return;
+    const e = this._cfg.rateLimiting;
+    if (e != null && e.enabled) {
+      const s = Date.now();
+      if (s - this._minuteStart >= 6e4 && (this._minuteCount = 0, this._minuteStart = s), e.maxMessagesPerSession > 0 && this._messageCount >= e.maxMessagesPerSession) {
+        this._appendMessage("error", e.limitReachedMessage, !1), this._textarea.disabled = !0, this._sendBtn.disabled = !0;
+        return;
       }
+      if (e.maxMessagesPerMinute > 0 && this._minuteCount >= e.maxMessagesPerMinute) {
+        this._appendMessage("error", e.rateLimitMessage, !1);
+        return;
+      }
+    }
+    this._textarea.value = "", this._textarea.style.height = "auto", this._loading = !0, this._sendBtn.disabled = !0, this._messages.push({ role: "user", content: t }), this._appendMessage("user", t, !1), this._messageCount += 1, this._minuteCount += 1;
+    try {
+      if (this._cfg.streaming)
+        await this._callApiStream();
+      else {
+        const s = this._showTyping(), r = await this._callApi();
+        this._removeTyping(s), this._messages.push({ role: "assistant", content: r }), this._appendMessage("assistant", r, !0);
+      }
+    } catch (s) {
+      if (s.status === 429 || (a = s.message) != null && a.includes("429")) {
+        const r = s.rateLimitMessage || (e == null ? void 0 : e.rateLimitMessage) || "You're sending messages too quickly. Please wait a moment.";
+        this._appendMessage("error", r, !1);
+      } else
+        this._appendMessage("error", "Sorry, something went wrong. Please try again.", !1);
+      console.error("[CognitionDesk]", s);
+    } finally {
+      this._loading = !1, (e == null ? void 0 : e.maxMessagesPerSession) > 0 && this._messageCount >= e.maxMessagesPerSession || (this._sendBtn.disabled = !1), this._textarea.focus();
     }
   }
   _buildRequestBody() {
@@ -416,107 +442,112 @@ let S = class {
   }
   /** Streaming path — uses SSE endpoint */
   async _callApiStream() {
-    const e = `${this._cfg.backendUrl}/chat-apiKeyAuth/stream`, t = await fetch(e, {
+    const t = `${this._cfg.backendUrl}/chat-apiKeyAuth/stream`, e = await fetch(t, {
       method: "POST",
       headers: { "Content-Type": "application/json", "x-api-key": this._cfg.apiKey },
       body: JSON.stringify({ ...this._buildRequestBody(), stream: !0 })
     });
-    if (!t.ok) {
-      const d = await t.json().catch(() => ({}));
-      throw new Error(d.message || `HTTP ${t.status}`);
+    if (!e.ok) {
+      const o = await e.json().catch(() => ({})), c = new Error(o.message || `HTTP ${e.status}`);
+      throw c.status = e.status, c.rateLimitMessage = o.message, c;
     }
     const a = document.createElement("div");
     a.className = "cd-msg assistant", a.innerHTML = '<div class="cd-typing"><span></span><span></span><span></span></div>', this._messagesEl.appendChild(a), this._scrollToBottom();
-    const s = t.body.getReader(), o = new TextDecoder();
-    let r = "", n = !1;
+    const s = e.body.getReader(), r = new TextDecoder();
+    let n = "", d = !1;
     try {
       for (; ; ) {
-        const { done: d, value: c } = await s.read();
-        if (d) break;
-        const l = o.decode(c, { stream: !0 });
+        const { done: o, value: c } = await s.read();
+        if (o) break;
+        const l = r.decode(c, { stream: !0 });
         for (const g of l.split(`
 `)) {
           if (!g.startsWith("data: ")) continue;
-          const f = g.slice(6).trim();
-          if (f === "[DONE]") break;
+          const m = g.slice(6).trim();
+          if (m === "[DONE]") break;
           let h;
           try {
-            h = JSON.parse(f);
+            h = JSON.parse(m);
           } catch {
             continue;
           }
-          h.type === "content" && h.data && (n || (a.innerHTML = "", n = !0), r += h.data, a.innerHTML = this._renderMarkdown(r), this._scrollToBottom());
+          h.type === "content" && h.data && (d || (a.innerHTML = "", d = !0), n += h.data, a.innerHTML = this._renderMarkdown(n), this._scrollToBottom());
         }
       }
     } finally {
       s.releaseLock();
     }
-    n || (a.innerHTML = this._renderMarkdown("No response")), r && this._messages.push({ role: "assistant", content: r });
+    d || (a.innerHTML = this._renderMarkdown("No response")), n && this._messages.push({ role: "assistant", content: n });
   }
   /** Non-streaming fallback path */
   async _callApi() {
-    var s, o, r;
-    const e = `${this._cfg.backendUrl}/chat-apiKeyAuth/chat`, t = await fetch(e, {
+    var s, r, n;
+    const t = `${this._cfg.backendUrl}/chat-apiKeyAuth/chat`, e = await fetch(t, {
       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}`);
+    if (!e.ok) {
+      const d = await e.json().catch(() => ({})), o = new Error(d.message || `HTTP ${e.status}`);
+      throw o.status = e.status, o.rateLimitMessage = d.message, o;
     }
-    const a = await t.json();
-    return a.response || a.message || a.content || ((r = (o = (s = a.choices) == null ? void 0 : s[0]) == null ? void 0 : o.message) == null ? void 0 : r.content) || "No response";
+    const a = await e.json();
+    return a.response || a.message || a.content || ((n = (r = (s = a.choices) == null ? void 0 : s[0]) == null ? void 0 : r.message) == null ? void 0 : n.content) || "No response";
   }
   // ── DOM helpers ─────────────────────────────────────────────────────────────
-  _appendMessage(e, t, a = !0) {
+  _appendMessage(t, e, a = !0) {
     const s = document.createElement("div");
-    s.className = `cd-msg ${e}`, a && e !== "user" ? s.innerHTML = this._renderMarkdown(t) : s.textContent = t, this._messagesEl.appendChild(s), this._scrollToBottom();
+    s.className = `cd-msg ${t}`, a && t !== "user" ? s.innerHTML = this._renderMarkdown(e) : s.textContent = e, this._messagesEl.appendChild(s), this._scrollToBottom();
   }
   /** Minimal, safe markdown → HTML renderer (no dependencies). */
-  _renderMarkdown(e) {
-    if (!e) return "";
-    let t = this._escHtml(e);
-    return t = t.replace(
+  _renderMarkdown(t) {
+    if (!t) return "";
+    let e = this._escHtml(t);
+    return e = e.replace(
       /```[\w]*\n?([\s\S]*?)```/g,
       (a, s) => `<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${s.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(
+    ), e = e.replace(/`([^`]+)`/g, '<code style="background:rgba(0,0,0,.08);padding:1px 5px;border-radius:4px;font-size:.9em">$1</code>'), e = e.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), e = e.replace(/__([^_]+)__/g, "<strong>$1</strong>"), e = e.replace(/\*([^*]+)\*/g, "<em>$1</em>"), e = e.replace(/_([^_]+)_/g, "<em>$1</em>"), e = e.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;
+    ), e = e.replace(/\n/g, "<br>"), e;
   }
   _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;
+    const t = document.createElement("div");
+    return t.className = "cd-msg assistant", t.innerHTML = '<div class="cd-typing"><span></span><span></span><span></span></div>', this._messagesEl.appendChild(t), this._scrollToBottom(), t;
   }
-  _removeTyping(e) {
-    e == null || e.remove();
+  _removeTyping(t) {
+    t == null || t.remove();
   }
   _scrollToBottom() {
     this._messagesEl && (this._messagesEl.scrollTop = this._messagesEl.scrollHeight);
   }
-  _escHtml(e) {
-    return String(e).replace(/[&<>"']/g, (t) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[t]);
+  _escHtml(t) {
+    return String(t).replace(/[&<>"']/g, (e) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[e]);
   }
 };
-const D = H(function(e, t) {
+const V = N(function(t, e) {
   const {
     apiKey: a,
     widgetId: s,
-    assistantId: o,
-    theme: r = "light",
-    primaryColor: n = "#2563eb",
-    botName: d = "AI Assistant",
+    assistantId: r,
+    theme: n = "light",
+    primaryColor: d = "#2563eb",
+    botName: o = "AI Assistant",
     botEmoji: c = "🤖",
     welcomeMessage: l = "Hello! How can I help you today?",
     placeholder: g = "Type a message…",
-    defaultOpen: f = !1,
+    defaultOpen: m = !1,
     streaming: h = !0,
-    backendUrl: x,
-    onOpen: m,
+    backendUrl: w,
+    // Rate limiting — 0 means unlimited
+    maxMessagesPerSession: L = 0,
+    maxMessagesPerMinute: H = 0,
+    limitReachedMessage: v,
+    rateLimitMessage: y,
+    onOpen: f,
     onClose: u
-  } = e, p = y(null), v = y(null);
-  return T(t, () => ({
+  } = t, p = M(null), k = M(null);
+  return I(e, () => ({
     open: () => {
       var i;
       return (i = p.current) == null ? void 0 : i.open();
@@ -533,44 +564,51 @@ const D = H(function(e, t) {
       var i;
       return (i = p.current) == null ? void 0 : i.clearHistory();
     }
-  }), []), k(() => {
+  }), []), C(() => {
     if (!a) {
       console.error("[CognitionDesk] apiKey prop is required");
       return;
     }
-    const i = new S({
+    const i = new D({
       apiKey: a,
       widgetId: s,
-      assistantId: o,
-      theme: r,
-      primaryColor: n,
-      botName: d,
+      assistantId: r,
+      theme: n,
+      primaryColor: d,
+      botName: o,
       botEmoji: c,
       welcomeMessage: l,
       placeholder: g,
       streaming: h,
-      ...x ? { backendUrl: x } : {}
+      ...w ? { backendUrl: w } : {},
+      rateLimiting: {
+        enabled: !0,
+        maxMessagesPerSession: L,
+        maxMessagesPerMinute: H,
+        ...v ? { limitReachedMessage: v } : {},
+        ...y ? { rateLimitMessage: y } : {}
+      }
     });
-    if (m || u) {
-      const _ = i.open.bind(i), M = i.close.bind(i);
+    if (f || u) {
+      const _ = i.open.bind(i), T = i.close.bind(i);
       i.open = (...b) => {
-        _(...b), m == null || m();
+        _(...b), f == null || f();
       }, i.close = (...b) => {
-        M(...b), u == null || u();
+        T(...b), u == null || u();
       };
     }
-    return Promise.resolve(i.mount(v.current)).then(() => {
-      p.current = i, f && i.open();
+    return Promise.resolve(i.mount(k.current)).then(() => {
+      p.current = i, m && i.open();
     }), () => {
       i.unmount(), p.current = null;
     };
-  }, [a, s, o]), k(() => {
+  }, [a, s, r]), C(() => {
     var _;
     const i = p.current;
-    i && (i._cfg.theme = r, i._cfg.primaryColor = n, (_ = i._applyTheme) == null || _.call(i));
-  }, [r, n]), /* @__PURE__ */ C("div", { ref: v, "data-cognitiondesk-root": "" });
+    i && (i._cfg.theme = n, i._cfg.primaryColor = d, (_ = i._applyTheme) == null || _.call(i));
+  }, [n, d]), /* @__PURE__ */ S("div", { ref: k, "data-cognitiondesk-root": "" });
 });
 export {
-  D as CognitionDeskWidget,
-  S as CognitionDeskWidgetCore
+  V as CognitionDeskWidget,
+  D as CognitionDeskWidgetCore
 };

package/dist/react.umd.cjs

@@ -1,4 +1,4 @@
-(function(c,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],u):(c=typeof globalThis<"u"?globalThis:c||self,u(c.CognitionDeskWidgetReact={},c.jsxRuntime,c.React))})(this,function(c,u,g){"use strict";const C="https://mounaji-backendv3.onrender.com",H=`
+(function(l,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],f):(l=typeof globalThis<"u"?globalThis:l||self,f(l.CognitionDeskWidgetReact={},l.jsxRuntime,l.React))})(this,function(l,f,g){"use strict";const H="https://mounaji-backendv3.onrender.com",T=`
   :host {
     all: initial;
     font-family: system-ui, sans-serif;
@@ -244,7 +244,7 @@
       font-size: 16px;
     }
   }
-`,v={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 T(){return"cd_"+Math.random().toString(36).slice(2)+Date.now().toString(36)}let k=class{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||C,primaryColor:e.primaryColor||"#2563eb",theme:e.theme||"light",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},this._sessionId=T(),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}mount(e){const t=()=>{const a=e||document.body;this._container=document.createElement("div"),this._container.setAttribute("data-cognitiondesk",""),a.appendChild(this._container),this._shadow=this._container.attachShadow({mode:"open"});const s=document.createElement("style");s.textContent=H,this._shadow.appendChild(s),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))}async _fetchWidgetConfig(){var t;const e=`${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;try{const a=await fetch(e);if(!a.ok)return;const{config:s}=await a.json();if(!s)return;s.botName&&!this._userSet("botName")&&(this._cfg.botName=s.botName),s.welcomeMessage&&!this._userSet("welcomeMessage")&&(this._cfg.welcomeMessage=s.welcomeMessage),s.primaryColor&&!this._userSet("primaryColor")&&(this._cfg.primaryColor=s.primaryColor),s.placeholder&&!this._userSet("placeholder")&&(this._cfg.placeholder=s.placeholder),s.assistantId&&!this._cfg.assistantId&&(this._cfg.assistantId=s.assistantId),(t=s.avatar)!=null&&t.value&&!this._userSet("botEmoji")&&(this._cfg.botEmoji=s.avatar.value)}catch{}}_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)}_buildDOM(){const e=document.createElement("div");e.className="cd-root";const t=document.createElement("button");t.className="cd-widget-btn",t.innerHTML=v.chat,t.setAttribute("aria-label","Open chat"),t.style.setProperty("--cd-primary",this._cfg.primaryColor),this._toggleBtn=t;const a=document.createElement("div");a.className="cd-panel",this._panel=a;const s=document.createElement("div");s.className="cd-header",s.innerHTML=`
+`,v={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 S(){return"cd_"+Math.random().toString(36).slice(2)+Date.now().toString(36)}let k=class{constructor(t={}){var e,a,s,r,n;if(!t.apiKey)throw new Error("[CognitionDesk] apiKey is required");this._cfg={apiKey:t.apiKey,widgetId:t.widgetId||null,assistantId:t.assistantId||null,backendUrl:t.backendUrl||H,primaryColor:t.primaryColor||"#2563eb",theme:t.theme||"light",botName:t.botName||"AI Assistant",botEmoji:t.botEmoji||"🤖",welcomeMessage:t.welcomeMessage||"Hello! How can I help you today?",placeholder:t.placeholder||"Type a message…",position:t.position||"bottom-right",streaming:t.streaming!==!1,rateLimiting:{enabled:((e=t.rateLimiting)==null?void 0:e.enabled)!==!1,maxMessagesPerSession:((a=t.rateLimiting)==null?void 0:a.maxMessagesPerSession)??0,maxMessagesPerMinute:((s=t.rateLimiting)==null?void 0:s.maxMessagesPerMinute)??0,limitReachedMessage:((r=t.rateLimiting)==null?void 0:r.limitReachedMessage)||"You've reached the message limit for this session.",rateLimitMessage:((n=t.rateLimiting)==null?void 0:n.rateLimitMessage)||"You're sending messages too quickly. Please wait a moment."}},this._sessionId=S(),this._messageCount=0,this._minuteCount=0,this._minuteStart=Date.now(),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}mount(t){const e=()=>{const a=t||document.body;this._container=document.createElement("div"),this._container.setAttribute("data-cognitiondesk",""),a.appendChild(this._container),this._shadow=this._container.attachShadow({mode:"open"});const s=document.createElement("style");s.textContent=T,this._shadow.appendChild(s),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(()=>e()).catch(()=>e()):(e(),Promise.resolve(this))}async _fetchWidgetConfig(){var e;const t=`${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;try{const a=await fetch(t);if(!a.ok)return;const{config:s}=await a.json();if(!s)return;s.botName&&!this._userSet("botName")&&(this._cfg.botName=s.botName),s.welcomeMessage&&!this._userSet("welcomeMessage")&&(this._cfg.welcomeMessage=s.welcomeMessage),s.primaryColor&&!this._userSet("primaryColor")&&(this._cfg.primaryColor=s.primaryColor),s.placeholder&&!this._userSet("placeholder")&&(this._cfg.placeholder=s.placeholder),s.assistantId&&!this._cfg.assistantId&&(this._cfg.assistantId=s.assistantId),(e=s.avatar)!=null&&e.value&&!this._userSet("botEmoji")&&(this._cfg.botEmoji=s.avatar.value),s.rateLimiting&&(this._cfg.rateLimiting={...this._cfg.rateLimiting,...s.rateLimiting})}catch{}}_userSet(t){return!1}unmount(){this._unbindViewportMetrics(),this._container&&(this._container.remove(),this._container=null)}open(){var t,e;this._open=!0,this._syncViewportMetrics(),(t=this._panel)==null||t.classList.add("open"),(e=this._textarea)==null||e.focus()}close(){var t;this._open=!1,(t=this._panel)==null||t.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)}_buildDOM(){const t=document.createElement("div");t.className="cd-root";const e=document.createElement("button");e.className="cd-widget-btn",e.innerHTML=v.chat,e.setAttribute("aria-label","Open chat"),e.style.setProperty("--cd-primary",this._cfg.primaryColor),this._toggleBtn=e;const a=document.createElement("div");a.className="cd-panel",this._panel=a;const s=document.createElement("div");s.className="cd-header",s.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>
@@ -252,5 +252,5 @@
           <span class="cd-status-dot"></span> Online
         </div>
       </div>
-    `;const o=document.createElement("button");o.className="cd-close-btn",o.innerHTML=v.close,o.setAttribute("aria-label","Close chat"),s.appendChild(o),this._closeBtn=o;const r=document.createElement("div");r.className="cd-messages",r.setAttribute("role","log"),r.setAttribute("aria-live","polite"),this._messagesEl=r;const n=document.createElement("div");n.className="cd-input-area";const d=document.createElement("textarea");d.className="cd-textarea",d.rows=1,d.placeholder=this._cfg.placeholder,this._textarea=d;const l=document.createElement("button");l.className="cd-send-btn",l.innerHTML=v.send,l.setAttribute("aria-label","Send"),this._sendBtn=l,n.appendChild(d),n.appendChild(l);const p=document.createElement("div");p.className="cd-powered",p.innerHTML='Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>',a.appendChild(s),a.appendChild(r),a.appendChild(n),a.appendChild(p),e.appendChild(t),e.appendChild(a),this._shadow.appendChild(e),this._root=e}_applyTheme(){var t,a,s;(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")),(a=this._root)==null||a.style.setProperty("--cd-primary",this._cfg.primaryColor),(s=this._panel)==null||s.style.setProperty("--cd-primary",this._cfg.primaryColor)}_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,a=t?t.height:window.innerHeight;e.style.setProperty("--cd-viewport-height",`${Math.round(a)}px`)}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(),a=await this._callApi();this._removeTyping(t),this._messages.push({role:"assistant",content:a}),this._appendMessage("assistant",a,!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"}}}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 d=await t.json().catch(()=>({}));throw new Error(d.message||`HTTP ${t.status}`)}const a=document.createElement("div");a.className="cd-msg assistant",a.innerHTML='<div class="cd-typing"><span></span><span></span><span></span></div>',this._messagesEl.appendChild(a),this._scrollToBottom();const s=t.body.getReader(),o=new TextDecoder;let r="",n=!1;try{for(;;){const{done:d,value:l}=await s.read();if(d)break;const p=o.decode(l,{stream:!0});for(const m of p.split(`
-`)){if(!m.startsWith("data: "))continue;const _=m.slice(6).trim();if(_==="[DONE]")break;let f;try{f=JSON.parse(_)}catch{continue}f.type==="content"&&f.data&&(n||(a.innerHTML="",n=!0),r+=f.data,a.innerHTML=this._renderMarkdown(r),this._scrollToBottom())}}}finally{s.releaseLock()}n||(a.innerHTML=this._renderMarkdown("No response")),r&&this._messages.push({role:"assistant",content:r})}async _callApi(){var s,o,r;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 a=await t.json();return a.response||a.message||a.content||((r=(o=(s=a.choices)==null?void 0:s[0])==null?void 0:o.message)==null?void 0:r.content)||"No response"}_appendMessage(e,t,a=!0){const s=document.createElement("div");s.className=`cd-msg ${e}`,a&&e!=="user"?s.innerHTML=this._renderMarkdown(t):s.textContent=t,this._messagesEl.appendChild(s),this._scrollToBottom()}_renderMarkdown(e){if(!e)return"";let t=this._escHtml(e);return t=t.replace(/```[\w]*\n?([\s\S]*?)```/g,(a,s)=>`<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${s.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])}};const L=g.forwardRef(function(e,t){const{apiKey:a,widgetId:s,assistantId:o,theme:r="light",primaryColor:n="#2563eb",botName:d="AI Assistant",botEmoji:l="🤖",welcomeMessage:p="Hello! How can I help you today?",placeholder:m="Type a message…",defaultOpen:_=!1,streaming:f=!0,backendUrl:E,onOpen:b,onClose:x}=e,h=g.useRef(null),M=g.useRef(null);return g.useImperativeHandle(t,()=>({open:()=>{var i;return(i=h.current)==null?void 0:i.open()},close:()=>{var i;return(i=h.current)==null?void 0:i.close()},toggle:()=>{var i;return(i=h.current)==null?void 0:i.toggle()},clearHistory:()=>{var i;return(i=h.current)==null?void 0:i.clearHistory()}}),[]),g.useEffect(()=>{if(!a){console.error("[CognitionDesk] apiKey prop is required");return}const i=new k({apiKey:a,widgetId:s,assistantId:o,theme:r,primaryColor:n,botName:d,botEmoji:l,welcomeMessage:p,placeholder:m,streaming:f,...E?{backendUrl:E}:{}});if(b||x){const w=i.open.bind(i),I=i.close.bind(i);i.open=(...y)=>{w(...y),b==null||b()},i.close=(...y)=>{I(...y),x==null||x()}}return Promise.resolve(i.mount(M.current)).then(()=>{h.current=i,_&&i.open()}),()=>{i.unmount(),h.current=null}},[a,s,o]),g.useEffect(()=>{var w;const i=h.current;i&&(i._cfg.theme=r,i._cfg.primaryColor=n,(w=i._applyTheme)==null||w.call(i))},[r,n]),u.jsx("div",{ref:M,"data-cognitiondesk-root":""})});c.CognitionDeskWidget=L,c.CognitionDeskWidgetCore=k,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+    `;const r=document.createElement("button");r.className="cd-close-btn",r.innerHTML=v.close,r.setAttribute("aria-label","Close chat"),s.appendChild(r),this._closeBtn=r;const n=document.createElement("div");n.className="cd-messages",n.setAttribute("role","log"),n.setAttribute("aria-live","polite"),this._messagesEl=n;const d=document.createElement("div");d.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 c=document.createElement("button");c.className="cd-send-btn",c.innerHTML=v.send,c.setAttribute("aria-label","Send"),this._sendBtn=c,d.appendChild(o),d.appendChild(c);const p=document.createElement("div");p.className="cd-powered",p.innerHTML='Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>',a.appendChild(s),a.appendChild(n),a.appendChild(d),a.appendChild(p),t.appendChild(e),t.appendChild(a),this._shadow.appendChild(t),this._root=t}_applyTheme(){var e,a,s;(this._cfg.theme==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":this._cfg.theme)==="dark"&&((e=this._root)==null||e.classList.add("cd-dark")),(a=this._root)==null||a.style.setProperty("--cd-primary",this._cfg.primaryColor),(s=this._panel)==null||s.style.setProperty("--cd-primary",this._cfg.primaryColor)}_bindEvents(){this._toggleBtn.addEventListener("click",()=>this.toggle()),this._closeBtn.addEventListener("click",()=>this.close()),this._sendBtn.addEventListener("click",()=>this._sendMessage()),this._textarea.addEventListener("keydown",t=>{t.key==="Enter"&&!t.shiftKey&&(t.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 t=this._root||this._container;if(!t)return;const e=window.visualViewport,a=e?e.height:window.innerHeight;t.style.setProperty("--cd-viewport-height",`${Math.round(a)}px`)}async _sendMessage(){var a;const t=this._textarea.value.trim();if(!t||this._loading)return;const e=this._cfg.rateLimiting;if(e!=null&&e.enabled){const s=Date.now();if(s-this._minuteStart>=6e4&&(this._minuteCount=0,this._minuteStart=s),e.maxMessagesPerSession>0&&this._messageCount>=e.maxMessagesPerSession){this._appendMessage("error",e.limitReachedMessage,!1),this._textarea.disabled=!0,this._sendBtn.disabled=!0;return}if(e.maxMessagesPerMinute>0&&this._minuteCount>=e.maxMessagesPerMinute){this._appendMessage("error",e.rateLimitMessage,!1);return}}this._textarea.value="",this._textarea.style.height="auto",this._loading=!0,this._sendBtn.disabled=!0,this._messages.push({role:"user",content:t}),this._appendMessage("user",t,!1),this._messageCount+=1,this._minuteCount+=1;try{if(this._cfg.streaming)await this._callApiStream();else{const s=this._showTyping(),r=await this._callApi();this._removeTyping(s),this._messages.push({role:"assistant",content:r}),this._appendMessage("assistant",r,!0)}}catch(s){if(s.status===429||(a=s.message)!=null&&a.includes("429")){const r=s.rateLimitMessage||(e==null?void 0:e.rateLimitMessage)||"You're sending messages too quickly. Please wait a moment.";this._appendMessage("error",r,!1)}else this._appendMessage("error","Sorry, something went wrong. Please try again.",!1);console.error("[CognitionDesk]",s)}finally{this._loading=!1,(e==null?void 0:e.maxMessagesPerSession)>0&&this._messageCount>=e.maxMessagesPerSession||(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"}}}async _callApiStream(){const t=`${this._cfg.backendUrl}/chat-apiKeyAuth/stream`,e=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this._cfg.apiKey},body:JSON.stringify({...this._buildRequestBody(),stream:!0})});if(!e.ok){const o=await e.json().catch(()=>({})),c=new Error(o.message||`HTTP ${e.status}`);throw c.status=e.status,c.rateLimitMessage=o.message,c}const a=document.createElement("div");a.className="cd-msg assistant",a.innerHTML='<div class="cd-typing"><span></span><span></span><span></span></div>',this._messagesEl.appendChild(a),this._scrollToBottom();const s=e.body.getReader(),r=new TextDecoder;let n="",d=!1;try{for(;;){const{done:o,value:c}=await s.read();if(o)break;const p=r.decode(c,{stream:!0});for(const u of p.split(`
+`)){if(!u.startsWith("data: "))continue;const _=u.slice(6).trim();if(_==="[DONE]")break;let m;try{m=JSON.parse(_)}catch{continue}m.type==="content"&&m.data&&(d||(a.innerHTML="",d=!0),n+=m.data,a.innerHTML=this._renderMarkdown(n),this._scrollToBottom())}}}finally{s.releaseLock()}d||(a.innerHTML=this._renderMarkdown("No response")),n&&this._messages.push({role:"assistant",content:n})}async _callApi(){var s,r,n;const t=`${this._cfg.backendUrl}/chat-apiKeyAuth/chat`,e=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this._cfg.apiKey},body:JSON.stringify(this._buildRequestBody())});if(!e.ok){const d=await e.json().catch(()=>({})),o=new Error(d.message||`HTTP ${e.status}`);throw o.status=e.status,o.rateLimitMessage=d.message,o}const a=await e.json();return a.response||a.message||a.content||((n=(r=(s=a.choices)==null?void 0:s[0])==null?void 0:r.message)==null?void 0:n.content)||"No response"}_appendMessage(t,e,a=!0){const s=document.createElement("div");s.className=`cd-msg ${t}`,a&&t!=="user"?s.innerHTML=this._renderMarkdown(e):s.textContent=e,this._messagesEl.appendChild(s),this._scrollToBottom()}_renderMarkdown(t){if(!t)return"";let e=this._escHtml(t);return e=e.replace(/```[\w]*\n?([\s\S]*?)```/g,(a,s)=>`<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${s.trim()}</pre>`),e=e.replace(/`([^`]+)`/g,'<code style="background:rgba(0,0,0,.08);padding:1px 5px;border-radius:4px;font-size:.9em">$1</code>'),e=e.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),e=e.replace(/__([^_]+)__/g,"<strong>$1</strong>"),e=e.replace(/\*([^*]+)\*/g,"<em>$1</em>"),e=e.replace(/_([^_]+)_/g,"<em>$1</em>"),e=e.replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g,'<a href="$2" target="_blank" rel="noopener" style="color:var(--cd-primary,#2563eb)">$1</a>'),e=e.replace(/\n/g,"<br>"),e}_showTyping(){const t=document.createElement("div");return t.className="cd-msg assistant",t.innerHTML='<div class="cd-typing"><span></span><span></span><span></span></div>',this._messagesEl.appendChild(t),this._scrollToBottom(),t}_removeTyping(t){t==null||t.remove()}_scrollToBottom(){this._messagesEl&&(this._messagesEl.scrollTop=this._messagesEl.scrollHeight)}_escHtml(t){return String(t).replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}};const N=g.forwardRef(function(t,e){const{apiKey:a,widgetId:s,assistantId:r,theme:n="light",primaryColor:d="#2563eb",botName:o="AI Assistant",botEmoji:c="🤖",welcomeMessage:p="Hello! How can I help you today?",placeholder:u="Type a message…",defaultOpen:_=!1,streaming:m=!0,backendUrl:M,maxMessagesPerSession:P=0,maxMessagesPerMinute:j=0,limitReachedMessage:C,rateLimitMessage:E,onOpen:b,onClose:x}=t,h=g.useRef(null),L=g.useRef(null);return g.useImperativeHandle(e,()=>({open:()=>{var i;return(i=h.current)==null?void 0:i.open()},close:()=>{var i;return(i=h.current)==null?void 0:i.close()},toggle:()=>{var i;return(i=h.current)==null?void 0:i.toggle()},clearHistory:()=>{var i;return(i=h.current)==null?void 0:i.clearHistory()}}),[]),g.useEffect(()=>{if(!a){console.error("[CognitionDesk] apiKey prop is required");return}const i=new k({apiKey:a,widgetId:s,assistantId:r,theme:n,primaryColor:d,botName:o,botEmoji:c,welcomeMessage:p,placeholder:u,streaming:m,...M?{backendUrl:M}:{},rateLimiting:{enabled:!0,maxMessagesPerSession:P,maxMessagesPerMinute:j,...C?{limitReachedMessage:C}:{},...E?{rateLimitMessage:E}:{}}});if(b||x){const w=i.open.bind(i),B=i.close.bind(i);i.open=(...y)=>{w(...y),b==null||b()},i.close=(...y)=>{B(...y),x==null||x()}}return Promise.resolve(i.mount(L.current)).then(()=>{h.current=i,_&&i.open()}),()=>{i.unmount(),h.current=null}},[a,s,r]),g.useEffect(()=>{var w;const i=h.current;i&&(i._cfg.theme=n,i._cfg.primaryColor=d,(w=i._applyTheme)==null||w.call(i))},[n,d]),f.jsx("div",{ref:L,"data-cognitiondesk-root":""})});l.CognitionDeskWidget=N,l.CognitionDeskWidgetCore=k,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});

package/dist/widget.es.js

@@ -1,4 +1,4 @@
-const u = "https://mounaji-backendv3.onrender.com", b = `
+const u = "https://mounaji-backendv3.onrender.com", _ = `
   :host {
     all: initial;
     font-family: system-ui, sans-serif;
@@ -244,16 +244,17 @@ const u = "https://mounaji-backendv3.onrender.com", b = `
       font-size: 16px;
     }
   }
-`, h = {
+`, p = {
   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 _() {
+function b() {
   return "cd_" + Math.random().toString(36).slice(2) + Date.now().toString(36);
 }
-class m {
+class f {
   constructor(e = {}) {
+    var t, a, s, i, r;
     if (!e.apiKey) throw new Error("[CognitionDesk] apiKey is required");
     this._cfg = {
       apiKey: e.apiKey,
@@ -268,9 +269,17 @@ class m {
       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
+      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;
+      // Rate limiting — can be overridden by inline config or merged from server config
+      rateLimiting: {
+        enabled: ((t = e.rateLimiting) == null ? void 0 : t.enabled) !== !1,
+        maxMessagesPerSession: ((a = e.rateLimiting) == null ? void 0 : a.maxMessagesPerSession) ?? 0,
+        maxMessagesPerMinute: ((s = e.rateLimiting) == null ? void 0 : s.maxMessagesPerMinute) ?? 0,
+        limitReachedMessage: ((i = e.rateLimiting) == null ? void 0 : i.limitReachedMessage) || "You've reached the message limit for this session.",
+        rateLimitMessage: ((r = e.rateLimiting) == null ? void 0 : r.rateLimitMessage) || "You're sending messages too quickly. Please wait a moment."
+      }
+    }, this._sessionId = b(), this._messageCount = 0, this._minuteCount = 0, this._minuteStart = Date.now(), 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 ──────────────────────────────────────────────────────────────
   /**
@@ -280,10 +289,10 @@ class m {
    */
   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);
+      const a = e || document.body;
+      this._container = document.createElement("div"), this._container.setAttribute("data-cognitiondesk", ""), a.appendChild(this._container), this._shadow = this._container.attachShadow({ mode: "open" });
+      const s = document.createElement("style");
+      s.textContent = _, this._shadow.appendChild(s), 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));
   }
@@ -295,11 +304,11 @@ class m {
     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);
+      const a = await fetch(e);
+      if (!a.ok) return;
+      const { config: s } = await a.json();
+      if (!s) return;
+      s.botName && !this._userSet("botName") && (this._cfg.botName = s.botName), s.welcomeMessage && !this._userSet("welcomeMessage") && (this._cfg.welcomeMessage = s.welcomeMessage), s.primaryColor && !this._userSet("primaryColor") && (this._cfg.primaryColor = s.primaryColor), s.placeholder && !this._userSet("placeholder") && (this._cfg.placeholder = s.placeholder), s.assistantId && !this._cfg.assistantId && (this._cfg.assistantId = s.assistantId), (t = s.avatar) != null && t.value && !this._userSet("botEmoji") && (this._cfg.botEmoji = s.avatar.value), s.rateLimiting && (this._cfg.rateLimiting = { ...this._cfg.rateLimiting, ...s.rateLimiting });
     } catch {
     }
   }
@@ -329,11 +338,11 @@ class m {
     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;
+    t.className = "cd-widget-btn", t.innerHTML = p.chat, t.setAttribute("aria-label", "Open chat"), t.style.setProperty("--cd-primary", this._cfg.primaryColor), this._toggleBtn = t;
     const a = document.createElement("div");
-    a.className = "cd-header", a.innerHTML = `
+    a.className = "cd-panel", this._panel = a;
+    const s = document.createElement("div");
+    s.className = "cd-header", s.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>
@@ -342,22 +351,22 @@ class m {
         </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 i = document.createElement("button");
+    i.className = "cd-close-btn", i.innerHTML = p.close, i.setAttribute("aria-label", "Close chat"), s.appendChild(i), this._closeBtn = i;
+    const r = document.createElement("div");
+    r.className = "cd-messages", r.setAttribute("role", "log"), r.setAttribute("aria-live", "polite"), this._messagesEl = r;
+    const o = document.createElement("div");
+    o.className = "cd-input-area";
+    const n = document.createElement("textarea");
+    n.className = "cd-textarea", n.rows = 1, n.placeholder = this._cfg.placeholder, this._textarea = n;
     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);
+    d.className = "cd-send-btn", d.innerHTML = p.send, d.setAttribute("aria-label", "Send"), this._sendBtn = d, o.appendChild(n), o.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;
+    l.className = "cd-powered", l.innerHTML = 'Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>', a.appendChild(s), a.appendChild(r), a.appendChild(o), a.appendChild(l), e.appendChild(t), e.appendChild(a), 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);
+    var t, a, s;
+    (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")), (a = this._root) == null || a.style.setProperty("--cd-primary", this._cfg.primaryColor), (s = this._panel) == null || s.style.setProperty("--cd-primary", this._cfg.primaryColor);
   }
   // ── Events ──────────────────────────────────────────────────────────────────
   _bindEvents() {
@@ -378,27 +387,44 @@ class m {
   _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`);
+    const t = window.visualViewport, a = t ? t.height : window.innerHeight;
+    e.style.setProperty("--cd-viewport-height", `${Math.round(a)}px`);
   }
   // ── Chat ────────────────────────────────────────────────────────────────────
   async _sendMessage() {
+    var a;
     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();
+    if (!e || this._loading) return;
+    const t = this._cfg.rateLimiting;
+    if (t != null && t.enabled) {
+      const s = Date.now();
+      if (s - this._minuteStart >= 6e4 && (this._minuteCount = 0, this._minuteStart = s), t.maxMessagesPerSession > 0 && this._messageCount >= t.maxMessagesPerSession) {
+        this._appendMessage("error", t.limitReachedMessage, !1), this._textarea.disabled = !0, this._sendBtn.disabled = !0;
+        return;
+      }
+      if (t.maxMessagesPerMinute > 0 && this._minuteCount >= t.maxMessagesPerMinute) {
+        this._appendMessage("error", t.rateLimitMessage, !1);
+        return;
       }
     }
+    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), this._messageCount += 1, this._minuteCount += 1;
+    try {
+      if (this._cfg.streaming)
+        await this._callApiStream();
+      else {
+        const s = this._showTyping(), i = await this._callApi();
+        this._removeTyping(s), this._messages.push({ role: "assistant", content: i }), this._appendMessage("assistant", i, !0);
+      }
+    } catch (s) {
+      if (s.status === 429 || (a = s.message) != null && a.includes("429")) {
+        const i = s.rateLimitMessage || (t == null ? void 0 : t.rateLimitMessage) || "You're sending messages too quickly. Please wait a moment.";
+        this._appendMessage("error", i, !1);
+      } else
+        this._appendMessage("error", "Sorry, something went wrong. Please try again.", !1);
+      console.error("[CognitionDesk]", s);
+    } finally {
+      this._loading = !1, (t == null ? void 0 : t.maxMessagesPerSession) > 0 && this._messageCount >= t.maxMessagesPerSession || (this._sendBtn.disabled = !1), this._textarea.focus();
+    }
   }
   _buildRequestBody() {
     return {
@@ -420,56 +446,56 @@ class m {
       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 n = await t.json().catch(() => ({})), d = new Error(n.message || `HTTP ${t.status}`);
+      throw d.status = t.status, d.rateLimitMessage = n.message, d;
     }
-    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;
+    const a = document.createElement("div");
+    a.className = "cd-msg assistant", a.innerHTML = '<div class="cd-typing"><span></span><span></span><span></span></div>', this._messagesEl.appendChild(a), this._scrollToBottom();
+    const s = t.body.getReader(), i = new TextDecoder();
+    let r = "", o = !1;
     try {
       for (; ; ) {
-        const { done: o, value: d } = await a.read();
-        if (o) break;
-        const l = r.decode(d, { stream: !0 });
+        const { done: n, value: d } = await s.read();
+        if (n) break;
+        const l = i.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;
+          const m = g.slice(6).trim();
+          if (m === "[DONE]") break;
+          let h;
           try {
-            p = JSON.parse(f);
+            h = JSON.parse(m);
           } catch {
             continue;
           }
-          p.type === "content" && p.data && (n || (s.innerHTML = "", n = !0), i += p.data, s.innerHTML = this._renderMarkdown(i), this._scrollToBottom());
+          h.type === "content" && h.data && (o || (a.innerHTML = "", o = !0), r += h.data, a.innerHTML = this._renderMarkdown(r), this._scrollToBottom());
         }
       }
     } finally {
-      a.releaseLock();
+      s.releaseLock();
     }
-    n || (s.innerHTML = this._renderMarkdown("No response")), i && this._messages.push({ role: "assistant", content: i });
+    o || (a.innerHTML = this._renderMarkdown("No response")), r && this._messages.push({ role: "assistant", content: r });
   }
   /** Non-streaming fallback path */
   async _callApi() {
-    var a, r, i;
+    var s, i, r;
     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 o = await t.json().catch(() => ({})), n = new Error(o.message || `HTTP ${t.status}`);
+      throw n.status = t.status, n.rateLimitMessage = o.message, n;
     }
-    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";
+    const a = await t.json();
+    return a.response || a.message || a.content || ((r = (i = (s = a.choices) == null ? void 0 : s[0]) == null ? void 0 : i.message) == null ? void 0 : r.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();
+  _appendMessage(e, t, a = !0) {
+    const s = document.createElement("div");
+    s.className = `cd-msg ${e}`, a && e !== "user" ? s.innerHTML = this._renderMarkdown(t) : s.textContent = t, this._messagesEl.appendChild(s), this._scrollToBottom();
   }
   /** Minimal, safe markdown → HTML renderer (no dependencies). */
   _renderMarkdown(e) {
@@ -477,7 +503,7 @@ class m {
     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>`
+      (a, s) => `<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${s.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>'
@@ -497,8 +523,8 @@ class m {
     return String(e).replace(/[&<>"']/g, (t) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[t]);
   }
 }
-function w(c) {
-  const e = new m(c);
+function x(c) {
+  const e = new f(c);
   return e.mount(), e;
 }
 if (typeof document < "u") {
@@ -506,9 +532,9 @@ if (typeof document < "u") {
     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({
+      const a = e.getAttribute("data-widget-id") || void 0, s = e.getAttribute("data-streaming"), i = new f({
         apiKey: t,
-        widgetId: s,
+        widgetId: a,
         assistantId: e.getAttribute("data-assistant-id") || void 0,
         theme: e.getAttribute("data-theme") || "light",
         primaryColor: e.getAttribute("data-primary-color") || "#2563eb",
@@ -517,15 +543,15 @@ if (typeof document < "u") {
         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"
+        streaming: s === null ? !0 : s !== "false"
       });
-      Promise.resolve(r.mount());
+      Promise.resolve(i.mount());
     });
   };
   document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", c) : c();
 }
 export {
-  m as CognitionDeskWidget,
-  m as default,
-  w as init
+  f as CognitionDeskWidget,
+  f as default,
+  x as init
 };

package/dist/widget.umd.cjs

@@ -1,4 +1,4 @@
-(function(d,l){typeof exports=="object"&&typeof module<"u"?l(exports):typeof define=="function"&&define.amd?define(["exports"],l):(d=typeof globalThis<"u"?globalThis:d||self,l(d.CognitionDeskWidget={}))})(this,function(d){"use strict";const l="https://mounaji-backendv3.onrender.com",_=`
+(function(c,l){typeof exports=="object"&&typeof module<"u"?l(exports):typeof define=="function"&&define.amd?define(["exports"],l):(c=typeof globalThis<"u"?globalThis:c||self,l(c.CognitionDeskWidget={}))})(this,function(c){"use strict";const l="https://mounaji-backendv3.onrender.com",b=`
   :host {
     all: initial;
     font-family: system-ui, sans-serif;
@@ -244,7 +244,7 @@
       font-size: 16px;
     }
   }
-`,m={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 w(){return"cd_"+Math.random().toString(36).slice(2)+Date.now().toString(36)}class g{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||l,primaryColor:e.primaryColor||"#2563eb",theme:e.theme||"light",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},this._sessionId=w(),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}mount(e){const t=()=>{const a=e||document.body;this._container=document.createElement("div"),this._container.setAttribute("data-cognitiondesk",""),a.appendChild(this._container),this._shadow=this._container.attachShadow({mode:"open"});const s=document.createElement("style");s.textContent=_,this._shadow.appendChild(s),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))}async _fetchWidgetConfig(){var t;const e=`${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;try{const a=await fetch(e);if(!a.ok)return;const{config:s}=await a.json();if(!s)return;s.botName&&!this._userSet("botName")&&(this._cfg.botName=s.botName),s.welcomeMessage&&!this._userSet("welcomeMessage")&&(this._cfg.welcomeMessage=s.welcomeMessage),s.primaryColor&&!this._userSet("primaryColor")&&(this._cfg.primaryColor=s.primaryColor),s.placeholder&&!this._userSet("placeholder")&&(this._cfg.placeholder=s.placeholder),s.assistantId&&!this._cfg.assistantId&&(this._cfg.assistantId=s.assistantId),(t=s.avatar)!=null&&t.value&&!this._userSet("botEmoji")&&(this._cfg.botEmoji=s.avatar.value)}catch{}}_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)}_buildDOM(){const e=document.createElement("div");e.className="cd-root";const t=document.createElement("button");t.className="cd-widget-btn",t.innerHTML=m.chat,t.setAttribute("aria-label","Open chat"),t.style.setProperty("--cd-primary",this._cfg.primaryColor),this._toggleBtn=t;const a=document.createElement("div");a.className="cd-panel",this._panel=a;const s=document.createElement("div");s.className="cd-header",s.innerHTML=`
+`,f={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 w(){return"cd_"+Math.random().toString(36).slice(2)+Date.now().toString(36)}class g{constructor(e={}){var t,a,s,i,n;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||l,primaryColor:e.primaryColor||"#2563eb",theme:e.theme||"light",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,rateLimiting:{enabled:((t=e.rateLimiting)==null?void 0:t.enabled)!==!1,maxMessagesPerSession:((a=e.rateLimiting)==null?void 0:a.maxMessagesPerSession)??0,maxMessagesPerMinute:((s=e.rateLimiting)==null?void 0:s.maxMessagesPerMinute)??0,limitReachedMessage:((i=e.rateLimiting)==null?void 0:i.limitReachedMessage)||"You've reached the message limit for this session.",rateLimitMessage:((n=e.rateLimiting)==null?void 0:n.rateLimitMessage)||"You're sending messages too quickly. Please wait a moment."}},this._sessionId=w(),this._messageCount=0,this._minuteCount=0,this._minuteStart=Date.now(),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}mount(e){const t=()=>{const a=e||document.body;this._container=document.createElement("div"),this._container.setAttribute("data-cognitiondesk",""),a.appendChild(this._container),this._shadow=this._container.attachShadow({mode:"open"});const s=document.createElement("style");s.textContent=b,this._shadow.appendChild(s),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))}async _fetchWidgetConfig(){var t;const e=`${this._cfg.backendUrl}/platforms/web-widget/public/${this._cfg.widgetId}`;try{const a=await fetch(e);if(!a.ok)return;const{config:s}=await a.json();if(!s)return;s.botName&&!this._userSet("botName")&&(this._cfg.botName=s.botName),s.welcomeMessage&&!this._userSet("welcomeMessage")&&(this._cfg.welcomeMessage=s.welcomeMessage),s.primaryColor&&!this._userSet("primaryColor")&&(this._cfg.primaryColor=s.primaryColor),s.placeholder&&!this._userSet("placeholder")&&(this._cfg.placeholder=s.placeholder),s.assistantId&&!this._cfg.assistantId&&(this._cfg.assistantId=s.assistantId),(t=s.avatar)!=null&&t.value&&!this._userSet("botEmoji")&&(this._cfg.botEmoji=s.avatar.value),s.rateLimiting&&(this._cfg.rateLimiting={...this._cfg.rateLimiting,...s.rateLimiting})}catch{}}_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)}_buildDOM(){const e=document.createElement("div");e.className="cd-root";const t=document.createElement("button");t.className="cd-widget-btn",t.innerHTML=f.chat,t.setAttribute("aria-label","Open chat"),t.style.setProperty("--cd-primary",this._cfg.primaryColor),this._toggleBtn=t;const a=document.createElement("div");a.className="cd-panel",this._panel=a;const s=document.createElement("div");s.className="cd-header",s.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>
@@ -252,5 +252,5 @@
           <span class="cd-status-dot"></span> Online
         </div>
       </div>
-    `;const r=document.createElement("button");r.className="cd-close-btn",r.innerHTML=m.close,r.setAttribute("aria-label","Close chat"),s.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 c=document.createElement("button");c.className="cd-send-btn",c.innerHTML=m.send,c.setAttribute("aria-label","Send"),this._sendBtn=c,n.appendChild(o),n.appendChild(c);const h=document.createElement("div");h.className="cd-powered",h.innerHTML='Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>',a.appendChild(s),a.appendChild(i),a.appendChild(n),a.appendChild(h),e.appendChild(t),e.appendChild(a),this._shadow.appendChild(e),this._root=e}_applyTheme(){var t,a,s;(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")),(a=this._root)==null||a.style.setProperty("--cd-primary",this._cfg.primaryColor),(s=this._panel)==null||s.style.setProperty("--cd-primary",this._cfg.primaryColor)}_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,a=t?t.height:window.innerHeight;e.style.setProperty("--cd-viewport-height",`${Math.round(a)}px`)}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(),a=await this._callApi();this._removeTyping(t),this._messages.push({role:"assistant",content:a}),this._appendMessage("assistant",a,!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"}}}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 a=document.createElement("div");a.className="cd-msg assistant",a.innerHTML='<div class="cd-typing"><span></span><span></span><span></span></div>',this._messagesEl.appendChild(a),this._scrollToBottom();const s=t.body.getReader(),r=new TextDecoder;let i="",n=!1;try{for(;;){const{done:o,value:c}=await s.read();if(o)break;const h=r.decode(c,{stream:!0});for(const u of h.split(`
-`)){if(!u.startsWith("data: "))continue;const b=u.slice(6).trim();if(b==="[DONE]")break;let f;try{f=JSON.parse(b)}catch{continue}f.type==="content"&&f.data&&(n||(a.innerHTML="",n=!0),i+=f.data,a.innerHTML=this._renderMarkdown(i),this._scrollToBottom())}}}finally{s.releaseLock()}n||(a.innerHTML=this._renderMarkdown("No response")),i&&this._messages.push({role:"assistant",content:i})}async _callApi(){var s,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 a=await t.json();return a.response||a.message||a.content||((i=(r=(s=a.choices)==null?void 0:s[0])==null?void 0:r.message)==null?void 0:i.content)||"No response"}_appendMessage(e,t,a=!0){const s=document.createElement("div");s.className=`cd-msg ${e}`,a&&e!=="user"?s.innerHTML=this._renderMarkdown(t):s.textContent=t,this._messagesEl.appendChild(s),this._scrollToBottom()}_renderMarkdown(e){if(!e)return"";let t=this._escHtml(e);return t=t.replace(/```[\w]*\n?([\s\S]*?)```/g,(a,s)=>`<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${s.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 v(p){const e=new g(p);return e.mount(),e}if(typeof document<"u"){const p=()=>{document.querySelectorAll("script[data-api-key]").forEach(e=>{const t=e.getAttribute("data-api-key");if(!t)return;const a=e.getAttribute("data-widget-id")||void 0,s=e.getAttribute("data-streaming"),r=new g({apiKey:t,widgetId:a,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:s===null?!0:s!=="false"});Promise.resolve(r.mount())})};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",p):p()}d.CognitionDeskWidget=g,d.default=g,d.init=v,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+    `;const i=document.createElement("button");i.className="cd-close-btn",i.innerHTML=f.close,i.setAttribute("aria-label","Close chat"),s.appendChild(i),this._closeBtn=i;const n=document.createElement("div");n.className="cd-messages",n.setAttribute("role","log"),n.setAttribute("aria-live","polite"),this._messagesEl=n;const o=document.createElement("div");o.className="cd-input-area";const r=document.createElement("textarea");r.className="cd-textarea",r.rows=1,r.placeholder=this._cfg.placeholder,this._textarea=r;const d=document.createElement("button");d.className="cd-send-btn",d.innerHTML=f.send,d.setAttribute("aria-label","Send"),this._sendBtn=d,o.appendChild(r),o.appendChild(d);const p=document.createElement("div");p.className="cd-powered",p.innerHTML='Powered by <a href="https://cognitiondesk.com" target="_blank" rel="noopener">CognitionDesk</a>',a.appendChild(s),a.appendChild(n),a.appendChild(o),a.appendChild(p),e.appendChild(t),e.appendChild(a),this._shadow.appendChild(e),this._root=e}_applyTheme(){var t,a,s;(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")),(a=this._root)==null||a.style.setProperty("--cd-primary",this._cfg.primaryColor),(s=this._panel)==null||s.style.setProperty("--cd-primary",this._cfg.primaryColor)}_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,a=t?t.height:window.innerHeight;e.style.setProperty("--cd-viewport-height",`${Math.round(a)}px`)}async _sendMessage(){var a;const e=this._textarea.value.trim();if(!e||this._loading)return;const t=this._cfg.rateLimiting;if(t!=null&&t.enabled){const s=Date.now();if(s-this._minuteStart>=6e4&&(this._minuteCount=0,this._minuteStart=s),t.maxMessagesPerSession>0&&this._messageCount>=t.maxMessagesPerSession){this._appendMessage("error",t.limitReachedMessage,!1),this._textarea.disabled=!0,this._sendBtn.disabled=!0;return}if(t.maxMessagesPerMinute>0&&this._minuteCount>=t.maxMessagesPerMinute){this._appendMessage("error",t.rateLimitMessage,!1);return}}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),this._messageCount+=1,this._minuteCount+=1;try{if(this._cfg.streaming)await this._callApiStream();else{const s=this._showTyping(),i=await this._callApi();this._removeTyping(s),this._messages.push({role:"assistant",content:i}),this._appendMessage("assistant",i,!0)}}catch(s){if(s.status===429||(a=s.message)!=null&&a.includes("429")){const i=s.rateLimitMessage||(t==null?void 0:t.rateLimitMessage)||"You're sending messages too quickly. Please wait a moment.";this._appendMessage("error",i,!1)}else this._appendMessage("error","Sorry, something went wrong. Please try again.",!1);console.error("[CognitionDesk]",s)}finally{this._loading=!1,(t==null?void 0:t.maxMessagesPerSession)>0&&this._messageCount>=t.maxMessagesPerSession||(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"}}}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 r=await t.json().catch(()=>({})),d=new Error(r.message||`HTTP ${t.status}`);throw d.status=t.status,d.rateLimitMessage=r.message,d}const a=document.createElement("div");a.className="cd-msg assistant",a.innerHTML='<div class="cd-typing"><span></span><span></span><span></span></div>',this._messagesEl.appendChild(a),this._scrollToBottom();const s=t.body.getReader(),i=new TextDecoder;let n="",o=!1;try{for(;;){const{done:r,value:d}=await s.read();if(r)break;const p=i.decode(d,{stream:!0});for(const u of p.split(`
+`)){if(!u.startsWith("data: "))continue;const _=u.slice(6).trim();if(_==="[DONE]")break;let m;try{m=JSON.parse(_)}catch{continue}m.type==="content"&&m.data&&(o||(a.innerHTML="",o=!0),n+=m.data,a.innerHTML=this._renderMarkdown(n),this._scrollToBottom())}}}finally{s.releaseLock()}o||(a.innerHTML=this._renderMarkdown("No response")),n&&this._messages.push({role:"assistant",content:n})}async _callApi(){var s,i,n;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 o=await t.json().catch(()=>({})),r=new Error(o.message||`HTTP ${t.status}`);throw r.status=t.status,r.rateLimitMessage=o.message,r}const a=await t.json();return a.response||a.message||a.content||((n=(i=(s=a.choices)==null?void 0:s[0])==null?void 0:i.message)==null?void 0:n.content)||"No response"}_appendMessage(e,t,a=!0){const s=document.createElement("div");s.className=`cd-msg ${e}`,a&&e!=="user"?s.innerHTML=this._renderMarkdown(t):s.textContent=t,this._messagesEl.appendChild(s),this._scrollToBottom()}_renderMarkdown(e){if(!e)return"";let t=this._escHtml(e);return t=t.replace(/```[\w]*\n?([\s\S]*?)```/g,(a,s)=>`<pre style="background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;font-size:12px;overflow-x:auto;margin:6px 0;white-space:pre-wrap">${s.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 x(h){const e=new g(h);return e.mount(),e}if(typeof document<"u"){const h=()=>{document.querySelectorAll("script[data-api-key]").forEach(e=>{const t=e.getAttribute("data-api-key");if(!t)return;const a=e.getAttribute("data-widget-id")||void 0,s=e.getAttribute("data-streaming"),i=new g({apiKey:t,widgetId:a,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:s===null?!0:s!=="false"});Promise.resolve(i.mount())})};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",h):h()}c.CognitionDeskWidget=g,c.default=g,c.init=x,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cognitiondesk/widget",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Embed a CognitionDesk AI chat widget into any website. Authenticate with an API key from your CognitionDesk dashboard.",
   "keywords": ["chat", "widget", "ai", "cognitiondesk", "chatbot", "react", "streaming", "mounaji"],
   "license": "MIT",

package/src/react.jsx

@@ -42,6 +42,11 @@ export const CognitionDeskWidget = forwardRef(function CognitionDeskWidget(props
     defaultOpen  = false,
     streaming    = true,
     backendUrl,
+    // Rate limiting — 0 means unlimited
+    maxMessagesPerSession = 0,
+    maxMessagesPerMinute  = 0,
+    limitReachedMessage,
+    rateLimitMessage,
     onOpen,
     onClose,
   } = props;
@@ -75,6 +80,13 @@ export const CognitionDeskWidget = forwardRef(function CognitionDeskWidget(props
       placeholder,
       streaming,
       ...(backendUrl ? { backendUrl } : {}),
+      rateLimiting: {
+        enabled:               true,
+        maxMessagesPerSession,
+        maxMessagesPerMinute,
+        ...(limitReachedMessage ? { limitReachedMessage } : {}),
+        ...(rateLimitMessage    ? { rateLimitMessage }    : {}),
+      },
     });
 
     // Patch open/close to fire callbacks

package/src/widget.js

@@ -287,9 +287,20 @@ export default class CognitionDeskWidget {
       placeholder:    config.placeholder    || 'Type a message…',
       position:       config.position       || 'bottom-right',
       streaming:      config.streaming      !== false,   // default: true
+      // Rate limiting — can be overridden by inline config or merged from server config
+      rateLimiting: {
+        enabled:               config.rateLimiting?.enabled              !== false,
+        maxMessagesPerSession: config.rateLimiting?.maxMessagesPerSession ?? 0,
+        maxMessagesPerMinute:  config.rateLimiting?.maxMessagesPerMinute  ?? 0,
+        limitReachedMessage:   config.rateLimiting?.limitReachedMessage   || "You've reached the message limit for this session.",
+        rateLimitMessage:      config.rateLimiting?.rateLimitMessage      || "You're sending messages too quickly. Please wait a moment.",
+      },
     };
 
-    this._sessionId = generateSessionId();
+    this._sessionId    = generateSessionId();
+    this._messageCount = 0;          // total sent this session
+    this._minuteCount  = 0;          // sent in current minute window
+    this._minuteStart  = Date.now(); // start of current minute window
     this._messages  = [];   // { role: 'user'|'assistant', content: string }[]
     this._open      = false;
     this._loading   = false;
@@ -360,6 +371,10 @@ export default class CognitionDeskWidget {
       if (config.placeholder    && !this._userSet('placeholder'))    this._cfg.placeholder    = config.placeholder;
       if (config.assistantId    && !this._cfg.assistantId)           this._cfg.assistantId    = config.assistantId;
       if (config.avatar?.value  && !this._userSet('botEmoji'))       this._cfg.botEmoji       = config.avatar.value;
+      // Merge rate limiting from server config (server is authoritative)
+      if (config.rateLimiting) {
+        this._cfg.rateLimiting = { ...this._cfg.rateLimiting, ...config.rateLimiting };
+      }
     } catch {
       // Silently ignore — widget falls back to inline config
     }
@@ -560,6 +575,27 @@ export default class CognitionDeskWidget {
     const text = this._textarea.value.trim();
     if (!text || this._loading) return;
 
+    // ── Client-side rate limit check (mirrors server enforcement) ──
+    const rl = this._cfg.rateLimiting;
+    if (rl?.enabled) {
+      const now = Date.now();
+      // Reset minute window
+      if (now - this._minuteStart >= 60_000) {
+        this._minuteCount = 0;
+        this._minuteStart = now;
+      }
+      if (rl.maxMessagesPerSession > 0 && this._messageCount >= rl.maxMessagesPerSession) {
+        this._appendMessage('error', rl.limitReachedMessage, false);
+        this._textarea.disabled = true;
+        this._sendBtn.disabled  = true;
+        return;
+      }
+      if (rl.maxMessagesPerMinute > 0 && this._minuteCount >= rl.maxMessagesPerMinute) {
+        this._appendMessage('error', rl.rateLimitMessage, false);
+        return;
+      }
+    }
+
     this._textarea.value = '';
     this._textarea.style.height = 'auto';
     this._loading = true;
@@ -567,6 +603,8 @@ export default class CognitionDeskWidget {
 
     this._messages.push({ role: 'user', content: text });
     this._appendMessage('user', text, false);
+    this._messageCount += 1;
+    this._minuteCount  += 1;
 
     try {
       if (this._cfg.streaming) {
@@ -579,11 +617,19 @@ export default class CognitionDeskWidget {
         this._appendMessage('assistant', response, true);
       }
     } catch (err) {
-      this._appendMessage('error', 'Sorry, something went wrong. Please try again.', false);
+      // Handle server-side 429 rate limit response
+      if (err.status === 429 || err.message?.includes('429')) {
+        const msg = err.rateLimitMessage || rl?.rateLimitMessage || "You're sending messages too quickly. Please wait a moment.";
+        this._appendMessage('error', msg, false);
+      } else {
+        this._appendMessage('error', 'Sorry, something went wrong. Please try again.', false);
+      }
       console.error('[CognitionDesk]', err);
     } finally {
       this._loading = false;
-      this._sendBtn.disabled = false;
+      if (!(rl?.maxMessagesPerSession > 0 && this._messageCount >= rl.maxMessagesPerSession)) {
+        this._sendBtn.disabled = false;
+      }
       this._textarea.focus();
     }
   }
@@ -613,7 +659,10 @@ export default class CognitionDeskWidget {
 
     if (!res.ok) {
       const errData = await res.json().catch(() => ({}));
-      throw new Error(errData.message || `HTTP ${res.status}`);
+      const err = new Error(errData.message || `HTTP ${res.status}`);
+      err.status = res.status;
+      err.rateLimitMessage = errData.message;
+      throw err;
     }
 
     // Create an empty assistant bubble to stream into
@@ -673,7 +722,10 @@ export default class CognitionDeskWidget {
 
     if (!res.ok) {
       const errData = await res.json().catch(() => ({}));
-      throw new Error(errData.message || `HTTP ${res.status}`);
+      const err = new Error(errData.message || `HTTP ${res.status}`);
+      err.status = res.status;
+      err.rateLimitMessage = errData.message;
+      throw err;
     }
 
     const data = await res.json();