@blotoutio/providers-evo-search-sdk 1.62.1 → 1.63.0

package/hooks.d.ts

@@ -65,6 +65,10 @@ declare module '@blotoutio/providers-evo-search-sdk/hooks' {
   export type AskConfigResponse = {
     askAiEnabled: boolean
     askStarters?: string[]
+    brandName?: string
+    brandVoice?: string
+    storeDescription?: string
+    outOfStock: 'show' | 'hide' | 'demote'
   }
 
   export type EvoSearchUserAPI = {

package/index.cjs.js

@@ -606,7 +606,7 @@ const setStoredSearchMode = (mode) => {
 const searchSessionKeyName = 'evoSearchSession';
 const SEARCH_SESSION_VERSION = 1;
 const getStoredSearchSession = () => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     try {
         const raw = sessionStorage.getItem(searchSessionKeyName);
         if (!raw) {
@@ -631,6 +631,7 @@ const getStoredSearchSession = () => {
             askAnswer: (_d = parsed.askAnswer) !== null && _d !== void 0 ? _d : '',
             askEvidence: (_e = parsed.askEvidence) !== null && _e !== void 0 ? _e : null,
             askFollowUps: (_f = parsed.askFollowUps) !== null && _f !== void 0 ? _f : [],
+            askCitedTitles: (_g = parsed.askCitedTitles) !== null && _g !== void 0 ? _g : [],
         };
     }
     catch {
@@ -6345,7 +6346,7 @@ const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c
 // Pure tokenizer kept out of `highlight.ts` so Jest can spec it without
 // pulling in `lit`'s ESM bundle. The renderer wraps these tokens in
 // <mark> via a Lit template — see `highlight.ts`.
-const escapeRegex = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+const escapeRegex$1 = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 // Compiling a `RegExp` per call is hot under autocomplete (every result row
 // + collection card + suggestion item, all sharing the same query). Keep a
 // single-slot memo keyed on the trimmed query.
@@ -6356,7 +6357,7 @@ const patternFor = (needle) => {
         return cachedPattern;
     }
     cachedNeedle = needle;
-    cachedPattern = new RegExp(escapeRegex(needle), 'ig');
+    cachedPattern = new RegExp(escapeRegex$1(needle), 'ig');
     return cachedPattern;
 };
 const splitMatches = (text, query) => {
@@ -7422,6 +7423,71 @@ const buildRailSections = ({ searchQuery, suggestions, trendingSearches, recents
     return sections;
 };
 
+// Pure tokenizer for the Ask AI answer, kept out of the Lit component so Jest
+// can spec it without pulling in `lit`'s ESM bundle. The widget wraps the
+// `bold` segments in <strong> — see `renderAskAnswerText`.
+//
+// Highlighting is driven by the cited product/collection titles (the items the
+// model actually selected), not by whether the model remembered to wrap them
+// in `**` markers. We still honor any server-validated `**bold**` spans, then
+// additionally bold every cited title the model named in plain prose — so a
+// referred product is highlighted even when the model omits the markers.
+const escapeRegex = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+// One alternation of all cited titles, longest-first so the most specific
+// title wins when one is a prefix of another (regex alternation is leftmost,
+// not longest). Wrapped in Unicode-aware boundary lookarounds so a short title
+// never matches inside a larger word. Null when there are no titles to
+// highlight.
+const buildTitlePattern = (titles) => {
+    const needles = Array.from(new Set(titles.map((title) => title.trim()).filter((title) => title.length))).sort((a, b) => b.length - a.length);
+    if (!needles.length) {
+        return null;
+    }
+    const alternation = needles.map(escapeRegex).join('|');
+    return new RegExp(`(?<![\\p{L}\\p{N}])(?:${alternation})(?![\\p{L}\\p{N}])`, 'giu');
+};
+const pushTitleMatches = (segment, pattern, out) => {
+    var _a;
+    if (!pattern) {
+        out.push({ text: segment, bold: false });
+        return;
+    }
+    pattern.lastIndex = 0;
+    let cursor = 0;
+    for (const match of segment.matchAll(pattern)) {
+        const start = (_a = match.index) !== null && _a !== void 0 ? _a : cursor;
+        if (start > cursor) {
+            out.push({ text: segment.slice(cursor, start), bold: false });
+        }
+        out.push({ text: match[0], bold: true });
+        cursor = start + match[0].length;
+    }
+    if (cursor < segment.length) {
+        out.push({ text: segment.slice(cursor), bold: false });
+    }
+};
+const splitAnswerHighlights = (text, titles) => {
+    const haystack = (text !== null && text !== void 0 ? text : '').trim();
+    if (!haystack) {
+        return [];
+    }
+    const pattern = buildTitlePattern(titles);
+    const out = [];
+    // Odd-indexed split parts are the inside of a model-emitted `**…**` span.
+    haystack.split('**').forEach((segment, i) => {
+        if (!segment) {
+            return;
+        }
+        if (i % 2 === 1) {
+            out.push({ text: segment, bold: true });
+        }
+        else {
+            pushTitleMatches(segment, pattern, out);
+        }
+    });
+    return out;
+};
+
 const renderErrorState = (css, onAction) => b `
   <evs-state-block
     .css=${css}
@@ -8233,11 +8299,9 @@ const isCancelled = (error) => error instanceof Error &&
 // Default "Try asking" prompts shown on the Ask AI empty state when the
 // merchant hasn't configured their own via `uiPreferences.askStarters`.
 const FALLBACK_ASK_STARTERS = [
-    "What's popular right now?",
+    'Help me find a gift',
     'Gift ideas under $50',
-    'What to wear to a wedding',
-    'Recommend something for my mom',
-    'Show me your bestsellers',
+    "I'm not sure what to get",
 ];
 class SearchWidget extends ElementWithStylesheet {
     constructor() {
@@ -8260,6 +8324,10 @@ class SearchWidget extends ElementWithStylesheet {
         this.lastAskedQuery = '';
         this.askAnswer = '';
         this.askEvidence = null;
+        // Titles of the products/collections the model actually cited, used to
+        // highlight their names in the answer prose regardless of whether the model
+        // wrapped them in `**` markers. Populated from the `citations` event.
+        this.askCitedTitles = [];
         this.askFollowUps = [];
         this.askLoading = false;
         this.askAbort = null;
@@ -8451,6 +8519,7 @@ class SearchWidget extends ElementWithStylesheet {
             this.answerFlushHandle = null;
         }
         this.pendingAnswerChunk = '';
+        this.askCitedTitles = [];
     }
     async submitAsk(query) {
         var _a, _b;
@@ -8478,6 +8547,7 @@ class SearchWidget extends ElementWithStylesheet {
                     this.scheduleAnswerFlush();
                 }
                 else if (event.type === 'citations') {
+                    this.askCitedTitles = event.citations.resolved.map((c) => c.title);
                     this.reorderEvidenceByCitations(event.citations);
                 }
                 else if (event.type === 'follow-ups') {
@@ -8591,8 +8661,8 @@ class SearchWidget extends ElementWithStylesheet {
         // just submitted — same affordance as typing it themselves.
         this.searchQuery = trimmed;
         this.lastAskedQuery = trimmed;
-        // The answer is the surface now — collapse the typeahead hints that were
-        // shown while the shopper was composing the question.
+        // The answer is the surface now — collapse the pre-submit typeahead hints.
+        // (Search-mode suggestions stay visible; this is ask-only.)
         this.showSuggestions = false;
         // Treat ask submissions as query history so the Recent rail surfaces
         // them on the next visit, identical to how typed searches behave.
@@ -8692,9 +8762,8 @@ class SearchWidget extends ElementWithStylesheet {
         if (this.hasError || !this.debouncedQuery || this.mode !== 'search') {
             return;
         }
-        // Results have settled — collapse the typeahead so it stops occupying the
-        // column above the products (the chip strip is a pre-result affordance).
-        this.showSuggestions = false;
+        // Suggestions stay visible above the results until the query is cleared
+        // (no settle-time collapse).
         // Collections are first-class results on the unified surface — a
         // collections-only match must not be reported as zero-result.
         this.markQueryFinalized(this.debouncedQuery, this.searchProducts.length + this.searchCollections.length);
@@ -8869,6 +8938,9 @@ class SearchWidget extends ElementWithStylesheet {
         // a terminal action, though: finalize the query now (or as soon as the
         // in-flight debounce/fetch renders). The pending debounce timer must NOT
         // be cleared here — cancelling it would strand `loading = true` forever.
+        // Enter also collapses the typeahead — a terminal action, unlike the
+        // settle pause which now leaves the suggestions in place.
+        this.showSuggestions = false;
         const trimmed = query.trim();
         if (trimmed.length >= MIN_QUERY_LENGTH) {
             if (this.hasError) {
@@ -9040,6 +9112,7 @@ class SearchWidget extends ElementWithStylesheet {
             askAnswer: this.askAnswer,
             askEvidence: this.askEvidence,
             askFollowUps: this.askFollowUps,
+            askCitedTitles: this.askCitedTitles,
         });
     }
     // Restore the last snapshot on mount. Sets state directly — no network — so
@@ -9069,6 +9142,7 @@ class SearchWidget extends ElementWithStylesheet {
             this.askAnswer = snap.askAnswer;
             this.askEvidence = snap.askEvidence;
             this.askFollowUps = snap.askFollowUps;
+            this.askCitedTitles = snap.askCitedTitles;
         }
         this.mode = snap.mode === 'ask' && hasAnswer ? 'ask' : 'search';
     }
@@ -9117,14 +9191,17 @@ class SearchWidget extends ElementWithStylesheet {
         }
         return b ``;
     }
-    // Bold the predicted (un-typed) completion, mute what the shopper typed.
+    // Bold the part of the suggestion that matches the shopper's query;
+    // leave the rest unstyled. Matches anywhere in the phrase, not just the
+    // prefix, since completions aren't always prefix matches of the query.
     renderPredicted(value) {
         const q = this.searchQuery.trim();
-        if (q && value.toLowerCase().startsWith(q.toLowerCase())) {
-            return b `<span class="typed">${value.slice(0, q.length)}</span
-        ><b>${value.slice(q.length)}</b>`;
+        if (!q) {
+            return b `${value}`;
         }
-        return b `<b>${value}</b>`;
+        const escaped = q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        const parts = value.split(new RegExp(`(${escaped})`, 'gi'));
+        return b `${parts.map((part, i) => i % 2 === 1 ? b `<b>${part}</b>` : b `${part}`)}`;
     }
     renderSuggestions(section) {
         if (!section.items.length) {
@@ -9339,8 +9416,8 @@ class SearchWidget extends ElementWithStylesheet {
     `;
     }
     renderAskAnswerText(text) {
-        const parts = text.trim().split('**');
-        return b `${parts.map((part, i) => i % 2 === 1 ? b `<strong>${part}</strong>` : part)}`;
+        const segments = splitAnswerHighlights(text, this.askCitedTitles);
+        return b `${segments.map((segment) => segment.bold ? b `<strong>${segment.text}</strong>` : segment.text)}`;
     }
     renderAskPane() {
         // Once the LLM has finished talking, show the centered starter chips
@@ -9747,6 +9824,10 @@ __decorate([
     r$1(),
     __metadata("design:type", Object)
 ], SearchWidget.prototype, "askEvidence", void 0);
+__decorate([
+    r$1(),
+    __metadata("design:type", Array)
+], SearchWidget.prototype, "askCitedTitles", void 0);
 __decorate([
     r$1(),
     __metadata("design:type", Array)

package/index.js

@@ -607,7 +607,7 @@ var ProvidersEvoSearchSdk = (function () {
     const searchSessionKeyName = 'evoSearchSession';
     const SEARCH_SESSION_VERSION = 1;
     const getStoredSearchSession = () => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         try {
             const raw = sessionStorage.getItem(searchSessionKeyName);
             if (!raw) {
@@ -632,6 +632,7 @@ var ProvidersEvoSearchSdk = (function () {
                 askAnswer: (_d = parsed.askAnswer) !== null && _d !== void 0 ? _d : '',
                 askEvidence: (_e = parsed.askEvidence) !== null && _e !== void 0 ? _e : null,
                 askFollowUps: (_f = parsed.askFollowUps) !== null && _f !== void 0 ? _f : [],
+                askCitedTitles: (_g = parsed.askCitedTitles) !== null && _g !== void 0 ? _g : [],
             };
         }
         catch {
@@ -6346,7 +6347,7 @@ var ProvidersEvoSearchSdk = (function () {
     // Pure tokenizer kept out of `highlight.ts` so Jest can spec it without
     // pulling in `lit`'s ESM bundle. The renderer wraps these tokens in
     // <mark> via a Lit template — see `highlight.ts`.
-    const escapeRegex = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    const escapeRegex$1 = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
     // Compiling a `RegExp` per call is hot under autocomplete (every result row
     // + collection card + suggestion item, all sharing the same query). Keep a
     // single-slot memo keyed on the trimmed query.
@@ -6357,7 +6358,7 @@ var ProvidersEvoSearchSdk = (function () {
             return cachedPattern;
         }
         cachedNeedle = needle;
-        cachedPattern = new RegExp(escapeRegex(needle), 'ig');
+        cachedPattern = new RegExp(escapeRegex$1(needle), 'ig');
         return cachedPattern;
     };
     const splitMatches = (text, query) => {
@@ -7423,6 +7424,71 @@ var ProvidersEvoSearchSdk = (function () {
         return sections;
     };
 
+    // Pure tokenizer for the Ask AI answer, kept out of the Lit component so Jest
+    // can spec it without pulling in `lit`'s ESM bundle. The widget wraps the
+    // `bold` segments in <strong> — see `renderAskAnswerText`.
+    //
+    // Highlighting is driven by the cited product/collection titles (the items the
+    // model actually selected), not by whether the model remembered to wrap them
+    // in `**` markers. We still honor any server-validated `**bold**` spans, then
+    // additionally bold every cited title the model named in plain prose — so a
+    // referred product is highlighted even when the model omits the markers.
+    const escapeRegex = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    // One alternation of all cited titles, longest-first so the most specific
+    // title wins when one is a prefix of another (regex alternation is leftmost,
+    // not longest). Wrapped in Unicode-aware boundary lookarounds so a short title
+    // never matches inside a larger word. Null when there are no titles to
+    // highlight.
+    const buildTitlePattern = (titles) => {
+        const needles = Array.from(new Set(titles.map((title) => title.trim()).filter((title) => title.length))).sort((a, b) => b.length - a.length);
+        if (!needles.length) {
+            return null;
+        }
+        const alternation = needles.map(escapeRegex).join('|');
+        return new RegExp(`(?<![\\p{L}\\p{N}])(?:${alternation})(?![\\p{L}\\p{N}])`, 'giu');
+    };
+    const pushTitleMatches = (segment, pattern, out) => {
+        var _a;
+        if (!pattern) {
+            out.push({ text: segment, bold: false });
+            return;
+        }
+        pattern.lastIndex = 0;
+        let cursor = 0;
+        for (const match of segment.matchAll(pattern)) {
+            const start = (_a = match.index) !== null && _a !== void 0 ? _a : cursor;
+            if (start > cursor) {
+                out.push({ text: segment.slice(cursor, start), bold: false });
+            }
+            out.push({ text: match[0], bold: true });
+            cursor = start + match[0].length;
+        }
+        if (cursor < segment.length) {
+            out.push({ text: segment.slice(cursor), bold: false });
+        }
+    };
+    const splitAnswerHighlights = (text, titles) => {
+        const haystack = (text !== null && text !== void 0 ? text : '').trim();
+        if (!haystack) {
+            return [];
+        }
+        const pattern = buildTitlePattern(titles);
+        const out = [];
+        // Odd-indexed split parts are the inside of a model-emitted `**…**` span.
+        haystack.split('**').forEach((segment, i) => {
+            if (!segment) {
+                return;
+            }
+            if (i % 2 === 1) {
+                out.push({ text: segment, bold: true });
+            }
+            else {
+                pushTitleMatches(segment, pattern, out);
+            }
+        });
+        return out;
+    };
+
     const renderErrorState = (css, onAction) => b `
   <evs-state-block
     .css=${css}
@@ -8234,11 +8300,9 @@ var ProvidersEvoSearchSdk = (function () {
     // Default "Try asking" prompts shown on the Ask AI empty state when the
     // merchant hasn't configured their own via `uiPreferences.askStarters`.
     const FALLBACK_ASK_STARTERS = [
-        "What's popular right now?",
+        'Help me find a gift',
         'Gift ideas under $50',
-        'What to wear to a wedding',
-        'Recommend something for my mom',
-        'Show me your bestsellers',
+        "I'm not sure what to get",
     ];
     class SearchWidget extends ElementWithStylesheet {
         constructor() {
@@ -8261,6 +8325,10 @@ var ProvidersEvoSearchSdk = (function () {
             this.lastAskedQuery = '';
             this.askAnswer = '';
             this.askEvidence = null;
+            // Titles of the products/collections the model actually cited, used to
+            // highlight their names in the answer prose regardless of whether the model
+            // wrapped them in `**` markers. Populated from the `citations` event.
+            this.askCitedTitles = [];
             this.askFollowUps = [];
             this.askLoading = false;
             this.askAbort = null;
@@ -8452,6 +8520,7 @@ var ProvidersEvoSearchSdk = (function () {
                 this.answerFlushHandle = null;
             }
             this.pendingAnswerChunk = '';
+            this.askCitedTitles = [];
         }
         async submitAsk(query) {
             var _a, _b;
@@ -8479,6 +8548,7 @@ var ProvidersEvoSearchSdk = (function () {
                         this.scheduleAnswerFlush();
                     }
                     else if (event.type === 'citations') {
+                        this.askCitedTitles = event.citations.resolved.map((c) => c.title);
                         this.reorderEvidenceByCitations(event.citations);
                     }
                     else if (event.type === 'follow-ups') {
@@ -8592,8 +8662,8 @@ var ProvidersEvoSearchSdk = (function () {
             // just submitted — same affordance as typing it themselves.
             this.searchQuery = trimmed;
             this.lastAskedQuery = trimmed;
-            // The answer is the surface now — collapse the typeahead hints that were
-            // shown while the shopper was composing the question.
+            // The answer is the surface now — collapse the pre-submit typeahead hints.
+            // (Search-mode suggestions stay visible; this is ask-only.)
             this.showSuggestions = false;
             // Treat ask submissions as query history so the Recent rail surfaces
             // them on the next visit, identical to how typed searches behave.
@@ -8693,9 +8763,8 @@ var ProvidersEvoSearchSdk = (function () {
             if (this.hasError || !this.debouncedQuery || this.mode !== 'search') {
                 return;
             }
-            // Results have settled — collapse the typeahead so it stops occupying the
-            // column above the products (the chip strip is a pre-result affordance).
-            this.showSuggestions = false;
+            // Suggestions stay visible above the results until the query is cleared
+            // (no settle-time collapse).
             // Collections are first-class results on the unified surface — a
             // collections-only match must not be reported as zero-result.
             this.markQueryFinalized(this.debouncedQuery, this.searchProducts.length + this.searchCollections.length);
@@ -8870,6 +8939,9 @@ var ProvidersEvoSearchSdk = (function () {
             // a terminal action, though: finalize the query now (or as soon as the
             // in-flight debounce/fetch renders). The pending debounce timer must NOT
             // be cleared here — cancelling it would strand `loading = true` forever.
+            // Enter also collapses the typeahead — a terminal action, unlike the
+            // settle pause which now leaves the suggestions in place.
+            this.showSuggestions = false;
             const trimmed = query.trim();
             if (trimmed.length >= MIN_QUERY_LENGTH) {
                 if (this.hasError) {
@@ -9041,6 +9113,7 @@ var ProvidersEvoSearchSdk = (function () {
                 askAnswer: this.askAnswer,
                 askEvidence: this.askEvidence,
                 askFollowUps: this.askFollowUps,
+                askCitedTitles: this.askCitedTitles,
             });
         }
         // Restore the last snapshot on mount. Sets state directly — no network — so
@@ -9070,6 +9143,7 @@ var ProvidersEvoSearchSdk = (function () {
                 this.askAnswer = snap.askAnswer;
                 this.askEvidence = snap.askEvidence;
                 this.askFollowUps = snap.askFollowUps;
+                this.askCitedTitles = snap.askCitedTitles;
             }
             this.mode = snap.mode === 'ask' && hasAnswer ? 'ask' : 'search';
         }
@@ -9118,14 +9192,17 @@ var ProvidersEvoSearchSdk = (function () {
             }
             return b ``;
         }
-        // Bold the predicted (un-typed) completion, mute what the shopper typed.
+        // Bold the part of the suggestion that matches the shopper's query;
+        // leave the rest unstyled. Matches anywhere in the phrase, not just the
+        // prefix, since completions aren't always prefix matches of the query.
         renderPredicted(value) {
             const q = this.searchQuery.trim();
-            if (q && value.toLowerCase().startsWith(q.toLowerCase())) {
-                return b `<span class="typed">${value.slice(0, q.length)}</span
-        ><b>${value.slice(q.length)}</b>`;
+            if (!q) {
+                return b `${value}`;
             }
-            return b `<b>${value}</b>`;
+            const escaped = q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+            const parts = value.split(new RegExp(`(${escaped})`, 'gi'));
+            return b `${parts.map((part, i) => i % 2 === 1 ? b `<b>${part}</b>` : b `${part}`)}`;
         }
         renderSuggestions(section) {
             if (!section.items.length) {
@@ -9340,8 +9417,8 @@ var ProvidersEvoSearchSdk = (function () {
     `;
         }
         renderAskAnswerText(text) {
-            const parts = text.trim().split('**');
-            return b `${parts.map((part, i) => i % 2 === 1 ? b `<strong>${part}</strong>` : part)}`;
+            const segments = splitAnswerHighlights(text, this.askCitedTitles);
+            return b `${segments.map((segment) => segment.bold ? b `<strong>${segment.text}</strong>` : segment.text)}`;
         }
         renderAskPane() {
             // Once the LLM has finished talking, show the centered starter chips
@@ -9748,6 +9825,10 @@ var ProvidersEvoSearchSdk = (function () {
         r$1(),
         __metadata("design:type", Object)
     ], SearchWidget.prototype, "askEvidence", void 0);
+    __decorate([
+        r$1(),
+        __metadata("design:type", Array)
+    ], SearchWidget.prototype, "askCitedTitles", void 0);
     __decorate([
         r$1(),
         __metadata("design:type", Array)

package/index.mjs

@@ -604,7 +604,7 @@ const setStoredSearchMode = (mode) => {
 const searchSessionKeyName = 'evoSearchSession';
 const SEARCH_SESSION_VERSION = 1;
 const getStoredSearchSession = () => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     try {
         const raw = sessionStorage.getItem(searchSessionKeyName);
         if (!raw) {
@@ -629,6 +629,7 @@ const getStoredSearchSession = () => {
             askAnswer: (_d = parsed.askAnswer) !== null && _d !== void 0 ? _d : '',
             askEvidence: (_e = parsed.askEvidence) !== null && _e !== void 0 ? _e : null,
             askFollowUps: (_f = parsed.askFollowUps) !== null && _f !== void 0 ? _f : [],
+            askCitedTitles: (_g = parsed.askCitedTitles) !== null && _g !== void 0 ? _g : [],
         };
     }
     catch {
@@ -6343,7 +6344,7 @@ const u=(e,s,t)=>{const r=new Map;for(let l=s;l<=t;l++)r.set(e[l],l);return r},c
 // Pure tokenizer kept out of `highlight.ts` so Jest can spec it without
 // pulling in `lit`'s ESM bundle. The renderer wraps these tokens in
 // <mark> via a Lit template — see `highlight.ts`.
-const escapeRegex = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+const escapeRegex$1 = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 // Compiling a `RegExp` per call is hot under autocomplete (every result row
 // + collection card + suggestion item, all sharing the same query). Keep a
 // single-slot memo keyed on the trimmed query.
@@ -6354,7 +6355,7 @@ const patternFor = (needle) => {
         return cachedPattern;
     }
     cachedNeedle = needle;
-    cachedPattern = new RegExp(escapeRegex(needle), 'ig');
+    cachedPattern = new RegExp(escapeRegex$1(needle), 'ig');
     return cachedPattern;
 };
 const splitMatches = (text, query) => {
@@ -7420,6 +7421,71 @@ const buildRailSections = ({ searchQuery, suggestions, trendingSearches, recents
     return sections;
 };
 
+// Pure tokenizer for the Ask AI answer, kept out of the Lit component so Jest
+// can spec it without pulling in `lit`'s ESM bundle. The widget wraps the
+// `bold` segments in <strong> — see `renderAskAnswerText`.
+//
+// Highlighting is driven by the cited product/collection titles (the items the
+// model actually selected), not by whether the model remembered to wrap them
+// in `**` markers. We still honor any server-validated `**bold**` spans, then
+// additionally bold every cited title the model named in plain prose — so a
+// referred product is highlighted even when the model omits the markers.
+const escapeRegex = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+// One alternation of all cited titles, longest-first so the most specific
+// title wins when one is a prefix of another (regex alternation is leftmost,
+// not longest). Wrapped in Unicode-aware boundary lookarounds so a short title
+// never matches inside a larger word. Null when there are no titles to
+// highlight.
+const buildTitlePattern = (titles) => {
+    const needles = Array.from(new Set(titles.map((title) => title.trim()).filter((title) => title.length))).sort((a, b) => b.length - a.length);
+    if (!needles.length) {
+        return null;
+    }
+    const alternation = needles.map(escapeRegex).join('|');
+    return new RegExp(`(?<![\\p{L}\\p{N}])(?:${alternation})(?![\\p{L}\\p{N}])`, 'giu');
+};
+const pushTitleMatches = (segment, pattern, out) => {
+    var _a;
+    if (!pattern) {
+        out.push({ text: segment, bold: false });
+        return;
+    }
+    pattern.lastIndex = 0;
+    let cursor = 0;
+    for (const match of segment.matchAll(pattern)) {
+        const start = (_a = match.index) !== null && _a !== void 0 ? _a : cursor;
+        if (start > cursor) {
+            out.push({ text: segment.slice(cursor, start), bold: false });
+        }
+        out.push({ text: match[0], bold: true });
+        cursor = start + match[0].length;
+    }
+    if (cursor < segment.length) {
+        out.push({ text: segment.slice(cursor), bold: false });
+    }
+};
+const splitAnswerHighlights = (text, titles) => {
+    const haystack = (text !== null && text !== void 0 ? text : '').trim();
+    if (!haystack) {
+        return [];
+    }
+    const pattern = buildTitlePattern(titles);
+    const out = [];
+    // Odd-indexed split parts are the inside of a model-emitted `**…**` span.
+    haystack.split('**').forEach((segment, i) => {
+        if (!segment) {
+            return;
+        }
+        if (i % 2 === 1) {
+            out.push({ text: segment, bold: true });
+        }
+        else {
+            pushTitleMatches(segment, pattern, out);
+        }
+    });
+    return out;
+};
+
 const renderErrorState = (css, onAction) => b `
   <evs-state-block
     .css=${css}
@@ -8231,11 +8297,9 @@ const isCancelled = (error) => error instanceof Error &&
 // Default "Try asking" prompts shown on the Ask AI empty state when the
 // merchant hasn't configured their own via `uiPreferences.askStarters`.
 const FALLBACK_ASK_STARTERS = [
-    "What's popular right now?",
+    'Help me find a gift',
     'Gift ideas under $50',
-    'What to wear to a wedding',
-    'Recommend something for my mom',
-    'Show me your bestsellers',
+    "I'm not sure what to get",
 ];
 class SearchWidget extends ElementWithStylesheet {
     constructor() {
@@ -8258,6 +8322,10 @@ class SearchWidget extends ElementWithStylesheet {
         this.lastAskedQuery = '';
         this.askAnswer = '';
         this.askEvidence = null;
+        // Titles of the products/collections the model actually cited, used to
+        // highlight their names in the answer prose regardless of whether the model
+        // wrapped them in `**` markers. Populated from the `citations` event.
+        this.askCitedTitles = [];
         this.askFollowUps = [];
         this.askLoading = false;
         this.askAbort = null;
@@ -8449,6 +8517,7 @@ class SearchWidget extends ElementWithStylesheet {
             this.answerFlushHandle = null;
         }
         this.pendingAnswerChunk = '';
+        this.askCitedTitles = [];
     }
     async submitAsk(query) {
         var _a, _b;
@@ -8476,6 +8545,7 @@ class SearchWidget extends ElementWithStylesheet {
                     this.scheduleAnswerFlush();
                 }
                 else if (event.type === 'citations') {
+                    this.askCitedTitles = event.citations.resolved.map((c) => c.title);
                     this.reorderEvidenceByCitations(event.citations);
                 }
                 else if (event.type === 'follow-ups') {
@@ -8589,8 +8659,8 @@ class SearchWidget extends ElementWithStylesheet {
         // just submitted — same affordance as typing it themselves.
         this.searchQuery = trimmed;
         this.lastAskedQuery = trimmed;
-        // The answer is the surface now — collapse the typeahead hints that were
-        // shown while the shopper was composing the question.
+        // The answer is the surface now — collapse the pre-submit typeahead hints.
+        // (Search-mode suggestions stay visible; this is ask-only.)
         this.showSuggestions = false;
         // Treat ask submissions as query history so the Recent rail surfaces
         // them on the next visit, identical to how typed searches behave.
@@ -8690,9 +8760,8 @@ class SearchWidget extends ElementWithStylesheet {
         if (this.hasError || !this.debouncedQuery || this.mode !== 'search') {
             return;
         }
-        // Results have settled — collapse the typeahead so it stops occupying the
-        // column above the products (the chip strip is a pre-result affordance).
-        this.showSuggestions = false;
+        // Suggestions stay visible above the results until the query is cleared
+        // (no settle-time collapse).
         // Collections are first-class results on the unified surface — a
         // collections-only match must not be reported as zero-result.
         this.markQueryFinalized(this.debouncedQuery, this.searchProducts.length + this.searchCollections.length);
@@ -8867,6 +8936,9 @@ class SearchWidget extends ElementWithStylesheet {
         // a terminal action, though: finalize the query now (or as soon as the
         // in-flight debounce/fetch renders). The pending debounce timer must NOT
         // be cleared here — cancelling it would strand `loading = true` forever.
+        // Enter also collapses the typeahead — a terminal action, unlike the
+        // settle pause which now leaves the suggestions in place.
+        this.showSuggestions = false;
         const trimmed = query.trim();
         if (trimmed.length >= MIN_QUERY_LENGTH) {
             if (this.hasError) {
@@ -9038,6 +9110,7 @@ class SearchWidget extends ElementWithStylesheet {
             askAnswer: this.askAnswer,
             askEvidence: this.askEvidence,
             askFollowUps: this.askFollowUps,
+            askCitedTitles: this.askCitedTitles,
         });
     }
     // Restore the last snapshot on mount. Sets state directly — no network — so
@@ -9067,6 +9140,7 @@ class SearchWidget extends ElementWithStylesheet {
             this.askAnswer = snap.askAnswer;
             this.askEvidence = snap.askEvidence;
             this.askFollowUps = snap.askFollowUps;
+            this.askCitedTitles = snap.askCitedTitles;
         }
         this.mode = snap.mode === 'ask' && hasAnswer ? 'ask' : 'search';
     }
@@ -9115,14 +9189,17 @@ class SearchWidget extends ElementWithStylesheet {
         }
         return b ``;
     }
-    // Bold the predicted (un-typed) completion, mute what the shopper typed.
+    // Bold the part of the suggestion that matches the shopper's query;
+    // leave the rest unstyled. Matches anywhere in the phrase, not just the
+    // prefix, since completions aren't always prefix matches of the query.
     renderPredicted(value) {
         const q = this.searchQuery.trim();
-        if (q && value.toLowerCase().startsWith(q.toLowerCase())) {
-            return b `<span class="typed">${value.slice(0, q.length)}</span
-        ><b>${value.slice(q.length)}</b>`;
+        if (!q) {
+            return b `${value}`;
         }
-        return b `<b>${value}</b>`;
+        const escaped = q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        const parts = value.split(new RegExp(`(${escaped})`, 'gi'));
+        return b `${parts.map((part, i) => i % 2 === 1 ? b `<b>${part}</b>` : b `${part}`)}`;
     }
     renderSuggestions(section) {
         if (!section.items.length) {
@@ -9337,8 +9414,8 @@ class SearchWidget extends ElementWithStylesheet {
     `;
     }
     renderAskAnswerText(text) {
-        const parts = text.trim().split('**');
-        return b `${parts.map((part, i) => i % 2 === 1 ? b `<strong>${part}</strong>` : part)}`;
+        const segments = splitAnswerHighlights(text, this.askCitedTitles);
+        return b `${segments.map((segment) => segment.bold ? b `<strong>${segment.text}</strong>` : segment.text)}`;
     }
     renderAskPane() {
         // Once the LLM has finished talking, show the centered starter chips
@@ -9745,6 +9822,10 @@ __decorate([
     r$1(),
     __metadata("design:type", Object)
 ], SearchWidget.prototype, "askEvidence", void 0);
+__decorate([
+    r$1(),
+    __metadata("design:type", Array)
+], SearchWidget.prototype, "askCitedTitles", void 0);
 __decorate([
     r$1(),
     __metadata("design:type", Array)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blotoutio/providers-evo-search-sdk",
-  "version": "1.62.1",
+  "version": "1.63.0",
   "description": "Evo Search SDK for EdgeTag",
   "author": "Blotout",
   "license": "MIT",