@depict-ai/ui 1.4.4 → 1.4.5

package/latest/index.cjs

@@ -54,7 +54,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.4";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.5";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -711,7 +711,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
 }
 (0, $gVhhF$solidjsweb.delegateEvents)(["click"]);
 const $b3cf6ca8dc0e9998$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<span class="count"></span>`, 2),
-  $b3cf6ca8dc0e9998$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<label class="input-row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text"></span></div><!#><!/></label>`, 11);
+  $b3cf6ca8dc0e9998$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<label class="input-row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text line-clamp"></span></div><!#><!/></label>`, 11);
 const $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d = props => {
   // It seems like there's no diffing without memos here (since we often just have computations in the getters above that update to the same result often because their dependencies change with unrelated changes often), so put memos here to avoid unneeded DOM changes
   const count = (0, $gVhhF$solidjs.createMemo)(() => props.count_);
@@ -2664,9 +2664,14 @@ function $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element) {
   // Copy of Layout from utilishared but using solid-js signals instead of async iterable IPNS
   const show_all_rows = (0, $gVhhF$solidjs.createMemo)(() => props.rows === "all");
   const rows_or_empty_object = (0, $gVhhF$solidjs.createMemo)(() => show_all_rows() ? {} : props.rows);
-  const button_elements = (0, $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52)((0, $gVhhF$solidjs.createMemo)(() => rows_or_empty_object().button));
-  const have_a_button = (0, $gVhhF$solidjs.createMemo)(() => {
-    const button = button_elements();
+  const view_more_button_elements = (0, $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52)((0, $gVhhF$solidjs.createMemo)(() => rows_or_empty_object().button));
+  const view_less_button_elements = (0, $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52)((0, $gVhhF$solidjs.createMemo)(() => rows_or_empty_object().view_less_button));
+  const have_a_view_more_button = (0, $gVhhF$solidjs.createMemo)(() => {
+    const button = view_more_button_elements();
+    return !(!button || Array.isArray(button) && !button.length);
+  });
+  const have_a_view_less_button = (0, $gVhhF$solidjs.createMemo)(() => {
+    const button = view_less_button_elements();
     return !(!button || Array.isArray(button) && !button.length);
   });
   const [get_styling, set_styling] = (0, $gVhhF$solidjs.createSignal)();
@@ -2675,19 +2680,29 @@ function $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element) {
   const [get_children_count, set_children_count] = (0, $gVhhF$solidjs.createSignal)(0);
   const update_children_count = () => set_children_count(container_element.children.length);
   const col_styling = (0, $gVhhF$solidjs.createMemo)(() => (0, $gVhhF$depictaiutilishared.n_col_styling_with_dist)(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
-  const default_currently_visible_signal = (0, $gVhhF$solidjs.createSignal)(0); // Keep this signal here so it doesn't change when rows_or_empty_object and I think it's to be expected that the "internal default signal" stays the same
+  const default_currently_visible_signal = (0, $gVhhF$solidjs.createSignal)((0, $gVhhF$solidjs.untrack)(() => rows_or_empty_object().start_rows ?? 1)); // Keep this signal here, so it doesn't change when rows_or_empty_object and I think it's to be expected that the "internal default signal" stays the same
   const rows_visible_signal = (0, $gVhhF$solidjs.createMemo)(() => rows_or_empty_object().currently_visible || default_currently_visible_signal);
   const get_rows_visible = (0, $gVhhF$solidjs.createMemo)(() => rows_visible_signal()[0]());
   const set_rows_visible = (0, $gVhhF$solidjs.createMemo)(() => rows_visible_signal()[1]);
-  const button_class = (0, $gVhhF$depictaiutilishared.make_random_classname)();
-  const button_container = (0, $gVhhF$solidjs.createMemo)(() => have_a_button() && (() => {
+  const view_more_button_class = (0, $gVhhF$depictaiutilishared.make_random_classname)();
+  const view_less_button_class = (0, $gVhhF$depictaiutilishared.make_random_classname)();
+  const view_more_button_container = (0, $gVhhF$solidjs.createMemo)(() => have_a_view_more_button() && (() => {
     const _el$2 = (0, $gVhhF$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
     (0, $gVhhF$solidjsweb.addEventListener)(_el$2, "click", (0, $gVhhF$depictaiutilishared.catchify)(() => set_rows_visible()(prev => prev + (rows_or_empty_object().rows_per_click ?? 1))), true);
-    (0, $gVhhF$solidjsweb.className)(_el$2, "load-more-container " + button_class);
+    (0, $gVhhF$solidjsweb.className)(_el$2, `load-more-container ${view_more_button_class}`);
     (0, $gVhhF$solidjsweb.insert)(_el$2, () => rows_or_empty_object().button);
     (0, $gVhhF$solidjsweb.runHydrationEvents)();
     return _el$2;
   })());
+  // We need to have duplicate buttons because which ones is shown depends on the number of rows visible and therefore on the viewport size and therefore on the css media queries
+  const view_less_button_container = (0, $gVhhF$solidjs.createMemo)(() => have_a_view_less_button() && (() => {
+    const _el$3 = (0, $gVhhF$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
+    (0, $gVhhF$solidjsweb.addEventListener)(_el$3, "click", (0, $gVhhF$depictaiutilishared.catchify)(() => set_rows_visible()(() => rows_or_empty_object().start_rows ?? 1)), true);
+    (0, $gVhhF$solidjsweb.className)(_el$3, `load-less-container ${view_less_button_class}`);
+    (0, $gVhhF$solidjsweb.insert)(_el$3, () => rows_or_empty_object().view_less_button);
+    (0, $gVhhF$solidjsweb.runHydrationEvents)();
+    return _el$3;
+  })());
   container_element.classList.add(container_class);
   (0, $gVhhF$solidjs.createComputed)(() => {
     // Make sure we don't have more rows visible than max_rows (this could happen by max_rows being decreased)
@@ -2702,7 +2717,6 @@ function $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element) {
       set_styling(() => col_styling);
       return;
     }
-    (0, $gVhhF$solidjs.untrack)(() => set_rows_visible()(rows_or_empty_object().start_rows ?? 1));
     update_children_count();
     const mutation_observer = new MutationObserver((0, $gVhhF$depictaiutilishared.catchify)(update_children_count));
     mutation_observer.observe(container_element, {
@@ -2714,33 +2728,36 @@ function $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element) {
     () => (0, $gVhhF$solidjs.createMemo)(() => {
       const {
         rows_per_click: rows_per_click,
-        max_rows = -1
+        max_rows = -1,
+        start_rows: start_rows
       } = rows_or_empty_object();
       const rows_visible = get_rows_visible();
       const children_count = get_children_count();
       return col_styling() + props.cols_at_size.map(options => {
-        const [, min, max] = options;
-        let should_hide_button;
+        const [recs_per_row, min, max] = options;
+        let should_hide_view_more_button;
         let visible_recs;
         if (props.disable_partial_rows) {
           visible_recs = (0, $gVhhF$depictaiutilishared.layout_get_visible_recs_without_partial_rows)(rows_visible, children_count, options);
           const visible_recs_next_show_more = (0, $gVhhF$depictaiutilishared.layout_get_visible_recs_without_partial_rows)(rows_visible + (rows_per_click || 0),
           // Should this really be zero when we default rows_per_click to 1?
           children_count, options);
-          should_hide_button = visible_recs === visible_recs_next_show_more;
+          should_hide_view_more_button = visible_recs === visible_recs_next_show_more;
         } else {
           visible_recs = (0, $gVhhF$depictaiutilishared.layout_get_total_rec_amount_for_row)(rows_visible, options);
-          should_hide_button = visible_recs >= children_count;
+          should_hide_view_more_button = visible_recs >= children_count;
         }
-        const should_hide_button_final = button_class && (should_hide_button || max_rows !== -1 && rows_visible >= max_rows);
-        return `${(0, $gVhhF$depictaiutilishared.layout_media_query_header)(min, max)}{${selector_beginning}:nth-child(n+${visible_recs + 1}){display:none}${props.layout == "slider" ? `${selector_beginning}:nth-child(n+${visible_recs}){margin-right:0}` : ""}${should_hide_button_final ? `.depict .${button_class}{display:none!important}` : ``}}`;
+        const should_hide_button_final = should_hide_view_more_button || max_rows !== -1 && rows_visible >= max_rows;
+        // I don't really understand the logic for when the view more button gets hidden so IDK if below is correct, but it works how it should for now
+        const should_hide_view_less_button = !should_hide_view_more_button || start_rows == undefined || rows_visible <= start_rows || children_count <= recs_per_row * start_rows;
+        return `${(0, $gVhhF$depictaiutilishared.layout_media_query_header)(min, max)}{${selector_beginning}:nth-child(n+${visible_recs + 1}){display:none}${props.layout == "slider" ? `${selector_beginning}:nth-child(n+${visible_recs}){margin-right:0}` : ""}${should_hide_button_final ? `.depict .${view_more_button_class}{display:none!important}` : ``}${should_hide_view_less_button ? `.depict .${view_less_button_class}{display:none!important}` : ``}}`;
       }).join("");
     }));
   });
-  return [container_element, (0, $gVhhF$solidjsweb.memo)(button_container), (() => {
-    const _el$3 = (0, $gVhhF$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$2);
-    (0, $gVhhF$solidjsweb.insert)(_el$3, get_styling);
-    return _el$3;
+  return [container_element, (0, $gVhhF$solidjsweb.memo)(view_more_button_container), (0, $gVhhF$solidjsweb.memo)(view_less_button_container), (() => {
+    const _el$4 = (0, $gVhhF$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$2);
+    (0, $gVhhF$solidjsweb.insert)(_el$4, get_styling);
+    return _el$4;
   })()];
 }
 (0, $gVhhF$solidjsweb.delegateEvents)(["click"]);
@@ -2934,14 +2951,18 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
     }
   }
   async #run_url_creator_for_suggest(merchant, market, response) {
-    if (!this.page_url_creator) return response;
+    const page_url_creator = this.page_url_creator;
+    const category_transformer = this.display_transformers?.categories;
+    if (!page_url_creator && !category_transformer) return response;
     // find category suggestions, run thing with them, and then replace them
     const category_suggestions = response.suggestions.filter(suggestion => suggestion.type === "category");
-    const page_urls = await this.page_url_creator({
-      type: "categories",
+    const page_urls = await (page_url_creator || category_transformer)({
       market: market,
       merchant: merchant,
-      data: [...category_suggestions]
+      data: [...category_suggestions],
+      ...(page_url_creator ? {
+        type: "categories"
+      } : {})
     });
     this.#guard_url_creator_length(category_suggestions, page_urls);
     while (page_urls.length)
@@ -2949,17 +2970,29 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
     Object.defineProperties(category_suggestions.pop(), Object.getOwnPropertyDescriptors(page_urls.pop()));
     return response;
   }
-  async #run_url_creator_for_rest(merchant, market, input_data) {
-    if (!this.page_url_creator) return input_data;
+  async #run_display_transformers_for_rest(merchant, market, input_data) {
+    const {
+      page_url_creator: page_url_creator,
+      display_transformers: display_transformers
+    } = this;
+    if (!page_url_creator && !display_transformers) return input_data;
+    const product_transformer = display_transformers?.products;
+    const category_transformer = display_transformers?.categories;
+    const content_result_transformer = display_transformers?.contentResults;
     const displays = input_data.displays;
-    const breadcrumb = input_data.breadcrumb;
-    const quick_links = input_data.quick_links;
-    if (displays) {
-      const page_urls = await this.page_url_creator({
-        type: "products",
+    const {
+      breadcrumb: breadcrumb,
+      quick_links: quick_links,
+      content_search_links: content_search_links
+    } = input_data;
+    if (displays && (page_url_creator || product_transformer)) {
+      const page_urls = await (page_url_creator || product_transformer)({
         merchant: merchant,
         market: market,
-        displays: [...input_data.displays]
+        displays: [...input_data.displays],
+        ...(page_url_creator ? {
+          type: "products"
+        } : {})
       });
       this.#guard_url_creator_length(displays, page_urls);
       for (let i = 0; i < displays.length; i++) {
@@ -2977,19 +3010,30 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
           displays[i] = new_display_or_page_url;
       }
     }
-    for (const category_display_array of [breadcrumb, quick_links]) {
+    if (page_url_creator || category_transformer) for (const category_display_array of [breadcrumb, quick_links]) {
       if (!category_display_array) continue;
-      const page_urls = await this.page_url_creator({
-        type: "categories",
+      const page_urls = await (page_url_creator || category_transformer)({
         merchant: merchant,
         market: market,
-        data: [...category_display_array]
+        data: [...category_display_array],
+        ...(page_url_creator ? {
+          type: "categories"
+        } : {})
       });
       this.#guard_url_creator_length(category_display_array, page_urls);
       for (let i = 0; i < category_display_array.length; i++)
       // Copy over getters so we sneakily can make this reactive
       Object.defineProperties(category_display_array[i], Object.getOwnPropertyDescriptors(page_urls[i]));
     }
+    if (content_search_links?.length && content_result_transformer) {
+      const result = await content_result_transformer({
+        merchant: merchant,
+        market: market,
+        data: [...content_search_links]
+      });
+      this.#guard_url_creator_length(content_search_links, result);
+      input_data.content_search_links = result;
+    }
     return input_data;
   }
   async #cached_post_request(endpoint, input_req, fallback_response) {
@@ -3016,7 +3060,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         let result;
         try {
           const unmodified_result = await api_response.json();
-          result = await this.#run_url_creator_for_rest(input_req.tenant, input_req.market, unmodified_result);
+          result = await this.#run_display_transformers_for_rest(input_req.tenant, input_req.market, unmodified_result);
         } catch (e) {
           (0, $gVhhF$depictaiutilishared.dwarn)("URL creator or json decoding failed", e);
           break return_successfully;
@@ -3048,12 +3092,14 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
       get_metadata: get_metadata,
       get_user_id: get_user_id,
       get_session_id: get_session_id,
-      page_url_creator: page_url_creator
+      page_url_creator: page_url_creator,
+      display_transformers: display_transformers
     } = options ?? {};
     this.#get_metadata = get_metadata;
     this.#get_user_id = get_user_id;
     this.#get_session_id = get_session_id;
     this.page_url_creator = page_url_creator;
+    this.display_transformers = display_transformers;
   }
   async suggest(input_req) {
     const with_ids = this.#add_ids_to_request(input_req);
@@ -3163,11 +3209,11 @@ function $6b384adf40a5f4d7$var$correct_range_filter_range_once({
   }
 }
 function $0f400c3f7248d5f1$export$92f2da32c6e7e7ee({
-  search_results_: search_results_,
+  number_: number_,
   i18n_: i18n_
 }) {
   return (0, $gVhhF$solidjs.createMemo)(() => {
-    const n_hits = search_results_()?.n_hits;
+    const n_hits = number_();
     if (isNaN(n_hits)) return "";
     const price_formatting = i18n_.price_formatting_();
     return (0, $gVhhF$depictaiutilishared.standard_price_format)(n_hits, 0,
@@ -5649,7 +5695,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $gVhhF$solidjs.createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $gVhhF$solidjs.createSignal)();
   const formatted_number_of_results_ = (0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
-    search_results_: plp_results_,
+    number_: (0, $gVhhF$solidjs.createMemo)(() => plp_results_()?.n_hits),
     i18n_: i18n_
   });
   const [sort_and_filter_element_, set_sort_and_filter_element_] = (0, $gVhhF$solidjs.createSignal)();
@@ -6230,7 +6276,6 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
 }
 const $48567ac5b39bac56$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
-// on old displays, no page_url_creator can be specified
 /**
  * Type for the private properties that are shared between the different exported search SDK wrapper functions.
  * SDK users are not allowed to change/access these, they're an internal implementation detail.
@@ -6295,6 +6340,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     api: api,
     on_navigation: on_navigation,
     page_url_creator: page_url_creator,
+    display_transformers: display_transformers,
     unique_instance_key_for_state = "",
     query_id_state_key: query_id_state_key,
     ...props_on_class
@@ -6339,8 +6385,10 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
         quicklinks_signal_: (0, $gVhhF$solidjs.createSignal)(),
         i18n_: i18n_,
         reset_history_state_: reset_history_state_,
+        // @ts-ignore
         depict_api_: api ?? new (0, $e1d6c0f3d89d531c$export$e015ed2f2950f2e3)({
-          page_url_creator: page_url_creator
+          page_url_creator: page_url_creator,
+          display_transformers: display_transformers
         }),
         router_: this.#router,
         selected_filters_: selected_filters_,
@@ -6967,11 +7015,11 @@ function $fb29c6201c369e39$export$7de92c4c2205ebf3({
   });
 }
 function $fb29c6201c369e39$var$make_state_saved_rows([get_showing_recommendation_rows, set_showing_recommendation_rows], i18n_) {
-  const currently_visible = (0, $gVhhF$solidjs.createSignal)(0); // this number shouldn't matter for anything except typing
+  const currently_visible = (0, $gVhhF$solidjs.createSignal)((0, $gVhhF$solidjs.untrack)(get_showing_recommendation_rows));
   const [get_currently_visible, set_currently_visible] = currently_visible;
   const rows = {
     currently_visible: currently_visible,
-    start_rows: (0, $gVhhF$solidjs.untrack)(get_showing_recommendation_rows) ?? $fb29c6201c369e39$export$1c8c715550dc689d,
+    start_rows: $fb29c6201c369e39$export$1c8c715550dc689d,
     rows_per_click: 3,
     button: (() => {
       const _el$7 = (0, $gVhhF$solidjsweb.getNextElement)($fb29c6201c369e39$var$_tmpl$2);
@@ -7137,7 +7185,7 @@ const $639c124c22b6cbaa$export$27b710c08412a7ad = obj => {
   return Object.fromEntries(Object.keys(obj).map(key => [key, obj[key]()]));
 };
 const $6ae613870d3380fc$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<span class="orig price"><!#><!/><!#><!/><!#><!/></span>`, 8),
-  $6ae613870d3380fc$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span><!#><!/></div><div class="price-container"><!#><!/><span class="price"><!#><!/><!#><!/><!#><!/></span></div></div></a>`, 26),
+  $6ae613870d3380fc$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title line-clamp"></span><!#><!/></div><div class="price-container"><!#><!/><span class="price"><!#><!/><!#><!/><!#><!/></span></div></div></a>`, 26),
   $6ae613870d3380fc$var$_tmpl$3 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="tagline"></div>`, 2);
 const $6ae613870d3380fc$export$b05c0ae390cf3e06 = (display_or_variant_container, {
   i18n: i18n
@@ -7271,9 +7319,11 @@ function $6ae556e536054e87$export$62f101a8aa597bf8({
   render_instant_card_placeholder_: render_instant_card_placeholder_,
   min_products_to_fetch_: min_products_to_fetch_,
   has_sort_or_filters_: has_sort_or_filters_,
-  set_num_results_accessor_: set_num_results_accessor_,
+  set_total_num_results_accessor_: set_total_num_results_accessor_,
   i18n_: i18n_,
-  router_: router_
+  router_: router_,
+  set_modal_search_results_: set_modal_search_results_,
+  content_search_enabled_: content_search_enabled_
 }) {
   const max_cards = 4;
   const [read_current_instant_query, write_current_instant_query] = (0, $gVhhF$solidjs.createSignal)("");
@@ -7298,8 +7348,17 @@ function $6ae556e536054e87$export$62f101a8aa597bf8({
       ...variable_data
     });
   }));
-  set_num_results_accessor_(() => (0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
-    search_results_: search_results,
+  // Maybe we should move this createResoure out of this component, on the other hand it bloats the parent component and if it fails it takes more than needed with it, so I think writing the content results from here is better
+  // This is for the press-enter-to-instant-content-result feature which gets called from Autocomplete.tsx
+  set_modal_search_results_(() => search_results);
+  (0, $gVhhF$solidjs.onCleanup)(() => set_modal_search_results_(undefined)); // for consistency, in case this component crashes
+  set_total_num_results_accessor_(() => (0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
+    number_: (0, $gVhhF$solidjs.createMemo)(() => {
+      const hits = search_results()?.n_hits;
+      const content_results = search_results()?.content_search_links?.length;
+      if (!content_results || !content_search_enabled_()) return hits;
+      return (hits ?? 0) + content_results;
+    }),
     i18n_: i18n_
   }));
   const sliced_displays = (0, $gVhhF$solidjs.createMemo)(() => search_results()?.displays?.slice(0, max_cards));
@@ -7397,7 +7456,7 @@ function $9e30168c4b1661d2$export$5d2caaa6b530761c() {
   return (0, $gVhhF$solidjsweb.getNextElement)($9e30168c4b1661d2$var$_tmpl$);
 }
 const $9a268bf73b31a717$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6),
-  $9a268bf73b31a717$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<a class="item"><div class="left"><!#><!/><span></span></div><button class="delete"></button></a>`, 10);
+  $9a268bf73b31a717$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<a class="item"><div class="left"><!#><!/><span class="line-clamp"></span></div><button class="delete"></button></a>`, 10);
 function $9a268bf73b31a717$export$a146ac6fa8346a25({
   text_: text_,
   previous_searches_: previous_searches_,
@@ -7479,15 +7538,18 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({
             (0, $gVhhF$solidjsweb.effect)(_p$ => {
               const _v$ = !!(0, $gVhhF$solidjs.createMemo)(() => read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)(),
                 _v$2 = href(),
-                _v$3 = i18n_.previous_searches_delete_entry_from_history_();
+                _v$3 = item(),
+                _v$4 = i18n_.previous_searches_delete_entry_from_history_();
               _v$ !== _p$._v$ && _el$4.classList.toggle("selected", _p$._v$ = _v$);
               _v$2 !== _p$._v$2 && (0, $gVhhF$solidjsweb.setAttribute)(_el$4, "href", _p$._v$2 = _v$2);
-              _v$3 !== _p$._v$3 && (0, $gVhhF$solidjsweb.setAttribute)(_el$9, "title", _p$._v$3 = _v$3);
+              _v$3 !== _p$._v$3 && (0, $gVhhF$solidjsweb.setAttribute)(_el$6, "title", _p$._v$3 = _v$3);
+              _v$4 !== _p$._v$4 && (0, $gVhhF$solidjsweb.setAttribute)(_el$9, "title", _p$._v$4 = _v$4);
               return _p$;
             }, {
               _v$: undefined,
               _v$2: undefined,
-              _v$3: undefined
+              _v$3: undefined,
+              _v$4: undefined
             });
             return _el$4;
           })();
@@ -7556,18 +7618,37 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({
     const _el$2 = (0, $gVhhF$solidjsweb.getNextElement)($d023ed916c84e75d$var$_tmpl$2);
     (0, $gVhhF$solidjsweb.className)(_el$2, class_);
     (0, $gVhhF$solidjsweb.insert)(_el$2, text_itself);
-    (0, $gVhhF$solidjsweb.effect)(() => _el$2.classList.toggle("has-history-match", !!get_has_highlighted()));
+    (0, $gVhhF$solidjsweb.effect)(_p$ => {
+      const _v$ = !!get_has_highlighted(),
+        _v$2 = whole_text_to_display_memo() /* for when line-clamped, users can see full text on hover */;
+      _v$ !== _p$._v$ && _el$2.classList.toggle("has-history-match", _p$._v$ = _v$);
+      _v$2 !== _p$._v$2 && (0, $gVhhF$solidjsweb.setAttribute)(_el$2, "title", _p$._v$2 = _v$2);
+      return _p$;
+    }, {
+      _v$: undefined,
+      _v$2: undefined
+    });
     return _el$2;
   })();
 }
+const $c0125412b4ea0c93$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path d="M56 26.455a13.71 13.71 0 0 0-9.578 3.967A13.71 13.71 0 0 0 42.455 40v176a13.71 13.71 0 0 0 3.967 9.578A13.71 13.71 0 0 0 56 229.545h144A13.71 13.71 0 0 0 213.545 216V88a2.456 2.456 0 0 1 0-.002c.001-1.452-.597-2.895-1.623-3.922l-55.998-55.998a5.61 5.61 0 0 0-3.922-1.623 2.456 2.456 0 0 1-.002 0zm0 11.09h88A2.456 2.456 0 0 1 146.455 40v48c0 2.903 2.642 5.545 5.545 5.545h48A2.456 2.456 0 0 1 202.455 96v120a2.456 2.456 0 0 1-2.455 2.455H56A2.456 2.456 0 0 1 53.545 216V40A2.456 2.456 0 0 1 56 37.545zm103.061 11.498a2.456 2.456 0 0 1 2.676.531l28.689 28.689a2.456 2.456 0 0 1-1.736 4.191H160A2.456 2.456 0 0 1 157.545 80V51.311a2.456 2.456 0 0 1 1.516-2.268zM96 130.455c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545zm0 32c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545z"></path></svg>`, 4);
+function $c0125412b4ea0c93$export$605674723bcc715c(props = {}) {
+  return (() => {
+    const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($c0125412b4ea0c93$var$_tmpl$);
+    (0, $gVhhF$solidjsweb.spread)(_el$, props, true, true);
+    (0, $gVhhF$solidjsweb.runHydrationEvents)();
+    return _el$;
+  })();
+}
 const $6b65ba8af12c5a26$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<a class="suggestion"></a>`, 2),
   $6b65ba8af12c5a26$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="search-icon"></div>`, 2),
   $6b65ba8af12c5a26$var$_tmpl$3 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<span class="type"></span>`, 2),
   $6b65ba8af12c5a26$var$_tmpl$4 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div><!#><!/><span class="value"></span></div>`, 6),
-  $6b65ba8af12c5a26$var$_tmpl$5 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<h2 class="text"></h2>`, 2),
-  $6b65ba8af12c5a26$var$_tmpl$6 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="suggestion-container query"><!#><!/><!#><!/></div>`, 6),
-  $6b65ba8af12c5a26$var$_tmpl$7 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="suggestion-container page"></div>`, 2),
-  $6b65ba8af12c5a26$var$_tmpl$8 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="suggestions"><!#><!/><!#><!/><!#><!/></div>`, 8);
+  $6b65ba8af12c5a26$var$_tmpl$5 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="with-icon"><!#><!/><!#><!/></div>`, 6),
+  $6b65ba8af12c5a26$var$_tmpl$6 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<h2 class="text"></h2>`, 2),
+  $6b65ba8af12c5a26$var$_tmpl$7 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="suggestion-container query"><!#><!/><!#><!/></div>`, 6),
+  $6b65ba8af12c5a26$var$_tmpl$8 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="suggestion-container page"></div>`, 2),
+  $6b65ba8af12c5a26$var$_tmpl$9 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="suggestions"><!#><!/><!#><!/><!#><!/></div>`, 8);
 function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
   suggestion_memo_: suggestion_memo_,
   search_query_url_param_name_: search_query_url_param_name_,
@@ -7580,7 +7661,8 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
   include_category_suggestions_: include_category_suggestions_,
   searching_for_value_: searching_for_value_,
   router_: router_,
-  submit_query_: submit_query_
+  submit_query_: submit_query_,
+  get_content_results_: get_content_results_
 }) {
   const queries_memo = (0, $gVhhF$solidjs.createMemo)(() => suggestion_memo_().filter(({
     type: type,
@@ -7588,9 +7670,15 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
   }) => type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
   ));
 
-  const not_queries_memo = (0, $gVhhF$solidjs.createMemo)(() => suggestion_memo_().filter(({
-    type: type
-  }) => type !== (0, $3ec9e21d6b6debdd$export$3cf9497e790da491)));
+  const not_queries_memo = (0, $gVhhF$solidjs.createMemo)(() => {
+    // For the section that shows categories and content results
+    // We want to limit to 3 items, and we want to show the categories first
+    const content_results = get_content_results_() || [];
+    const from_suggest_request = include_category_suggestions_ ? suggestion_memo_().filter(({
+      type: type
+    }) => type !== (0, $3ec9e21d6b6debdd$export$3cf9497e790da491)) : [];
+    return [...from_suggest_request.slice(0, content_results.length ? 2 : 3), ...content_results.slice(0, 1)];
+  });
   const render_entry = (input_obj, autocomplete_data_index, index, is_history = false) => {
     const is_query = (0, $gVhhF$solidjs.createMemo)(() => input_obj().type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491));
     const href_with_changed_params_accessor = (0, $gVhhF$solidjs.createMemo)(() => is_query() ? (0, $496cde876b53ce1e$export$91c3b6774e8be0f5)({
@@ -7599,6 +7687,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
       url_transformer_: url_transformer_
     }) : undefined);
     const href = (0, $gVhhF$solidjs.createMemo)(() => is_query() ? href_with_changed_params_accessor()() : input_obj().page_url);
+    const is_selected = (0, $gVhhF$solidjs.createMemo)(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index);
     return (() => {
       const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$);
       (0, $gVhhF$solidjsweb.use)(element => element.addEventListener("click", (0, $gVhhF$depictaiutilishared.catchify)(ev => {
@@ -7612,7 +7701,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
           return;
         }
         router_.navigate_.go_to_({
-          new_url_: input_obj().page_url,
+          new_url_: href(),
           is_replace_: false,
           event_: ev
         });
@@ -7634,20 +7723,20 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
             return (0, $gVhhF$solidjsweb.createComponent)((0, $9e30168c4b1661d2$export$5d2caaa6b530761c), {});
           }
         }), (0, $gVhhF$solidjsweb.createComponent)((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-          class_: "value",
+          class_: "value line-clamp",
           get whole_text_to_display_() {
             return (0, $gVhhF$solidjs.createMemo)(() => input_obj().title);
           },
           searching_for_value_: searching_for_value_
         })] : [(0, $gVhhF$solidjsweb.memo)((() => {
-          const _c$2 = (0, $gVhhF$solidjsweb.memo)(() => typeof input_obj().parent_title === "string");
+          const _c$2 = (0, $gVhhF$solidjsweb.memo)(() => typeof input_obj() /* this is a harmless lie  */.parent_title === "string");
           return () => _c$2() ? (() => {
             const _el$4 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$4),
               _el$6 = _el$4.firstChild,
               [_el$7, _co$] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$6.nextSibling),
               _el$5 = _el$7.nextSibling;
             (0, $gVhhF$solidjsweb.insert)(_el$4, (0, $gVhhF$solidjsweb.createComponent)((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-              class_: "category",
+              class_: "category line-clamp",
               get whole_text_to_display_() {
                 return (0, $gVhhF$solidjs.createMemo)(() => input_obj().title);
               },
@@ -7655,16 +7744,38 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
             }), _el$7, _co$);
             (0, $gVhhF$solidjsweb.insert)(_el$5, () => input_obj().parent_title);
             return _el$4;
-          })() : (0, $gVhhF$solidjsweb.createComponent)((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-            class_: "category",
-            get whole_text_to_display_() {
-              return (0, $gVhhF$solidjs.createMemo)(() => input_obj().title);
-            },
-            searching_for_value_: searching_for_value_
-          });
+          })() : (() => {
+            const _c$3 = (0, $gVhhF$solidjsweb.memo)(() => input_obj().type === "content");
+            return () => _c$3() ? (() => {
+              const _el$8 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$5),
+                _el$9 = _el$8.firstChild,
+                [_el$10, _co$2] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$9.nextSibling),
+                _el$11 = _el$10.nextSibling,
+                [_el$12, _co$3] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$11.nextSibling);
+              (0, $gVhhF$solidjsweb.insert)(_el$8, (0, $gVhhF$solidjsweb.createComponent)((0, $c0125412b4ea0c93$export$605674723bcc715c), {
+                width: "16",
+                height: "16"
+              }), _el$10, _co$2);
+              (0, $gVhhF$solidjsweb.insert)(_el$8, (0, $gVhhF$solidjsweb.createComponent)((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+                class_: "content line-clamp",
+                get whole_text_to_display_() {
+                  return (0, $gVhhF$solidjs.createMemo)(() => input_obj().title);
+                },
+                searching_for_value_: searching_for_value_
+              }), _el$12, _co$3);
+              return _el$8;
+            })() : (0, $gVhhF$solidjsweb.createComponent)((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+              class_: "category line-clamp",
+              get whole_text_to_display_() {
+                return (0, $gVhhF$solidjs.createMemo)(() => input_obj().title);
+              },
+              searching_for_value_: searching_for_value_
+            });
+          })();
         })()), (() => {
           const _el$3 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$3);
           (0, $gVhhF$solidjsweb.insert)(_el$3, (0, $gVhhF$solidjs.createMemo)(() => {
+            if (input_obj().type === "content") return i18n_.content_();
             if (input_obj().category_type === "BRAND") return i18n_.brand_();
             return i18n_.category_();
           }));
@@ -7673,7 +7784,7 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
       })());
       (0, $gVhhF$solidjsweb.effect)(_p$ => {
         const _v$ = {
-            selected: (0, $gVhhF$solidjs.createMemo)(() => read_selected_index_()?.[0] === autocomplete_data_index && read_selected_index_()?.[1] === index)(),
+            selected: is_selected(),
             history: is_history,
             ["type-" + input_obj().type]: true
           },
@@ -7699,41 +7810,41 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
     }));
   };
   const should_show_previous_searches_in_query_part = (0, $gVhhF$solidjs.createMemo)(() => !on_previous_searches_page_());
-  const should_show_at_all = (0, $gVhhF$solidjs.createMemo)(() => suggestion_memo_()?.length || should_show_previous_searches_in_query_part() && filtered_previous_searches_().length);
+  const should_show_at_all = (0, $gVhhF$solidjs.createMemo)(() => suggestion_memo_()?.length || should_show_previous_searches_in_query_part() && filtered_previous_searches_().length || get_content_results_()?.length);
   const should_show_query_part = (0, $gVhhF$solidjs.createMemo)(() => queries_memo().length || filtered_previous_searches_().length);
   return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
     get when() {
       return should_show_at_all();
     },
     get children() {
-      const _el$8 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$8),
-        _el$16 = _el$8.firstChild,
-        [_el$17, _co$4] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$16.nextSibling),
-        _el$18 = _el$17.nextSibling,
-        [_el$19, _co$5] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$18.nextSibling),
-        _el$20 = _el$19.nextSibling,
-        [_el$21, _co$6] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$20.nextSibling);
-      (0, $gVhhF$solidjsweb.insert)(_el$8, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+      const _el$13 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$9),
+        _el$21 = _el$13.firstChild,
+        [_el$22, _co$6] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$21.nextSibling),
+        _el$23 = _el$22.nextSibling,
+        [_el$24, _co$7] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$23.nextSibling),
+        _el$25 = _el$24.nextSibling,
+        [_el$26, _co$8] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$25.nextSibling);
+      (0, $gVhhF$solidjsweb.insert)(_el$13, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
         get when() {
           return on_previous_searches_page_();
         },
         get children() {
-          const _el$9 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$5);
-          (0, $gVhhF$solidjsweb.insert)(_el$9, () => i18n_.suggestions_());
-          return _el$9;
+          const _el$14 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$6);
+          (0, $gVhhF$solidjsweb.insert)(_el$14, () => i18n_.suggestions_());
+          return _el$14;
         }
-      }), _el$17, _co$4);
-      (0, $gVhhF$solidjsweb.insert)(_el$8, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+      }), _el$22, _co$6);
+      (0, $gVhhF$solidjsweb.insert)(_el$13, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
         get when() {
           return should_show_query_part();
         },
         get children() {
-          const _el$10 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$6),
-            _el$11 = _el$10.firstChild,
-            [_el$12, _co$2] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$11.nextSibling),
-            _el$13 = _el$12.nextSibling,
-            [_el$14, _co$3] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$13.nextSibling);
-          (0, $gVhhF$solidjsweb.insert)(_el$10, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+          const _el$15 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$7),
+            _el$16 = _el$15.firstChild,
+            [_el$17, _co$4] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$16.nextSibling),
+            _el$18 = _el$17.nextSibling,
+            [_el$19, _co$5] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$18.nextSibling);
+          (0, $gVhhF$solidjsweb.insert)(_el$15, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
             get when() {
               return should_show_previous_searches_in_query_part();
             },
@@ -7756,8 +7867,8 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
                 });
               })();
             }
-          }), _el$12, _co$2);
-          (0, $gVhhF$solidjsweb.insert)(_el$10, () => {
+          }), _el$17, _co$4);
+          (0, $gVhhF$solidjsweb.insert)(_el$15, () => {
             const index_in_autocomplete = 2;
             set_list_until_cleanup(queries_memo, index_in_autocomplete);
             return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Index), {
@@ -7766,18 +7877,18 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
               },
               children: (item, index) => render_entry(item, index_in_autocomplete, index)
             });
-          }, _el$14, _co$3);
-          return _el$10;
+          }, _el$19, _co$5);
+          return _el$15;
         }
-      }), _el$19, _co$5);
-      (0, $gVhhF$solidjsweb.insert)(_el$8, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+      }), _el$24, _co$7);
+      (0, $gVhhF$solidjsweb.insert)(_el$13, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
         get when() {
-          return not_queries_memo().length && include_category_suggestions_;
+          return not_queries_memo().length;
         },
         keyed: false,
         get children() {
-          const _el$15 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$7);
-          (0, $gVhhF$solidjsweb.insert)(_el$15, () => {
+          const _el$20 = (0, $gVhhF$solidjsweb.getNextElement)($6b65ba8af12c5a26$var$_tmpl$8);
+          (0, $gVhhF$solidjsweb.insert)(_el$20, () => {
             const index_in_autocomplete = 3;
             set_list_until_cleanup(not_queries_memo, index_in_autocomplete);
             return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Index), {
@@ -7787,15 +7898,30 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({
               children: (item, index) => render_entry(item, index_in_autocomplete, index)
             });
           });
-          return _el$15;
+          return _el$20;
         }
-      }), _el$21, _co$6);
-      (0, $gVhhF$solidjsweb.effect)(() => _el$8.classList.toggle("compact", !!on_previous_searches_page_()));
-      return _el$8;
+      }), _el$26, _co$8);
+      (0, $gVhhF$solidjsweb.effect)(() => _el$13.classList.toggle("compact", !!on_previous_searches_page_()));
+      return _el$13;
     }
   });
 }
-const $6a374b16bfe947d0$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<a target="_blank"></a>`, 2);
+const $b8700779b3e745de$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<a target="_blank"></a>`, 2);
+function $b8700779b3e745de$export$1efe1013da60d0e4(e, href) {
+  if (e.metaKey || e.ctrlKey) {
+    // Open link in a new tab with cmd/ctrl + enter.
+    const link = (() => {
+      const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($b8700779b3e745de$var$_tmpl$);
+      (0, $gVhhF$solidjsweb.setAttribute)(_el$, "href", href);
+      return _el$;
+    })();
+    document.body.append(link);
+    link.click();
+    link.remove();
+    return true;
+  }
+  return false;
+}
 function $6a374b16bfe947d0$export$217899a935ef803b({
   selected_index_: [read_selected_index, write_selected_index],
   currently_showing_suggestions_: [read_currently_showing_suggestions],
@@ -7869,6 +7995,7 @@ function $6a374b16bfe947d0$var$actual_navigation_working_on_fake_data({
     const sfv = get_search_field_value();
     if (!(0, $gVhhF$solidjs.untrack)(() => read_updating_blocked())) previous_value = sfv;
   });
+  const owner = (0, $gVhhF$solidjs.getOwner)();
   const handler = (0, $gVhhF$depictaiutilishared.catchify)(({
     keyCode: keyCode
   }) => (0, $gVhhF$solidjs.untrack)(() => {
@@ -7899,29 +8026,29 @@ function $6a374b16bfe947d0$var$actual_navigation_working_on_fake_data({
       const {
         title: title
       } = selected_entry;
-      block_updating_for_one_change();
+      (0, $gVhhF$solidjs.runWithOwner)(owner, block_updating_for_one_change);
       set_search_field_value(title);
-      override_on_enter_for_this_entry(e => {
+      (0, $gVhhF$solidjs.runWithOwner)(owner, () => override_on_enter_for_this_entry(e => {
         // Open search query in new tab on cmd+enter
         // If it's not cmd+enter, pressing enter will just submit the value that was put into the field while selecting with the arrow keys ;)
         const url = new URL(location);
         url_transformer_?.(url);
         url.searchParams.set(search_query_param_name_, title);
-        return $6a374b16bfe947d0$var$open_link_on_cmd_pressed(e, url.href);
-      });
-    } else if (selected_entry?.type == "category") override_on_enter_for_this_entry(e => {
+        return (0, $b8700779b3e745de$export$1efe1013da60d0e4)(e, url.href);
+      }));
+    } else if (selected_entry?.type == "category" || selected_entry?.type === "content") (0, $gVhhF$solidjs.runWithOwner)(owner, () => override_on_enter_for_this_entry(e => {
       const {
         page_url: page_url
       } = selected_entry;
-      if (!$6a374b16bfe947d0$var$open_link_on_cmd_pressed(e, page_url))
+      if (!(0, $b8700779b3e745de$export$1efe1013da60d0e4)(e, page_url))
         // Above fn will return true if it opened a new tab, and we won't make these checks anymore
         router_.navigate_.go_to_({
           new_url_: page_url,
           is_replace_: false
         });
       return true;
-    });else if (!selected_entry) {
-      block_updating_for_one_change();
+    }));else if (!selected_entry) {
+      (0, $gVhhF$solidjs.runWithOwner)(owner, block_updating_for_one_change);
       set_search_field_value(previous_value);
     }
   }));
@@ -7932,20 +8059,37 @@ function $6a374b16bfe947d0$var$actual_navigation_working_on_fake_data({
     (0, $gVhhF$solidjs.onCleanup)((0, $gVhhF$depictaiutilishared.catchify)(() => el.removeEventListener("keyup", handler)));
   });
 }
-function $6a374b16bfe947d0$var$open_link_on_cmd_pressed(e, href) {
-  if (e.metaKey || e.ctrlKey) {
-    // Open link in a new tab with cmd/ctrl + enter.
-    const link = (() => {
-      const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($6a374b16bfe947d0$var$_tmpl$);
-      (0, $gVhhF$solidjsweb.setAttribute)(_el$, "href", href);
-      return _el$;
-    })();
-    document.body.append(link);
-    link.click();
-    link.remove();
-    return true;
-  }
-  return false;
+function $4f0ae864ec7c394e$export$af0124069c150252({
+  set_override_on_enter_fn_: set_override_on_enter_fn_,
+  get_modal_search_results_: get_modal_search_results_,
+  read_suggestion_signal_: read_suggestion_signal_,
+  router_: router_,
+  content_results_: content_results_
+}) {
+  const [get_autocomplete_wants_override_function, set_autocomplete_wants_override_function] = (0, $gVhhF$solidjs.createSignal)(() => false);
+  (0, $gVhhF$solidjs.createComputed)(() => {
+    const suggestions = read_suggestion_signal_();
+    const search_results = get_modal_search_results_()?.();
+    const content_results = content_results_();
+    // If we only have one content result and nothing else, go there when pressing enter
+    if (!suggestions.length && !search_results?.displays?.length && content_results?.length === 1) {
+      const [{
+        page_url: page_url
+      }] = content_results;
+      set_override_on_enter_fn_(e => {
+        if (!(0, $b8700779b3e745de$export$1efe1013da60d0e4)(e, page_url))
+          // Above fn will return true if it opened a new tab, and we won't make these checks anymore
+          router_.navigate_.go_to_({
+            new_url_: page_url,
+            is_replace_: false
+          });
+        return true;
+      });
+      return;
+    }
+    set_override_on_enter_fn_(get_autocomplete_wants_override_function());
+  });
+  return new_fn => set_autocomplete_wants_override_function(() => new_fn);
 }
 const $3ec9e21d6b6debdd$export$3cf9497e790da491 = "query";
 function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({
@@ -7965,12 +8109,15 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({
   i18n_: i18n_,
   include_category_suggestions_: include_category_suggestions_,
   submit_query_: submit_query_,
-  router_: router_
+  router_: router_,
+  get_modal_search_results_: get_modal_search_results_,
+  content_search_enabled_: content_search_enabled_
 }) {
   const [searching_for_value, set_searching_for_value] = (0, $gVhhF$solidjs.createSignal)();
+  const [show_stale_content_results, set_show_stale_content_results] = (0, $gVhhF$solidjs.createSignal)(false);
   const [read_search_field_value] = search_field_value_;
   const updating_blocked = (0, $gVhhF$solidjs.createSignal)(false);
-  const [read_suggestion_signal, write_suggestion_signal] = (0, $gVhhF$solidjs.createSignal)([]);
+  const [read_suggestion_signal_, write_suggestion_signal] = (0, $gVhhF$solidjs.createSignal)([]);
   const filtered_previous_searches = (0, $gVhhF$solidjs.createMemo)(() => [...unfiltered_previous_searches[0]()].reverse().filter(q => q !== get_search_query_()));
   const deparallelized_fn = (0, $gVhhF$depictaiutilishared.deparallelize_no_drop)(async request_obj => {
     const api_response = await depict_api_.suggest(request_obj);
@@ -7989,15 +8136,38 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({
   });
 
   const show_previous_searches_component = (0, $gVhhF$solidjs.createMemo)(() => !read_search_field_value() || (0, $gVhhF$solidjs.untrack)(updating_blocked[0]) && !(0, $gVhhF$solidjs.untrack)(searching_for_value));
+  const get_content_results_ = (0, $gVhhF$solidjs.createMemo)(prev => {
+    if (!content_search_enabled_()) return [];
+    if (show_stale_content_results())
+      // don't update content results when query suggestions don't update because otherwise they disappear when trying to keyboard navigate to them
+      return prev;
+    return get_modal_search_results_()?.()?.content_search_links?.map(link => ({
+      page_url: link.page_url,
+      type: "content",
+      title: link.title
+    }));
+  });
+  // Ideally we'd propagate up the suggestion signal too and call this from SearchModal.tsx? Because it's not super related with autocomplete, but it's not a huge feature, and it's easier here so keeping it.
+  // It's the functionality to open the content results page when you press enter, in the modal, when there's only one content result
+  const manipulated_set_override_on_enter_fn_ = (0, $4f0ae864ec7c394e$export$af0124069c150252)({
+    set_override_on_enter_fn_: set_override_on_enter_fn_,
+    get_modal_search_results_: get_modal_search_results_,
+    read_suggestion_signal_: read_suggestion_signal_,
+    router_: router_,
+    content_results_: get_content_results_
+  });
   (0, $gVhhF$solidjs.createComputed)(() => {
     const field_value = read_search_field_value();
-    if (!(0, $gVhhF$solidjs.untrack)(updating_blocked[0])) {
+    if ((0, $gVhhF$solidjs.untrack)(updating_blocked[0]))
+      // not using updating_blocked instead of below signal since I presume they'd start updating too early then
+      set_show_stale_content_results(true);else {
       set_searching_for_value(field_value);
       deparallelized_fn({
         query: field_value,
         tenant: tenant_(),
         market: market_()
       });
+      set_show_stale_content_results(false);
     }
   });
   (0, $gVhhF$solidjs.createComputed)((0, $gVhhF$solidjs.on)(search_field_value_[0], () => !updating_blocked[0]() && selected_index_[1](undefined), {
@@ -8009,7 +8179,7 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({
     search_field_value_: search_field_value_,
     updating_blocked_: updating_blocked,
     currently_showing_suggestions_: currently_showing_suggestions_,
-    set_override_on_enter_fn_: set_override_on_enter_fn_,
+    set_override_on_enter_fn_: manipulated_set_override_on_enter_fn_,
     search_query_param_name_: search_query_url_param_name_,
     url_transformer_: url_transformer_,
     router_: router_
@@ -8048,11 +8218,12 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({
     },
     on_previous_searches_page_: show_previous_searches_component,
     i18n_: i18n_,
+    get_content_results_: get_content_results_,
     url_transformer_: url_transformer_,
     searching_for_value_: searching_for_value,
     search_query_url_param_name_: search_query_url_param_name_,
     selected_index_: selected_index_,
-    suggestion_memo_: read_suggestion_signal,
+    suggestion_memo_: read_suggestion_signal_,
     currently_showing_suggestions_: currently_showing_suggestions_,
     include_category_suggestions_: include_category_suggestions_,
     router_: router_,
@@ -8156,7 +8327,8 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({
   bottom_distance_under_modal_: bottom_distance_under_modal_,
   selected_text_range_: selected_text_range_,
   dont_sync_search_field_value_except_on_submit_ = false,
-  router_: router_
+  router_: router_,
+  content_search_enabled_: content_search_enabled_
 }) {
   let on_enter_in_search_field_function;
   // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
@@ -8173,44 +8345,37 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({
   };
   const [input_field, set_input_field] = (0, $gVhhF$solidjs.createSignal)();
   const [get_search_field_value_] = search_field_value_;
-  const [elements_outside_scrollable, set_elements_outside_scrollable] = (0, $gVhhF$solidjs.createSignal)();
-  const [elements_inside_scrollable, set_elements_inside_scrollable] = (0, $gVhhF$solidjs.createSignal)();
+  const [get_modal_search_results, set_modal_search_results_] = (0, $gVhhF$solidjs.createSignal)();
   const close_on_escape_handler = (0, $gVhhF$depictaiutilishared.catchify)(({
     key: key
   }) => {
     if (key === "Escape") close_modal_();
   });
-  const [get_num_results_accessor, set_num_results_accessor_] = (0, $gVhhF$solidjs.createSignal)();
+  const [get_total_num_results_accessor, set_total_num_results_accessor_] = (0, $gVhhF$solidjs.createSignal)();
   const selected_index = (0, $gVhhF$solidjs.createSignal)();
   const currently_showing_suggestions_ = (0, $gVhhF$solidjs.createSignal)([], {
     equals: false
   });
+  const less_than_700_high = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(max-height:700px)");
+  const DiscoverMoreSection = () => (() => {
+    const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($f40a47a30a358305$var$_tmpl$),
+      _el$2 = _el$.firstChild;
+    (0, $gVhhF$solidjsweb.addEventListener)(_el$2, "click", (0, $gVhhF$depictaiutilishared.catchify)(() => submit_query_()), true);
+    (0, $gVhhF$solidjsweb.insert)(_el$2, (() => {
+      const _c$ = (0, $gVhhF$solidjsweb.memo)(() => !!get_search_field_value_());
+      return () => _c$() ? i18n_.modal_view_all_results_()((() => {
+        const _el$3 = (0, $gVhhF$solidjsweb.getNextElement)($f40a47a30a358305$var$_tmpl$2);
+        (0, $gVhhF$solidjsweb.insert)(_el$3, () => get_total_num_results_accessor?.());
+        return _el$3;
+      })()) : i18n_.modal_discover_more_();
+    })());
+    (0, $gVhhF$solidjsweb.runHydrationEvents)();
+    return _el$;
+  })();
   if (disable_scrolling_) (0, $ca1176b694a6ee2e$export$fe334901e8bebd57)();
   $f40a47a30a358305$var$close_modal_when_navigating_away(close_modal_, search_query_url_param_name_);
   window.addEventListener("keydown", close_on_escape_handler);
   (0, $gVhhF$solidjs.onCleanup)((0, $gVhhF$depictaiutilishared.catchify)(() => window.removeEventListener("keydown", close_on_escape_handler)));
-  const owner = (0, $gVhhF$solidjs.getOwner)();
-  (0, $gVhhF$solidjs.onCleanup)((0, $gVhhF$depictaiutilishared.javascript_media_query)("(max-height:700px)", ({
-    matches: matches
-  }) => (0, $gVhhF$solidjs.runWithOwner)(owner, () => {
-    // the if below is reactive so we need an owner
-    (matches ? set_elements_outside_scrollable : set_elements_inside_scrollable)("");
-    (matches ? set_elements_inside_scrollable : set_elements_outside_scrollable)((() => {
-      const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($f40a47a30a358305$var$_tmpl$),
-        _el$2 = _el$.firstChild;
-      (0, $gVhhF$solidjsweb.addEventListener)(_el$2, "click", (0, $gVhhF$depictaiutilishared.catchify)(() => submit_query_()), true);
-      (0, $gVhhF$solidjsweb.insert)(_el$2, (() => {
-        const _c$ = (0, $gVhhF$solidjsweb.memo)(() => !!get_search_field_value_());
-        return () => _c$() ? i18n_.modal_view_all_results_()((() => {
-          const _el$3 = (0, $gVhhF$solidjsweb.getNextElement)($f40a47a30a358305$var$_tmpl$2);
-          (0, $gVhhF$solidjsweb.insert)(_el$3, () => get_num_results_accessor?.());
-          return _el$3;
-        })()) : i18n_.modal_discover_more_();
-      })());
-      (0, $gVhhF$solidjsweb.runHydrationEvents)();
-      return _el$;
-    })());
-  })).remove);
   if (closing_animation_) register_closing_animation_(closing_animation_);
   (0, $036d367ce3058351$export$3340fdd8259bd4fd)({
     get_search_field_value_: get_search_field_value_,
@@ -8292,7 +8457,9 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({
           i18n_: i18n_,
           include_category_suggestions_: enable_category_suggestions_ ?? true,
           router_: router_,
-          submit_query_: submit_query_
+          submit_query_: submit_query_,
+          get_modal_search_results_: get_modal_search_results,
+          content_search_enabled_: content_search_enabled_
         });
       }
     }), _el$8, _co$);
@@ -8306,14 +8473,30 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({
           tenant_: tenant_,
           i18n_: i18n_,
           market_: market_,
-          set_num_results_accessor_: set_num_results_accessor_,
+          set_total_num_results_accessor_: set_total_num_results_accessor_,
           router_: router_,
+          set_modal_search_results_: set_modal_search_results_,
+          content_search_enabled_: content_search_enabled_,
           ...instant_results_options_
         });
       }
     }), _el$10, _co$2);
-    (0, $gVhhF$solidjsweb.insert)(_el$6, elements_inside_scrollable, _el$12, _co$3);
-    (0, $gVhhF$solidjsweb.insert)(_el$5, elements_outside_scrollable, _el$16, _co$5);
+    (0, $gVhhF$solidjsweb.insert)(_el$6, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+      get when() {
+        return less_than_700_high();
+      },
+      get children() {
+        return (0, $gVhhF$solidjsweb.createComponent)(DiscoverMoreSection, {});
+      }
+    }), _el$12, _co$3);
+    (0, $gVhhF$solidjsweb.insert)(_el$5, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+      get when() {
+        return !less_than_700_high();
+      },
+      get children() {
+        return (0, $gVhhF$solidjsweb.createComponent)(DiscoverMoreSection, {});
+      }
+    }), _el$16, _co$5);
     (0, $gVhhF$solidjsweb.insert)(_el$4, (0, $gVhhF$solidjsweb.createComponent)((0, $b776f25acdda22eb$export$f021bdedd3ec901a), {
       styles: body_style
     }), _el$18, _co$6);
@@ -8418,11 +8601,13 @@ const $65a0c4b1c2eb5d0b$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template
 function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({
   get_search_query_: get_search_query_,
   i18n_: i18n_,
-  formatted_number_of_results_: formatted_number_of_results_
+  formatted_number_of_results_: formatted_number_of_results_,
+  number_of_results_: number_of_results_,
+  type: type
 }) {
   const contents = (0, $gVhhF$solidjs.createMemo)((0, $gVhhF$depictaiutilishared.catchify)(() => {
     const q = get_search_query_();
-    return i18n_.get_showing_results_for_()((() => {
+    return i18n_[type === $65a0c4b1c2eb5d0b$export$2452208c79fe93ea.content ? "get_showing_pages_for_" : "get_showing_results_for_"]()((() => {
       const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($65a0c4b1c2eb5d0b$var$_tmpl$);
       (0, $gVhhF$solidjsweb.insert)(_el$, q);
       return _el$;
@@ -8430,7 +8615,7 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({
       const _el$2 = (0, $gVhhF$solidjsweb.getNextElement)($65a0c4b1c2eb5d0b$var$_tmpl$);
       (0, $gVhhF$solidjsweb.insert)(_el$2, formatted_number_of_results_);
       return _el$2;
-    })());
+    })(), !!q, number_of_results_());
   }));
   return (() => {
     const _el$3 = (0, $gVhhF$solidjsweb.getNextElement)($65a0c4b1c2eb5d0b$var$_tmpl$2);
@@ -8438,6 +8623,11 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({
     return _el$3;
   })();
 }
+let $65a0c4b1c2eb5d0b$export$2452208c79fe93ea;
+(function (ShowingResultsForType) {
+  ShowingResultsForType[ShowingResultsForType["products"] = 0] = "products";
+  ShowingResultsForType[ShowingResultsForType["content"] = 1] = "content";
+})($65a0c4b1c2eb5d0b$export$2452208c79fe93ea || ($65a0c4b1c2eb5d0b$export$2452208c79fe93ea = {}));
 function $2005eec80e40088f$export$41b4894022a3580f({
   style_props_ = (0, $gVhhF$solidjs.createSignal)({})
 } = {}) {
@@ -8456,8 +8646,486 @@ function $2005eec80e40088f$export$41b4894022a3580f({
   })));
   return style_props_;
 }
+const $5ea5a82e398f6f44$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<span class="highlighted-part"></span>`, 2);
+const $5ea5a82e398f6f44$var$dont_cut_in_between_less_than_characters = 30;
+function $5ea5a82e398f6f44$export$e1a98a189fd2c0e7({
+  content_result_: content_result_,
+  key_: key_,
+  cut_when_possible_: cut_when_possible_
+}) {
+  const matched_tokens = (0, $gVhhF$solidjs.createMemo)(() => content_result_().highlights?.find(highlight => highlight.field == key_)?.matched_tokens);
+  const full_value = (0, $gVhhF$solidjs.createMemo)(() => content_result_()[key_]?.replaceAll("\n", " "));
+  return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+    get when() {
+      return matched_tokens()?.length;
+    },
+    get fallback() {
+      return full_value();
+    },
+    get children() {
+      return (() => {
+        const segmented_cut_text = (0, $gVhhF$solidjs.createMemo)(() => {
+          const segmented_text = $5ea5a82e398f6f44$var$segment_text(full_value(), matched_tokens());
+          if (cut_when_possible_) $5ea5a82e398f6f44$var$cut_text(segmented_text);
+          return segmented_text;
+        });
+        return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Index), {
+          get each() {
+            return segmented_cut_text();
+          },
+          children: item => {
+            return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+              get when() {
+                return item().highlighted_;
+              },
+              get fallback() {
+                return item().text_;
+              },
+              get children() {
+                const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($5ea5a82e398f6f44$var$_tmpl$);
+                (0, $gVhhF$solidjsweb.insert)(_el$, () => item().text_);
+                return _el$;
+              }
+            });
+          }
+        });
+      })();
+    }
+  });
+}
+function $5ea5a82e398f6f44$var$cut_text(segmented_text) {
+  // cut away chunks of text that are not highlighted to give a google-like overview of the content
+  const highlighted_segments = segmented_text?.filter(segment => segment.highlighted_);
+  if (!segmented_text || !highlighted_segments?.length) return;
+  // We have one or more highlighted segments
+  if (highlighted_segments.length === 1) {
+    // cut away from the left until the start of the highlighted sentence if just one sentence is highlighted
+    $5ea5a82e398f6f44$var$cut_start(segmented_text.indexOf(highlighted_segments[0]), segmented_text);
+    return;
+  }
+  // We have two or more highlighted segments, take the two biggest chunks and show them + a bit text around
+  const sorted_highlighted_segments = [...highlighted_segments].sort((a, b) => b.text_.trim().length - a.text_.trim().length // trim to avoid unfair comparisons due to whitespace
+  );
+
+  const [longest_segment, next_longest_segment] = sorted_highlighted_segments;
+  // We need to cut before the first segment - possibly through other segments - and maybe between segments
+  let [index_of_first_segment, index_of_second_segment] = [segmented_text.indexOf(longest_segment), segmented_text.indexOf(next_longest_segment)].sort((a, b) => a - b);
+  $5ea5a82e398f6f44$var$cut_start(index_of_first_segment, segmented_text);
+  // update indexes since we might have removed segments
+  [index_of_first_segment, index_of_second_segment] = [segmented_text.indexOf(longest_segment), segmented_text.indexOf(next_longest_segment)].sort((a, b) => a - b);
+  let number_of_characters_between_segments = 0;
+  for (let i = index_of_first_segment + 1; i < index_of_second_segment; i++) {
+    const segment = segmented_text[i];
+    number_of_characters_between_segments += segment.text_.length;
+  }
+  if (number_of_characters_between_segments < $5ea5a82e398f6f44$var$dont_cut_in_between_less_than_characters)
+    // don't cut if there are less than 30 characters between the two segments
+    return;
+  // We have more than 50 characters between the two segments, cut between them
+  const [split_start_segment, split_start_character] = $5ea5a82e398f6f44$var$find_split_point(index_of_first_segment, index_of_second_segment, segmented_text);
+  const [split_end_segment, split_end_character] = $5ea5a82e398f6f44$var$find_split_point(index_of_second_segment, index_of_first_segment, segmented_text);
+  if (split_start_segment === undefined || split_end_segment === undefined ||
+  // identical split point, or split end before split start, can't do anything
+  split_start_segment == split_end_segment && split_start_character >= split_end_character || split_start_segment > split_end_segment) return;
+  const dots_segment = {
+    text_: " … ",
+    highlighted_: false
+  };
+  const split_and_dotted_values = segmented_text.flatMap((segment, i) => {
+    if (i < split_start_segment || i > split_end_segment) return segment;
+    const text = segment.text_;
+    if (i == split_end_segment && i == split_start_segment) return [{
+      ...segment,
+      text_: text.slice(0, split_start_character).trimEnd()
+    }, dots_segment, {
+      ...segment,
+      text_: text.slice(split_end_character + 1, text.length).trimStart()
+    }];else if (i == split_start_segment) {
+      segment.text_ = text.slice(0, split_start_character).trimEnd(); // this would be split_start_character + 1, but we want to remove the last "dot" because . ... looks weird
+      return segment;
+    } else if (i == split_end_segment) return [dots_segment, {
+      ...segment,
+      text_: text.slice(split_end_character + 1, text.length).trimStart()
+    }];
+    return []; // remove all segments inbetween
+  });
+
+  segmented_text.splice(0, segmented_text.length, ...split_and_dotted_values); // Sorry…
+  $5ea5a82e398f6f44$var$heal_holes(segmented_text);
+}
+function $5ea5a82e398f6f44$var$heal_holes(segmented_text) {
+  // try to heal "holes" created in the segments so there are only alternating segments
+  const segments_to_delete = new Set();
+  for (let i = 0; i < segmented_text.length; i++) {
+    const segment = segmented_text[i];
+    let previous_segment;
+    for (let j = i - 1; j >= 0; j--) {
+      previous_segment = segmented_text[j];
+      // Don't write to a segment that's marked for deletion or the contents we write to it will be deleted
+      if (!segments_to_delete.has(previous_segment)) break;
+    }
+    if (previous_segment?.highlighted_ && segment.highlighted_ || previous_segment?.highlighted_ === false && segment.highlighted_ === false) {
+      previous_segment.text_ += segment.text_; // IDK if this ever happens
+      segments_to_delete.add(segment);
+    }
+  }
+  for (const segment of segments_to_delete) {
+    const index = segmented_text.indexOf(segment);
+    segmented_text.splice(index, 1);
+  }
+}
+function $5ea5a82e398f6f44$var$find_split_point(index_of_start_segment, index_of_end_segment, segmented_text, be_very_aggressive = true) {
+  const should_loop_backwards = index_of_start_segment > index_of_end_segment;
+  const step = should_loop_backwards ? -1 : 1;
+  const desperate_split_attempts = [":", ";", ","];
+  while (desperate_split_attempts.length) {
+    const split_point_between_words = [];
+    // for the middle also try to split with a few more characters if the default ones don't work over a full run
+    const desperate_split_attempt = desperate_split_attempts.pop();
+    let is_first_character = true;
+    for (let i = index_of_start_segment + step; should_loop_backwards ? i > index_of_end_segment : i < index_of_end_segment; i += step) {
+      const segment = segmented_text[i];
+      const text = segment.text_;
+      for (let j = should_loop_backwards ? text.length - 1 : 0; should_loop_backwards ? j >= 0 : j < text.length; j += step) {
+        const character = text[j];
+        if (character == "." || character == "?" || character == "!" || character == desperate_split_attempt) return [i, j]; // segment index, character index
+        if (is_first_character) is_first_character = false;else if (be_very_aggressive && character == " ") {
+          split_point_between_words.push([i, j]);
+          if (split_point_between_words.length > 3)
+            // We can't find a split point, so we'll just split between words
+            // This is because for UI reasons we only want to show 2 lines of text, so we need to be very aggressive with getting the second match soon
+            return split_point_between_words[1];
+        }
+      }
+    }
+  }
+  return [];
+}
+function $5ea5a82e398f6f44$var$cut_start(cut_left_of_index, segmented_text) {
+  // Cut the start of the text to bring the first matching token
+  let is_first_character = false;
+  let words_encountered = 0;
+  outmost_loop: for (let i = cut_left_of_index - 1; i >= 0; i--) {
+    const segment = segmented_text[i];
+    // We assume that two adjacent highlighted segments don't exist and have been merged if they were to have existed
+    const text = segment.text_;
+    for (let j = text.length - 1; j >= 0; j--) {
+      const character = text[j];
+      const is_space = character == " ";
+      if (!is_first_character && is_space) words_encountered++;
+      if (character == "." || character == "?" || character == "!" || character == "," || words_encountered > 8 && is_space) {
+        // We have to be really aggressive at the start of sentences so stuff can be seen on mobile, hence comma
+        segment.text_ = text.slice(j + 1).trimStart();
+        segmented_text.splice(0, i);
+        if (character === "," || is_space)
+          // if we cut at a comma or psace, we add a … at the beginning
+          segmented_text.unshift({
+            text_: "… ",
+            highlighted_: false
+          });
+        break outmost_loop;
+      }
+      if (is_first_character) is_first_character = false;
+    }
+  }
+  $5ea5a82e398f6f44$var$heal_holes(segmented_text); // if we added a ... there could now be a sequence that's not alternating true/false
+}
+
+function $5ea5a82e398f6f44$var$segment_text(text, matched_strings) {
+  // segment text where the matched strings are highlighted sections
+  const output = [];
+  if (!text) return; // shouldn't happen but whatever
+  for (let i = 0; i < text.length; i++) {
+    const found_strings = [];
+    if (!i || text[i - 1] == " ")
+      // only match at the start of a word or string, it looks weird if i.e. "we" is highlighted in "activewear
+      for (let j = 0; j < matched_strings.length; j++) {
+        const matched_string = matched_strings[j];
+        const part_in_text = text.slice(i, i + matched_string.length);
+        if (matched_string.length < 2) continue; // don't match on single characters, i.e. "I", it looks weird
+        if (part_in_text.toLowerCase() === matched_string.toLowerCase()) found_strings.push(part_in_text); // use the casing from the text, not from typesense, can look weird otherwise
+      }
+
+    const last_index_in_output = output.length - 1;
+    if (!found_strings.length) {
+      const character = text[i];
+      if (output[last_index_in_output]?.highlighted_ === false || output.length && /\s/.test(character))
+        // always push whitespace characters to the last segment, this is because typesense doesn't see them as part of the matched tokens but we want to be able to detect "phat" matched segments
+        output[last_index_in_output].text_ += character;else output.push({
+        highlighted_: false,
+        text_: character
+      });
+    } else {
+      const longest_found_string = found_strings.reduce((a, b) => a.length > b.length ? a : b);
+      if (output[last_index_in_output]?.highlighted_) output[last_index_in_output].text_ += longest_found_string;else output.push({
+        highlighted_: true,
+        text_: longest_found_string
+      });
+      i += longest_found_string.length - 1;
+    }
+  }
+  return output;
+}
+const $76227de40be817e5$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<a></a>`, 2),
+  $76227de40be817e5$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div></div>`, 2),
+  $76227de40be817e5$var$_tmpl$3 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="description line-clamp"></div>`, 2),
+  $76227de40be817e5$var$_tmpl$4 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="content-card"><div class="image"></div><div class="info"><!#><!/><!#><!/></div></div>`, 10);
+function $76227de40be817e5$export$f631859cab12b342({
+  router_: router_,
+  content_result_: content_result_
+}) {
+  const make_link_attributes = () => {
+    const result = content_result_?.();
+    if (!result) return;
+    return {
+      href: result.page_url,
+      onClick: (0, $gVhhF$depictaiutilishared.catchify)(ev => router_.navigate_.go_to_({
+        new_url_: result.page_url,
+        is_replace_: false,
+        event_: ev
+      }))
+    };
+  };
+  const LinkIfPossible = ({
+    children: children,
+    ...attributes
+  }) => {
+    if (content_result_) return (() => {
+      const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($76227de40be817e5$var$_tmpl$);
+      (0, $gVhhF$solidjsweb.spread)(_el$, attributes, false, true);
+      (0, $gVhhF$solidjsweb.insert)(_el$, children);
+      (0, $gVhhF$solidjsweb.runHydrationEvents)();
+      return _el$;
+    })();
+    return (() => {
+      const _el$2 = (0, $gVhhF$solidjsweb.getNextElement)($76227de40be817e5$var$_tmpl$2);
+      (0, $gVhhF$solidjsweb.spread)(_el$2, attributes, false, true);
+      (0, $gVhhF$solidjsweb.insert)(_el$2, children);
+      (0, $gVhhF$solidjsweb.runHydrationEvents)();
+      return _el$2;
+    })();
+  };
+  return (() => {
+    const _el$3 = (0, $gVhhF$solidjsweb.getNextElement)($76227de40be817e5$var$_tmpl$4),
+      _el$4 = _el$3.firstChild,
+      _el$5 = _el$4.nextSibling,
+      _el$7 = _el$5.firstChild,
+      [_el$8, _co$] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$7.nextSibling),
+      _el$9 = _el$8.nextSibling,
+      [_el$10, _co$2] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$9.nextSibling);
+    (0, $gVhhF$solidjsweb.insert)(_el$4, (0, $gVhhF$solidjsweb.createComponent)(LinkIfPossible, (0, $gVhhF$solidjsweb.mergeProps)(make_link_attributes, {
+      tabIndex: "-1",
+      get children() {
+        return (0, $gVhhF$solidjsweb.createComponent)((0, $c0125412b4ea0c93$export$605674723bcc715c), {
+          width: "28",
+          height: "28"
+        });
+      }
+    })));
+    (0, $gVhhF$solidjsweb.insert)(_el$5, (0, $gVhhF$solidjsweb.createComponent)(LinkIfPossible, (0, $gVhhF$solidjsweb.mergeProps)({
+      "class": "content-title line-clamp"
+    }, make_link_attributes, {
+      get title() {
+        return content_result_?.().title;
+      },
+      get children() {
+        return content_result_ ? (0, $gVhhF$solidjsweb.createComponent)((0, $5ea5a82e398f6f44$export$e1a98a189fd2c0e7), {
+          content_result_: content_result_,
+          key_: "title",
+          cut_when_possible_: false
+        }) : (0, $gVhhF$solidjsweb.createComponent)((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
+          height: "1em",
+          width: "20ch"
+        });
+      }
+    })), _el$8, _co$);
+    (0, $gVhhF$solidjsweb.insert)(_el$5, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+      get when() {
+        return content_result_?.().description || !content_result_;
+      },
+      get children() {
+        const _el$6 = (0, $gVhhF$solidjsweb.getNextElement)($76227de40be817e5$var$_tmpl$3);
+        (0, $gVhhF$solidjsweb.insert)(_el$6, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+          when: content_result_,
+          get fallback() {
+            return Array.from({
+              length: 4
+            }).map(() => (0, $gVhhF$solidjsweb.createComponent)((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
+              height: "1em",
+              width: "min(50ch, 100%)"
+            }));
+          },
+          get children() {
+            return (0, $gVhhF$solidjsweb.createComponent)((0, $5ea5a82e398f6f44$export$e1a98a189fd2c0e7), {
+              content_result_: content_result_,
+              key_: "description",
+              cut_when_possible_: true
+            });
+          }
+        }));
+        return _el$6;
+      }
+    }), _el$10, _co$2);
+    return _el$3;
+  })();
+}
+function $8781fcec27b20709$export$9ff751cd77687edc({
+  search_results_: search_results_,
+  router_: router_
+}) {
+  const content_results = (0, $gVhhF$solidjs.createMemo)(() => search_results_()?.content_search_links);
+  const content_results_by_page_url = (0, $gVhhF$solidjs.createMemo)(() => {
+    const map = new Map();
+    const results = content_results();
+    if (!results) return map;
+    for (let i = 0; i < results.length; i++) {
+      const content_result = results[i];
+      map.set(content_result.page_url, content_result);
+    }
+    return map;
+  });
+  return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.For), {
+    get each() {
+      return [...content_results_by_page_url().keys()];
+    },
+    children: page_url => {
+      const content_result = (0, $gVhhF$solidjs.createMemo)(() => content_results_by_page_url().get(page_url));
+      return (0, $gVhhF$solidjsweb.createComponent)((0, $76227de40be817e5$export$f631859cab12b342), {
+        content_result_: content_result,
+        router_: router_
+      });
+    }
+  });
+}
+function $c2f92eb265a14529$export$4405d077f0a20494({
+  content_results_rows_: [get_history_state_content_results_rows],
+  cols_at_size_: cols_at_size_
+}) {
+  const largest_column = (0, $gVhhF$solidjs.createMemo)(() => {
+    const largest_in_cols_at_size = Math.max(...cols_at_size_().map(([cols]) => cols));
+    if (isNaN(largest_in_cols_at_size) || Math.abs(largest_in_cols_at_size) === Infinity) return 4; // fallback to something big so we always have the right amount of placeholders
+    return largest_in_cols_at_size;
+  });
+  const num_placeholders = (0, $gVhhF$solidjs.createMemo)(() => (get_history_state_content_results_rows() ?? (0, $3716b8caf7f959e2$export$70ceae36059a1036)) * largest_column());
+  return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Index), {
+    get each() {
+      return Array.from({
+        length: num_placeholders()
+      });
+    },
+    children: () => (0, $gVhhF$solidjsweb.createComponent)((0, $76227de40be817e5$export$f631859cab12b342), {})
+  });
+}
+const $3716b8caf7f959e2$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="content-results"><!#><!/><!#><!/></div>`, 6),
+  $3716b8caf7f959e2$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<button class="view-more"></button>`, 2),
+  $3716b8caf7f959e2$var$_tmpl$3 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<button class="view-less"></button>`, 2);
+const $3716b8caf7f959e2$export$70ceae36059a1036 = 1;
+function $3716b8caf7f959e2$export$6d0c9c22f6652669({
+  search_results_: search_results_,
+  get_search_query_: get_search_query_,
+  i18n_: i18n_,
+  layout_options_: layout_options_,
+  router_: router_,
+  query_base_: query_base_,
+  content_results_rows_: content_results_rows_
+}) {
+  const content_results = (0, $gVhhF$solidjs.createMemo)(() => search_results_()?.content_search_links);
+  const num_results = (0, $gVhhF$solidjs.createMemo)(() => content_results()?.length);
+  const is_loading_ = (0, $gVhhF$solidjs.createMemo)(() => search_results_.loading || query_base_.loading); // See comment in PLPResults/index.tsx on why we need this
+  const formatted_number_of_results_ = (0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
+    number_: num_results,
+    i18n_: i18n_
+  });
+  const [is_showing_placeholders, set_is_showing_placeholders] = (0, $gVhhF$solidjs.createSignal)(false);
+  const rows_object = $3716b8caf7f959e2$var$make_state_saved_rows(content_results_rows_, i18n_);
+  return (() => {
+    const _el$ = (0, $gVhhF$solidjsweb.getNextElement)($3716b8caf7f959e2$var$_tmpl$),
+      _el$2 = _el$.firstChild,
+      [_el$3, _co$] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$2.nextSibling),
+      _el$4 = _el$3.nextSibling,
+      [_el$5, _co$2] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$4.nextSibling);
+    (0, $gVhhF$solidjsweb.insert)(_el$, (0, $gVhhF$solidjsweb.createComponent)((0, $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf), {
+      get_search_query_: get_search_query_,
+      i18n_: i18n_,
+      formatted_number_of_results_: formatted_number_of_results_,
+      get type() {
+        return (0, $65a0c4b1c2eb5d0b$export$2452208c79fe93ea).content;
+      },
+      number_of_results_: num_results
+    }), _el$3, _co$);
+    (0, $gVhhF$solidjsweb.insert)(_el$, (0, $gVhhF$solidjsweb.createComponent)((0, $f48d0fbb00835aaa$export$d21e32dfedac04be), (0, $gVhhF$solidjsweb.mergeProps)({
+      layout: "grid",
+      element_attributes: {
+        class: "cards"
+      }
+    }, layout_options_, {
+      rows: rows_object,
+      get children() {
+        return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Suspense), {
+          get fallback() {
+            return (() => {
+              set_is_showing_placeholders(true);
+              (0, $gVhhF$solidjs.onCleanup)(() => set_is_showing_placeholders(false));
+              return (0, $gVhhF$solidjsweb.createComponent)((0, $c2f92eb265a14529$export$4405d077f0a20494), {
+                content_results_rows_: content_results_rows_,
+                get cols_at_size_() {
+                  return (0, $gVhhF$solidjs.createMemo)(() => layout_options_().cols_at_size);
+                }
+              });
+            })();
+          },
+          get children() {
+            return (0, $gVhhF$solidjsweb.createComponent)((0, $8781fcec27b20709$export$9ff751cd77687edc), {
+              router_: router_,
+              search_results_: search_results_
+            });
+          }
+        });
+      }
+    })), _el$5, _co$2);
+    (0, $gVhhF$solidjsweb.effect)(_p$ => {
+      const _v$ = !!is_showing_placeholders(),
+        _v$2 = is_loading_() || content_results()?.length > 0 ? "" : "none";
+      _v$ !== _p$._v$ && _el$.classList.toggle("loading", _p$._v$ = _v$);
+      _v$2 !== _p$._v$2 && _el$.style.setProperty("display", _p$._v$2 = _v$2);
+      return _p$;
+    }, {
+      _v$: undefined,
+      _v$2: undefined
+    });
+    return _el$;
+  })();
+}
+function $3716b8caf7f959e2$var$make_state_saved_rows(
+// similar to the one in SearchRecommendations.tsx but not enough to warrant a shared function IMO
+[get_showing_content_results_rows, set_showing_content_results_rows], i18n_) {
+  const currently_visible = (0, $gVhhF$solidjs.createSignal)((0, $gVhhF$solidjs.untrack)(get_showing_content_results_rows));
+  const [get_currently_visible, set_currently_visible] = currently_visible;
+  const rows = {
+    currently_visible: currently_visible,
+    start_rows: $3716b8caf7f959e2$export$70ceae36059a1036,
+    button: (() => {
+      const _el$6 = (0, $gVhhF$solidjsweb.getNextElement)($3716b8caf7f959e2$var$_tmpl$2);
+      (0, $gVhhF$solidjsweb.insert)(_el$6, () => i18n_.view_more_());
+      return _el$6;
+    })(),
+    view_less_button: (() => {
+      const _el$7 = (0, $gVhhF$solidjsweb.getNextElement)($3716b8caf7f959e2$var$_tmpl$3);
+      (0, $gVhhF$solidjsweb.insert)(_el$7, () => i18n_.view_less_());
+      return _el$7;
+    })(),
+    rows_per_click: 3
+  };
+  (0, $gVhhF$solidjs.createComputed)((0, $gVhhF$solidjs.on)(get_currently_visible, new_visible => set_showing_content_results_rows(new_visible), {
+    defer: true
+  }));
+  (0, $gVhhF$solidjs.createComputed)((0, $gVhhF$solidjs.on)(get_showing_content_results_rows, (new_rows = $3716b8caf7f959e2$export$70ceae36059a1036) => set_currently_visible(new_rows), {
+    defer: true
+  }));
+  return rows;
+}
 const $f1d7cb69f839a526$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6),
-  $f1d7cb69f839a526$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
+  $f1d7cb69f839a526$var$_tmpl$2 = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 22);
 function $f1d7cb69f839a526$export$a54ec244c8863715({
   depict_api_: depict_api_,
   search_field_value_: search_field_value_,
@@ -8486,7 +9154,11 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
   recommendations_layout_options_: recommendations_layout_options_,
   scroll_restoration_data_: scroll_restoration_data_,
   product_card_template_: product_card_template_,
-  modal_body_style_ref_: modal_body_style_ref_
+  modal_body_style_ref_: modal_body_style_ref_,
+  router_: router_,
+  content_results_rows_: content_results_rows_,
+  content_layout_options_: content_layout_options_,
+  content_search_enabled_: content_search_enabled_
 }) {
   const [get_sorting] = current_sorting_;
   const all_products_loaded_ = (0, $gVhhF$solidjs.createSignal)(false);
@@ -8544,16 +9216,23 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
   const SafeSearchField = (0, $gVhhF$depictaiutilishared.catchify)((0, $66b8b9a9613c141d$export$b94867ecbd698f21));
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $gVhhF$solidjs.createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $gVhhF$solidjs.createSignal)();
+  const n_hits = (0, $gVhhF$solidjs.createMemo)(() => search_results_()?.n_hits);
   const formatted_number_of_results_ = (0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
-    search_results_: search_results_,
+    number_: n_hits,
     i18n_: i18n_
   });
   const [sort_and_filter_element_, set_sort_and_filter_element_] = (0, $gVhhF$solidjs.createSignal)();
-  const results_for = (0, $gVhhF$solidjsweb.createComponent)((0, $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf), {
+  const no_results_text_ = (0, $gVhhF$solidjs.createMemo)(() => (search_results_()?.content_search_links?.length ? i18n_.no_products_ : i18n_.no_results_text_)());
+  const results_for = (0, $gVhhF$solidjsweb.createComponent)((0, $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf), (0, $gVhhF$solidjsweb.mergeProps)({
+    get type() {
+      return (0, $65a0c4b1c2eb5d0b$export$2452208c79fe93ea).products;
+    },
+    number_of_results_: n_hits
+  }, {
     get_search_query_: get_search_query_,
     i18n_: i18n_,
     formatted_number_of_results_: formatted_number_of_results_
-  });
+  }));
   const filters_opener = (0, $f8f64d05c525825b$export$d7841e452f2e59a8)({
     set_sort_or_filter_open_: set_sort_or_filter_open_,
     set_extra_els_in_results_container_: set_desktop_filter_elements,
@@ -8671,10 +9350,12 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
       [_el$17, _co$7] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$16.nextSibling),
       _el$18 = _el$17.nextSibling,
       [_el$19, _co$8] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$18.nextSibling),
-      _el$20 = _el$7.nextSibling,
+      _el$20 = _el$19.nextSibling,
       [_el$21, _co$9] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$20.nextSibling),
-      _el$22 = _el$21.nextSibling,
-      [_el$23, _co$10] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$22.nextSibling);
+      _el$22 = _el$7.nextSibling,
+      [_el$23, _co$10] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$22.nextSibling),
+      _el$24 = _el$23.nextSibling,
+      [_el$25, _co$11] = (0, $gVhhF$solidjsweb.getNextMarker)(_el$24.nextSibling);
     (0, $gVhhF$solidjsweb.insert)(_el$7, get_search_field_elements, _el$9, _co$3);
     (0, $gVhhF$solidjsweb.insert)(_el$7, make_category_suggestion_card_ ? (0, $gVhhF$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
       severity_: "error",
@@ -8686,7 +9367,29 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
         });
       }
     }) : null, _el$11, _co$4);
-    (0, $gVhhF$solidjsweb.insert)(_el$7, () => results_filters[0](), _el$13, _co$5);
+    (0, $gVhhF$solidjsweb.insert)(_el$7, (0, $gVhhF$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+      severity_: "error",
+      message_: "ContentResults failed",
+      get children() {
+        return (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
+          get when() {
+            return content_search_enabled_();
+          },
+          get children() {
+            return (0, $gVhhF$solidjsweb.createComponent)((0, $3716b8caf7f959e2$export$6d0c9c22f6652669), {
+              content_results_rows_: content_results_rows_,
+              search_results_: search_results_,
+              i18n_: i18n_,
+              get_search_query_: get_search_query_,
+              layout_options_: content_layout_options_,
+              router_: router_,
+              query_base_: search_query_base_
+            });
+          }
+        });
+      }
+    }), _el$13, _co$5);
+    (0, $gVhhF$solidjsweb.insert)(_el$7, () => results_filters[0](), _el$15, _co$6);
     (0, $gVhhF$solidjsweb.insert)(_el$7, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
       get when() {
         return selected_filters_[0]()?.length;
@@ -8709,7 +9412,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
           }
         });
       }
-    }), _el$15, _co$6);
+    }), _el$17, _co$7);
     (0, $gVhhF$solidjsweb.insert)(_el$7, (0, $gVhhF$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
       severity_: "error",
       message_: "Search results failed",
@@ -8732,11 +9435,14 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
             selected_filters_: selected_filters_,
             expanded_hierarchical_filters_: expanded_hierarchical_filters_,
             local_filter_cache_: local_filter_cache_,
-            i18n_: i18n_
+            i18n_: {
+              ...i18n_,
+              no_results_text_: no_results_text_
+            }
           }
         });
       }
-    }), _el$17, _co$7);
+    }), _el$19, _co$8);
     (0, $gVhhF$solidjsweb.insert)(_el$7, (0, $gVhhF$solidjsweb.createComponent)((0, $gVhhF$solidjs.Show), {
       get when() {
         return get_all_products_loaded() && !disable_search_recommendations_;
@@ -8761,7 +9467,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
           }
         });
       }
-    }), _el$19, _co$8);
+    }), _el$21, _co$9);
     (0, $gVhhF$solidjsweb.insert)(_el$6, (0, $gVhhF$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
       message_: "Scroll status failed",
       severity_: "error",
@@ -8774,7 +9480,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
           number_of_results_: (0, $gVhhF$solidjs.createMemo)(() => search_results_()?.n_hits)
         });
       }
-    }), _el$21, _co$9);
+    }), _el$23, _co$10);
     (0, $gVhhF$solidjsweb.insert)(_el$6, (0, $gVhhF$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
       message_: "Floating buttons failed",
       severity_: "error",
@@ -8787,7 +9493,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
           i18n_: i18n_
         });
       }
-    }), _el$23, _co$10);
+    }), _el$25, _co$11);
     (0, $gVhhF$solidjsweb.effect)(() => (0, $gVhhF$solidjsweb.setAttribute)(_el$6, "id", (0, $0b6e2070a98de347$export$44dad306455dddf).SEARCH_PAGE));
     return _el$6;
   })()];
@@ -8812,6 +9518,27 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
     cleanup: cleanup
   };
 }
+
+/**
+ * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
+ */
+function $ab7c6c7911bae2f5$export$ff7109b9b2b206ba(sdk_cols_at_size, min_width_for_more_than_one_column = 500) {
+  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
+  const sorted_sizes = sdk_cols_at_size.map(([cols, max_width]) => [cols, max_width ?? Infinity]).sort(([, a], [, b]) => a - b);
+  const [[, smallest_max_width]] = sorted_sizes;
+  if (smallest_max_width > min_width_for_more_than_one_column)
+    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
+    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
+  const to_delete = [];
+  for (let i = 0; i < sorted_sizes.length; i++) {
+    const [, max_width] = sorted_sizes[i];
+    if (max_width > min_width_for_more_than_one_column) continue;
+    to_delete.push(i);
+  }
+  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
+  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
+  return sorted_sizes.map(([cols, max_width]) => max_width == Infinity ? [cols] : [cols, max_width]);
+}
 const $2c61e4cd8229c49a$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**
@@ -8821,6 +9548,7 @@ const $2c61e4cd8229c49a$var$_tmpl$ = /*#__PURE__*/(0, $gVhhF$solidjsweb.template
     * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
     */
 const $2c61e4cd8229c49a$var$privately_shared_properties = /*@__PURE__*/new WeakMap();
+const $2c61e4cd8229c49a$var$content_search_default = false;
 const $2c61e4cd8229c49a$var$min_products_to_fetch_ = 20;
 const $2c61e4cd8229c49a$export$bde3eb976dfded9 = depict_search => $2c61e4cd8229c49a$var$privately_shared_properties.get(depict_search)?.search_query_updating_blocked_;
 class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
@@ -8828,6 +9556,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
   #merchant_signal = (0, $gVhhF$solidjs.createSignal)();
   #market_signal = (0, $gVhhF$solidjs.createSignal)();
   #modal_open_signal = (0, $gVhhF$solidjs.createSignal)(false);
+  #content_search_signal = (0, $gVhhF$solidjs.createSignal)();
   static #keys_constructed_with = new Set();
   #router = new (0, $e96dd13889871fc0$export$7e1297a3a19f10d8)("hard_navigation");
   constructor({
@@ -8837,9 +9566,10 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
     on_navigation: on_navigation,
     enable_category_suggestions = true,
     page_url_creator: page_url_creator,
+    display_transformers: display_transformers,
+    api: api,
     // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true,
-    api: api,
     bottom_distance_under_modal: bottom_distance_under_modal,
     render_instant_card: render_instant_card,
     ...props_on_class
@@ -8873,6 +9603,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
           local_filter_cache: [],
           expanded_hierarchical_filters: [],
           showing_recommendation_rows: (0, $fb29c6201c369e39$export$1c8c715550dc689d),
+          content_results_rows: (0, $3716b8caf7f959e2$export$70ceae36059a1036),
           scroll_restoration_data: []
         }),
         router_: this.#router,
@@ -8883,12 +9614,18 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
       const get_search_query_ = (0, $gVhhF$solidjs.createMemo)(previous_value => {
         if (get_search_query_updating_blocked()) return previous_value;else return raw_search_query_accessor();
       });
+      // @ts-ignore
       const depict_api_ = api ?? new (0, $e1d6c0f3d89d531c$export$e015ed2f2950f2e3)({
-        page_url_creator: page_url_creator
+        page_url_creator: page_url_creator,
+        display_transformers: display_transformers
       });
       const previous_searches = (0, $2b7a005a65221045$export$84bba84a7b837187)(get_search_query_);
       const [, set_search_showing_recommendation_rows] = state_.showing_recommendation_rows;
-      const after_submit_ = () => set_search_showing_recommendation_rows((0, $fb29c6201c369e39$export$1c8c715550dc689d)); // do this every time after we have submitted a new query - otherwise there might already be a saved number of rows in the state
+      const [, set_search_content_results_rows] = state_.content_results_rows;
+      const after_submit_ = () => {
+        set_search_showing_recommendation_rows((0, $fb29c6201c369e39$export$1c8c715550dc689d));
+        set_search_content_results_rows((0, $3716b8caf7f959e2$export$70ceae36059a1036));
+      }; // do this every time after we have submitted a new query - otherwise there might already be a saved number of rows in the state
       const on_submit_with_unchanged_value_ = () => this.modal_open = false;
       const [get_search_field_value_, set_search_field_value_] = state_.field_value;
       const configured_submit_query_ = new_query => (0, $f328bd45f8ede33c$export$e16630ecb9644a1c)({
@@ -8946,6 +9683,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
           submit_query_: configured_submit_query_,
           url_transformer_: url_transformer,
           router_: this.#router,
+          content_search_enabled_: () => this.#content_search_signal[0]() ?? $2c61e4cd8229c49a$var$content_search_default,
           instant_results_options_: {
             min_products_to_fetch_: $2c61e4cd8229c49a$var$min_products_to_fetch_,
             render_instant_card_: render_instant_card,
@@ -9010,6 +9748,12 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
       (0, $gVhhF$solidjs.onCleanup)(() => $2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.delete(unique_instance_key_for_state));
     });
   }
+  get enable_content_search() {
+    return this.#content_search_signal[0]();
+  }
+  set enable_content_search(new_state) {
+    this.#content_search_signal[1](new_state);
+  }
   get on_navigation() {
     // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
     return this.#router.on_navigation_;
@@ -9091,6 +9835,7 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
       depict_api_: shared_properties.depict_api_,
       min_products_to_fetch_: $2c61e4cd8229c49a$var$min_products_to_fetch_,
       local_filter_cache_: state_.local_filter_cache,
+      content_search_enabled_: () => depict_search.enable_content_search ?? $2c61e4cd8229c49a$var$content_search_default,
       search_field_value_: state_.field_value,
       get_search_query_: shared_properties.get_search_query_,
       clear_filters_on_next_submit_: shared_properties.clear_filters_on_next_submit_,
@@ -9117,6 +9862,8 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
       search_filters_open_: state_.filters_open,
       search_sorting_open_: state_.sorting_open,
       expanded_filters_: state_.expanded_filters,
+      content_results_rows_: state_.content_results_rows,
+      router_: shared_properties.router_,
       make_category_suggestion_card_: shared_properties.enable_category_suggestions_ ? category_suggestion_ => {
         return (0, $dae23104ba8bb78c$export$d757d54550ebfb3d)({
           category_suggestion_: category_suggestion_,
@@ -9132,6 +9879,10 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
         cols_at_size: (0, $4e04be41243c3d80$export$6daf8749b65a1b77)(props.cols_at_size),
         ...grid_spacing_override()
       })),
+      content_layout_options_: (0, $gVhhF$solidjs.createMemo)(() => ({
+        cols_at_size: (0, $4e04be41243c3d80$export$6daf8749b65a1b77)((0, $ab7c6c7911bae2f5$export$ff7109b9b2b206ba)(props.cols_at_size)),
+        ...grid_spacing_override()
+      })),
       recommendations_layout_options_: (0, $gVhhF$solidjs.createMemo)(() => {
         const {
           extra_depict_options: extra_depict_options