@netlify/spark-ui 1.13.3 → 1.14.1

package/dist/chunks/{AskNetlify.CNYCiNSp.js → AskNetlify.WwftmboN.js}

@@ -12,7 +12,7 @@ var ta = (e, a, t, i) => ({
   }
 });
 import { u as O } from "./jsxRuntime.module.Bzuv3cXw.js";
-import { A as oe, T as ot, q as W, y as ye, x as Fa, d as ze, h as Qn } from "./hooks.module.DGkdD5n9.js";
+import { A as te, T as ot, q as W, y as ye, x as Fa, d as ze, h as Qn } from "./hooks.module.DGkdD5n9.js";
 import { _ as Hn, C as Bn, R as Vn } from "./compat.module.BNbXPLVY.js";
 import { createElement as Wn, createRef as Jn, Component as Kt, createContext as ma } from "preact";
 import { questions as Yn } from "../components/preact/AskNetlify/components/QuestionList/questions.js";
@@ -972,26 +972,26 @@ let Yi = class {
     return [];
   }
 };
-var te;
+var ne;
 (function(e) {
   e.Memory = "memory", e.LocalStorage = "localstorage", e.SessionStorage = "sessionstorage", e.NoCache = "nocache";
-})(te || (te = {}));
+})(ne || (ne = {}));
 var Zi = "1.3.2";
 const er = {
-  [te.Memory]: () => new Yi().enclosedCache,
-  [te.LocalStorage]: (e) => new Vi(e),
-  [te.SessionStorage]: (e) => new Wi(e),
-  [te.NoCache]: () => new Xi()
+  [ne.Memory]: () => new Yi().enclosedCache,
+  [ne.LocalStorage]: (e) => new Vi(e),
+  [ne.SessionStorage]: (e) => new Wi(e),
+  [ne.NoCache]: () => new Xi()
 }, ar = (e) => {
   switch (e) {
-    case te.SessionStorage:
+    case ne.SessionStorage:
       try {
         window.sessionStorage.getItem("item");
       } catch {
         return !1;
       }
       return !0;
-    case te.LocalStorage:
+    case ne.LocalStorage:
       try {
         window.localStorage.getItem("item");
       } catch {
@@ -1014,9 +1014,9 @@ class Qe {
     if (a != null && a.cache)
       i = a.cache;
     else {
-      if (this.cacheLocation = (a == null ? void 0 : a.cacheLocation) || te.SessionStorage, !ht(this.cacheLocation))
+      if (this.cacheLocation = (a == null ? void 0 : a.cacheLocation) || ne.SessionStorage, !ht(this.cacheLocation))
         throw new Error(`Invalid cache location "${this.cacheLocation}"`);
-      ar(this.cacheLocation) || (this.cacheLocation = te.Memory), i = ht(this.cacheLocation)(a == null ? void 0 : a.cachePrefix);
+      ar(this.cacheLocation) || (this.cacheLocation = ne.Memory), i = ht(this.cacheLocation)(a == null ? void 0 : a.cachePrefix);
     }
     if (a != null && a.cacheTimeInSeconds && a.cacheTimeInSeconds > Qi)
       throw new Error("Cache time cannot exceed 86400 seconds (24 hours)");
@@ -1367,7 +1367,7 @@ function xr(e) {
   return O(vr, { children: O(jr, F({}, a)) });
 }
 function jr(e) {
-  var a = this, t = e.children, i = e.forceRebuild, n = e.cache, r = e.cacheTimeInSeconds, o = e.cachePrefix, u = e.cacheLocation, c = e.customAgent, s = e.loadOptions, l = e.env, h = oe(), p = oe(), k = ot(function() {
+  var a = this, t = e.children, i = e.forceRebuild, n = e.cache, r = e.cacheTimeInSeconds, o = e.cachePrefix, u = e.cacheLocation, c = e.customAgent, s = e.loadOptions, l = e.env, h = te(), p = te(), k = ot(function() {
     return {
       cache: n,
       cacheTimeInSeconds: r,
@@ -1924,7 +1924,7 @@ var L = Kr(), xe, Tt, Pn = (Tt = class {
   clearGcTimeout() {
     d(this, xe) && (clearTimeout(d(this, xe)), j(this, xe, void 0));
   }
-}, xe = new WeakMap(), Tt), Te, De, B, je, U, Be, Ee, J, ne, Dt, $r = (Dt = class extends Pn {
+}, xe = new WeakMap(), Tt), Te, De, B, je, U, Be, Ee, J, ie, Dt, $r = (Dt = class extends Pn {
   constructor(a) {
     super();
     E(this, J);
@@ -1952,7 +1952,7 @@ var L = Kr(), xe, Tt, Pn = (Tt = class {
   }
   setData(a, t) {
     const i = Pr(this.state.data, a, this.options);
-    return D(this, J, ne).call(this, {
+    return D(this, J, ie).call(this, {
       data: i,
       type: "success",
       dataUpdatedAt: t == null ? void 0 : t.updatedAt,
@@ -1960,7 +1960,7 @@ var L = Kr(), xe, Tt, Pn = (Tt = class {
     }), i;
   }
   setState(a, t) {
-    D(this, J, ne).call(this, { type: "setState", state: a, setStateOptions: t });
+    D(this, J, ie).call(this, { type: "setState", state: a, setStateOptions: t });
   }
   cancel(a) {
     var i, n;
@@ -2014,7 +2014,7 @@ var L = Kr(), xe, Tt, Pn = (Tt = class {
     return this.observers.length;
   }
   invalidate() {
-    this.state.isInvalidated || D(this, J, ne).call(this, { type: "invalidate" });
+    this.state.isInvalidated || D(this, J, ie).call(this, { type: "invalidate" });
   }
   fetch(a, t) {
     var s, l, h;
@@ -2061,10 +2061,10 @@ var L = Kr(), xe, Tt, Pn = (Tt = class {
       };
       return n(p), p;
     })();
-    (s = this.options.behavior) == null || s.onFetch(u, this), j(this, De, this.state), (this.state.fetchStatus === "idle" || this.state.fetchMeta !== ((l = u.fetchOptions) == null ? void 0 : l.meta)) && D(this, J, ne).call(this, { type: "fetch", meta: (h = u.fetchOptions) == null ? void 0 : h.meta });
+    (s = this.options.behavior) == null || s.onFetch(u, this), j(this, De, this.state), (this.state.fetchStatus === "idle" || this.state.fetchMeta !== ((l = u.fetchOptions) == null ? void 0 : l.meta)) && D(this, J, ie).call(this, { type: "fetch", meta: (h = u.fetchOptions) == null ? void 0 : h.meta });
     const c = (p) => {
       var k, f, m, g;
-      _a(p) && p.silent || D(this, J, ne).call(this, {
+      _a(p) && p.silent || D(this, J, ie).call(this, {
         type: "error",
         error: p
       }), _a(p) || ((f = (k = d(this, B).config).onError) == null || f.call(
@@ -2105,13 +2105,13 @@ var L = Kr(), xe, Tt, Pn = (Tt = class {
       },
       onError: c,
       onFail: (p, k) => {
-        D(this, J, ne).call(this, { type: "failed", failureCount: p, error: k });
+        D(this, J, ie).call(this, { type: "failed", failureCount: p, error: k });
       },
       onPause: () => {
-        D(this, J, ne).call(this, { type: "pause" });
+        D(this, J, ie).call(this, { type: "pause" });
       },
       onContinue: () => {
-        D(this, J, ne).call(this, { type: "continue" });
+        D(this, J, ie).call(this, { type: "continue" });
       },
       retry: u.options.retry,
       retryDelay: u.options.retryDelay,
@@ -2119,7 +2119,7 @@ var L = Kr(), xe, Tt, Pn = (Tt = class {
       canRun: () => !0
     })), d(this, U).start();
   }
-}, Te = new WeakMap(), De = new WeakMap(), B = new WeakMap(), je = new WeakMap(), U = new WeakMap(), Be = new WeakMap(), Ee = new WeakMap(), J = new WeakSet(), ne = function(a) {
+}, Te = new WeakMap(), De = new WeakMap(), B = new WeakMap(), je = new WeakMap(), U = new WeakMap(), Be = new WeakMap(), Ee = new WeakMap(), J = new WeakSet(), ie = function(a) {
   const t = (i) => {
     switch (a.type) {
       case "failed":
@@ -2489,13 +2489,13 @@ function qn() {
     submittedAt: 0
   };
 }
-var ie, Y, Ve, Lt, Vr = (Lt = class extends Je {
+var re, Y, Ve, Lt, Vr = (Lt = class extends Je {
   constructor(a = {}) {
     super();
-    E(this, ie);
+    E(this, re);
     E(this, Y);
     E(this, Ve);
-    this.config = a, j(this, ie, /* @__PURE__ */ new Set()), j(this, Y, /* @__PURE__ */ new Map()), j(this, Ve, 0);
+    this.config = a, j(this, re, /* @__PURE__ */ new Set()), j(this, Y, /* @__PURE__ */ new Map()), j(this, Ve, 0);
   }
   build(a, t, i) {
     const n = new Br({
@@ -2507,7 +2507,7 @@ var ie, Y, Ve, Lt, Vr = (Lt = class extends Je {
     return this.add(n), n;
   }
   add(a) {
-    d(this, ie).add(a);
+    d(this, re).add(a);
     const t = ra(a);
     if (typeof t == "string") {
       const i = d(this, Y).get(t);
@@ -2516,7 +2516,7 @@ var ie, Y, Ve, Lt, Vr = (Lt = class extends Je {
     this.notify({ type: "added", mutation: a });
   }
   remove(a) {
-    if (d(this, ie).delete(a)) {
+    if (d(this, re).delete(a)) {
       const t = ra(a);
       if (typeof t == "string") {
         const i = d(this, Y).get(t);
@@ -2550,13 +2550,13 @@ var ie, Y, Ve, Lt, Vr = (Lt = class extends Je {
   }
   clear() {
     L.batch(() => {
-      d(this, ie).forEach((a) => {
+      d(this, re).forEach((a) => {
         this.notify({ type: "removed", mutation: a });
-      }), d(this, ie).clear(), d(this, Y).clear();
+      }), d(this, re).clear(), d(this, Y).clear();
     });
   }
   getAll() {
-    return Array.from(d(this, ie));
+    return Array.from(d(this, re));
   }
   find(a) {
     const t = { exact: !0, ...a };
@@ -2582,7 +2582,7 @@ var ie, Y, Ve, Lt, Vr = (Lt = class extends Je {
       )
     );
   }
-}, ie = new WeakMap(), Y = new WeakMap(), Ve = new WeakMap(), Lt);
+}, re = new WeakMap(), Y = new WeakMap(), Ve = new WeakMap(), Lt);
 function ra(e) {
   var a;
   return (a = e.options.scope) == null ? void 0 : a.id;
@@ -2875,14 +2875,14 @@ var A, me, pe, Ne, Fe, ge, Le, Me, Mt, Jr = (Mt = class {
   clear() {
     d(this, A).clear(), d(this, me).clear();
   }
-}, A = new WeakMap(), me = new WeakMap(), pe = new WeakMap(), Ne = new WeakMap(), Fe = new WeakMap(), ge = new WeakMap(), Le = new WeakMap(), Me = new WeakMap(), Mt), fe, ke, G, re, se, ua, Da, Ut, Yr = (Ut = class extends Je {
+}, A = new WeakMap(), me = new WeakMap(), pe = new WeakMap(), Ne = new WeakMap(), Fe = new WeakMap(), ge = new WeakMap(), Le = new WeakMap(), Me = new WeakMap(), Mt), fe, ke, G, oe, se, ua, Da, Ut, Yr = (Ut = class extends Je {
   constructor(a, t) {
     super();
     E(this, se);
     E(this, fe);
     E(this, ke);
     E(this, G);
-    E(this, re);
+    E(this, oe);
     j(this, fe, a), this.setOptions(t), this.bindMethods(), D(this, se, ua).call(this);
   }
   bindMethods() {
@@ -2913,9 +2913,9 @@ var A, me, pe, Ne, Fe, ge, Le, Me, Mt, Jr = (Mt = class {
   }
   mutate(a, t) {
     var i;
-    return j(this, re, t), (i = d(this, G)) == null || i.removeObserver(this), j(this, G, d(this, fe).getMutationCache().build(d(this, fe), this.options)), d(this, G).addObserver(this), d(this, G).execute(a);
+    return j(this, oe, t), (i = d(this, G)) == null || i.removeObserver(this), j(this, G, d(this, fe).getMutationCache().build(d(this, fe), this.options)), d(this, G).addObserver(this), d(this, G).execute(a);
   }
-}, fe = new WeakMap(), ke = new WeakMap(), G = new WeakMap(), re = new WeakMap(), se = new WeakSet(), ua = function() {
+}, fe = new WeakMap(), ke = new WeakMap(), G = new WeakMap(), oe = new WeakMap(), se = new WeakSet(), ua = function() {
   var t;
   const a = ((t = d(this, G)) == null ? void 0 : t.state) ?? qn();
   j(this, ke, {
@@ -2930,9 +2930,9 @@ var A, me, pe, Ne, Fe, ge, Le, Me, Mt, Jr = (Mt = class {
 }, Da = function(a) {
   L.batch(() => {
     var t, i, n, r, o, u, c, s;
-    if (d(this, re) && this.hasListeners()) {
+    if (d(this, oe) && this.hasListeners()) {
       const l = d(this, ke).variables, h = d(this, ke).context;
-      (a == null ? void 0 : a.type) === "success" ? ((i = (t = d(this, re)).onSuccess) == null || i.call(t, a.data, l, h), (r = (n = d(this, re)).onSettled) == null || r.call(n, a.data, null, l, h)) : (a == null ? void 0 : a.type) === "error" && ((u = (o = d(this, re)).onError) == null || u.call(o, a.error, l, h), (s = (c = d(this, re)).onSettled) == null || s.call(
+      (a == null ? void 0 : a.type) === "success" ? ((i = (t = d(this, oe)).onSuccess) == null || i.call(t, a.data, l, h), (r = (n = d(this, oe)).onSettled) == null || r.call(n, a.data, null, l, h)) : (a == null ? void 0 : a.type) === "error" && ((u = (o = d(this, oe)).onError) == null || u.call(o, a.error, l, h), (s = (c = d(this, oe)).onSettled) == null || s.call(
         c,
         void 0,
         a.error,
@@ -3355,7 +3355,7 @@ var Ct = "kapa-recaptcha-script", wo = ({ siteKey: e, config: a, onLoad: t }) =>
       }
   }, [n, t]), null;
 }, xo = wo, jo = "565487b2-a67c-4aac-bb92-3fb64732c7b8", St = "6Lck4YwlAAAAAEIE1hR--varWp0qu9F-8-emQn2v", Fn = ma(void 0), Eo = ({ children: e, provider: a, hasConsent: t }) => {
-  const i = oe(null), n = oe(null), [r, o] = ze(!1), u = W(
+  const i = te(null), n = te(null), [r, o] = ze(!1), u = W(
     async (s) => {
       var l;
       if (!r)
@@ -3913,7 +3913,7 @@ var Lo = "MHIUVE6Y4VV6H5lpgMyI", $n = ma(void 0), At = ({
   callbacks: i,
   apiService: n = new zo(_o)
 }) => {
-  const o = oe(n).current, u = {
+  const o = te(n).current, u = {
     isGenerating: !1,
     isPreparing: !1,
     threadId: null,
@@ -3921,7 +3921,7 @@ var Lo = "MHIUVE6Y4VV6H5lpgMyI", $n = ma(void 0), At = ({
     error: null
   }, [c, s] = Qn(Fo, u), { executeCaptcha: l } = Ro(), { buildIdentifiers: h } = Ao({
     mode: t
-  }), p = oe({
+  }), p = te({
     onRelevantSources: (b) => s({ type: "SET_RELEVANT_SOURCES", sources: b }),
     onPartialAnswer: (b) => s({ type: "SET_PARTIAL_ANSWER", answer: b }),
     onError: (b) => {
@@ -4128,36 +4128,42 @@ function Uo() {
     threadId: a.threadId
   };
 }
-function is({ setModalState: e, initialQuery: a }) {
-  const [t, i] = ze(""), [n, r] = ze(!1), o = oe(null), u = oe(null), c = oe(null), { conversation: s, submitQuery: l, isGeneratingAnswer: h, isPreparingAnswer: p, stopGeneration: k } = Uo(), f = (m) => {
-    m.preventDefault();
-    const g = m.target, y = g == null ? void 0 : g.getAttribute("data-question-id"), b = y ? Yn[y] : t;
-    b.trim() && l(b.trim()), y || i(""), r(!0);
+function is({ setModalState: e, searchQuery: a, urlParamQuery: t }) {
+  const [i, n] = ze(""), [r, o] = ze(!1), u = te(null), c = te(null), s = te(null), l = te(null), { conversation: h, submitQuery: p, isGeneratingAnswer: k, isPreparingAnswer: f, stopGeneration: m } = Uo(), g = (y) => {
+    y.preventDefault();
+    const b = y.target, v = b == null ? void 0 : b.getAttribute("data-question-id"), w = v ? Yn[v] : i;
+    w.trim() && p(w.trim()), v || n(""), o(!0);
   };
   return ye(() => {
-    n && c.current && (c.current.scrollIntoView({ behavior: "smooth" }), r(!1));
-  }, [n]), ye(() => {
-    a && (l(a.trim()), r(!0));
-  }, [a]), /* @__PURE__ */ O("div", { className: "n-ask-chat-container", children: [
+    r && l.current && (l.current.scrollIntoView({ behavior: "smooth" }), o(!1));
+  }, [r]), ye(() => {
+    var b;
+    const y = (t ?? a ?? "").trim();
+    t && n(y), a && p(y), (b = s == null ? void 0 : s.current) == null || b.focus(), o(!0);
+  }, [n, o, p, n, t, a]), /* @__PURE__ */ O("div", { className: "n-ask-chat-container", children: [
     /* @__PURE__ */ O(Zn, { onClick: () => e == null ? void 0 : e({ current: "search" }) }),
-    /* @__PURE__ */ O("div", { ref: o, className: "n-ask-conversation n-search-window", children: s.length ? /* @__PURE__ */ O(
-      ei,
-      {
-        isPreparingAnswer: p,
-        conversation: s,
-        lastMessageRef: c
-      }
-    ) : /* @__PURE__ */ O(Xn, { onClick: f, menuRef: u }) }),
-    /* @__PURE__ */ O("form", { onSubmit: f, className: "n-ask-form n-search-input-wrapper", children: [
+    /* @__PURE__ */ O("div", { ref: u, className: "n-ask-conversation n-search-window", children: [
+      !h.length && !t && !a && /* @__PURE__ */ O(Xn, { onClick: g, menuRef: c }),
+      h.length > 0 && /* @__PURE__ */ O(
+        ei,
+        {
+          isPreparingAnswer: f,
+          conversation: h,
+          lastMessageRef: l
+        }
+      )
+    ] }),
+    /* @__PURE__ */ O("form", { onSubmit: g, className: "n-ask-form n-search-input-wrapper", children: [
       /* @__PURE__ */ O(
         "input",
         {
+          ref: s,
           className: "n-ask-input n-search-input",
           type: "text",
-          value: t,
-          onInput: (m) => i(m.currentTarget.value),
+          value: i,
+          onInput: (y) => n(y.currentTarget.value),
           placeholder: "Ask a question...",
-          disabled: p || h
+          disabled: f || k
         }
       ),
       /* @__PURE__ */ O(
@@ -4172,12 +4178,12 @@ function is({ setModalState: e, initialQuery: a }) {
           children: "protected by reCAPTCHA"
         }
       ),
-      h ? /* @__PURE__ */ O(
+      k ? /* @__PURE__ */ O(
         "button",
         {
           type: "button",
           className: "n-ask-form-submit",
-          onClick: k,
+          onClick: m,
           "aria-label": "Stop generation",
           children: /* @__PURE__ */ O("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "var(--neutral-100)", children: /* @__PURE__ */ O("rect", { x: "0", y: "0", width: "16", height: "16" }) })
         }
@@ -4186,7 +4192,7 @@ function is({ setModalState: e, initialQuery: a }) {
         {
           type: "submit",
           className: "n-ask-form-submit",
-          disabled: !t.trim() || p,
+          disabled: !i.trim() || f,
           "aria-label": "Send message",
           children: /* @__PURE__ */ O("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", fill: "var(--neutral-100)", children: /* @__PURE__ */ O("path", { d: "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z" }) })
         }

package/dist/components/preact/AskNetlify/AskNetlify.d.ts

@@ -2,7 +2,8 @@ interface Props {
     setModalState?: (e: {
         current: string;
     }) => void;
-    initialQuery?: string;
+    searchQuery?: string;
+    urlParamQuery?: string;
 }
-export default function AskNetlify({ setModalState, initialQuery }: Props): import("preact").JSX.Element;
+export default function AskNetlify({ setModalState, searchQuery, urlParamQuery }: Props): import("preact").JSX.Element;
 export {};

package/dist/components/preact/AskNetlify/AskNetlify.js

@@ -1,6 +1,6 @@
 import "../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
 import "../../../chunks/hooks.module.DGkdD5n9.js";
-import { A as d } from "../../../chunks/AskNetlify.CNYCiNSp.js";
+import { A as d } from "../../../chunks/AskNetlify.WwftmboN.js";
 import "./components/QuestionList/questions.js";
 import "./components/QuestionList/QuestionList.js";
 import "./components/BackButton.js";

package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.js

@@ -1,83 +1,90 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { A as g, y as h, d as k } from "../../../../../chunks/hooks.module.DGkdD5n9.js";
-import { A as w, K as b } from "../../../../../chunks/AskNetlify.CNYCiNSp.js";
-import K from "../../../Modal/Modal.js";
-import d from "../../../KeyboardKey/KeyboardKey.js";
-import L from "../SearchWindow.js";
-import M from "../SearchInput.js";
-import O from "../AskNetlifyLink.js";
+import { A as g, y as f, d } from "../../../../../chunks/hooks.module.DGkdD5n9.js";
+import { A as K, K as L } from "../../../../../chunks/AskNetlify.WwftmboN.js";
+import P from "../../../Modal/Modal.js";
+import h from "../../../KeyboardKey/KeyboardKey.js";
+import M from "../SearchWindow.js";
+import O from "../SearchInput.js";
+import Q from "../AskNetlifyLink.js";
 import { useSearch as C } from "../../hooks/useSearch.js";
 import { useSearchAnalytics as E } from "../../hooks/useSearchAnalytics.js";
-import { useKeyboardNav as Q } from "../../hooks/useKeyboardNav.js";
-import { useSearchHotkeys as P } from "../../hooks/useSearchHotkeys.js";
-import { useSearchParams as R } from "../../hooks/useSearchParams.js";
-import { useSearchToggles as q } from "../../hooks/useSearchToggles.js";
-import { useAskAnalytics as x } from "../../../AskNetlify/hooks/useAskAnalytics.js";
+import { useKeyboardNav as R } from "../../hooks/useKeyboardNav.js";
+import { useSearchHotkeys as q } from "../../hooks/useSearchHotkeys.js";
+import { useSearchParams as x } from "../../hooks/useSearchParams.js";
+import { useSearchToggles as D } from "../../hooks/useSearchToggles.js";
+import { useAskAnalytics as F } from "../../../AskNetlify/hooks/useAskAnalytics.js";
 import { Fragment as N } from "preact";
-import '../../../../../assets/SearchModal.css';function D(t) {
+import '../../../../../assets/SearchModal.css';function G(a) {
   const n = g(null);
-  return h(() => {
-    function o(m) {
-      n.current && !n.current.contains(m.target) && t();
+  return f(() => {
+    function s(m) {
+      n.current && !n.current.contains(m.target) && a();
     }
-    return document.addEventListener("mousedown", o), () => {
-      document.removeEventListener("mousedown", o);
+    return document.addEventListener("mousedown", s), () => {
+      document.removeEventListener("mousedown", s);
     };
-  }, [t]), n;
+  }, [a]), n;
 }
-function re(t = { className: "", children: void 0, debug: !1, kapaIntegrationId: void 0 }) {
-  const { children: n, className: o, debug: m, ...T } = t, [s, c] = k({ current: "search" }), [i, f] = k(!1), l = () => f(!0), u = () => f(!1), a = g(null), v = D(u), { state: r, actions: p } = C();
-  q(l, c), R(p.setSearchTerm, l), P(i, l, u), Q(a, i, u), E(r, m);
-  const { handleNewQuery: A, handleAnswer: I } = x();
-  return h(() => {
-    a.current && (i ? a.current.showModal() : a.current.close());
-  }, [i]), h(() => {
-    var y;
-    const S = (y = a.current) == null ? void 0 : y.querySelector("input");
-    S && S.focus();
-  }, [s.current]), /* @__PURE__ */ e(
-    b,
+function te(a = { className: "", children: void 0, debug: !1, kapaIntegrationId: void 0 }) {
+  const { children: n, className: s, debug: m, ...T } = a, [c, o] = d({ current: "search" }), [i, p] = d(!1), [v, A] = d(""), l = () => p(!0), u = () => p(!1), t = g(null), I = G(u), { state: r, actions: S } = C();
+  D(l, o), x(l, S.setSearchTerm, A, o), q(i, l, u), R(t, i, u), E(r, m);
+  const { handleNewQuery: w, handleAnswer: b } = F();
+  return f(() => {
+    t.current && (i ? t.current.showModal() : t.current.close());
+  }, [i]), f(() => {
+    var k;
+    const y = (k = t.current) == null ? void 0 : k.querySelector("input");
+    y && y.focus();
+  }, [c.current]), /* @__PURE__ */ e(
+    L,
     {
-      integrationId: t.kapaIntegrationId || "",
+      integrationId: a.kapaIntegrationId || "",
       callbacks: {
         askAI: {
-          onQuerySubmit: A,
-          onAnswerGenerationCompleted: I
+          onQuerySubmit: w,
+          onAnswerGenerationCompleted: b
         }
       },
       children: /* @__PURE__ */ e(
-        K,
+        P,
         {
-          ref: a,
-          className: `n-search-modal ${o || ""}`,
-          "data-state": s.current,
+          ref: t,
+          className: `n-search-modal ${s || ""}`,
+          "data-state": c.current,
           ...T,
-          children: /* @__PURE__ */ e("div", { ref: v, className: "n-search-container", children: [
-            s.current === "ask" && /* @__PURE__ */ e(w, { setModalState: c, initialQuery: r.searchTerm }),
-            s.current === "search" && /* @__PURE__ */ e(N, { children: [
-              /* @__PURE__ */ e(M, { setSearchTerm: p.setSearchTerm, initialValue: r.searchTerm }),
+          children: /* @__PURE__ */ e("div", { ref: I, className: "n-search-container", children: [
+            c.current === "ask" && /* @__PURE__ */ e(
+              K,
+              {
+                setModalState: o,
+                searchQuery: r.searchTerm,
+                urlParamQuery: v
+              }
+            ),
+            c.current === "search" && /* @__PURE__ */ e(N, { children: [
+              /* @__PURE__ */ e(O, { setSearchTerm: S.setSearchTerm, initialValue: r.searchTerm }),
               /* @__PURE__ */ e(
-                L,
+                M,
                 {
-                  setModalState: c,
+                  setModalState: o,
                   searchLoading: r.isLoading,
                   searchTerm: r.searchTerm,
                   results: r.results,
                   children: /* @__PURE__ */ e(N, { children: [
-                    t.kapaIntegrationId && /* @__PURE__ */ e(O, { searchTerm: r.searchTerm, setModalState: c }),
+                    a.kapaIntegrationId && /* @__PURE__ */ e(Q, { searchTerm: r.searchTerm, setModalState: o }),
                     n
                   ] })
                 }
               ),
               /* @__PURE__ */ e("div", { className: "n-search-footer", children: [
                 /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
-                  /* @__PURE__ */ e(d, { keyNames: ["Esc"] }),
+                  /* @__PURE__ */ e(h, { keyNames: ["Esc"] }),
                   "to close"
                 ] }),
                 /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
-                  /* @__PURE__ */ e(d, { keyNames: ["Tab"] }),
+                  /* @__PURE__ */ e(h, { keyNames: ["Tab"] }),
                   /* @__PURE__ */ e("span", { children: "or" }),
-                  /* @__PURE__ */ e(d, { keyNames: ["↑", "↓"] }),
+                  /* @__PURE__ */ e(h, { keyNames: ["↑", "↓"] }),
                   "to navigate"
                 ] })
               ] })
@@ -89,5 +96,5 @@ function re(t = { className: "", children: void 0, debug: !1, kapaIntegrationId:
   );
 }
 export {
-  re as default
+  te as default
 };

package/dist/components/preact/SearchModal/hooks/useSearchParams.d.ts

@@ -1,11 +1,20 @@
 /**
- * Custom hook that checks the current URL for a `search` query parameter
- * and, if found, updates the search term and opens the search interface.
+ * Custom hook that checks the current URL for query parameters and updates
+ * search state or modal state accordingly:
  *
- * Useful for enabling deep linking to a search view with a pre-filled term,
- * such as when sharing URLs like `?search=netlify`.
+ * - If `?ask` is present (optionally with `?msg` or `?message`), it opens the modal and
+ *   optionally pre-fills the search term.
+ * - If only `?msg` or `?message` is present, it behaves similarly, opening the modal
+ *   and pre-filling the search term.
+ * - If only `?search` is present, it pre-fills the search input and opens the search view.
+ *
+ * The hook also waits for `window.pagefind` to load before evaluating parameters,
+ * ensuring deep linking doesn't interfere with pagefind initialization.
  *
- * @param setSearchTerm - Function to update the search input state.
  * @param onOpen - Function to trigger opening of the search interface (e.g., modal or drawer).
+ * @param setSearchTerm - Function to update the search input state.
+ * @param setModalState - (Optional) Function to set modal state, useful for distinguishing modal views.
  */
-export declare function useSearchParams(setSearchTerm: (term: string) => void, onOpen: () => void): void;
+export declare function useSearchParams(onOpen: () => void, setSearchTerm: (term: string) => void, setUrlParamTerm: (term: string) => void, setModalState?: (e: {
+    current: string;
+}) => void): void;

package/dist/components/preact/SearchModal/hooks/useSearchParams.js

@@ -1,18 +1,24 @@
-import { d as c, y as n } from "../../../../chunks/hooks.module.DGkdD5n9.js";
-function d(t, o) {
-  const [a, i] = c(!1);
-  n(() => {
-    let e;
-    const r = () => {
-      window.pagefind && (i(!0), e && clearInterval(e));
+import { d as h, y as t } from "../../../../chunks/hooks.module.DGkdD5n9.js";
+function l(r, a, c, s) {
+  const [i, d] = h(!1);
+  t(() => {
+    let n;
+    const e = () => {
+      window.pagefind && (d(!0), n && clearInterval(n));
     };
-    return r(), e = setInterval(r, 100), () => clearInterval(e);
-  }, []), n(() => {
-    if (typeof location > "u" || a) return;
-    const e = (location == null ? void 0 : location.search) && new URLSearchParams(location.search).get("search");
-    e && (t(e), o());
-  }, [a]);
+    return e(), n = setInterval(e, 100), () => clearInterval(n);
+  }, []), t(() => {
+    if (typeof location > "u" || i) return;
+    const n = new URLSearchParams(location.search), e = n.has("ask"), f = n.get("msg") || n.get("message"), o = n.get("search"), u = (g) => {
+      g && c(g), s == null || s({ current: "ask" }), r();
+    };
+    if (e || f) {
+      u(f);
+      return;
+    }
+    o && (a(o), r());
+  }, [i, r, s, a, c]);
 }
 export {
-  d as useSearchParams
+  l as useSearchParams
 };

package/dist/components/preact/index.js

@@ -4,7 +4,7 @@ import { default as m } from "./Icon/index.js";
 import { default as s } from "./SearchModal/components/SearchLink/SearchLink.js";
 import { default as u } from "./SearchModal/components/SearchHeading/SearchHeading.js";
 import { default as i } from "./SearchModal/components/SearchToggle/SearchToggle.js";
-import { A as S } from "../../chunks/AskNetlify.CNYCiNSp.js";
+import { A as S } from "../../chunks/AskNetlify.WwftmboN.js";
 import "preact";
 import "../../chunks/hooks.module.DGkdD5n9.js";
 import { default as n } from "./SearchModal/components/SearchModal/SearchModal.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "1.13.3",
+  "version": "1.14.1",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/components/preact/AskNetlify/AskNetlify.tsx

@@ -11,14 +11,16 @@ import './AskNetlify.css';
 
 interface Props {
   setModalState?: (e: { current: string }) => void;
-  initialQuery?: string;
+  searchQuery?: string;
+  urlParamQuery?: string;
 }
 
-export default function AskNetlify({ setModalState, initialQuery }: Props) {
+export default function AskNetlify({ setModalState, searchQuery, urlParamQuery }: Props) {
   const [message, setMessage] = useState('');
   const [newMessageReady, setNewMessageReady] = useState(false);
   const chatRef = useRef<HTMLDivElement>(null);
   const menuRef = useRef<HTMLUListElement>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
   const lastMessageRef = useRef<HTMLDivElement | null>(null);
 
   const { conversation, submitQuery, isGeneratingAnswer, isPreparingAnswer, stopGeneration } =
@@ -49,20 +51,38 @@ export default function AskNetlify({ setModalState, initialQuery }: Props) {
     }
   }, [newMessageReady]);
 
+  /**
+   * Populates and handles the input when a query is present.
+   *
+   * - If `urlParamQuery` exists, pre-fills the input and waits for user action.
+   * - If `searchQuery` exists, auto-submits the query.
+   *
+   * Focuses the input and marks the message as ready in both cases.
+   */
   useEffect(() => {
-    if (initialQuery) {
-      submitQuery(initialQuery.trim());
-      setNewMessageReady(true);
+    const trimmedQuery = (urlParamQuery ?? searchQuery ?? '').trim();
+
+    if (urlParamQuery) {
+      setMessage(trimmedQuery);
     }
-  }, [initialQuery]);
+
+    if (searchQuery) {
+      submitQuery(trimmedQuery);
+    }
+
+    inputRef?.current?.focus();
+    setNewMessageReady(true);
+  }, [setMessage, setNewMessageReady, submitQuery, setMessage, urlParamQuery, searchQuery]);
 
   return (
     <div className="n-ask-chat-container">
       <BackButton onClick={() => setModalState?.({ current: 'search' })} />
       <div ref={chatRef} className="n-ask-conversation n-search-window">
-        {!conversation.length ? (
+        {!conversation.length && !urlParamQuery && !searchQuery && (
           <QuestionList onClick={handleSubmit} menuRef={menuRef} />
-        ) : (
+        )}
+
+        {conversation.length > 0 && (
           <ChatMessages
             isPreparingAnswer={isPreparingAnswer}
             conversation={conversation}
@@ -73,6 +93,7 @@ export default function AskNetlify({ setModalState, initialQuery }: Props) {
 
       <form onSubmit={handleSubmit} className="n-ask-form n-search-input-wrapper">
         <input
+          ref={inputRef}
           className="n-ask-input n-search-input"
           type="text"
           value={message}

package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.tsx

@@ -1,5 +1,5 @@
 import { type ComponentChildren } from 'preact';
-import { useState, useEffect, useRef } from 'preact/hooks';
+import { useState, useEffect, useRef, useMemo } from 'preact/hooks';
 
 import { KapaProvider } from '@kapaai/react-sdk';
 
@@ -37,6 +37,7 @@ function SearchModal(
 
   const [modalState, setModalState] = useState({ current: 'search' });
   const [searchOpen, setSearchOpen] = useState(false);
+  const [urlParamTerm, setUrlParamTerm] = useState('');
   const openSearch = () => setSearchOpen(true);
   const closeSearch = () => setSearchOpen(false);
 
@@ -45,7 +46,7 @@ function SearchModal(
 
   const { state, actions } = useSearch();
   useSearchToggles(openSearch, setModalState);
-  useSearchParams(actions.setSearchTerm, openSearch);
+  useSearchParams(openSearch, actions.setSearchTerm, setUrlParamTerm, setModalState);
   useSearchHotkeys(searchOpen, openSearch, closeSearch);
   useKeyboardNav(modalRef, searchOpen, closeSearch);
   useSearchAnalytics(state, debug);
@@ -79,7 +80,11 @@ function SearchModal(
       >
         <div ref={containerRef} className="n-search-container">
           {modalState.current === 'ask' && (
-            <AskNetlify setModalState={setModalState} initialQuery={state.searchTerm} />
+            <AskNetlify
+              setModalState={setModalState}
+              searchQuery={state.searchTerm}
+              urlParamQuery={urlParamTerm}
+            />
           )}
           {modalState.current === 'search' && (
             <>

package/packages/components/preact/SearchModal/hooks/useSearchParams.ts

@@ -1,17 +1,29 @@
 import { useEffect, useState } from 'preact/hooks';
 
 /**
- * Custom hook that checks the current URL for a `search` query parameter
- * and, if found, updates the search term and opens the search interface.
+ * Custom hook that checks the current URL for query parameters and updates
+ * search state or modal state accordingly:
  *
- * Useful for enabling deep linking to a search view with a pre-filled term,
- * such as when sharing URLs like `?search=netlify`.
+ * - If `?ask` is present (optionally with `?msg` or `?message`), it opens the modal and
+ *   optionally pre-fills the search term.
+ * - If only `?msg` or `?message` is present, it behaves similarly, opening the modal
+ *   and pre-filling the search term.
+ * - If only `?search` is present, it pre-fills the search input and opens the search view.
+ *
+ * The hook also waits for `window.pagefind` to load before evaluating parameters,
+ * ensuring deep linking doesn't interfere with pagefind initialization.
  *
- * @param setSearchTerm - Function to update the search input state.
  * @param onOpen - Function to trigger opening of the search interface (e.g., modal or drawer).
+ * @param setSearchTerm - Function to update the search input state.
+ * @param setModalState - (Optional) Function to set modal state, useful for distinguishing modal views.
  */
 
-export function useSearchParams(setSearchTerm: (term: string) => void, onOpen: () => void) {
+export function useSearchParams(
+  onOpen: () => void,
+  setSearchTerm: (term: string) => void,
+  setUrlParamTerm: (term: string) => void,
+  setModalState?: (e: { current: string }) => void
+) {
   const [isPagefindLoaded, setIsPagefindLoaded] = useState(false);
 
   // Poll for the existence of window.pagefind.
@@ -34,12 +46,28 @@ export function useSearchParams(setSearchTerm: (term: string) => void, onOpen: (
   }, []);
 
   useEffect(() => {
-    // Cleanup the interval when the component unmounts.
     if (typeof location === 'undefined' || isPagefindLoaded) return;
-    const query = location?.search && new URLSearchParams(location.search).get('search');
-    if (query) {
-      setSearchTerm(query);
+
+    const params = new URLSearchParams(location.search);
+
+    const hasAsk = params.has('ask');
+    const msg = params.get('msg') || params.get('message');
+    const search = params.get('search');
+
+    const openAskModal = (term?: string | null) => {
+      if (term) setUrlParamTerm(term);
+      setModalState?.({ current: 'ask' });
+      onOpen();
+    };
+
+    if (hasAsk || msg) {
+      openAskModal(msg);
+      return;
+    }
+
+    if (search) {
+      setSearchTerm(search);
       onOpen();
     }
-  }, [isPagefindLoaded]);
+  }, [isPagefindLoaded, onOpen, setModalState, setSearchTerm, setUrlParamTerm]);
 }