@blotoutio/providers-evo-search-sdk 1.65.2 → 1.66.0

package/core.cjs.js

@@ -1244,6 +1244,7 @@ const init = (params) => {
 const tag = ({ data }) => {
     try {
         return {
+            sdkVersion: "1.66.0" || '',
             searchQuery: data['searchQuery'],
             searchResults: data['searchResults'],
             timestamp: Date.now(),
@@ -1252,6 +1253,7 @@ const tag = ({ data }) => {
     catch (err) {
         console.error(`EvoSearch SDK: Tagging failed - ${err}`);
         return {
+            sdkVersion: "1.66.0" ,
             timestamp: Date.now(),
         };
     }

package/core.js

@@ -1245,6 +1245,7 @@ var ProvidersEvoSearchSdk = (function () {
     const tag = ({ data }) => {
         try {
             return {
+                sdkVersion: "1.66.0" || '',
                 searchQuery: data['searchQuery'],
                 searchResults: data['searchResults'],
                 timestamp: Date.now(),
@@ -1253,6 +1254,7 @@ var ProvidersEvoSearchSdk = (function () {
         catch (err) {
             console.error(`EvoSearch SDK: Tagging failed - ${err}`);
             return {
+                sdkVersion: "1.66.0" ,
                 timestamp: Date.now(),
             };
         }

package/core.mjs

@@ -1242,6 +1242,7 @@ const init = (params) => {
 const tag = ({ data }) => {
     try {
         return {
+            sdkVersion: "1.66.0" || '',
             searchQuery: data['searchQuery'],
             searchResults: data['searchResults'],
             timestamp: Date.now(),
@@ -1250,6 +1251,7 @@ const tag = ({ data }) => {
     catch (err) {
         console.error(`EvoSearch SDK: Tagging failed - ${err}`);
         return {
+            sdkVersion: "1.66.0" ,
             timestamp: Date.now(),
         };
     }

package/hooks.d.ts

@@ -56,6 +56,12 @@ declare module '@blotoutio/providers-evo-search-sdk/hooks' {
     llmSuggestions: string[]
     products: AutocompleteAPIProduct[]
     collections?: AutocompleteAPICollection[]
+    signals?: {
+      bm25: boolean
+      ann: boolean
+      rerank: boolean
+      degraded: boolean
+    }
   }
 
   export type RecentsAPIResponse = {
@@ -65,6 +71,8 @@ declare module '@blotoutio/providers-evo-search-sdk/hooks' {
   export type AskConfigResponse = {
     askAiEnabled: boolean
     askStarters?: string[]
+    askNudge: 'always' | 'weak' | 'never'
+    askNudgeLabel: string
     brandName?: string
     brandVoice?: string
     storeDescription?: string

package/index.cjs.js

@@ -1,5 +1,25 @@
 'use strict';
 
+// When the Search tab offers Ask AI alongside its results. `always`: on every
+// result set (the default — the tab pill alone doesn't read as an offer).
+// `weak`: only when retrieval had no lexical anchor, i.e. the response's
+// `signals.bm25` is false, so the products on screen are a semantic guess.
+// `never`: the search results never mention Ask AI (the zero-result recovery
+// CTA is unaffected — that one is a dead end, not a nudge).
+// The tuple is the single source of truth: the API payload enum, the worker's
+// write validator and the manifest coercion all derive from it, so adding a
+// mode can't leave one layer rejecting it.
+// Default on: the segmented tab pill alone doesn't read as an offer, which is
+// the whole reason the nudge exists. Merchants dial it back to 'weak'/'never'.
+const DEFAULT_ASK_NUDGE_MODE = 'always';
+// Merchant-authored label for the nudge. `{query}` is substituted with the
+// shopper's search terms; a label without the token renders verbatim, which is
+// the escape hatch for merchants who don't want the query echoed back.
+// Substitution happens through Lit text bindings, so the query is escaped —
+// never interpolate this into markup.
+const ASK_NUDGE_QUERY_TOKEN = '{query}';
+const DEFAULT_ASK_NUDGE_LABEL = `Ask AI about ${ASK_NUDGE_QUERY_TOKEN}`;
+
 /**
  * Known ad-network click ID query parameters and the human-readable provider
  * label each one maps to. Used by the CDN worker to resolve `inSessionTouch`
@@ -630,7 +650,7 @@ const setStoredSearchMode = (mode) => {
 const searchSessionKeyName = 'evoSearchSession';
 const SEARCH_SESSION_VERSION = 1;
 const getStoredSearchSession = () => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     try {
         const raw = sessionStorage.getItem(searchSessionKeyName);
         if (!raw) {
@@ -652,10 +672,12 @@ const getStoredSearchSession = () => {
             suggestions: (_a = parsed.suggestions) !== null && _a !== void 0 ? _a : [],
             products: (_b = parsed.products) !== null && _b !== void 0 ? _b : [],
             collections: (_c = parsed.collections) !== null && _c !== void 0 ? _c : [],
-            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 : [],
+            // Absent on pre-nudge snapshots — true matches the widget's own default.
+            hadLexicalMatch: (_d = parsed.hadLexicalMatch) !== null && _d !== void 0 ? _d : true,
+            askAnswer: (_e = parsed.askAnswer) !== null && _e !== void 0 ? _e : '',
+            askEvidence: (_f = parsed.askEvidence) !== null && _f !== void 0 ? _f : null,
+            askFollowUps: (_g = parsed.askFollowUps) !== null && _g !== void 0 ? _g : [],
+            askCitedTitles: (_h = parsed.askCitedTitles) !== null && _h !== void 0 ? _h : [],
         };
     }
     catch {
@@ -1429,6 +1451,7 @@ const init = (params) => {
 const tag = ({ data }) => {
     try {
         return {
+            sdkVersion: "1.66.0" || '',
             searchQuery: data['searchQuery'],
             searchResults: data['searchResults'],
             timestamp: Date.now(),
@@ -1437,6 +1460,7 @@ const tag = ({ data }) => {
     catch (err) {
         console.error(`EvoSearch SDK: Tagging failed - ${err}`);
         return {
+            sdkVersion: "1.66.0" ,
             timestamp: Date.now(),
         };
     }
@@ -7566,12 +7590,12 @@ const stateBlockStyles = i$6 `
 
   /* The AI rescue is the primary recovery on a dead-end search. */
   .chip-ask {
-    background: var(--evosearch-ask-accent, #2563eb);
+    background: var(--evosearch-ask-accent, #7c3aed);
     color: #ffffff;
   }
 
   .chip-ask:hover {
-    background: var(--evosearch-ask-accent, #2563eb);
+    background: var(--evosearch-ask-accent, #7c3aed);
     filter: brightness(0.95);
   }
 
@@ -7840,7 +7864,7 @@ const searchWidgetStyles = i$6 `
   /* Ask mode swaps the active accent; everything inside the container reads
      var(--evosearch-mode-accent) (custom props inherit to evs-box + cards). */
   .search-widget-container[data-mode='ask'] {
-    --evosearch-mode-accent: var(--evosearch-ask-accent, #2563eb);
+    --evosearch-mode-accent: var(--evosearch-ask-accent, #7c3aed);
   }
 
   /* The theme font reaches form controls (which don't inherit it by default). */
@@ -8090,6 +8114,12 @@ const searchWidgetStyles = i$6 `
     max-height: 0;
     opacity: 0;
     pointer-events: none;
+    /* The collapsed row is still a .body child, so the sibling rule above gives
+       it a top margin AND another to whatever follows — 2.25em of dead space
+       stacked around a zero-height element, which reads as a broken gap between
+       the nudge and the results heading. Drop its own margin so the only gap
+       left is the single one the next section is entitled to. */
+    margin-top: 0;
   }
 
   /* inline-block (not flex) so the typed span and the bold completion stay on
@@ -8217,9 +8247,6 @@ const searchWidgetStyles = i$6 `
 
   /* Segmented Results/AI toggle — replaces the "Search with AI" CTA once an
      answer is in memory, letting the shopper flip between the two views. */
-  /* Dual-tone segmented control: two equal halves with a thumb that slides
-     between them (driven by the container's data-mode). The thumb is neutral
-     under Search and gains an amethyst→indigo wash under Ask AI. */
   /* Compact segmented control living inside the search bar. Two equal halves
      (grid 1fr 1fr) sized to their content so the sliding thumb stays aligned
      at 50%; flex:0 0 auto keeps it from stretching in the header row. */
@@ -8271,13 +8298,17 @@ const searchWidgetStyles = i$6 `
   .search-widget-container[data-mode='ask'] .view-toggle::before {
     transform: translateX(100%);
     border-radius: 0 999px 999px 0;
-    background: linear-gradient(
-        135deg,
-        rgba(147, 51, 234, 0.12),
-        rgba(99, 102, 241, 0.1)
-      ),
-      #ffffff;
-    box-shadow: 0 1px 4px rgba(76, 29, 149, 0.2),
+    background: color-mix(
+      in srgb,
+      var(--evosearch-ask-accent, #7c3aed) 10%,
+      #ffffff
+    );
+    box-shadow: 0 1px 4px
+        color-mix(
+          in srgb,
+          var(--evosearch-ask-accent, #7c3aed) 22%,
+          transparent
+        ),
       inset 0 -0.5px 0.5px rgba(10, 13, 18, 0.08);
   }
 
@@ -8313,11 +8344,13 @@ const searchWidgetStyles = i$6 `
   }
 
   .view-toggle-search:focus-visible {
-    box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.3);
+    box-shadow: 0 0 0 3px
+      color-mix(in srgb, var(--evosearch-accent, #e0590b) 30%, transparent);
   }
 
   .view-toggle-ai:focus-visible {
-    box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.3);
+    box-shadow: 0 0 0 3px
+      color-mix(in srgb, var(--evosearch-ask-accent, #7c3aed) 30%, transparent);
   }
 
   .view-toggle-search:hover:not(.is-active) {
@@ -8325,16 +8358,19 @@ const searchWidgetStyles = i$6 `
   }
 
   .view-toggle-ai:hover:not(.is-active) {
-    color: #9333ea;
+    color: var(--evosearch-ask-accent, #7c3aed);
   }
 
-  /* Search vs Ask each carry their own accent when active — one coherent system. */
+  /* Each half carries its own accent when active: Search the brand accent, Ask
+     the --evosearch-ask-accent that state-block, the ask-answer rule and the
+     follow-up chips already use — so one colour means "AI" everywhere rather
+     than the toggle inventing a second one. */
   .view-toggle-search.is-active {
-    color: var(--evosearch-accent, #ea580c);
+    color: var(--evosearch-accent, #e0590b);
   }
 
   .view-toggle-ai.is-active {
-    color: #9333ea;
+    color: var(--evosearch-ask-accent, #7c3aed);
   }
 
   .view-toggle-btn bt-lucide-icon,
@@ -8343,7 +8379,7 @@ const searchWidgetStyles = i$6 `
   }
 
   .ask-answer {
-    border-left: 3px solid var(--evosearch-mode-accent, #2563eb);
+    border-left: 3px solid var(--evosearch-mode-accent, #7c3aed);
     padding: 0 0 0 0.75em;
     line-height: 1.5;
     min-height: 1.5em;
@@ -8399,8 +8435,8 @@ const searchWidgetStyles = i$6 `
 
   .ask-starter-chip:hover {
     background: #fcfdfb;
-    border-color: var(--evosearch-ask-accent, #2563eb);
-    color: var(--evosearch-ask-accent, #2563eb);
+    border-color: var(--evosearch-ask-accent, #7c3aed);
+    color: var(--evosearch-ask-accent, #7c3aed);
   }
 
   .ask-starter-chip:active {
@@ -8498,6 +8534,89 @@ const searchWidgetStyles = i$6 `
     color: rgba(26, 28, 24, 0.6);
   }
 
+  /* The Ask AI offer: a filled band leading the results column, directly under
+     the search bar. It is the first thing in .body, so it is read before the
+     grid is scanned rather than after it disappoints — and it can never be
+     stranded in whitespace under a short result row. */
+  .ask-nudge {
+    appearance: none;
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    width: 100%;
+    padding: 0.625em 0.875em;
+    border: 1px solid
+      color-mix(in srgb, var(--evosearch-ask-accent, #7c3aed) 28%, transparent);
+    border-radius: 0.625em;
+    background: color-mix(
+      in srgb,
+      var(--evosearch-ask-accent, #7c3aed) 6%,
+      #ffffff
+    );
+    color: var(--evosearch-ask-accent, #7c3aed);
+    font-size: 0.8125em;
+    font-weight: 600;
+    text-align: left;
+    cursor: pointer;
+    transition: background 0.15s ease, border-color 0.15s ease;
+  }
+
+  .ask-nudge:hover {
+    background: color-mix(
+      in srgb,
+      var(--evosearch-ask-accent, #7c3aed) 11%,
+      #ffffff
+    );
+    border-color: color-mix(
+      in srgb,
+      var(--evosearch-ask-accent, #7c3aed) 42%,
+      transparent
+    );
+  }
+
+  /* The label takes the slack so the trailing arrow sits hard right, and a
+     merchant-authored label that outruns the band ellipsises instead of
+     wrapping it onto a third line. */
+  .ask-nudge-text {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  @supports (background-clip: text) or (-webkit-background-clip: text) {
+    .ask-nudge-text {
+      background: linear-gradient(
+        100deg,
+        var(--evosearch-ask-accent, #7c3aed),
+        var(--evosearch-ask-accent-alt, #6366f1)
+      );
+      -webkit-background-clip: text;
+      background-clip: text;
+      color: transparent;
+    }
+  }
+
+  /* Amethyst→indigo sweep on the label so the offer reads as generative rather
+     than as a plain link. Guarded by @supports because the fallback for an
+     unsupported background-clip is transparent text, i.e. an invisible CTA —
+     outside the query the solid ask accent from .ask-nudge stands. The sparkle
+     and arrow icons keep currentColor: gradient-filling icon strokes at 14px
+     muddies them, and the solid accent still reads as the same family. */
+  @supports (background-clip: text) or (-webkit-background-clip: text) {
+    .ask-nudge > span {
+      background: linear-gradient(
+        100deg,
+        var(--evosearch-ask-accent, #7c3aed),
+        var(--evosearch-ask-accent-alt, #6366f1)
+      );
+      -webkit-background-clip: text;
+      background-clip: text;
+      color: transparent;
+    }
+  }
+
   .ask-followups {
     display: flex;
     flex-wrap: wrap;
@@ -8523,6 +8642,7 @@ const searchWidgetStyles = i$6 `
   .chip:focus-visible,
   .chip-remove:focus-visible,
   .suggestion:focus-visible,
+  .ask-nudge:focus-visible,
   .view-toggle-btn:focus-visible,
   .bar-dismiss:focus-visible,
   .ask-starter-chip:focus-visible,
@@ -8539,7 +8659,7 @@ const searchWidgetStyles = i$6 `
     gap: 0.45em;
     border: 0;
     border-radius: 999px;
-    background: var(--evosearch-ask-accent, #2563eb);
+    background: var(--evosearch-ask-accent, #7c3aed);
     color: #ffffff;
     font-size: 0.8125em;
     font-weight: 600;
@@ -8635,6 +8755,11 @@ class SearchWidget extends ElementWithStylesheet {
         this.suggestions = [];
         this.searchProducts = [];
         this.searchCollections = [];
+        // Whether the current results had a lexical (BM25) anchor. False means the
+        // grid is a purely semantic guess, which is what `askNudge: 'weak'` targets.
+        // Defaults true so a worker that omits `signals` is treated as a normal
+        // match rather than silently nudging on every query.
+        this.hadLexicalMatch = true;
         this.recents = [];
         this.loading = false;
         this.hasError = false;
@@ -9217,7 +9342,7 @@ class SearchWidget extends ElementWithStylesheet {
         }));
     }
     async performAutocomplete(query) {
-        var _a;
+        var _a, _b;
         const generation = ++this.requestGeneration;
         this.hasError = false;
         try {
@@ -9237,6 +9362,7 @@ class SearchWidget extends ElementWithStylesheet {
             this.suggestions = processed.suggestions;
             this.searchProducts = processed.products;
             this.searchCollections = (_a = response.collections) !== null && _a !== void 0 ? _a : [];
+            this.hadLexicalMatch = ((_b = response.signals) === null || _b === void 0 ? void 0 : _b.bm25) !== false;
             this.debouncedQuery = query;
             this.loading = false;
             if (this.finalizeOnRender) {
@@ -9376,6 +9502,7 @@ class SearchWidget extends ElementWithStylesheet {
         this.showSuggestions = false;
         this.searchProducts = [];
         this.searchCollections = [];
+        this.hadLexicalMatch = true;
         this.activeSuggestionIndex = -1;
         // Ask mode renders from a separate state set, so clearing the query alone
         // leaves the previous answer/evidence on screen. Reset it too and abort any
@@ -9477,6 +9604,7 @@ class SearchWidget extends ElementWithStylesheet {
             suggestions: this.suggestions,
             products: this.searchProducts,
             collections: this.searchCollections,
+            hadLexicalMatch: this.hadLexicalMatch,
             askAnswer: this.askAnswer,
             askEvidence: this.askEvidence,
             askFollowUps: this.askFollowUps,
@@ -9497,6 +9625,9 @@ class SearchWidget extends ElementWithStylesheet {
         this.suggestions = snap.suggestions;
         this.searchProducts = snap.products;
         this.searchCollections = snap.collections;
+        // Restored too, or a purely semantic result set would look like a lexical
+        // match after a reopen and wrongly suppress the `weak` nudge.
+        this.hadLexicalMatch = snap.hadLexicalMatch;
         // The restored query was already a real search in its first life; don't let
         // the settle/finalize path re-count it as a new one.
         this.lastFinalizedQuery = snap.query.trim().toLowerCase();
@@ -9542,7 +9673,11 @@ class SearchWidget extends ElementWithStylesheet {
         ${this.renderMain()}
       `;
         }
+        // The nudge leads the column — directly under the search bar, above the
+        // typeahead chips and the grid — so it is seen before the results are
+        // scanned rather than after they disappoint.
         return b `
+      ${this.shouldShowAskNudge() ? this.renderAskNudge() : A}
       ${this.cachedRailSections.map((section) => this.renderColumnSection(section))}
       ${this.renderMain()}
     `;
@@ -9933,25 +10068,12 @@ class SearchWidget extends ElementWithStylesheet {
             height="14"
             viewBox="0 0 24 24"
             fill="none"
-            stroke=${isAi ? 'url(#aiGrad)' : 'currentColor'}
+            stroke="currentColor"
             stroke-width="2.2"
             stroke-linecap="round"
             stroke-linejoin="round"
             aria-hidden="true"
           >
-            <defs>
-              <linearGradient
-                id="aiGrad"
-                x1="0"
-                y1="0"
-                x2="24"
-                y2="24"
-                gradientUnits="userSpaceOnUse"
-              >
-                <stop offset="0" stop-color="#9333EA"></stop>
-                <stop offset="1" stop-color="#6366F1"></stop>
-              </linearGradient>
-            </defs>
             <path
               d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"
             ></path>
@@ -10009,6 +10131,80 @@ class SearchWidget extends ElementWithStylesheet {
       </div>
     `;
     }
+    // Whether the Ask AI offer belongs on screen right now. Lifted out of the
+    // render so `renderColumn` can place the band above everything in the body
+    // while still keeping the "real search results exist" conditions that only
+    // renderMain used to know about.
+    shouldShowAskNudge() {
+        var _a, _b;
+        if (!this.askActive || this.mode === 'ask') {
+            return false;
+        }
+        const mode = (_b = (_a = this.uiPreferences) === null || _a === void 0 ? void 0 : _a.askNudge) !== null && _b !== void 0 ? _b : DEFAULT_ASK_NUDGE_MODE;
+        if (mode === 'never' || (mode === 'weak' && this.hadLexicalMatch)) {
+            return false;
+        }
+        // Never on the handpicked/empty state (no query to hand over), mid-load
+        // (nothing to be unhappy with yet), on an error, or on the no-match state —
+        // that one carries its own recovery CTA already. Collections count as
+        // results: the same pair renderMain's `noMatches` tests, so a
+        // collections-only match keeps the nudge rather than reading as empty.
+        return (this.debouncedQuery.trim().length > 0 &&
+            !this.loading &&
+            !this.hasError &&
+            (this.searchProducts.length > 0 || this.searchCollections.length > 0));
+    }
+    // Substitute the merchant's `{query}` token. Returned as separate strings so
+    // Lit renders them as text bindings and escapes the shopper's query; never
+    // build markup from this.
+    askNudgeLabelParts(query) {
+        var _a, _b;
+        const label = ((_b = (_a = this.uiPreferences) === null || _a === void 0 ? void 0 : _a.askNudgeLabel) === null || _b === void 0 ? void 0 : _b.trim()) || DEFAULT_ASK_NUDGE_LABEL;
+        return label.split(ASK_NUDGE_QUERY_TOKEN).join(`"${query}"`);
+    }
+    // Offer Ask AI above the results the shopper is about to scan. The tab pill
+    // is too quiet to read as an offer, and the zero-result CTA never fires for
+    // these queries by definition — this is the only place the offer lands while
+    // the shopper still has the query in their head.
+    renderAskNudge() {
+        const query = this.debouncedQuery.trim();
+        const label = this.askNudgeLabelParts(query);
+        return b `
+      <button
+        type="button"
+        class="ask-nudge"
+        @click=${() => this.handleAskNudgeClick(query)}
+      >
+        <bt-lucide-icon
+          name="sparkles"
+          width="14"
+          height="14"
+          stroke="currentColor"
+          stroke-width="1.5"
+        ></bt-lucide-icon>
+        <span class="ask-nudge-text">${label}</span>
+        <bt-lucide-icon
+          name="arrowRight"
+          width="14"
+          height="14"
+          stroke="currentColor"
+          stroke-width="1.5"
+        ></bt-lucide-icon>
+      </button>
+    `;
+    }
+    // Same destination as the zero-result CTA: flip to Ask and run the query the
+    // shopper already typed, so the words carry over verbatim.
+    handleAskNudgeClick(query) {
+        this.mode = 'ask';
+        setStoredSearchMode('ask');
+        // Reuse a held answer for this exact query, like the view toggle does —
+        // re-submitting would open a second billed generation for the same words.
+        const hasAnswer = this.askLoading || this.askAnswer.length > 0 || this.askEvidence !== null;
+        if (!hasAnswer || this.lastAskedQuery !== query) {
+            this.handleAskSubmit(query);
+        }
+    }
     renderMain() {
         var _a, _b, _c;
         const askInitial = this.mode === 'ask' &&
@@ -10224,6 +10420,10 @@ __decorate([
     r$1(),
     __metadata("design:type", Array)
 ], SearchWidget.prototype, "searchCollections", void 0);
+__decorate([
+    r$1(),
+    __metadata("design:type", Object)
+], SearchWidget.prototype, "hadLexicalMatch", void 0);
 __decorate([
     r$1(),
     __metadata("design:type", Array)
@@ -10283,7 +10483,15 @@ const evoSearchStyles = i$6 `
     --evosearch-primary: #3a3d36;
     --evosearch-secondary: #6b6f64;
     --evosearch-accent: #e0590b;
-    --evosearch-ask-accent: #2563eb;
+    /* Violet, not blue. The previous #2563eb read as a generic link colour, so
+       every AI affordance looked like plain navigation. Violet is distinct from
+       the brand accent AND from ordinary links, so "this is the AI" is legible
+       without a second signal. Drives the mode toggle, the results nudge, the
+       ask-answer rule, the follow-up chips and the state-block CTA. */
+    --evosearch-ask-accent: #7c3aed;
+    /* Paired end-stop for the gradient treatments (nudge label, toggle thumb).
+       Same amethyst→indigo sweep the toggle icon used before it was unified. */
+    --evosearch-ask-accent-alt: #6366f1;
     --evosearch-mode-accent: var(--evosearch-accent);
     --evosearch-white: #ffffff;
     --evosearch-border: #d6d8cf;
@@ -10359,6 +10567,25 @@ class EvoSearch extends ElementWithStylesheet {
         this.handpickedProducts = [];
         this.featuredCollections = [];
         this.askAiEnabled = false;
+        // Host-page scroll locks (body-scroll-lock and friends) cancel every
+        // document-level touchmove they didn't whitelist, which kills touch
+        // scrolling inside the widget on iOS. Keep widget touches out of their
+        // reach; never preventDefault, or we'd kill the scroll ourselves.
+        // Known gap: a lock registered with { capture: true } runs before the
+        // event reaches this host, so stopPropagation can't shield against it.
+        this.touchmoveListener = (event) => event.stopPropagation();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Passive: this handler only stops propagation, and a blocking touchmove
+        // listener would keep the widget's own scrolling off the compositor.
+        this.addEventListener('touchmove', this.touchmoveListener, {
+            passive: true,
+        });
+    }
+    disconnectedCallback() {
+        this.removeEventListener('touchmove', this.touchmoveListener);
+        super.disconnectedCallback();
     }
     updated(changedProperties) {
         var _a;
@@ -10558,7 +10785,7 @@ const tryFetchTrending = (target) => {
 // Runtime Ask AI config. Unlike trending (fetched once per session), this is
 // fetched on every open so a merchant's dashboard change takes effect without
 // a reload — there is no session-fetched latch, only an in-flight guard to
-// dedupe concurrent opens. `askStarters`/`askAiEnabled` apply live.
+// dedupe concurrent opens. `askStarters`/`askAiEnabled`/`askNudge`(+label) apply live.
 const tryFetchConfig = (target) => {
     if (!target.api || configController) {
         return;
@@ -10576,6 +10803,13 @@ const tryFetchConfig = (target) => {
                 ...(data.askStarters !== undefined
                     ? { askStarters: data.askStarters }
                     : {}),
+                // Only overlay what the worker actually sent: during a deploy window
+                // a new SDK can hit an old `/config` that omits these, and writing
+                // undefined would drop the manifest-seeded value.
+                ...(data.askNudge !== undefined ? { askNudge: data.askNudge } : {}),
+                ...(data.askNudgeLabel !== undefined
+                    ? { askNudgeLabel: data.askNudgeLabel }
+                    : {}),
             };
         }
     })