npm - @uniformdev/mesh-sdk-react - Versions diffs - 20.49.2 → 20.49.3-alpha.47 - Mend

@uniformdev/mesh-sdk-react 20.49.2 → 20.49.3-alpha.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name2 in all)
@@ -34,14 +35,14 @@ var SvgCaution = (props) => /* @__PURE__ */ jsx2(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 16 16",
     fill: "currentColor",
+    viewBox: "0 0 16 16",
     ...props,
     children: /* @__PURE__ */ jsx2(
       "path",
       {
         fillRule: "evenodd",
-        d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"
+        d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002zm.133 11.497H6.987v-2.003h2.039zm0-3.004H6.987V5.987h2.039z"
       }
     )
   }
@@ -53,18 +54,18 @@ import { jsx as jsx3 } from "@emotion/react/jsx-runtime";
 var SvgCheckmark = (props) => /* @__PURE__ */ jsx3(
   "svg",
   {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 40 40",
     fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 40 40",
     ...props,
     children: /* @__PURE__ */ jsx3(
       "path",
       {
         fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"
+        d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4m8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0z",
+        clipRule: "evenodd"
       }
     )
   }
@@ -73,7 +74,7 @@ var Checkmark_default = SvgCheckmark;
 // src/assets/icons/ChevronDown.tsx
 import { jsx as jsx4 } from "@emotion/react/jsx-runtime";
-var SvgChevronDown = (props) => /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ jsx4("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z" }) });
+var SvgChevronDown = (props) => /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ jsx4("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414" }) });
 var ChevronDown_default = SvgChevronDown;
 // src/assets/icons/Close.tsx
@@ -84,12 +85,12 @@ var SvgClose = (props) => /* @__PURE__ */ jsx5(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 19 19",
     fill: "currentColor",
+    viewBox: "0 0 19 19",
     ...props,
     children: /* @__PURE__ */ jsxs("g", { fillRule: "evenodd", children: [
-      /* @__PURE__ */ jsx5("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z" }),
-      /* @__PURE__ */ jsx5("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z" })
+      /* @__PURE__ */ jsx5("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0" }),
+      /* @__PURE__ */ jsx5("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66" })
     ] })
   }
 );
@@ -103,14 +104,14 @@ var SvgDanger = (props) => /* @__PURE__ */ jsx6(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 12 16",
     fill: "currentColor",
+    viewBox: "0 0 12 16",
     ...props,
     children: /* @__PURE__ */ jsx6(
       "path",
       {
         fillRule: "evenodd",
-        d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"
+        d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3z"
       }
     )
   }
@@ -125,14 +126,14 @@ var SvgExclamationPoint = (props) => /* @__PURE__ */ jsx7(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 14 16",
     fill: "currentColor",
+    viewBox: "0 0 14 16",
     ...props,
     children: /* @__PURE__ */ jsx7(
       "path",
       {
         fillRule: "evenodd",
-        d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"
+        d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7m1 3H6v5h2zm0 6H6v2h2z"
       }
     )
   }
@@ -146,7 +147,7 @@ var SvgInfo = (props) => /* @__PURE__ */ jsxs2("svg", { width: "1em", height: "1
     "path",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
+      d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
     }
   ),
   /* @__PURE__ */ jsx8(
@@ -154,8 +155,8 @@ var SvgInfo = (props) => /* @__PURE__ */ jsxs2("svg", { width: "1em", height: "1
     {
       xmlns: "http://www.w3.org/2000/svg",
       fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"
+      d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2M4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0",
+      clipRule: "evenodd"
     }
   )
 ] });
@@ -169,14 +170,14 @@ var SvgLightbulb = (props) => /* @__PURE__ */ jsx9(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 12 16",
     fill: "currentColor",
+    viewBox: "0 0 12 16",
     ...props,
     children: /* @__PURE__ */ jsx9(
       "path",
       {
         fillRule: "evenodd",
-        d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"
+        d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5m3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48M4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2"
       }
     )
   }
@@ -188,18 +189,18 @@ import { jsx as jsx10, jsxs as jsxs3 } from "@emotion/react/jsx-runtime";
 var SvgMagnifyingGlass = (props) => /* @__PURE__ */ jsxs3(
   "svg",
   {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 26 24",
     fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 26 24",
     ...props,
     children: [
       /* @__PURE__ */ jsxs3("g", { clipPath: "url(#magnifying-glass_svg__a)", children: [
-        /* @__PURE__ */ jsx10("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z" }),
-        /* @__PURE__ */ jsx10("path", { d: "m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z" })
+        /* @__PURE__ */ jsx10("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568s10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0m0 19.187c-4.937 0-8.954-3.866-8.954-8.618s4.017-8.618 8.954-8.618 8.954 3.866 8.954 8.618-4.017 8.618-8.954 8.618" }),
+        /* @__PURE__ */ jsx10("path", { d: "m25.196 22.334-5.811-5.593a1.04 1.04 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38" })
       ] }),
-      /* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsx10("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ jsx10("path", { fill: "#fff", transform: "translate(.558)", d: "M0 0h24.935v24H0z" }) }) })
+      /* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsx10("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ jsx10("path", { fill: "#fff", d: "M.558 0h24.935v24H.558z" }) }) })
     ]
   }
 );
@@ -211,14 +212,14 @@ var SvgMaximizeAlt = (props) => /* @__PURE__ */ jsx11("svg", { width: "1em", hei
   "path",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"
+    d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2z"
   }
 ) });
 var MaximizeAlt_default = SvgMaximizeAlt;
 // src/assets/icons/Minus.tsx
 import { jsx as jsx12 } from "@emotion/react/jsx-runtime";
-var SvgMinus = (props) => /* @__PURE__ */ jsx12("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx12("path", { d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z", fill: "currentColor" }) });
+var SvgMinus = (props) => /* @__PURE__ */ jsx12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx12("path", { fill: "currentColor", d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1" }) });
 var Minus_default = SvgMinus;
 // src/assets/icons/MoreVerticalAlt.tsx
@@ -227,7 +228,7 @@ var SvgMoreVerticalAlt = (props) => /* @__PURE__ */ jsx13("svg", { width: "1em",
   "path",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"
+    d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
   }
 ) });
 var MoreVerticalAlt_default = SvgMoreVerticalAlt;
@@ -237,17 +238,51 @@ import { jsx as jsx14 } from "@emotion/react/jsx-runtime";
 var SvgPlus = (props) => /* @__PURE__ */ jsx14(
   "svg",
   {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 46 46",
     fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 46 46",
     ...props,
-    children: /* @__PURE__ */ jsx14("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z" })
+    children: /* @__PURE__ */ jsx14("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594" })
   }
 );
 var Plus_default = SvgPlus;
+// src/hooks/createDelegationFetch.ts
+import { CSRF_HEADER_NAME, CSRF_HEADER_VALUE, DELEGATION_EXPIRED_CODE } from "@uniformdev/mesh-sdk";
+async function isDelegationExpiredResponse(response) {
+  if (response.status !== 401) {
+    return false;
+  }
+  try {
+    const body = await response.clone().json();
+    return typeof body.code === "string" && body.code === DELEGATION_EXPIRED_CODE;
+  } catch (e) {
+    return false;
+  }
+}
+function createDelegationFetch(options) {
+  var _a, _b;
+  const fetchFn = (_a = options.fetch) != null ? _a : fetch;
+  const isExpired = (_b = options.isDelegationExpired) != null ? _b : isDelegationExpiredResponse;
+  return async (input3, init) => {
+    const headers = new Headers(init == null ? void 0 : init.headers);
+    headers.set(CSRF_HEADER_NAME, CSRF_HEADER_VALUE);
+    const initWithCsrf = { ...init, headers };
+    const response = await fetchFn(input3, initWithCsrf);
+    if (!await isExpired(response)) {
+      return response;
+    }
+    try {
+      await options.reacquire();
+    } catch (e) {
+      return response;
+    }
+    return fetchFn(input3, initWithCsrf);
+  };
+}
 // src/hooks/useConnectedDataAsVariables.tsx
 import { useMemo } from "react";
 function useConnectedDataAsVariables(connectedData) {
@@ -266,12 +301,44 @@ function useConnectedDataAsVariables(connectedData) {
   );
 }
+// src/hooks/useDelegation.ts
+import { useContext } from "react";
+// src/components/Delegation/DelegationContext.ts
+import { createContext } from "react";
+var DelegationContext = createContext(null);
+// src/hooks/useDelegation.ts
+function useDelegation() {
+  const ctx = useContext(DelegationContext);
+  if (!ctx) {
+    throw new Error("useDelegation must be used within a <DelegationProvider>");
+  }
+  return ctx;
+}
+// src/hooks/useDelegationFetch.ts
+import { useMemo as useMemo2 } from "react";
+function useDelegationFetch(options) {
+  const { reacquire } = useDelegation();
+  const fetchImpl = options == null ? void 0 : options.fetch;
+  const isDelegationExpired = options == null ? void 0 : options.isDelegationExpired;
+  return useMemo2(
+    () => createDelegationFetch({
+      reacquire,
+      fetch: fetchImpl,
+      isDelegationExpired
+    }),
+    [reacquire, fetchImpl, isDelegationExpired]
+  );
+}
 // src/hooks/useDynamicInputsAsVariables.tsx
 import { LOCALE_DYNAMIC_INPUT_NAME } from "@uniformdev/canvas";
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo3 } from "react";
 import { Fragment, jsx as jsx15 } from "@emotion/react/jsx-runtime";
 function useDynamicInputsAsVariables(dynamicInputs) {
-  return useMemo2(() => {
+  return useMemo3(() => {
     const result = Object.entries(dynamicInputs).reduce(
       (acc, [name2, input3]) => {
         const source = `from ${name2 === LOCALE_DYNAMIC_INPUT_NAME ? "current locale" : input3.type === "path" ? "URL path" : "query string"}`;
@@ -306,18 +373,18 @@ Current preview value: ${input3.value || "not provided"}`
 }
 // src/hooks/useMeshLocation.ts
-import { useMemo as useMemo4, useRef } from "react";
+import { useMemo as useMemo5, useRef } from "react";
 // src/components/UniformMeshLocationContext.tsx
-import { createContext as createContext2, useContext as useContext2, useMemo as useMemo3, useState } from "react";
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo4, useState } from "react";
 // src/components/UniformMeshSdkContext.tsx
 import { Theme } from "@uniformdev/design-system";
-import { createContext, useContext } from "react";
+import { createContext as createContext2, useContext as useContext2 } from "react";
 import { jsx as jsx16, jsxs as jsxs4 } from "@emotion/react/jsx-runtime";
-var UniformMeshSdkContext = createContext(void 0);
+var UniformMeshSdkContext = createContext2(void 0);
 var useUniformMeshSdkContext = () => {
-  const context = useContext(UniformMeshSdkContext);
+  const context = useContext2(UniformMeshSdkContext);
   if (!context) {
     throw new Error("useUniformMeshSdkContext must be used within <MeshApp /> or <UniformMeshSdkContext />");
   }
@@ -332,13 +399,13 @@ function useUniformMeshSdk() {
 // src/components/UniformMeshLocationContext.tsx
 import { jsx as jsx17 } from "@emotion/react/jsx-runtime";
-var UniformMeshLocationContext = createContext2(void 0);
+var UniformMeshLocationContext = createContext3(void 0);
 var UniformMeshLocationContextProvider = ({
   children
 }) => {
   const sdk = useUniformMeshSdk();
   const [location, setLocation] = useState(sdk.getCurrentLocation());
-  useMemo3(() => {
+  useMemo4(() => {
     const valueChangeListener = (event) => {
       setLocation((old) => ({ ...old, value: event.newValue }));
     };
@@ -355,7 +422,7 @@ var UniformMeshLocationContextProvider = ({
   return /* @__PURE__ */ jsx17(UniformMeshLocationContext.Provider, { value: { location }, children });
 };
 var useUniformMeshLocationContext = () => {
-  const context = useContext2(UniformMeshLocationContext);
+  const context = useContext3(UniformMeshLocationContext);
   if (!context) {
     throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");
   }
@@ -370,7 +437,7 @@ function useMeshLocation(expectedLocation) {
   }
   const backdoorLocation = useRef(location);
   backdoorLocation.current = location;
-  const stabilizedSetValueProxy = useMemo4(
+  const stabilizedSetValueProxy = useMemo5(
     () => (dispatch) => {
       const { newValue, options } = dispatch(backdoorLocation.current.value);
       backdoorLocation.current.setValue(newValue, options);
@@ -502,7 +569,7 @@ function refreshVariableNodeMetadata(editor) {
 // src/components/Variables/util/setVariablesEditorValue.ts
 function setVariablesEditorValue(editor, newValue, tag) {
-  if (typeof newValue === "undefined" || typeof newValue === "string") {
+  if (newValue === null || typeof newValue === "undefined" || typeof newValue === "string") {
     const parsedState = editor.parseEditorState(deserializeVariablesEditorState(newValue));
     editor.setEditorState(parsedState.clone(null), {
       tag
@@ -684,9 +751,10 @@ import {
   $isNodeSelection,
   $setSelection,
   COMMAND_PRIORITY_NORMAL,
-  createCommand
+  createCommand,
+  SKIP_DOM_SELECTION_TAG
 } from "lexical";
-import { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo6, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo7, useRef as useRef3, useState as useState4 } from "react";
 import { createPortal } from "react-dom";
 // src/components/Variables/toolbox/SelectVariableMenu.styles.ts
@@ -720,7 +788,7 @@ var variablesTipText = css`
 // src/components/Variables/VariablesProvider.tsx
 import mitt from "mitt";
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect3, useMemo as useMemo5, useState as useState3 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect3, useMemo as useMemo6, useState as useState3 } from "react";
 // src/components/Variables/util/useVariableEditTransaction.ts
 import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
@@ -770,11 +838,11 @@ function useVariableEditTransaction({
 }
 // src/components/Variables/VariableEditor.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import { Button, Callout, HorizontalRhythm, Input, useShortcut } from "@uniformdev/design-system";
 import { useLayoutEffect, useRef as useRef2 } from "react";
 import { useForm } from "react-hook-form";
-import * as z from "zod/v3";
+import * as z from "zod";
 // src/components/Variables/styles/VariableEditor.styles.ts
 import { css as css2 } from "@emotion/react";
@@ -787,7 +855,7 @@ var variablesFormContainer = css2`
 // src/components/Variables/VariableEditor.tsx
 import { jsx as jsx19, jsxs as jsxs5 } from "@emotion/react/jsx-runtime";
 var schema = z.object({
-  name: z.string().nonempty("Name can't be empty").regex(/^[^${}]+$/, "$, {, and } are reserved characters and cannot be used in a variable name"),
+  name: z.string().min(1, "Name can't be empty").regex(/^[^${}]+$/, "$, {, and } are reserved characters and cannot be used in a variable name"),
   default: z.string(),
   displayName: z.string().optional(),
   helpText: z.string().optional(),
@@ -813,7 +881,7 @@ function VariableEditor({
       order: currentVariable == null ? void 0 : currentVariable.order,
       type: (_d = currentVariable == null ? void 0 : currentVariable.type) != null ? _d : ""
     },
-    resolver: zodResolver(schema)
+    resolver: standardSchemaResolver(schema)
   });
   const submitHandler = handleSubmit((values) => {
     const finalValue = {
@@ -909,7 +977,7 @@ function VariableEditor({
 // src/components/Variables/VariablesProvider.tsx
 import { jsx as jsx20, jsxs as jsxs6 } from "@emotion/react/jsx-runtime";
-var VariablesContext = createContext3(null);
+var VariablesContext = createContext4(null);
 function VariablesProvider({
   value,
   onChange,
@@ -922,7 +990,7 @@ function VariablesProvider({
 }) {
   const [editing, setEditing] = useState3();
   const [editingContext, setEditingContext] = useState3();
-  const events = useMemo5(
+  const events = useMemo6(
     () => mitt(),
     []
   );
@@ -930,7 +998,7 @@ function VariablesProvider({
     throw new Error("onChange must be provided when readOnly is false");
   }
   const Editor = editVariableComponent != null ? editVariableComponent : VariableEditor;
-  const valueBasedContextValue = useMemo5(
+  const valueBasedContextValue = useMemo6(
     () => ({
       flatVariables: flattenVariables(value),
       dispatch: (event) => {
@@ -974,7 +1042,7 @@ function VariablesProvider({
     isEditing: typeof editing !== "undefined",
     variables: value
   });
-  const contextValue = useMemo5(() => {
+  const contextValue = useMemo6(() => {
     return {
       ...valueBasedContextValue,
       editVariableTxn,
@@ -1034,7 +1102,7 @@ function VariablesProvider({
   ] });
 }
 function useVariables(returnEmptyWithoutProvider = false) {
-  const context = useContext3(VariablesContext);
+  const context = useContext4(VariablesContext);
   if (!context) {
     if (returnEmptyWithoutProvider) {
       return {
@@ -1146,6 +1214,11 @@ var DISCONNECT_VARIABLE_COMMAND = createCommand(
   "uniform:disconnect-variable"
 );
 var INSERT_VARIABLE_COMMAND = createCommand("uniform:insert-variable");
+function isEditorFocused(editor) {
+  var _a;
+  const rootElement = editor.getRootElement();
+  return (_a = rootElement == null ? void 0 : rootElement.contains(rootElement.ownerDocument.activeElement)) != null ? _a : false;
+}
 var DollarSignVariablesRegex = /(^.*)(\$\$(.{0,20}))$/;
 function getPossibleQueryMatch(text) {
   const match = DollarSignVariablesRegex.exec(text);
@@ -1177,7 +1250,7 @@ function useVariablesMenu({
     [canDispatch, enableEditingVariables, readOnly]
   );
   const canAddVariable = canDispatch && showAddVariableMenuOption && !readOnly;
-  const { groupedVariables, menuOptions } = useMemo6(() => {
+  const { groupedVariables, menuOptions } = useMemo7(() => {
     const groupedVariables2 = variablesToGroupedList(variables, filterVariable, getEditorContext == null ? void 0 : getEditorContext());
     if (canAddVariable) {
       groupedVariables2.unshift({
@@ -1264,7 +1337,7 @@ function VariablesPlugin({
     filterVariable,
     getEditorContext
   });
-  const { filteredGroupedVariables, filteredMenuOptions } = useMemo6(() => {
+  const { filteredGroupedVariables, filteredMenuOptions } = useMemo7(() => {
     if (!queryString) {
       return {
         filteredGroupedVariables: groupedVariables,
@@ -1440,7 +1513,7 @@ function VariablesPlugin({
     replaceValueOnVariableInsert,
     disableVariableDisplayNames
   ]);
-  const updateExistingNodeIfChanged = useCallback2(
+  const computeUpdatedVariableNodeState = useCallback2(
     (variableNode) => {
       var _a, _b, _c, _d;
       const targetVar = variablesRef.current.variables[variableNode.reference];
@@ -1448,7 +1521,7 @@ function VariablesPlugin({
       const isLoadingVariables = variablesRef.current.isLoading;
       const currentState = variableNode.getState();
       if (currentState.isFresh && !targetVar && !targetUndefinedVar) {
-        return;
+        return void 0;
       }
       const tooltip = (_d = (_c = (_b = (_a = targetVar == null ? void 0 : targetVar.tooltip) != null ? _a : targetVar == null ? void 0 : targetVar.helpText) != null ? _b : targetUndefinedVar == null ? void 0 : targetUndefinedVar.error) != null ? _c : targetUndefinedVar == null ? void 0 : targetUndefinedVar.warning) != null ? _d : targetUndefinedVar == null ? void 0 : targetUndefinedVar.info;
       const displayName = disableVariableDisplayNames ? prettifyBindExpression(variableNode.reference) : (targetVar == null ? void 0 : targetVar.displayName) || (targetUndefinedVar == null ? void 0 : targetUndefinedVar.displayName) || prettifyBindExpression(variableNode.reference);
@@ -1461,26 +1534,50 @@ function VariablesPlugin({
         tooltip,
         isFresh: false
       };
-      if (!dequal(currentState, newState)) {
+      return dequal(currentState, newState) ? void 0 : newState;
+    },
+    [canEditVariable, disableVariableDisplayNames]
+  );
+  const updateExistingNodeIfChanged = useCallback2(
+    (variableNode) => {
+      const newState = computeUpdatedVariableNodeState(variableNode);
+      if (newState) {
         variableNode.setState(newState);
       }
     },
-    [canEditVariable, disableVariableDisplayNames]
+    [computeUpdatedVariableNodeState]
   );
   useEffect4(() => {
-    let selection;
+    const pendingUpdates = [];
     editor.read(() => {
-      selection = $getSelection();
+      $dfs().forEach(({ node }) => {
+        if ($isVariableNode(node)) {
+          const newState = computeUpdatedVariableNodeState(node);
+          if (newState) {
+            pendingUpdates.push({ key: node.getKey(), newState });
+          }
+        }
+      });
     });
+    if (pendingUpdates.length === 0) {
+      return;
+    }
+    const shouldSyncDomSelection = isEditorFocused(editor);
     editor.update(() => {
       var _a;
-      $addUpdateTag("skip-dom-selection");
-      $setSelection((_a = selection == null ? void 0 : selection.clone()) != null ? _a : null);
-      $dfs().filter(({ node }) => $isVariableNode(node)).forEach(({ node: variableNode }) => {
-        updateExistingNodeIfChanged(variableNode);
+      const selection = $getSelection();
+      pendingUpdates.forEach(({ key, newState }) => {
+        const node = $getNodeByKey(key);
+        if ($isVariableNode(node)) {
+          node.setState(newState);
+        }
       });
+      $setSelection((_a = selection == null ? void 0 : selection.clone()) != null ? _a : null);
+      if (!shouldSyncDomSelection) {
+        $addUpdateTag(SKIP_DOM_SELECTION_TAG);
+      }
     });
-  }, [editor, variables, knownUndefinedValues, canEditVariable, updateExistingNodeIfChanged]);
+  }, [editor, variables, knownUndefinedValues, computeUpdatedVariableNodeState]);
   useEffect4(() => {
     return editor.registerNodeTransform(VariableNode, (variableNode) => {
       updateExistingNodeIfChanged(variableNode);
@@ -1886,8 +1983,11 @@ var input = css4`
 var inputCompact = css4`
   border: 1px solid var(--white);
   padding-block: var(--spacing-sm);
-  min-height: 39px;
   font-size: var(--fs-sm);
+  && {
+    min-height: 39px;
+  }
 `;
 var inputDisabled = css4`
   cursor: not-allowed;
@@ -2017,7 +2117,7 @@ var inputMultiLine = (lines) => css5`
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 import { hasReferencedVariables } from "@uniformdev/canvas";
-import { useEffect as useEffect7, useMemo as useMemo7, useState as useState5 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo8, useState as useState5 } from "react";
 function useInputVariablesState({
   value,
   onChange,
@@ -2049,7 +2149,7 @@ function useInputVariablesState({
   const hadVariablesInValueForReals = inputWhenNoVariables ? hadVariablesInValue : variableReferenceCountInValue > 0;
   const disableVariablesForReals = disableVariables || Object.keys(variables).length === 0 && !showAddVariableMenuOption;
   const disableResetForReals = !inputWhenNoVariables || !hadVariablesInValueForReals;
-  const sharedMenuProps = useMemo7(
+  const sharedMenuProps = useMemo8(
     () => ({
       menuTooltip,
       showAddVariableMenuOption,
@@ -2247,7 +2347,7 @@ import { AutoFocusPlugin } from "@lexical/react/LexicalAutoFocusPlugin";
 import { ClearEditorPlugin } from "@lexical/react/LexicalClearEditorPlugin";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
-import { useMemo as useMemo8, useRef as useRef5, useState as useState6 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo9, useRef as useRef5, useState as useState6 } from "react";
 // src/components/Variables/composer/DisablePlugin.tsx
 import { useLexicalComposerContext as useLexicalComposerContext7 } from "@lexical/react/LexicalComposerContext";
@@ -2274,6 +2374,13 @@ function SingleLineTextPlugin() {
   return null;
 }
+// src/components/Variables/toolbox/useVariablesComposerFlushPending.ts
+import { createContext as createContext5, useContext as useContext5 } from "react";
+var VariablesComposerFlushPendingContext = createContext5(false);
+function useVariablesComposerFlushPending() {
+  return useContext5(VariablesComposerFlushPendingContext);
+}
 // src/components/Variables/toolbox/VariablesComposer.tsx
 import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs10 } from "@emotion/react/jsx-runtime";
 function VariablesComposer(props) {
@@ -2288,7 +2395,8 @@ function VariablesComposer(props) {
     ...variablesPluginProps
   } = props;
   const [lastEmittedValue, setLastEmittedValue] = useState6(value);
-  const editorConfig = useMemo8(
+  const [flushPending, setFlushPending] = useState6(false);
+  const editorConfig = useMemo9(
     () => ({
       namespace: "uniform",
       onError(error) {
@@ -2297,11 +2405,29 @@ function VariablesComposer(props) {
       nodes: [VariableNode],
       editorState: deserializeVariablesEditorState(props.value)
     }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/exhaustive-deps
     []
   );
   const editorState = useRef5(void 0);
   const updateTimeout = useRef5(void 0);
+  const flushDepsRef = useRef5({ onChange, lastEmittedValue });
+  flushDepsRef.current = { onChange, lastEmittedValue };
+  useEffect10(
+    () => () => {
+      if (!updateTimeout.current) {
+        return;
+      }
+      clearTimeout(updateTimeout.current);
+      const { onChange: emit, lastEmittedValue: lastEmitted } = flushDepsRef.current;
+      const valueToEmit = editorState.current ? serializeVariablesEditorState(editorState.current) : void 0;
+      const shouldEmit = editorState.current != null && valueToEmit !== lastEmitted;
+      if (!shouldEmit) {
+        return;
+      }
+      queueMicrotask(() => emit(valueToEmit));
+    },
+    []
+  );
   if (typeof document === "undefined") return null;
   return /* @__PURE__ */ jsxs10(LexicalComposer, { initialConfig: editorConfig, children: [
     /* @__PURE__ */ jsx26(
@@ -2313,6 +2439,7 @@ function VariablesComposer(props) {
           if (updateTimeout.current) {
             clearTimeout(updateTimeout.current);
           }
+          setFlushPending(true);
           updateTimeout.current = window.setTimeout(() => {
             if (editorState.current) {
               const valueToEmit = serializeVariablesEditorState(editorState.current);
@@ -2321,6 +2448,8 @@ function VariablesComposer(props) {
                 onChange(valueToEmit);
               }
             }
+            setFlushPending(false);
+            updateTimeout.current = void 0;
           }, 400);
         }
       }
@@ -2330,7 +2459,7 @@ function VariablesComposer(props) {
     /* @__PURE__ */ jsx26(VariablesPlugin, { ...variablesPluginProps }),
     /* @__PURE__ */ jsx26(DisablePlugin, { disabled }),
     /* @__PURE__ */ jsx26(Fragment5, { children: autoFocus ? /* @__PURE__ */ jsx26(AutoFocusPlugin, {}) : null }),
-    /* @__PURE__ */ jsx26(Fragment5, { children })
+    /* @__PURE__ */ jsx26(VariablesComposerFlushPendingContext.Provider, { value: flushPending, children })
   ] });
 }
@@ -2355,18 +2484,27 @@ import {
   CUT_COMMAND,
   PASTE_COMMAND as PASTE_COMMAND2
 } from "lexical";
-import { useEffect as useEffect10 } from "react";
+import { useEffect as useEffect11 } from "react";
 import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs11 } from "@emotion/react/jsx-runtime";
 function VariablesComposerInput({
-  css: css23,
+  css: css24,
   placeholder,
   ...contentEditableProps
 }) {
+  const flushPending = useVariablesComposerFlushPending();
   return /* @__PURE__ */ jsxs11("div", { children: [
     /* @__PURE__ */ jsx27(
       PlainTextPlugin,
       {
-        contentEditable: /* @__PURE__ */ jsx27(ContentEditable, { ...contentEditableProps, placeholder: null, "aria-placeholder": void 0 }),
+        contentEditable: /* @__PURE__ */ jsx27(
+          ContentEditable,
+          {
+            ...contentEditableProps,
+            "data-flush-pending": flushPending,
+            placeholder: null,
+            "aria-placeholder": void 0
+          }
+        ),
         placeholder: placeholder ? /* @__PURE__ */ jsx27(Fragment6, { children: placeholder }) : null,
         ErrorBoundary: LexicalErrorBoundary
       }
@@ -2377,7 +2515,7 @@ function VariablesComposerInput({
 }
 function RichishCopyAndPastePlugin() {
   const [editor] = useLexicalComposerContext9();
-  useEffect10(() => {
+  useEffect11(() => {
     return mergeRegister4(
       editor.registerCommand(
         COPY_COMMAND,
@@ -2484,7 +2622,7 @@ function InputVariables(props) {
     singleTokenMode,
     disableVariableDisplayNames
   } = props;
-  const [finalId] = useState7(id != null ? id : () => v4());
+  const [finalId] = useState7(id != null ? id : (() => v4()));
   const { dispatch, canDispatch, isEditing } = useVariables(true);
   const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps } = useInputVariablesState(props);
   const useInputWithNoVariables = Boolean(inputWhenNoVariables && !hadVariablesInValue);
@@ -2632,7 +2770,7 @@ function InputVariablesOverlayMenu({
 import { CgUsbC as CgUsbC2 } from "@react-icons/all-files/cg/CgUsbC";
 import { bindVariablesToObject } from "@uniformdev/canvas";
 import { HorizontalRhythm as HorizontalRhythm5, Menu as Menu2 } from "@uniformdev/design-system";
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo10 } from "react";
 import { jsx as jsx29, jsxs as jsxs13 } from "@emotion/react/jsx-runtime";
 function ParameterConnectionIndicator({
   children,
@@ -2643,7 +2781,7 @@ function ParameterConnectionIndicator({
   overrideMenuButtonParentMargin,
   renderMenuInPortal = false
 }) {
-  const hasVariablesInValue = useMemo9(() => {
+  const hasVariablesInValue = useMemo10(() => {
     let result = false;
     bindVariablesToObject({
       value,
@@ -2694,7 +2832,7 @@ import { useCallback as useCallback4 } from "react";
 import { useLexicalComposerContext as useLexicalComposerContext10 } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister as mergeRegister5 } from "@lexical/utils";
 import { $getNodeByKey as $getNodeByKey3, COMMAND_PRIORITY_HIGH as COMMAND_PRIORITY_HIGH3 } from "lexical";
-import { useEffect as useEffect11, useRef as useRef6 } from "react";
+import { useEffect as useEffect12, useRef as useRef6 } from "react";
 function OnDisconnectPlugin({
   onDisconnect
 }) {
@@ -2702,7 +2840,7 @@ function OnDisconnectPlugin({
   const { variables } = useVariables(true);
   const variablesRef = useRef6(variables);
   variablesRef.current = variables;
-  useEffect11(() => {
+  useEffect12(() => {
     return mergeRegister5(
       editor.registerCommand(
         DISCONNECT_VARIABLE_COMMAND,
@@ -3615,7 +3753,7 @@ function RequestParameters({
 // src/components/Request/RequestUrl.tsx
 import { css as css13 } from "@emotion/react";
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo12 } from "react";
 // src/components/Request/urlEncodeRequestParameter.ts
 function urlEncodeRequestUrl(url, varValues) {
@@ -3641,7 +3779,7 @@ function RequestUrl() {
   var _a, _b;
   const { variables } = useVariables();
   const { request } = useRequest();
-  const mergedParameters = useMemo11(() => {
+  const mergedParameters = useMemo12(() => {
     var _a2;
     if (!((_a2 = request.baseRequest) == null ? void 0 : _a2.parameters)) {
       return request.parameters;
@@ -3884,17 +4022,200 @@ function convertRequestDataToDataType(dataType, requestData) {
   };
 }
+// src/components/Delegation/DelegationGate.tsx
+import { Callout as Callout3, LoadingOverlay } from "@uniformdev/design-system";
+import { useEffect as useEffect13 } from "react";
+// src/components/Delegation/styles/DelegationGate.style.ts
+import { css as css14 } from "@emotion/react";
+var delegationGateStyle = css14`
+  min-height: 12rem;
+  width: 100%;
+`;
+// src/components/Delegation/DelegationGate.tsx
+import { Fragment as Fragment10, jsx as jsx46 } from "@emotion/react/jsx-runtime";
+function DefaultDelegationLoading() {
+  return /* @__PURE__ */ jsx46("div", { css: delegationGateStyle, children: /* @__PURE__ */ jsx46(LoadingOverlay, { isActive: true, statusMessage: "Connecting to Uniform..." }) });
+}
+function DefaultDelegationDisabled() {
+  return /* @__PURE__ */ jsx46(Callout3, { type: "caution", title: "Feature unavailable", children: "This app requires permissions that are not currently enabled. Please contact your Uniform administrator to enable identity delegation for this integration." });
+}
+function DefaultDelegationError({ error }) {
+  useEffect13(() => {
+    console.error("Delegation connection failed", error);
+  }, [error]);
+  return /* @__PURE__ */ jsx46(Callout3, { type: "error", title: "Connection error", children: /* @__PURE__ */ jsx46("p", { children: "Failed to connect to Uniform. Try again, or contact your administrator if the problem persists." }) });
+}
+function DelegationGate({
+  children,
+  loadingComponent,
+  disabledComponent,
+  errorComponent
+}) {
+  const { status, error } = useDelegation();
+  if (status === "active") {
+    return /* @__PURE__ */ jsx46(Fragment10, { children });
+  }
+  if (status === "idle" || status === "acquiring") {
+    return /* @__PURE__ */ jsx46(Fragment10, { children: loadingComponent !== void 0 ? loadingComponent : /* @__PURE__ */ jsx46(DefaultDelegationLoading, {}) });
+  }
+  if (status === "disabled") {
+    return /* @__PURE__ */ jsx46(Fragment10, { children: disabledComponent !== void 0 ? disabledComponent : /* @__PURE__ */ jsx46(DefaultDelegationDisabled, {}) });
+  }
+  if (status === "error") {
+    const resolvedError = error != null ? error : new Error("Unknown delegation error");
+    if (errorComponent !== void 0) {
+      if (typeof errorComponent === "function") {
+        return /* @__PURE__ */ jsx46(Fragment10, { children: errorComponent({ error: resolvedError }) });
+      }
+      return /* @__PURE__ */ jsx46(Fragment10, { children: errorComponent });
+    }
+    return /* @__PURE__ */ jsx46(DefaultDelegationError, { error: resolvedError });
+  }
+  return null;
+}
+// src/components/Delegation/DelegationProvider.tsx
+import { useCallback as useCallback5, useEffect as useEffect14, useMemo as useMemo13, useRef as useRef7, useState as useState11 } from "react";
+import { jsx as jsx47 } from "@emotion/react/jsx-runtime";
+var DelegationDisabledError = class extends Error {
+  constructor() {
+    super("Identity delegation is not enabled for this integration.");
+    this.name = "DelegationDisabledError";
+  }
+};
+var DEFAULT_REVALIDATE_AFTER_MS = 30 * 1e3;
+function DelegationProvider({
+  sdk,
+  onSessionToken,
+  checkActive,
+  revalidateOnFocus = true,
+  revalidateAfterMs = DEFAULT_REVALIDATE_AFTER_MS,
+  children
+}) {
+  const [status, setStatus] = useState11("idle");
+  const [error, setError] = useState11(null);
+  const mountedRef = useRef7(true);
+  const statusRef = useRef7("idle");
+  statusRef.current = status;
+  const acquirePromiseRef = useRef7(null);
+  const acquire = useCallback5(() => {
+    if (acquirePromiseRef.current) {
+      return acquirePromiseRef.current;
+    }
+    const run = (async () => {
+      if (statusRef.current !== "active") {
+        setStatus("acquiring");
+      }
+      setError(null);
+      try {
+        const isActive = await checkActive();
+        if (isActive) {
+          if (mountedRef.current) {
+            setStatus("active");
+          }
+          return;
+        }
+        if (!mountedRef.current) {
+          return;
+        }
+        const sessionToken = await sdk.getSessionToken();
+        if (!mountedRef.current) {
+          return;
+        }
+        if (!sessionToken) {
+          if (mountedRef.current) {
+            setStatus("disabled");
+          }
+          throw new DelegationDisabledError();
+        }
+        await onSessionToken(sessionToken);
+        if (mountedRef.current) {
+          setStatus("active");
+        }
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error(String(err));
+        if (mountedRef.current && !(err instanceof DelegationDisabledError)) {
+          setError(error2);
+          setStatus("error");
+        }
+        throw error2;
+      }
+    })();
+    acquirePromiseRef.current = run.finally(() => {
+      acquirePromiseRef.current = null;
+    });
+    return acquirePromiseRef.current;
+  }, [sdk, onSessionToken, checkActive]);
+  useEffect14(() => {
+    mountedRef.current = true;
+    void acquire().catch(() => {
+    });
+    return () => {
+      mountedRef.current = false;
+    };
+  }, [acquire]);
+  const revalidate = useCallback5(async () => {
+    if (acquirePromiseRef.current) {
+      return;
+    }
+    if (statusRef.current !== "active") {
+      return;
+    }
+    try {
+      const isActive = await checkActive();
+      if (!mountedRef.current) {
+        return;
+      }
+      if (!isActive) {
+        void acquire().catch(() => {
+        });
+      }
+    } catch (e) {
+    }
+  }, [checkActive, acquire]);
+  useEffect14(() => {
+    if (!revalidateOnFocus) {
+      return;
+    }
+    if (typeof document === "undefined") {
+      return;
+    }
+    let hiddenAt = document.visibilityState === "hidden" ? Date.now() : null;
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "hidden") {
+        hiddenAt = Date.now();
+        return;
+      }
+      if (document.visibilityState === "visible") {
+        const elapsed = hiddenAt === null ? 0 : Date.now() - hiddenAt;
+        hiddenAt = null;
+        if (elapsed >= revalidateAfterMs) {
+          void revalidate();
+        }
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [revalidateOnFocus, revalidateAfterMs, revalidate]);
+  const value = useMemo13(() => ({ status, error, reacquire: acquire }), [status, error, acquire]);
+  return /* @__PURE__ */ jsx47(DelegationContext.Provider, { value, children });
+}
 // src/components/MeshApp.tsx
-import { LoadingIndicator as LoadingIndicator2, Theme as Theme2 } from "@uniformdev/design-system";
+import { IconsProvider, LoadingIndicator as LoadingIndicator2, Theme as Theme2 } from "@uniformdev/design-system";
 // src/hooks/useInitializeUniformMeshSdk.ts
 import { initializeUniformMeshSDK } from "@uniformdev/mesh-sdk";
-import { useEffect as useEffect12, useRef as useRef7, useState as useState11 } from "react";
+import { useEffect as useEffect15, useRef as useRef8, useState as useState12 } from "react";
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
-  const [error, setError] = useState11();
-  const [sdk, setSdk] = useState11();
-  const initializationInProgress = useRef7(false);
-  useEffect12(
+  const [error, setError] = useState12();
+  const [sdk, setSdk] = useState12();
+  const initializationInProgress = useRef8(false);
+  useEffect15(
     () => {
       if (typeof window === "undefined" || sdk) {
         return;
@@ -3912,7 +4233,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
         setSdk(window.UniformMeshSDK);
       }
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/exhaustive-deps
     [autoResizingDisabled]
   );
   return {
@@ -3927,7 +4248,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
 };
 // src/components/MeshApp.tsx
-import { jsx as jsx46, jsxs as jsxs21 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs21 } from "@emotion/react/jsx-runtime";
 var MeshApp = ({
   children,
   loadingComponent,
@@ -3936,25 +4257,25 @@ var MeshApp = ({
   const { initializing, error, sdk } = useInitializeUniformMeshSdk();
   if (initializing || !sdk) {
     const LoadingComponent = loadingComponent;
-    return LoadingComponent ? /* @__PURE__ */ jsx46(LoadingComponent, {}) : /* @__PURE__ */ jsx46(LoadingIndicator2, {});
+    return LoadingComponent ? /* @__PURE__ */ jsx48(LoadingComponent, {}) : /* @__PURE__ */ jsx48(LoadingIndicator2, {});
   }
   if (error) {
     const ErrorComponent = errorComponent;
     if (ErrorComponent) {
-      return /* @__PURE__ */ jsx46(ErrorComponent, { error });
+      return /* @__PURE__ */ jsx48(ErrorComponent, { error });
     }
     throw error;
   }
   return /* @__PURE__ */ jsxs21(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
-    /* @__PURE__ */ jsx46(Theme2, {}),
-    /* @__PURE__ */ jsx46(UniformMeshLocationContextProvider, { children })
+    /* @__PURE__ */ jsx48(Theme2, {}),
+    /* @__PURE__ */ jsx48(IconsProvider, { children: /* @__PURE__ */ jsx48(UniformMeshLocationContextProvider, { children }) })
   ] });
 };
 // src/components/ObjectSearch/DataRefreshButton.tsx
-import { css as css14 } from "@emotion/react";
+import { css as css15 } from "@emotion/react";
 import { Button as Button2, LoadingIndicator as LoadingIndicator3 } from "@uniformdev/design-system";
-import { jsx as jsx47, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
 var DataRefreshButton = ({
   buttonText,
   isLoading,
@@ -3962,10 +4283,10 @@ var DataRefreshButton = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs22(Button2, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
-    !isLoading ? null : /* @__PURE__ */ jsx47(
+    !isLoading ? null : /* @__PURE__ */ jsx49(
       LoadingIndicator3,
       {
-        css: css14`
+        css: css15`
             ${isLoading ? "opacity: 0.2;" : void 0}
           `
       }
@@ -3975,22 +4296,22 @@ var DataRefreshButton = ({
 };
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
-import { css as css16 } from "@emotion/react";
+import { css as css17 } from "@emotion/react";
 import { bindVariables } from "@uniformdev/canvas";
-import { Callout as Callout3, Container, ScrollableList, VerticalRhythm as VerticalRhythm3 } from "@uniformdev/design-system";
+import { Callout as Callout4, Container, ScrollableList, VerticalRhythm as VerticalRhythm3 } from "@uniformdev/design-system";
 // src/components/ObjectSearch/hooks/ObjectSearchContext.tsx
 import { bindVariablesToObject as bindVariablesToObject2 } from "@uniformdev/canvas";
 import {
-  createContext as createContext5,
-  useCallback as useCallback5,
-  useContext as useContext5,
+  createContext as createContext7,
+  useCallback as useCallback6,
+  useContext as useContext7,
   useDeferredValue,
-  useMemo as useMemo12,
-  useState as useState12
+  useMemo as useMemo14,
+  useState as useState13
 } from "react";
-import { jsx as jsx48 } from "@emotion/react/jsx-runtime";
-var ObjectSearchContext = createContext5({
+import { jsx as jsx50 } from "@emotion/react/jsx-runtime";
+var ObjectSearchContext = createContext7({
   onSetQuery: () => {
   },
   onSelectItem: () => {
@@ -4011,16 +4332,16 @@ var ObjectSearchProvider = ({
   children,
   defaultQuery
 }) => {
-  const [query, setQuery] = useState12({
+  const [query, setQuery] = useState13({
     contentType: "",
     keyword: "",
     ...defaultQuery
   });
   const { flatVariables } = useVariables(true);
   const querySearchDeferred = useDeferredValue(query);
-  const [selectedItems, setSelectedItems] = useState12(currentlySelectedItems != null ? currentlySelectedItems : []);
-  const [list, setList] = useState12({});
-  const onSetQuery = useCallback5(
+  const [selectedItems, setSelectedItems] = useState13(currentlySelectedItems != null ? currentlySelectedItems : []);
+  const [list, setList] = useState13({});
+  const onSetQuery = useCallback6(
     (value2) => {
       if (Array.isArray(value2.contentType) && value2.contentType.length > 0) {
         return setQuery({
@@ -4032,7 +4353,7 @@ var ObjectSearchProvider = ({
     },
     [setQuery]
   );
-  const onSelectItem = useCallback5(
+  const onSelectItem = useCallback6(
     (selectedResult) => {
       if (Array.isArray(selectedResult)) {
         setSelectedItems(selectedResult);
@@ -4046,17 +4367,17 @@ var ObjectSearchProvider = ({
     },
     [setSelectedItems, selectedItems]
   );
-  const onRemoveAllSelectedItems = useCallback5(() => {
+  const onRemoveAllSelectedItems = useCallback6(() => {
     setSelectedItems([]);
   }, [setSelectedItems]);
-  const onSetList = useCallback5(
+  const onSetList = useCallback6(
     (value2) => {
       setList(value2);
     },
     [setList]
   );
-  const boundQuery = useMemo12(() => bindQuery(query, flatVariables), [query, flatVariables]);
-  const value = useMemo12(
+  const boundQuery = useMemo14(() => bindQuery(query, flatVariables), [query, flatVariables]);
+  const value = useMemo14(
     () => ({
       boundQuery,
       onSetQuery,
@@ -4080,10 +4401,10 @@ var ObjectSearchProvider = ({
       onSetList
     ]
   );
-  return /* @__PURE__ */ jsx48(ObjectSearchContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx50(ObjectSearchContext.Provider, { value, children });
 };
 function useObjectSearchContext() {
-  return useContext5(ObjectSearchContext);
+  return useContext7(ObjectSearchContext);
 }
 function bindQuery(query, inputs) {
   const { result, errors } = bindVariablesToObject2({
@@ -4101,9 +4422,9 @@ function bindQuery(query, inputs) {
 import { Chip, Popover } from "@uniformdev/design-system";
 // src/components/ObjectSearch/styles/ObjectSearchListItem.styles.ts
-import { css as css15 } from "@emotion/react";
+import { css as css16 } from "@emotion/react";
 import { skeletonLoading } from "@uniformdev/design-system";
-var ObjectListItemContainer = css15`
+var ObjectListItemContainer = css16`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4112,11 +4433,11 @@ var ObjectListItemContainer = css15`
   grid-template-columns: 1fr auto;
   padding: var(--spacing-sm);
 `;
-var ObjectListItemContainerDisabled = css15`
+var ObjectListItemContainerDisabled = css16`
   opacity: var(--opacity-50);
   pointer-events: none;
 `;
-var ObjectListItemLoading = css15`
+var ObjectListItemLoading = css16`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -4140,43 +4461,43 @@ var ObjectListItemLoading = css15`
     width: 1rem;
   }
 `;
-var ObjectListItemHeadingGroup = css15`
+var ObjectListItemHeadingGroup = css16`
   align-items: center;
   display: grid;
 `;
-var ObjectListItemThumbnail = css15`
+var ObjectListItemThumbnail = css16`
   width: 30px;
   height: 30px;
   object-fit: cover;
 `;
-var ObjectListItemTitle = css15`
+var ObjectListItemTitle = css16`
   color: var(--typography-base);
   display: block;
   font-size: var(--fs-sm);
 `;
-var ObjectListItemSubtitle = css15`
+var ObjectListItemSubtitle = css16`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectListItemInfoContainer = css15`
+var ObjectListItemInfoContainer = css16`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: center;
 `;
-var ObjectListItemControlledContent = css15`
+var ObjectListItemControlledContent = css16`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectListItemUnControlledContent = css15`
+var ObjectListItemUnControlledContent = css16`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
 // src/components/ObjectSearch/ObjectSearchListItem.tsx
-import { jsx as jsx49, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
 var ObjectSearchListItem = ({
   id,
   title,
@@ -4217,7 +4538,7 @@ var ObjectSearchListItem = ({
             css: ObjectListItemControlledContent,
             "aria-disabled": disabled,
             children: [
-              imageUrl ? /* @__PURE__ */ jsx49(
+              imageUrl ? /* @__PURE__ */ jsx51(
                 "img",
                 {
                   src: imageUrl,
@@ -4227,27 +4548,27 @@ var ObjectSearchListItem = ({
                 }
               ) : null,
               /* @__PURE__ */ jsxs23("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
-                !contentType ? null : /* @__PURE__ */ jsx49("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
-                /* @__PURE__ */ jsx49("span", { css: ObjectListItemTitle, "data-testid": "title", children: title })
+                !contentType ? null : /* @__PURE__ */ jsx51("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
+                /* @__PURE__ */ jsx51("span", { css: ObjectListItemTitle, "data-testid": "title", children: title })
               ] })
             ]
           }
         ),
         /* @__PURE__ */ jsxs23("div", { css: ObjectListItemInfoContainer, children: [
-          selected ? /* @__PURE__ */ jsx49(Chip, { text: "selected", size: "xs" }) : null,
-          !popoverData ? null : /* @__PURE__ */ jsx49(Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
+          selected ? /* @__PURE__ */ jsx51(Chip, { text: "selected", size: "xs" }) : null,
+          !popoverData ? null : /* @__PURE__ */ jsx51(Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
-        !children ? null : /* @__PURE__ */ jsx49("div", { css: ObjectListItemUnControlledContent, children })
+        !children ? null : /* @__PURE__ */ jsx51("div", { css: ObjectListItemUnControlledContent, children })
       ]
     }
   );
 };
 var ObjectSearchListItemLoadingSkeleton = () => {
-  return /* @__PURE__ */ jsx49("div", { role: "presentation", css: [ObjectListItemContainer, ObjectListItemLoading] });
+  return /* @__PURE__ */ jsx51("div", { role: "presentation", css: [ObjectListItemContainer, ObjectListItemLoading] });
 };
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
-import { jsx as jsx50, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
 var ObjectSearchContainer = ({
   label,
   enableDynamicInputToResultId,
@@ -4259,16 +4580,16 @@ var ObjectSearchContainer = ({
   const { onSelectItem, selectedListItems, list } = useObjectSearchContext();
   const { flatVariables } = useVariables(true);
   const inputValue = (_b = (_a = selectedListItems == null ? void 0 : selectedListItems[0]) == null ? void 0 : _a.id) != null ? _b : "";
-  const listItems = resultList != null ? resultList : /* @__PURE__ */ jsx50(
+  const listItems = resultList != null ? resultList : /* @__PURE__ */ jsx52(
     ScrollableList,
     {
       role: "list",
-      css: css16`
+      css: css17`
         > div {
           max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
         }
       `,
-      children: /* @__PURE__ */ jsx50(DefaultResultList, {})
+      children: /* @__PURE__ */ jsx52(DefaultResultList, {})
     }
   );
   const body = /* @__PURE__ */ jsxs24(VerticalRhythm3, { children: [
@@ -4303,7 +4624,7 @@ var ObjectSearchContainer = ({
     ]);
   };
   return /* @__PURE__ */ jsxs24(VerticalRhythm3, { children: [
-    /* @__PURE__ */ jsx50(Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx52(Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ jsx52(
       InputVariables,
       {
         label,
@@ -4325,21 +4646,21 @@ var DefaultResultList = () => {
   var _a;
   const { list } = useObjectSearchContext();
   if (!list.items) {
-    return Array.from(Array(5).keys()).map((i) => /* @__PURE__ */ jsx50(ObjectSearchListItemLoadingSkeleton, {}, i));
+    return Array.from(Array(5).keys()).map((i) => /* @__PURE__ */ jsx52(ObjectSearchListItemLoadingSkeleton, {}, i));
   }
   if (list.items.length === 0) {
-    return /* @__PURE__ */ jsx50(Callout3, { type: "info", children: "No results were found" });
+    return /* @__PURE__ */ jsx52(Callout4, { type: "info", children: "No results were found" });
   }
-  return (_a = list.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsx50(ObjectSearchListItem, { ...item }, item.id));
+  return (_a = list.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsx52(ObjectSearchListItem, { ...item }, item.id));
 };
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
 import { DebouncedInputKeywordSearch, InputSelect as InputSelect3 } from "@uniformdev/design-system";
-import { useMemo as useMemo13, useState as useState13 } from "react";
+import { useMemo as useMemo15, useState as useState14 } from "react";
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
-import { css as css17 } from "@emotion/react";
-var ObjectSearchFilterContainerLabel = css17`
+import { css as css18 } from "@emotion/react";
+var ObjectSearchFilterContainerLabel = css18`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -4347,18 +4668,18 @@ var ObjectSearchFilterContainerLabel = css17`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var ObjectSearchFilterContainer = css17`
+var ObjectSearchFilterContainer = css18`
   display: grid;
   gap: var(--spacing-base);
 `;
-var ObjectSearchFilterGrid = (gridColumns) => css17`
+var ObjectSearchFilterGrid = (gridColumns) => css18`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
 `;
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
-import { jsx as jsx51, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
 var ObjectSearchFilter = ({
   requireContentType,
   typeSelectorAllTypesOptionText = "All content types",
@@ -4369,7 +4690,7 @@ var ObjectSearchFilter = ({
 }) => {
   var _a, _b;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [searchState, setSearchState] = useState13({
+  const [searchState, setSearchState] = useState14({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : ""
   });
@@ -4379,7 +4700,7 @@ var ObjectSearchFilter = ({
     });
     onSetQuery({ ...query, ...value });
   };
-  const memoizedSelectOptions = useMemo13(() => {
+  const memoizedSelectOptions = useMemo15(() => {
     if (!requireContentType && !(selectOptions == null ? void 0 : selectOptions.length)) {
       return [];
     }
@@ -4397,7 +4718,7 @@ var ObjectSearchFilter = ({
         ObjectSearchFilterGrid(shouldRenderSelect ? "1fr 2fr" : "1fr")
       ],
       children: [
-        memoizedSelectOptions.length ? /* @__PURE__ */ jsx51(
+        memoizedSelectOptions.length ? /* @__PURE__ */ jsx53(
           InputSelect3,
           {
             label: selectLabel,
@@ -4407,7 +4728,7 @@ var ObjectSearchFilter = ({
             value: query.contentType
           }
         ) : null,
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx53(
           DebouncedInputKeywordSearch,
           {
             inputFieldName: searchInputName,
@@ -4424,9 +4745,9 @@ var ObjectSearchFilter = ({
 };
 // src/components/ObjectSearch/ObjectSearchFilterContainer.tsx
-import { jsx as jsx52 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx54 } from "@emotion/react/jsx-runtime";
 var ObjectSearchFilterContainer2 = ({ children }) => {
-  return /* @__PURE__ */ jsx52("div", { children: /* @__PURE__ */ jsx52("div", { css: ObjectSearchFilterContainer, children }) });
+  return /* @__PURE__ */ jsx54("div", { children: /* @__PURE__ */ jsx54("div", { css: ObjectSearchFilterContainer, children }) });
 };
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
@@ -4434,16 +4755,16 @@ import { Button as Button3, Chip as Chip2, Link, Popover as Popover2 } from "@un
 import { format as timeagoFormat } from "timeago.js";
 // src/components/Image/Image.tsx
-import { jsx as jsx53 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx55 } from "@emotion/react/jsx-runtime";
 function Image({ src, alt, className }) {
   const CompImage = src && typeof src !== "string" ? src : null;
-  return CompImage ? /* @__PURE__ */ jsx53(CompImage, { className }) : /* @__PURE__ */ jsx53("img", { src, alt, className });
+  return CompImage ? /* @__PURE__ */ jsx55(CompImage, { className }) : /* @__PURE__ */ jsx55("img", { src, alt, className });
 }
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
-import { css as css18 } from "@emotion/react";
+import { css as css19 } from "@emotion/react";
 import { button as button2 } from "@uniformdev/design-system";
-var ButtonStyles = css18`
+var ButtonStyles = css19`
   ${button2}
   background: transparent;
   border: 1px solid var(--typography-base);
@@ -4471,20 +4792,20 @@ var ButtonStyles = css18`
     text-decoration: none;
   }
 `;
-var ButtonIcon = css18`
+var ButtonIcon = css19`
   width: 1rem;
   height: 1rem;
 `;
 // src/components/ObjectSearch/ObjectSearchResultItemButton.tsx
-import { jsx as jsx54, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
 var ObjectSearchResultItemButton = ({
   text,
   icon,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs26("button", { type: "button", css: ButtonStyles, ...props, children: [
-    !icon ? null : /* @__PURE__ */ jsx54(Image, { src: icon, css: ButtonIcon }),
+    !icon ? null : /* @__PURE__ */ jsx56(Image, { src: icon, css: ButtonIcon }),
     text
   ] });
 };
@@ -4494,14 +4815,14 @@ var LinkButton = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs26("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
-    !icon ? null : /* @__PURE__ */ jsx54(Image, { src: icon, css: ButtonIcon }),
+    !icon ? null : /* @__PURE__ */ jsx56(Image, { src: icon, css: ButtonIcon }),
     text
   ] });
 };
 // src/components/ObjectSearch/styles/ObjectSearchResultItem.styles.ts
-import { css as css19 } from "@emotion/react";
-var ObjectSearchResultItemContainer = css19`
+import { css as css20 } from "@emotion/react";
+var ObjectSearchResultItemContainer = css20`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4517,7 +4838,7 @@ var ObjectSearchResultItemContainer = css19`
     }
   }
 `;
-var ObjectSearchDragHandle = css19`
+var ObjectSearchDragHandle = css20`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -4526,47 +4847,47 @@ var ObjectSearchDragHandle = css19`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var ObjectSearchResultItemSubtitle = css19`
+var ObjectSearchResultItemSubtitle = css20`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectSearchResultItemTitle = css19`
+var ObjectSearchResultItemTitle = css20`
   align-items: center;
   color: var(--typography-base);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var ObjectSearchResultItemTimeStamp = css19`
+var ObjectSearchResultItemTimeStamp = css20`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var ObjectSearchResultItemTitleLink = css19`
+var ObjectSearchResultItemTitleLink = css20`
   text-decoration: none;
   color: var(--primary-action-default);
   font-size: var(--fs-sm);
 `;
-var ObjectSearchAuthorStateGroup = css19`
+var ObjectSearchAuthorStateGroup = css20`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchUpdateGroup = css19`
+var ObjectSearchUpdateGroup = css20`
   display: grid;
 `;
-var ObjectSearchContentContainer = css19`
+var ObjectSearchContentContainer = css20`
   display: flex;
   gap: var(--spacing-base);
 `;
-var ObjectSearchImage = css19`
+var ObjectSearchImage = css20`
   width: 56px;
   height: 56px;
   object-fit: cover;
 `;
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
-import { jsx as jsx55, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
 var ObjectSearchResultItem = ({
   id,
   title,
@@ -4591,9 +4912,9 @@ var ObjectSearchResultItem = ({
     onRemove == null ? void 0 : onRemove();
   };
   return /* @__PURE__ */ jsxs27("div", { css: ObjectSearchResultItemContainer, "data-testid": "search-result-item", children: [
-    disableDnD ? null : /* @__PURE__ */ jsx55("div", { role: "presentation", className: "drag-handle", css: ObjectSearchDragHandle }),
-    /* @__PURE__ */ jsx55("div", { children: /* @__PURE__ */ jsxs27("div", { css: ObjectSearchContentContainer, children: [
-      !imageUrl ? null : /* @__PURE__ */ jsx55(
+    disableDnD ? null : /* @__PURE__ */ jsx57("div", { role: "presentation", className: "drag-handle", css: ObjectSearchDragHandle }),
+    /* @__PURE__ */ jsx57("div", { children: /* @__PURE__ */ jsxs27("div", { css: ObjectSearchContentContainer, children: [
+      !imageUrl ? null : /* @__PURE__ */ jsx57(
         "img",
         {
           src: imageUrl,
@@ -4603,9 +4924,9 @@ var ObjectSearchResultItem = ({
         }
       ),
       /* @__PURE__ */ jsxs27("div", { children: [
-        /* @__PURE__ */ jsx55("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
+        /* @__PURE__ */ jsx57("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
         /* @__PURE__ */ jsxs27("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
-          onClick ? /* @__PURE__ */ jsx55(
+          onClick ? /* @__PURE__ */ jsx57(
             Link,
             {
               onClick: (e) => {
@@ -4617,28 +4938,28 @@ var ObjectSearchResultItem = ({
               text: title != null ? title : name,
               css: ObjectSearchResultItemTitleLink
             }
-          ) : /* @__PURE__ */ jsx55("span", { children: title != null ? title : name }),
-          !popoverData ? null : /* @__PURE__ */ jsx55(Popover2, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
+          ) : /* @__PURE__ */ jsx57("span", { children: title != null ? title : name }),
+          !popoverData ? null : /* @__PURE__ */ jsx57(Popover2, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
         !createdAt && !publishStatus ? null : /* @__PURE__ */ jsxs27("div", { css: ObjectSearchAuthorStateGroup, children: [
-          !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ jsx55(Chip2, { theme: legacyThemeMapper(publishStatus.theme), text: publishStatus.text, size: "xs" }),
+          !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ jsx57(Chip2, { theme: legacyThemeMapper(publishStatus.theme), text: publishStatus.text, size: "xs" }),
           !createdAt && !publishedAt ? null : /* @__PURE__ */ jsxs27("div", { css: ObjectSearchUpdateGroup, children: [
             !createdAt ? null : /* @__PURE__ */ jsxs27("small", { css: ObjectSearchResultItemTimeStamp, children: [
-              /* @__PURE__ */ jsx55("strong", { children: "Last updated: " }),
+              /* @__PURE__ */ jsx57("strong", { children: "Last updated: " }),
               timeagoFormat(createdAt)
             ] }),
             !publishedAt ? null : /* @__PURE__ */ jsxs27("small", { css: ObjectSearchResultItemTimeStamp, children: [
-              /* @__PURE__ */ jsx55("strong", { children: "Last published: " }),
+              /* @__PURE__ */ jsx57("strong", { children: "Last published: " }),
               timeagoFormat(publishedAt)
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx55("div", { children })
+        /* @__PURE__ */ jsx57("div", { children })
       ] })
     ] }) }),
     !editLink && hideRemoveButton ? null : /* @__PURE__ */ jsxs27("div", { css: ObjectSearchAuthorStateGroup, children: [
-      !editLink ? null : /* @__PURE__ */ jsx55(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
-      hideRemoveButton ? null : /* @__PURE__ */ jsx55(Button3, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
+      !editLink ? null : /* @__PURE__ */ jsx57(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
+      hideRemoveButton ? null : /* @__PURE__ */ jsx57(Button3, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
     ] })
   ] });
 };
@@ -4665,32 +4986,32 @@ import {
 import { Button as Button4, Counter } from "@uniformdev/design-system";
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
-import { css as css20 } from "@emotion/react";
-var ObjectSearchResultListContainer = css20`
+import { css as css21 } from "@emotion/react";
+var ObjectSearchResultListContainer = css21`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var ObjectSearchDragContainer = css20`
+var ObjectSearchDragContainer = css21`
   margin: 0 0 var(--spacing-sm);
 `;
-var ObjectSearchContainerDragging = css20`
+var ObjectSearchContainerDragging = css21`
   box-shadow: var(--shadow-base);
   opacity: var(--opacity-50);
 `;
-var ObjectSearchResultListCounterContainer = css20`
+var ObjectSearchResultListCounterContainer = css21`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchResultListTitle = css20`
+var ObjectSearchResultListTitle = css21`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
 // src/components/ObjectSearch/ObjectSearchResultList.tsx
-import { Fragment as Fragment10, jsx as jsx56, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
 var DroppableHack2 = Droppable2;
 var DraggableHack2 = Draggable2;
 function ObjectSearchResultList({
@@ -4700,7 +5021,7 @@ function ObjectSearchResultList({
   hideRemoveButton = false,
   resultLabelOverride,
   additionalButtons,
-  renderResultComponent = (value) => /* @__PURE__ */ jsx56(ObjectSearchResultItem, { ...value }),
+  renderResultComponent = (value) => /* @__PURE__ */ jsx58(ObjectSearchResultItem, { ...value }),
   multiSelectId,
   disableDnD = false,
   getContainerForDnDReparenting,
@@ -4727,7 +5048,7 @@ function ObjectSearchResultList({
       ...item,
       disableDnD: selectedListItems.length === 1 || disableDnD
     });
-    return /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx58(
       "div",
       {
         css: [
@@ -4742,16 +5063,16 @@ function ObjectSearchResultList({
       }
     );
   };
-  return /* @__PURE__ */ jsxs28(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs28(Fragment11, { children: [
     /* @__PURE__ */ jsxs28("div", { role: "group", css: ObjectSearchResultListContainer, children: [
       !resultLabelOverride ? /* @__PURE__ */ jsxs28("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
-        /* @__PURE__ */ jsx56("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
+        /* @__PURE__ */ jsx58("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
         " ",
-        !selectedListItems.length ? null : /* @__PURE__ */ jsx56(Counter, { count: selectedListItems.length })
+        !selectedListItems.length ? null : /* @__PURE__ */ jsx58(Counter, { count: selectedListItems.length })
       ] }) : resultLabelOverride,
       /* @__PURE__ */ jsxs28("div", { css: ObjectSearchResultListCounterContainer, children: [
         additionalButtons,
-        hideRemoveButton ? null : /* @__PURE__ */ jsx56(
+        hideRemoveButton ? null : /* @__PURE__ */ jsx58(
           Button4,
           {
             buttonType: "ghostDestructive",
@@ -4763,7 +5084,7 @@ function ObjectSearchResultList({
         )
       ] })
     ] }),
-    !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx56(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx56(
+    !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx58(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx58(
       DroppableHack2,
       {
         droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
@@ -4771,7 +5092,7 @@ function ObjectSearchResultList({
         getContainerForClone: getContainerForDnDReparenting,
         children: (provided) => /* @__PURE__ */ jsxs28("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
           selectedListItems.map((item, i) => {
-            return /* @__PURE__ */ jsx56(
+            return /* @__PURE__ */ jsx58(
               DraggableHack2,
               {
                 draggableId: item.id,
@@ -4791,8 +5112,8 @@ function ObjectSearchResultList({
 // src/components/ObjectSearch/QueryFilter.tsx
 import { DebouncedInputKeywordSearch as DebouncedInputKeywordSearch2, Input as Input4, InputSelect as InputSelect4, VerticalRhythm as VerticalRhythm4 } from "@uniformdev/design-system";
-import { useEffect as useEffect13, useState as useState14 } from "react";
-import { jsx as jsx57, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
+import { useEffect as useEffect16, useState as useState15 } from "react";
+import { jsx as jsx59, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
 var QueryFilter = ({
   requireContentType,
   queryFilterTitle = "Configure Query",
@@ -4820,7 +5141,7 @@ var QueryFilter = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [queryState, setQueryState] = useState14({
+  const [queryState, setQueryState] = useState15({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : "",
     count: (_c = query.count) != null ? _c : 5,
@@ -4831,13 +5152,13 @@ var QueryFilter = ({
     setQueryState((prev) => ({ ...prev, ...value }));
     onSetQuery({ ...query, ...value });
   };
-  useEffect13(() => {
+  useEffect16(() => {
     onSetQuery(queryState);
   }, []);
   return /* @__PURE__ */ jsxs29("fieldset", { children: [
-    /* @__PURE__ */ jsx57("span", { css: ObjectSearchFilterContainerLabel, children: queryFilterTitle }),
-    /* @__PURE__ */ jsx57("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ jsxs29(VerticalRhythm4, { children: [
-      /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx59("span", { css: ObjectSearchFilterContainerLabel, children: queryFilterTitle }),
+    /* @__PURE__ */ jsx59("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ jsxs29(VerticalRhythm4, { children: [
+      /* @__PURE__ */ jsx59(
         InputVariables,
         {
           label: searchInputLabel,
@@ -4845,7 +5166,7 @@ var QueryFilter = ({
           onChange: (newQuery) => handleFilterChange({ keyword: newQuery }),
           disableInlineMenu: true,
           id: "qf_searchText",
-          inputWhenNoVariables: /* @__PURE__ */ jsx57(
+          inputWhenNoVariables: /* @__PURE__ */ jsx59(
             DebouncedInputKeywordSearch2,
             {
               id: "qf_searchText",
@@ -4860,7 +5181,7 @@ var QueryFilter = ({
         }
       ),
       /* @__PURE__ */ jsxs29("div", { css: ObjectSearchFilterGrid("1fr 100px"), children: [
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           InputVariables,
           {
             label: contentTypeLabel,
@@ -4868,7 +5189,7 @@ var QueryFilter = ({
             value: (_g = queryState.contentType) != null ? _g : "",
             onChange: (newType) => handleFilterChange({ contentType: newType }),
             disableInlineMenu: true,
-            inputWhenNoVariables: /* @__PURE__ */ jsx57(
+            inputWhenNoVariables: /* @__PURE__ */ jsx59(
               InputSelect4,
               {
                 id: "qf_contentType",
@@ -4882,7 +5203,7 @@ var QueryFilter = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           InputVariables,
           {
             label: countLabel,
@@ -4891,7 +5212,7 @@ var QueryFilter = ({
             onChange: (newCount) => handleFilterChange({ count: newCount }),
             disableInlineMenu: true,
             valueToResetTo: "5",
-            inputWhenNoVariables: /* @__PURE__ */ jsx57(
+            inputWhenNoVariables: /* @__PURE__ */ jsx59(
               Input4,
               {
                 id: "qf_count",
@@ -4907,7 +5228,7 @@ var QueryFilter = ({
         )
       ] }),
       /* @__PURE__ */ jsxs29("div", { css: ObjectSearchFilterGrid("2fr 1fr"), children: [
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           InputVariables,
           {
             id: "qf_sortBy",
@@ -4915,7 +5236,7 @@ var QueryFilter = ({
             value: queryState.sortBy,
             onChange: (newSortBy) => handleFilterChange({ sortBy: newSortBy }),
             disableInlineMenu: true,
-            inputWhenNoVariables: /* @__PURE__ */ jsx57(
+            inputWhenNoVariables: /* @__PURE__ */ jsx59(
               InputSelect4,
               {
                 label: sortLabel,
@@ -4929,7 +5250,7 @@ var QueryFilter = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           InputVariables,
           {
             label: sortOrderLabel,
@@ -4937,7 +5258,7 @@ var QueryFilter = ({
             value: queryState.sortOrder,
             onChange: (newSort) => handleFilterChange({ sortOrder: newSort }),
             disableInlineMenu: true,
-            inputWhenNoVariables: /* @__PURE__ */ jsx57(
+            inputWhenNoVariables: /* @__PURE__ */ jsx59(
               InputSelect4,
               {
                 label: sortOrderLabel,
@@ -4957,8 +5278,8 @@ var QueryFilter = ({
 };
 // src/components/ParamTypeDynamicDataProvider.tsx
-import { useEffect as useEffect14, useMemo as useMemo14, useRef as useRef8 } from "react";
-import { jsx as jsx58 } from "@emotion/react/jsx-runtime";
+import { useEffect as useEffect17, useMemo as useMemo16, useRef as useRef9 } from "react";
+import { jsx as jsx60 } from "@emotion/react/jsx-runtime";
 function ParamTypeDynamicDataProvider(props) {
   const { children } = props;
   const {
@@ -4966,11 +5287,11 @@ function ParamTypeDynamicDataProvider(props) {
   } = useMeshLocation("paramType");
   const dynamicInputsAsVariables = useDynamicInputsAsVariables(dynamicInputs);
   const connectedDataAsVariables = useConnectedDataAsVariables(connectedData);
-  const variables = useMemo14(
+  const variables = useMemo16(
     () => ({ ...connectedDataAsVariables, ...dynamicInputsAsVariables }),
     [dynamicInputsAsVariables, connectedDataAsVariables]
   );
-  return /* @__PURE__ */ jsx58(VariablesProvider, { value: variables, onChange: () => {
+  return /* @__PURE__ */ jsx60(VariablesProvider, { value: variables, onChange: () => {
   }, editVariableComponent: JsonMeshVariableEditor, children });
 }
 var JsonMeshVariableEditor = ({
@@ -4979,9 +5300,9 @@ var JsonMeshVariableEditor = ({
   variable,
   context
 }) => {
-  const sillyRef = useRef8(false);
+  const sillyRef = useRef9(false);
   const { editConnectedData } = useMeshLocation("paramType");
-  useEffect14(() => {
+  useEffect17(() => {
     if (sillyRef.current) {
       return;
     }
@@ -5417,6 +5738,12 @@ var MULTI_SELECT_OPERATORS = [
     editorType: "multiChoice",
     expectedValueType: "array"
   },
+  {
+    label: "is all of...",
+    value: "all",
+    editorType: "multiChoice",
+    expectedValueType: "array"
+  },
   {
     label: "is empty",
     value: "ndef",
@@ -5445,9 +5772,9 @@ var MULTI_SELECT_OPERATORS = [
 // src/components/SearchAndFilter/editors/DateEditor.tsx
 import { Input as Input5 } from "@uniformdev/design-system";
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { useDebounce as useDebounce2 } from "react-use";
-import { jsx as jsx59 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx61 } from "@emotion/react/jsx-runtime";
 var DateEditor = ({
   onChange,
   ariaLabel,
@@ -5456,9 +5783,9 @@ var DateEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = useState15(value != null ? value : "");
+  const [innerValue, setInnerValue] = useState16(value != null ? value : "");
   useDebounce2(() => onChange(innerValue), 500, [innerValue]);
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     Input5,
     {
       type: "date",
@@ -5475,21 +5802,21 @@ var DateEditor = ({
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
 import { Input as Input6 } from "@uniformdev/design-system";
-import { useEffect as useEffect15, useState as useState16 } from "react";
+import { useEffect as useEffect18, useState as useState17 } from "react";
 import { useDebounce as useDebounce3 } from "react-use";
 // src/components/SearchAndFilter/editors/shared/ErrorContainer.tsx
 import { FieldMessage } from "@uniformdev/design-system";
-import { jsx as jsx60 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx62 } from "@emotion/react/jsx-runtime";
 var ErrorContainer = ({ errorMessage }) => {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx62(
     "div",
     {
       css: {
         gridColumn: "span 6",
         order: 6
       },
-      children: /* @__PURE__ */ jsx60(FieldMessage, { errorMessage })
+      children: /* @__PURE__ */ jsx62(FieldMessage, { errorMessage })
     }
   );
 };
@@ -5502,7 +5829,7 @@ var twoColumnGrid = {
 };
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
-import { Fragment as Fragment11, jsx as jsx61, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx63, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
 var DateRangeEditor = ({
   ariaLabel,
   onChange,
@@ -5511,9 +5838,9 @@ var DateRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minDateValue, setMinDateValue] = useState16(value ? value[0] : "");
-  const [maxDateValue, setMaxDateValue] = useState16(value ? value[1] : "");
-  const [error, setError] = useState16("");
+  const [minDateValue, setMinDateValue] = useState17(value ? value[0] : "");
+  const [maxDateValue, setMaxDateValue] = useState17(value ? value[1] : "");
+  const [error, setError] = useState17("");
   useDebounce3(
     () => {
       if (minDateValue && maxDateValue && !error) {
@@ -5525,7 +5852,7 @@ var DateRangeEditor = ({
     500,
     [minDateValue, maxDateValue]
   );
-  useEffect15(() => {
+  useEffect18(() => {
     if (!minDateValue || !maxDateValue) {
       return;
     }
@@ -5560,9 +5887,9 @@ var DateRangeEditor = ({
       setMaxDateValue("");
     }
   }, [minDateValue, maxDateValue, setError]);
-  return /* @__PURE__ */ jsxs30(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs30(Fragment12, { children: [
     /* @__PURE__ */ jsxs30("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
-      /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsx63(
         Input6,
         {
           label: `${ariaLabel}-min-date`,
@@ -5576,7 +5903,7 @@ var DateRangeEditor = ({
           "data-testid": "value-low"
         }
       ),
-      /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsx63(
         Input6,
         {
           label: `${ariaLabel}-max-date`,
@@ -5591,7 +5918,7 @@ var DateRangeEditor = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx61(ErrorContainer, { errorMessage: error })
+    /* @__PURE__ */ jsx63(ErrorContainer, { errorMessage: error })
   ] });
 };
@@ -5601,7 +5928,7 @@ import {
   getComboBoxSelectedSelectableGroups,
   InputComboBox
 } from "@uniformdev/design-system";
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo17 } from "react";
 // src/components/SearchAndFilter/editors/shared/readOnlyAttributes.tsx
 var readOnlyAttributes = {
@@ -5611,7 +5938,7 @@ var readOnlyAttributes = {
 };
 // src/components/SearchAndFilter/editors/FilterMultiChoiceEditor.tsx
-import { jsx as jsx62 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx64 } from "@emotion/react/jsx-runtime";
 var FilterMultiChoiceEditor = ({
   value,
   options,
@@ -5622,11 +5949,11 @@ var FilterMultiChoiceEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const isClearable = !readOnly || !disabled;
-  const { groupedOptions, selectedOptions } = useMemo15(
+  const { groupedOptions, selectedOptions } = useMemo17(
     () => convertComboBoxGroupsToSelectableGroups({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
-  return /* @__PURE__ */ jsx62("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx64("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx64(
     InputComboBox,
     {
       ...props,
@@ -5659,8 +5986,8 @@ import {
   convertComboBoxGroupsToSelectableGroups as convertComboBoxGroupsToSelectableGroups2,
   InputComboBox as InputComboBox2
 } from "@uniformdev/design-system";
-import { useMemo as useMemo16 } from "react";
-import { jsx as jsx63 } from "@emotion/react/jsx-runtime";
+import { useMemo as useMemo18 } from "react";
+import { jsx as jsx65 } from "@emotion/react/jsx-runtime";
 var FilterSingleChoiceEditor = ({
   options,
   value,
@@ -5670,7 +5997,7 @@ var FilterSingleChoiceEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = useMemo16(
+  const { groupedOptions, selectedOptions } = useMemo18(
     () => convertComboBoxGroupsToSelectableGroups2({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [String(value)] : void 0),
@@ -5678,7 +6005,7 @@ var FilterSingleChoiceEditor = ({
     }),
     [options, value]
   );
-  return /* @__PURE__ */ jsx63("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx65("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx65(
     InputComboBox2,
     {
       placeholder: "Type to search...",
@@ -5708,9 +6035,9 @@ var FilterSingleChoiceEditor = ({
 // src/components/SearchAndFilter/editors/NumberEditor.tsx
 import { Input as Input7 } from "@uniformdev/design-system";
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { useDebounce as useDebounce4 } from "react-use";
-import { jsx as jsx64 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx66 } from "@emotion/react/jsx-runtime";
 var NumberEditor = ({
   ariaLabel,
   onChange,
@@ -5719,9 +6046,9 @@ var NumberEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = useState17(value != null ? value : "");
+  const [innerValue, setInnerValue] = useState18(value != null ? value : "");
   useDebounce4(() => onChange(innerValue), 500, [innerValue]);
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx66(
     Input7,
     {
       label: ariaLabel,
@@ -5739,9 +6066,9 @@ var NumberEditor = ({
 // src/components/SearchAndFilter/editors/NumberRangeEditor.tsx
 import { Input as Input8 } from "@uniformdev/design-system";
-import { useEffect as useEffect16, useState as useState18 } from "react";
+import { useEffect as useEffect19, useState as useState19 } from "react";
 import { useDebounce as useDebounce5 } from "react-use";
-import { Fragment as Fragment12, jsx as jsx65, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx67, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
 var NumberRangeEditor = ({
   onChange,
   disabled,
@@ -5750,9 +6077,9 @@ var NumberRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minValue, setMinValue] = useState18("");
-  const [maxValue, setMaxValue] = useState18("");
-  const [error, setError] = useState18("");
+  const [minValue, setMinValue] = useState19("");
+  const [maxValue, setMaxValue] = useState19("");
+  const [error, setError] = useState19("");
   useDebounce5(
     () => {
       if (minValue && maxValue && !error) {
@@ -5764,7 +6091,7 @@ var NumberRangeEditor = ({
     500,
     [minValue, maxValue]
   );
-  useEffect16(() => {
+  useEffect19(() => {
     if (!maxValue && !minValue) {
       return;
     }
@@ -5786,9 +6113,9 @@ var NumberRangeEditor = ({
       setMaxValue(maxValue);
     }
   }, [maxValue, minValue, setError]);
-  return /* @__PURE__ */ jsxs31(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs31(Fragment13, { children: [
     /* @__PURE__ */ jsxs31("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
-      /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx67(
         Input8,
         {
           label: `${ariaLabel}-min`,
@@ -5804,7 +6131,7 @@ var NumberRangeEditor = ({
           "data-testid": "value-low"
         }
       ),
-      /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx67(
         Input8,
         {
           type: "number",
@@ -5821,7 +6148,7 @@ var NumberRangeEditor = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx65(ErrorContainer, { errorMessage: error })
+    /* @__PURE__ */ jsx67(ErrorContainer, { errorMessage: error })
   ] });
 };
@@ -5831,13 +6158,13 @@ import {
   getComboBoxSelectedSelectableGroups as getComboBoxSelectedSelectableGroups2,
   InputComboBox as InputComboBox3
 } from "@uniformdev/design-system";
-import { useMemo as useMemo17 } from "react";
+import { useMemo as useMemo19 } from "react";
 // src/components/SearchAndFilter/editors/shared/CustomOptions.tsx
 import { StatusBullet } from "@uniformdev/design-system";
-import { jsx as jsx66 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx68 } from "@emotion/react/jsx-runtime";
 var CustomOptions = ({ label, value }) => {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx68(
     StatusBullet,
     {
       status: label,
@@ -5847,7 +6174,7 @@ var CustomOptions = ({ label, value }) => {
 };
 // src/components/SearchAndFilter/editors/StatusMultiEditor.tsx
-import { jsx as jsx67 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx69 } from "@emotion/react/jsx-runtime";
 var StatusMultiEditor = ({
   options,
   value,
@@ -5857,11 +6184,11 @@ var StatusMultiEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = useMemo17(
+  const { groupedOptions, selectedOptions } = useMemo19(
     () => convertComboBoxGroupsToSelectableGroups3({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
-  return /* @__PURE__ */ jsx67("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx69("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx69(
     InputComboBox3,
     {
       options: groupedOptions != null ? groupedOptions : [],
@@ -5892,8 +6219,8 @@ import {
   convertComboBoxGroupsToSelectableGroups as convertComboBoxGroupsToSelectableGroups4,
   InputComboBox as InputComboBox4
 } from "@uniformdev/design-system";
-import { useMemo as useMemo18 } from "react";
-import { jsx as jsx68 } from "@emotion/react/jsx-runtime";
+import { useMemo as useMemo20 } from "react";
+import { jsx as jsx70 } from "@emotion/react/jsx-runtime";
 var StatusSingleEditor = ({
   options,
   value,
@@ -5903,7 +6230,7 @@ var StatusSingleEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = useMemo18(
+  const { groupedOptions, selectedOptions } = useMemo20(
     () => convertComboBoxGroupsToSelectableGroups4({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [value] : void 0),
@@ -5911,7 +6238,7 @@ var StatusSingleEditor = ({
     }),
     [options, value]
   );
-  return /* @__PURE__ */ jsx68("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx70("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx70(
     InputComboBox4,
     {
       options: groupedOptions,
@@ -5940,9 +6267,9 @@ var StatusSingleEditor = ({
 // src/components/SearchAndFilter/editors/TextEditor.tsx
 import { Input as Input9 } from "@uniformdev/design-system";
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import { useDebounce as useDebounce6 } from "react-use";
-import { jsx as jsx69 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx71 } from "@emotion/react/jsx-runtime";
 var TextEditor = ({
   onChange,
   ariaLabel,
@@ -5950,9 +6277,9 @@ var TextEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = useState19(value != null ? value : "");
+  const [innerValue, setInnerValue] = useState20(value != null ? value : "");
   useDebounce6(() => onChange(innerValue), 500, [innerValue]);
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx71(
     Input9,
     {
       showLabel: false,
@@ -5972,8 +6299,8 @@ import {
   getComboBoxSelectedSelectableGroups as getComboBoxSelectedSelectableGroups3,
   InputCreatableComboBox
 } from "@uniformdev/design-system";
-import { useMemo as useMemo19 } from "react";
-import { jsx as jsx70 } from "@emotion/react/jsx-runtime";
+import { useMemo as useMemo21 } from "react";
+import { jsx as jsx72 } from "@emotion/react/jsx-runtime";
 var TextMultiChoiceEditor = ({
   value,
   disabled,
@@ -5983,13 +6310,13 @@ var TextMultiChoiceEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const isClearable = !readOnly || !disabled;
-  const { groupedOptions, selectedOptions } = useMemo19(() => {
+  const { groupedOptions, selectedOptions } = useMemo21(() => {
     var _a;
     const coercedValue = typeof value === "string" ? [value] : value != null ? value : [];
     const options = (_a = coercedValue.map((v) => ({ label: v, value: v }))) != null ? _a : [];
     return convertComboBoxGroupsToSelectableGroups5({ options, selectedItems: new Set(value) });
   }, [value]);
-  return /* @__PURE__ */ jsx70("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx72("div", { "data-testid": valueTestId, children: /* @__PURE__ */ jsx72(
     InputCreatableComboBox,
     {
       ...props,
@@ -6022,21 +6349,21 @@ var TextMultiChoiceEditor = ({
 import { Counter as Counter2, customIcons, Icon as Icon2 } from "@uniformdev/design-system";
 // src/components/SearchAndFilter/styles/SearchAndFilter.styles.ts
-import { css as css21 } from "@emotion/react";
+import { css as css22 } from "@emotion/react";
 import { cq, fadeInLtr } from "@uniformdev/design-system";
-var SearchAndFilterControlsWrapper = (gridColumns) => css21`
+var SearchAndFilterControlsWrapper = (gridColumns) => css22`
   align-items: stretch;
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-sm);
 `;
-var SearchAndFilterOutterControlWrapper = (gridColumns) => css21`
+var SearchAndFilterOutterControlWrapper = (gridColumns) => css22`
   align-items: stretch;
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-sm);
 `;
-var ConditionalFilterRow = css21`
+var ConditionalFilterRow = css22`
   align-items: baseline;
   display: grid;
   grid-template-columns: 35px 1fr;
@@ -6072,7 +6399,7 @@ var ConditionalFilterRow = css21`
     animation: ${fadeInLtr} var(--duration-fast) var(--timing-ease-out);
   }
 `;
-var ConditionalInputRow = css21`
+var ConditionalInputRow = css22`
   display: flex;
   gap: var(--spacing-sm);
   flex-wrap: wrap;
@@ -6096,18 +6423,20 @@ var ConditionalInputRow = css21`
     }
   }
 `;
-var ConditionalInputRowEmpty = css21`
+var ConditionalInputRowEmpty = css22`
   flex-wrap: nowrap;
 `;
-var SearchInput = css21`
-  max-height: 40px;
-  min-height: unset;
+var SearchInput = css22`
+  && {
+    max-height: 40px;
+    min-height: unset;
+  }
 `;
-var BindableKeywordSearchInputStyles = css21`
+var BindableKeywordSearchInputStyles = css22`
   position: relative;
   width: 100%;
-  & [data-lexical-editor='true'] {
+  && [data-lexical-editor='true'] {
     padding: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
     font-size: var(--fs-sm);
     border-radius: var(--rounded-full);
@@ -6118,19 +6447,19 @@ var BindableKeywordSearchInputStyles = css21`
     white-space: nowrap;
   }
 `;
-var ClearSearchButtonContainer = css21`
+var ClearSearchButtonContainer = css22`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 var(--spacing-lg) 0 auto;
 `;
-var ClearSearchButtonStyles = css21`
+var ClearSearchButtonStyles = css22`
   background: none;
   border: none;
   padding: 0;
   pointer-events: all;
 `;
-var FilterButton = css21`
+var FilterButton = css22`
   align-items: center;
   background: var(--white);
   border: 1px solid var(--gray-300);
@@ -6167,13 +6496,13 @@ var FilterButton = css21`
     opacity: var(--opacity-50);
   }
 `;
-var FilterButtonText = css21`
+var FilterButtonText = css22`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 14ch;
 `;
-var FilterButtonSelected = css21`
+var FilterButtonSelected = css22`
   background: var(--gray-100);
   border-color: var(--gray-300);
@@ -6181,7 +6510,7 @@ var FilterButtonSelected = css21`
     color: var(--accent-dark);
   }
 `;
-var FilterButtonWithOptions = css21`
+var FilterButtonWithOptions = css22`
   :where([aria-expanded='true']) {
     background: var(--purple-rain-100);
     border-color: var(--accent-light);
@@ -6193,14 +6522,14 @@ var FilterButtonWithOptions = css21`
     }
   }
 `;
-var SearchIcon = css21`
+var SearchIcon = css22`
   color: var(--icon-color);
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   margin: auto;
   transition: color var(--duration-fast) var(--timing-ease-out);
 `;
-var AddConditionalBtn = css21`
+var AddConditionalBtn = css22`
   align-items: center;
   background: transparent;
   border: none;
@@ -6219,14 +6548,14 @@ var AddConditionalBtn = css21`
     color: var(--gray-400);
   }
 `;
-var Title = css21`
+var Title = css22`
   color: var(--typography-light);
   &:focus {
     outline: none;
   }
 `;
-var ResetConditionsBtn = css21`
+var ResetConditionsBtn = css22`
   background: transparent;
   border: none;
   color: var(--action-destructive-default);
@@ -6241,13 +6570,32 @@ var ResetConditionsBtn = css21`
     color: var(--gray-400);
   }
 `;
-var IconBtn = css21`
+var CriteriaGroupOperatorTrigger = css22`
+  && {
+    padding: 0;
+    border-radius: var(--rounded-sm);
+    font-size: inherit;
+    line-height: inherit;
+    color: inherit;
+    > div {
+      gap: 2px;
+    }
+    svg {
+      width: 10px;
+      height: 10px;
+      color: var(--gray-400);
+    }
+  }
+`;
+var IconBtn = css22`
   align-self: center;
   background: transparent;
   border: none;
   padding: var(--spacing-sm);
 `;
-var SearchAndFilterOptionsContainer = css21`
+var SearchAndFilterOptionsContainer = css22`
   background: var(--gray-50);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6258,17 +6606,17 @@ var SearchAndFilterOptionsContainer = css21`
   padding: var(--spacing-md) 0 var(--spacing-base);
   will-change: height;
 `;
-var SearchAndFilterOptionsInnerContainer = css21`
+var SearchAndFilterOptionsInnerContainer = css22`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   padding-inline: var(--spacing-md);
 `;
-var SearchAndFilterButtonGroup = css21`
+var SearchAndFilterButtonGroup = css22`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
-var SearchAndFilterAdditionalContainer = css21`
+var SearchAndFilterAdditionalContainer = css22`
   align-items: center;
   border-top: 1px solid var(--gray-300);
   display: flex;
@@ -6278,7 +6626,7 @@ var SearchAndFilterAdditionalContainer = css21`
 `;
 // src/components/SearchAndFilter/FilterButton.tsx
-import { jsx as jsx71, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
 var FilterButton2 = ({
   text = "Filters",
   icon = customIcons["filter-add"],
@@ -6300,10 +6648,10 @@ var FilterButton2 = ({
       ...props,
       "data-testid": dataTestId,
       children: [
-        /* @__PURE__ */ jsx71(Icon2, { icon, iconColor: "currentColor", size: "1rem" }),
-        /* @__PURE__ */ jsx71("span", { css: FilterButtonText, children: text }),
-        filterCount ? /* @__PURE__ */ jsx71(Counter2, { count: filterCount, bgColor: "var(--white)" }) : null,
-        showDropdownIcon ? /* @__PURE__ */ jsx71(Icon2, { icon: "chevron-down", iconColor: "currentColor", size: "1rem" }) : null
+        /* @__PURE__ */ jsx73(Icon2, { icon, iconColor: "currentColor", size: "1rem" }),
+        /* @__PURE__ */ jsx73("span", { css: FilterButtonText, children: text }),
+        filterCount ? /* @__PURE__ */ jsx73(Counter2, { count: filterCount, bgColor: "var(--white)" }) : null,
+        showDropdownIcon ? /* @__PURE__ */ jsx73(Icon2, { icon: "chevron-down", iconColor: "currentColor", size: "1rem" }) : null
       ]
     }
   );
@@ -6314,31 +6662,31 @@ import { CgClose } from "@react-icons/all-files/cg/CgClose";
 import { hasReferencedVariables as hasReferencedVariables2 } from "@uniformdev/canvas";
 import { Icon as Icon3, InputKeywordSearch } from "@uniformdev/design-system";
 import { CLEAR_EDITOR_COMMAND as CLEAR_EDITOR_COMMAND2 } from "lexical";
-import { useEffect as useEffect18, useRef as useRef9, useState as useState21 } from "react";
+import { useEffect as useEffect21, useRef as useRef10, useState as useState22 } from "react";
 import { useDebounce as useDebounce7 } from "react-use";
 import { v4 as v42 } from "uuid";
 // src/components/SearchAndFilter/hooks/useSearchAndFilter.tsx
 import { VerticalRhythm as VerticalRhythm5 } from "@uniformdev/design-system";
 import {
-  createContext as createContext6,
-  useCallback as useCallback6,
-  useContext as useContext6,
+  createContext as createContext8,
+  useCallback as useCallback7,
+  useContext as useContext8,
   useDeferredValue as useDeferredValue2,
-  useEffect as useEffect17,
-  useMemo as useMemo20,
-  useState as useState20
+  useEffect as useEffect20,
+  useMemo as useMemo22,
+  useState as useState21
 } from "react";
 // src/components/SearchAndFilter/FilterEditor.tsx
-import { jsx as jsx72 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx74 } from "@emotion/react/jsx-runtime";
 var FilterEditorRenderer = ({ editorType, ...props }) => {
   const { filterMapper: contextFilterMapper } = useSearchAndFilter();
   const Editor = contextFilterMapper == null ? void 0 : contextFilterMapper[editorType];
   if (!Editor || editorType === "empty") {
-    return /* @__PURE__ */ jsx72("span", {});
+    return /* @__PURE__ */ jsx74("span", {});
   }
-  return /* @__PURE__ */ jsx72(Editor, { ...props });
+  return /* @__PURE__ */ jsx74(Editor, { ...props });
 };
 var filterMapper = {
   multiChoice: FilterMultiChoiceEditor,
@@ -6356,9 +6704,9 @@ var filterMapper = {
 function withInputVariables(WrappedComponent, noSwapping = false) {
   const WithInputVariables = (props) => {
     if (Array.isArray(props.value) || !props.bindable || props.disabled || props.readOnly) {
-      return /* @__PURE__ */ jsx72(WrappedComponent, { ...props });
+      return /* @__PURE__ */ jsx74(WrappedComponent, { ...props });
     }
-    return /* @__PURE__ */ jsx72(
+    return /* @__PURE__ */ jsx74(
       InputVariables,
       {
         "data-testid": "filter-value",
@@ -6367,7 +6715,7 @@ function withInputVariables(WrappedComponent, noSwapping = false) {
         onChange: (newValue) => props.onChange(newValue != null ? newValue : ""),
         value: props.value,
         disabled: props.disabled,
-        inputWhenNoVariables: noSwapping ? void 0 : /* @__PURE__ */ jsx72(WrappedComponent, { ...props })
+        inputWhenNoVariables: noSwapping ? void 0 : /* @__PURE__ */ jsx74(WrappedComponent, { ...props })
       }
     );
   };
@@ -6377,9 +6725,9 @@ function withInputVariablesForMultiValue(WrappedComponent) {
   const WithInputVariables = (props) => {
     var _a;
     if (!props.bindable || props.disabled || props.readOnly) {
-      return /* @__PURE__ */ jsx72(WrappedComponent, { ...props });
+      return /* @__PURE__ */ jsx74(WrappedComponent, { ...props });
     }
-    return /* @__PURE__ */ jsx72(
+    return /* @__PURE__ */ jsx74(
       InputVariables,
       {
         "data-testid": "filter-value",
@@ -6387,7 +6735,7 @@ function withInputVariablesForMultiValue(WrappedComponent) {
         showMenuPosition: "inline-right",
         onChange: (newValue) => props.onChange(newValue ? [newValue] : []),
         value: (_a = props.value) == null ? void 0 : _a[0],
-        inputWhenNoVariables: /* @__PURE__ */ jsx72(WrappedComponent, { ...props })
+        inputWhenNoVariables: /* @__PURE__ */ jsx74(WrappedComponent, { ...props })
       }
     );
   };
@@ -6403,8 +6751,8 @@ var bindableFiltersMapper = {
 };
 // src/components/SearchAndFilter/hooks/useSearchAndFilter.tsx
-import { jsx as jsx73 } from "@emotion/react/jsx-runtime";
-var SearchAndFilterContext = createContext6({
+import { jsx as jsx75 } from "@emotion/react/jsx-runtime";
+var SearchAndFilterContext = createContext8({
   searchTerm: "",
   setSearchTerm: () => {
   },
@@ -6424,6 +6772,7 @@ var SearchAndFilterContext = createContext6({
   validFilterQuery: [],
   filterMapper: {},
   totalResults: 0,
+  isLoading: false,
   allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
@@ -6437,21 +6786,22 @@ var SearchAndFilterProvider = ({
   resetFilterValues = [{ field: "", operator: "", value: "" }],
   onResetFilterValues,
   totalResults,
+  isLoading,
   filterMapper: filterMapper2 = filterMapper,
   children,
   allowBindingSearchTerm
 }) => {
-  const [searchTerm, setSearchTerm] = useState20(defaultSearchTerm);
+  const [searchTerm, setSearchTerm] = useState21(defaultSearchTerm);
   const deferredSearchTerm = useDeferredValue2(searchTerm);
-  const [filterVisibility, setFilterVisibility] = useState20(alwaysVisible || filterVisible);
-  const handleSearchTerm = useCallback6(
+  const [filterVisibility, setFilterVisibility] = useState21(alwaysVisible || filterVisible);
+  const handleSearchTerm = useCallback7(
     (term) => {
       setSearchTerm(term);
       onSearchChange == null ? void 0 : onSearchChange(term);
     },
     [setSearchTerm, onSearchChange]
   );
-  const handleToggleFilterVisibility = useCallback6(
+  const handleToggleFilterVisibility = useCallback7(
     (visible) => {
       if (alwaysVisible) {
         return;
@@ -6460,30 +6810,31 @@ var SearchAndFilterProvider = ({
     },
     [alwaysVisible]
   );
-  const handleAddFilter = useCallback6(() => {
+  const handleAddFilter = useCallback7(() => {
     onChange([...filters, { field: "", operator: "", value: "" }]);
   }, [filters, onChange]);
-  const handleResetFilters = useCallback6(() => {
+  const handleResetFilters = useCallback7(() => {
+    setSearchTerm("");
     if (onResetFilterValues) {
       return onResetFilterValues();
     }
     onSearchChange == null ? void 0 : onSearchChange("");
     onChange(resetFilterValues);
   }, [onChange, resetFilterValues, onSearchChange, onResetFilterValues]);
-  const handleDeleteFilter = useCallback6(
+  const handleDeleteFilter = useCallback7(
     (index) => {
       const remainingFilters = filters.filter((_, i) => i !== index);
       onChange(remainingFilters);
     },
     [filters, onChange]
   );
-  const validFilterQuery = useMemo20(() => {
+  const validFilterQuery = useMemo22(() => {
     const hasValidFilters = filters.every((f) => f.field && f.operator && f.value);
     if (hasValidFilters) {
       return filters;
     }
   }, [filters]);
-  useEffect17(() => {
+  useEffect20(() => {
     if (filterVisibility) {
       const handleEscKeyFilterClose = (e) => {
         if (e.key === "Escape") {
@@ -6496,7 +6847,7 @@ var SearchAndFilterProvider = ({
       };
     }
   }, [filterVisibility, handleToggleFilterVisibility]);
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx75(
     SearchAndFilterContext.Provider,
     {
       value: {
@@ -6512,20 +6863,21 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
+        isLoading,
         filterMapper: filterMapper2,
         allowBindingSearchTerm
       },
-      children: /* @__PURE__ */ jsx73(VerticalRhythm5, { children })
+      children: /* @__PURE__ */ jsx75(VerticalRhythm5, { children })
     }
   );
 };
 var useSearchAndFilter = () => {
-  const value = useContext6(SearchAndFilterContext);
+  const value = useContext8(SearchAndFilterContext);
   return { ...value };
 };
 // src/components/SearchAndFilter/FilterControls.tsx
-import { Fragment as Fragment13, jsx as jsx74, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx76, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
 var FilterControls = ({
   children,
   hideSearchInput
@@ -6538,25 +6890,27 @@ var FilterControls = ({
     searchTerm,
     allowBindingSearchTerm
   } = useSearchAndFilter();
-  const editorRef = useRef9(null);
+  const editorRef = useRef10(null);
   const variableRefernceCountInSearchTerm = hasReferencedVariables2(searchTerm);
-  const [idToResetInputVariables, setIdToResetInputVariables] = useState21("data-resource-search-term-input");
-  const [localSearchTerm, setLocalSearchTerm] = useState21(searchTerm);
+  const [idToResetInputVariables, setIdToResetInputVariables] = useState22("data-resource-search-term-input");
+  const [localSearchTerm, setLocalSearchTerm] = useState22(searchTerm);
   useDebounce7(
     () => {
-      setSearchTerm(localSearchTerm);
+      if (localSearchTerm !== searchTerm) {
+        setSearchTerm(localSearchTerm);
+      }
     },
     300,
     [localSearchTerm]
   );
-  useEffect18(() => {
+  useEffect21(() => {
     if (searchTerm === "") {
       setLocalSearchTerm("");
       setIdToResetInputVariables(`data-resource-search-term-input-${v42()}`);
     }
   }, [searchTerm]);
-  return /* @__PURE__ */ jsxs33(Fragment13, { children: [
-    /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsxs33(Fragment14, { children: [
+    /* @__PURE__ */ jsx76(
       FilterButton2,
       {
         "aria-controls": "search-and-filter-options",
@@ -6570,7 +6924,7 @@ var FilterControls = ({
       }
     ),
     hideSearchInput ? null : /* @__PURE__ */ jsxs33("div", { css: BindableKeywordSearchInputStyles, "data-testid": "search-container", children: [
-      /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsx76(
         InputVariables,
         {
           label: "",
@@ -6580,7 +6934,7 @@ var FilterControls = ({
           value: localSearchTerm,
           onChange: (value) => setLocalSearchTerm(value != null ? value : ""),
           disableVariables: !allowBindingSearchTerm,
-          inputWhenNoVariables: /* @__PURE__ */ jsx74(
+          inputWhenNoVariables: /* @__PURE__ */ jsx76(
             InputKeywordSearch,
             {
               placeholder: "Search...",
@@ -6599,7 +6953,7 @@ var FilterControls = ({
           )
         }
       ),
-      variableRefernceCountInSearchTerm ? /* @__PURE__ */ jsx74("div", { css: ClearSearchButtonContainer, children: /* @__PURE__ */ jsx74(
+      variableRefernceCountInSearchTerm ? /* @__PURE__ */ jsx76("div", { css: ClearSearchButtonContainer, children: /* @__PURE__ */ jsx76(
         "button",
         {
           css: ClearSearchButtonStyles,
@@ -6613,7 +6967,7 @@ var FilterControls = ({
           },
           type: "button",
           "data-testid": "keyword-search-clear-button",
-          children: /* @__PURE__ */ jsx74(Icon3, { icon: CgClose, iconColor: "red", size: "1rem" })
+          children: /* @__PURE__ */ jsx76(Icon3, { icon: CgClose, iconColor: "red", size: "1rem" })
         }
       ) }) : null
     ] }),
@@ -6623,8 +6977,14 @@ var FilterControls = ({
 // src/components/SearchAndFilter/FilterItem.tsx
 import { CgTrash as CgTrash2 } from "@react-icons/all-files/cg/CgTrash";
-import { Icon as Icon4, InputComboBox as InputComboBox5 } from "@uniformdev/design-system";
-import { useMemo as useMemo21 } from "react";
+import {
+  DropdownStyleMenuTrigger,
+  Icon as Icon4,
+  InputComboBox as InputComboBox5,
+  Menu as Menu3,
+  SelectableMenuItem
+} from "@uniformdev/design-system";
+import { useMemo as useMemo23 } from "react";
 // src/components/SearchAndFilter/util/isFilterBindable.ts
 function isFilterBindable(filter, operator) {
@@ -6633,7 +6993,7 @@ function isFilterBindable(filter, operator) {
 }
 // src/components/SearchAndFilter/FilterItem.tsx
-import { jsx as jsx75, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
 var FilterItem = ({
   index,
   operatorOptions,
@@ -6643,7 +7003,8 @@ var FilterItem = ({
   onOperatorChange,
   onValueChange,
   initialCriteriaTitle = "Where",
-  criteriaGroupOperator = "and"
+  criteriaGroupOperator = "and",
+  onCriteriaGroupOperatorChange
 }) => {
   var _a, _b;
   const { filters, handleDeleteFilter, filterOptions } = useSearchAndFilter();
@@ -6651,7 +7012,7 @@ var FilterItem = ({
   const operatorLabel = filters[index].operator !== "" ? `operator ${filters[index].operator}` : "unknown operator";
   const metaDataLabel = filters[index].value !== "" ? `value ${filters[index].value}` : "unknown value";
   const metaDataPossibleOptions = (_b = (_a = operatorOptions.find((op) => filters[index].operator === op.value)) == null ? void 0 : _a.editorType) != null ? _b : "singleChoice";
-  const { selectedFieldValue, selectedOperatorValue, selectedMetaValue, readOnly, bindable } = useMemo21(() => {
+  const { selectedFieldValue, selectedOperatorValue, selectedMetaValue, readOnly, bindable } = useMemo23(() => {
     var _a2;
     const currentSelectedFilterGroup = filterOptions.find((item) => {
       var _a3;
@@ -6681,10 +7042,47 @@ var FilterItem = ({
   } : {};
   const CustomLeftHandComponent = selectedFieldValue == null ? void 0 : selectedFieldValue.leftHandSideComponentWhenSelected;
   const isEmptyOperator = metaDataPossibleOptions === "empty";
+  const joinLabel = index === 0 ? initialCriteriaTitle : index === 1 && onCriteriaGroupOperatorChange ? /* @__PURE__ */ jsxs34(
+    Menu3,
+    {
+      menuTrigger: /* @__PURE__ */ jsx77(
+        DropdownStyleMenuTrigger,
+        {
+          bgColor: "transparent",
+          css: CriteriaGroupOperatorTrigger,
+          "data-testid": "criteria-group-operator",
+          "aria-label": "criteria group operator",
+          children: criteriaGroupOperator
+        }
+      ),
+      size: "small",
+      placement: "bottom-start",
+      children: [
+        /* @__PURE__ */ jsx77(
+          SelectableMenuItem,
+          {
+            selected: criteriaGroupOperator === "and",
+            onClick: () => onCriteriaGroupOperatorChange("and"),
+            "data-testid": "criteria-group-operator-and",
+            children: "and"
+          }
+        ),
+        /* @__PURE__ */ jsx77(
+          SelectableMenuItem,
+          {
+            selected: criteriaGroupOperator === "or",
+            onClick: () => onCriteriaGroupOperatorChange("or"),
+            "data-testid": "criteria-group-operator-or",
+            children: "or"
+          }
+        )
+      ]
+    }
+  ) : criteriaGroupOperator;
   return /* @__PURE__ */ jsxs34("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
-    /* @__PURE__ */ jsx75("span", { children: index === 0 ? initialCriteriaTitle : criteriaGroupOperator }),
+    /* @__PURE__ */ jsx77("span", { children: joinLabel }),
     /* @__PURE__ */ jsxs34("div", { css: [ConditionalInputRow, isEmptyOperator ? ConditionalInputRowEmpty : null], children: [
-      CustomLeftHandComponent ? /* @__PURE__ */ jsx75(
+      CustomLeftHandComponent ? /* @__PURE__ */ jsx77(
         CustomLeftHandComponent,
         {
           filterOption: selectedFieldValue,
@@ -6694,7 +7092,7 @@ var FilterItem = ({
             onFilterOptionChange("");
           }
         }
-      ) : /* @__PURE__ */ jsx75(
+      ) : /* @__PURE__ */ jsx77(
         InputComboBox5,
         {
           "aria-label": label,
@@ -6721,7 +7119,7 @@ var FilterItem = ({
           name: `filter-field-${index}`
         }
       ),
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx77(
         InputComboBox5,
         {
           "aria-label": operatorLabel,
@@ -6745,7 +7143,7 @@ var FilterItem = ({
           name: `filter-operator-${index}`
         }
       ),
-      /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsx77(
         FilterEditorRenderer,
         {
           "aria-label": metaDataLabel,
@@ -6760,7 +7158,7 @@ var FilterItem = ({
           filterFieldName: filters[index].field
         }
       ),
-      readOnly ? null : /* @__PURE__ */ jsx75(
+      readOnly ? null : /* @__PURE__ */ jsx77(
         "button",
         {
           type: "button",
@@ -6769,7 +7167,7 @@ var FilterItem = ({
           css: IconBtn,
           "data-testid": "delete-filter",
           disabled: filters.length === 1,
-          children: /* @__PURE__ */ jsx75(Icon4, { icon: CgTrash2, iconColor: filters.length === 1 ? "gray" : "red", size: "1rem" })
+          children: /* @__PURE__ */ jsx77(Icon4, { icon: CgTrash2, iconColor: filters.length === 1 ? "gray" : "red", size: "1rem" })
         }
       )
     ] })
@@ -6782,16 +7180,16 @@ import { Icon as Icon5 } from "@uniformdev/design-system";
 // src/components/SearchAndFilter/FilterMenu.tsx
 import { HorizontalRhythm as HorizontalRhythm8, VerticalRhythm as VerticalRhythm6 } from "@uniformdev/design-system";
-import React6, { useEffect as useEffect19 } from "react";
-import { jsx as jsx76, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
+import React8, { useEffect as useEffect22 } from "react";
+import { jsx as jsx78, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterOptionsContainer2 = ({
   buttonRow,
   additionalFiltersContainer,
   children
 }) => {
   return /* @__PURE__ */ jsxs35("div", { css: SearchAndFilterOptionsContainer, children: [
-    /* @__PURE__ */ jsx76("div", { css: SearchAndFilterOptionsInnerContainer, children }),
-    buttonRow ? /* @__PURE__ */ jsx76(
+    /* @__PURE__ */ jsx78("div", { css: SearchAndFilterOptionsInnerContainer, children }),
+    buttonRow ? /* @__PURE__ */ jsx78(
       HorizontalRhythm8,
       {
         css: SearchAndFilterButtonGroup,
@@ -6801,7 +7199,7 @@ var SearchAndFilterOptionsContainer2 = ({
         children: buttonRow
       }
     ) : null,
-    additionalFiltersContainer ? /* @__PURE__ */ jsx76("div", { css: SearchAndFilterAdditionalContainer, children: additionalFiltersContainer }) : null
+    additionalFiltersContainer ? /* @__PURE__ */ jsx78("div", { css: SearchAndFilterAdditionalContainer, children: additionalFiltersContainer }) : null
   ] });
 };
 var FilterMenu = ({
@@ -6814,22 +7212,22 @@ var FilterMenu = ({
   resetButtonText = "reset"
 }) => {
   const { filterVisibility, setFilterVisibility, handleResetFilters, filters } = useSearchAndFilter();
-  const innerMenuRef = React6.useRef(null);
-  useEffect19(() => {
+  const innerMenuRef = React8.useRef(null);
+  useEffect22(() => {
     var _a;
     if (filterVisibility) {
       (_a = innerMenuRef.current) == null ? void 0 : _a.focus();
     }
   }, [filterVisibility]);
-  return /* @__PURE__ */ jsx76(VerticalRhythm6, { gap: "sm", "aria-haspopup": "true", id, "data-testid": dataTestId, children: filterVisibility ? /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsx78(VerticalRhythm6, { gap: "sm", "aria-haspopup": "true", id, "data-testid": dataTestId, children: filterVisibility ? /* @__PURE__ */ jsxs35(
     SearchAndFilterOptionsContainer2,
     {
       buttonRow: menuControls,
       additionalFiltersContainer,
       children: [
         /* @__PURE__ */ jsxs35(HorizontalRhythm8, { gap: "sm", align: "center", justify: "space-between", children: [
-          filterTitle ? /* @__PURE__ */ jsx76("span", { css: Title, ref: innerMenuRef, tabIndex: 0, children: filterTitle }) : null,
-          (filters == null ? void 0 : filters.length) && resetButtonText ? /* @__PURE__ */ jsx76(
+          filterTitle ? /* @__PURE__ */ jsx78("span", { css: Title, ref: innerMenuRef, tabIndex: 0, children: filterTitle }) : null,
+          (filters == null ? void 0 : filters.length) && resetButtonText ? /* @__PURE__ */ jsx78(
             "button",
             {
               type: "button",
@@ -6940,14 +7338,15 @@ function hasBindings(currentValue) {
 }
 // src/components/SearchAndFilter/FilterItems.tsx
-import { jsx as jsx77, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
 var FilterItems = ({
   addButtonText = "add condition",
   additionalFiltersContainer,
   filterTitle,
   resetButtonText,
   initialCriteriaTitle,
-  criteriaGroupOperator
+  criteriaGroupOperator,
+  onCriteriaGroupOperatorChange
 }) => {
   const { filterOptions, filters, setFilters, handleAddFilter } = useSearchAndFilter();
   const handleUpdateFilter = (index, prop, value) => {
@@ -6956,7 +7355,7 @@ var FilterItems = ({
     next[index] = { ...next[index], [prop]: value };
     if (prop === "operator") {
       const newOperatorId = value;
-      const currentFilter = next[index];
+      const currentFilter = filters[index];
       if (!newOperatorId) {
         throw new Error("you bad");
       }
@@ -6977,7 +7376,7 @@ var FilterItems = ({
     }
     setFilters(next);
   };
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx79(
     FilterMenu,
     {
       id: "search-and-filter-options",
@@ -6990,7 +7389,7 @@ var FilterItems = ({
           onClick: handleAddFilter,
           "data-testid": "add-filter",
           children: [
-            /* @__PURE__ */ jsx77(Icon5, { icon: CgMathPlus, iconColor: "currentColor", size: "1rem" }),
+            /* @__PURE__ */ jsx79(Icon5, { icon: CgMathPlus, iconColor: "currentColor", size: "1rem" }),
             addButtonText
           ]
         }
@@ -7006,7 +7405,7 @@ var FilterItems = ({
         })) == null ? void 0 : _a.options) != null ? _b : [];
         const possibleValueOptions = (_d = (_c = availableTypeOptions == null ? void 0 : availableTypeOptions.find((op) => op.value === item.field)) == null ? void 0 : _c.valueOptions) != null ? _d : [];
         const possibleOperators = (_f = (_e = availableTypeOptions == null ? void 0 : availableTypeOptions.find((op) => op.value === item.field)) == null ? void 0 : _e.operatorOptions) != null ? _f : [];
-        return /* @__PURE__ */ jsx77(
+        return /* @__PURE__ */ jsx79(
           FilterItem,
           {
             index: i,
@@ -7017,7 +7416,8 @@ var FilterItems = ({
             onFilterDynamicChange: (e) => handleUpdateFilter(i, "dynamicField", e),
             valueOptions: possibleValueOptions,
             initialCriteriaTitle,
-            criteriaGroupOperator
+            criteriaGroupOperator,
+            onCriteriaGroupOperatorChange
           },
           i
         );
@@ -7030,8 +7430,8 @@ var FilterItems = ({
 import { VerticalRhythm as VerticalRhythm7 } from "@uniformdev/design-system";
 // src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
-import { Button as Button5, Callout as Callout4, HorizontalRhythm as HorizontalRhythm9, Paragraph } from "@uniformdev/design-system";
-import { Fragment as Fragment14, jsx as jsx78, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
+import { Button as Button5, Callout as Callout5, HorizontalRhythm as HorizontalRhythm9, Paragraph } from "@uniformdev/design-system";
+import { Fragment as Fragment15, jsx as jsx80, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterResultContainer = ({
   buttonText,
   clearButtonLabel = "clear",
@@ -7040,7 +7440,7 @@ var SearchAndFilterResultContainer = ({
   onHandleClear,
   hideClearButton
 }) => {
-  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm } = useSearchAndFilter();
+  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm, isLoading } = useSearchAndFilter();
   const emptyFilters = filters.length === 0 || filters.every((filter) => !filter.value);
   const getTextValue = ({
     defaultPropText,
@@ -7071,7 +7471,7 @@ var SearchAndFilterResultContainer = ({
     filterText: "No results match the selected filters",
     fallbackText: "No matching results found"
   });
-  if (totalResults && totalResults > 0) {
+  if (isLoading || totalResults === void 0 || totalResults > 0) {
     return null;
   }
   const handleClearSearch = () => {
@@ -7082,18 +7482,18 @@ var SearchAndFilterResultContainer = ({
       handleResetFilters();
     }
   };
-  return /* @__PURE__ */ jsxs37(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs37(Fragment15, { children: [
     /* @__PURE__ */ jsxs37(HorizontalRhythm9, { children: [
       /* @__PURE__ */ jsxs37("span", { children: [
         totalResults,
         " results ",
         searchTerm ? `for "${searchTerm}"` : null
       ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx78(Button5, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
+      !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx80(Button5, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
     ] }),
-    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout4, { title: automateCalloutTitle, type: "note", children: [
-      calloutText ? /* @__PURE__ */ jsx78(Paragraph, { children: calloutText }) : null,
-      hideClearButton ? null : /* @__PURE__ */ jsx78(
+    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
+      calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
+      hideClearButton ? null : /* @__PURE__ */ jsx80(
         Button5,
         {
           buttonType: "tertiaryOutline",
@@ -7108,25 +7508,26 @@ var SearchAndFilterResultContainer = ({
 };
 // src/components/SearchAndFilter/SearchAndFilter.tsx
-import { jsx as jsx79, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
 var SearchAndFilter = ({
   filters,
   filterOptions,
   filterVisible,
   filterControls,
   viewSwitchControls,
-  resultsContainerView = /* @__PURE__ */ jsx79(SearchAndFilterResultContainer, {}),
+  resultsContainerView = /* @__PURE__ */ jsx81(SearchAndFilterResultContainer, {}),
   filterMapper: filterMapper2 = filterMapper,
   additionalFiltersContainer,
   onChange,
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  isLoading,
   allowBindingSearchTerm = false,
   resetFilterValues = [],
   onResetFilterValues
 }) => {
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx81(
     SearchAndFilterProvider,
     {
       filters,
@@ -7136,22 +7537,23 @@ var SearchAndFilter = ({
       defaultSearchTerm,
       onSearchChange,
       totalResults,
+      isLoading,
       resetFilterValues,
       filterMapper: filterMapper2,
       allowBindingSearchTerm,
       onResetFilterValues,
       children: /* @__PURE__ */ jsxs38(VerticalRhythm7, { "data-testid": "search-and-filter", children: [
         /* @__PURE__ */ jsxs38("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             "div",
             {
               css: SearchAndFilterControlsWrapper(viewSwitchControls ? "auto 1fr 0.05fr" : "auto 1fr"),
-              children: !filterControls ? /* @__PURE__ */ jsx79(FilterControls, { hideSearchInput: !onSearchChange }) : filterControls
+              children: !filterControls ? /* @__PURE__ */ jsx81(FilterControls, { hideSearchInput: !onSearchChange }) : filterControls
             }
           ),
           viewSwitchControls
         ] }),
-        /* @__PURE__ */ jsx79(FilterItems, { additionalFiltersContainer }),
+        /* @__PURE__ */ jsx81(FilterItems, { additionalFiltersContainer }),
         resultsContainerView
       ] })
     }
@@ -7160,17 +7562,17 @@ var SearchAndFilter = ({
 // src/components/SearchAndFilter/SearchOnlyFilter.tsx
 import { InputKeywordSearch as InputKeywordSearch2 } from "@uniformdev/design-system";
-import { createContext as createContext7, useState as useState22 } from "react";
+import { createContext as createContext9, useState as useState23 } from "react";
 import { useDebounce as useDebounce8 } from "react-use";
-import { jsx as jsx80 } from "@emotion/react/jsx-runtime";
-var SearchOnlyContext = createContext7({
+import { jsx as jsx82 } from "@emotion/react/jsx-runtime";
+var SearchOnlyContext = createContext9({
   searchTerm: "",
   setSearchTerm: () => {
   }
 });
 var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
   const { searchTerm, setSearchTerm } = useSearchAndFilter();
-  const [localeSearchTerm, setLocaleSearchTerm] = useState22("");
+  const [localeSearchTerm, setLocaleSearchTerm] = useState23("");
   useDebounce8(
     () => {
       setSearchTerm(localeSearchTerm);
@@ -7179,14 +7581,14 @@ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
     300,
     [localeSearchTerm]
   );
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx82(
     SearchOnlyContext.Provider,
     {
       value: {
         searchTerm,
         setSearchTerm: setLocaleSearchTerm
       },
-      children: /* @__PURE__ */ jsx80("div", { css: { maxWidth: maxWidth != null ? maxWidth : "712px" }, children: /* @__PURE__ */ jsx80(
+      children: /* @__PURE__ */ jsx82("div", { css: { maxWidth: maxWidth != null ? maxWidth : "712px" }, children: /* @__PURE__ */ jsx82(
         InputKeywordSearch2,
         {
           placeholder: "Search...",
@@ -7204,9 +7606,9 @@ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
 import { InputComboBox as InputComboBox6, InputSelect as InputSelect5, SegmentedControl, VerticalRhythm as VerticalRhythm8 } from "@uniformdev/design-system";
 // src/components/SearchAndFilter/styles/SortItems.styles.ts
-import { css as css22 } from "@emotion/react";
+import { css as css23 } from "@emotion/react";
 import { cq as cq2, fadeInLtr as fadeInLtr2 } from "@uniformdev/design-system";
-var ConditionalFilterRow2 = css22`
+var ConditionalFilterRow2 = css23`
   display: grid;
   grid-template-columns: 35px 1fr;
   gap: var(--spacing-sm);
@@ -7243,7 +7645,7 @@ var ConditionalFilterRow2 = css22`
     animation: ${fadeInLtr2} var(--duration-fast) var(--timing-ease-out);
   }
 `;
-var ConditionalInputRow2 = css22`
+var ConditionalInputRow2 = css23`
   display: flex;
   gap: var(--spacing-sm);
   flex-wrap: wrap;
@@ -7266,11 +7668,13 @@ var ConditionalInputRow2 = css22`
     }
   }
 `;
-var SearchInput2 = css22`
-  max-height: 40px;
-  min-height: unset;
+var SearchInput2 = css23`
+  && {
+    max-height: 40px;
+    min-height: unset;
+  }
 `;
-var FilterButton3 = css22`
+var FilterButton3 = css23`
   align-items: center;
   background: var(--white);
   border: 1px solid var(--gray-300);
@@ -7307,13 +7711,13 @@ var FilterButton3 = css22`
     opacity: var(--opacity-50);
   }
 `;
-var FilterButtonText2 = css22`
+var FilterButtonText2 = css23`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 14ch;
 `;
-var FilterButtonSelected2 = css22`
+var FilterButtonSelected2 = css23`
   background: var(--gray-100);
   border-color: var(--gray-300);
@@ -7321,7 +7725,7 @@ var FilterButtonSelected2 = css22`
     color: var(--accent-dark);
   }
 `;
-var FilterButtonWithOptions2 = css22`
+var FilterButtonWithOptions2 = css23`
   :where([aria-expanded='true']) {
     background: var(--purple-rain-100);
     border-color: var(--accent-light);
@@ -7333,14 +7737,14 @@ var FilterButtonWithOptions2 = css22`
     }
   }
 `;
-var SearchIcon2 = css22`
+var SearchIcon2 = css23`
   color: var(--icon-color);
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   margin: auto;
   transition: color var(--duration-fast) var(--timing-ease-out);
 `;
-var AddConditionalBtn2 = css22`
+var AddConditionalBtn2 = css23`
   align-items: center;
   background: transparent;
   border: none;
@@ -7359,14 +7763,14 @@ var AddConditionalBtn2 = css22`
     color: var(--gray-400);
   }
 `;
-var Title2 = css22`
+var Title2 = css23`
   color: var(--typography-light);
   &:focus {
     outline: none;
   }
 `;
-var ResetConditionsBtn2 = css22`
+var ResetConditionsBtn2 = css23`
   background: transparent;
   border: none;
   color: var(--action-destructive-default);
@@ -7378,12 +7782,12 @@ var ResetConditionsBtn2 = css22`
     color: var(--action-destructive-hover);
   }
 `;
-var IconBtn2 = css22`
+var IconBtn2 = css23`
   background: transparent;
   border: none;
   padding: var(--spacing-sm);
 `;
-var SearchAndFilterOptionsContainer3 = css22`
+var SearchAndFilterOptionsContainer3 = css23`
   background: var(--gray-50);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -7396,17 +7800,17 @@ var SearchAndFilterOptionsContainer3 = css22`
   position: relative;
   z-index: 1;
 `;
-var SearchAndFilterOptionsInnerContainer2 = css22`
+var SearchAndFilterOptionsInnerContainer2 = css23`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   padding-inline: var(--spacing-md);
 `;
-var SearchAndFilterButtonGroup2 = css22`
+var SearchAndFilterButtonGroup2 = css23`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
-var SortFilterWrapper = (hiddenLocaleInput) => css22`
+var SortFilterWrapper = (hiddenLocaleInput) => css23`
   align-items: center;
   display: flex;
   gap: var(--spacing-base);
@@ -7417,13 +7821,13 @@ var SortFilterWrapper = (hiddenLocaleInput) => css22`
     grid-template-columns: ${hiddenLocaleInput ? "1fr" : "1fr minmax(140px, 0.25fr)"};
   }
 `;
-var SortFilterInputRow = css22`
+var SortFilterInputRow = css23`
   align-items: center;
   display: grid;
   grid-template-columns: 1fr auto;
   gap: var(--spacing-base);
 `;
-var InputVariableWrapper = css22`
+var InputVariableWrapper = css23`
   flex-grow: 1;
   // we need to override label styles nested within the input variable
@@ -7434,7 +7838,7 @@ var InputVariableWrapper = css22`
 `;
 // src/components/SearchAndFilter/SortItems.tsx
-import { jsx as jsx81, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
 var SortItems = ({
   sortByLabel = "Sort by",
   localeLabel = "Show locale",
@@ -7458,9 +7862,9 @@ var SortItems = ({
   const localeLabelValue = sortOptions.length > 1 ? localeLabel : `${localeLabel}s`;
   return /* @__PURE__ */ jsxs39("div", { css: [SortFilterWrapper(hideLocaleOptions)], "data-testid": "sorting-options", children: [
     /* @__PURE__ */ jsxs39(VerticalRhythm8, { gap: "xs", children: [
-      /* @__PURE__ */ jsx81("span", { css: Title2, children: sortByLabel }),
+      /* @__PURE__ */ jsx83("span", { css: Title2, children: sortByLabel }),
       /* @__PURE__ */ jsxs39("div", { css: SortFilterInputRow, children: [
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx83(
           InputVariables,
           {
             disableInlineMenu: disableSortBinding,
@@ -7468,7 +7872,7 @@ var SortItems = ({
             value: sortField,
             valueToResetTo: "created_at",
             onChange: (e) => onSortChange(`${e}_${sortDirection}`),
-            inputWhenNoVariables: /* @__PURE__ */ jsx81(
+            inputWhenNoVariables: /* @__PURE__ */ jsx83(
               InputComboBox6,
               {
                 id: "sort-by-field",
@@ -7491,7 +7895,7 @@ var SortItems = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx83(
           InputVariables,
           {
             disableInlineMenu: disableSortBinding,
@@ -7499,7 +7903,7 @@ var SortItems = ({
             valueToResetTo: "DESC",
             showMenuPosition: disableSortBinding ? void 0 : "inline-right",
             onChange: (e) => onSortChange(`${sortField}_${e}`),
-            inputWhenNoVariables: /* @__PURE__ */ jsx81(
+            inputWhenNoVariables: /* @__PURE__ */ jsx83(
               SegmentedControl,
               {
                 noCheckmark: true,
@@ -7531,14 +7935,14 @@ var SortItems = ({
         )
       ] })
     ] }),
-    hideLocaleOptions ? null : /* @__PURE__ */ jsx81(VerticalRhythm8, { gap: "xs", css: InputVariableWrapper, children: /* @__PURE__ */ jsx81(
+    hideLocaleOptions ? null : /* @__PURE__ */ jsx83(VerticalRhythm8, { gap: "xs", css: InputVariableWrapper, children: /* @__PURE__ */ jsx83(
       InputVariables,
       {
         label: localeLabelValue,
         value: localeValue,
         showMenuPosition: "inline-right",
         onChange: (e) => onLocaleChange(e != null ? e : ""),
-        inputWhenNoVariables: /* @__PURE__ */ jsx81(
+        inputWhenNoVariables: /* @__PURE__ */ jsx83(
           InputSelect5,
           {
             name: "localeReturned",
@@ -7569,7 +7973,7 @@ function createLocationValidator(setValue, validate) {
 // src/utils/useContentDataResourceLocaleInfo.ts
 import { bindVariables as bindVariables2, createVariableReference as createVariableReference4, LOCALE_DYNAMIC_INPUT_NAME as LOCALE_DYNAMIC_INPUT_NAME2 } from "@uniformdev/canvas";
-import { useEffect as useEffect20, useRef as useRef10 } from "react";
+import { useEffect as useEffect23, useRef as useRef11 } from "react";
 function useContentDataResourceLocaleInfo({
   locale,
   defaultLocale,
@@ -7577,12 +7981,12 @@ function useContentDataResourceLocaleInfo({
   dynamicInputs
 }) {
   var _a;
-  const setLocaleRef = useRef10(setLocale);
+  const setLocaleRef = useRef11(setLocale);
   setLocaleRef.current = setLocale;
   const { flatVariables } = useVariables();
   const effectiveLocale = locale != null ? locale : dynamicInputs[LOCALE_DYNAMIC_INPUT_NAME2] ? createVariableReference4(LOCALE_DYNAMIC_INPUT_NAME2) : defaultLocale != null ? defaultLocale : "";
   const boundLocale = (_a = bindVariables2({ variables: flatVariables, value: effectiveLocale }).result) != null ? _a : effectiveLocale;
-  useEffect20(() => {
+  useEffect23(() => {
     if (locale === void 0 && effectiveLocale && setLocaleRef.current) {
       setLocaleRef.current(effectiveLocale);
     }
@@ -7594,7 +7998,7 @@ function useContentDataResourceLocaleInfo({
 import {
   AddListButton as AddListButton2,
   Button as Button6,
-  Callout as Callout5,
+  Callout as Callout6,
   DrawerContent,
   Heading,
   Input as Input10,
@@ -7604,8 +8008,8 @@ import {
   InputToggle as InputToggle3,
   Label,
   LoadingIndicator as LoadingIndicator4,
-  LoadingOverlay,
-  Menu as Menu3,
+  LoadingOverlay as LoadingOverlay2,
+  Menu as Menu4,
   MenuItem as MenuItem2,
   ParameterGroup,
   ParameterImage,
@@ -7635,7 +8039,7 @@ export {
   AddListButton2 as AddListButton,
   Button6 as Button,
   CHECKBOX_OPERATORS,
-  Callout5 as Callout,
+  Callout6 as Callout,
   ControlledValuePlugin,
   DATE_OPERATORS,
   DATE_TIME_OPERATORS,
@@ -7648,6 +8052,10 @@ export {
   DataTypeEditor,
   DateEditor,
   DateRangeEditor,
+  DelegationContext,
+  DelegationDisabledError,
+  DelegationGate,
+  DelegationProvider,
   DrawerContent,
   EDIT_VARIABLE_COMMAND,
   FilterButton2 as FilterButton,
@@ -7670,9 +8078,9 @@ export {
   Label,
   LinkButton,
   LoadingIndicator4 as LoadingIndicator,
-  LoadingOverlay,
+  LoadingOverlay2 as LoadingOverlay,
   MULTI_SELECT_OPERATORS,
-  Menu3 as Menu,
+  Menu4 as Menu,
   MenuItem2 as MenuItem,
   MeshApp,
   NUMBER_OPERATORS,
@@ -7749,8 +8157,10 @@ export {
   VariablesProvider,
   bindableFiltersMapper,
   convertConnectedDataToVariable,
+  createDelegationFetch,
   createLocationValidator,
   filterMapper,
+  isDelegationExpiredResponse,
   prettifyBindExpression,
   readOnlyAttributes,
   serializeVariablesEditorSerializedState,
@@ -7760,6 +8170,8 @@ export {
   urlEncodeRequestUrl,
   useConnectedDataAsVariables,
   useContentDataResourceLocaleInfo,
+  useDelegation,
+  useDelegationFetch,
   useDynamicInputsAsVariables,
   useMeshLocation,
   useObjectSearchContext,