@depict-ai/ui 2.0.21 → 2.0.23

package/latest/index.cjs

@@ -10,6 +10,8 @@ function $parcel$export(e, n, v, s) {
     configurable: true
   });
 }
+$parcel$export(module.exports, "encode_filters", () => $1ab22f2cd39b3061$export$58aa3f171519b6d7);
+$parcel$export(module.exports, "decode_filters", () => $1ab22f2cd39b3061$export$f934fa24c3a86811);
 $parcel$export(module.exports, "shopifyContainedImageContextSymbol", () => $a33065cfed827fc0$export$d7b7ab832c20e2f4);
 $parcel$export(module.exports, "ListingProvider", () => $84798aaa863a4909$export$e68cff63f76bd15b);
 $parcel$export(module.exports, "useListing", () => $84798aaa863a4909$export$8d0c4fdbb05a2f2e);
@@ -66,7 +68,180 @@ $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 = "2.0.21";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.23";
+const $1ab22f2cd39b3061$var$fallback_operator = "in";
+const $1ab22f2cd39b3061$var$fallback_token = "";
+const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
+const $1ab22f2cd39b3061$var$operator_map = {
+  "eq": "≡",
+  "neq": "≠",
+  "in": "∈",
+  "nin": "∉",
+  "leq": "≤",
+  "geq": "≥",
+  "inrange": "\uD83D\uDD22"
+};
+const $1ab22f2cd39b3061$var$ascending_token = "\uD83D\uDCC8";
+const $1ab22f2cd39b3061$var$descending_token = "\uD83D\uDCC9";
+const $1ab22f2cd39b3061$var$range_delimiter = "-";
+const $1ab22f2cd39b3061$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
+const $1ab22f2cd39b3061$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
+const $1ab22f2cd39b3061$var$empty_item_replacement = "0️⃣";
+const $1ab22f2cd39b3061$var$op_to_token = op => {
+  if (op === $1ab22f2cd39b3061$var$fallback_operator) return $1ab22f2cd39b3061$var$fallback_token;
+  return $1ab22f2cd39b3061$var$operator_map[op];
+};
+/**
+ * Checks if a given array of filter data can be neatly serialized into an URL query parameter, or if it should fall back to JSON+base64.
+ * The requirements are either an array of strings, containing no reserved characters, or an array of arrays of strings, containing no reserved characters.
+ * No deep or mixed nesting levels are supported.
+ */
+function $1ab22f2cd39b3061$var$array_is_serializable(array, is_root = true) {
+  if (array.every(item => Array.isArray(item))) {
+    if (!is_root)
+      // Deeply nested arrays are not supported, but also don't exist as filters (yet)
+      return false;
+    return array.every(item => $1ab22f2cd39b3061$var$array_is_serializable(item, false));
+  }
+  if (array.some(item => typeof item !== "string"))
+    // Numbers are not supported, since 1 and "1" would encode to the same thing
+    return false;
+  // Encoding reserved characters is not supported
+  return !array.some(item => item.includes($1ab22f2cd39b3061$var$array_item_delimiter) || item.includes($1ab22f2cd39b3061$var$string_item_delimiter) || item === $1ab22f2cd39b3061$var$empty_item_replacement);
+}
+/**
+ * Human readable string[] or string[][] serialization for URLs.
+ * @param array
+ * @returns
+ */
+function $1ab22f2cd39b3061$var$encode_array(array) {
+  const is_nested = array.every(item => Array.isArray(item));
+  if (is_nested) return array.map($1ab22f2cd39b3061$var$encode_array).join($1ab22f2cd39b3061$var$array_item_delimiter) + $1ab22f2cd39b3061$var$array_item_delimiter; // Nested arrays require a suffix to close nesting levels
+  return array.map(item => item === "" ? $1ab22f2cd39b3061$var$empty_item_replacement : item).join($1ab22f2cd39b3061$var$string_item_delimiter);
+}
+function $1ab22f2cd39b3061$var$decode_array(encoded_array) {
+  const is_nested = encoded_array.includes($1ab22f2cd39b3061$var$array_item_delimiter);
+  if (is_nested) return encoded_array.split($1ab22f2cd39b3061$var$array_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter
+  .map($1ab22f2cd39b3061$var$decode_array);
+  return encoded_array.split($1ab22f2cd39b3061$var$string_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter in the single item special case
+  .map(item => item === $1ab22f2cd39b3061$var$empty_item_replacement ? "" : item);
+}
+function $1ab22f2cd39b3061$var$encode_filter_data(op, data) {
+  if (data === "true")
+    // boolean encoding
+    return "1";
+  if (data === "false")
+    // boolean encoding
+    return "0";
+  const data_is_array = Array.isArray(data);
+  if (op === "inrange" && data_is_array && data.every(item => typeof item === "number"))
+    // numeric range filter encoding
+    return data.join($1ab22f2cd39b3061$var$range_delimiter);
+  if (data_is_array && $1ab22f2cd39b3061$var$array_is_serializable(data)) {
+    const encoded_data = $1ab22f2cd39b3061$var$encode_array(data);
+    if (!encoded_data.includes($1ab22f2cd39b3061$var$array_item_delimiter) && !encoded_data.includes($1ab22f2cd39b3061$var$string_item_delimiter))
+      // A string[] with only one item will encode without delimiters, which is indistinguishable from a plain string during decoding
+      // In that case we add a delimiter suffix at the end
+      return encoded_data + $1ab22f2cd39b3061$var$string_item_delimiter;
+    return encoded_data;
+  }
+  // Fallback encoding
+  return $gVhhF$depictaiutilishared.base64_encode_unicode(JSON.stringify(data));
+}
+function $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data) {
+  if (encoded_data === "1") return "true";
+  if (encoded_data === "0") return "false";
+  if (op === "inrange" && encoded_data.includes($1ab22f2cd39b3061$var$range_delimiter)) return encoded_data.split($1ab22f2cd39b3061$var$range_delimiter).map(x => parseFloat(x));
+  if (encoded_data.includes($1ab22f2cd39b3061$var$string_item_delimiter) || encoded_data.includes($1ab22f2cd39b3061$var$array_item_delimiter)) return $1ab22f2cd39b3061$var$decode_array(encoded_data);
+  try {
+    return JSON.parse($gVhhF$depictaiutilishared.base64_decode_unicode(encoded_data));
+  } catch (e) {
+    $gVhhF$depictaiutilishared.dlog("Failed to fallback parse filter data", op, encoded_data, e);
+  }
+  return null;
+}
+function $1ab22f2cd39b3061$export$58aa3f171519b6d7(filters, search_params, filter_query_param_prefix) {
+  for (const filter of filters) {
+    const {
+      field: field,
+      op: op,
+      data: data
+    } = filter;
+    const encoded_data = $1ab22f2cd39b3061$var$encode_filter_data(op, data);
+    search_params.set(filter_query_param_prefix + field + $1ab22f2cd39b3061$var$op_to_token(op), encoded_data);
+  }
+}
+function $1ab22f2cd39b3061$export$f934fa24c3a86811(search_params, filter_query_param_prefix) {
+  const found_filters = [];
+  for (const key of search_params.keys()) {
+    // Allow for backwards compatibility with the old filter query param prefix
+    let chosen_prefix = filter_query_param_prefix;
+    if (!key.startsWith(chosen_prefix)) {
+      chosen_prefix = $1ab22f2cd39b3061$var$legacy_filter_prefix;
+      if (!key.startsWith(chosen_prefix)) continue;
+    }
+    const encoded_data = search_params.get(key);
+    if (!encoded_data) continue;
+    const [op, token] = Object.entries($1ab22f2cd39b3061$var$operator_map).find(([, token]) => key.endsWith(token)) || [$1ab22f2cd39b3061$var$fallback_operator, $1ab22f2cd39b3061$var$fallback_token];
+    const data = $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data);
+    if (!data) continue;
+    const field = key.slice(chosen_prefix.length, token ? -token.length : undefined);
+    found_filters.push({
+      field: field,
+      op: op,
+      data: data
+    });
+  }
+  return found_filters;
+}
+function $1ab22f2cd39b3061$export$62acb285a7579555(sorting, search_params, sorting_query_param) {
+  if (!sorting) return;
+  const {
+    field: field,
+    order: order
+  } = sorting;
+  const ascending = order === "asc";
+  search_params.set(sorting_query_param, field + (ascending ? $1ab22f2cd39b3061$var$ascending_token : $1ab22f2cd39b3061$var$descending_token));
+}
+function $1ab22f2cd39b3061$export$766e9676e74997d3(search_params, sorting_query_param_) {
+  const encoded_sorting = search_params.get(sorting_query_param_);
+  if (!encoded_sorting) return;
+  if (encoded_sorting.endsWith($1ab22f2cd39b3061$var$ascending_token)) return {
+    field: encoded_sorting.slice(0, -$1ab22f2cd39b3061$var$ascending_token.length),
+    order: "asc"
+  };
+  if (encoded_sorting.endsWith($1ab22f2cd39b3061$var$descending_token)) return {
+    field: encoded_sorting.slice(0, -$1ab22f2cd39b3061$var$descending_token.length),
+    order: "desc"
+  };
+  $gVhhF$depictaiutilishared.dlog("Invalid sorting query param value", encoded_sorting);
+  return;
+}
+function $1ab22f2cd39b3061$export$916e6850778505f6(search_params, filter_query_param_prefix, sorting_query_param) {
+  // We'll be modifying the URLSearchParams object, so we need to make a copy of the keys first
+  const keys = [...search_params.keys()];
+  for (const key of keys) if (key.startsWith(filter_query_param_prefix) || key === sorting_query_param || key.startsWith($1ab22f2cd39b3061$var$legacy_filter_prefix)) search_params.delete(key);
+}
+const $1ab22f2cd39b3061$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
+function $1ab22f2cd39b3061$export$43cd1e747fecd42e({
+  to_url_: to_url_,
+  set_clearing_flag_: set_clearing_flag_,
+  from_search_params_ = new URLSearchParams(location.search),
+  sorting_query_param_: sorting_query_param_,
+  filter_query_param_prefix_: filter_query_param_prefix_
+}) {
+  if (!to_url_) return to_url_;
+  const was_url_object = to_url_ instanceof URL;
+  const url_object = was_url_object ? to_url_ : new URL(to_url_, location.origin);
+  const {
+    searchParams: searchParams
+  } = url_object;
+  if (set_clearing_flag_) searchParams.set($1ab22f2cd39b3061$export$cf5feb2102aec7f2, "true");
+  if (from_search_params_.has(sorting_query_param_)) searchParams.set(sorting_query_param_, from_search_params_.get(sorting_query_param_));
+  for (const key of from_search_params_.keys()) if (key.startsWith(filter_query_param_prefix_)) searchParams.set(key, from_search_params_.get(key));
+  if (was_url_object) return url_object;
+  return url_object.href;
+}
 const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$gVhhF$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -1250,6 +1425,14 @@ function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
     return _el$;
   })();
 }
+
+/**
+ * Lower cases a string if possible. Mostly used to make the filter url values case-insensitive.
+ */
+function $daa394359b026187$export$325f75597868c4f0(stuff) {
+  if (typeof stuff !== "string") return stuff;
+  return stuff.toLowerCase();
+}
 const $235a2771a44e28e9$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="clear-all-filters minor"></button>`, 2),
   $235a2771a44e28e9$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8),
   $235a2771a44e28e9$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18),
@@ -1335,7 +1518,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                       let parent_ = {};
                       let created_an_object = false;
                       for (let j = 0; j < value.length; j++) {
-                        const this_categories_name = value[j];
+                        const this_categories_name = $daa394359b026187$export$325f75597868c4f0(value[j]);
                         const obj = pointer[this_categories_name] ||= (() => {
                           const value_as_string = value.map(v => typeof v === "number" ? v + "" : v); // don't think backend will ever send numbers but technically it's allowed;
                           const created_obj = {
@@ -1439,7 +1622,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                               const index_of_us_in_meta = $gVhhF$solidjs.createMemo(() => {
                                 const sel_d = selected_data();
                                 return meta()?.values?.findIndex(value => {
-                                  return value === sel_d || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => sel_d[index] === item);
+                                  return $daa394359b026187$export$325f75597868c4f0(value) === $daa394359b026187$export$325f75597868c4f0(sel_d) || Array.isArray(value) && Array.isArray(sel_d) && value.length === sel_d.length && value.every((item, index) => $daa394359b026187$export$325f75597868c4f0(sel_d[index]) === $daa394359b026187$export$325f75597868c4f0(item));
                                 });
                               });
                               const name = $gVhhF$solidjs.createMemo(() => {
@@ -1453,7 +1636,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                                 let we_in_structure;
                                 let pointer = structure;
                                 for (const step of selected_data()) {
-                                  we_in_structure = pointer?.[step];
+                                  we_in_structure = pointer?.[$daa394359b026187$export$325f75597868c4f0(step)];
                                   pointer = we_in_structure?.children_;
                                 }
                                 return we_in_structure;
@@ -1464,7 +1647,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                                 const siblings = parent?.children_;
                                 if (siblings) return [parent, ...Object.values(siblings)].every(({
                                   value_: value_
-                                }) => iterable_selected_filter_data()?.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => v[index] === val)));
+                                }) => iterable_selected_filter_data()?.some(v => Array.isArray(v) && v.length === value_.length && value_.every((val, index) => $daa394359b026187$export$325f75597868c4f0(v[index]) === $daa394359b026187$export$325f75597868c4f0(val))));
                                 return false;
                               });
                               return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
@@ -1486,7 +1669,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                                         cloned_selected_filters.splice(index_in_selected_filters, 1);
                                         const data = filter().data;
                                         const cloned_data = Array.isArray(data) ? [...data] : [data];
-                                        const index_of_item = cloned_data.findIndex(item => item === to_remove);
+                                        const index_of_item = cloned_data.findIndex(item => $daa394359b026187$export$325f75597868c4f0(item) === $daa394359b026187$export$325f75597868c4f0(to_remove));
                                         if (index_of_item >= 0) cloned_data.splice(index_of_item, 1);
                                         const in_structure = us_in_structure();
                                         if (in_structure) {
@@ -1497,7 +1680,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({
                                             const {
                                               value_: value_
                                             } = kid;
-                                            const index_to_remove = cloned_data.findIndex(item => Array.isArray(item) && item.length === value_.length && value_.every((val, index) => item[index] === val));
+                                            const index_to_remove = cloned_data.findIndex(item => Array.isArray(item) && item.length === value_.length && value_.every((val, index) => $daa394359b026187$export$325f75597868c4f0(item[index]) === $daa394359b026187$export$325f75597868c4f0(val)));
                                             if (index_to_remove >= 0) cloned_data.splice(index_to_remove, 1);
                                             recursive_kids.push(...Object.values(kid.children_));
                                           }
@@ -1676,6 +1859,11 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
   });
   const render_checkbox = checkbox => {
     // Checkbox always calls the getters in props, so we don't wrap these values into memos
+    const is_checked = $gVhhF$solidjs.createMemo(() => {
+      const data = existing_filter()?.data;
+      const value = $daa394359b026187$export$325f75597868c4f0(checkbox().value_);
+      return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === value);
+    });
     return $gVhhF$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1687,7 +1875,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
         return checkbox().count_;
       },
       get checked_() {
-        return existing_filter()?.data?.includes(checkbox().value_);
+        return is_checked();
       }
     });
   };
@@ -1839,7 +2027,7 @@ function $c1dc1554c1b94233$export$430444115f70a734({
           $gVhhF$solidjsweb.effect(() => _el$4.checked = $gVhhF$solidjs.createMemo(() => {
             const v = value();
             const data = existing_filter()?.data;
-            if (data === v) return true;
+            if ($daa394359b026187$export$325f75597868c4f0(data) === $daa394359b026187$export$325f75597868c4f0(v)) return true;
             return Array.isArray(data) && data.every((item, index) => item === v[index]);
           })());
           return _el$2;
@@ -2561,7 +2749,7 @@ function $3bdc00a1353c1150$var$create_updating_signal({
   const on_structure_complete_ = () => {
     // wait for the children to have populated and us to have received the correct value_ and name_ values
     let updating_blocked = false;
-    const index_of_us_in_selected_filter = existing_filter_?.data?.findIndex?.(el => el.length === self_.value_.length && el.every((sub_el, index) => self_.value_[index] === sub_el));
+    const index_of_us_in_selected_filter = existing_filter_?.data?.findIndex?.(el => el.length === self_.value_.length && el.every((sub_el, index) => $daa394359b026187$export$325f75597868c4f0(self_.value_[index]) === $daa394359b026187$export$325f75597868c4f0(sub_el)));
     signal_.push(...$gVhhF$solidjs.createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
@@ -2732,7 +2920,11 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
           return buttons();
         },
         children: value => {
-          const is_selected = $gVhhF$solidjs.createMemo(() => existing_filter()?.data?.includes(value().value_));
+          const is_selected = $gVhhF$solidjs.createMemo(() => {
+            const data = existing_filter()?.data;
+            const current_value = $daa394359b026187$export$325f75597868c4f0(value().value_);
+            return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === current_value);
+          });
           const MakeButton = attributes => (() => {
             const _el$2 = $gVhhF$solidjsweb.getNextElement($0ef1681699140f1a$var$_tmpl$3),
               _el$5 = _el$2.firstChild,
@@ -2767,7 +2959,10 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
                     ...base_object,
                     data: new_data
                   };
-                  if (!is_selected()) new_filter_object.data.push(value().value_);else new_filter_object.data = new_filter_object.data.filter(v => v !== value().value_);
+                  if (!is_selected()) new_filter_object.data.push(value().value_);else {
+                    const current_value_lower = $daa394359b026187$export$325f75597868c4f0(value().value_);
+                    new_filter_object.data = new_filter_object.data.filter(v => $daa394359b026187$export$325f75597868c4f0(v) !== current_value_lower);
+                  }
                   const selected_filters = [...get_selected_filters().filter(f => f !== set_filter), ...(new_filter_object.data.length ? [new_filter_object] : [])];
                   set_selected_filters(selected_filters);
                 });
@@ -2868,13 +3063,6 @@ function $0ef1681699140f1a$var$adjust_sizes(container_width, sizes, set_cols_at_
     overrides: column_to_row_result
   }]]);
 }
-function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
-  const signal = $gVhhF$solidjs.createSignal(false);
-  $gVhhF$solidjs.onCleanup($gVhhF$depictaiutilishared.javascript_media_query(media_query, ({
-    matches: matches
-  }) => signal[1](matches)).remove);
-  return signal[0];
-}
 const $b51a2b8b9355e66c$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<form class="checkbox-color"><!#><!/><!#><!/></form>`, 6);
 const $b51a2b8b9355e66c$var$max_visible_without_collapsing = 30;
 const $b51a2b8b9355e66c$var$show_non_collapsible_when_collapsed = 8;
@@ -2884,7 +3072,6 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
   i18n_: i18n_,
   view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_]
 }) {
-  const supports_hover = $b54e6192d0caa293$export$d9f36cf74e24d595("not all and (hover: none)");
   // same as in CheckboxFilter, maybe we should make this DRY at some point
   const existing_filter = $gVhhF$solidjs.createMemo(() => {
     const {
@@ -2912,6 +3099,11 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
     const hex_color = $gVhhF$solidjs.createMemo(() => checkbox().value_.split(";")?.[1] || "");
     const rgb_color = $gVhhF$solidjs.createMemo(() => $gVhhF$depictaiutilishared.hex_to_rgb(hex_color()));
     const black_contrast_better = $gVhhF$solidjs.createMemo(() => rgb_color() ? $b51a2b8b9355e66c$var$does_black_contrast_better(rgb_color()) : false);
+    const is_checked = $gVhhF$solidjs.createMemo(() => {
+      const data = existing_filter()?.data;
+      const value = $daa394359b026187$export$325f75597868c4f0(checkbox().value_);
+      return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === value);
+    });
     const input_row = $gVhhF$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2923,7 +3115,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
         return checkbox().count_;
       },
       get checked_() {
-        return existing_filter()?.data?.includes(checkbox().value_);
+        return is_checked();
       },
       custom_indicator_ref: span => {
         const {
@@ -3106,7 +3298,7 @@ function $b064919833b3e80b$export$53c59af873b303c9({
             break try_specific;
           }
           const needle = data_is_array ? data[0] : data;
-          const index_in_meta = meta.values.findIndex(value => needle === value || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index) => needle[index] === item));
+          const index_in_meta = meta.values.findIndex(value => $daa394359b026187$export$325f75597868c4f0(needle) === $daa394359b026187$export$325f75597868c4f0(value) || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index) => $daa394359b026187$export$325f75597868c4f0(needle[index]) === $daa394359b026187$export$325f75597868c4f0(item)));
           return meta.names?.[index_in_meta] || meta.values?.[index_in_meta];
         }
       }
@@ -3664,7 +3856,8 @@ function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, rout
   const signals = {};
   const entries = Object.entries(params_to_default_value);
   const event_handler = $gVhhF$depictaiutilishared.catchify((what_happened, args) => {
-    if (what_happened == "popstate") $6e22b5314fb52f4c$var$history_state_change(signals, entries, args.state);
+    // Intentionally always update our signals to the history state to allow external control of SDK state for doing things like https://linear.app/depictai/issue/X-1432/is-this-possible-with-the-depict-sdk
+    $6e22b5314fb52f4c$var$history_state_change(signals, entries, what_happened === "popstate" ? args.state : history.state);
   });
   // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
   $gVhhF$solidjs.createRenderEffect(() => {
@@ -4033,6 +4226,13 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
     }));
   }
 }
+function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
+  const signal = $gVhhF$solidjs.createSignal(false);
+  $gVhhF$solidjs.onCleanup($gVhhF$depictaiutilishared.javascript_media_query(media_query, ({
+    matches: matches
+  }) => signal[1](matches)).remove);
+  return signal[0];
+}
 const $6b384adf40a5f4d7$var$get_available_range = (available_filters_, search_for_field) => {
   const maybe_meta = $gVhhF$solidjs.untrack(available_filters_)?.find(({
     op: op,
@@ -5623,179 +5823,6 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({
   })();
 }
 $gVhhF$solidjsweb.delegateEvents(["click"]);
-const $1ab22f2cd39b3061$var$fallback_operator = "in";
-const $1ab22f2cd39b3061$var$fallback_token = "";
-const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
-const $1ab22f2cd39b3061$var$operator_map = {
-  "eq": "≡",
-  "neq": "≠",
-  "in": "∈",
-  "nin": "∉",
-  "leq": "≤",
-  "geq": "≥",
-  "inrange": "\uD83D\uDD22"
-};
-const $1ab22f2cd39b3061$var$ascending_token = "\uD83D\uDCC8";
-const $1ab22f2cd39b3061$var$descending_token = "\uD83D\uDCC9";
-const $1ab22f2cd39b3061$var$range_delimiter = "-";
-const $1ab22f2cd39b3061$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
-const $1ab22f2cd39b3061$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
-const $1ab22f2cd39b3061$var$empty_item_replacement = "0️⃣";
-const $1ab22f2cd39b3061$var$op_to_token = op => {
-  if (op === $1ab22f2cd39b3061$var$fallback_operator) return $1ab22f2cd39b3061$var$fallback_token;
-  return $1ab22f2cd39b3061$var$operator_map[op];
-};
-/**
- * Checks if a given array of filter data can be neatly serialized into an URL query parameter, or if it should fall back to JSON+base64.
- * The requirements are either an array of strings, containing no reserved characters, or an array of arrays of strings, containing no reserved characters.
- * No deep or mixed nesting levels are supported.
- */
-function $1ab22f2cd39b3061$var$array_is_serializable(array, is_root = true) {
-  if (array.every(item => Array.isArray(item))) {
-    if (!is_root)
-      // Deeply nested arrays are not supported, but also don't exist as filters (yet)
-      return false;
-    return array.every(item => $1ab22f2cd39b3061$var$array_is_serializable(item, false));
-  }
-  if (array.some(item => typeof item !== "string"))
-    // Numbers are not supported, since 1 and "1" would encode to the same thing
-    return false;
-  // Encoding reserved characters is not supported
-  return !array.some(item => item.includes($1ab22f2cd39b3061$var$array_item_delimiter) || item.includes($1ab22f2cd39b3061$var$string_item_delimiter) || item === $1ab22f2cd39b3061$var$empty_item_replacement);
-}
-/**
- * Human readable string[] or string[][] serialization for URLs.
- * @param array
- * @returns
- */
-function $1ab22f2cd39b3061$var$encode_array(array) {
-  const is_nested = array.every(item => Array.isArray(item));
-  if (is_nested) return array.map($1ab22f2cd39b3061$var$encode_array).join($1ab22f2cd39b3061$var$array_item_delimiter) + $1ab22f2cd39b3061$var$array_item_delimiter; // Nested arrays require a suffix to close nesting levels
-  return array.map(item => item === "" ? $1ab22f2cd39b3061$var$empty_item_replacement : item).join($1ab22f2cd39b3061$var$string_item_delimiter);
-}
-function $1ab22f2cd39b3061$var$decode_array(encoded_array) {
-  const is_nested = encoded_array.includes($1ab22f2cd39b3061$var$array_item_delimiter);
-  if (is_nested) return encoded_array.split($1ab22f2cd39b3061$var$array_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter
-  .map($1ab22f2cd39b3061$var$decode_array);
-  return encoded_array.split($1ab22f2cd39b3061$var$string_item_delimiter).filter(s => s !== "") // Remove empty segments, caused by trailing delimiter in the single item special case
-  .map(item => item === $1ab22f2cd39b3061$var$empty_item_replacement ? "" : item);
-}
-function $1ab22f2cd39b3061$var$encode_filter_data(op, data) {
-  if (data === "true")
-    // boolean encoding
-    return "1";
-  if (data === "false")
-    // boolean encoding
-    return "0";
-  const data_is_array = Array.isArray(data);
-  if (op === "inrange" && data_is_array && data.every(item => typeof item === "number"))
-    // numeric range filter encoding
-    return data.join($1ab22f2cd39b3061$var$range_delimiter);
-  if (data_is_array && $1ab22f2cd39b3061$var$array_is_serializable(data)) {
-    const encoded_data = $1ab22f2cd39b3061$var$encode_array(data);
-    if (!encoded_data.includes($1ab22f2cd39b3061$var$array_item_delimiter) && !encoded_data.includes($1ab22f2cd39b3061$var$string_item_delimiter))
-      // A string[] with only one item will encode without delimiters, which is indistinguishable from a plain string during decoding
-      // In that case we add a delimiter suffix at the end
-      return encoded_data + $1ab22f2cd39b3061$var$string_item_delimiter;
-    return encoded_data;
-  }
-  // Fallback encoding
-  return $gVhhF$depictaiutilishared.base64_encode_unicode(JSON.stringify(data));
-}
-function $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data) {
-  if (encoded_data === "1") return "true";
-  if (encoded_data === "0") return "false";
-  if (op === "inrange" && encoded_data.includes($1ab22f2cd39b3061$var$range_delimiter)) return encoded_data.split($1ab22f2cd39b3061$var$range_delimiter).map(x => parseFloat(x));
-  if (encoded_data.includes($1ab22f2cd39b3061$var$string_item_delimiter) || encoded_data.includes($1ab22f2cd39b3061$var$array_item_delimiter)) return $1ab22f2cd39b3061$var$decode_array(encoded_data);
-  try {
-    return JSON.parse($gVhhF$depictaiutilishared.base64_decode_unicode(encoded_data));
-  } catch (e) {
-    $gVhhF$depictaiutilishared.dlog("Failed to fallback parse filter data", op, encoded_data, e);
-  }
-  return null;
-}
-function $1ab22f2cd39b3061$export$58aa3f171519b6d7(filters, search_params, filter_query_param_prefix) {
-  for (const filter of filters) {
-    const {
-      field: field,
-      op: op,
-      data: data
-    } = filter;
-    const encoded_data = $1ab22f2cd39b3061$var$encode_filter_data(op, data);
-    search_params.set(filter_query_param_prefix + field + $1ab22f2cd39b3061$var$op_to_token(op), encoded_data);
-  }
-}
-function $1ab22f2cd39b3061$export$f934fa24c3a86811(search_params, filter_query_param_prefix) {
-  const found_filters = [];
-  for (const key of search_params.keys()) {
-    // Allow for backwards compatibility with the old filter query param prefix
-    let chosen_prefix = filter_query_param_prefix;
-    if (!key.startsWith(chosen_prefix)) {
-      chosen_prefix = $1ab22f2cd39b3061$var$legacy_filter_prefix;
-      if (!key.startsWith(chosen_prefix)) continue;
-    }
-    const encoded_data = search_params.get(key);
-    if (!encoded_data) continue;
-    const [op, token] = Object.entries($1ab22f2cd39b3061$var$operator_map).find(([, token]) => key.endsWith(token)) || [$1ab22f2cd39b3061$var$fallback_operator, $1ab22f2cd39b3061$var$fallback_token];
-    const data = $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data);
-    if (!data) continue;
-    const field = key.slice(chosen_prefix.length, token ? -token.length : undefined);
-    found_filters.push({
-      field: field,
-      op: op,
-      data: data
-    });
-  }
-  return found_filters;
-}
-function $1ab22f2cd39b3061$export$62acb285a7579555(sorting, search_params, sorting_query_param) {
-  if (!sorting) return;
-  const {
-    field: field,
-    order: order
-  } = sorting;
-  const ascending = order === "asc";
-  search_params.set(sorting_query_param, field + (ascending ? $1ab22f2cd39b3061$var$ascending_token : $1ab22f2cd39b3061$var$descending_token));
-}
-function $1ab22f2cd39b3061$export$766e9676e74997d3(search_params, sorting_query_param_) {
-  const encoded_sorting = search_params.get(sorting_query_param_);
-  if (!encoded_sorting) return;
-  if (encoded_sorting.endsWith($1ab22f2cd39b3061$var$ascending_token)) return {
-    field: encoded_sorting.slice(0, -$1ab22f2cd39b3061$var$ascending_token.length),
-    order: "asc"
-  };
-  if (encoded_sorting.endsWith($1ab22f2cd39b3061$var$descending_token)) return {
-    field: encoded_sorting.slice(0, -$1ab22f2cd39b3061$var$descending_token.length),
-    order: "desc"
-  };
-  $gVhhF$depictaiutilishared.dlog("Invalid sorting query param value", encoded_sorting);
-  return;
-}
-function $1ab22f2cd39b3061$export$916e6850778505f6(search_params, filter_query_param_prefix, sorting_query_param) {
-  // We'll be modifying the URLSearchParams object, so we need to make a copy of the keys first
-  const keys = [...search_params.keys()];
-  for (const key of keys) if (key.startsWith(filter_query_param_prefix) || key === sorting_query_param || key.startsWith($1ab22f2cd39b3061$var$legacy_filter_prefix)) search_params.delete(key);
-}
-const $1ab22f2cd39b3061$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
-function $1ab22f2cd39b3061$export$43cd1e747fecd42e({
-  to_url_: to_url_,
-  set_clearing_flag_: set_clearing_flag_,
-  from_search_params_ = new URLSearchParams(location.search),
-  sorting_query_param_: sorting_query_param_,
-  filter_query_param_prefix_: filter_query_param_prefix_
-}) {
-  if (!to_url_) return to_url_;
-  const was_url_object = to_url_ instanceof URL;
-  const url_object = was_url_object ? to_url_ : new URL(to_url_, location.origin);
-  const {
-    searchParams: searchParams
-  } = url_object;
-  if (set_clearing_flag_) searchParams.set($1ab22f2cd39b3061$export$cf5feb2102aec7f2, "true");
-  if (from_search_params_.has(sorting_query_param_)) searchParams.set(sorting_query_param_, from_search_params_.get(sorting_query_param_));
-  for (const key of from_search_params_.keys()) if (key.startsWith(filter_query_param_prefix_)) searchParams.set(key, from_search_params_.get(key));
-  if (was_url_object) return url_object;
-  return url_object.href;
-}
 const $e53b2e7e632ac4cb$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<nav class="crumbs"></nav>`, 2),
   $e53b2e7e632ac4cb$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<a class="crumb"></a>`, 2),
   $e53b2e7e632ac4cb$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<span class="separator"></span>`, 2);
@@ -10897,7 +10924,7 @@ class $0a6acf31d1eae57c$export$3ccaa27d81dd8556 extends EventTarget {
   }, "failed to open page");
   #empty_page_bugfix() {
     // Called when a "page" is "opened" using PageReplacer
-    const on_maybe_popstate = what_happened => {
+    const on_maybe_popstate = $gVhhF$depictaiutilishared.catchify(what_happened => {
       if (what_happened !== "popstate") return;
       const cleaned_current_url = $0a6acf31d1eae57c$var$clean_url(location.href);
       if (!$0a6acf31d1eae57c$export$3ccaa27d81dd8556.#visited_urls.has(cleaned_current_url)) {
@@ -10926,7 +10953,7 @@ class $0a6acf31d1eae57c$export$3ccaa27d81dd8556 extends EventTarget {
         $0a6acf31d1eae57c$export$3ccaa27d81dd8556.#reverting_permitted = false; // Disallow any reverting since we can't - it would flash a white page until the reload has finished.
         this.#unload(); // Call unload to "kill" the solid-js stuff quicker so that it stops updating - the user is expecting the next thing that happens to be a navigation to the actual page the URL says they're on.
       }
-    };
+    });
 
     (0, $gVhhF$depictaiutilishared.instant_exec_on_suspect_history_change).add(on_maybe_popstate);
     this.#revert_fns.push(() => (0, $gVhhF$depictaiutilishared.instant_exec_on_suspect_history_change).delete(on_maybe_popstate)); // Don't run the bugfixer if there isn't a PageReplacer page open since I assume the bug only happens when going back from a PageReplace'd page