@cloudflare/ai-search-snippet 0.0.29 → 0.0.31

package/dist/search-snippet.es.js

@@ -1,6 +1,6 @@
-var H = Object.defineProperty;
-var N = (o, i, e) => i in o ? H(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
-var a = (o, i, e) => N(o, typeof i != "symbol" ? i + "" : i, e);
+var P = Object.defineProperty;
+var O = (n, i, e) => i in n ? P(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
+var a = (n, i, e) => O(n, typeof i != "symbol" ? i + "" : i, e);
 const u = [
   "Searching...",
   "Digging through results...",
@@ -13,24 +13,24 @@ const u = [
   "Rummaging through pages...",
   "Hunting down answers..."
 ];
-function A(o, i) {
+function $(n, i) {
   let e;
-  return function(...s) {
-    const r = () => {
-      clearTimeout(e), o(...s);
-    };
-    clearTimeout(e), e = setTimeout(r, i);
-  };
+  function t(...s) {
+    clearTimeout(e), e = setTimeout(() => {
+      n(...s);
+    }, i);
+  }
+  return t.cancel = () => clearTimeout(e), t;
 }
-function h(o) {
+function h(n) {
   const i = document.createElement("div");
-  return i.textContent = o, i.innerHTML;
+  return i.textContent = n, i.innerHTML;
 }
-function S(o) {
-  return new DOMParser().parseFromString(o, "text/html").documentElement.textContent || "";
+function E(n) {
+  return new DOMParser().parseFromString(n, "text/html").documentElement.textContent || "";
 }
-function P(o) {
-  const i = new Date(o), t = (/* @__PURE__ */ new Date()).getTime() - i.getTime();
+function _(n) {
+  const i = new Date(n), t = (/* @__PURE__ */ new Date()).getTime() - i.getTime();
   if (t < 6e4)
     return "Just now";
   if (t < 36e5) {
@@ -48,60 +48,90 @@ function P(o) {
     minute: "2-digit"
   });
 }
-function $(o) {
-  return new Date(o).toLocaleDateString(void 0, {
+function q(n) {
+  return new Date(n).toLocaleDateString(void 0, {
     month: "short",
     day: "numeric"
   });
 }
-function E(o = "id") {
-  return `${o}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+function M(n = "id") {
+  return `${n}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
-function d(o, i) {
-  return o !== null ? o : i;
+function d(n, i) {
+  return n !== null ? n : i;
 }
-function g(o, i) {
-  return o === null ? i : o === "true" || o === "";
+function m(n, i) {
+  return n === null ? i : n === "true" || n === "";
 }
-function w(o, i) {
-  if (o === null) return i;
-  const e = Number.parseInt(o, 10);
+function y(n, i) {
+  if (n === null) return i;
+  const e = Number.parseInt(n, 10);
   return Number.isNaN(e) ? i : e;
 }
-function m(o, i) {
-  return new CustomEvent(o, {
+function v(n, i) {
+  return new CustomEvent(n, {
     detail: i,
     bubbles: !0,
     composed: !0,
     cancelable: !0
   });
 }
-function x(o) {
-  if (!o)
+function x(n) {
+  if (!n)
     throw new Error("API URL is required");
-  return new _(o);
-}
-class _ {
+  return new V(n);
+}
+function w(n) {
+  return n !== null && typeof n == "object" && !Array.isArray(n);
+}
+function B(...n) {
+  const i = {};
+  for (const e of n)
+    if (e)
+      for (const [t, s] of Object.entries(e)) {
+        const r = i[t];
+        w(r) && w(s) ? i[t] = B(r, s) : i[t] = s;
+      }
+  return i;
+}
+function U(n, i) {
+  if (!w(i))
+    return n;
+  const e = new URLSearchParams();
+  for (const [l, g] of Object.entries(i))
+    g != null && e.append(l, String(g));
+  const t = e.toString();
+  if (!t)
+    return n;
+  const s = n.indexOf("#"), r = s === -1 ? n : n.slice(0, s), o = s === -1 ? "" : n.slice(s), c = r.includes("?") ? "&" : "?";
+  return `${r}${c}${t}${o}`;
+}
+function D(n) {
+  if (!w(n))
+    return {};
+  const i = {};
+  for (const [e, t] of Object.entries(n))
+    t != null && (i[e] = String(t));
+  return i;
+}
+function j(n) {
+  return w(n) ? n : void 0;
+}
+class V {
   constructor(i) {
     a(this, "activeRequests", /* @__PURE__ */ new Map());
     a(this, "baseUrl");
     this.baseUrl = i.replace(/\/$/, "");
   }
-  request(i = {}, e, t) {
-    const s = e === "search" ? "snippet-search" : "snippet-chat-completions";
-    return fetch(`${this.baseUrl}/${e}`, {
+  request(i, e, t, s) {
+    const r = e === "search" ? "snippet-search" : "snippet-chat-completions", o = U(`${this.baseUrl}/${e}`, s?.queryParams);
+    return fetch(o, {
       method: "POST",
-      body: JSON.stringify({
-        messages: [{ role: "user", content: i.query }],
-        stream: i.streaming,
-        max_results: i.maxResults,
-        ...e === "search" && {
-          ai_search_options: { retrieval: { metadata_only: !0 } }
-        }
-      }),
+      body: JSON.stringify(B(j(s?.body), i)),
       headers: {
+        ...D(s?.headers),
         "Content-Type": "application/json",
-        "cf-ai-search-source": s
+        "cf-ai-search-source": r
       },
       signal: t
     });
@@ -113,27 +143,33 @@ class _ {
     const t = this.generateRequestId(), s = new AbortController(), r = e.signal || s.signal;
     this.registerRequest(t, s);
     try {
-      const n = await this.request(
+      const o = await this.request(
         {
-          query: i,
-          streaming: !1,
-          maxResults: e.maxResults || 30
+          messages: [{ role: "user", content: i }],
+          stream: !1,
+          max_results: e.maxResults ?? 30,
+          ai_search_options: {
+            retrieval: {
+              metadata_only: !0
+            }
+          }
         },
         "search",
-        r
+        r,
+        e.request
       );
-      if (!n.ok)
-        throw new Error(`HTTP error! status: ${n.status}`);
-      if (!n.body)
+      if (!o.ok)
+        throw new Error(`HTTP error! status: ${o.status}`);
+      if (!o.body)
         throw new Error("Response body is empty");
-      const c = await n.json();
+      const c = await o.json();
       if (c.success && c.result)
         return c.result.chunks.map(
           (l) => ({
             type: "result",
             id: l.id,
-            title: S(l.item.metadata?.title),
-            description: l.item.metadata?.description ? S(l.item.metadata?.description) : "",
+            title: E(l.item.metadata?.title),
+            description: l.item.metadata?.description ? E(l.item.metadata?.description) : "",
             timestamp: l.item.timestamp ?? void 0,
             url: l.item.key,
             image: l.item.metadata?.image || void 0,
@@ -145,29 +181,33 @@ class _ {
       this.unregisterRequest(t);
     }
   }
-  async *searchStream(i, e) {
-    const t = this.generateRequestId(), s = new AbortController(), r = e?.signal || s.signal;
+  async *searchStream(i, e = {}) {
+    const t = this.generateRequestId(), s = new AbortController(), r = e.signal || s.signal;
     this.registerRequest(t, s);
-    const n = await this.request(
+    const o = await this.request(
       {
-        query: i,
-        streaming: !0
+        messages: [{ role: "user", content: i }],
+        stream: !0,
+        ...e.maxResults !== void 0 && {
+          max_results: e.maxResults
+        }
       },
       "ai-search",
-      r
+      r,
+      e.request
     );
-    if (!n.ok)
-      throw new Error(`HTTP error! status: ${n.status}`);
-    if (!n.body)
+    if (!o.ok)
+      throw new Error(`HTTP error! status: ${o.status}`);
+    if (!o.body)
       throw new Error("Response body is empty");
     let c = "";
-    const l = n.body.getReader(), v = new TextDecoder();
+    const l = o.body.getReader(), g = new TextDecoder();
     for (; ; ) {
-      const { done: p, value: C } = await l.read();
+      const { done: p, value: S } = await l.read();
       if (p)
         break;
-      const R = v.decode(C, { stream: !0 });
-      c += R;
+      const N = g.decode(S, { stream: !0 });
+      c += N;
     }
     yield {
       type: "result",
@@ -183,8 +223,8 @@ class _ {
   async *chat(i, e) {
     const t = new AbortController(), s = e?.signal || t.signal, r = await this.request(
       {
-        query: i,
-        streaming: !1
+        messages: [{ role: "user", content: i }],
+        stream: !1
       },
       "chat/completions",
       s
@@ -235,10 +275,10 @@ class _ {
     return `req-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   }
 }
-const D = `<svg width="32" height="10" viewBox="0 0 412 186" xmlns="http://www.w3.org/2000/svg" aria-label="Cloudflare" role="img">
+const K = `<svg width="32" height="10" viewBox="0 0 412 186" xmlns="http://www.w3.org/2000/svg" aria-label="Cloudflare" role="img">
   <path fill="#f38020" d="m280.8395,183.31456c11,-26 -4,-38 -19,-38l-148,-2c-4,0 -4,-6 1,-7l150,-2c17,-1 37,-15 43,-33c0,0 10,-21 9,-24a97,97 0 0 0 -187,-11c-38,-25 -78,9 -69,46c-48,3 -65,46 -60,72c0,1 1,2 3,2l274,0c1,0 3,-1 3,-3z"/>
   <path fill="#faae40" d="m330.8395,81.31456c-4,0 -6,-1 -7,1l-5,21c-5,16 3,30 20,31l32,2c4,0 4,6 -1,7l-33,1c-36,4 -46,39 -46,39c0,2 0,3 2,3l113,0l3,-2a81,81 0 0 0 -78,-103"/>
-</svg>`, U = "https://workers.cloudflare.com/product/ai-search", y = `Powered by <a href="${U}" target="_blank" rel="noopener noreferrer">Cloudflare AI Search ${D}</a>`, q = `
+</svg>`, G = "https://workers.cloudflare.com/product/ai-search", k = `Powered by <a href="${G}" target="_blank" rel="noopener noreferrer">Cloudflare AI Search ${K}</a>`, R = `
 /* Chat container */
 .chat-container {
   display: flex;
@@ -555,7 +595,7 @@ const D = `<svg width="32" height="10" viewBox="0 0 412 186" xmlns="http://www.w
 .chat-message-bubble a:hover {
   text-decoration: none;
 }
-`, k = `
+`, C = `
 :host {
   /* Colors - Light Mode */
   --search-snippet-primary-color: #2563eb;
@@ -990,17 +1030,17 @@ const D = `<svg width="32" height="10" viewBox="0 0 412 186" xmlns="http://www.w
   text-align: center;
 }
 `;
-function V(o) {
-  let i = o;
-  i = j(i), i = i.replace(/```([\s\S]*?)```/g, (n, c) => `<pre><code>${c.trim()}</code></pre>`);
+function F(n) {
+  let i = n;
+  i = Y(i), i = i.replace(/```([\s\S]*?)```/g, (o, c) => `<pre><code>${c.trim()}</code></pre>`);
   const e = i.split(`
 `), t = [];
   let s = !1, r = "";
-  for (let n = 0; n < e.length; n++) {
-    const c = e[n], l = c.match(/^(#{1,6})\s+(.+)$/);
+  for (let o = 0; o < e.length; o++) {
+    const c = e[o], l = c.match(/^(#{1,6})\s+(.+)$/);
     if (l) {
-      const p = l[1].length, C = l[2];
-      t.push(`<h${p}>${f(C)}</h${p}>`);
+      const p = l[1].length, S = l[2];
+      t.push(`<h${p}>${f(S)}</h${p}>`);
       continue;
     }
     if (c.match(/^---+$/)) {
@@ -1012,9 +1052,9 @@ function V(o) {
       t.push(`<blockquote>${f(p)}</blockquote>`);
       continue;
     }
-    const v = c.match(/^[-*]\s+(.+)$/);
-    if (v) {
-      (!s || r !== "ul") && (s && t.push(`</${r}>`), t.push("<ul>"), s = !0, r = "ul"), t.push(`<li>${f(v[1])}</li>`);
+    const g = c.match(/^[-*]\s+(.+)$/);
+    if (g) {
+      (!s || r !== "ul") && (s && t.push(`</${r}>`), t.push("<ul>"), s = !0, r = "ul"), t.push(`<li>${f(g[1])}</li>`);
       continue;
     }
     const b = c.match(/^\d+\.\s+(.+)$/);
@@ -1031,14 +1071,14 @@ function V(o) {
   return s && t.push(`</${r}>`), t.join(`
 `);
 }
-function f(o) {
-  let i = o;
+function f(n) {
+  let i = n;
   return i = i.replace(/`([^`]+)`/g, "<code>$1</code>"), i = i.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>"), i = i.replace(/___(.+?)___/g, "<strong><em>$1</em></strong>"), i = i.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), i = i.replace(/__(.+?)__/g, "<strong>$1</strong>"), i = i.replace(/\*(.+?)\*/g, "<em>$1</em>"), i = i.replace(/_(.+?)_/g, "<em>$1</em>"), i = i.replace(
     /\[([^\]]+)\]\(([^)]+)\)/g,
     '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
   ), i;
 }
-function j(o) {
+function Y(n) {
   const i = {
     "&": "&amp;",
     "<": "&lt;",
@@ -1046,9 +1086,9 @@ function j(o) {
     '"': "&quot;",
     "'": "&#39;"
   };
-  return o.replace(/[&<>"']/g, (e) => i[e] || e);
+  return n.replace(/[&<>"']/g, (e) => i[e] || e);
 }
-class B {
+class H {
   constructor(i, e, t) {
     a(this, "container");
     a(this, "client");
@@ -1127,13 +1167,13 @@ class B {
    */
   async sendMessage(i) {
     const e = {
-      id: E("msg"),
+      id: M("msg"),
       role: "user",
       content: i,
       timestamp: Date.now()
     };
     this.addMessage(e), this.renderMessages(!0), this.setStreamingState(!0);
-    const t = E("msg"), s = {
+    const t = M("msg"), s = {
       id: t,
       role: "assistant",
       content: "",
@@ -1142,19 +1182,19 @@ class B {
     this.addMessage(s), this.currentStreamingMessageId = t, this.renderMessages(!0);
     try {
       const r = this.client.chat(i);
-      let n = "";
+      let o = "";
       for await (const l of r)
         if (l.type === "text" && l.message)
-          n += l.message, this.updateStreamingMessage(t, n);
+          o += l.message, this.updateStreamingMessage(t, o);
         else if (l.type === "error") {
           this.showErrorInMessage(t, l.message || "Unknown error");
           break;
         }
       const c = this.messages.findIndex((l) => l.id === t);
-      c !== -1 && (this.messages[c].content = n), this.container.dispatchEvent(m("message", { message: s }));
+      c !== -1 && (this.messages[c].content = o), this.container.dispatchEvent(v("message", { message: s }));
     } catch (r) {
       this.showErrorInMessage(t, r.message), this.container.dispatchEvent(
-        m("error", {
+        v("error", {
           error: {
             message: r.message,
             code: "CHAT_ERROR"
@@ -1219,11 +1259,11 @@ class B {
         <div class="chat-message-avatar">${s}</div>
         <div class="chat-message-content">
           <div class="chat-message-bubble">
-            ${i.content ? `<div class="chat-message-text">${V(i.content)}</div>` : ""}
+            ${i.content ? `<div class="chat-message-text">${F(i.content)}</div>` : ""}
             ${e ? `<div class="chat-streaming"><span class="chat-streaming-dot"></span><span class="chat-streaming-dot"></span><span class="chat-streaming-dot"></span><span class="loading-text">${u[this.loadingMessageIndex]}</span></div>` : ""}
           </div>
           <div class="chat-message-metadata">
-            <span class="chat-message-time">${P(i.timestamp)}</span>
+            <span class="chat-message-time">${_(i.timestamp)}</span>
           </div>
         </div>
       </div>
@@ -1276,8 +1316,8 @@ class B {
     this.clearLoadingMessages(), this.isStreaming && this.client.cancelAllRequests(), this.inputElement && (this.handleInputResize && this.inputElement.removeEventListener("input", this.handleInputResize), this.handleInputKeydown && this.inputElement.removeEventListener("keydown", this.handleInputKeydown)), this.sendButton && this.handleSendClick && this.sendButton.removeEventListener("click", this.handleSendClick), this.handleInputResize = null, this.handleInputKeydown = null, this.handleSendClick = null;
   }
 }
-const M = "chat-bubble-snippet";
-class O extends HTMLElement {
+const L = "chat-bubble-snippet";
+class J extends HTMLElement {
   constructor() {
     super();
     a(this, "shadow");
@@ -1297,7 +1337,7 @@ class O extends HTMLElement {
     return ["api-url", "placeholder", "theme", "hide-branding"];
   }
   connectedCallback() {
-    this.render(), this.initializeClient(), this.dispatchEvent(m("ready", void 0));
+    this.render(), this.initializeClient(), this.dispatchEvent(v("ready", void 0));
   }
   disconnectedCallback() {
     this.cleanup();
@@ -1310,7 +1350,7 @@ class O extends HTMLElement {
       apiUrl: d(this.getAttribute("api-url"), ""),
       placeholder: d(this.getAttribute("placeholder"), "Type a message..."),
       theme: d(this.getAttribute("theme"), "auto"),
-      hideBranding: g(this.getAttribute("hide-branding"), !1)
+      hideBranding: m(this.getAttribute("hide-branding"), !1)
     };
   }
   initializeClient() {
@@ -1327,8 +1367,8 @@ class O extends HTMLElement {
   }
   render() {
     const e = document.createElement("style");
-    e.textContent = `${k}
-${q}
+    e.textContent = `${C}
+${R}
 ${this.getBubbleStyles()}`, this.container = document.createElement("div"), this.container.className = "chat-bubble-widget", this.container.innerHTML = this.getBaseHTML(), this.shadow.innerHTML = "", this.shadow.appendChild(e), this.shadow.appendChild(this.container), this.attachEventListeners();
   }
   getBubbleStyles() {
@@ -1508,7 +1548,7 @@ ${this.getBubbleStyles()}`, this.container = document.createElement("div"), this
           </div>
         </div>
         <div class="chat-content"></div>
-        ${this.getProps().hideBranding ? "" : `<div class="powered-by">${y}</div>`}
+        ${this.getProps().hideBranding ? "" : `<div class="powered-by">${k}</div>`}
       </div>
     `;
   }
@@ -1548,7 +1588,7 @@ ${this.getBubbleStyles()}`, this.container = document.createElement("div"), this
       return;
     }
     const t = this.getProps();
-    this.chatView = new B(e, this.client, t);
+    this.chatView = new H(e, this.client, t);
   }
   updateTheme(e) {
     (e === "light" || e === "dark" ? e : null) === null && this.hasAttribute("theme") && this.getAttribute("theme") !== "auto" && this.removeAttribute("theme");
@@ -1567,9 +1607,9 @@ ${this.getBubbleStyles()}`, this.container = document.createElement("div"), this
     return this.chatView?.getMessages() || [];
   }
 }
-customElements.get(M) || customElements.define(M, O);
-const L = "chat-page-snippet", I = "chat-page-sessions";
-class K extends HTMLElement {
+customElements.get(L) || customElements.define(L, J);
+const I = "chat-page-snippet", z = "chat-page-sessions";
+class W extends HTMLElement {
   constructor() {
     super();
     a(this, "shadow");
@@ -1591,7 +1631,7 @@ class K extends HTMLElement {
     return ["api-url", "placeholder", "theme", "hide-branding"];
   }
   connectedCallback() {
-    this.render(), this.initializeClient(), this.setupView(), this.dispatchEvent(m("ready", void 0));
+    this.render(), this.initializeClient(), this.setupView(), this.dispatchEvent(v("ready", void 0));
   }
   disconnectedCallback() {
     this.saveCurrentSession(), this.cleanup();
@@ -1604,7 +1644,7 @@ class K extends HTMLElement {
       apiUrl: d(this.getAttribute("api-url"), ""),
       placeholder: d(this.getAttribute("placeholder"), "Type a message..."),
       theme: d(this.getAttribute("theme"), "auto"),
-      hideBranding: g(this.getAttribute("hide-branding"), !1)
+      hideBranding: m(this.getAttribute("hide-branding"), !1)
     };
   }
   initializeClient() {
@@ -1621,8 +1661,8 @@ class K extends HTMLElement {
   }
   render() {
     const e = document.createElement("style");
-    e.textContent = `${k}
-${q}
+    e.textContent = `${C}
+${R}
 ${this.getPageStyles()}`, this.container = document.createElement("div"), this.container.className = "chat-page-container", this.container.innerHTML = this.getBaseHTML(), this.shadow.innerHTML = "", this.shadow.appendChild(e), this.shadow.appendChild(this.container), this.attachEventListeners();
   }
   getPageStyles() {
@@ -1914,7 +1954,7 @@ ${this.getPageStyles()}`, this.container = document.createElement("div"), this.c
           New Chat
         </button>
         <div class="chat-list"></div>
-        ${this.getProps().hideBranding ? "" : `<div class="powered-by">${y}</div>`}
+        ${this.getProps().hideBranding ? "" : `<div class="powered-by">${k}</div>`}
       </div>
       <div class="chat-main">
         <div class="chat-page-header">
@@ -1948,11 +1988,11 @@ ${this.getPageStyles()}`, this.container = document.createElement("div"), this.c
   }
   attachEventListeners() {
     const e = this.shadow.querySelector(".clear-button"), t = this.shadow.querySelector(".new-chat-button"), s = this.shadow.querySelector(".toggle-sidebar-button"), r = this.shadow.querySelector(".chat-list");
-    this.handleClearClick = () => this.clearCurrentChat(), this.handleNewChatClick = () => this.createNewChat(), this.handleToggleSidebarClick = () => this.toggleSidebar(), this.handleChatListClick = (n) => this.onChatListClick(n), e?.addEventListener("click", this.handleClearClick), t?.addEventListener("click", this.handleNewChatClick), s?.addEventListener("click", this.handleToggleSidebarClick), r?.addEventListener("click", this.handleChatListClick);
+    this.handleClearClick = () => this.clearCurrentChat(), this.handleNewChatClick = () => this.createNewChat(), this.handleToggleSidebarClick = () => this.toggleSidebar(), this.handleChatListClick = (o) => this.onChatListClick(o), e?.addEventListener("click", this.handleClearClick), t?.addEventListener("click", this.handleNewChatClick), s?.addEventListener("click", this.handleToggleSidebarClick), r?.addEventListener("click", this.handleChatListClick);
   }
   removeEventListeners() {
-    const e = this.shadow.querySelector(".clear-button"), t = this.shadow.querySelector(".new-chat-button"), s = this.shadow.querySelector(".toggle-sidebar-button"), r = this.shadow.querySelector(".chat-list"), n = this.shadow.querySelector(".container");
-    this.handleClearClick && e?.removeEventListener("click", this.handleClearClick), this.handleNewChatClick && t?.removeEventListener("click", this.handleNewChatClick), this.handleToggleSidebarClick && s?.removeEventListener("click", this.handleToggleSidebarClick), this.handleChatListClick && r?.removeEventListener("click", this.handleChatListClick), this.handleMessageEvent && n && n.removeEventListener("message", this.handleMessageEvent), this.handleClearClick = null, this.handleNewChatClick = null, this.handleToggleSidebarClick = null, this.handleChatListClick = null, this.handleMessageEvent = null;
+    const e = this.shadow.querySelector(".clear-button"), t = this.shadow.querySelector(".new-chat-button"), s = this.shadow.querySelector(".toggle-sidebar-button"), r = this.shadow.querySelector(".chat-list"), o = this.shadow.querySelector(".container");
+    this.handleClearClick && e?.removeEventListener("click", this.handleClearClick), this.handleNewChatClick && t?.removeEventListener("click", this.handleNewChatClick), this.handleToggleSidebarClick && s?.removeEventListener("click", this.handleToggleSidebarClick), this.handleChatListClick && r?.removeEventListener("click", this.handleChatListClick), this.handleMessageEvent && o && o.removeEventListener("message", this.handleMessageEvent), this.handleClearClick = null, this.handleNewChatClick = null, this.handleToggleSidebarClick = null, this.handleChatListClick = null, this.handleMessageEvent = null;
   }
   setupView() {
     const e = this.shadow.querySelector(".container");
@@ -1966,7 +2006,7 @@ ${this.getPageStyles()}`, this.container = document.createElement("div"), this.c
     }
     if (!e) return;
     const t = this.getProps();
-    if (this.chatView = new B(e, this.client, t), this.sessions.length === 0)
+    if (this.chatView = new H(e, this.client, t), this.sessions.length === 0)
       this.createNewChat();
     else {
       const s = this.sessions[0];
@@ -1981,7 +2021,7 @@ ${this.getPageStyles()}`, this.container = document.createElement("div"), this.c
   }
   loadSessions() {
     try {
-      const e = localStorage.getItem(I);
+      const e = localStorage.getItem(z);
       e && (this.sessions = JSON.parse(e), this.sessions.sort((t, s) => s.updatedAt - t.updatedAt));
     } catch (e) {
       console.error("Failed to load chat sessions:", e);
@@ -1989,7 +2029,7 @@ ${this.getPageStyles()}`, this.container = document.createElement("div"), this.c
   }
   saveSessions() {
     try {
-      localStorage.setItem(I, JSON.stringify(this.sessions));
+      localStorage.setItem(z, JSON.stringify(this.sessions));
     } catch (e) {
       console.error("Failed to save chat sessions:", e);
     }
@@ -2040,14 +2080,14 @@ ${this.getPageStyles()}`, this.container = document.createElement("div"), this.c
     const t = e.target, s = t.closest(".chat-list-item-delete");
     if (s) {
       e.stopPropagation();
-      const n = s.getAttribute("data-session-id");
-      n && this.deleteSession(n);
+      const o = s.getAttribute("data-session-id");
+      o && this.deleteSession(o);
       return;
     }
     const r = t.closest(".chat-list-item");
     if (r) {
-      const n = r.getAttribute("data-session-id");
-      n && this.switchToSession(n);
+      const o = r.getAttribute("data-session-id");
+      o && this.switchToSession(o);
     }
   }
   renderChatList() {
@@ -2077,8 +2117,8 @@ ${this.getPageStyles()}`, this.container = document.createElement("div"), this.c
     `;
   }
   formatDate(e) {
-    const t = new Date(e), r = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), n = Math.floor(r / (1e3 * 60 * 60 * 24));
-    return n === 0 ? t.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : n === 1 ? "Yesterday" : n < 7 ? t.toLocaleDateString(void 0, { weekday: "long" }) : t.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+    const t = new Date(e), r = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), o = Math.floor(r / (1e3 * 60 * 60 * 24));
+    return o === 0 ? t.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : o === 1 ? "Yesterday" : o < 7 ? t.toLocaleDateString(void 0, { weekday: "long" }) : t.toLocaleDateString(void 0, { month: "short", day: "numeric" });
   }
   escapeHTML(e) {
     const t = document.createElement("div");
@@ -2107,8 +2147,8 @@ ${this.getPageStyles()}`, this.container = document.createElement("div"), this.c
     return this.sessions.find((e) => e.id === this.currentSessionId) || null;
   }
 }
-customElements.get(L) || customElements.define(L, K);
-const G = `
+customElements.get(I) || customElements.define(I, W);
+const X = `
 /* Search view states */
 .search-view {
   transition: var(--search-snippet-transition-slow);
@@ -2478,8 +2518,8 @@ a.search-result-item:focus-visible {
   border-radius: 2px;
   font-weight: var(--search-snippet-font-weight-medium);
 }
-`, z = "search-bar-snippet", F = 10, Y = 100;
-class W extends HTMLElement {
+`, A = "search-bar-snippet", Z = 10, Q = 100;
+class ee extends HTMLElement {
   constructor() {
     super();
     a(this, "shadow");
@@ -2510,11 +2550,12 @@ class W extends HTMLElement {
       "show-url",
       "show-date",
       "hide-thumbnails",
-      "see-more"
+      "see-more",
+      "request-options"
     ];
   }
   connectedCallback() {
-    this.initializeClient(), this.render(), this.dispatchEvent(m("ready", void 0));
+    this.initializeClient(), this.render(), this.dispatchEvent(v("ready", void 0));
   }
   disconnectedCallback() {
     this.cleanup();
@@ -2526,16 +2567,29 @@ class W extends HTMLElement {
     return {
       apiUrl: d(this.getAttribute("api-url"), ""),
       placeholder: d(this.getAttribute("placeholder"), "Search..."),
-      maxResults: w(this.getAttribute("max-results"), 10),
-      debounceMs: w(this.getAttribute("debounce-ms"), 300),
+      maxResults: y(this.getAttribute("max-results"), 10),
+      debounceMs: y(this.getAttribute("debounce-ms"), 300),
       theme: d(this.getAttribute("theme"), "auto"),
-      hideBranding: g(this.getAttribute("hide-branding"), !1),
-      showUrl: g(this.getAttribute("show-url"), !1),
-      showDate: g(this.getAttribute("show-date"), !1),
-      hideThumbnails: g(this.getAttribute("hide-thumbnails"), !1),
+      hideBranding: m(this.getAttribute("hide-branding"), !1),
+      showUrl: m(this.getAttribute("show-url"), !1),
+      showDate: m(this.getAttribute("show-date"), !1),
+      hideThumbnails: m(this.getAttribute("hide-thumbnails"), !1),
       seeMore: d(this.getAttribute("see-more"), "")
     };
   }
+  getRequestOptions() {
+    const e = this.getAttribute("request-options");
+    if (e)
+      try {
+        const t = JSON.parse(e);
+        if (t === null || typeof t != "object" || Array.isArray(t))
+          throw new Error("request-options must be a JSON object");
+        return t;
+      } catch (t) {
+        console.error("SearchBarSnippet: invalid request-options attribute", t);
+        return;
+      }
+  }
   initializeClient() {
     const e = this.getProps();
     if (!e.apiUrl) {
@@ -2550,13 +2604,13 @@ class W extends HTMLElement {
   }
   render() {
     const e = this.getProps(), t = (r) => this.performSearch(r);
-    this.debouncedSearch = A(
+    this.debouncedSearch = $(
       t,
       e.debounceMs || 400
     );
     const s = document.createElement("style");
-    s.textContent = `${k}
-${G}`, this.container = document.createElement("div"), this.container.className = "container", this.container.innerHTML = `
+    s.textContent = `${C}
+${X}`, this.container = document.createElement("div"), this.container.className = "container", this.container.innerHTML = `
             <div class="search-view"> 
                 <div class="search-input-wrapper">
                     <svg xmlns="http://www.w3.org/2000/svg" class="search-icon" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>
@@ -2604,10 +2658,10 @@ ${G}`, this.container = document.createElement("div"), this.container.className
     this.currentSearchController && (this.currentSearchController.abort(), this.currentSearchController = null), this.currentSearchController = new AbortController(), this.showLoadingState();
     try {
       const t = await this.client.search(e, {
-        streaming: !1,
         signal: this.currentSearchController.signal,
-        maxResults: Y
-      }), s = this.getProps(), r = t.slice(0, s.maxResults || F);
+        maxResults: Q,
+        request: this.getRequestOptions()
+      }), s = this.getProps(), r = t.slice(0, s.maxResults || Z);
       this.displayResults(r, e, t.length);
     } catch (t) {
       if (t.name === "AbortError")
@@ -2623,7 +2677,7 @@ ${G}`, this.container = document.createElement("div"), this.container.className
       this.showNoResultsState(t);
       return;
     }
-    const r = this.getProps(), n = r.hideBranding ? "" : `<div class="powered-by-inline">${y}</div>`, c = s > e.length, l = c ? `Showing ${e.length} of ${s} results` : `Found ${s} result${s === 1 ? "" : "s"}`, v = r.seeMore && c ? `<div class="search-footer">
+    const r = this.getProps(), o = r.hideBranding ? "" : `<div class="powered-by-inline">${k}</div>`, c = s > e.length, l = c ? `Showing ${e.length} of ${s} results` : `Found ${s} result${s === 1 ? "" : "s"}`, g = r.seeMore && c ? `<div class="search-footer">
             <a href="${h(r.seeMore + encodeURIComponent(t))}" class="search-see-more">
               <span>See more results</span>
               <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
@@ -2633,19 +2687,19 @@ ${G}`, this.container = document.createElement("div"), this.container.className
                 <div class="search-count">
                     ${l}
                 </div>
-                ${n}
+                ${o}
             </div>
             <div class="search-results">
                 ${e.map((p) => this.renderResult(p)).join("")}
             </div>
-            ${v}
+            ${g}
         `;
     this.resultsContainer.innerHTML = b, this.attachResultHandlers();
   }
   renderResult(e) {
-    const t = this.getProps(), s = t.hideThumbnails ? "" : this.renderResultImage(e.image, e.title), r = e.url ? h(e.url) : "#", n = t.showDate && e.timestamp !== void 0 ? `<div class="search-result-date">${h($(e.timestamp))}</div>` : "", c = t.showUrl && e.url || n ? `<div class="search-result-metadata">
+    const t = this.getProps(), s = t.hideThumbnails ? "" : this.renderResultImage(e.image, e.title), r = e.url ? h(e.url) : "#", o = t.showDate && e.timestamp !== void 0 ? `<div class="search-result-date">${h(q(e.timestamp))}</div>` : "", c = t.showUrl && e.url || o ? `<div class="search-result-metadata">
             ${t.showUrl && e.url ? `<span class="search-result-url">${h(e.url)}</span>` : '<span class="search-result-url search-result-url-empty"></span>'}
-            ${n}
+            ${o}
           </div>` : "";
     return `
             <a href="${r}" class="search-result-item" data-result-id="${h(e.url || "")}">
@@ -2681,8 +2735,8 @@ ${G}`, this.container = document.createElement("div"), this.container.className
     const e = this.container?.querySelectorAll(".search-result-item");
     if (!e) return;
     for (const s of e)
-      s.getAttribute("href") === "#" && s.addEventListener("click", (n) => {
-        n.preventDefault();
+      s.getAttribute("href") === "#" && s.addEventListener("click", (o) => {
+        o.preventDefault();
       });
     this.container?.querySelectorAll(".search-result-image")?.forEach((s) => {
       s.addEventListener("load", () => {
@@ -2690,10 +2744,10 @@ ${G}`, this.container = document.createElement("div"), this.container.className
       }), s.addEventListener("error", () => {
         const r = s.closest(".search-result-image-container");
         r?.querySelector(".search-result-image-loading")?.remove();
-        const n = r?.querySelector(
+        const o = r?.querySelector(
           ".search-result-image-placeholder"
         );
-        n && (n.style.display = "flex"), s.style.display = "none";
+        o && (o.style.display = "flex"), s.style.display = "none";
       });
     });
   }
@@ -2765,8 +2819,8 @@ ${G}`, this.container = document.createElement("div"), this.container.className
     await this.performSearch(e);
   }
 }
-customElements.get(z) || customElements.define(z, W);
-const X = `
+customElements.get(A) || customElements.define(A, ee);
+const te = `
 /* Modal backdrop */
 .modal-backdrop {
   position: fixed;
@@ -3203,8 +3257,8 @@ a.modal-result-item:focus-visible {
 .modal-container.open {
   animation: modal-slide-in var(--search-snippet-transition) ease-out;
 }
-`, T = "search-modal-snippet", J = 10, Z = 100;
-class Q extends HTMLElement {
+`, T = "search-modal-snippet", se = 10, ie = 100;
+class re extends HTMLElement {
   constructor() {
     super();
     a(this, "shadow");
@@ -3244,11 +3298,12 @@ class Q extends HTMLElement {
       "show-url",
       "show-date",
       "hide-thumbnails",
-      "see-more"
+      "see-more",
+      "request-options"
     ];
   }
   connectedCallback() {
-    this.initializeClient(), this.render(), this.attachGlobalKeyboardShortcut(), this.dispatchEvent(m("ready", void 0));
+    this.initializeClient(), this.render(), this.attachGlobalKeyboardShortcut(), this.dispatchEvent(v("ready", void 0));
   }
   disconnectedCallback() {
     this.cleanup();
@@ -3260,18 +3315,31 @@ class Q extends HTMLElement {
     return {
       apiUrl: d(this.getAttribute("api-url"), ""),
       placeholder: d(this.getAttribute("placeholder"), "Search..."),
-      maxResults: w(this.getAttribute("max-results"), 10),
-      debounceMs: w(this.getAttribute("debounce-ms"), 300),
+      maxResults: y(this.getAttribute("max-results"), 10),
+      debounceMs: y(this.getAttribute("debounce-ms"), 300),
       theme: d(this.getAttribute("theme"), "auto"),
       shortcut: d(this.getAttribute("shortcut"), "k"),
       useMetaKey: this.getAttribute("use-meta-key") !== "false",
-      hideBranding: g(this.getAttribute("hide-branding"), !1),
-      showUrl: g(this.getAttribute("show-url"), !1),
-      showDate: g(this.getAttribute("show-date"), !1),
-      hideThumbnails: g(this.getAttribute("hide-thumbnails"), !1),
+      hideBranding: m(this.getAttribute("hide-branding"), !1),
+      showUrl: m(this.getAttribute("show-url"), !1),
+      showDate: m(this.getAttribute("show-date"), !1),
+      hideThumbnails: m(this.getAttribute("hide-thumbnails"), !1),
       seeMore: d(this.getAttribute("see-more"), "")
     };
   }
+  getRequestOptions() {
+    const e = this.getAttribute("request-options");
+    if (e)
+      try {
+        const t = JSON.parse(e);
+        if (t === null || typeof t != "object" || Array.isArray(t))
+          throw new Error("request-options must be a JSON object");
+        return t;
+      } catch (t) {
+        console.error("SearchModalSnippet: invalid request-options attribute", t);
+        return;
+      }
+  }
   initializeClient() {
     const e = this.getProps();
     if (!e.apiUrl) {
@@ -3286,15 +3354,15 @@ class Q extends HTMLElement {
   }
   render() {
     const e = this.getProps(), t = (c) => this.performSearch(c);
-    this.debouncedSearch = A(
+    this.debouncedSearch = $(
       t,
       e.debounceMs || 300
     );
     const s = document.createElement("style");
-    s.textContent = `${k}
-${X}`;
-    const r = e.hideBranding ? "" : `<div class="powered-by-inline">${y}</div>`, n = document.createElement("div");
-    n.innerHTML = `
+    s.textContent = `${C}
+${te}`;
+    const r = e.hideBranding ? "" : `<div class="powered-by-inline">${k}</div>`, o = document.createElement("div");
+    o.innerHTML = `
       <div class="modal-backdrop" role="presentation"></div>
       <div class="modal-container" role="dialog" aria-modal="true" aria-labelledby="modal-title">
         <div class="modal-header">
@@ -3337,7 +3405,7 @@ ${X}`;
           ${r}
         </div>
       </div>
-    `, this.shadow.innerHTML = "", this.shadow.appendChild(s), this.shadow.appendChild(n), this.backdrop = this.shadow.querySelector(".modal-backdrop"), this.modal = this.shadow.querySelector(".modal-container"), this.inputElement = this.shadow.querySelector(".modal-search-input"), this.resultsContainer = this.shadow.querySelector(".modal-results"), this.footerCount = this.shadow.querySelector(".modal-results-count"), this.attachEventListeners(), this.client || this.showMissingApiUrlError();
+    `, this.shadow.innerHTML = "", this.shadow.appendChild(s), this.shadow.appendChild(o), this.backdrop = this.shadow.querySelector(".modal-backdrop"), this.modal = this.shadow.querySelector(".modal-container"), this.inputElement = this.shadow.querySelector(".modal-search-input"), this.resultsContainer = this.shadow.querySelector(".modal-results"), this.footerCount = this.shadow.querySelector(".modal-results-count"), this.attachEventListeners(), this.client || this.showMissingApiUrlError();
   }
   attachGlobalKeyboardShortcut() {
     const e = this.getProps(), t = e.shortcut?.toLowerCase() || "k";
@@ -3348,7 +3416,7 @@ ${X}`;
   attachEventListeners() {
     !this.inputElement || !this.backdrop || (this.handleInputChange = (e) => {
       const s = e.target.value.trim();
-      s.length > 0 && this.debouncedSearch ? this.debouncedSearch(s) : (this.results = [], this.activeIndex = -1, this.showEmptyState());
+      s.length > 0 && this.debouncedSearch ? this.debouncedSearch(s) : (this.debouncedSearch?.cancel(), this.currentSearchController?.abort(), this.results = [], this.activeIndex = -1, this.showEmptyState());
     }, this.inputElement.addEventListener("input", this.handleInputChange), this.handleInputKeydown = (e) => {
       switch (e.key) {
         case "ArrowDown":
@@ -3387,7 +3455,7 @@ ${X}`;
     }
     const e = this.results[this.activeIndex];
     this.dispatchEvent(
-      m("result-select", {
+      v("result-select", {
         result: e,
         index: this.activeIndex
       })
@@ -3405,11 +3473,11 @@ ${X}`;
     this.currentSearchController && (this.currentSearchController.abort(), this.currentSearchController = null), this.currentSearchController = new AbortController(), this.showLoadingState();
     try {
       const t = await this.client.search(e, {
-        streaming: !1,
         signal: this.currentSearchController.signal,
-        maxResults: Z
+        maxResults: ie,
+        request: this.getRequestOptions()
       }), s = this.getProps();
-      this.results = t.slice(0, s.maxResults || J), this.activeIndex = this.results.length > 0 ? 0 : -1, this.displayResults(this.results, e, t.length);
+      this.results = t.slice(0, s.maxResults || se), this.activeIndex = this.results.length > 0 ? 0 : -1, this.displayResults(this.results, e, t.length);
     } catch (t) {
       if (t.name === "AbortError")
         return;
@@ -3419,25 +3487,25 @@ ${X}`;
     }
   }
   displayResults(e, t, s = e.length) {
-    if (console.log({ results: e, query: t, totalResults: s }), this.clearLoadingInterval(), !this.resultsContainer) return;
+    if (this.clearLoadingInterval(), !this.resultsContainer) return;
     if (e.length === 0) {
       this.showNoResultsState(t);
       return;
     }
-    const r = this.getProps(), n = e.map((b, p) => this.renderResult(b, p)).join(""), c = s > e.length, l = c ? `Showing ${e.length} of ${s} results` : `${s} result${s === 1 ? "" : "s"}`, v = r.seeMore && c ? `<a href="${h(r.seeMore + encodeURIComponent(t))}" class="modal-see-more">
+    const r = this.getProps(), o = e.map((b, p) => this.renderResult(b, p)).join(""), c = s > e.length, l = c ? `Showing ${e.length} of ${s} results` : `${s} result${s === 1 ? "" : "s"}`, g = r.seeMore && c ? `<a href="${h(r.seeMore + encodeURIComponent(t))}" class="modal-see-more">
             <span>See more results</span>
             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
           </a>` : "";
-    this.resultsContainer.innerHTML = n + v, this.footerCount && (this.footerCount.textContent = l), this.inputElement && this.inputElement.setAttribute("aria-expanded", "true"), this.attachResultHandlers(), this.updateActiveResult();
+    this.resultsContainer.innerHTML = o + g, this.footerCount && (this.footerCount.textContent = l), this.inputElement && this.inputElement.setAttribute("aria-expanded", "true"), this.attachResultHandlers(), this.updateActiveResult();
   }
   renderResult(e, t) {
-    const s = this.getProps(), r = s.hideThumbnails ? "" : this.renderResultImage(e.image, e.title), n = e.url ? h(e.url) : "#", c = s.showDate && e.timestamp !== void 0 ? `<div class="modal-result-date">${h($(e.timestamp))}</div>` : "", l = s.showUrl && e.url || c ? `<div class="modal-result-metadata">
+    const s = this.getProps(), r = s.hideThumbnails ? "" : this.renderResultImage(e.image, e.title), o = e.url ? h(e.url) : "#", c = s.showDate && e.timestamp !== void 0 ? `<div class="modal-result-date">${h(q(e.timestamp))}</div>` : "", l = s.showUrl && e.url || c ? `<div class="modal-result-metadata">
             ${s.showUrl && e.url ? `<span class="modal-result-url">${h(e.url)}</span>` : '<span class="modal-result-url modal-result-url-empty"></span>'}
             ${c}
           </div>` : "";
     return `
       <a 
-        href="${n}"
+        href="${o}"
         class="modal-result-item${t === this.activeIndex ? " active" : ""}" 
         role="option" 
         id="result-${t}"
@@ -3489,10 +3557,10 @@ ${X}`;
       }), s.addEventListener("error", () => {
         const r = s.closest(".modal-result-image-container");
         r?.querySelector(".modal-result-image-loading")?.remove();
-        const n = r?.querySelector(
+        const o = r?.querySelector(
           ".modal-result-image-placeholder"
         );
-        n && (n.style.display = "flex"), s.style.display = "none";
+        o && (o.style.display = "flex"), s.style.display = "none";
       });
     });
   }
@@ -3580,13 +3648,13 @@ ${X}`;
       requestAnimationFrame(() => {
         this.inputElement?.focus();
       });
-    }), this.lockBodyScroll(), this.dispatchEvent(m("open", void 0)));
+    }), this.lockBodyScroll(), this.dispatchEvent(v("open", void 0)));
   }
   /**
    * Close the search modal
    */
   close() {
-    this.isOpen && (this.isOpen = !1, this.backdrop?.classList.remove("open"), this.modal?.classList.remove("open"), this.inputElement && (this.inputElement.value = ""), this.results = [], this.activeIndex = -1, this.showEmptyState(), this.unlockBodyScroll(), this.dispatchEvent(m("close", void 0)));
+    this.isOpen && (this.isOpen = !1, this.backdrop?.classList.remove("open"), this.modal?.classList.remove("open"), this.inputElement && (this.inputElement.value = ""), this.results = [], this.activeIndex = -1, this.showEmptyState(), this.unlockBodyScroll(), this.dispatchEvent(v("close", void 0)));
   }
   /**
    * Toggle the search modal open/closed
@@ -3613,13 +3681,13 @@ ${X}`;
     return this.isOpen;
   }
 }
-customElements.get(T) || customElements.define(T, Q);
+customElements.get(T) || customElements.define(T, re);
 export {
-  _ as AISearchClient,
-  O as ChatBubbleSnippet,
-  K as ChatPageSnippet,
-  W as SearchBarSnippet,
-  Q as SearchModalSnippet,
-  W as default
+  V as AISearchClient,
+  J as ChatBubbleSnippet,
+  W as ChatPageSnippet,
+  ee as SearchBarSnippet,
+  re as SearchModalSnippet,
+  ee as default
 };
 //# sourceMappingURL=search-snippet.es.js.map