@pol-studios/ui 1.0.1 → 1.0.7

package/dist/components/index.js

@@ -24705,16 +24705,16 @@ var init_dist = __esm({
 var require_use_sync_external_store_with_selector_production = __commonJS({
   "../../../node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.1/node_modules/use-sync-external-store/cjs/use-sync-external-store-with-selector.production.js"(exports2) {
     "use strict";
-    var React184 = __require("react");
+    var React185 = __require("react");
     function is2(x10, y14) {
       return x10 === y14 && (0 !== x10 || 1 / x10 === 1 / y14) || x10 !== x10 && y14 !== y14;
     }
     var objectIs = "function" === typeof Object.is ? Object.is : is2;
-    var useSyncExternalStore3 = React184.useSyncExternalStore;
-    var useRef62 = React184.useRef;
-    var useEffect94 = React184.useEffect;
-    var useMemo103 = React184.useMemo;
-    var useDebugValue = React184.useDebugValue;
+    var useSyncExternalStore3 = React185.useSyncExternalStore;
+    var useRef62 = React185.useRef;
+    var useEffect93 = React185.useEffect;
+    var useMemo103 = React185.useMemo;
+    var useDebugValue = React185.useDebugValue;
     exports2.useSyncExternalStoreWithSelector = function(subscribe2, getSnapshot2, getServerSnapshot2, selector, isEqual9) {
       var instRef = useRef62(null);
       if (null === instRef.current) {
@@ -24756,7 +24756,7 @@ var require_use_sync_external_store_with_selector_production = __commonJS({
         [getSnapshot2, getServerSnapshot2, selector, isEqual9]
       );
       var value = useSyncExternalStore3(subscribe2, instRef[0], instRef[1]);
-      useEffect94(
+      useEffect93(
         function() {
           inst.hasValue = true;
           inst.value = value;
@@ -24778,7 +24778,7 @@ var require_use_sync_external_store_with_selector_development = __commonJS({
         return x10 === y14 && (0 !== x10 || 1 / x10 === 1 / y14) || x10 !== x10 && y14 !== y14;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React184 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is2, useSyncExternalStore3 = React184.useSyncExternalStore, useRef62 = React184.useRef, useEffect94 = React184.useEffect, useMemo103 = React184.useMemo, useDebugValue = React184.useDebugValue;
+      var React185 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is2, useSyncExternalStore3 = React185.useSyncExternalStore, useRef62 = React185.useRef, useEffect93 = React185.useEffect, useMemo103 = React185.useMemo, useDebugValue = React185.useDebugValue;
       exports2.useSyncExternalStoreWithSelector = function(subscribe2, getSnapshot2, getServerSnapshot2, selector, isEqual9) {
         var instRef = useRef62(null);
         if (null === instRef.current) {
@@ -24821,7 +24821,7 @@ var require_use_sync_external_store_with_selector_development = __commonJS({
           [getSnapshot2, getServerSnapshot2, selector, isEqual9]
         );
         var value = useSyncExternalStore3(subscribe2, instRef[0], instRef[1]);
-        useEffect94(
+        useEffect93(
           function() {
             inst.hasValue = true;
             inst.value = value;
@@ -30628,8 +30628,8 @@ var LucideIconLoader = React13.forwardRef(
       modulePromise.then((x10) => setIsLoaded(true));
       if (isLoaded === false) return;
       if (name2 in module2) {
-        const Icon4 = module2[name2];
-        setIconComponent(() => Icon4);
+        const Icon5 = module2[name2];
+        setIconComponent(() => Icon5);
       } else {
         setIconComponent(() => module2["CircleAlert"]);
       }
@@ -43792,8 +43792,8 @@ var LucideIconLoader2 = React41.forwardRef(
       modulePromise2.then((x10) => setIsLoaded(true));
       if (isLoaded === false) return;
       if (name2 in module3) {
-        const Icon4 = module3[name2];
-        setIconComponent(() => Icon4);
+        const Icon5 = module3[name2];
+        setIconComponent(() => Icon5);
       } else {
         setIconComponent(() => module3["CircleAlert"]);
       }
@@ -103474,7 +103474,7 @@ var AccessibilityManager = /* @__PURE__ */ (function() {
   }, {
     key: "spoofMouse",
     value: function spoofMouse() {
-      var _window, _window2;
+      var _window2, _window22;
       if (this.layout !== "horizontal") {
         return;
       }
@@ -103483,8 +103483,8 @@ var AccessibilityManager = /* @__PURE__ */ (function() {
       }
       var _this$container$getBo = this.container.getBoundingClientRect(), x10 = _this$container$getBo.x, y14 = _this$container$getBo.y, height = _this$container$getBo.height;
       var coordinate = this.coordinateList[this.activeIndex].coordinate;
-      var scrollOffsetX = ((_window = window) === null || _window === void 0 ? void 0 : _window.scrollX) || 0;
-      var scrollOffsetY = ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.scrollY) || 0;
+      var scrollOffsetX = ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.scrollX) || 0;
+      var scrollOffsetY = ((_window22 = window) === null || _window22 === void 0 ? void 0 : _window22.scrollY) || 0;
       var pageX = x10 + coordinate + scrollOffsetX;
       var pageY = y14 + this.offset.top + height / 2 + scrollOffsetY;
       this.mouseHandlerCallback({
@@ -118147,11 +118147,11 @@ var useTheme = () => {
 var ThemeProvider_default = ThemeProvider2;
 
 // src/components/FilterBuilder/FilterBuilder.tsx
-import React154, {
+import React155, {
   useCallback as useCallback51,
-  useEffect as useEffect72,
+  useEffect as useEffect71,
   useMemo as useMemo82,
-  useState as useState82
+  useState as useState81
 } from "react";
 import { motion as motion27, AnimatePresence as AnimatePresence24 } from "framer-motion";
 import {
@@ -120554,8 +120554,57 @@ var Slider = React150.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
-// ../../../node_modules/.pnpm/@iconify+react@6.0.0_react@19.1.1/node_modules/@iconify/react/dist/iconify.js
-import { createElement as createElement24, forwardRef as forwardRef46, useState as useState79, useEffect as useEffect69 } from "react";
+// ../../../node_modules/.pnpm/@iconify+react@4.1.1_react@19.1.1/node_modules/@iconify/react/dist/iconify.mjs
+import React151 from "react";
+var matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
+  const colonSeparated = value.split(":");
+  if (value.slice(0, 1) === "@") {
+    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
+      return null;
+    }
+    provider = colonSeparated.shift().slice(1);
+  }
+  if (colonSeparated.length > 3 || !colonSeparated.length) {
+    return null;
+  }
+  if (colonSeparated.length > 1) {
+    const name22 = colonSeparated.pop();
+    const prefix2 = colonSeparated.pop();
+    const result = {
+      // Allow provider without '@': "provider:prefix:name"
+      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
+      prefix: prefix2,
+      name: name22
+    };
+    return validate && !validateIconName(result) ? null : result;
+  }
+  const name2 = colonSeparated[0];
+  const dashSeparated = name2.split("-");
+  if (dashSeparated.length > 1) {
+    const result = {
+      provider,
+      prefix: dashSeparated.shift(),
+      name: dashSeparated.join("-")
+    };
+    return validate && !validateIconName(result) ? null : result;
+  }
+  if (allowSimpleName && provider === "") {
+    const result = {
+      provider,
+      prefix: "",
+      name: name2
+    };
+    return validate && !validateIconName(result, allowSimpleName) ? null : result;
+  }
+  return null;
+};
+var validateIconName = (icon, allowSimpleName) => {
+  if (!icon) {
+    return false;
+  }
+  return !!((icon.provider === "" || icon.provider.match(matchIconName)) && (allowSimpleName && icon.prefix === "" || icon.prefix.match(matchIconName)) && icon.name.match(matchIconName));
+};
 var defaultIconDimensions = Object.freeze(
   {
     left: 0,
@@ -120625,7 +120674,7 @@ function getIconsTree(data, names) {
     }
     return resolved[name2];
   }
-  Object.keys(icons).concat(Object.keys(aliases)).forEach(resolve);
+  (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);
   return resolved;
 }
 function internalGetIconData(data, name2, tree) {
@@ -120691,15 +120740,10 @@ function quicklyValidateIconSet(obj) {
   const icons = data.icons;
   for (const name2 in icons) {
     const icon = icons[name2];
-    if (
-      // Name cannot be empty
-      !name2 || // Must have body
-      typeof icon.body !== "string" || // Check other props
-      !checkOptionalProps(
-        icon,
-        defaultExtendedIconProps
-      )
-    ) {
+    if (!name2.match(matchIconName) || typeof icon.body !== "string" || !checkOptionalProps(
+      icon,
+      defaultExtendedIconProps
+    )) {
       return null;
     }
   }
@@ -120707,71 +120751,15 @@ function quicklyValidateIconSet(obj) {
   for (const name2 in aliases) {
     const icon = aliases[name2];
     const parent = icon.parent;
-    if (
-      // Name cannot be empty
-      !name2 || // Parent must be set and point to existing icon
-      typeof parent !== "string" || !icons[parent] && !aliases[parent] || // Check other props
-      !checkOptionalProps(
-        icon,
-        defaultExtendedIconProps
-      )
-    ) {
+    if (!name2.match(matchIconName) || typeof parent !== "string" || !icons[parent] && !aliases[parent] || !checkOptionalProps(
+      icon,
+      defaultExtendedIconProps
+    )) {
       return null;
     }
   }
   return data;
 }
-var matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
-var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
-  const colonSeparated = value.split(":");
-  if (value.slice(0, 1) === "@") {
-    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
-      return null;
-    }
-    provider = colonSeparated.shift().slice(1);
-  }
-  if (colonSeparated.length > 3 || !colonSeparated.length) {
-    return null;
-  }
-  if (colonSeparated.length > 1) {
-    const name22 = colonSeparated.pop();
-    const prefix2 = colonSeparated.pop();
-    const result = {
-      // Allow provider without '@': "provider:prefix:name"
-      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
-      prefix: prefix2,
-      name: name22
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  const name2 = colonSeparated[0];
-  const dashSeparated = name2.split("-");
-  if (dashSeparated.length > 1) {
-    const result = {
-      provider,
-      prefix: dashSeparated.shift(),
-      name: dashSeparated.join("-")
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  if (allowSimpleName && provider === "") {
-    const result = {
-      provider,
-      prefix: "",
-      name: name2
-    };
-    return validate && !validateIconName(result, allowSimpleName) ? null : result;
-  }
-  return null;
-};
-var validateIconName = (icon, allowSimpleName) => {
-  if (!icon) {
-    return false;
-  }
-  return !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
-  // Check name: cannot be empty
-  ((allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
-};
 var dataStorage = /* @__PURE__ */ Object.create(null);
 function newStorage(provider, prefix2) {
   return {
@@ -120828,12 +120816,7 @@ function addIcon(name2, data) {
     return false;
   }
   const storage2 = getStorage(icon.provider, icon.prefix);
-  if (data) {
-    return addIconToStorage(storage2, icon.name, data);
-  } else {
-    storage2.missing.add(icon.name);
-    return true;
-  }
+  return addIconToStorage(storage2, icon.name, data);
 }
 function addCollection(data, provider) {
   if (typeof data !== "object") {
@@ -120847,7 +120830,7 @@ function addCollection(data, provider) {
     if (quicklyValidateIconSet(data)) {
       data.prefix = "";
       parseIconSet(data, (name2, icon) => {
-        if (addIcon(name2, icon)) {
+        if (icon && addIcon(name2, icon)) {
           added = true;
         }
       });
@@ -120856,6 +120839,7 @@ function addCollection(data, provider) {
   }
   const prefix2 = data.prefix;
   if (!validateIconName({
+    provider,
     prefix: prefix2,
     name: "a"
   })) {
@@ -120912,34 +120896,6 @@ function calculateSize(size4, ratio, precision) {
     isNumber4 = !isNumber4;
   }
 }
-function splitSVGDefs(content3, tag = "defs") {
-  let defs = "";
-  const index4 = content3.indexOf("<" + tag);
-  while (index4 >= 0) {
-    const start2 = content3.indexOf(">", index4);
-    const end = content3.indexOf("</" + tag);
-    if (start2 === -1 || end === -1) {
-      break;
-    }
-    const endEnd = content3.indexOf(">", end);
-    if (endEnd === -1) {
-      break;
-    }
-    defs += content3.slice(start2 + 1, end).trim();
-    content3 = content3.slice(0, index4).trim() + content3.slice(endEnd + 1);
-  }
-  return {
-    defs,
-    content: content3
-  };
-}
-function mergeDefsAndContent(defs, content3) {
-  return defs ? "<defs>" + defs + "</defs>" + content3 : content3;
-}
-function wrapSVGContent(body, start2, end) {
-  const split = splitSVGDefs(body);
-  return mergeDefsAndContent(split.defs, start2 + split.content + end);
-}
 var isUnsetKeyword = (value) => value === "unset" || value === "undefined" || value === "none";
 function iconToSVG(icon, customisations) {
   const fullIcon = {
@@ -121016,11 +120972,7 @@ function iconToSVG(icon, customisations) {
       }
     }
     if (transformations.length) {
-      body = wrapSVGContent(
-        body,
-        '<g transform="' + transformations.join(" ") + '">',
-        "</g>"
-      );
+      body = '<g transform="' + transformations.join(" ") + '">' + body + "</g>";
     }
   });
   const customisationsWidth = fullCustomisations.width;
@@ -121044,11 +120996,9 @@ function iconToSVG(icon, customisations) {
   };
   setAttr("width", width);
   setAttr("height", height);
-  const viewBox = [box.left, box.top, boxWidth, boxHeight];
-  attributes.viewBox = viewBox.join(" ");
+  attributes.viewBox = box.left.toString() + " " + box.top.toString() + " " + boxWidth.toString() + " " + boxHeight.toString();
   return {
     attributes,
-    viewBox,
     body
   };
 }
@@ -121664,63 +121614,201 @@ function sendAPIQuery(target, query, callback) {
   }
   return redundancy.query(query, send2, callback)().abort;
 }
-function emptyCallback() {
+var browserCacheVersion = "iconify2";
+var browserCachePrefix = "iconify";
+var browserCacheCountKey = browserCachePrefix + "-count";
+var browserCacheVersionKey = browserCachePrefix + "-version";
+var browserStorageHour = 36e5;
+var browserStorageCacheExpiration = 168;
+function getStoredItem(func, key2) {
+  try {
+    return func.getItem(key2);
+  } catch (err) {
+  }
 }
-function loadedNewIcons(storage2) {
-  if (!storage2.iconsLoaderFlag) {
-    storage2.iconsLoaderFlag = true;
-    setTimeout(() => {
-      storage2.iconsLoaderFlag = false;
-      updateCallbacks(storage2);
-    });
+function setStoredItem(func, key2, value) {
+  try {
+    func.setItem(key2, value);
+    return true;
+  } catch (err) {
   }
 }
-function checkIconNamesForAPI(icons) {
-  const valid2 = [];
-  const invalid = [];
-  icons.forEach((name2) => {
-    (name2.match(matchIconName) ? valid2 : invalid).push(name2);
-  });
-  return {
-    valid: valid2,
-    invalid
-  };
+function removeStoredItem(func, key2) {
+  try {
+    func.removeItem(key2);
+  } catch (err) {
+  }
 }
-function parseLoaderResponse(storage2, icons, data) {
-  function checkMissing() {
-    const pending = storage2.pendingIcons;
-    icons.forEach((name2) => {
-      if (pending) {
-        pending.delete(name2);
+function setBrowserStorageItemsCount(storage2, value) {
+  return setStoredItem(storage2, browserCacheCountKey, value.toString());
+}
+function getBrowserStorageItemsCount(storage2) {
+  return parseInt(getStoredItem(storage2, browserCacheCountKey)) || 0;
+}
+var browserStorageConfig = {
+  local: true,
+  session: true
+};
+var browserStorageEmptyItems = {
+  local: /* @__PURE__ */ new Set(),
+  session: /* @__PURE__ */ new Set()
+};
+var browserStorageStatus = false;
+function setBrowserStorageStatus(status) {
+  browserStorageStatus = status;
+}
+var _window = typeof window === "undefined" ? {} : window;
+function getBrowserStorage(key2) {
+  const attr = key2 + "Storage";
+  try {
+    if (_window && _window[attr] && typeof _window[attr].length === "number") {
+      return _window[attr];
+    }
+  } catch (err) {
+  }
+  browserStorageConfig[key2] = false;
+}
+function iterateBrowserStorage(key2, callback) {
+  const func = getBrowserStorage(key2);
+  if (!func) {
+    return;
+  }
+  const version2 = getStoredItem(func, browserCacheVersionKey);
+  if (version2 !== browserCacheVersion) {
+    if (version2) {
+      const total2 = getBrowserStorageItemsCount(func);
+      for (let i16 = 0; i16 < total2; i16++) {
+        removeStoredItem(func, browserCachePrefix + i16.toString());
+      }
+    }
+    setStoredItem(func, browserCacheVersionKey, browserCacheVersion);
+    setBrowserStorageItemsCount(func, 0);
+    return;
+  }
+  const minTime = Math.floor(Date.now() / browserStorageHour) - browserStorageCacheExpiration;
+  const parseItem = (index4) => {
+    const name2 = browserCachePrefix + index4.toString();
+    const item = getStoredItem(func, name2);
+    if (typeof item !== "string") {
+      return;
+    }
+    try {
+      const data = JSON.parse(item);
+      if (typeof data === "object" && typeof data.cached === "number" && data.cached > minTime && typeof data.provider === "string" && typeof data.data === "object" && typeof data.data.prefix === "string" && // Valid item: run callback
+      callback(data, index4)) {
+        return true;
+      }
+    } catch (err) {
+    }
+    removeStoredItem(func, name2);
+  };
+  let total = getBrowserStorageItemsCount(func);
+  for (let i16 = total - 1; i16 >= 0; i16--) {
+    if (!parseItem(i16)) {
+      if (i16 === total - 1) {
+        total--;
+        setBrowserStorageItemsCount(func, total);
+      } else {
+        browserStorageEmptyItems[key2].add(i16);
       }
-      if (!storage2.icons[name2]) {
-        storage2.missing.add(name2);
+    }
+  }
+}
+function initBrowserStorage() {
+  if (browserStorageStatus) {
+    return;
+  }
+  setBrowserStorageStatus(true);
+  for (const key2 in browserStorageConfig) {
+    iterateBrowserStorage(key2, (item) => {
+      const iconSet = item.data;
+      const provider = item.provider;
+      const prefix2 = iconSet.prefix;
+      const storage2 = getStorage(
+        provider,
+        prefix2
+      );
+      if (!addIconSet(storage2, iconSet).length) {
+        return false;
       }
+      const lastModified = iconSet.lastModified || -1;
+      storage2.lastModifiedCached = storage2.lastModifiedCached ? Math.min(storage2.lastModifiedCached, lastModified) : lastModified;
+      return true;
     });
   }
-  if (data && typeof data === "object") {
-    try {
-      const parsed = addIconSet(storage2, data);
-      if (!parsed.length) {
-        checkMissing();
+}
+function updateLastModified(storage2, lastModified) {
+  const lastValue = storage2.lastModifiedCached;
+  if (
+    // Matches or newer
+    lastValue && lastValue >= lastModified
+  ) {
+    return lastValue === lastModified;
+  }
+  storage2.lastModifiedCached = lastModified;
+  if (lastValue) {
+    for (const key2 in browserStorageConfig) {
+      iterateBrowserStorage(key2, (item) => {
+        const iconSet = item.data;
+        return item.provider !== storage2.provider || iconSet.prefix !== storage2.prefix || iconSet.lastModified === lastModified;
+      });
+    }
+  }
+  return true;
+}
+function storeInBrowserStorage(storage2, data) {
+  if (!browserStorageStatus) {
+    initBrowserStorage();
+  }
+  function store(key2) {
+    let func;
+    if (!browserStorageConfig[key2] || !(func = getBrowserStorage(key2))) {
+      return;
+    }
+    const set2 = browserStorageEmptyItems[key2];
+    let index4;
+    if (set2.size) {
+      set2.delete(index4 = Array.from(set2).shift());
+    } else {
+      index4 = getBrowserStorageItemsCount(func);
+      if (!setBrowserStorageItemsCount(func, index4 + 1)) {
         return;
       }
-    } catch (err) {
-      console.error(err);
     }
+    const item = {
+      cached: Math.floor(Date.now() / browserStorageHour),
+      provider: storage2.provider,
+      data
+    };
+    return setStoredItem(
+      func,
+      browserCachePrefix + index4.toString(),
+      JSON.stringify(item)
+    );
+  }
+  if (data.lastModified && !updateLastModified(storage2, data.lastModified)) {
+    return;
+  }
+  if (!Object.keys(data.icons).length) {
+    return;
+  }
+  if (data.not_found) {
+    data = Object.assign({}, data);
+    delete data.not_found;
+  }
+  if (!store("local")) {
+    store("session");
   }
-  checkMissing();
-  loadedNewIcons(storage2);
 }
-function parsePossiblyAsyncResponse(response, callback) {
-  if (response instanceof Promise) {
-    response.then((data) => {
-      callback(data);
-    }).catch(() => {
-      callback(null);
+function emptyCallback() {
+}
+function loadedNewIcons(storage2) {
+  if (!storage2.iconsLoaderFlag) {
+    storage2.iconsLoaderFlag = true;
+    setTimeout(() => {
+      storage2.iconsLoaderFlag = false;
+      updateCallbacks(storage2);
     });
-  } else {
-    callback(response);
   }
 }
 function loadNewIcons(storage2, icons) {
@@ -121736,50 +121824,38 @@ function loadNewIcons(storage2, icons) {
       const { provider, prefix: prefix2 } = storage2;
       const icons2 = storage2.iconsToLoad;
       delete storage2.iconsToLoad;
-      if (!icons2 || !icons2.length) {
+      let api;
+      if (!icons2 || !(api = getAPIModule(provider))) {
         return;
       }
-      const customIconLoader = storage2.loadIcon;
-      if (storage2.loadIcons && (icons2.length > 1 || !customIconLoader)) {
-        parsePossiblyAsyncResponse(
-          storage2.loadIcons(icons2, prefix2, provider),
-          (data) => {
-            parseLoaderResponse(storage2, icons2, data);
-          }
-        );
-        return;
-      }
-      if (customIconLoader) {
-        icons2.forEach((name2) => {
-          const response = customIconLoader(name2, prefix2, provider);
-          parsePossiblyAsyncResponse(response, (data) => {
-            const iconSet = data ? {
-              prefix: prefix2,
-              icons: {
-                [name2]: data
-              }
-            } : null;
-            parseLoaderResponse(storage2, [name2], iconSet);
-          });
-        });
-        return;
-      }
-      const { valid: valid2, invalid } = checkIconNamesForAPI(icons2);
-      if (invalid.length) {
-        parseLoaderResponse(storage2, invalid, null);
-      }
-      if (!valid2.length) {
-        return;
-      }
-      const api = prefix2.match(matchIconName) ? getAPIModule(provider) : null;
-      if (!api) {
-        parseLoaderResponse(storage2, valid2, null);
-        return;
-      }
-      const params = api.prepare(provider, prefix2, valid2);
+      const params = api.prepare(provider, prefix2, icons2);
       params.forEach((item) => {
         sendAPIQuery(provider, item, (data) => {
-          parseLoaderResponse(storage2, item.icons, data);
+          if (typeof data !== "object") {
+            item.icons.forEach((name2) => {
+              storage2.missing.add(name2);
+            });
+          } else {
+            try {
+              const parsed = addIconSet(
+                storage2,
+                data
+              );
+              if (!parsed.length) {
+                return;
+              }
+              const pending = storage2.pendingIcons;
+              if (pending) {
+                parsed.forEach((name2) => {
+                  pending.delete(name2);
+                });
+              }
+              storeInBrowserStorage(storage2, data);
+            } catch (err) {
+              console.error(err);
+            }
+          }
+          loadedNewIcons(storage2);
         });
       });
     });
@@ -121832,9 +121908,9 @@ var loadIcons = (icons, callback) => {
     }
   });
   sources.forEach((storage2) => {
-    const list3 = newIcons[storage2.provider][storage2.prefix];
-    if (list3.length) {
-      loadNewIcons(storage2, list3);
+    const { provider, prefix: prefix2 } = storage2;
+    if (newIcons[provider][prefix2].length) {
+      loadNewIcons(storage2, newIcons[provider][prefix2]);
     }
   });
   return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
@@ -121976,31 +122052,16 @@ var inlineDefaults = {
 function fixSize(value) {
   return value + (value.match(/^[-0-9.]+$/) ? "px" : "");
 }
-var render = (icon, props, name2) => {
-  const defaultProps6 = props.inline ? inlineDefaults : defaultExtendedIconCustomisations;
+var render = (icon, props, inline4, ref) => {
+  const defaultProps6 = inline4 ? inlineDefaults : defaultExtendedIconCustomisations;
   const customisations = mergeCustomisations(defaultProps6, props);
   const mode = props.mode || "svg";
   const style = {};
   const customStyle = props.style || {};
   const componentProps = {
-    ...mode === "svg" ? svgDefaults : {}
-  };
-  if (name2) {
-    const iconName = stringToIcon(name2, false, true);
-    if (iconName) {
-      const classNames = ["iconify"];
-      const props2 = [
-        "provider",
-        "prefix"
-      ];
-      for (const prop of props2) {
-        if (iconName[prop]) {
-          classNames.push("iconify--" + iconName[prop]);
-        }
-      }
-      componentProps.className = classNames.join(" ");
-    }
-  }
+    ...mode === "svg" ? svgDefaults : {},
+    ref
+  };
   for (let key2 in props) {
     const value = props[key2];
     if (value === void 0) {
@@ -122013,15 +122074,8 @@ var render = (icon, props, name2) => {
       case "children":
       case "onLoad":
       case "mode":
-      case "ssr":
-        break;
-      // Forward ref
       case "_ref":
-        componentProps.ref = value;
-        break;
-      // Merge class names
-      case "className":
-        componentProps[key2] = (componentProps[key2] ? componentProps[key2] + " " : "") + value;
+      case "_inline":
         break;
       // Boolean attributes
       case "inline":
@@ -122080,7 +122134,7 @@ var render = (icon, props, name2) => {
     componentProps.dangerouslySetInnerHTML = {
       __html: cleanUpInnerHTML(replaceIDs(item.body, id ? () => id + "ID" + localCounter++ : "iconifyReact"))
     };
-    return createElement24("svg", componentProps);
+    return React151.createElement("svg", componentProps);
   }
   const { body, width, height } = icon;
   const useMask = mode === "mask" || (mode === "bg" ? false : body.indexOf("currentColor") !== -1);
@@ -122098,14 +122152,15 @@ var render = (icon, props, name2) => {
     ...useMask ? monotoneProps : coloredProps,
     ...customStyle
   };
-  return createElement24("span", componentProps);
+  return React151.createElement("span", componentProps);
 };
 allowSimpleNames(true);
 setAPIModule("", fetchAPIModule);
 if (typeof document !== "undefined" && typeof window !== "undefined") {
-  const _window = window;
-  if (_window.IconifyPreload !== void 0) {
-    const preload = _window.IconifyPreload;
+  initBrowserStorage();
+  const _window2 = window;
+  if (_window2.IconifyPreload !== void 0) {
+    const preload = _window2.IconifyPreload;
     const err = "Invalid IconifyPreload syntax.";
     if (typeof preload === "object" && preload !== null) {
       (preload instanceof Array ? preload : [preload]).forEach((item) => {
@@ -122124,8 +122179,8 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
       });
     }
   }
-  if (_window.IconifyProviders !== void 0) {
-    const providers = _window.IconifyProviders;
+  if (_window2.IconifyProviders !== void 0) {
+    const providers = _window2.IconifyProviders;
     if (typeof providers === "object" && providers !== null) {
       for (let key2 in providers) {
         const err = "IconifyProviders[" + key2 + "] is invalid.";
@@ -122144,103 +122199,153 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
     }
   }
 }
-function IconComponent(props) {
-  const [mounted, setMounted] = useState79(!!props.ssr);
-  const [abort, setAbort] = useState79({});
-  function getInitialState2(mounted2) {
-    if (mounted2) {
-      const name3 = props.icon;
-      if (typeof name3 === "object") {
-        return {
-          name: "",
-          data: name3
-        };
-      }
-      const data2 = getIconData(name3);
-      if (data2) {
-        return {
-          name: name3,
-          data: data2
-        };
-      }
-    }
-    return {
-      name: ""
+var IconComponent = class extends React151.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      // Render placeholder before component is mounted
+      icon: null
     };
   }
-  const [state, setState] = useState79(getInitialState2(!!props.ssr));
-  function cleanup() {
-    const callback = abort.callback;
-    if (callback) {
-      callback();
-      setAbort({});
+  /**
+   * Abort loading icon
+   */
+  _abortLoading() {
+    if (this._loading) {
+      this._loading.abort();
+      this._loading = null;
     }
   }
-  function changeState(newState) {
-    if (JSON.stringify(state) !== JSON.stringify(newState)) {
-      cleanup();
-      setState(newState);
-      return true;
+  /**
+   * Update state
+   */
+  _setData(icon) {
+    if (this.state.icon !== icon) {
+      this.setState({
+        icon
+      });
     }
   }
-  function updateState() {
-    var _a;
-    const name3 = props.icon;
-    if (typeof name3 === "object") {
-      changeState({
-        name: "",
-        data: name3
-      });
+  /**
+   * Check if icon should be loaded
+   */
+  _checkIcon(changed) {
+    const state = this.state;
+    const icon = this.props.icon;
+    if (typeof icon === "object" && icon !== null && typeof icon.body === "string") {
+      this._icon = "";
+      this._abortLoading();
+      if (changed || state.icon === null) {
+        this._setData({
+          data: icon
+        });
+      }
       return;
     }
-    const data2 = getIconData(name3);
-    if (changeState({
-      name: name3,
-      data: data2
-    })) {
-      if (data2 === void 0) {
-        const callback = loadIcons([name3], updateState);
-        setAbort({
-          callback
-        });
-      } else if (data2) {
-        (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props, name3);
+    let iconName;
+    if (typeof icon !== "string" || (iconName = stringToIcon(icon, false, true)) === null) {
+      this._abortLoading();
+      this._setData(null);
+      return;
+    }
+    const data = getIconData(iconName);
+    if (!data) {
+      if (!this._loading || this._loading.name !== icon) {
+        this._abortLoading();
+        this._icon = "";
+        this._setData(null);
+        if (data !== null) {
+          this._loading = {
+            name: icon,
+            abort: loadIcons([iconName], this._checkIcon.bind(this, false))
+          };
+        }
+      }
+      return;
+    }
+    if (this._icon !== icon || state.icon === null) {
+      this._abortLoading();
+      this._icon = icon;
+      const classes = ["iconify"];
+      if (iconName.prefix !== "") {
+        classes.push("iconify--" + iconName.prefix);
+      }
+      if (iconName.provider !== "") {
+        classes.push("iconify--" + iconName.provider);
+      }
+      this._setData({
+        data,
+        classes
+      });
+      if (this.props.onLoad) {
+        this.props.onLoad(icon);
       }
     }
   }
-  useEffect69(() => {
-    setMounted(true);
-    return cleanup;
-  }, []);
-  useEffect69(() => {
-    if (mounted) {
-      updateState();
+  /**
+   * Component mounted
+   */
+  componentDidMount() {
+    this._checkIcon(false);
+  }
+  /**
+   * Component updated
+   */
+  componentDidUpdate(oldProps) {
+    if (oldProps.icon !== this.props.icon) {
+      this._checkIcon(true);
     }
-  }, [props.icon, mounted]);
-  const { name: name2, data } = state;
-  if (!data) {
-    return props.children ? props.children : props.fallback ? props.fallback : createElement24("span", {});
   }
-  return render({
-    ...defaultIconProps,
-    ...data
-  }, props, name2);
-}
-var Icon3 = forwardRef46((props, ref) => IconComponent({
-  ...props,
-  _ref: ref
-}));
-var InlineIcon = forwardRef46((props, ref) => IconComponent({
-  inline: true,
-  ...props,
-  _ref: ref
-}));
+  /**
+   * Abort loading
+   */
+  componentWillUnmount() {
+    this._abortLoading();
+  }
+  /**
+   * Render
+   */
+  render() {
+    const props = this.props;
+    const icon = this.state.icon;
+    if (icon === null) {
+      return props.children ? props.children : React151.createElement("span", {});
+    }
+    let newProps = props;
+    if (icon.classes) {
+      newProps = {
+        ...props,
+        className: (typeof props.className === "string" ? props.className + " " : "") + icon.classes.join(" ")
+      };
+    }
+    return render({
+      ...defaultIconProps,
+      ...icon.data
+    }, newProps, props._inline, props._ref);
+  }
+};
+var Icon3 = React151.forwardRef(function Icon4(props, ref) {
+  const newProps = {
+    ...props,
+    _ref: ref,
+    _inline: false
+  };
+  return React151.createElement(IconComponent, newProps);
+});
+var InlineIcon = React151.forwardRef(function InlineIcon2(props, ref) {
+  const newProps = {
+    ...props,
+    _ref: ref,
+    _inline: true
+  };
+  return React151.createElement(IconComponent, newProps);
+});
 
 // src/animate-primitives/components/radix/accordion.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
 
 // src/animate-primitives/primitives/radix/accordion.tsx
-import * as React151 from "react";
+import * as React152 from "react";
 import { Accordion as AccordionPrimitive } from "radix-ui";
 import { motion as motion26, AnimatePresence as AnimatePresence23 } from "motion/react";
 import { jsx as jsx217 } from "react/jsx-runtime";
@@ -122263,10 +122368,10 @@ function Accordion(props) {
 }
 function AccordionItem(props) {
   const { value } = useAccordion();
-  const [isOpen, setIsOpen] = React151.useState(
+  const [isOpen, setIsOpen] = React152.useState(
     value?.includes(props?.value) ?? false
   );
-  React151.useEffect(() => {
+  React152.useEffect(() => {
     setIsOpen(value?.includes(props?.value) ?? false);
   }, [value, props?.value]);
   return /* @__PURE__ */ jsx217(AccordionItemProvider, { value: { isOpen, setIsOpen, value: props.value }, children: /* @__PURE__ */ jsx217(AccordionPrimitive.Item, { "data-slot": "accordion-item", ...props }) });
@@ -122370,10 +122475,10 @@ function AccordionContent2({
 import { useDevice } from "@pol-studios/hooks";
 
 // src/components/FilterBuilder/MobileFilterDrawer.tsx
-import React153, { useState as useState81, useEffect as useEffect71 } from "react";
+import React154, { useState as useState80, useEffect as useEffect70 } from "react";
 
 // src/components/FilterBuilder/Preview/FilterPreview.tsx
-import React152 from "react";
+import React153 from "react";
 import { jsx as jsx219, jsxs as jsxs129 } from "react/jsx-runtime";
 function isFilterState(filter) {
   return "field" in filter && typeof filter.field === "string";
@@ -122402,7 +122507,7 @@ function RenderFilters({ filters, setFilters, depth = 0 }) {
           return 0;
         }).map((filter, index4) => {
           if (filter.id === SEARCH_ID) {
-            return /* @__PURE__ */ jsx219(React152.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start space-x-3", children: [
+            return /* @__PURE__ */ jsx219(React153.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start space-x-3", children: [
               index4 > 0 && /* @__PURE__ */ jsx219(
                 "span",
                 {
@@ -122417,12 +122522,12 @@ function RenderFilters({ filters, setFilters, depth = 0 }) {
             ] }) }, index4);
           }
           if (isFilterGroup(filter)) {
-            return /* @__PURE__ */ jsx219(React152.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start", children: [
+            return /* @__PURE__ */ jsx219(React153.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start", children: [
               index4 > 0 && /* @__PURE__ */ jsx219("span", { className: "mx-2 text-sm font-medium text-muted-600", children: filters.op }),
               RenderFilters({ filters: filter, setFilters, depth: depth + 1 })
             ] }) }, index4);
           } else if (isFilterState(filter)) {
-            return /* @__PURE__ */ jsx219(React152.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start space-x-3", children: [
+            return /* @__PURE__ */ jsx219(React153.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start space-x-3", children: [
               index4 > 0 && /* @__PURE__ */ jsx219(
                 "span",
                 {
@@ -122506,10 +122611,10 @@ function MobileFilterDrawer({
   aiSearchOptions,
   updateAiSearchSimilarity
 }) {
-  const [editingFilterId, setEditingFilterId] = useState81(null);
-  const [showInstructions, setShowInstructions] = useState81(true);
-  const [allFiltersExpanded, setAllFiltersExpanded] = useState81(void 0);
-  useEffect71(() => {
+  const [editingFilterId, setEditingFilterId] = useState80(null);
+  const [showInstructions, setShowInstructions] = useState80(true);
+  const [allFiltersExpanded, setAllFiltersExpanded] = useState80(void 0);
+  useEffect70(() => {
     if (columnSearch) {
       setAllFiltersExpanded("all-filters");
     }
@@ -122582,7 +122687,7 @@ function MobileFilterDrawer({
                   hasRecommendedFilters && propOptions && /* @__PURE__ */ jsxs130("div", { className: "pb-2", children: [
                     /* @__PURE__ */ jsx220("div", { className: filterStyles.recommendedHeader, children: "Recommended" }),
                     /* @__PURE__ */ jsx220("div", { className: "space-y-1", children: renderOptionsGroups(propOptions, 0, "recommended").map(
-                      (item, index4) => React153.cloneElement(item, { key: index4 })
+                      (item, index4) => React154.cloneElement(item, { key: index4 })
                     ) })
                   ] }),
                   hasRecommendedFilters && propOptions ? /* @__PURE__ */ jsx220(
@@ -122599,16 +122704,16 @@ function MobileFilterDrawer({
                           /* @__PURE__ */ jsx220("span", { className: "text-xs bg-muted-200 text-muted-700 px-2 py-1 rounded-full font-medium", children: filterOptions.length })
                         ] }) }),
                         /* @__PURE__ */ jsx220(AccordionContent2, { className: "pb-0 pt-0", children: /* @__PURE__ */ jsx220("div", { className: "space-y-1", children: renderOptionsGroups(propOptions, 0, "all").map(
-                          (item, index4) => React153.cloneElement(item, { key: index4 })
+                          (item, index4) => React154.cloneElement(item, { key: index4 })
                         ) }) })
                       ] })
                     }
                   ) : (
                     // No recommended filters - render normally
                     /* @__PURE__ */ jsx220(Accordion2, { type: "multiple", className: "space-y-1", children: propOptions ? renderOptionsGroups(propOptions).map(
-                      (item, index4) => React153.cloneElement(item, { key: index4 })
+                      (item, index4) => React154.cloneElement(item, { key: index4 })
                     ) : renderNestedOptions(children).map(
-                      (item, index4) => React153.cloneElement(item, { key: index4 })
+                      (item, index4) => React154.cloneElement(item, { key: index4 })
                     ) })
                   )
                 ] }),
@@ -123196,7 +123301,7 @@ function _FilterBuilder({
   widgets
 }) {
   const supabase = useSupabase7();
-  const [selectedQueryId, setSelectedQueryId] = useState82(
+  const [selectedQueryId, setSelectedQueryId] = useState81(
     () => {
       if (typeof window === "undefined") return void 0;
       const params = new URLSearchParams(window.location.search);
@@ -123215,16 +123320,16 @@ function _FilterBuilder({
     }
     window.history.replaceState({}, "", url.toString());
   }, []);
-  const [currentFilterLayer, setCurrentFilterLayer] = useState82(null);
-  const [showFilterDropdown, setShowFilterDropdown] = useState82(false);
-  const [showSearch, setShowSearch] = useState82(false);
-  const [showMobileDrawer, setShowMobileDrawer] = useState82(false);
-  const [showManagers, setShowManagers] = useState82(false);
-  const [showAdvancedFilters, setShowAdvancedFilters] = useState82(false);
-  const [expandedSections, setExpandedSections] = useState82(
+  const [currentFilterLayer, setCurrentFilterLayer] = useState81(null);
+  const [showFilterDropdown, setShowFilterDropdown] = useState81(false);
+  const [showSearch, setShowSearch] = useState81(false);
+  const [showMobileDrawer, setShowMobileDrawer] = useState81(false);
+  const [showManagers, setShowManagers] = useState81(false);
+  const [showAdvancedFilters, setShowAdvancedFilters] = useState81(false);
+  const [expandedSections, setExpandedSections] = useState81(
     /* @__PURE__ */ new Set()
   );
-  const [allFiltersExpanded, setAllFiltersExpanded] = useState82(void 0);
+  const [allFiltersExpanded, setAllFiltersExpanded] = useState81(void 0);
   const toggleSection = (sectionTitle) => {
     setExpandedSections((prev) => {
       const newSet = new Set(prev);
@@ -123236,7 +123341,7 @@ function _FilterBuilder({
       return newSet;
     });
   };
-  useEffect72(() => {
+  useEffect71(() => {
     if (!currentFilterLayer)
       setFilters((pre) => ({
         ...pre,
@@ -123269,24 +123374,24 @@ function _FilterBuilder({
       return flattenOptions(propOptions);
     }
     const extractOptions = (child) => {
-      if (React154.isValidElement(child)) {
+      if (React155.isValidElement(child)) {
         if (child.type === _FilterBuilder.Option) {
           return [child.props.value];
         }
         if (child.type === _FilterBuilder.NestedOptions) {
-          return React154.Children.toArray(child.props.children).flatMap(
+          return React155.Children.toArray(child.props.children).flatMap(
             extractOptions
           );
         }
-        if (child.type === React154.Fragment) {
-          return React154.Children.toArray(child.props.children).flatMap(
+        if (child.type === React155.Fragment) {
+          return React155.Children.toArray(child.props.children).flatMap(
             extractOptions
           );
         }
       }
       return [];
     };
-    const res = React154.Children.toArray(children).flatMap(extractOptions);
+    const res = React155.Children.toArray(children).flatMap(extractOptions);
     if (customColumns.data) {
       const customColumnsOptions = customColumns.data.map(
         (col) => {
@@ -123477,16 +123582,16 @@ function _FilterBuilder({
       return { ...prevFilters, filters: [] };
     });
   };
-  const [columnSearch, setColumnSearch] = useState82("");
-  useEffect72(() => {
+  const [columnSearch, setColumnSearch] = useState81("");
+  useEffect71(() => {
     if (columnSearch) {
       setAllFiltersExpanded("all-filters");
     }
   }, [columnSearch]);
-  const [searchText, setSearchText] = useState82("");
-  const [aiSearchText, setAiSearchText] = useState82("");
-  const [showAiSearch, setShowAiSearch] = useState82(false);
-  const [similarityThreshold, setSimilarityThreshold] = useState82(
+  const [searchText, setSearchText] = useState81("");
+  const [aiSearchText, setAiSearchText] = useState81("");
+  const [showAiSearch, setShowAiSearch] = useState81(false);
+  const [similarityThreshold, setSimilarityThreshold] = useState81(
     aiSearchOptions?.similarity ?? 0.3
   );
   const isAiSearchActive = useMemo82(() => {
@@ -123516,7 +123621,7 @@ function _FilterBuilder({
       }));
     }
   };
-  useEffect72(() => {
+  useEffect71(() => {
     const search2 = filters.filters.find((x10) => x10.id === SEARCH_ID);
     if (search2 && "value" in search2 && typeof search2.value === "string")
       setSearchText(search2.value);
@@ -123728,7 +123833,7 @@ function _FilterBuilder({
                   }
                 ),
                 /* @__PURE__ */ jsx221("div", { className: "", children: /* @__PURE__ */ jsx221("div", { className: "pl-2 mt-2", children: renderedChildren.map(
-                  (childItem, index4) => React154.cloneElement(childItem, { key: index4 })
+                  (childItem, index4) => React155.cloneElement(childItem, { key: index4 })
                 ) }) })
               ]
             },
@@ -123753,8 +123858,8 @@ function _FilterBuilder({
   };
   const renderNestedOptions = (children2, level = 0) => {
     const items = [];
-    React154.Children.forEach(children2, (child) => {
-      if (!React154.isValidElement(child)) return;
+    React155.Children.forEach(children2, (child) => {
+      if (!React155.isValidElement(child)) return;
       const childWithChildren = child;
       if (childWithChildren.type === FilterBuilder.NestedOptions) {
         const isAdvanced = childWithChildren.props.advanced === true;
@@ -123778,7 +123883,7 @@ function _FilterBuilder({
                     style: { top: `${currentLevel * 41}px` },
                     children: /* @__PURE__ */ jsxs131("div", { className: "flex items-center justify-between w-full", children: [
                       /* @__PURE__ */ jsx221("span", { className: "text-muted-800 text-xs md:text-sm font-semibold tracking-tight", children: childWithChildren.props.title }),
-                      /* @__PURE__ */ jsx221("span", { className: "text-xs text-muted-600 bg-muted-100 px-2 md:px-2.5 py-1 rounded-full font-medium", children: React154.Children.count(childWithChildren.props.children) })
+                      /* @__PURE__ */ jsx221("span", { className: "text-xs text-muted-600 bg-muted-100 px-2 md:px-2.5 py-1 rounded-full font-medium", children: React155.Children.count(childWithChildren.props.children) })
                     ] })
                   }
                 ),
@@ -123786,14 +123891,14 @@ function _FilterBuilder({
                   childWithChildren.props.children,
                   currentLevel + 1
                 ).map(
-                  (item, index4) => React154.cloneElement(item, { key: index4 })
+                  (item, index4) => React155.cloneElement(item, { key: index4 })
                 ) }) })
               ]
             },
             childWithChildren.props.title
           )
         );
-      } else if (childWithChildren.type === React154.Fragment) {
+      } else if (childWithChildren.type === React155.Fragment) {
         items.push(
           ...renderNestedOptions(childWithChildren.props.children, level)
         );
@@ -123829,7 +123934,7 @@ function _FilterBuilder({
     };
     return normalizeLayer(filters);
   }, [filters, filterOptions, dbSchema, table2]);
-  useEffect72(() => {
+  useEffect71(() => {
     if (!initQuery) {
       return;
     }
@@ -124105,7 +124210,7 @@ function _FilterBuilder({
                           hasRecommendedFilters && propOptions && /* @__PURE__ */ jsxs131("div", { className: "pb-2", children: [
                             /* @__PURE__ */ jsx221("div", { className: filterStyles.recommendedHeader, children: "Recommended" }),
                             /* @__PURE__ */ jsx221("div", { className: "space-y-1", children: renderOptionsGroups(propOptions, 0, "recommended").map(
-                              (item, index4) => React154.cloneElement(item, { key: index4 })
+                              (item, index4) => React155.cloneElement(item, { key: index4 })
                             ) })
                           ] }),
                           hasRecommendedFilters && propOptions ? /* @__PURE__ */ jsx221(
@@ -124122,16 +124227,16 @@ function _FilterBuilder({
                                   /* @__PURE__ */ jsx221("span", { className: "text-xs bg-muted-200 text-muted-700 px-2 py-1 rounded-full font-medium", children: filterOptions.length })
                                 ] }) }),
                                 /* @__PURE__ */ jsx221(AccordionContent2, { className: "pb-0 pt-0", children: /* @__PURE__ */ jsx221("div", { className: "space-y-1", children: renderOptionsGroups(propOptions, 0, "all").map(
-                                  (item, index4) => React154.cloneElement(item, { key: index4 })
+                                  (item, index4) => React155.cloneElement(item, { key: index4 })
                                 ) }) })
                               ] })
                             }
                           ) : (
                             // No recommended filters - render normally
                             /* @__PURE__ */ jsx221(Accordion2, { type: "multiple", className: "space-y-1", children: propOptions ? renderOptionsGroups(propOptions).map(
-                              (item, index4) => React154.cloneElement(item, { key: index4 })
+                              (item, index4) => React155.cloneElement(item, { key: index4 })
                             ) : renderNestedOptions(children).map(
-                              (item, index4) => React154.cloneElement(item, { key: index4 })
+                              (item, index4) => React155.cloneElement(item, { key: index4 })
                             ) })
                           )
                         ] }),
@@ -124442,7 +124547,7 @@ FilterBuilder.NestedOptions = ({ title, children, level = 0 }) => {
 var FilterBuilder_default = FilterBuilder;
 
 // src/components/FilterBuilder/AutoFilterBuilder.tsx
-import React155 from "react";
+import React156 from "react";
 
 // src/components/FilterBuilder/generateFilterOptions.ts
 function formatColumnName(name2) {
@@ -124762,10 +124867,10 @@ function AutoFilterBuilder({
   ...props
 }) {
   const schemaMetadata = useSchema2();
-  const mainTableOptions = React155.useMemo(() => {
+  const mainTableOptions = React156.useMemo(() => {
     return generateFilterOptionsFromConfig(config2, schemaMetadata);
   }, [config2, schemaMetadata]);
-  const optionsProp = React155.useMemo(() => {
+  const optionsProp = React156.useMemo(() => {
     const root3 = [];
     const markRecommended = (option) => {
       if (!config2.recommendedColumns?.length) return option;
@@ -124849,7 +124954,7 @@ function AutoFilterBuilder({
 }
 
 // src/components/FilterBuilder/FilterBuilderInitQuery.ts
-import { useEffect as useEffect73, useState as useState83 } from "react";
+import { useEffect as useEffect72, useState as useState82 } from "react";
 import { newUuid } from "@pol-studios/utils";
 function getSearchParams() {
   if (typeof window === "undefined") {
@@ -124915,8 +125020,8 @@ function createFilter(filterConfig, query) {
   };
 }
 function useFilterBuilderInitQuery(initQuery, filterOptions) {
-  const [filters, setFilters] = useState83(null);
-  useEffect73(() => {
+  const [filters, setFilters] = useState82(null);
+  useEffect72(() => {
     if (!initQuery) {
       return;
     }
@@ -125082,13 +125187,13 @@ var filterLayerToInitQuery = (root3) => {
 import {
   createContext as createContext24,
   useContext as useContext33,
-  useState as useState89,
+  useState as useState88,
   useCallback as useCallback57,
   useMemo as useMemo84
 } from "react";
 
 // src/components/chat-agent/ChatAgentDialog.tsx
-import { useRef as useRef54, useEffect as useEffect76, useState as useState88, useCallback as useCallback55 } from "react";
+import { useRef as useRef54, useEffect as useEffect75, useState as useState87, useCallback as useCallback55 } from "react";
 import {
   Sparkles,
   RotateCcw,
@@ -125099,7 +125204,7 @@ import {
 import { cn as cn125 } from "@pol-studios/utils";
 
 // src/components/chat-agent/useChatAgent.ts
-import { useState as useState84, useCallback as useCallback52, useRef as useRef53, useEffect as useEffect74 } from "react";
+import { useState as useState83, useCallback as useCallback52, useRef as useRef53, useEffect as useEffect73 } from "react";
 import { useSetupAuth as useSetupAuth5 } from "@pol-studios/db/auth";
 import { getSupabaseUrl, useSupabase as useSupabase8 } from "@pol-studios/db";
 var initialState3 = {
@@ -125113,7 +125218,7 @@ var initialState3 = {
   error: null
 };
 function useChatAgent() {
-  const [state, setState] = useState84(initialState3);
+  const [state, setState] = useState83(initialState3);
   const auth = useSetupAuth5();
   const supabase = useSupabase8();
   const abortControllerRef = useRef53(null);
@@ -125121,7 +125226,7 @@ function useChatAgent() {
   const currentResponseRef = useRef53("");
   const currentThinkingRef = useRef53("");
   const currentToolsRef = useRef53([]);
-  useEffect74(() => {
+  useEffect73(() => {
     return () => {
       if (abortControllerRef.current) {
         abortControllerRef.current.abort();
@@ -125508,13 +125613,13 @@ function SuggestionChip({ text: text6, onClick }) {
 import { Database, Brain, RefreshCw as RefreshCw3, Copy as Copy2, Check as Check6 } from "lucide-react";
 
 // src/components/chat-agent/components/CodeBlock.tsx
-import { useState as useState85, useCallback as useCallback53 } from "react";
+import { useState as useState84, useCallback as useCallback53 } from "react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { oneDark } from "react-syntax-highlighter/dist/esm/styles/prism";
 import { Check as Check5, Copy } from "lucide-react";
 import { Fragment as Fragment42, jsx as jsx225, jsxs as jsxs132 } from "react/jsx-runtime";
 function CodeBlock({ language, children }) {
-  const [copied, setCopied] = useState85(false);
+  const [copied, setCopied] = useState84(false);
   const handleCopy = useCallback53(async () => {
     await navigator.clipboard.writeText(children);
     setCopied(true);
@@ -127494,7 +127599,7 @@ var urlAttributes = {
 
 // ../../../node_modules/.pnpm/react-markdown@9.1.0_@types+react@19.2.2_react@19.1.1/node_modules/react-markdown/lib/index.js
 import { Fragment as Fragment43, jsx as jsx227, jsxs as jsxs134 } from "react/jsx-runtime";
-import { createElement as createElement25, useEffect as useEffect75, useState as useState86 } from "react";
+import { createElement as createElement24, useEffect as useEffect74, useState as useState85 } from "react";
 
 // ../../../node_modules/.pnpm/mdast-util-to-string@4.0.0/node_modules/mdast-util-to-string/lib/index.js
 var emptyOptions2 = {};
@@ -137091,7 +137196,7 @@ function defaultUrlTransform(value) {
 }
 
 // src/components/chat-agent/components/MessageBubble.tsx
-import { useCallback as useCallback54, useMemo as useMemo83, useState as useState87 } from "react";
+import { useCallback as useCallback54, useMemo as useMemo83, useState as useState86 } from "react";
 import { Fragment as Fragment44, jsx as jsx228, jsxs as jsxs135 } from "react/jsx-runtime";
 function parseEntityRef(href) {
   const match = href.match(/^entity:(\w+):([\w-]+)(?::([\w-]+))?$/);
@@ -137124,8 +137229,8 @@ function cleanBrokenDownloadLinks(content3) {
 }
 function MessageBubble({ message, isStreaming, onNavigate, resolveEntityRoute, onRegenerate }) {
   const isUser = message.role === "user";
-  const [showReasoning, setShowReasoning] = useState87(false);
-  const [copied, setCopied] = useState87(false);
+  const [showReasoning, setShowReasoning] = useState86(false);
+  const [copied, setCopied] = useState86(false);
   const handleCopy = useCallback54(() => {
     navigator.clipboard.writeText(message.content);
     setCopied(true);
@@ -137379,15 +137484,15 @@ function ChatAgentDialog({
     reset,
     clearError
   } = useChatAgent();
-  const [inputValue, setInputValue] = useState88("");
+  const [inputValue, setInputValue] = useState87("");
   const messagesEndRef = useRef54(null);
   const textareaRef = useRef54(null);
-  useEffect76(() => {
+  useEffect75(() => {
     if (isOpen) {
       messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
     }
   }, [messages, thinkingSummary, isOpen]);
-  useEffect76(() => {
+  useEffect75(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       textareaRef.current.style.height = `${Math.min(textareaRef.current.scrollHeight, 120)}px`;
@@ -137575,10 +137680,10 @@ function ChatAgentDialog({
 }
 
 // src/hooks/useKeyboardShortcuts.ts
-import { useEffect as useEffect77, useCallback as useCallback56, useRef as useRef55 } from "react";
+import { useEffect as useEffect76, useCallback as useCallback56, useRef as useRef55 } from "react";
 function useKeyboardShortcuts({ shortcuts, enabled = true }) {
   const shortcutsRef = useRef55(shortcuts);
-  useEffect77(() => {
+  useEffect76(() => {
     shortcutsRef.current = shortcuts;
   }, [shortcuts]);
   const handleKeyDown = useCallback56(
@@ -137622,7 +137727,7 @@ function useKeyboardShortcuts({ shortcuts, enabled = true }) {
     },
     [enabled]
   );
-  useEffect77(() => {
+  useEffect76(() => {
     if (!enabled) return;
     window.addEventListener("keydown", handleKeyDown);
     return () => {
@@ -137669,7 +137774,7 @@ function ChatAgentProvider({
   onNavigate,
   resolveEntityRoute
 }) {
-  const [isOpen, setIsOpen] = useState89(false);
+  const [isOpen, setIsOpen] = useState88(false);
   const open = useCallback57(() => setIsOpen(true), []);
   const close = useCallback57(() => setIsOpen(false), []);
   const toggle2 = useCallback57(() => setIsOpen((prev) => !prev), []);
@@ -137720,12 +137825,12 @@ function ChatAgentProvider({
 }
 
 // src/components/chat-agent/ChatAgentButton.tsx
-import { useState as useState90 } from "react";
+import { useState as useState89 } from "react";
 import { MessageSquare as MessageSquare2, Sparkles as Sparkles2 } from "lucide-react";
 import { cn as cn126 } from "@pol-studios/utils";
 import { jsx as jsx234, jsxs as jsxs141 } from "react/jsx-runtime";
 function ChatAgentButton({ onClick }) {
-  const [isHovered, setIsHovered] = useState90(false);
+  const [isHovered, setIsHovered] = useState89(false);
   const shortcutDisplay = formatShortcut({
     key: "k",
     ctrl: true,
@@ -137792,7 +137897,7 @@ function ChatAgentButton({ onClick }) {
 }
 
 // src/components/comments/PolCommentSection.tsx
-import { useEffect as useEffect78, useMemo as useMemo85, useState as useState91 } from "react";
+import { useEffect as useEffect77, useMemo as useMemo85, useState as useState90 } from "react";
 
 // src/nav/UserProfilePicture.tsx
 import { cn as cn127, isUsable as isUsable34 } from "@pol-studios/utils";
@@ -137879,11 +137984,11 @@ import { ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, X as X15, MoreVer
 import { CommentProvider as CommentSectionProvider, useComments as useCommentSection } from "@pol-studios/features";
 
 // src/primitives/separator.tsx
-import * as React156 from "react";
+import * as React157 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cn as cn128 } from "@pol-studios/utils";
 import { jsx as jsx236 } from "react/jsx-runtime";
-var Separator2 = React156.forwardRef(
+var Separator2 = React157.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx236(
     SeparatorPrimitive.Root,
     {
@@ -137930,7 +138035,7 @@ var Comment = ({
   isFirst
 }) => {
   const { setQuote, showMore, setShowMore, readComment, deleteComment } = useCommentSection();
-  useEffect78(() => {
+  useEffect77(() => {
     readComment(comment.id);
   }, []);
   const supabase = useSupabase9();
@@ -137981,7 +138086,7 @@ var Comment = ({
       ] }) })
     ] });
   }, [parent.data, parentAuthor.data]);
-  const [isHovering, setIsHovering] = useState91(false);
+  const [isHovering, setIsHovering] = useState90(false);
   const onMouseEnter = () => {
     setIsHovering(true);
   };
@@ -138238,7 +138343,7 @@ var ReactionManager = ({
 };
 
 // src/components/sdk/AddUserDropdown.tsx
-import { useEffect as useEffect79, useState as useState92 } from "react";
+import { useEffect as useEffect78, useState as useState91 } from "react";
 import { useSupabase as useSupabase10, useDbQuery as useDbQuery7 } from "@pol-studios/db";
 import { useSearchQuery as useSearchQuery3 } from "@pol-studios/db";
 import { isUsable as isUsable36 } from "@pol-studios/utils/types";
@@ -138253,9 +138358,9 @@ function AddUserDropdown({
   className,
   ...props
 }) {
-  const [searchText, setSearchText] = useState92("");
+  const [searchText, setSearchText] = useState91("");
   const supabase = useSupabase10();
-  useEffect79(() => {
+  useEffect78(() => {
     console.log("query changed");
   }, [searchText]);
   const usersRequest = useDbQuery7(
@@ -138291,7 +138396,7 @@ function AddUserDropdown({
 // src/components/sdk/PatternDropdown.tsx
 import { Pattern, useDbRealtimeQuery as useDbRealtimeQuery4, useSupabase as useSupabase11 } from "@pol-studios/db";
 import { useSearchQuery as useSearchQuery4 } from "@pol-studios/db";
-import { useMemo as useMemo86, useState as useState93 } from "react";
+import { useMemo as useMemo86, useState as useState92 } from "react";
 import { jsx as jsx239 } from "react/jsx-runtime";
 function PatternDropdown({
   onChange,
@@ -138304,7 +138409,7 @@ function PatternDropdown({
   const pattern1Request = useDbRealtimeQuery4(
     supabase.from("Pattern").select("*", { count: "exact" }).eq("id", patternId).single()
   );
-  const [searchText, setSearchText] = useState93("");
+  const [searchText, setSearchText] = useState92("");
   const pattern = pattern1Request.data;
   const goboRequest = useDbRealtimeQuery4(
     useSearchQuery4(
@@ -138409,10 +138514,10 @@ function camelToWords(str) {
 }
 
 // src/components/utils/useDebounce.tsx
-import { useEffect as useEffect80, useState as useState94 } from "react";
+import { useEffect as useEffect79, useState as useState93 } from "react";
 function useDebounce(value, delay2) {
-  const [debouncedValue, setDebouncedValue] = useState94(value);
-  useEffect80(
+  const [debouncedValue, setDebouncedValue] = useState93(value);
+  useEffect79(
     () => {
       const handler = setTimeout(() => {
         setDebouncedValue(value);
@@ -138430,9 +138535,9 @@ function useDebounce(value, delay2) {
 }
 
 // src/components/utils/useLocalStorage.tsx
-import { useCallback as useCallback58, useState as useState95 } from "react";
+import { useCallback as useCallback58, useState as useState94 } from "react";
 function useLocalStorage(key2, initialValue) {
-  const [storedValue, setStoredValue] = useState95(() => {
+  const [storedValue, setStoredValue] = useState94(() => {
     try {
       const item = window.localStorage.getItem(key2);
       return item ? JSON.parse(item) : initialValue;
@@ -138480,11 +138585,11 @@ var Protected = ({ accessLevel, children }) => {
 var Protected_default = Protected;
 
 // src/primitives/avatar.tsx
-import * as React159 from "react";
+import * as React160 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { cn as cn129 } from "@pol-studios/utils";
 import { jsx as jsx240 } from "react/jsx-runtime";
-var Avatar = React159.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
+var Avatar = React160.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
   AvatarPrimitive.Root,
   {
     ref,
@@ -138496,7 +138601,7 @@ var Avatar = React159.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React159.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
+var AvatarImage = React160.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
   AvatarPrimitive.Image,
   {
     ref,
@@ -138505,7 +138610,7 @@ var AvatarImage = React159.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React159.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
+var AvatarFallback = React160.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -138594,10 +138699,10 @@ function CardRow({
 }
 
 // src/cards/GlassmorphicCard.tsx
-import React160 from "react";
+import React161 from "react";
 import { cn as cn132 } from "@pol-studios/utils";
 import { jsx as jsx244 } from "react/jsx-runtime";
-var GlassmorphicCard = React160.forwardRef(
+var GlassmorphicCard = React161.forwardRef(
   ({ children, className, intensity = "medium", ...props }, ref) => {
     const intensityStyles = {
       subtle: [
@@ -138821,20 +138926,20 @@ function useDataAdapterOptional() {
 }
 
 // src/providers/data/hooks/useDataQuery.ts
-import { useState as useState96, useEffect as useEffect81, useCallback as useCallback59, useRef as useRef56, useMemo as useMemo88 } from "react";
+import { useState as useState95, useEffect as useEffect80, useCallback as useCallback59, useRef as useRef56, useMemo as useMemo88 } from "react";
 function useDataQueryById(table2, id, options = {}) {
   const context = useDataAdapterOptional();
   const adapter = context?.adapter;
   const { enabled = true, onSuccess, onError, onSettled, retry, retryDelay } = options;
-  const [data, setData] = useState96(void 0);
-  const [error2, setError] = useState96(null);
-  const [isLoading, setIsLoading] = useState96(false);
-  const [isFetching, setIsFetching] = useState96(false);
+  const [data, setData] = useState95(void 0);
+  const [error2, setError] = useState95(null);
+  const [isLoading, setIsLoading] = useState95(false);
+  const [isFetching, setIsFetching] = useState95(false);
   const retryCountRef = useRef56(0);
   const onSuccessRef = useRef56(onSuccess);
   const onErrorRef = useRef56(onError);
   const onSettledRef = useRef56(onSettled);
-  useEffect81(() => {
+  useEffect80(() => {
     onSuccessRef.current = onSuccess;
     onErrorRef.current = onError;
     onSettledRef.current = onSettled;
@@ -138891,7 +138996,7 @@ function useDataQueryById(table2, id, options = {}) {
       refetch
     };
   }, [fetchData]);
-  useEffect81(() => {
+  useEffect80(() => {
     if (enabled && adapter && id) {
       fetchData();
     }
@@ -138998,7 +139103,7 @@ function UserProfilePicture2({
 }
 
 // src/crud/UpdateEntity.tsx
-import { useCallback as useCallback60, useEffect as useEffect82, useState as useState97 } from "react";
+import { useCallback as useCallback60, useEffect as useEffect81, useState as useState96 } from "react";
 import { useDbUpsert as useDbUpsert5, useDbDelete as useDbDelete4 } from "@pol-studios/db";
 import { jsx as jsx248, jsxs as jsxs146 } from "react/jsx-runtime";
 var UpdateEntity = ({
@@ -139008,17 +139113,17 @@ var UpdateEntity = ({
   tableName,
   showDelete = false
 }) => {
-  const [open, setOpen] = useState97(false);
-  const [updatedEntity, setUpdatedEntity] = useState97(null);
+  const [open, setOpen] = useState96(false);
+  const [updatedEntity, setUpdatedEntity] = useState96(null);
   const mutate = useDbUpsert5(tableName);
-  const [isLoading, setIsLoading] = useState97(false);
+  const [isLoading, setIsLoading] = useState96(false);
   const deleteMutation = useDbDelete4(tableName);
   const handleDelete = async () => {
     setIsLoading(true);
     await deleteMutation.mutateAsync(entity);
     setIsLoading(false);
   };
-  useEffect82(() => {
+  useEffect81(() => {
     if (!open) return;
     setUpdatedEntity(entity);
   }, [open, entity]);
@@ -139102,7 +139207,7 @@ var UpdateEntity = ({
 var UpdateEntity_default = UpdateEntity;
 
 // src/contexts/contexts/core/SelectedItemsContext.tsx
-import { createContext as createContext26, useEffect as useEffect83, useState as useState98 } from "react";
+import { createContext as createContext26, useEffect as useEffect82, useState as useState97 } from "react";
 import { isUsable as isUsable38 } from "@pol-studios/utils";
 import { jsx as jsx249 } from "react/jsx-runtime";
 var defaultContextValue2 = {
@@ -139124,12 +139229,12 @@ var defaultContextValue2 = {
 function createSelectedItemsContext() {
   const context = createContext26(defaultContextValue2);
   const Provider = ({ children, Items, initialSelectedItems = [] }) => {
-    const [selectedItems, setSelectedItems] = useState98(initialSelectedItems);
-    const [items, setItems] = useState98([]);
-    useEffect83(() => {
+    const [selectedItems, setSelectedItems] = useState97(initialSelectedItems);
+    const [items, setItems] = useState97([]);
+    useEffect82(() => {
       setItems(Items);
     }, [Items]);
-    useEffect83(() => {
+    useEffect82(() => {
       setSelectedItems(
         (previousItems) => previousItems.map((x10) => Items.find((i16) => i16.id == x10.id)).filter((x10) => x10 != null)
       );
@@ -139189,11 +139294,11 @@ var TimeActivityDropdownContext = createContext27(
 import { redirect } from "@tanstack/react-router";
 
 // src/charts/CircleChartCard.tsx
-import React164 from "react";
+import React165 from "react";
 import { Link as Link4 } from "@tanstack/react-router";
 import { jsx as jsx250, jsxs as jsxs147 } from "react/jsx-runtime";
-import { createElement as createElement26 } from "react";
-var CircleChartCard = React164.forwardRef(({ className, title, categories, color: color3, chartData, ...props }, ref) => {
+import { createElement as createElement25 } from "react";
+var CircleChartCard = React165.forwardRef(({ className, title, categories, color: color3, chartData, ...props }, ref) => {
   function getColor(name2, index4) {
     const category = categories.find(
       (c14) => c14.name.toLowerCase() === name2.toLowerCase()
@@ -139272,7 +139377,7 @@ var CircleChartCard = React164.forwardRef(({ className, title, categories, color
         )
       }
     ),
-    /* @__PURE__ */ jsx250("div", { className: "flex w-full flex-col justify-center gap-4 p-4 text-tiny text-default-500 lg:p-0", children: categories.map((category, index4) => /* @__PURE__ */ jsx250("div", { onClick: category.onClick, children: /* @__PURE__ */ createElement26(
+    /* @__PURE__ */ jsx250("div", { className: "flex w-full flex-col justify-center gap-4 p-4 text-tiny text-default-500 lg:p-0", children: categories.map((category, index4) => /* @__PURE__ */ jsx250("div", { onClick: category.onClick, children: /* @__PURE__ */ createElement25(
       Link4,
       {
         ...category.href,
@@ -139299,8 +139404,8 @@ var CircleChartCard_default = CircleChartCard;
 // src/charts/generator/ChartGenerator.tsx
 import {
   useMemo as useMemo96,
-  useState as useState102,
-  useEffect as useEffect85,
+  useState as useState101,
+  useEffect as useEffect84,
   useCallback as useCallback62,
   useId as useId16
 } from "react";
@@ -139344,7 +139449,7 @@ var BaseChartCard = ({
 };
 
 // src/charts/generator/ChartRenderer.tsx
-import { useEffect as useEffect84, useState as useState100 } from "react";
+import { useEffect as useEffect83, useState as useState99 } from "react";
 
 // src/charts/recharts/RechartsPieChart.tsx
 import { useMemo as useMemo89 } from "react";
@@ -140744,7 +140849,7 @@ var RechartsGaugeChart = ({
 };
 
 // src/charts/recharts/RechartsHeatmapChart.tsx
-import { useMemo as useMemo94, useState as useState99, useCallback as useCallback61 } from "react";
+import { useMemo as useMemo94, useState as useState98, useCallback as useCallback61 } from "react";
 import { jsx as jsx257, jsxs as jsxs154 } from "react/jsx-runtime";
 function parseRgb(color3) {
   const match = color3.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
@@ -140792,7 +140897,7 @@ var RechartsHeatmapChart = ({
   onClick,
   showValues = false
 }) => {
-  const [tooltip, setTooltip] = useState99({
+  const [tooltip, setTooltip] = useState98({
     visible: false,
     x: 0,
     y: 0,
@@ -141284,8 +141389,8 @@ var ChartRenderer = ({
   showLegend,
   containerRef
 }) => {
-  const [containerWidth, setContainerWidth] = useState100(0);
-  useEffect84(() => {
+  const [containerWidth, setContainerWidth] = useState99(0);
+  useEffect83(() => {
     if (!containerRef?.current) return;
     const observer = new ResizeObserver((entries) => {
       const width = entries[0]?.contentRect.width ?? 0;
@@ -141478,7 +141583,7 @@ var ChartGridView = ({
 var ChartGridView_default = ChartGridView;
 
 // src/charts/generator/Sidebar.tsx
-import React174 from "react";
+import React175 from "react";
 
 // src/charts/generator/types.ts
 function hasTopValuesData(data) {
@@ -141531,7 +141636,7 @@ var ChartSidebar = ({
   displayData,
   tabConfig
 }) => {
-  const TopValuesSection = React174.useCallback(
+  const TopValuesSection = React175.useCallback(
     () => /* @__PURE__ */ jsxs158("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsx262("h3", { className: "text-sm font-semibold text-muted-700 uppercase tracking-wide", children: "Chart Display" }),
       /* @__PURE__ */ jsxs158("div", { className: "space-y-2", children: [
@@ -141555,7 +141660,7 @@ var ChartSidebar = ({
     ] }),
     [topValuesLimit, setTopValuesLimit]
   );
-  const FilterModeSection = React174.useCallback(
+  const FilterModeSection = React175.useCallback(
     () => /* @__PURE__ */ jsxs158("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs158("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx262("h3", { className: "text-sm font-semibold text-muted-700 uppercase tracking-wide", children: "Filter Mode" }),
@@ -141592,7 +141697,7 @@ var ChartSidebar = ({
     ] }),
     [filterMode, setFilterMode, isFilterLoading, displayData.length]
   );
-  const NavigationSection = React174.useCallback(
+  const NavigationSection = React175.useCallback(
     () => /* @__PURE__ */ jsxs158("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsx262("h3", { className: "text-sm font-semibold text-muted-700 uppercase tracking-wide", children: "Views" }),
       /* @__PURE__ */ jsx262("div", { className: "space-y-2", children: tabConfig.map((tab2) => /* @__PURE__ */ jsxs158(
@@ -141622,7 +141727,7 @@ var ChartSidebar = ({
       isFilterLoading
     ]
   );
-  const sidebarContent = React174.useMemo(
+  const sidebarContent = React175.useMemo(
     () => /* @__PURE__ */ jsxs158(Fragment47, { children: [
       /* @__PURE__ */ jsx262(TopValuesSection, {}),
       /* @__PURE__ */ jsx262(FilterModeSection, {}),
@@ -141762,7 +141867,7 @@ var VisualizerSkeleton = ({ title }) => {
 var VisualizerSkeleton_default = VisualizerSkeleton;
 
 // src/charts/ListViewModal.tsx
-import { useState as useState101 } from "react";
+import { useState as useState100 } from "react";
 import { jsx as jsx265, jsxs as jsxs161 } from "react/jsx-runtime";
 var ListViewModal = ({
   isOpen,
@@ -141772,7 +141877,7 @@ var ListViewModal = ({
   filterLogic,
   className = ""
 }) => {
-  const [searchTerm, setSearchTerm] = useState101("");
+  const [searchTerm, setSearchTerm] = useState100("");
   const filteredData = data.filter(
     (item) => item.name?.toLowerCase().includes(searchTerm.toLowerCase())
   );
@@ -141870,9 +141975,9 @@ var ChartGenerator = ({
     fieldName: "",
     chartId: ""
   });
-  const [previousData, setPreviousData] = useState102([]);
-  const [hasHadData, setHasHadData] = useState102(false);
-  useEffect85(() => {
+  const [previousData, setPreviousData] = useState101([]);
+  const [hasHadData, setHasHadData] = useState101(false);
+  useEffect84(() => {
     if (data) {
       setPreviousData(data);
       setHasHadData(true);
@@ -142040,7 +142145,7 @@ var resolveBreadcrumbLabel = async (label, supabase, pathname) => {
 import { cn as cn138 } from "@pol-studios/utils";
 
 // src/nav/aceternity/Breadcrumbs.tsx
-import React177, { useEffect as useEffect86, useState as useState103 } from "react";
+import React178, { useEffect as useEffect85, useState as useState102 } from "react";
 import { Link as Link5 } from "@tanstack/react-router";
 import { cn as cn137 } from "@pol-studios/utils";
 import { jsx as jsx267, jsxs as jsxs163 } from "react/jsx-runtime";
@@ -142051,9 +142156,9 @@ var Breadcrumbs = ({
   className,
   showHome = true
 }) => {
-  const [resolvedSegments, setResolvedSegments] = useState103([]);
-  const [isLoading, setIsLoading] = useState103(false);
-  useEffect86(() => {
+  const [resolvedSegments, setResolvedSegments] = useState102([]);
+  const [isLoading, setIsLoading] = useState102(false);
+  useEffect85(() => {
     const processSegments = async () => {
       setIsLoading(true);
       const segments = customSegments || config2?.segments || [];
@@ -142102,7 +142207,7 @@ var Breadcrumbs = ({
       children: displaySegments.map((segment, index4) => {
         const isLast = index4 === displaySegments.length - 1;
         const isClickable = segment.href && !isLast;
-        return /* @__PURE__ */ jsxs163(React177.Fragment, { children: [
+        return /* @__PURE__ */ jsxs163(React178.Fragment, { children: [
           index4 > 0 && /* @__PURE__ */ jsx267("span", { className: "text-muted-400", children: "/" }),
           isClickable ? /* @__PURE__ */ jsx267(
             Link5,
@@ -142160,7 +142265,7 @@ var PageHeader = ({
 var PageHeader_default = PageHeader;
 
 // src/data/DataTable.tsx
-import { useState as useState104, useRef as useRef59, useEffect as useEffect87 } from "react";
+import { useState as useState103, useRef as useRef59, useEffect as useEffect86 } from "react";
 import { Link as Link6 } from "@tanstack/react-router";
 import { cn as cn139 } from "@pol-studios/utils";
 import { Fragment as Fragment48, jsx as jsx269, jsxs as jsxs165 } from "react/jsx-runtime";
@@ -142205,7 +142310,7 @@ function DataTableHeader({
   IconComponent: IconComponent2,
   HeadingComponent
 }) {
-  const [showActions, setShowActions] = useState104(false);
+  const [showActions, setShowActions] = useState103(false);
   const TitleComponent = HeadingComponent || (({ children, className }) => /* @__PURE__ */ jsx269("h4", { className, children }));
   return /* @__PURE__ */ jsxs165("div", { className: "flex items-center justify-between w-full pb-4 border-b border-white/10", children: [
     /* @__PURE__ */ jsxs165("div", { className: "flex items-center gap-3 w-full", children: [
@@ -142417,11 +142522,11 @@ function DataTable({
   IconComponent: IconComponent2,
   HeadingComponent
 }) {
-  const [focusedIndex, setFocusedIndex] = useState104(-1);
+  const [focusedIndex, setFocusedIndex] = useState103(-1);
   const scrollAreaRef = useRef59(null);
   const maxCount = providedMaxCount ?? (data.length > 0 ? Math.max(...data.map((d7) => d7.count)) : 1);
   const isEmpty2 = !data || data.length === 0;
-  useEffect87(() => {
+  useEffect86(() => {
     const handleKeyDown = (e8) => {
       if (!scrollAreaRef.current) return;
       switch (e8.key) {
@@ -142529,12 +142634,12 @@ function DataTable({
 
 // src/data/entity-table/EntityTableView.tsx
 import { cn as cn141, isUsable as isUsable39 } from "@pol-studios/utils";
-import React180, {
-  useEffect as useEffect89,
+import React181, {
+  useEffect as useEffect88,
   useMemo as useMemo97,
   useCallback as useCallback64,
   useRef as useRef60,
-  useState as useState107,
+  useState as useState106,
   useLayoutEffect as useLayoutEffect20
 } from "react";
 import { useDevice as useDevice2 } from "@pol-studios/hooks";
@@ -142542,10 +142647,10 @@ import { useDbQuery as useDbQuery10, useSupabase as useSupabase14 } from "@pol-s
 import { Link as Link7, useRouter as useRouter3 } from "@tanstack/react-router";
 
 // src/data/entity-table/useGroupedTable.ts
-import { useState as useState106, useEffect as useEffect88 } from "react";
+import { useState as useState105, useEffect as useEffect87 } from "react";
 
 // ../../../node_modules/.pnpm/@tanstack+react-table@8.21.3_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@tanstack/react-table/build/lib/index.mjs
-import * as React178 from "react";
+import * as React179 from "react";
 
 // ../../../node_modules/.pnpm/@tanstack+table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.mjs
 function functionalUpdate(updater, input2) {
@@ -145310,10 +145415,10 @@ function useReactTable(options) {
     renderFallbackValue: null,
     ...options
   };
-  const [tableRef] = React178.useState(() => ({
+  const [tableRef] = React179.useState(() => ({
     current: createTable(resolvedOptions)
   }));
-  const [state, setState] = React178.useState(() => tableRef.current.initialState);
+  const [state, setState] = React179.useState(() => tableRef.current.initialState);
   tableRef.current.setOptions((prev) => ({
     ...prev,
     ...options,
@@ -145340,10 +145445,10 @@ function useGroupedTable({
   defaultExpanded = true,
   onGroupingChange
 }) {
-  const [grouping, setGrouping] = useState106(
+  const [grouping, setGrouping] = useState105(
     groupBy2?.map((g5) => String(g5)) ?? []
   );
-  const [expanded, setExpanded] = useState106({});
+  const [expanded, setExpanded] = useState105({});
   const columnDefs = columns.map((col) => {
     const colId = String(col.id);
     return {
@@ -145386,7 +145491,7 @@ function useGroupedTable({
     enableGrouping: true,
     groupedColumnMode: "reorder"
   });
-  useEffect88(() => {
+  useEffect87(() => {
     if (groupBy2 && groupBy2.length > 0) {
       const groupIds = groupBy2.map((g5) => String(g5));
       if (JSON.stringify(groupIds) !== JSON.stringify(grouping)) {
@@ -145400,7 +145505,7 @@ function useGroupedTable({
       }
     }
   }, [groupBy2]);
-  useEffect88(() => {
+  useEffect87(() => {
     if (grouping.length > 0 && defaultExpanded) {
       const newExpanded = {};
       table2.getRowModel().rows.forEach((row) => {
@@ -145579,11 +145684,11 @@ function EntityTableView({
     supabase.schema("core").from("Column").select("*").eq("tableName", tableNameExtraColumns).order("orderHint"),
     { enabled: hasExtra }
   );
-  useEffect89(() => {
+  useEffect88(() => {
     if (extraCols.data) supabase;
   }, [extraCols.data, supabase]);
-  const [lastKnownRows, setLastKnownRows] = useState107(10);
-  useEffect89(() => {
+  const [lastKnownRows, setLastKnownRows] = useState106(10);
+  useEffect88(() => {
     if (!data) return;
     setLastKnownRows(loadingRowsCount ?? data.length ?? 10);
   }, [data]);
@@ -145596,11 +145701,11 @@ function EntityTableView({
     },
     [itemKey]
   );
-  const [internalSelectedRows, setInternalSelectedRows] = useState107([]);
+  const [internalSelectedRows, setInternalSelectedRows] = useState106([]);
   const selRows = selectedRows ?? internalSelectedRows;
   const setSelRows = setSelectedRows ?? setInternalSelectedRows;
   const selectionEnabled = isUsable39(setSelectedRows);
-  const [lastSelectedIndex, setLastSelectedIndex] = useState107(
+  const [lastSelectedIndex, setLastSelectedIndex] = useState106(
     null
   );
   const handleRowSelection = useCallback64(
@@ -145648,7 +145753,7 @@ function EntityTableView({
     ),
     [columns]
   );
-  const [columnWidths, setColumnWidths] = useState107(initialWidths);
+  const [columnWidths, setColumnWidths] = useState106(initialWidths);
   useLayoutEffect20(() => {
     setColumnWidths(initialWidths);
   }, [columns]);
@@ -145678,7 +145783,7 @@ function EntityTableView({
     },
     [columnWidths, onMouseMove, onMouseUp]
   );
-  const [storeKey, setStoreKey] = useState107(savedColumnVisibilityKey);
+  const [storeKey, setStoreKey] = useState106(savedColumnVisibilityKey);
   const device = useDevice2();
   const allColumnIds = useMemo97(
     () => columns.map((c14) => c14.id.toString()),
@@ -146201,7 +146306,7 @@ function EntityTableView({
     /* @__PURE__ */ jsx271("div", { className: cn141("h-full flex-1  overflow-auto min-h-full", className), children: tableWrapper ? tableWrapper(tableElement) : tableElement })
   ] });
 }
-var ComponentStackReporter = class extends React180.Component {
+var ComponentStackReporter = class extends React181.Component {
   state = { hasError: false };
   static getDerivedStateFromError() {
     return { hasError: true };
@@ -146296,7 +146401,7 @@ function EntityTableWithHeader({
 var EntityTableWithHeader_default = EntityTableWithHeader;
 
 // src/data/entity-table/EntityTableWithPagination.tsx
-import { useEffect as useEffect90, useState as useState108 } from "react";
+import { useEffect as useEffect89, useState as useState107 } from "react";
 import { isUsable as isUsable41 } from "@pol-studios/utils";
 import { useDevice as useDevice3 } from "@pol-studios/hooks";
 import { jsx as jsx273, jsxs as jsxs169 } from "react/jsx-runtime";
@@ -146324,14 +146429,14 @@ function EntityTableWithPagination({
   selectedRows,
   ...props
 }) {
-  const [paginationData, setPaginationData] = useState108({
+  const [paginationData, setPaginationData] = useState107({
     itemPerPage: 0,
     currentPageItemCount: 0,
     totalPageCount: 0,
     currentPage: 0,
     itemCount: 0
   });
-  useEffect90(() => {
+  useEffect89(() => {
     if (isUsable41(request.data) === false) return;
     const data = request.data;
     setPaginationData({
@@ -146483,7 +146588,7 @@ function EntityTablePaginatedPage({
 }
 
 // src/data/entity-table/SelectableEntityTableView.tsx
-import { useMemo as useMemo100, useState as useState109 } from "react";
+import { useMemo as useMemo100, useState as useState108 } from "react";
 import { isNullOrWhitespace as isNullOrWhitespace15 } from "@pol-studios/utils";
 import { jsx as jsx275, jsxs as jsxs171 } from "react/jsx-runtime";
 function SelectableEntityTableView({
@@ -146492,7 +146597,7 @@ function SelectableEntityTableView({
   selectedItems = [],
   ...props
 }) {
-  const [searchText, setSearchText] = useState109("");
+  const [searchText, setSearchText] = useState108("");
   const filteredData = useMemo100(() => {
     if (isNullOrWhitespace15(searchText)) return selectedItems;
     const lowerCase = searchText.toLowerCase();
@@ -146532,14 +146637,14 @@ function SelectableEntityTableView({
 
 // src/data/entity-table/EntityTableFilterPanel.tsx
 import { cn as cn143 } from "@pol-studios/utils";
-import { useState as useState110 } from "react";
+import { useState as useState109 } from "react";
 import { jsx as jsx276, jsxs as jsxs172 } from "react/jsx-runtime";
 function EntityTableFilterPanel({
   data,
   propertiesToSortBy,
   className
 }) {
-  const [sortedProperties, setSortedProperties] = useState110([]);
+  const [sortedProperties, setSortedProperties] = useState109([]);
   const handleSort = (property) => {
     const existingProperty = sortedProperties.find(
       (x10) => x10.property === property
@@ -146619,12 +146724,12 @@ import {
   useDbDelete as useDbDelete5,
   useDbQuery as useDbQuery11
 } from "@pol-studios/db";
-import { useEffect as useEffect92, useState as useState112 } from "react";
+import { useEffect as useEffect91, useState as useState111 } from "react";
 import { useToast as useToast3 } from "@pol-studios/hooks";
 import { cn as cn145, isNullOrWhitespace as isNullOrWhitespace16, isUsable as isUsable44 } from "@pol-studios/utils";
 
 // src/components/OrderHintManager.tsx
-import { useEffect as useEffect91, useMemo as useMemo101, useState as useState111 } from "react";
+import { useEffect as useEffect90, useMemo as useMemo101, useState as useState110 } from "react";
 import { GripVertical as GripVertical2, GripHorizontal as GripHorizontal2 } from "lucide-react";
 import { cn as cn144 } from "@pol-studios/utils";
 import { isUsable as isUsable43 } from "@pol-studios/utils/types";
@@ -146651,8 +146756,8 @@ var PolOrderHintManager2 = ({
     property,
     schema
   );
-  const [modalElement, setModalElement] = useState111(null);
-  useEffect91(() => {
+  const [modalElement, setModalElement] = useState110(null);
+  useEffect90(() => {
     const handleModalChange = () => {
       const element2 = document.querySelector("[aria-ismodal]");
       setModalElement(element2);
@@ -146697,7 +146802,7 @@ var PolOrderHintManager2 = ({
       await updateOrderHint(activeItem, newPrevOrderHint, newNextOrderHint);
     }
   };
-  const [draggingId, setDraggingId] = useState111(null);
+  const [draggingId, setDraggingId] = useState110(null);
   const withHandle = (item) => {
     if (!displayHandle) return renderItem(item);
     if (orientation === "horizontal") {
@@ -146847,7 +146952,7 @@ var Column = ({
   tableName,
   onUpdate
 }) => {
-  const [isEditing, setIsEditing] = useState112(false);
+  const [isEditing, setIsEditing] = useState111(false);
   const alert = useAlert();
   const deleteMutation = useDbDelete5(
     {
@@ -146972,7 +147077,7 @@ var ManageColumn = ({
   isEditing,
   onIsEditingChange
 }) => {
-  const [open, setOpen] = useState112(false);
+  const [open, setOpen] = useState111(false);
   const insert = useInsert(
     {
       schema: "core",
@@ -146988,20 +147093,20 @@ var ManageColumn = ({
     ["id"]
   );
   const { toast } = useToast3();
-  useEffect92(() => {
+  useEffect91(() => {
     if (isEditing) {
       setOpen(true);
     }
   }, [isEditing]);
-  const [title, setTitle] = useState112(column?.title || "");
-  const [propertyType, setPropertyType] = useState112(column?.propertyType || "String");
-  const [options, setOptions] = useState112(column?.options || []);
-  const [defaultValue3, setDefaultValue] = useState112(
+  const [title, setTitle] = useState111(column?.title || "");
+  const [propertyType, setPropertyType] = useState111(column?.propertyType || "String");
+  const [options, setOptions] = useState111(column?.options || []);
+  const [defaultValue3, setDefaultValue] = useState111(
     //@ts-ignore
     column?.defaultValue.defaultValue || null
   );
-  const [optional, setOptional] = useState112(column?.isOptional || false);
-  useEffect92(() => {
+  const [optional, setOptional] = useState111(column?.isOptional || false);
+  useEffect91(() => {
     onIsEditingChange && onIsEditingChange(false);
     setDefaultValue(column?.defaultValue.defaultValue || null);
     setTitle(column?.title || "");
@@ -147175,7 +147280,7 @@ var OptionManager = ({
   options,
   setOptions
 }) => {
-  const [newOption, setNewOption] = useState112("");
+  const [newOption, setNewOption] = useState111("");
   const handleAdd = () => {
     if (options.includes(newOption)) return;
     setOptions((prev) => [...prev, newOption]);
@@ -147227,7 +147332,7 @@ var OptionManager = ({
 };
 
 // src/data/entity-table/ColumnSortAndVisibilityManager.tsx
-import React183, { useCallback as useCallback67, useEffect as useEffect93, useMemo as useMemo102, useRef as useRef61, useState as useState113 } from "react";
+import React184, { useCallback as useCallback67, useEffect as useEffect92, useMemo as useMemo102, useRef as useRef61, useState as useState112 } from "react";
 import { useReducedMotion } from "@pol-studios/hooks";
 import { cn as cn146 } from "@pol-studios/utils";
 import { motion as motion29, AnimatePresence as AnimatePresence25, Reorder } from "framer-motion";
@@ -147240,7 +147345,7 @@ function SearchInput2({
   placeholder = "Search columns...",
   className
 }) {
-  const [isFocused, setIsFocused] = useState113(false);
+  const [isFocused, setIsFocused] = useState112(false);
   return /* @__PURE__ */ jsxs175("div", { className: cn146("relative", className), children: [
     /* @__PURE__ */ jsx279("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx279(
       Icon2,
@@ -147383,7 +147488,7 @@ function DraggableColumnItem({
     }
   );
 }
-var VirtualColumnItem = React183.memo(function VirtualColumnItem2({
+var VirtualColumnItem = React184.memo(function VirtualColumnItem2({
   column,
   enabled,
   onToggle,
@@ -147488,21 +147593,21 @@ var ColumnSortAndVisibilityManager = ({
     [controlledDefaultVisibleColumnIds?.join(","), allIds.join(",")]
   );
   const [lsVisibleColumnIds, setLsVisibleColumnIds, isLoading] = useUserMetadataState(storeKey ?? "column-visibility", defaultVisibleIds);
-  useEffect93(() => {
+  useEffect92(() => {
     if (isLoading === false) {
       setControlledVisibleColumnIds?.(lsVisibleColumnIds);
     }
   }, [isLoading, lsVisibleColumnIds, setControlledVisibleColumnIds]);
   const visibleColumnIds = controlledVisibleColumnIds ?? (isLoading ? allIds : lsVisibleColumnIds);
   const setVisibleColumnIds = setControlledVisibleColumnIds ?? setLsVisibleColumnIds;
-  const [open, setOpen] = useState113(false);
-  const [dragOrder, setDragOrder] = useState113([]);
-  const [searchQuery, setSearchQuery] = useState113("");
-  const [pendingScrollToId, setPendingScrollToId] = useState113(null);
+  const [open, setOpen] = useState112(false);
+  const [dragOrder, setDragOrder] = useState112([]);
+  const [searchQuery, setSearchQuery] = useState112("");
+  const [pendingScrollToId, setPendingScrollToId] = useState112(null);
   const parentRef = useRef61(null);
-  const [isReady, setIsReady] = useState113(false);
+  const [isReady, setIsReady] = useState112(false);
   const useVirtualization = columns.length >= VIRTUALIZATION_THRESHOLD;
-  useEffect93(() => {
+  useEffect92(() => {
     if (open && useVirtualization) {
       const timer = setTimeout(() => setIsReady(true), 50);
       return () => clearTimeout(timer);
@@ -147512,7 +147617,7 @@ var ColumnSortAndVisibilityManager = ({
       setIsReady(false);
     }
   }, [open, useVirtualization]);
-  useEffect93(() => {
+  useEffect92(() => {
     setDragOrder([]);
   }, [searchQuery]);
   const clearSearch = useCallback67(() => {
@@ -147584,7 +147689,7 @@ var ColumnSortAndVisibilityManager = ({
     overscan: 5,
     enabled: useVirtualization
   });
-  useEffect93(() => {
+  useEffect92(() => {
     if (useVirtualization && pendingScrollToId && orderedColumns.length > 0) {
       const index4 = orderedColumns.findIndex((c14) => c14.id === pendingScrollToId);
       if (index4 !== -1) {
@@ -147605,7 +147710,7 @@ var ColumnSortAndVisibilityManager = ({
     }
     setDragOrder([]);
   }, [dragOrder, visibleColumnIds, setAllVisibleColumnIds]);
-  useEffect93(() => {
+  useEffect92(() => {
     if (!open) return;
     const handleKeyDown = (e8) => {
       if (e8.metaKey || e8.ctrlKey) {