@pol-studios/ui 1.0.0 → 1.0.1

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 React185 = __require("react");
+    var React184 = __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 = React185.useSyncExternalStore;
-    var useRef62 = React185.useRef;
-    var useEffect93 = React185.useEffect;
-    var useMemo103 = React185.useMemo;
-    var useDebugValue = React185.useDebugValue;
+    var useSyncExternalStore3 = React184.useSyncExternalStore;
+    var useRef62 = React184.useRef;
+    var useEffect94 = React184.useEffect;
+    var useMemo103 = React184.useMemo;
+    var useDebugValue = React184.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]);
-      useEffect93(
+      useEffect94(
         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 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;
+      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;
       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]);
-        useEffect93(
+        useEffect94(
           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 Icon5 = module2[name2];
-        setIconComponent(() => Icon5);
+        const Icon4 = module2[name2];
+        setIconComponent(() => Icon4);
       } 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 Icon5 = module3[name2];
-        setIconComponent(() => Icon5);
+        const Icon4 = module3[name2];
+        setIconComponent(() => Icon4);
       } else {
         setIconComponent(() => module3["CircleAlert"]);
       }
@@ -46161,7 +46161,7 @@ import {
   useBatchUpsert,
   useDbUpsert
 } from "@pol-studios/db";
-import { useSetupAuth } from "@pol-studios/auth";
+import { useSetupAuth } from "@pol-studios/db/auth";
 import { format as format2, isToday, isYesterday } from "date-fns";
 import { useNavigate as useNavigate2 } from "@tanstack/react-router";
 import { Fragment as Fragment11, jsx as jsx88, jsxs as jsxs49 } from "react/jsx-runtime";
@@ -49891,7 +49891,7 @@ function useComponentConfigOptional() {
 }
 
 // src/components/AuthRoute.tsx
-import { useSetupAuth as useSetupAuth2 } from "@pol-studios/auth";
+import { useSetupAuth as useSetupAuth2 } from "@pol-studios/db/auth";
 import { jsx as jsx128 } from "react/jsx-runtime";
 function useLoginRoute() {
   const config2 = useComponentConfigOptional();
@@ -49947,7 +49947,7 @@ var AuthRoute_default = AuthRoute;
 import { isUsable as isUsable21 } from "@pol-studios/utils";
 import { Suspense as Suspense2 } from "react";
 import { useParams as useParams3 } from "@tanstack/react-router";
-import { useSetupAuth as useSetupAuth3 } from "@pol-studios/auth";
+import { useSetupAuth as useSetupAuth3 } from "@pol-studios/db/auth";
 import { jsx as jsx129 } from "react/jsx-runtime";
 function AuthRouteWithLicense({ component: RouteComponent, access }) {
   const { isLoading, hasAccess, user } = useSetupAuth3();
@@ -49977,7 +49977,7 @@ var AuthContext = createContext13(null);
 AuthContext.displayName = "ComponentAuthContext";
 
 // src/components/AuthSection.tsx
-import { useSetupAuth as useSetupAuth4 } from "@pol-studios/auth";
+import { useSetupAuth as useSetupAuth4 } from "@pol-studios/db/auth";
 import { Fragment as Fragment17, jsx as jsx131 } from "react/jsx-runtime";
 function useAuthSectionAuth() {
   const authContext = useContext21(AuthContext);
@@ -52734,7 +52734,7 @@ function EntityAttachmentViewer({
 var EntityAttachmentViewer_default = EntityAttachmentViewer;
 
 // src/components/EntityAuthRoute.tsx
-import { usePermission } from "@pol-studios/auth";
+import { usePermission } from "@pol-studios/db/auth";
 import { motion as motion24 } from "framer-motion";
 import { Suspense as Suspense4 } from "react";
 import { useParams as useParams4 } from "@tanstack/react-router";
@@ -52785,7 +52785,7 @@ function EntityAuthRoute({
 var EntityAuthRoute_default = EntityAuthRoute;
 
 // src/components/EntityAuthSection.tsx
-import { usePermission as usePermission2 } from "@pol-studios/auth";
+import { usePermission as usePermission2 } from "@pol-studios/db/auth";
 import { Fragment as Fragment20, jsx as jsx140 } from "react/jsx-runtime";
 function EntityAuthSection({
   entityType,
@@ -103474,7 +103474,7 @@ var AccessibilityManager = /* @__PURE__ */ (function() {
   }, {
     key: "spoofMouse",
     value: function spoofMouse() {
-      var _window2, _window22;
+      var _window, _window2;
       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 = ((_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 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 pageX = x10 + coordinate + scrollOffsetX;
       var pageY = y14 + this.offset.top + height / 2 + scrollOffsetY;
       this.mouseHandlerCallback({
@@ -117905,7 +117905,7 @@ import {
   useMemo as useMemo75,
   useState as useState72
 } from "react";
-import { useAuth } from "@pol-studios/auth";
+import { useAuth } from "@pol-studios/db/auth";
 import { useSupabase as useSupabase4 } from "@pol-studios/db";
 import { Bell } from "lucide-react";
 import { useDbUpsert as useDbUpsert2 } from "@pol-studios/db";
@@ -118147,11 +118147,11 @@ var useTheme = () => {
 var ThemeProvider_default = ThemeProvider2;
 
 // src/components/FilterBuilder/FilterBuilder.tsx
-import React155, {
+import React154, {
   useCallback as useCallback51,
-  useEffect as useEffect71,
+  useEffect as useEffect72,
   useMemo as useMemo82,
-  useState as useState81
+  useState as useState82
 } from "react";
 import { motion as motion27, AnimatePresence as AnimatePresence24 } from "framer-motion";
 import {
@@ -118502,7 +118502,7 @@ import {
 } from "@pol-studios/db";
 import { isUsable as isUsable31 } from "@pol-studios/utils";
 import { useToast } from "@pol-studios/hooks";
-import { useAuth as useAuth2 } from "@pol-studios/auth";
+import { useAuth as useAuth2 } from "@pol-studios/db/auth";
 import { Fragment as Fragment36, jsx as jsx206, jsxs as jsxs118 } from "react/jsx-runtime";
 var PERMISSION_OPTIONS = [
   {
@@ -118771,7 +118771,7 @@ function QuerySharingModal({
 }
 
 // src/components/FilterBuilder/SavedQueryManager.tsx
-import { useAuth as useAuth3 } from "@pol-studios/auth";
+import { useAuth as useAuth3 } from "@pol-studios/db/auth";
 import { Fragment as Fragment37, jsx as jsx207, jsxs as jsxs119 } from "react/jsx-runtime";
 var SavedQueryManager = ({
   setFilters,
@@ -120554,57 +120554,8 @@ var Slider = React150.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
-// ../../../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));
-};
+// ../../../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";
 var defaultIconDimensions = Object.freeze(
   {
     left: 0,
@@ -120674,7 +120625,7 @@ function getIconsTree(data, names) {
     }
     return resolved[name2];
   }
-  (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);
+  Object.keys(icons).concat(Object.keys(aliases)).forEach(resolve);
   return resolved;
 }
 function internalGetIconData(data, name2, tree) {
@@ -120740,10 +120691,15 @@ function quicklyValidateIconSet(obj) {
   const icons = data.icons;
   for (const name2 in icons) {
     const icon = icons[name2];
-    if (!name2.match(matchIconName) || typeof icon.body !== "string" || !checkOptionalProps(
-      icon,
-      defaultExtendedIconProps
-    )) {
+    if (
+      // Name cannot be empty
+      !name2 || // Must have body
+      typeof icon.body !== "string" || // Check other props
+      !checkOptionalProps(
+        icon,
+        defaultExtendedIconProps
+      )
+    ) {
       return null;
     }
   }
@@ -120751,15 +120707,71 @@ function quicklyValidateIconSet(obj) {
   for (const name2 in aliases) {
     const icon = aliases[name2];
     const parent = icon.parent;
-    if (!name2.match(matchIconName) || typeof parent !== "string" || !icons[parent] && !aliases[parent] || !checkOptionalProps(
-      icon,
-      defaultExtendedIconProps
-    )) {
+    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
+      )
+    ) {
       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 {
@@ -120816,7 +120828,12 @@ function addIcon(name2, data) {
     return false;
   }
   const storage2 = getStorage(icon.provider, icon.prefix);
-  return addIconToStorage(storage2, icon.name, data);
+  if (data) {
+    return addIconToStorage(storage2, icon.name, data);
+  } else {
+    storage2.missing.add(icon.name);
+    return true;
+  }
 }
 function addCollection(data, provider) {
   if (typeof data !== "object") {
@@ -120830,7 +120847,7 @@ function addCollection(data, provider) {
     if (quicklyValidateIconSet(data)) {
       data.prefix = "";
       parseIconSet(data, (name2, icon) => {
-        if (icon && addIcon(name2, icon)) {
+        if (addIcon(name2, icon)) {
           added = true;
         }
       });
@@ -120839,7 +120856,6 @@ function addCollection(data, provider) {
   }
   const prefix2 = data.prefix;
   if (!validateIconName({
-    provider,
     prefix: prefix2,
     name: "a"
   })) {
@@ -120896,6 +120912,34 @@ 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 = {
@@ -120972,7 +121016,11 @@ function iconToSVG(icon, customisations) {
       }
     }
     if (transformations.length) {
-      body = '<g transform="' + transformations.join(" ") + '">' + body + "</g>";
+      body = wrapSVGContent(
+        body,
+        '<g transform="' + transformations.join(" ") + '">',
+        "</g>"
+      );
     }
   });
   const customisationsWidth = fullCustomisations.width;
@@ -120996,9 +121044,11 @@ function iconToSVG(icon, customisations) {
   };
   setAttr("width", width);
   setAttr("height", height);
-  attributes.viewBox = box.left.toString() + " " + box.top.toString() + " " + boxWidth.toString() + " " + boxHeight.toString();
+  const viewBox = [box.left, box.top, boxWidth, boxHeight];
+  attributes.viewBox = viewBox.join(" ");
   return {
     attributes,
+    viewBox,
     body
   };
 }
@@ -121614,201 +121664,63 @@ function sendAPIQuery(target, query, callback) {
   }
   return redundancy.query(query, send2, callback)().abort;
 }
-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 setStoredItem(func, key2, value) {
-  try {
-    func.setItem(key2, value);
-    return true;
-  } catch (err) {
-  }
-}
-function removeStoredItem(func, key2) {
-  try {
-    func.removeItem(key2);
-  } catch (err) {
-  }
-}
-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;
+function emptyCallback() {
 }
-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) {
+function loadedNewIcons(storage2) {
+  if (!storage2.iconsLoaderFlag) {
+    storage2.iconsLoaderFlag = true;
+    setTimeout(() => {
+      storage2.iconsLoaderFlag = false;
+      updateCallbacks(storage2);
+    });
   }
-  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);
+function checkIconNamesForAPI(icons) {
+  const valid2 = [];
+  const invalid = [];
+  icons.forEach((name2) => {
+    (name2.match(matchIconName) ? valid2 : invalid).push(name2);
+  });
+  return {
+    valid: valid2,
+    invalid
   };
-  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);
-      }
-    }
-  }
 }
-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;
+function parseLoaderResponse(storage2, icons, data) {
+  function checkMissing() {
+    const pending = storage2.pendingIcons;
+    icons.forEach((name2) => {
+      if (pending) {
+        pending.delete(name2);
+      }
+      if (!storage2.icons[name2]) {
+        storage2.missing.add(name2);
       }
-      const lastModified = iconSet.lastModified || -1;
-      storage2.lastModifiedCached = storage2.lastModifiedCached ? Math.min(storage2.lastModifiedCached, lastModified) : lastModified;
-      return true;
     });
   }
-}
-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)) {
+  if (data && typeof data === "object") {
+    try {
+      const parsed = addIconSet(storage2, data);
+      if (!parsed.length) {
+        checkMissing();
         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 emptyCallback() {
-}
-function loadedNewIcons(storage2) {
-  if (!storage2.iconsLoaderFlag) {
-    storage2.iconsLoaderFlag = true;
-    setTimeout(() => {
-      storage2.iconsLoaderFlag = false;
-      updateCallbacks(storage2);
+function parsePossiblyAsyncResponse(response, callback) {
+  if (response instanceof Promise) {
+    response.then((data) => {
+      callback(data);
+    }).catch(() => {
+      callback(null);
     });
+  } else {
+    callback(response);
   }
 }
 function loadNewIcons(storage2, icons) {
@@ -121824,38 +121736,50 @@ function loadNewIcons(storage2, icons) {
       const { provider, prefix: prefix2 } = storage2;
       const icons2 = storage2.iconsToLoad;
       delete storage2.iconsToLoad;
-      let api;
-      if (!icons2 || !(api = getAPIModule(provider))) {
+      if (!icons2 || !icons2.length) {
         return;
       }
-      const params = api.prepare(provider, prefix2, icons2);
+      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);
       params.forEach((item) => {
         sendAPIQuery(provider, item, (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);
+          parseLoaderResponse(storage2, item.icons, data);
         });
       });
     });
@@ -121908,9 +121832,9 @@ var loadIcons = (icons, callback) => {
     }
   });
   sources.forEach((storage2) => {
-    const { provider, prefix: prefix2 } = storage2;
-    if (newIcons[provider][prefix2].length) {
-      loadNewIcons(storage2, newIcons[provider][prefix2]);
+    const list3 = newIcons[storage2.provider][storage2.prefix];
+    if (list3.length) {
+      loadNewIcons(storage2, list3);
     }
   });
   return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
@@ -122052,16 +121976,31 @@ var inlineDefaults = {
 function fixSize(value) {
   return value + (value.match(/^[-0-9.]+$/) ? "px" : "");
 }
-var render = (icon, props, inline4, ref) => {
-  const defaultProps6 = inline4 ? inlineDefaults : defaultExtendedIconCustomisations;
+var render = (icon, props, name2) => {
+  const defaultProps6 = props.inline ? inlineDefaults : defaultExtendedIconCustomisations;
   const customisations = mergeCustomisations(defaultProps6, props);
   const mode = props.mode || "svg";
   const style = {};
   const customStyle = props.style || {};
   const componentProps = {
-    ...mode === "svg" ? svgDefaults : {},
-    ref
-  };
+    ...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(" ");
+    }
+  }
   for (let key2 in props) {
     const value = props[key2];
     if (value === void 0) {
@@ -122074,8 +122013,15 @@ var render = (icon, props, inline4, ref) => {
       case "children":
       case "onLoad":
       case "mode":
+      case "ssr":
+        break;
+      // Forward ref
       case "_ref":
-      case "_inline":
+        componentProps.ref = value;
+        break;
+      // Merge class names
+      case "className":
+        componentProps[key2] = (componentProps[key2] ? componentProps[key2] + " " : "") + value;
         break;
       // Boolean attributes
       case "inline":
@@ -122134,7 +122080,7 @@ var render = (icon, props, inline4, ref) => {
     componentProps.dangerouslySetInnerHTML = {
       __html: cleanUpInnerHTML(replaceIDs(item.body, id ? () => id + "ID" + localCounter++ : "iconifyReact"))
     };
-    return React151.createElement("svg", componentProps);
+    return createElement24("svg", componentProps);
   }
   const { body, width, height } = icon;
   const useMask = mode === "mask" || (mode === "bg" ? false : body.indexOf("currentColor") !== -1);
@@ -122152,15 +122098,14 @@ var render = (icon, props, inline4, ref) => {
     ...useMask ? monotoneProps : coloredProps,
     ...customStyle
   };
-  return React151.createElement("span", componentProps);
+  return createElement24("span", componentProps);
 };
 allowSimpleNames(true);
 setAPIModule("", fetchAPIModule);
 if (typeof document !== "undefined" && typeof window !== "undefined") {
-  initBrowserStorage();
-  const _window2 = window;
-  if (_window2.IconifyPreload !== void 0) {
-    const preload = _window2.IconifyPreload;
+  const _window = window;
+  if (_window.IconifyPreload !== void 0) {
+    const preload = _window.IconifyPreload;
     const err = "Invalid IconifyPreload syntax.";
     if (typeof preload === "object" && preload !== null) {
       (preload instanceof Array ? preload : [preload]).forEach((item) => {
@@ -122179,8 +122124,8 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
       });
     }
   }
-  if (_window2.IconifyProviders !== void 0) {
-    const providers = _window2.IconifyProviders;
+  if (_window.IconifyProviders !== void 0) {
+    const providers = _window.IconifyProviders;
     if (typeof providers === "object" && providers !== null) {
       for (let key2 in providers) {
         const err = "IconifyProviders[" + key2 + "] is invalid.";
@@ -122199,153 +122144,103 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
     }
   }
 }
-var IconComponent = class extends React151.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      // Render placeholder before component is mounted
-      icon: null
+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: ""
     };
   }
-  /**
-   * Abort loading icon
-   */
-  _abortLoading() {
-    if (this._loading) {
-      this._loading.abort();
-      this._loading = null;
+  const [state, setState] = useState79(getInitialState2(!!props.ssr));
+  function cleanup() {
+    const callback = abort.callback;
+    if (callback) {
+      callback();
+      setAbort({});
     }
   }
-  /**
-   * Update state
-   */
-  _setData(icon) {
-    if (this.state.icon !== icon) {
-      this.setState({
-        icon
-      });
+  function changeState(newState) {
+    if (JSON.stringify(state) !== JSON.stringify(newState)) {
+      cleanup();
+      setState(newState);
+      return true;
     }
   }
-  /**
-   * 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;
-    }
-    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))
-          };
-        }
-      }
+  function updateState() {
+    var _a;
+    const name3 = props.icon;
+    if (typeof name3 === "object") {
+      changeState({
+        name: "",
+        data: name3
+      });
       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);
+    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);
       }
     }
   }
-  /**
-   * Component mounted
-   */
-  componentDidMount() {
-    this._checkIcon(false);
-  }
-  /**
-   * Component updated
-   */
-  componentDidUpdate(oldProps) {
-    if (oldProps.icon !== this.props.icon) {
-      this._checkIcon(true);
-    }
-  }
-  /**
-   * 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(" ")
-      };
+  useEffect69(() => {
+    setMounted(true);
+    return cleanup;
+  }, []);
+  useEffect69(() => {
+    if (mounted) {
+      updateState();
     }
-    return render({
-      ...defaultIconProps,
-      ...icon.data
-    }, newProps, props._inline, props._ref);
+  }, [props.icon, mounted]);
+  const { name: name2, data } = state;
+  if (!data) {
+    return props.children ? props.children : props.fallback ? props.fallback : createElement24("span", {});
   }
-};
-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);
-});
+  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
+}));
 
 // src/animate-primitives/components/radix/accordion.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
 
 // src/animate-primitives/primitives/radix/accordion.tsx
-import * as React152 from "react";
+import * as React151 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";
@@ -122368,10 +122263,10 @@ function Accordion(props) {
 }
 function AccordionItem(props) {
   const { value } = useAccordion();
-  const [isOpen, setIsOpen] = React152.useState(
+  const [isOpen, setIsOpen] = React151.useState(
     value?.includes(props?.value) ?? false
   );
-  React152.useEffect(() => {
+  React151.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 }) });
@@ -122475,10 +122370,10 @@ function AccordionContent2({
 import { useDevice } from "@pol-studios/hooks";
 
 // src/components/FilterBuilder/MobileFilterDrawer.tsx
-import React154, { useState as useState80, useEffect as useEffect70 } from "react";
+import React153, { useState as useState81, useEffect as useEffect71 } from "react";
 
 // src/components/FilterBuilder/Preview/FilterPreview.tsx
-import React153 from "react";
+import React152 from "react";
 import { jsx as jsx219, jsxs as jsxs129 } from "react/jsx-runtime";
 function isFilterState(filter) {
   return "field" in filter && typeof filter.field === "string";
@@ -122507,7 +122402,7 @@ function RenderFilters({ filters, setFilters, depth = 0 }) {
           return 0;
         }).map((filter, index4) => {
           if (filter.id === SEARCH_ID) {
-            return /* @__PURE__ */ jsx219(React153.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start space-x-3", children: [
+            return /* @__PURE__ */ jsx219(React152.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start space-x-3", children: [
               index4 > 0 && /* @__PURE__ */ jsx219(
                 "span",
                 {
@@ -122522,12 +122417,12 @@ function RenderFilters({ filters, setFilters, depth = 0 }) {
             ] }) }, index4);
           }
           if (isFilterGroup(filter)) {
-            return /* @__PURE__ */ jsx219(React153.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start", children: [
+            return /* @__PURE__ */ jsx219(React152.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(React153.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start space-x-3", children: [
+            return /* @__PURE__ */ jsx219(React152.Fragment, { children: /* @__PURE__ */ jsxs129("div", { className: "flex items-start space-x-3", children: [
               index4 > 0 && /* @__PURE__ */ jsx219(
                 "span",
                 {
@@ -122611,10 +122506,10 @@ function MobileFilterDrawer({
   aiSearchOptions,
   updateAiSearchSimilarity
 }) {
-  const [editingFilterId, setEditingFilterId] = useState80(null);
-  const [showInstructions, setShowInstructions] = useState80(true);
-  const [allFiltersExpanded, setAllFiltersExpanded] = useState80(void 0);
-  useEffect70(() => {
+  const [editingFilterId, setEditingFilterId] = useState81(null);
+  const [showInstructions, setShowInstructions] = useState81(true);
+  const [allFiltersExpanded, setAllFiltersExpanded] = useState81(void 0);
+  useEffect71(() => {
     if (columnSearch) {
       setAllFiltersExpanded("all-filters");
     }
@@ -122687,7 +122582,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) => React154.cloneElement(item, { key: index4 })
+                      (item, index4) => React153.cloneElement(item, { key: index4 })
                     ) })
                   ] }),
                   hasRecommendedFilters && propOptions ? /* @__PURE__ */ jsx220(
@@ -122704,16 +122599,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) => React154.cloneElement(item, { key: index4 })
+                          (item, index4) => React153.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) => React154.cloneElement(item, { key: index4 })
+                      (item, index4) => React153.cloneElement(item, { key: index4 })
                     ) : renderNestedOptions(children).map(
-                      (item, index4) => React154.cloneElement(item, { key: index4 })
+                      (item, index4) => React153.cloneElement(item, { key: index4 })
                     ) })
                   )
                 ] }),
@@ -123301,7 +123196,7 @@ function _FilterBuilder({
   widgets
 }) {
   const supabase = useSupabase7();
-  const [selectedQueryId, setSelectedQueryId] = useState81(
+  const [selectedQueryId, setSelectedQueryId] = useState82(
     () => {
       if (typeof window === "undefined") return void 0;
       const params = new URLSearchParams(window.location.search);
@@ -123320,16 +123215,16 @@ function _FilterBuilder({
     }
     window.history.replaceState({}, "", url.toString());
   }, []);
-  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(
+  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(
     /* @__PURE__ */ new Set()
   );
-  const [allFiltersExpanded, setAllFiltersExpanded] = useState81(void 0);
+  const [allFiltersExpanded, setAllFiltersExpanded] = useState82(void 0);
   const toggleSection = (sectionTitle) => {
     setExpandedSections((prev) => {
       const newSet = new Set(prev);
@@ -123341,7 +123236,7 @@ function _FilterBuilder({
       return newSet;
     });
   };
-  useEffect71(() => {
+  useEffect72(() => {
     if (!currentFilterLayer)
       setFilters((pre) => ({
         ...pre,
@@ -123374,24 +123269,24 @@ function _FilterBuilder({
       return flattenOptions(propOptions);
     }
     const extractOptions = (child) => {
-      if (React155.isValidElement(child)) {
+      if (React154.isValidElement(child)) {
         if (child.type === _FilterBuilder.Option) {
           return [child.props.value];
         }
         if (child.type === _FilterBuilder.NestedOptions) {
-          return React155.Children.toArray(child.props.children).flatMap(
+          return React154.Children.toArray(child.props.children).flatMap(
             extractOptions
           );
         }
-        if (child.type === React155.Fragment) {
-          return React155.Children.toArray(child.props.children).flatMap(
+        if (child.type === React154.Fragment) {
+          return React154.Children.toArray(child.props.children).flatMap(
             extractOptions
           );
         }
       }
       return [];
     };
-    const res = React155.Children.toArray(children).flatMap(extractOptions);
+    const res = React154.Children.toArray(children).flatMap(extractOptions);
     if (customColumns.data) {
       const customColumnsOptions = customColumns.data.map(
         (col) => {
@@ -123582,16 +123477,16 @@ function _FilterBuilder({
       return { ...prevFilters, filters: [] };
     });
   };
-  const [columnSearch, setColumnSearch] = useState81("");
-  useEffect71(() => {
+  const [columnSearch, setColumnSearch] = useState82("");
+  useEffect72(() => {
     if (columnSearch) {
       setAllFiltersExpanded("all-filters");
     }
   }, [columnSearch]);
-  const [searchText, setSearchText] = useState81("");
-  const [aiSearchText, setAiSearchText] = useState81("");
-  const [showAiSearch, setShowAiSearch] = useState81(false);
-  const [similarityThreshold, setSimilarityThreshold] = useState81(
+  const [searchText, setSearchText] = useState82("");
+  const [aiSearchText, setAiSearchText] = useState82("");
+  const [showAiSearch, setShowAiSearch] = useState82(false);
+  const [similarityThreshold, setSimilarityThreshold] = useState82(
     aiSearchOptions?.similarity ?? 0.3
   );
   const isAiSearchActive = useMemo82(() => {
@@ -123621,7 +123516,7 @@ function _FilterBuilder({
       }));
     }
   };
-  useEffect71(() => {
+  useEffect72(() => {
     const search2 = filters.filters.find((x10) => x10.id === SEARCH_ID);
     if (search2 && "value" in search2 && typeof search2.value === "string")
       setSearchText(search2.value);
@@ -123833,7 +123728,7 @@ function _FilterBuilder({
                   }
                 ),
                 /* @__PURE__ */ jsx221("div", { className: "", children: /* @__PURE__ */ jsx221("div", { className: "pl-2 mt-2", children: renderedChildren.map(
-                  (childItem, index4) => React155.cloneElement(childItem, { key: index4 })
+                  (childItem, index4) => React154.cloneElement(childItem, { key: index4 })
                 ) }) })
               ]
             },
@@ -123858,8 +123753,8 @@ function _FilterBuilder({
   };
   const renderNestedOptions = (children2, level = 0) => {
     const items = [];
-    React155.Children.forEach(children2, (child) => {
-      if (!React155.isValidElement(child)) return;
+    React154.Children.forEach(children2, (child) => {
+      if (!React154.isValidElement(child)) return;
       const childWithChildren = child;
       if (childWithChildren.type === FilterBuilder.NestedOptions) {
         const isAdvanced = childWithChildren.props.advanced === true;
@@ -123883,7 +123778,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: React155.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: React154.Children.count(childWithChildren.props.children) })
                     ] })
                   }
                 ),
@@ -123891,14 +123786,14 @@ function _FilterBuilder({
                   childWithChildren.props.children,
                   currentLevel + 1
                 ).map(
-                  (item, index4) => React155.cloneElement(item, { key: index4 })
+                  (item, index4) => React154.cloneElement(item, { key: index4 })
                 ) }) })
               ]
             },
             childWithChildren.props.title
           )
         );
-      } else if (childWithChildren.type === React155.Fragment) {
+      } else if (childWithChildren.type === React154.Fragment) {
         items.push(
           ...renderNestedOptions(childWithChildren.props.children, level)
         );
@@ -123934,7 +123829,7 @@ function _FilterBuilder({
     };
     return normalizeLayer(filters);
   }, [filters, filterOptions, dbSchema, table2]);
-  useEffect71(() => {
+  useEffect72(() => {
     if (!initQuery) {
       return;
     }
@@ -124210,7 +124105,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) => React155.cloneElement(item, { key: index4 })
+                              (item, index4) => React154.cloneElement(item, { key: index4 })
                             ) })
                           ] }),
                           hasRecommendedFilters && propOptions ? /* @__PURE__ */ jsx221(
@@ -124227,16 +124122,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) => React155.cloneElement(item, { key: index4 })
+                                  (item, index4) => React154.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) => React155.cloneElement(item, { key: index4 })
+                              (item, index4) => React154.cloneElement(item, { key: index4 })
                             ) : renderNestedOptions(children).map(
-                              (item, index4) => React155.cloneElement(item, { key: index4 })
+                              (item, index4) => React154.cloneElement(item, { key: index4 })
                             ) })
                           )
                         ] }),
@@ -124547,7 +124442,7 @@ FilterBuilder.NestedOptions = ({ title, children, level = 0 }) => {
 var FilterBuilder_default = FilterBuilder;
 
 // src/components/FilterBuilder/AutoFilterBuilder.tsx
-import React156 from "react";
+import React155 from "react";
 
 // src/components/FilterBuilder/generateFilterOptions.ts
 function formatColumnName(name2) {
@@ -124867,10 +124762,10 @@ function AutoFilterBuilder({
   ...props
 }) {
   const schemaMetadata = useSchema2();
-  const mainTableOptions = React156.useMemo(() => {
+  const mainTableOptions = React155.useMemo(() => {
     return generateFilterOptionsFromConfig(config2, schemaMetadata);
   }, [config2, schemaMetadata]);
-  const optionsProp = React156.useMemo(() => {
+  const optionsProp = React155.useMemo(() => {
     const root3 = [];
     const markRecommended = (option) => {
       if (!config2.recommendedColumns?.length) return option;
@@ -124954,7 +124849,7 @@ function AutoFilterBuilder({
 }
 
 // src/components/FilterBuilder/FilterBuilderInitQuery.ts
-import { useEffect as useEffect72, useState as useState82 } from "react";
+import { useEffect as useEffect73, useState as useState83 } from "react";
 import { newUuid } from "@pol-studios/utils";
 function getSearchParams() {
   if (typeof window === "undefined") {
@@ -125020,8 +124915,8 @@ function createFilter(filterConfig, query) {
   };
 }
 function useFilterBuilderInitQuery(initQuery, filterOptions) {
-  const [filters, setFilters] = useState82(null);
-  useEffect72(() => {
+  const [filters, setFilters] = useState83(null);
+  useEffect73(() => {
     if (!initQuery) {
       return;
     }
@@ -125187,13 +125082,13 @@ var filterLayerToInitQuery = (root3) => {
 import {
   createContext as createContext24,
   useContext as useContext33,
-  useState as useState88,
+  useState as useState89,
   useCallback as useCallback57,
   useMemo as useMemo84
 } from "react";
 
 // src/components/chat-agent/ChatAgentDialog.tsx
-import { useRef as useRef54, useEffect as useEffect75, useState as useState87, useCallback as useCallback55 } from "react";
+import { useRef as useRef54, useEffect as useEffect76, useState as useState88, useCallback as useCallback55 } from "react";
 import {
   Sparkles,
   RotateCcw,
@@ -125204,8 +125099,8 @@ import {
 import { cn as cn125 } from "@pol-studios/utils";
 
 // src/components/chat-agent/useChatAgent.ts
-import { useState as useState83, useCallback as useCallback52, useRef as useRef53, useEffect as useEffect73 } from "react";
-import { useSetupAuth as useSetupAuth5 } from "@pol-studios/auth";
+import { useState as useState84, useCallback as useCallback52, useRef as useRef53, useEffect as useEffect74 } from "react";
+import { useSetupAuth as useSetupAuth5 } from "@pol-studios/db/auth";
 import { getSupabaseUrl, useSupabase as useSupabase8 } from "@pol-studios/db";
 var initialState3 = {
   messages: [],
@@ -125218,7 +125113,7 @@ var initialState3 = {
   error: null
 };
 function useChatAgent() {
-  const [state, setState] = useState83(initialState3);
+  const [state, setState] = useState84(initialState3);
   const auth = useSetupAuth5();
   const supabase = useSupabase8();
   const abortControllerRef = useRef53(null);
@@ -125226,7 +125121,7 @@ function useChatAgent() {
   const currentResponseRef = useRef53("");
   const currentThinkingRef = useRef53("");
   const currentToolsRef = useRef53([]);
-  useEffect73(() => {
+  useEffect74(() => {
     return () => {
       if (abortControllerRef.current) {
         abortControllerRef.current.abort();
@@ -125613,13 +125508,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 useState84, useCallback as useCallback53 } from "react";
+import { useState as useState85, 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] = useState84(false);
+  const [copied, setCopied] = useState85(false);
   const handleCopy = useCallback53(async () => {
     await navigator.clipboard.writeText(children);
     setCopied(true);
@@ -127599,7 +127494,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 createElement24, useEffect as useEffect74, useState as useState85 } from "react";
+import { createElement as createElement25, useEffect as useEffect75, useState as useState86 } from "react";
 
 // ../../../node_modules/.pnpm/mdast-util-to-string@4.0.0/node_modules/mdast-util-to-string/lib/index.js
 var emptyOptions2 = {};
@@ -137196,7 +137091,7 @@ function defaultUrlTransform(value) {
 }
 
 // src/components/chat-agent/components/MessageBubble.tsx
-import { useCallback as useCallback54, useMemo as useMemo83, useState as useState86 } from "react";
+import { useCallback as useCallback54, useMemo as useMemo83, useState as useState87 } 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-]+))?$/);
@@ -137229,8 +137124,8 @@ function cleanBrokenDownloadLinks(content3) {
 }
 function MessageBubble({ message, isStreaming, onNavigate, resolveEntityRoute, onRegenerate }) {
   const isUser = message.role === "user";
-  const [showReasoning, setShowReasoning] = useState86(false);
-  const [copied, setCopied] = useState86(false);
+  const [showReasoning, setShowReasoning] = useState87(false);
+  const [copied, setCopied] = useState87(false);
   const handleCopy = useCallback54(() => {
     navigator.clipboard.writeText(message.content);
     setCopied(true);
@@ -137484,15 +137379,15 @@ function ChatAgentDialog({
     reset,
     clearError
   } = useChatAgent();
-  const [inputValue, setInputValue] = useState87("");
+  const [inputValue, setInputValue] = useState88("");
   const messagesEndRef = useRef54(null);
   const textareaRef = useRef54(null);
-  useEffect75(() => {
+  useEffect76(() => {
     if (isOpen) {
       messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
     }
   }, [messages, thinkingSummary, isOpen]);
-  useEffect75(() => {
+  useEffect76(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       textareaRef.current.style.height = `${Math.min(textareaRef.current.scrollHeight, 120)}px`;
@@ -137680,10 +137575,10 @@ function ChatAgentDialog({
 }
 
 // src/hooks/useKeyboardShortcuts.ts
-import { useEffect as useEffect76, useCallback as useCallback56, useRef as useRef55 } from "react";
+import { useEffect as useEffect77, useCallback as useCallback56, useRef as useRef55 } from "react";
 function useKeyboardShortcuts({ shortcuts, enabled = true }) {
   const shortcutsRef = useRef55(shortcuts);
-  useEffect76(() => {
+  useEffect77(() => {
     shortcutsRef.current = shortcuts;
   }, [shortcuts]);
   const handleKeyDown = useCallback56(
@@ -137727,7 +137622,7 @@ function useKeyboardShortcuts({ shortcuts, enabled = true }) {
     },
     [enabled]
   );
-  useEffect76(() => {
+  useEffect77(() => {
     if (!enabled) return;
     window.addEventListener("keydown", handleKeyDown);
     return () => {
@@ -137774,7 +137669,7 @@ function ChatAgentProvider({
   onNavigate,
   resolveEntityRoute
 }) {
-  const [isOpen, setIsOpen] = useState88(false);
+  const [isOpen, setIsOpen] = useState89(false);
   const open = useCallback57(() => setIsOpen(true), []);
   const close = useCallback57(() => setIsOpen(false), []);
   const toggle2 = useCallback57(() => setIsOpen((prev) => !prev), []);
@@ -137825,12 +137720,12 @@ function ChatAgentProvider({
 }
 
 // src/components/chat-agent/ChatAgentButton.tsx
-import { useState as useState89 } from "react";
+import { useState as useState90 } 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] = useState89(false);
+  const [isHovered, setIsHovered] = useState90(false);
   const shortcutDisplay = formatShortcut({
     key: "k",
     ctrl: true,
@@ -137897,7 +137792,7 @@ function ChatAgentButton({ onClick }) {
 }
 
 // src/components/comments/PolCommentSection.tsx
-import { useEffect as useEffect77, useMemo as useMemo85, useState as useState90 } from "react";
+import { useEffect as useEffect78, useMemo as useMemo85, useState as useState91 } from "react";
 
 // src/nav/UserProfilePicture.tsx
 import { cn as cn127, isUsable as isUsable34 } from "@pol-studios/utils";
@@ -137978,17 +137873,17 @@ import {
   useDbQuery as useDbQuery6,
   useSupabase as useSupabase9
 } from "@pol-studios/db";
-import { useAuth as useAuth4 } from "@pol-studios/auth";
+import { useAuth as useAuth4 } from "@pol-studios/db/auth";
 import { isUsable as isUsable35 } from "@pol-studios/utils/types";
 import { ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, X as X15, MoreVertical } from "lucide-react";
 import { CommentProvider as CommentSectionProvider, useComments as useCommentSection } from "@pol-studios/features";
 
 // src/primitives/separator.tsx
-import * as React157 from "react";
+import * as React156 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 = React157.forwardRef(
+var Separator2 = React156.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx236(
     SeparatorPrimitive.Root,
     {
@@ -138035,7 +137930,7 @@ var Comment = ({
   isFirst
 }) => {
   const { setQuote, showMore, setShowMore, readComment, deleteComment } = useCommentSection();
-  useEffect77(() => {
+  useEffect78(() => {
     readComment(comment.id);
   }, []);
   const supabase = useSupabase9();
@@ -138086,7 +137981,7 @@ var Comment = ({
       ] }) })
     ] });
   }, [parent.data, parentAuthor.data]);
-  const [isHovering, setIsHovering] = useState90(false);
+  const [isHovering, setIsHovering] = useState91(false);
   const onMouseEnter = () => {
     setIsHovering(true);
   };
@@ -138343,7 +138238,7 @@ var ReactionManager = ({
 };
 
 // src/components/sdk/AddUserDropdown.tsx
-import { useEffect as useEffect78, useState as useState91 } from "react";
+import { useEffect as useEffect79, useState as useState92 } 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";
@@ -138358,9 +138253,9 @@ function AddUserDropdown({
   className,
   ...props
 }) {
-  const [searchText, setSearchText] = useState91("");
+  const [searchText, setSearchText] = useState92("");
   const supabase = useSupabase10();
-  useEffect78(() => {
+  useEffect79(() => {
     console.log("query changed");
   }, [searchText]);
   const usersRequest = useDbQuery7(
@@ -138396,7 +138291,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 useState92 } from "react";
+import { useMemo as useMemo86, useState as useState93 } from "react";
 import { jsx as jsx239 } from "react/jsx-runtime";
 function PatternDropdown({
   onChange,
@@ -138409,7 +138304,7 @@ function PatternDropdown({
   const pattern1Request = useDbRealtimeQuery4(
     supabase.from("Pattern").select("*", { count: "exact" }).eq("id", patternId).single()
   );
-  const [searchText, setSearchText] = useState92("");
+  const [searchText, setSearchText] = useState93("");
   const pattern = pattern1Request.data;
   const goboRequest = useDbRealtimeQuery4(
     useSearchQuery4(
@@ -138514,10 +138409,10 @@ function camelToWords(str) {
 }
 
 // src/components/utils/useDebounce.tsx
-import { useEffect as useEffect79, useState as useState93 } from "react";
+import { useEffect as useEffect80, useState as useState94 } from "react";
 function useDebounce(value, delay2) {
-  const [debouncedValue, setDebouncedValue] = useState93(value);
-  useEffect79(
+  const [debouncedValue, setDebouncedValue] = useState94(value);
+  useEffect80(
     () => {
       const handler = setTimeout(() => {
         setDebouncedValue(value);
@@ -138535,9 +138430,9 @@ function useDebounce(value, delay2) {
 }
 
 // src/components/utils/useLocalStorage.tsx
-import { useCallback as useCallback58, useState as useState94 } from "react";
+import { useCallback as useCallback58, useState as useState95 } from "react";
 function useLocalStorage(key2, initialValue) {
-  const [storedValue, setStoredValue] = useState94(() => {
+  const [storedValue, setStoredValue] = useState95(() => {
     try {
       const item = window.localStorage.getItem(key2);
       return item ? JSON.parse(item) : initialValue;
@@ -138575,7 +138470,7 @@ var isNonEmpty = (array) => !!array && array.length > 0;
 var isDev3 = process.env.NODE_ENV === "development";
 
 // src/components/auth/Protected.tsx
-import { useAuth as useAuth5 } from "@pol-studios/auth";
+import { useAuth as useAuth5 } from "@pol-studios/db/auth";
 var Protected = ({ accessLevel, children }) => {
   const auth = useAuth5();
   const isVisible2 = auth.hasAccess(accessLevel);
@@ -138585,11 +138480,11 @@ var Protected = ({ accessLevel, children }) => {
 var Protected_default = Protected;
 
 // src/primitives/avatar.tsx
-import * as React160 from "react";
+import * as React159 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 = React160.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
+var Avatar = React159.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
   AvatarPrimitive.Root,
   {
     ref,
@@ -138601,7 +138496,7 @@ var Avatar = React160.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React160.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
+var AvatarImage = React159.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
   AvatarPrimitive.Image,
   {
     ref,
@@ -138610,7 +138505,7 @@ var AvatarImage = React160.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React160.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
+var AvatarFallback = React159.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx240(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -138699,10 +138594,10 @@ function CardRow({
 }
 
 // src/cards/GlassmorphicCard.tsx
-import React161 from "react";
+import React160 from "react";
 import { cn as cn132 } from "@pol-studios/utils";
 import { jsx as jsx244 } from "react/jsx-runtime";
-var GlassmorphicCard = React161.forwardRef(
+var GlassmorphicCard = React160.forwardRef(
   ({ children, className, intensity = "medium", ...props }, ref) => {
     const intensityStyles = {
       subtle: [
@@ -138926,20 +138821,20 @@ function useDataAdapterOptional() {
 }
 
 // src/providers/data/hooks/useDataQuery.ts
-import { useState as useState95, useEffect as useEffect80, useCallback as useCallback59, useRef as useRef56, useMemo as useMemo88 } from "react";
+import { useState as useState96, useEffect as useEffect81, 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] = useState95(void 0);
-  const [error2, setError] = useState95(null);
-  const [isLoading, setIsLoading] = useState95(false);
-  const [isFetching, setIsFetching] = useState95(false);
+  const [data, setData] = useState96(void 0);
+  const [error2, setError] = useState96(null);
+  const [isLoading, setIsLoading] = useState96(false);
+  const [isFetching, setIsFetching] = useState96(false);
   const retryCountRef = useRef56(0);
   const onSuccessRef = useRef56(onSuccess);
   const onErrorRef = useRef56(onError);
   const onSettledRef = useRef56(onSettled);
-  useEffect80(() => {
+  useEffect81(() => {
     onSuccessRef.current = onSuccess;
     onErrorRef.current = onError;
     onSettledRef.current = onSettled;
@@ -138996,7 +138891,7 @@ function useDataQueryById(table2, id, options = {}) {
       refetch
     };
   }, [fetchData]);
-  useEffect80(() => {
+  useEffect81(() => {
     if (enabled && adapter && id) {
       fetchData();
     }
@@ -139103,7 +138998,7 @@ function UserProfilePicture2({
 }
 
 // src/crud/UpdateEntity.tsx
-import { useCallback as useCallback60, useEffect as useEffect81, useState as useState96 } from "react";
+import { useCallback as useCallback60, useEffect as useEffect82, useState as useState97 } 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 = ({
@@ -139113,17 +139008,17 @@ var UpdateEntity = ({
   tableName,
   showDelete = false
 }) => {
-  const [open, setOpen] = useState96(false);
-  const [updatedEntity, setUpdatedEntity] = useState96(null);
+  const [open, setOpen] = useState97(false);
+  const [updatedEntity, setUpdatedEntity] = useState97(null);
   const mutate = useDbUpsert5(tableName);
-  const [isLoading, setIsLoading] = useState96(false);
+  const [isLoading, setIsLoading] = useState97(false);
   const deleteMutation = useDbDelete4(tableName);
   const handleDelete = async () => {
     setIsLoading(true);
     await deleteMutation.mutateAsync(entity);
     setIsLoading(false);
   };
-  useEffect81(() => {
+  useEffect82(() => {
     if (!open) return;
     setUpdatedEntity(entity);
   }, [open, entity]);
@@ -139207,7 +139102,7 @@ var UpdateEntity = ({
 var UpdateEntity_default = UpdateEntity;
 
 // src/contexts/contexts/core/SelectedItemsContext.tsx
-import { createContext as createContext26, useEffect as useEffect82, useState as useState97 } from "react";
+import { createContext as createContext26, useEffect as useEffect83, useState as useState98 } from "react";
 import { isUsable as isUsable38 } from "@pol-studios/utils";
 import { jsx as jsx249 } from "react/jsx-runtime";
 var defaultContextValue2 = {
@@ -139229,12 +139124,12 @@ var defaultContextValue2 = {
 function createSelectedItemsContext() {
   const context = createContext26(defaultContextValue2);
   const Provider = ({ children, Items, initialSelectedItems = [] }) => {
-    const [selectedItems, setSelectedItems] = useState97(initialSelectedItems);
-    const [items, setItems] = useState97([]);
-    useEffect82(() => {
+    const [selectedItems, setSelectedItems] = useState98(initialSelectedItems);
+    const [items, setItems] = useState98([]);
+    useEffect83(() => {
       setItems(Items);
     }, [Items]);
-    useEffect82(() => {
+    useEffect83(() => {
       setSelectedItems(
         (previousItems) => previousItems.map((x10) => Items.find((i16) => i16.id == x10.id)).filter((x10) => x10 != null)
       );
@@ -139294,11 +139189,11 @@ var TimeActivityDropdownContext = createContext27(
 import { redirect } from "@tanstack/react-router";
 
 // src/charts/CircleChartCard.tsx
-import React165 from "react";
+import React164 from "react";
 import { Link as Link4 } from "@tanstack/react-router";
 import { jsx as jsx250, jsxs as jsxs147 } from "react/jsx-runtime";
-import { createElement as createElement25 } from "react";
-var CircleChartCard = React165.forwardRef(({ className, title, categories, color: color3, chartData, ...props }, ref) => {
+import { createElement as createElement26 } from "react";
+var CircleChartCard = React164.forwardRef(({ className, title, categories, color: color3, chartData, ...props }, ref) => {
   function getColor(name2, index4) {
     const category = categories.find(
       (c14) => c14.name.toLowerCase() === name2.toLowerCase()
@@ -139377,7 +139272,7 @@ var CircleChartCard = React165.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__ */ createElement25(
+    /* @__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(
       Link4,
       {
         ...category.href,
@@ -139404,8 +139299,8 @@ var CircleChartCard_default = CircleChartCard;
 // src/charts/generator/ChartGenerator.tsx
 import {
   useMemo as useMemo96,
-  useState as useState101,
-  useEffect as useEffect84,
+  useState as useState102,
+  useEffect as useEffect85,
   useCallback as useCallback62,
   useId as useId16
 } from "react";
@@ -139449,7 +139344,7 @@ var BaseChartCard = ({
 };
 
 // src/charts/generator/ChartRenderer.tsx
-import { useEffect as useEffect83, useState as useState99 } from "react";
+import { useEffect as useEffect84, useState as useState100 } from "react";
 
 // src/charts/recharts/RechartsPieChart.tsx
 import { useMemo as useMemo89 } from "react";
@@ -140849,7 +140744,7 @@ var RechartsGaugeChart = ({
 };
 
 // src/charts/recharts/RechartsHeatmapChart.tsx
-import { useMemo as useMemo94, useState as useState98, useCallback as useCallback61 } from "react";
+import { useMemo as useMemo94, useState as useState99, 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+)\)/);
@@ -140897,7 +140792,7 @@ var RechartsHeatmapChart = ({
   onClick,
   showValues = false
 }) => {
-  const [tooltip, setTooltip] = useState98({
+  const [tooltip, setTooltip] = useState99({
     visible: false,
     x: 0,
     y: 0,
@@ -141389,8 +141284,8 @@ var ChartRenderer = ({
   showLegend,
   containerRef
 }) => {
-  const [containerWidth, setContainerWidth] = useState99(0);
-  useEffect83(() => {
+  const [containerWidth, setContainerWidth] = useState100(0);
+  useEffect84(() => {
     if (!containerRef?.current) return;
     const observer = new ResizeObserver((entries) => {
       const width = entries[0]?.contentRect.width ?? 0;
@@ -141583,7 +141478,7 @@ var ChartGridView = ({
 var ChartGridView_default = ChartGridView;
 
 // src/charts/generator/Sidebar.tsx
-import React175 from "react";
+import React174 from "react";
 
 // src/charts/generator/types.ts
 function hasTopValuesData(data) {
@@ -141636,7 +141531,7 @@ var ChartSidebar = ({
   displayData,
   tabConfig
 }) => {
-  const TopValuesSection = React175.useCallback(
+  const TopValuesSection = React174.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: [
@@ -141660,7 +141555,7 @@ var ChartSidebar = ({
     ] }),
     [topValuesLimit, setTopValuesLimit]
   );
-  const FilterModeSection = React175.useCallback(
+  const FilterModeSection = React174.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" }),
@@ -141697,7 +141592,7 @@ var ChartSidebar = ({
     ] }),
     [filterMode, setFilterMode, isFilterLoading, displayData.length]
   );
-  const NavigationSection = React175.useCallback(
+  const NavigationSection = React174.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(
@@ -141727,7 +141622,7 @@ var ChartSidebar = ({
       isFilterLoading
     ]
   );
-  const sidebarContent = React175.useMemo(
+  const sidebarContent = React174.useMemo(
     () => /* @__PURE__ */ jsxs158(Fragment47, { children: [
       /* @__PURE__ */ jsx262(TopValuesSection, {}),
       /* @__PURE__ */ jsx262(FilterModeSection, {}),
@@ -141867,7 +141762,7 @@ var VisualizerSkeleton = ({ title }) => {
 var VisualizerSkeleton_default = VisualizerSkeleton;
 
 // src/charts/ListViewModal.tsx
-import { useState as useState100 } from "react";
+import { useState as useState101 } from "react";
 import { jsx as jsx265, jsxs as jsxs161 } from "react/jsx-runtime";
 var ListViewModal = ({
   isOpen,
@@ -141877,7 +141772,7 @@ var ListViewModal = ({
   filterLogic,
   className = ""
 }) => {
-  const [searchTerm, setSearchTerm] = useState100("");
+  const [searchTerm, setSearchTerm] = useState101("");
   const filteredData = data.filter(
     (item) => item.name?.toLowerCase().includes(searchTerm.toLowerCase())
   );
@@ -141975,9 +141870,9 @@ var ChartGenerator = ({
     fieldName: "",
     chartId: ""
   });
-  const [previousData, setPreviousData] = useState101([]);
-  const [hasHadData, setHasHadData] = useState101(false);
-  useEffect84(() => {
+  const [previousData, setPreviousData] = useState102([]);
+  const [hasHadData, setHasHadData] = useState102(false);
+  useEffect85(() => {
     if (data) {
       setPreviousData(data);
       setHasHadData(true);
@@ -142145,7 +142040,7 @@ var resolveBreadcrumbLabel = async (label, supabase, pathname) => {
 import { cn as cn138 } from "@pol-studios/utils";
 
 // src/nav/aceternity/Breadcrumbs.tsx
-import React178, { useEffect as useEffect85, useState as useState102 } from "react";
+import React177, { useEffect as useEffect86, useState as useState103 } 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";
@@ -142156,9 +142051,9 @@ var Breadcrumbs = ({
   className,
   showHome = true
 }) => {
-  const [resolvedSegments, setResolvedSegments] = useState102([]);
-  const [isLoading, setIsLoading] = useState102(false);
-  useEffect85(() => {
+  const [resolvedSegments, setResolvedSegments] = useState103([]);
+  const [isLoading, setIsLoading] = useState103(false);
+  useEffect86(() => {
     const processSegments = async () => {
       setIsLoading(true);
       const segments = customSegments || config2?.segments || [];
@@ -142207,7 +142102,7 @@ var Breadcrumbs = ({
       children: displaySegments.map((segment, index4) => {
         const isLast = index4 === displaySegments.length - 1;
         const isClickable = segment.href && !isLast;
-        return /* @__PURE__ */ jsxs163(React178.Fragment, { children: [
+        return /* @__PURE__ */ jsxs163(React177.Fragment, { children: [
           index4 > 0 && /* @__PURE__ */ jsx267("span", { className: "text-muted-400", children: "/" }),
           isClickable ? /* @__PURE__ */ jsx267(
             Link5,
@@ -142265,7 +142160,7 @@ var PageHeader = ({
 var PageHeader_default = PageHeader;
 
 // src/data/DataTable.tsx
-import { useState as useState103, useRef as useRef59, useEffect as useEffect86 } from "react";
+import { useState as useState104, useRef as useRef59, useEffect as useEffect87 } 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";
@@ -142310,7 +142205,7 @@ function DataTableHeader({
   IconComponent: IconComponent2,
   HeadingComponent
 }) {
-  const [showActions, setShowActions] = useState103(false);
+  const [showActions, setShowActions] = useState104(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: [
@@ -142522,11 +142417,11 @@ function DataTable({
   IconComponent: IconComponent2,
   HeadingComponent
 }) {
-  const [focusedIndex, setFocusedIndex] = useState103(-1);
+  const [focusedIndex, setFocusedIndex] = useState104(-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;
-  useEffect86(() => {
+  useEffect87(() => {
     const handleKeyDown = (e8) => {
       if (!scrollAreaRef.current) return;
       switch (e8.key) {
@@ -142634,12 +142529,12 @@ function DataTable({
 
 // src/data/entity-table/EntityTableView.tsx
 import { cn as cn141, isUsable as isUsable39 } from "@pol-studios/utils";
-import React181, {
-  useEffect as useEffect88,
+import React180, {
+  useEffect as useEffect89,
   useMemo as useMemo97,
   useCallback as useCallback64,
   useRef as useRef60,
-  useState as useState106,
+  useState as useState107,
   useLayoutEffect as useLayoutEffect20
 } from "react";
 import { useDevice as useDevice2 } from "@pol-studios/hooks";
@@ -142647,10 +142542,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 useState105, useEffect as useEffect87 } from "react";
+import { useState as useState106, useEffect as useEffect88 } 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 React179 from "react";
+import * as React178 from "react";
 
 // ../../../node_modules/.pnpm/@tanstack+table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.mjs
 function functionalUpdate(updater, input2) {
@@ -145415,10 +145310,10 @@ function useReactTable(options) {
     renderFallbackValue: null,
     ...options
   };
-  const [tableRef] = React179.useState(() => ({
+  const [tableRef] = React178.useState(() => ({
     current: createTable(resolvedOptions)
   }));
-  const [state, setState] = React179.useState(() => tableRef.current.initialState);
+  const [state, setState] = React178.useState(() => tableRef.current.initialState);
   tableRef.current.setOptions((prev) => ({
     ...prev,
     ...options,
@@ -145445,10 +145340,10 @@ function useGroupedTable({
   defaultExpanded = true,
   onGroupingChange
 }) {
-  const [grouping, setGrouping] = useState105(
+  const [grouping, setGrouping] = useState106(
     groupBy2?.map((g5) => String(g5)) ?? []
   );
-  const [expanded, setExpanded] = useState105({});
+  const [expanded, setExpanded] = useState106({});
   const columnDefs = columns.map((col) => {
     const colId = String(col.id);
     return {
@@ -145491,7 +145386,7 @@ function useGroupedTable({
     enableGrouping: true,
     groupedColumnMode: "reorder"
   });
-  useEffect87(() => {
+  useEffect88(() => {
     if (groupBy2 && groupBy2.length > 0) {
       const groupIds = groupBy2.map((g5) => String(g5));
       if (JSON.stringify(groupIds) !== JSON.stringify(grouping)) {
@@ -145505,7 +145400,7 @@ function useGroupedTable({
       }
     }
   }, [groupBy2]);
-  useEffect87(() => {
+  useEffect88(() => {
     if (grouping.length > 0 && defaultExpanded) {
       const newExpanded = {};
       table2.getRowModel().rows.forEach((row) => {
@@ -145684,11 +145579,11 @@ function EntityTableView({
     supabase.schema("core").from("Column").select("*").eq("tableName", tableNameExtraColumns).order("orderHint"),
     { enabled: hasExtra }
   );
-  useEffect88(() => {
+  useEffect89(() => {
     if (extraCols.data) supabase;
   }, [extraCols.data, supabase]);
-  const [lastKnownRows, setLastKnownRows] = useState106(10);
-  useEffect88(() => {
+  const [lastKnownRows, setLastKnownRows] = useState107(10);
+  useEffect89(() => {
     if (!data) return;
     setLastKnownRows(loadingRowsCount ?? data.length ?? 10);
   }, [data]);
@@ -145701,11 +145596,11 @@ function EntityTableView({
     },
     [itemKey]
   );
-  const [internalSelectedRows, setInternalSelectedRows] = useState106([]);
+  const [internalSelectedRows, setInternalSelectedRows] = useState107([]);
   const selRows = selectedRows ?? internalSelectedRows;
   const setSelRows = setSelectedRows ?? setInternalSelectedRows;
   const selectionEnabled = isUsable39(setSelectedRows);
-  const [lastSelectedIndex, setLastSelectedIndex] = useState106(
+  const [lastSelectedIndex, setLastSelectedIndex] = useState107(
     null
   );
   const handleRowSelection = useCallback64(
@@ -145753,7 +145648,7 @@ function EntityTableView({
     ),
     [columns]
   );
-  const [columnWidths, setColumnWidths] = useState106(initialWidths);
+  const [columnWidths, setColumnWidths] = useState107(initialWidths);
   useLayoutEffect20(() => {
     setColumnWidths(initialWidths);
   }, [columns]);
@@ -145783,7 +145678,7 @@ function EntityTableView({
     },
     [columnWidths, onMouseMove, onMouseUp]
   );
-  const [storeKey, setStoreKey] = useState106(savedColumnVisibilityKey);
+  const [storeKey, setStoreKey] = useState107(savedColumnVisibilityKey);
   const device = useDevice2();
   const allColumnIds = useMemo97(
     () => columns.map((c14) => c14.id.toString()),
@@ -146306,7 +146201,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 React181.Component {
+var ComponentStackReporter = class extends React180.Component {
   state = { hasError: false };
   static getDerivedStateFromError() {
     return { hasError: true };
@@ -146401,7 +146296,7 @@ function EntityTableWithHeader({
 var EntityTableWithHeader_default = EntityTableWithHeader;
 
 // src/data/entity-table/EntityTableWithPagination.tsx
-import { useEffect as useEffect89, useState as useState107 } from "react";
+import { useEffect as useEffect90, useState as useState108 } 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";
@@ -146429,14 +146324,14 @@ function EntityTableWithPagination({
   selectedRows,
   ...props
 }) {
-  const [paginationData, setPaginationData] = useState107({
+  const [paginationData, setPaginationData] = useState108({
     itemPerPage: 0,
     currentPageItemCount: 0,
     totalPageCount: 0,
     currentPage: 0,
     itemCount: 0
   });
-  useEffect89(() => {
+  useEffect90(() => {
     if (isUsable41(request.data) === false) return;
     const data = request.data;
     setPaginationData({
@@ -146588,7 +146483,7 @@ function EntityTablePaginatedPage({
 }
 
 // src/data/entity-table/SelectableEntityTableView.tsx
-import { useMemo as useMemo100, useState as useState108 } from "react";
+import { useMemo as useMemo100, useState as useState109 } from "react";
 import { isNullOrWhitespace as isNullOrWhitespace15 } from "@pol-studios/utils";
 import { jsx as jsx275, jsxs as jsxs171 } from "react/jsx-runtime";
 function SelectableEntityTableView({
@@ -146597,7 +146492,7 @@ function SelectableEntityTableView({
   selectedItems = [],
   ...props
 }) {
-  const [searchText, setSearchText] = useState108("");
+  const [searchText, setSearchText] = useState109("");
   const filteredData = useMemo100(() => {
     if (isNullOrWhitespace15(searchText)) return selectedItems;
     const lowerCase = searchText.toLowerCase();
@@ -146637,14 +146532,14 @@ function SelectableEntityTableView({
 
 // src/data/entity-table/EntityTableFilterPanel.tsx
 import { cn as cn143 } from "@pol-studios/utils";
-import { useState as useState109 } from "react";
+import { useState as useState110 } from "react";
 import { jsx as jsx276, jsxs as jsxs172 } from "react/jsx-runtime";
 function EntityTableFilterPanel({
   data,
   propertiesToSortBy,
   className
 }) {
-  const [sortedProperties, setSortedProperties] = useState109([]);
+  const [sortedProperties, setSortedProperties] = useState110([]);
   const handleSort = (property) => {
     const existingProperty = sortedProperties.find(
       (x10) => x10.property === property
@@ -146724,12 +146619,12 @@ import {
   useDbDelete as useDbDelete5,
   useDbQuery as useDbQuery11
 } from "@pol-studios/db";
-import { useEffect as useEffect91, useState as useState111 } from "react";
+import { useEffect as useEffect92, useState as useState112 } 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 useEffect90, useMemo as useMemo101, useState as useState110 } from "react";
+import { useEffect as useEffect91, useMemo as useMemo101, useState as useState111 } 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";
@@ -146756,8 +146651,8 @@ var PolOrderHintManager2 = ({
     property,
     schema
   );
-  const [modalElement, setModalElement] = useState110(null);
-  useEffect90(() => {
+  const [modalElement, setModalElement] = useState111(null);
+  useEffect91(() => {
     const handleModalChange = () => {
       const element2 = document.querySelector("[aria-ismodal]");
       setModalElement(element2);
@@ -146802,7 +146697,7 @@ var PolOrderHintManager2 = ({
       await updateOrderHint(activeItem, newPrevOrderHint, newNextOrderHint);
     }
   };
-  const [draggingId, setDraggingId] = useState110(null);
+  const [draggingId, setDraggingId] = useState111(null);
   const withHandle = (item) => {
     if (!displayHandle) return renderItem(item);
     if (orientation === "horizontal") {
@@ -146952,7 +146847,7 @@ var Column = ({
   tableName,
   onUpdate
 }) => {
-  const [isEditing, setIsEditing] = useState111(false);
+  const [isEditing, setIsEditing] = useState112(false);
   const alert = useAlert();
   const deleteMutation = useDbDelete5(
     {
@@ -147077,7 +146972,7 @@ var ManageColumn = ({
   isEditing,
   onIsEditingChange
 }) => {
-  const [open, setOpen] = useState111(false);
+  const [open, setOpen] = useState112(false);
   const insert = useInsert(
     {
       schema: "core",
@@ -147093,20 +146988,20 @@ var ManageColumn = ({
     ["id"]
   );
   const { toast } = useToast3();
-  useEffect91(() => {
+  useEffect92(() => {
     if (isEditing) {
       setOpen(true);
     }
   }, [isEditing]);
-  const [title, setTitle] = useState111(column?.title || "");
-  const [propertyType, setPropertyType] = useState111(column?.propertyType || "String");
-  const [options, setOptions] = useState111(column?.options || []);
-  const [defaultValue3, setDefaultValue] = useState111(
+  const [title, setTitle] = useState112(column?.title || "");
+  const [propertyType, setPropertyType] = useState112(column?.propertyType || "String");
+  const [options, setOptions] = useState112(column?.options || []);
+  const [defaultValue3, setDefaultValue] = useState112(
     //@ts-ignore
     column?.defaultValue.defaultValue || null
   );
-  const [optional, setOptional] = useState111(column?.isOptional || false);
-  useEffect91(() => {
+  const [optional, setOptional] = useState112(column?.isOptional || false);
+  useEffect92(() => {
     onIsEditingChange && onIsEditingChange(false);
     setDefaultValue(column?.defaultValue.defaultValue || null);
     setTitle(column?.title || "");
@@ -147280,7 +147175,7 @@ var OptionManager = ({
   options,
   setOptions
 }) => {
-  const [newOption, setNewOption] = useState111("");
+  const [newOption, setNewOption] = useState112("");
   const handleAdd = () => {
     if (options.includes(newOption)) return;
     setOptions((prev) => [...prev, newOption]);
@@ -147332,11 +147227,11 @@ var OptionManager = ({
 };
 
 // src/data/entity-table/ColumnSortAndVisibilityManager.tsx
-import React184, { useCallback as useCallback67, useEffect as useEffect92, useMemo as useMemo102, useRef as useRef61, useState as useState112 } from "react";
+import React183, { useCallback as useCallback67, useEffect as useEffect93, useMemo as useMemo102, useRef as useRef61, useState as useState113 } 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";
-import { useUserMetadataState } from "@pol-studios/auth";
+import { useUserMetadataState } from "@pol-studios/db/auth";
 import { jsx as jsx279, jsxs as jsxs175 } from "react/jsx-runtime";
 function SearchInput2({
   value,
@@ -147345,7 +147240,7 @@ function SearchInput2({
   placeholder = "Search columns...",
   className
 }) {
-  const [isFocused, setIsFocused] = useState112(false);
+  const [isFocused, setIsFocused] = useState113(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,
@@ -147488,7 +147383,7 @@ function DraggableColumnItem({
     }
   );
 }
-var VirtualColumnItem = React184.memo(function VirtualColumnItem2({
+var VirtualColumnItem = React183.memo(function VirtualColumnItem2({
   column,
   enabled,
   onToggle,
@@ -147593,21 +147488,21 @@ var ColumnSortAndVisibilityManager = ({
     [controlledDefaultVisibleColumnIds?.join(","), allIds.join(",")]
   );
   const [lsVisibleColumnIds, setLsVisibleColumnIds, isLoading] = useUserMetadataState(storeKey ?? "column-visibility", defaultVisibleIds);
-  useEffect92(() => {
+  useEffect93(() => {
     if (isLoading === false) {
       setControlledVisibleColumnIds?.(lsVisibleColumnIds);
     }
   }, [isLoading, lsVisibleColumnIds, setControlledVisibleColumnIds]);
   const visibleColumnIds = controlledVisibleColumnIds ?? (isLoading ? allIds : lsVisibleColumnIds);
   const setVisibleColumnIds = setControlledVisibleColumnIds ?? setLsVisibleColumnIds;
-  const [open, setOpen] = useState112(false);
-  const [dragOrder, setDragOrder] = useState112([]);
-  const [searchQuery, setSearchQuery] = useState112("");
-  const [pendingScrollToId, setPendingScrollToId] = useState112(null);
+  const [open, setOpen] = useState113(false);
+  const [dragOrder, setDragOrder] = useState113([]);
+  const [searchQuery, setSearchQuery] = useState113("");
+  const [pendingScrollToId, setPendingScrollToId] = useState113(null);
   const parentRef = useRef61(null);
-  const [isReady, setIsReady] = useState112(false);
+  const [isReady, setIsReady] = useState113(false);
   const useVirtualization = columns.length >= VIRTUALIZATION_THRESHOLD;
-  useEffect92(() => {
+  useEffect93(() => {
     if (open && useVirtualization) {
       const timer = setTimeout(() => setIsReady(true), 50);
       return () => clearTimeout(timer);
@@ -147617,7 +147512,7 @@ var ColumnSortAndVisibilityManager = ({
       setIsReady(false);
     }
   }, [open, useVirtualization]);
-  useEffect92(() => {
+  useEffect93(() => {
     setDragOrder([]);
   }, [searchQuery]);
   const clearSearch = useCallback67(() => {
@@ -147689,7 +147584,7 @@ var ColumnSortAndVisibilityManager = ({
     overscan: 5,
     enabled: useVirtualization
   });
-  useEffect92(() => {
+  useEffect93(() => {
     if (useVirtualization && pendingScrollToId && orderedColumns.length > 0) {
       const index4 = orderedColumns.findIndex((c14) => c14.id === pendingScrollToId);
       if (index4 !== -1) {
@@ -147710,7 +147605,7 @@ var ColumnSortAndVisibilityManager = ({
     }
     setDragOrder([]);
   }, [dragOrder, visibleColumnIds, setAllVisibleColumnIds]);
-  useEffect92(() => {
+  useEffect93(() => {
     if (!open) return;
     const handleKeyDown = (e8) => {
       if (e8.metaKey || e8.ctrlKey) {