@netlify/spark-ui 1.14.1 → 1.14.3

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.WwftmboN.js";
+import { A as d } from "../../../chunks/AskNetlify.34ZT77N0.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,6 +1,6 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.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 { A as K, K as L } from "../../../../../chunks/AskNetlify.34ZT77N0.js";
 import P from "../../../Modal/Modal.js";
 import h from "../../../KeyboardKey/KeyboardKey.js";
 import M from "../SearchWindow.js";

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.WwftmboN.js";
+import { A as S } from "../../chunks/AskNetlify.34ZT77N0.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.14.1",
+  "version": "1.14.3",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/components/preact/AskNetlify/AskNetlify.css

@@ -259,16 +259,17 @@ button.n-ask-button-back [data-icon='caretRight'] {
 
 .n-ask-prose pre {
   max-width: 100%;
-  padding: var(--space-s);
-  background: var(--neutral-light-700);
+  background: var(--neutral-light-700, var(--neutral-700));
   border-radius: var(--radius-m);
   box-sizing: border-box;
   color: var(--neutral-100);
+  color-scheme: dark;
   overflow-x: auto;
 }
 
 .n-ask-prose code {
   overflow-x: auto;
+  padding: var(--space-s);
 }
 
 .n-ask-prose code[class*='language-'],

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

@@ -51,6 +51,16 @@ export default function AskNetlify({ setModalState, searchQuery, urlParamQuery }
     }
   }, [newMessageReady]);
 
+  const [urlParamHandled, setUrlParamHandled] = useState(false);
+
+  useEffect(() => {
+    if (urlParamQuery && !urlParamHandled) {
+      const trimmedQuery = urlParamQuery.trim();
+      setMessage(trimmedQuery);
+      setUrlParamHandled(true); // prevent refilling after submission
+    }
+  }, [urlParamQuery, urlParamHandled]);
+
   /**
    * Populates and handles the input when a query is present.
    *
@@ -60,19 +70,16 @@ export default function AskNetlify({ setModalState, searchQuery, urlParamQuery }
    * Focuses the input and marks the message as ready in both cases.
    */
   useEffect(() => {
-    const trimmedQuery = (urlParamQuery ?? searchQuery ?? '').trim();
+    if (!searchQuery) return;
 
-    if (urlParamQuery) {
-      setMessage(trimmedQuery);
-    }
+    const trimmedQuery = searchQuery.trim();
 
     if (searchQuery) {
       submitQuery(trimmedQuery);
+      inputRef?.current?.focus();
+      setNewMessageReady(true);
     }
-
-    inputRef?.current?.focus();
-    setNewMessageReady(true);
-  }, [setMessage, setNewMessageReady, submitQuery, setMessage, urlParamQuery, searchQuery]);
+  }, [setMessage, setNewMessageReady, submitQuery, searchQuery]);
 
   return (
     <div className="n-ask-chat-container">