dara-core 1.15.4__py3-none-any.whl → 1.15.5__py3-none-any.whl

dara/core/umd/dara.core.umd.js

@@ -33,7 +33,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
 (function(global2, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tanstack/react-query"), require("react-dom"), require("styled-components")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tanstack/react-query", "react-dom", "styled-components"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.dara = global2.dara || {}, global2.dara.core = {}), global2.React, global2.ReactQuery, global2.ReactDOM, global2.styled));
 })(this, function(exports, React, reactQuery, ReactDOM, styled) {
-  var _locks, _subscribers, _pingInterval, _socketUrl, _reconnectCount, _events$, _parentBus, _instance, _observers;
+  var _locks, _subscribers, _events$, _parentBus, _pingInterval, _socketUrl, _reconnectCount, _instance, _observers;
   "use strict";
   const _interopDefaultLegacy = (e3) => e3 && typeof e3 === "object" && "default" in e3 ? e3 : { default: e3 };
   function _interopNamespace(e3) {
@@ -16020,11 +16020,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         try {
           const json = yield res.json();
           message = (json === null || json === void 0 ? void 0 : json.message) || (json === null || json === void 0 ? void 0 : json.detail) || fallbackMessage;
-        } catch (e3) {
+        } catch (_a) {
           if (fallbackMessage) {
             try {
               message = (yield res.text()) || fallbackMessage;
-            } catch (_a) {
+            } catch (_b) {
             }
           }
         }
@@ -33717,6 +33717,21 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         return "right: 3px;";
       case "right":
         return "left: -5px;";
+      case "top-start":
+      case "top-end":
+        return "bottom: 3px;";
+      case "bottom-start":
+      case "bottom-end":
+        return "top: -5px;";
+      case "left-start":
+      case "left-end":
+        return "right: 3px;";
+      case "right-start":
+      case "right-end":
+        return "left: -5px;";
+      case "auto":
+      case "auto-start":
+      case "auto-end":
       default:
         return "display: none;";
     }
@@ -33736,12 +33751,24 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         ${(props) => {
     switch (props.placement) {
       case "top":
+      case "top-start":
+      case "top-end":
+        return "transform: rotate(45deg);";
       case "bottom":
+      case "bottom-start":
+      case "bottom-end":
         return "transform: rotate(45deg);";
       case "left":
+      case "left-start":
+      case "left-end":
         return "transform: rotate(135deg);";
       case "right":
+      case "right-start":
+      case "right-end":
         return "transform: rotate(-45deg);";
+      case "auto":
+      case "auto-start":
+      case "auto-end":
       default:
         return "display: none;";
     }
@@ -36529,10 +36556,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     user-select: none;
 
     overflow: hidden;
-
     display: flex;
-    justify-content: space-between;
     align-items: center;
+    justify-content: space-between;
+
     width: 100%;
     min-height: 2rem;
     padding: 0.25rem 1rem;
@@ -36579,8 +36606,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     box-shadow: ${(props) => props.theme.shadow.light};
 `;
   const InnerItem = styled__default.default.span`
-    min-width: 0;
     overflow: hidden;
+    min-width: 0;
     text-overflow: ellipsis;
     white-space: nowrap;
 `;
@@ -50477,8 +50504,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         return isAfter$1(parsedValue, filterValue);
       case DateOperator.LT:
         return isBefore$1(parsedValue, filterValue);
+      case DateOperator.BT:
+        if (Array.isArray(filterValue)) {
+          return isWithinInterval$1(parsedValue, { start: filterValue[0], end: filterValue[1] });
+        }
+        return false;
       default:
-        return true;
+        return false;
     }
   }
   function numeric(rows, columnIds, filterValue) {
@@ -50623,6 +50655,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     background-color: ${(props) => props.theme.colors.background};
     box-shadow: ${(props) => props.theme.shadow.light};
 `;
+  const columnHeaderToString = (header) => {
+    if (typeof header === "string") {
+      return header;
+    }
+    return "";
+  };
   const OptionsMenu = ({ allColumns, allowColumnHiding, numVisibleColumns, resetResizing, setAllFilters, style }) => {
     const [isOpen, setIsOpen] = React.useState(false);
     const toggleOptions = React.useCallback(() => {
@@ -50678,9 +50716,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const columnToggles = React.useMemo(() => {
       return {
         items: allColumns.filter((column) => typeof column.Header === "string").map((column) => ({
-          label: `${column.isVisible ? "Hide" : "Show"} ${String(column.Header)}`,
+          label: `${column.isVisible ? "Hide" : "Show"} ${columnHeaderToString(column.Header)}`,
           onClick: () => !(column.isVisible && numVisibleColumns === 1) ? column.toggleHidden() : null,
-          value: `${column.isVisible ? "hide" : "show"}${String(column.Header)}`
+          value: `${column.isVisible ? "hide" : "show"}${columnHeaderToString(column.Header)}`
         })),
         label: "Columns"
       };
@@ -55118,8 +55156,132 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return response;
   }
-  const directionCtx = React.createContext({ direction: "row" });
-  const importersCtx = React.createContext({});
+  const requestExtrasCtx = React.createContext({ options: {} });
+  function useRequestExtras() {
+    const { options } = React.useContext(requestExtrasCtx);
+    const extras = React.useMemo(() => {
+      return options;
+    }, [useDeepCompare(options)]);
+    return extras;
+  }
+  function RequestExtrasProvider({
+    children,
+    options
+  }) {
+    return /* @__PURE__ */ React__default.default.createElement(requestExtrasCtx.Provider, { value: { options } }, children);
+  }
+  function mergeRequestInits(a2, b2) {
+    const mergedHeaders = new Headers(a2.headers);
+    const bHeaders = new Headers(b2.headers);
+    bHeaders.forEach((value, key) => {
+      mergedHeaders.set(key, value);
+    });
+    return {
+      ...a2,
+      ...b2,
+      headers: mergedHeaders
+    };
+  }
+  function PartialRequestExtrasProvider({
+    children,
+    options
+  }) {
+    const { options: parentOptions } = React.useContext(requestExtrasCtx);
+    const mergedInits = React.useMemo(() => mergeRequestInits(parentOptions, options), [parentOptions, options]);
+    return /* @__PURE__ */ React__default.default.createElement(requestExtrasCtx.Provider, { value: { options: mergedInits } }, children);
+  }
+  var AuthenticationErrorReason = /* @__PURE__ */ ((AuthenticationErrorReason2) => {
+    AuthenticationErrorReason2["BAD_REQUEST"] = "bad_request";
+    AuthenticationErrorReason2["EXPIRED_TOKEN"] = "expired";
+    AuthenticationErrorReason2["INVALID_CREDENTIALS"] = "invalid_credentials";
+    AuthenticationErrorReason2["INVALID_TOKEN"] = "invalid_token";
+    AuthenticationErrorReason2["OTHER"] = "other";
+    AuthenticationErrorReason2["UNAUTHORIZED"] = "unauthorized";
+    return AuthenticationErrorReason2;
+  })(AuthenticationErrorReason || {});
+  function isAuthenticationError(message) {
+    return message !== null && message !== void 0 && typeof message === "object" && "reason" in message && Object.values(AuthenticationErrorReason).includes(message.reason);
+  }
+  function shouldIgnoreError(message, ignoreErrors) {
+    return ignoreErrors && ignoreErrors.includes(message.reason);
+  }
+  function shouldRedirectToLogin(message) {
+    return ["invalid_credentials", "expired"].includes(
+      message.reason
+    );
+  }
+  function useAuthConfig() {
+    return reactQuery.useQuery(
+      ["auth-config"],
+      async () => {
+        const response = await request("/api/core/auth-config", {
+          method: HTTP_METHOD.GET
+        });
+        return response.json();
+      },
+      { refetchOnWindowFocus: false }
+    );
+  }
+  async function revokeSession() {
+    try {
+      const response = await request("/api/auth/revoke-session", {
+        method: HTTP_METHOD.POST
+      });
+      if (response.ok) {
+        const responseData = await response.json();
+        return responseData;
+      }
+    } catch (e3) {
+      console.error("Failed to revoke session", e3);
+    }
+  }
+  async function handleAuthErrors(res, toLogin = false, ignoreErrors = null) {
+    var _a;
+    const content = await res.clone().json();
+    if (isAuthenticationError(content == null ? void 0 : content.detail) && !shouldIgnoreError(content == null ? void 0 : content.detail, ignoreErrors)) {
+      localStorage.removeItem(getTokenKey());
+      const queryParams = new URLSearchParams(window.location.search);
+      const referrer = (_a = queryParams.get("referrer")) != null ? _a : encodeURIComponent(window.location.pathname + window.location.search);
+      const path = toLogin || shouldRedirectToLogin(content.detail) ? `/login?referrer=${referrer}` : `/error?code=${res.status}`;
+      window.location.href = `${window.dara.base_url}${path}`;
+      return true;
+    }
+    return false;
+  }
+  function useUser() {
+    const extras = useRequestExtras();
+    return reactQuery.useQuery({
+      queryFn: async () => {
+        const res = await request("/api/auth/user", { method: HTTP_METHOD.GET }, extras);
+        await handleAuthErrors(res);
+        await validateResponse(res, "Failed to fetch user for this app");
+        return res.json();
+      },
+      queryKey: ["user"],
+      refetchOnWindowFocus: false
+    });
+  }
+  async function requestSessionToken(body = {}) {
+    const res = await request("/api/auth/session", {
+      body: JSON.stringify(body),
+      method: HTTP_METHOD.POST
+    });
+    const loggedOut = await handleAuthErrors(res, false, ["invalid_credentials"]);
+    if (loggedOut) {
+      return null;
+    }
+    await validateResponse(res, "Failed to fetch the session token");
+    const parsedResponse = await res.json();
+    const { token } = parsedResponse;
+    localStorage.setItem(getTokenKey(), token);
+    return token;
+  }
+  async function verifySessionToken() {
+    const res = await request("/api/auth/verify-session", {
+      method: HTTP_METHOD.POST
+    });
+    return res.ok;
+  }
   function commonjsRequire(path) {
     throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
   }
@@ -55998,6 +56160,172 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return identifier;
   }
+  function isPlaceholder(value) {
+    return typeof value === "object" && "__ref" in value;
+  }
+  function getIdentifier(variable) {
+    let id = `${variable.__typename}:${variable.uid}`;
+    if ("nested" in variable && variable.nested.length > 0) {
+      id += `:${variable.nested.join(",")}`;
+    }
+    if ("filters" in variable) {
+      id += `:${hashObject(variable.filters)}`;
+    }
+    return id;
+  }
+  function getEntries(obj) {
+    if (Array.isArray(obj)) {
+      return obj.entries();
+    }
+    return Object.entries(obj);
+  }
+  function denormalize(obj, lookup) {
+    if (!obj) {
+      return obj;
+    }
+    if (isPlaceholder(obj)) {
+      const referrable = lookup[obj.__ref];
+      return denormalize(referrable, lookup);
+    }
+    const output = Array.isArray(obj) ? [] : {};
+    for (const [key, val] of getEntries(obj)) {
+      if (val !== null && typeof val === "object") {
+        output[key] = denormalize(val, lookup);
+      } else {
+        output[key] = val;
+      }
+    }
+    return output;
+  }
+  function normalizeResolvedDerivedVariable(resolved, def) {
+    const normalizedValues = [];
+    let lookup = {};
+    for (const [key, val] of resolved.values.entries()) {
+      if (isResolvedDerivedVariable(val) || isResolvedDerivedDataVariable(val)) {
+        const { data: nestedNormalized, lookup: nestedLookup } = normalizeResolvedDerivedVariable(
+          val,
+          def.variables[key]
+        );
+        normalizedValues.push(nestedNormalized);
+        lookup = {
+          ...lookup,
+          ...nestedLookup
+        };
+      } else {
+        const varDef = def.variables[key];
+        const identifier = getIdentifier(varDef);
+        lookup[identifier] = val;
+        normalizedValues.push({ __ref: identifier });
+      }
+    }
+    return {
+      data: {
+        ...resolved,
+        values: normalizedValues
+      },
+      lookup
+    };
+  }
+  function normalizeRequest(values, kwargsDefinition) {
+    const data = Array.isArray(values) ? [] : {};
+    let lookup = {};
+    for (const [key, val] of getEntries(values)) {
+      const kwargDef = kwargsDefinition[key];
+      if (!kwargDef) {
+        data[key] = val;
+      } else if (isDerivedVariable(kwargDef) || isDerivedDataVariable(kwargDef)) {
+        const { data: nestedData, lookup: nestedLookup } = normalizeResolvedDerivedVariable(val, kwargDef);
+        data[key] = nestedData;
+        lookup = {
+          ...lookup,
+          ...nestedLookup
+        };
+      } else if (kwargDef.constructor === Object) {
+        const identifier = getIdentifier(kwargDef);
+        lookup[identifier] = val === void 0 ? null : val;
+        data[key] = { __ref: identifier };
+      } else {
+        data[key] = val;
+      }
+    }
+    return {
+      data,
+      lookup
+    };
+  }
+  function useActions() {
+    const extras = useRequestExtras();
+    return reactQuery.useQuery({
+      queryFn: async () => {
+        const res = await request("/api/core/actions", { method: HTTP_METHOD.GET }, extras);
+        await handleAuthErrors(res, true);
+        await validateResponse(res, "Failed to fetch the actions for this app");
+        return res.json();
+      },
+      queryKey: ["actions"],
+      refetchOnMount: false
+    });
+  }
+  function useConfig() {
+    const extras = useRequestExtras();
+    return reactQuery.useQuery({
+      queryFn: async () => {
+        const res = await request("/api/core/config", { method: HTTP_METHOD.GET }, extras);
+        await handleAuthErrors(res, true);
+        await validateResponse(res, "Failed to fetch the config for this app");
+        return res.json();
+      },
+      queryKey: ["config"],
+      refetchOnMount: false
+    });
+  }
+  function useComponents() {
+    const extras = useRequestExtras();
+    return reactQuery.useQuery({
+      queryFn: async () => {
+        const res = await request("/api/core/components", { method: HTTP_METHOD.GET }, extras);
+        await handleAuthErrors(res, true);
+        await validateResponse(res, "Failed to fetch the config for this app");
+        return res.json();
+      },
+      queryKey: ["components"],
+      refetchOnMount: false
+    });
+  }
+  function useTemplate(template) {
+    const extras = useRequestExtras();
+    return reactQuery.useQuery({
+      enabled: !!template,
+      queryFn: async () => {
+        const res = await request(`/api/core/template/${template}`, { method: HTTP_METHOD.GET }, extras);
+        await handleAuthErrors(res, true);
+        await validateResponse(res, "Failed to fetch the template");
+        const { data: normalizedTemplate, lookup } = await res.json();
+        return denormalize(normalizedTemplate, lookup);
+      },
+      queryKey: ["template", template],
+      refetchOnWindowFocus: false,
+      staleTime: Infinity
+    });
+  }
+  async function fetchTaskResult(taskId, extras) {
+    const res = await request(`/api/core/tasks/${taskId}`, { method: HTTP_METHOD.GET }, extras);
+    await handleAuthErrors(res, true);
+    await validateResponse(res, `Failed to fetch the result of task with id: ${taskId}`);
+    const resJson = await res.json();
+    if (typeof resJson === "object" && "error" in resJson) {
+      throw new Error(resJson.error);
+    }
+    return resJson;
+  }
+  async function cancelTask(taskId, extras) {
+    const res = await request(`/api/core/tasks/${taskId}`, { method: HTTP_METHOD.DELETE }, extras);
+    await handleAuthErrors(res, true);
+    await validateResponse(res, `Failed to cancel task with id: ${taskId}`);
+    return true;
+  }
+  const directionCtx = React.createContext({ direction: "row" });
+  const importersCtx = React.createContext({});
   const dataRegistry = /* @__PURE__ */ new Map();
   const atomRegistry = /* @__PURE__ */ new Map();
   const atomFamilyRegistry = /* @__PURE__ */ new Map();
@@ -56036,40 +56364,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         return false;
     }
   }
-  const requestExtrasCtx = React.createContext({ options: {} });
-  function useRequestExtras() {
-    const { options } = React.useContext(requestExtrasCtx);
-    const extras = React.useMemo(() => {
-      return options;
-    }, [useDeepCompare(options)]);
-    return extras;
-  }
-  function RequestExtrasProvider({
-    children,
-    options
-  }) {
-    return /* @__PURE__ */ React__default.default.createElement(requestExtrasCtx.Provider, { value: { options } }, children);
-  }
-  function mergeRequestInits(a2, b2) {
-    const mergedHeaders = new Headers(a2.headers);
-    const bHeaders = new Headers(b2.headers);
-    bHeaders.forEach((value, key) => {
-      mergedHeaders.set(key, value);
-    });
-    return {
-      ...a2,
-      ...b2,
-      headers: mergedHeaders
-    };
-  }
-  function PartialRequestExtrasProvider({
-    children,
-    options
-  }) {
-    const { options: parentOptions } = React.useContext(requestExtrasCtx);
-    const mergedInits = React.useMemo(() => mergeRequestInits(parentOptions, options), [parentOptions, options]);
-    return /* @__PURE__ */ React__default.default.createElement(requestExtrasCtx.Provider, { value: { options: mergedInits } }, children);
-  }
   const GlobalTaskCtx = React__namespace.createContext(null);
   function GlobalTaskProvider({ tasks, variableTaskMap, children }) {
     const tasksRef = React__namespace.useRef(tasks != null ? tasks : /* @__PURE__ */ new Set());
@@ -56136,529 +56430,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   });
   const displayCtx = React.createContext({ component: null, direction: "horizontal" });
   const fallbackCtx = React__namespace.createContext(null);
-  var AuthenticationErrorReason = /* @__PURE__ */ ((AuthenticationErrorReason2) => {
-    AuthenticationErrorReason2["BAD_REQUEST"] = "bad_request";
-    AuthenticationErrorReason2["EXPIRED_TOKEN"] = "expired";
-    AuthenticationErrorReason2["INVALID_CREDENTIALS"] = "invalid_credentials";
-    AuthenticationErrorReason2["INVALID_TOKEN"] = "invalid_token";
-    AuthenticationErrorReason2["OTHER"] = "other";
-    AuthenticationErrorReason2["UNAUTHORIZED"] = "unauthorized";
-    return AuthenticationErrorReason2;
-  })(AuthenticationErrorReason || {});
-  function isAuthenticationError(message) {
-    return message !== null && message !== void 0 && typeof message === "object" && "reason" in message && Object.values(AuthenticationErrorReason).includes(message.reason);
-  }
-  function shouldIgnoreError(message, ignoreErrors) {
-    return ignoreErrors && ignoreErrors.includes(message.reason);
-  }
-  function shouldRedirectToLogin(message) {
-    return ["invalid_credentials", "expired"].includes(
-      message.reason
-    );
-  }
-  function useAuthConfig() {
-    return reactQuery.useQuery(
-      ["auth-config"],
-      async () => {
-        const response = await request("/api/core/auth-config", {
-          method: HTTP_METHOD.GET
-        });
-        return response.json();
-      },
-      { refetchOnWindowFocus: false }
-    );
-  }
-  async function revokeSession() {
-    try {
-      const response = await request("/api/auth/revoke-session", {
-        method: HTTP_METHOD.POST
-      });
-      if (response.ok) {
-        const responseData = await response.json();
-        return responseData;
-      }
-    } catch (e3) {
-      console.error("Failed to revoke session", e3);
-    }
-  }
-  async function handleAuthErrors(res, toLogin = false, ignoreErrors = null) {
-    var _a;
-    const content = await res.clone().json();
-    if (isAuthenticationError(content == null ? void 0 : content.detail) && !shouldIgnoreError(content == null ? void 0 : content.detail, ignoreErrors)) {
-      localStorage.removeItem(getTokenKey());
-      const queryParams = new URLSearchParams(window.location.search);
-      const referrer = (_a = queryParams.get("referrer")) != null ? _a : encodeURIComponent(window.location.pathname + window.location.search);
-      const path = toLogin || shouldRedirectToLogin(content.detail) ? `/login?referrer=${referrer}` : `/error?code=${res.status}`;
-      window.location.href = `${window.dara.base_url}${path}`;
-      return true;
-    }
-    return false;
-  }
-  function useUser() {
-    const extras = useRequestExtras();
-    return reactQuery.useQuery({
-      queryFn: async () => {
-        const res = await request("/api/auth/user", { method: HTTP_METHOD.GET }, extras);
-        await handleAuthErrors(res);
-        await validateResponse(res, "Failed to fetch user for this app");
-        return res.json();
-      },
-      queryKey: ["user"],
-      refetchOnWindowFocus: false
-    });
-  }
-  async function requestSessionToken(body = {}) {
-    const res = await request("/api/auth/session", {
-      body: JSON.stringify(body),
-      method: HTTP_METHOD.POST
-    });
-    const loggedOut = await handleAuthErrors(res, false, ["invalid_credentials"]);
-    if (loggedOut) {
-      return null;
-    }
-    await validateResponse(res, "Failed to fetch the session token");
-    const parsedResponse = await res.json();
-    const { token } = parsedResponse;
-    localStorage.setItem(getTokenKey(), token);
-    return token;
-  }
-  async function verifySessionToken() {
-    const res = await request("/api/auth/verify-session", {
-      method: HTTP_METHOD.POST
-    });
-    return res.ok;
-  }
-  function isPlaceholder(value) {
-    return typeof value === "object" && "__ref" in value;
-  }
-  function getIdentifier(variable) {
-    let id = `${variable.__typename}:${variable.uid}`;
-    if ("nested" in variable && variable.nested.length > 0) {
-      id += `:${variable.nested.join(",")}`;
-    }
-    if ("filters" in variable) {
-      id += `:${hashObject(variable.filters)}`;
-    }
-    return id;
-  }
-  function getEntries(obj) {
-    if (Array.isArray(obj)) {
-      return obj.entries();
-    }
-    return Object.entries(obj);
-  }
-  function denormalize(obj, lookup) {
-    if (!obj) {
-      return obj;
-    }
-    if (isPlaceholder(obj)) {
-      const referrable = lookup[obj.__ref];
-      return denormalize(referrable, lookup);
-    }
-    const output = Array.isArray(obj) ? [] : {};
-    for (const [key, val] of getEntries(obj)) {
-      if (val !== null && typeof val === "object") {
-        output[key] = denormalize(val, lookup);
-      } else {
-        output[key] = val;
-      }
-    }
-    return output;
-  }
-  function normalizeResolvedDerivedVariable(resolved, def) {
-    const normalizedValues = [];
-    let lookup = {};
-    for (const [key, val] of resolved.values.entries()) {
-      if (isResolvedDerivedVariable(val) || isResolvedDerivedDataVariable(val)) {
-        const { data: nestedNormalized, lookup: nestedLookup } = normalizeResolvedDerivedVariable(
-          val,
-          def.variables[key]
-        );
-        normalizedValues.push(nestedNormalized);
-        lookup = {
-          ...lookup,
-          ...nestedLookup
-        };
-      } else {
-        const varDef = def.variables[key];
-        const identifier = getIdentifier(varDef);
-        lookup[identifier] = val;
-        normalizedValues.push({ __ref: identifier });
-      }
-    }
-    return {
-      data: {
-        ...resolved,
-        values: normalizedValues
-      },
-      lookup
-    };
-  }
-  function normalizeRequest(values, kwargsDefinition) {
-    const data = Array.isArray(values) ? [] : {};
-    let lookup = {};
-    for (const [key, val] of getEntries(values)) {
-      const kwargDef = kwargsDefinition[key];
-      if (!kwargDef) {
-        data[key] = val;
-      } else if (isDerivedVariable(kwargDef) || isDerivedDataVariable(kwargDef)) {
-        const { data: nestedData, lookup: nestedLookup } = normalizeResolvedDerivedVariable(val, kwargDef);
-        data[key] = nestedData;
-        lookup = {
-          ...lookup,
-          ...nestedLookup
-        };
-      } else if (kwargDef.constructor === Object) {
-        const identifier = getIdentifier(kwargDef);
-        lookup[identifier] = val === void 0 ? null : val;
-        data[key] = { __ref: identifier };
-      } else {
-        data[key] = val;
-      }
-    }
-    return {
-      data,
-      lookup
-    };
-  }
-  function useActions() {
-    const extras = useRequestExtras();
-    return reactQuery.useQuery({
-      queryFn: async () => {
-        const res = await request("/api/core/actions", { method: HTTP_METHOD.GET }, extras);
-        await handleAuthErrors(res, true);
-        await validateResponse(res, "Failed to fetch the actions for this app");
-        return res.json();
-      },
-      queryKey: ["actions"],
-      refetchOnMount: false
-    });
-  }
-  function useConfig() {
-    const extras = useRequestExtras();
-    return reactQuery.useQuery({
-      queryFn: async () => {
-        const res = await request("/api/core/config", { method: HTTP_METHOD.GET }, extras);
-        await handleAuthErrors(res, true);
-        await validateResponse(res, "Failed to fetch the config for this app");
-        return res.json();
-      },
-      queryKey: ["config"],
-      refetchOnMount: false
-    });
-  }
-  function useComponents() {
-    const extras = useRequestExtras();
-    return reactQuery.useQuery({
-      queryFn: async () => {
-        const res = await request("/api/core/components", { method: HTTP_METHOD.GET }, extras);
-        await handleAuthErrors(res, true);
-        await validateResponse(res, "Failed to fetch the config for this app");
-        return res.json();
-      },
-      queryKey: ["components"],
-      refetchOnMount: false
-    });
-  }
-  function useTemplate(template) {
-    const extras = useRequestExtras();
-    return reactQuery.useQuery({
-      enabled: !!template,
-      queryFn: async () => {
-        const res = await request(`/api/core/template/${template}`, { method: HTTP_METHOD.GET }, extras);
-        await handleAuthErrors(res, true);
-        await validateResponse(res, "Failed to fetch the template");
-        const { data: normalizedTemplate, lookup } = await res.json();
-        return denormalize(normalizedTemplate, lookup);
-      },
-      queryKey: ["template", template],
-      refetchOnWindowFocus: false,
-      staleTime: Infinity
-    });
-  }
-  async function fetchTaskResult(taskId, extras) {
-    const res = await request(`/api/core/tasks/${taskId}`, { method: HTTP_METHOD.GET }, extras);
-    await handleAuthErrors(res, true);
-    await validateResponse(res, `Failed to fetch the result of task with id: ${taskId}`);
-    const resJson = await res.json();
-    if (typeof resJson === "object" && "error" in resJson) {
-      throw new Error(resJson.error);
-    }
-    return resJson;
-  }
-  async function cancelTask(taskId, extras) {
-    const res = await request(`/api/core/tasks/${taskId}`, { method: HTTP_METHOD.DELETE }, extras);
-    await handleAuthErrors(res, true);
-    await validateResponse(res, `Failed to cancel task with id: ${taskId}`);
-    return true;
-  }
-  const interAttemptTimeout = 500;
-  const maxDisconnectedTime = 1e4;
-  const interPingInterval = 5e3;
-  const maxAttempts = Math.round(maxDisconnectedTime / interAttemptTimeout);
-  function isInitMessage(message) {
-    return message.type === "init";
-  }
-  function isTaskNotification(message) {
-    return message.type === "message" && "status" in message.message && "task_id" in message.message;
-  }
-  function isServerTriggerMessage(message) {
-    return message.type === "message" && "data_id" in message.message;
-  }
-  function isServerErrorMessage(message) {
-    return message.type === "message" && "error" in message.message;
-  }
-  function isVariableRequestMessage(message) {
-    return message.type === "message" && "variable" in message.message;
-  }
-  function isActionMessage(message) {
-    return message.type === "message" && "action" in message.message;
-  }
-  function isBackendStoreMessage(message) {
-    return message.type === "message" && "store_uid" in message.message;
-  }
-  function isCustomMessage(message) {
-    return message.type === "custom";
-  }
-  const pingMessage = {
-    message: null,
-    type: "ping"
-  };
-  class WebSocketClient {
-    constructor(_socketUrl2, _token, _liveReload = false) {
-      __publicField(this, "channel");
-      __publicField(this, "messages$");
-      __publicField(this, "socket");
-      __publicField(this, "token");
-      __publicField(this, "liveReload");
-      __publicField(this, "closeHandler");
-      __publicField(this, "maxAttempts");
-      __privateAdd(this, _pingInterval, void 0);
-      __privateAdd(this, _socketUrl, void 0);
-      __privateAdd(this, _reconnectCount, void 0);
-      this.token = _token;
-      this.liveReload = _liveReload;
-      this.messages$ = new Subject();
-      this.closeHandler = this.onClose.bind(this);
-      this.maxAttempts = maxAttempts;
-      __privateSet(this, _socketUrl, _socketUrl2);
-      __privateSet(this, _reconnectCount, 0);
-      __privateSet(this, _pingInterval, null);
-      this.socket = this.initialize();
-    }
-    initialize(isReconnect = false) {
-      const url = new URL(__privateGet(this, _socketUrl));
-      this.token = store.getValueSync(getTokenKey());
-      url.searchParams.set("token", this.token);
-      const socket = new WebSocket(url);
-      __privateSet(this, _pingInterval, setInterval(() => {
-        if (socket.readyState === WebSocket.OPEN) {
-          socket.send(JSON.stringify(pingMessage));
-        }
-      }, interPingInterval));
-      socket.addEventListener("error", () => {
-        if (__privateGet(this, _pingInterval)) {
-          clearInterval(__privateGet(this, _pingInterval));
-        }
-      });
-      socket.addEventListener("message", (ev) => {
-        const msg = JSON.parse(ev.data);
-        this.messages$.next(msg);
-      });
-      this.channel = new Promise((resolve) => {
-        const handler = (ev) => {
-          var _a;
-          const msg = JSON.parse(ev.data);
-          if (msg.type === "init") {
-            __privateSet(this, _reconnectCount, 0);
-            this.messages$.next(msg);
-            socket.removeEventListener("message", handler);
-            resolve((_a = msg.message) == null ? void 0 : _a.channel);
-            if (this.liveReload && isReconnect) {
-              window.location.reload();
-            }
-          }
-        };
-        socket.addEventListener("message", handler);
-      });
-      socket.addEventListener("close", this.closeHandler);
-      return socket;
-    }
-    onClose() {
-      if (__privateGet(this, _reconnectCount) >= this.maxAttempts) {
-        console.error("Could not reconnect the websocket to the server");
-        const handler = () => {
-          if (document.visibilityState === "visible") {
-            __privateSet(this, _reconnectCount, 0);
-            this.socket = this.initialize();
-            document.removeEventListener("visibilitychange", handler);
-          }
-        };
-        document.addEventListener("visibilitychange", handler);
-        return;
-      }
-      setTimeout(() => {
-        __privateWrapper(this, _reconnectCount)._++;
-        this.socket = this.initialize(true);
-      }, interAttemptTimeout);
-    }
-    close() {
-      clearInterval(__privateGet(this, _pingInterval));
-      this.socket.removeEventListener("close", this.closeHandler);
-      this.socket.close();
-    }
-    getChannel() {
-      return this.channel;
-    }
-    backendStoreMessages$() {
-      return this.messages$.pipe(
-        filter(isBackendStoreMessage),
-        map$2((msg) => msg.message)
-      );
-    }
-    channel$() {
-      return this.messages$.pipe(
-        filter((msg) => isInitMessage(msg)),
-        map$2((msg) => msg.message.channel)
-      );
-    }
-    taskStatusUpdates$(...task_ids) {
-      return this.messages$.pipe(
-        filter((msg) => isTaskNotification(msg) && task_ids.includes(msg.message.task_id)),
-        map$2((msg) => msg.message.status)
-      );
-    }
-    progressUpdates$(...task_ids) {
-      return this.messages$.pipe(
-        filter(
-          (msg) => isTaskNotification(msg) && msg.message.status === "PROGRESS" && task_ids.includes(msg.message.task_id)
-        )
-      );
-    }
-    serverTriggers$(dataId) {
-      return this.messages$.pipe(
-        filter(isServerTriggerMessage),
-        filter((msg) => {
-          var _a;
-          return ((_a = msg.message) == null ? void 0 : _a.data_id) === dataId;
-        })
-      );
-    }
-    serverErrors$() {
-      return this.messages$.pipe(filter(isServerErrorMessage));
-    }
-    variableRequests$() {
-      return this.messages$.pipe(filter(isVariableRequestMessage));
-    }
-    actionMessages$(executionId) {
-      return this.messages$.pipe(
-        filter((msg) => isActionMessage(msg) && msg.message.uid === executionId),
-        map$2((msg) => msg.message.action)
-      );
-    }
-    customMessages$() {
-      return this.messages$.pipe(filter(isCustomMessage));
-    }
-    waitForTask(task_id) {
-      return this.messages$.pipe(
-        filter(
-          (msg) => {
-            var _a;
-            return isTaskNotification(msg) && ((_a = msg.message) == null ? void 0 : _a.task_id) === task_id && msg.message.status !== "PROGRESS";
-          }
-        ),
-        map$2((msg) => {
-          if (isTaskNotification(msg) && msg.message.status === "CANCELED") {
-            throw new Error("CANCELED");
-          }
-          return msg;
-        }),
-        take(1)
-      ).toPromise();
-    }
-    sendVariable(value, channel) {
-      this.sendMessage(value, channel);
-    }
-    sendMessage(value, channel, chunkCount) {
-      if (this.socket.readyState === WebSocket.OPEN) {
-        this.socket.send(
-          JSON.stringify({
-            channel,
-            chunk_count: chunkCount != null ? chunkCount : null,
-            message: value,
-            type: "message"
-          })
-        );
-      }
-    }
-    updateToken(newToken) {
-      this.token = newToken;
-      if (this.socket.readyState === WebSocket.OPEN) {
-        this.socket.send(
-          JSON.stringify({
-            message: newToken,
-            type: "token_update"
-          })
-        );
-      }
-    }
-    sendCustomMessage(kind, data, awaitResponse = false) {
-      if (this.socket.readyState === WebSocket.OPEN) {
-        if (awaitResponse) {
-          const rchan = nanoid();
-          return new Promise((resolve) => {
-            const subscription = this.customMessages$().pipe().subscribe({
-              next: (msg) => {
-                if (msg.message.__response_for === rchan) {
-                  resolve(msg);
-                  subscription.unsubscribe();
-                }
-              }
-            });
-            this.socket.send(
-              JSON.stringify({
-                message: {
-                  data,
-                  kind,
-                  __rchan: rchan
-                },
-                type: "custom"
-              })
-            );
-          });
-        }
-        this.socket.send(
-          JSON.stringify({
-            message: {
-              data,
-              kind
-            },
-            type: "custom"
-          })
-        );
-        return Promise.resolve(null);
-      }
-    }
-  }
-  _pingInterval = new WeakMap();
-  _socketUrl = new WeakMap();
-  _reconnectCount = new WeakMap();
-  function setupWebsocket(sessionToken, liveReload) {
-    var _a;
-    let { host } = window.location;
-    if ((_a = window.dara) == null ? void 0 : _a.base_url) {
-      const baseUrl = new URL(window.dara.base_url, window.origin);
-      let { pathname } = baseUrl;
-      if (pathname.endsWith("/")) {
-        pathname = pathname.slice(0, -1);
-      }
-      host = baseUrl.host + pathname;
-    }
-    const socketUrl = `${window.location.protocol === "https:" ? "wss://" : "ws://"}${host}/api/core/ws`;
-    const url = new URL(socketUrl);
-    url.searchParams.set("token", sessionToken);
-    return new WebSocketClient(socketUrl, sessionToken, liveReload);
-  }
   class EventBus {
     constructor(parentBus) {
       __privateAdd(this, _events$, new Subject());
@@ -56691,156 +56462,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }, [bus, onEvent]);
     return /* @__PURE__ */ React__namespace.createElement(EventBusContext.Provider, { value: bus }, children);
   }
-  const _StateSynchronizer = class {
-    constructor() {
-      __privateAdd(this, _observers, /* @__PURE__ */ new Map());
-    }
-    static getInstance() {
-      if (!__privateGet(_StateSynchronizer, _instance)) {
-        __privateSet(_StateSynchronizer, _instance, new _StateSynchronizer());
-      }
-      return __privateGet(_StateSynchronizer, _instance);
-    }
-    register(key, defaultValue) {
-      if (!__privateGet(this, _observers).has(key)) {
-        __privateGet(this, _observers).set(key, new BehaviorSubject({ type: "initial", value: defaultValue }));
-      }
-    }
-    isRegistered(key) {
-      return __privateGet(this, _observers).has(key);
-    }
-    getCurrentState(key) {
-      if (!this.isRegistered(key)) {
-        return null;
-      }
-      return __privateGet(this, _observers).get(key).getValue();
-    }
-    subscribe(key, subscription) {
-      if (!this.isRegistered(key)) {
-        this.register(key, null);
-      }
-      const sub = __privateGet(this, _observers).get(key).subscribe(subscription);
-      return () => {
-        sub.unsubscribe();
-        if (__privateGet(this, _observers).get(key).observers.length === 0) {
-          __privateGet(this, _observers).delete(key);
-        }
-      };
-    }
-    notify(key, update) {
-      if (!this.isRegistered(key)) {
-        this.register(key, null);
-      }
-      __privateGet(this, _observers).get(key).next(update);
-    }
-  };
-  let StateSynchronizer = _StateSynchronizer;
-  _instance = new WeakMap();
-  _observers = new WeakMap();
-  __privateAdd(StateSynchronizer, _instance, void 0);
-  function getOrRegisterPlainVariable(variable, wsClient, taskContext, extras) {
-    const isNested = variable.nested && variable.nested.length > 0;
-    const isDefaultDerived = isDerivedVariable(variable.default);
-    if (!atomFamilyRegistry.has(variable.uid)) {
-      atomFamilyRegistry.set(
-        variable.uid,
-        Recoil_index_10({
-          default: isDefaultDerived ? (extrasSerializable2) => getOrRegisterDerivedVariableValue(
-            variable.default,
-            wsClient,
-            taskContext,
-            extrasSerializable2.extras
-          ) : variable.default,
-          effects: (extrasSerializable2) => {
-            const familySync = ({ onSet, setSelf, resetSelf, node }) => {
-              if (!StateSynchronizer.getInstance().isRegistered(variable.uid)) {
-                StateSynchronizer.getInstance().register(variable.uid, variable.default);
-              } else {
-                const currentState = StateSynchronizer.getInstance().getCurrentState(variable.uid);
-                if (!isDefaultDerived || (currentState == null ? void 0 : currentState.type) !== "initial") {
-                  setSelf(currentState == null ? void 0 : currentState.value);
-                }
-              }
-              const unsub = StateSynchronizer.getInstance().subscribe(variable.uid, (update) => {
-                if (update.type === "initial") {
-                  return;
-                }
-                if (update.nodeKey === node.key) {
-                  return;
-                }
-                if (update.isReset) {
-                  resetSelf();
-                } else {
-                  setSelf(update.value);
-                }
-              });
-              onSet((newValue, oldValue, isReset) => {
-                StateSynchronizer.getInstance().notify(variable.uid, {
-                  isReset,
-                  nodeKey: node.key,
-                  oldValue,
-                  type: "update",
-                  value: newValue
-                });
-              });
-              return unsub;
-            };
-            const effects = [familySync];
-            const storeEffect = getEffect(variable);
-            if (storeEffect) {
-              effects.push(storeEffect(variable, extrasSerializable2, wsClient, taskContext));
-            } else {
-              if (variable.persist_value || isEmbedded()) {
-                effects.push(
-                  STORES.BrowserStore.effect(variable, extrasSerializable2, wsClient, taskContext)
-                );
-              }
-            }
-            return effects;
-          },
-          key: variable.uid
-        })
-      );
-    }
-    const family = atomFamilyRegistry.get(variable.uid);
-    const extrasSerializable = new RequestExtrasSerializable(extras);
-    const atomInstance = family(extrasSerializable);
-    if (!atomFamilyMembersRegistry.has(family)) {
-      atomFamilyMembersRegistry.set(family, /* @__PURE__ */ new Map());
-    }
-    atomFamilyMembersRegistry.get(family).set(extrasSerializable.toJSON(), atomInstance);
-    if (isNested) {
-      const key = getRegistryKey(variable, "selector");
-      if (!selectorFamilyRegistry.has(key)) {
-        selectorFamilyRegistry.set(
-          key,
-          Recoil_index_11({
-            get: (currentExtras) => ({ get: get2 }) => {
-              const variableValue = get2(family(currentExtras));
-              return resolveNested(
-                variableValue,
-                variable.nested.map((n2) => String(n2))
-              );
-            },
-            key,
-            set: (currentExtras) => ({ set: set2 }, newValue) => {
-              set2(
-                family(currentExtras),
-                (v2) => setNested(
-                  v2,
-                  variable.nested.map((n2) => String(n2)),
-                  newValue
-                )
-              );
-            }
-          })
-        );
-      }
-      const selectorFamilyInstance = selectorFamilyRegistry.get(key);
-      return selectorFamilyInstance(extrasSerializable);
-    }
-    return atomInstance;
-  }
   function err(message) {
     const error = new Error(message);
     if (error.stack === void 0) {
@@ -57520,6 +57141,273 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function useUrlVariable(variable) {
     return Recoil_index_22(getOrRegisterUrlVariable(variable));
   }
+  const interAttemptTimeout = 500;
+  const maxDisconnectedTime = 1e4;
+  const interPingInterval = 5e3;
+  const maxAttempts = Math.round(maxDisconnectedTime / interAttemptTimeout);
+  function isInitMessage(message) {
+    return message.type === "init";
+  }
+  function isTaskNotification(message) {
+    return message.type === "message" && "status" in message.message && "task_id" in message.message;
+  }
+  function isServerTriggerMessage(message) {
+    return message.type === "message" && "data_id" in message.message;
+  }
+  function isServerErrorMessage(message) {
+    return message.type === "message" && "error" in message.message;
+  }
+  function isVariableRequestMessage(message) {
+    return message.type === "message" && "variable" in message.message;
+  }
+  function isActionMessage(message) {
+    return message.type === "message" && "action" in message.message;
+  }
+  function isBackendStoreMessage(message) {
+    return message.type === "message" && "store_uid" in message.message;
+  }
+  function isCustomMessage(message) {
+    return message.type === "custom";
+  }
+  const pingMessage = {
+    message: null,
+    type: "ping"
+  };
+  class WebSocketClient {
+    constructor(_socketUrl2, _token, _liveReload = false) {
+      __publicField(this, "channel");
+      __publicField(this, "messages$");
+      __publicField(this, "socket");
+      __publicField(this, "token");
+      __publicField(this, "liveReload");
+      __publicField(this, "closeHandler");
+      __publicField(this, "maxAttempts");
+      __privateAdd(this, _pingInterval, void 0);
+      __privateAdd(this, _socketUrl, void 0);
+      __privateAdd(this, _reconnectCount, void 0);
+      this.token = _token;
+      this.liveReload = _liveReload;
+      this.messages$ = new Subject();
+      this.closeHandler = this.onClose.bind(this);
+      this.maxAttempts = maxAttempts;
+      __privateSet(this, _socketUrl, _socketUrl2);
+      __privateSet(this, _reconnectCount, 0);
+      __privateSet(this, _pingInterval, null);
+      this.socket = this.initialize();
+    }
+    initialize(isReconnect = false) {
+      const url = new URL(__privateGet(this, _socketUrl));
+      this.token = store.getValueSync(getTokenKey());
+      url.searchParams.set("token", this.token);
+      const socket = new WebSocket(url);
+      __privateSet(this, _pingInterval, setInterval(() => {
+        if (socket.readyState === WebSocket.OPEN) {
+          socket.send(JSON.stringify(pingMessage));
+        }
+      }, interPingInterval));
+      socket.addEventListener("error", () => {
+        if (__privateGet(this, _pingInterval)) {
+          clearInterval(__privateGet(this, _pingInterval));
+        }
+      });
+      socket.addEventListener("message", (ev) => {
+        const msg = JSON.parse(ev.data);
+        this.messages$.next(msg);
+      });
+      this.channel = new Promise((resolve) => {
+        const handler = (ev) => {
+          var _a;
+          const msg = JSON.parse(ev.data);
+          if (msg.type === "init") {
+            __privateSet(this, _reconnectCount, 0);
+            this.messages$.next(msg);
+            socket.removeEventListener("message", handler);
+            resolve((_a = msg.message) == null ? void 0 : _a.channel);
+            if (this.liveReload && isReconnect) {
+              window.location.reload();
+            }
+          }
+        };
+        socket.addEventListener("message", handler);
+      });
+      socket.addEventListener("close", this.closeHandler);
+      return socket;
+    }
+    onClose() {
+      if (__privateGet(this, _reconnectCount) >= this.maxAttempts) {
+        console.error("Could not reconnect the websocket to the server");
+        const handler = () => {
+          if (document.visibilityState === "visible") {
+            __privateSet(this, _reconnectCount, 0);
+            this.socket = this.initialize();
+            document.removeEventListener("visibilitychange", handler);
+          }
+        };
+        document.addEventListener("visibilitychange", handler);
+        return;
+      }
+      setTimeout(() => {
+        __privateWrapper(this, _reconnectCount)._++;
+        this.socket = this.initialize(true);
+      }, interAttemptTimeout);
+    }
+    close() {
+      clearInterval(__privateGet(this, _pingInterval));
+      this.socket.removeEventListener("close", this.closeHandler);
+      this.socket.close();
+    }
+    getChannel() {
+      return this.channel;
+    }
+    backendStoreMessages$() {
+      return this.messages$.pipe(
+        filter(isBackendStoreMessage),
+        map$2((msg) => msg.message)
+      );
+    }
+    channel$() {
+      return this.messages$.pipe(
+        filter((msg) => isInitMessage(msg)),
+        map$2((msg) => msg.message.channel)
+      );
+    }
+    taskStatusUpdates$(...task_ids) {
+      return this.messages$.pipe(
+        filter((msg) => isTaskNotification(msg) && task_ids.includes(msg.message.task_id)),
+        map$2((msg) => msg.message.status)
+      );
+    }
+    progressUpdates$(...task_ids) {
+      return this.messages$.pipe(
+        filter(
+          (msg) => isTaskNotification(msg) && msg.message.status === "PROGRESS" && task_ids.includes(msg.message.task_id)
+        )
+      );
+    }
+    serverTriggers$(dataId) {
+      return this.messages$.pipe(
+        filter(isServerTriggerMessage),
+        filter((msg) => {
+          var _a;
+          return ((_a = msg.message) == null ? void 0 : _a.data_id) === dataId;
+        })
+      );
+    }
+    serverErrors$() {
+      return this.messages$.pipe(filter(isServerErrorMessage));
+    }
+    variableRequests$() {
+      return this.messages$.pipe(filter(isVariableRequestMessage));
+    }
+    actionMessages$(executionId) {
+      return this.messages$.pipe(
+        filter((msg) => isActionMessage(msg) && msg.message.uid === executionId),
+        map$2((msg) => msg.message.action)
+      );
+    }
+    customMessages$() {
+      return this.messages$.pipe(filter(isCustomMessage));
+    }
+    waitForTask(task_id) {
+      return this.messages$.pipe(
+        filter(
+          (msg) => {
+            var _a;
+            return isTaskNotification(msg) && ((_a = msg.message) == null ? void 0 : _a.task_id) === task_id && msg.message.status !== "PROGRESS";
+          }
+        ),
+        map$2((msg) => {
+          if (isTaskNotification(msg) && msg.message.status === "CANCELED") {
+            throw new Error("CANCELED");
+          }
+          return msg;
+        }),
+        take(1)
+      ).toPromise();
+    }
+    sendVariable(value, channel) {
+      this.sendMessage(value, channel);
+    }
+    sendMessage(value, channel, chunkCount) {
+      if (this.socket.readyState === WebSocket.OPEN) {
+        this.socket.send(
+          JSON.stringify({
+            channel,
+            chunk_count: chunkCount != null ? chunkCount : null,
+            message: value,
+            type: "message"
+          })
+        );
+      }
+    }
+    updateToken(newToken) {
+      this.token = newToken;
+      if (this.socket.readyState === WebSocket.OPEN) {
+        this.socket.send(
+          JSON.stringify({
+            message: newToken,
+            type: "token_update"
+          })
+        );
+      }
+    }
+    sendCustomMessage(kind, data, awaitResponse = false) {
+      if (this.socket.readyState === WebSocket.OPEN) {
+        if (awaitResponse) {
+          const rchan = nanoid();
+          return new Promise((resolve) => {
+            const subscription = this.customMessages$().pipe().subscribe({
+              next: (msg) => {
+                if (msg.message.__response_for === rchan) {
+                  resolve(msg);
+                  subscription.unsubscribe();
+                }
+              }
+            });
+            this.socket.send(
+              JSON.stringify({
+                message: {
+                  data,
+                  kind,
+                  __rchan: rchan
+                },
+                type: "custom"
+              })
+            );
+          });
+        }
+        this.socket.send(
+          JSON.stringify({
+            message: {
+              data,
+              kind
+            },
+            type: "custom"
+          })
+        );
+        return Promise.resolve(null);
+      }
+    }
+  }
+  _pingInterval = new WeakMap();
+  _socketUrl = new WeakMap();
+  _reconnectCount = new WeakMap();
+  function setupWebsocket(sessionToken, liveReload) {
+    var _a;
+    let { host } = window.location;
+    if ((_a = window.dara) == null ? void 0 : _a.base_url) {
+      const baseUrl = new URL(window.dara.base_url, window.origin);
+      let { pathname } = baseUrl;
+      if (pathname.endsWith("/")) {
+        pathname = pathname.slice(0, -1);
+      }
+      host = baseUrl.host + pathname;
+    }
+    const socketUrl = `${window.location.protocol === "https:" ? "wss://" : "ws://"}${host}/api/core/ws`;
+    const url = new URL(socketUrl);
+    url.searchParams.set("token", sessionToken);
+    return new WebSocketClient(socketUrl, sessionToken, liveReload);
+  }
   function combineFilters(combinator, queries) {
     const validQueries = queries.filter(Boolean);
     if (validQueries.length === 0) {
@@ -58284,6 +58172,188 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function StoreProviders({ children }) {
     return /* @__PURE__ */ React__namespace.createElement(BackendStoreSync, null, /* @__PURE__ */ React__namespace.createElement(BrowserStoreSync, null, children));
   }
+  const _StateSynchronizer = class {
+    constructor() {
+      __privateAdd(this, _observers, /* @__PURE__ */ new Map());
+    }
+    static getInstance() {
+      if (!__privateGet(_StateSynchronizer, _instance)) {
+        __privateSet(_StateSynchronizer, _instance, new _StateSynchronizer());
+      }
+      return __privateGet(_StateSynchronizer, _instance);
+    }
+    register(key, defaultValue) {
+      if (!__privateGet(this, _observers).has(key)) {
+        __privateGet(this, _observers).set(key, new BehaviorSubject({ type: "initial", value: defaultValue }));
+      }
+    }
+    isRegistered(key) {
+      return __privateGet(this, _observers).has(key);
+    }
+    getCurrentState(key) {
+      if (!this.isRegistered(key)) {
+        return null;
+      }
+      return __privateGet(this, _observers).get(key).getValue();
+    }
+    subscribe(key, subscription) {
+      if (!this.isRegistered(key)) {
+        this.register(key, null);
+      }
+      const sub = __privateGet(this, _observers).get(key).subscribe(subscription);
+      return () => {
+        sub.unsubscribe();
+        if (__privateGet(this, _observers).get(key).observers.length === 0) {
+          __privateGet(this, _observers).delete(key);
+        }
+      };
+    }
+    notify(key, update) {
+      if (!this.isRegistered(key)) {
+        this.register(key, null);
+      }
+      __privateGet(this, _observers).get(key).next(update);
+    }
+  };
+  let StateSynchronizer = _StateSynchronizer;
+  _instance = new WeakMap();
+  _observers = new WeakMap();
+  __privateAdd(StateSynchronizer, _instance, void 0);
+  function getOrRegisterPlainVariable(variable, wsClient, taskContext, extras) {
+    const isNested = variable.nested && variable.nested.length > 0;
+    const isDefaultDerived = isDerivedVariable(variable.default);
+    if (!atomFamilyRegistry.has(variable.uid)) {
+      atomFamilyRegistry.set(
+        variable.uid,
+        Recoil_index_10({
+          default: isDefaultDerived ? (extrasSerializable2) => getOrRegisterDerivedVariableValue(
+            variable.default,
+            wsClient,
+            taskContext,
+            extrasSerializable2.extras
+          ) : variable.default,
+          effects: (extrasSerializable2) => {
+            const familySync = ({ onSet, setSelf, resetSelf, node }) => {
+              if (!StateSynchronizer.getInstance().isRegistered(variable.uid)) {
+                StateSynchronizer.getInstance().register(variable.uid, variable.default);
+              } else {
+                const currentState = StateSynchronizer.getInstance().getCurrentState(variable.uid);
+                if (!isDefaultDerived || (currentState == null ? void 0 : currentState.type) !== "initial") {
+                  setSelf(currentState == null ? void 0 : currentState.value);
+                }
+              }
+              const unsub = StateSynchronizer.getInstance().subscribe(variable.uid, (update) => {
+                if (update.type === "initial") {
+                  return;
+                }
+                if (update.nodeKey === node.key) {
+                  return;
+                }
+                if (update.isReset) {
+                  resetSelf();
+                } else {
+                  setSelf(update.value);
+                }
+              });
+              onSet((newValue, oldValue, isReset) => {
+                StateSynchronizer.getInstance().notify(variable.uid, {
+                  isReset,
+                  nodeKey: node.key,
+                  oldValue,
+                  type: "update",
+                  value: newValue
+                });
+              });
+              return unsub;
+            };
+            const effects = [familySync];
+            const storeEffect = getEffect(variable);
+            if (storeEffect) {
+              effects.push(storeEffect(variable, extrasSerializable2, wsClient, taskContext));
+            } else {
+              if (variable.persist_value || isEmbedded()) {
+                effects.push(
+                  STORES.BrowserStore.effect(variable, extrasSerializable2, wsClient, taskContext)
+                );
+              }
+            }
+            return effects;
+          },
+          key: variable.uid
+        })
+      );
+    }
+    const family = atomFamilyRegistry.get(variable.uid);
+    const extrasSerializable = new RequestExtrasSerializable(extras);
+    const atomInstance = family(extrasSerializable);
+    if (!atomFamilyMembersRegistry.has(family)) {
+      atomFamilyMembersRegistry.set(family, /* @__PURE__ */ new Map());
+    }
+    atomFamilyMembersRegistry.get(family).set(extrasSerializable.toJSON(), atomInstance);
+    if (isNested) {
+      const key = getRegistryKey(variable, "selector");
+      if (!selectorFamilyRegistry.has(key)) {
+        selectorFamilyRegistry.set(
+          key,
+          Recoil_index_11({
+            get: (currentExtras) => ({ get: get2 }) => {
+              const variableValue = get2(family(currentExtras));
+              return resolveNested(
+                variableValue,
+                variable.nested.map((n2) => String(n2))
+              );
+            },
+            key,
+            set: (currentExtras) => ({ set: set2 }, newValue) => {
+              set2(
+                family(currentExtras),
+                (v2) => setNested(
+                  v2,
+                  variable.nested.map((n2) => String(n2)),
+                  newValue
+                )
+              );
+            }
+          })
+        );
+      }
+      const selectorFamilyInstance = selectorFamilyRegistry.get(key);
+      return selectorFamilyInstance(extrasSerializable);
+    }
+    return atomInstance;
+  }
+  function useDeferLoadable(loadable) {
+    const { suspend } = React.useContext(fallbackCtx);
+    const [availableState, setAvailableState] = React.useState(() => loadable.getValue());
+    const timerId = React.useRef(null);
+    const isFirstRender = React.useRef(true);
+    const [showFallback, setShowFallback] = React.useState(false);
+    React.useEffect(() => {
+      if (isFirstRender.current) {
+        isFirstRender.current = false;
+        return;
+      }
+      if (loadable.state === "loading" && typeof suspend === "number") {
+        timerId.current = setTimeout(() => {
+          setShowFallback(true);
+        }, suspend);
+      }
+      return () => {
+        clearTimeout(timerId.current);
+      };
+    }, [loadable.state, suspend]);
+    React.useEffect(() => {
+      if (loadable.state === "hasValue") {
+        clearTimeout(timerId.current);
+        setShowFallback(false);
+        setAvailableState(loadable.valueOrThrow());
+      }
+    }, [loadable]);
+    if (suspend === true || showFallback) {
+      return loadable.getValue();
+    }
+    return availableState;
+  }
   function warnUpdateOnDerivedState() {
     console.warn("You tried to call update on variable with derived state, this is a noop and will be ignored.");
   }
@@ -58340,171 +58410,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const deferred = useDeferLoadable(loadable);
     return [deferred, setLoadable];
   }
-  function useDataVariable(variable) {
-    const extras = useRequestExtras();
-    const { client: wsClient } = React.useContext(websocketCtx);
-    if (isDataVariable(variable)) {
-      registerDataVariable(variable);
-      const serverTriggers$ = React.useMemo(() => wsClient.serverTriggers$(variable.uid), []);
-      const [serverTriggerCounter, setServerTriggerCounter] = React.useState(0);
-      React.useEffect(() => {
-        const sub = serverTriggers$.subscribe(() => setServerTriggerCounter((c2) => c2 + 1));
-        return () => sub.unsubscribe();
-      }, [serverTriggers$]);
-      const fetchDataVariable2 = useFetchDataVariable(variable, serverTriggerCounter);
-      return fetchDataVariable2;
-    }
-    const variablesContext = React.useContext(variablesCtx);
-    variablesContext.variables.current.add(variable.uid);
-    React.useEffect(() => {
-      return () => {
-        variablesContext.variables.current.delete(variable.uid);
-      };
-    }, []);
-    const taskContext = useTaskContext();
-    const dvSelector = useDerivedVariable(variable, wsClient, taskContext, extras);
-    const dvLoadable = Recoil_index_21(dvSelector);
-    const [dvValue, setDvValue] = React.useState(dvLoadable.toPromise());
-    React.useEffect(() => {
-      if (dvLoadable.state === "loading") {
-        setDvValue(dvLoadable.toPromise());
-      }
-    }, [dvLoadable]);
-    const fetchDerivedDataVariable2 = useFetchDerivedDataVariable(variable, taskContext, wsClient, dvValue);
-    return fetchDerivedDataVariable2;
-  }
-  function useAnyVariable(variable) {
-    if (isDataVariable(variable) || isDerivedDataVariable(variable)) {
-      const getData2 = useDataVariable(variable);
-      const { data, refetch } = reactQuery.useQuery({
-        cacheTime: 1,
-        queryFn: async () => {
-          const dataResponse = await getData2();
-          return dataResponse.data;
-        },
-        queryKey: ["any-variable-data", variable.uid],
-        refetchOnWindowFocus: false,
-        suspense: true
-      });
-      React.useEffect(() => {
-        refetch();
-      }, [getData2]);
-      return data;
-    }
-    return useVariable(variable)[0];
-  }
-  function getVariableValue(variable, shouldFetchVariable = false, ctx) {
-    const resolved = resolveVariable(
-      variable,
-      ctx.client,
-      ctx.taskContext,
-      ctx.extras,
-      (v2) => ctx.snapshot.getLoadable(v2).getValue()
-    );
-    if (!shouldFetchVariable || !isDerivedVariable(variable) && !isDataVariable(variable) && !isDerivedDataVariable(variable)) {
-      return resolved;
-    }
-    if (!isResolvedDerivedVariable(resolved) && !isResolvedDataVariable(resolved) && !isResolvedDerivedDataVariable(resolved)) {
-      return resolved;
-    }
-    if (isResolvedDataVariable(resolved)) {
-      return fetchDataVariable(resolved.uid, ctx.extras, resolved.filters);
-    }
-    return fetchDerivedVariable({
-      cache: variable.cache,
-      extras: ctx.extras,
-      force: false,
-      selectorKey: resolved.uid,
-      values: normalizeRequest(
-        formatDerivedVariableRequest(resolved.values),
-        variable.variables
-      ),
-      variableUid: resolved.uid,
-      wsClient: ctx.client
-    }).then((resp) => {
-      if (isTaskResponse$1(resp)) {
-        throw new Error("Task DerivedVariables are not supported in this context");
-      }
-      if (isDerivedDataVariable(variable)) {
-        return ctx.client.getChannel().then(
-          (chan) => fetchDerivedDataVariable(variable.uid, ctx.extras, resp.cache_key, chan, variable.filters)
-        );
-      }
-      return resp.value;
-    });
-  }
-  function useVariableValue(variable, shouldFetchVariable = false) {
-    const taskContext = useTaskContext();
-    const { client } = React.useContext(websocketCtx);
-    const { search } = useLocation();
-    const extras = useRequestExtras();
-    if (!isVariable(variable)) {
-      return () => variable;
-    }
-    return Recoil_index_31(
-      ({ snapshot }) => {
-        return () => {
-          return getVariableValue(variable, shouldFetchVariable, {
-            client,
-            extras,
-            search,
-            snapshot,
-            taskContext
-          });
-        };
-      },
-      [variable.uid, useDeepCompare(taskContext), client, search, extras]
-    );
-  }
-  function resolveValue(value, force) {
-    if (isResolvedDerivedVariable(value) || isResolvedDerivedDataVariable(value)) {
-      const { deps, ...rest } = value;
-      const resolvedValues = value.values.map((v2) => resolveValue(v2, force));
-      return {
-        ...rest,
-        force,
-        values: resolvedValues
-      };
-    }
-    if (typeof value === "function") {
-      return resolveValue(value(), force);
-    }
-    return value;
-  }
-  function useRefreshSelector() {
-    return Recoil_index_31(({ refresh }) => {
-      return (key, extras) => {
-        var _a;
-        const family = selectorFamilyRegistry.get(key);
-        if (family) {
-          const selector2 = (_a = selectorFamilyMembersRegistry.get(family)) == null ? void 0 : _a.get(extras);
-          if (selector2) {
-            refresh(selector2);
-          }
-        }
-      };
-    });
-  }
-  function useVariableState() {
-    const extras = useRequestExtras();
-    const { client } = React.useContext(websocketCtx);
-    const taskCtx = useTaskContext();
-    return Recoil_index_31(({ snapshot }) => {
-      return (variable) => {
-        if (!isRegistered(variable)) {
-          return "__NOT_REGISTERED__";
-        }
-        const resolvedVariable = resolveVariable(
-          variable,
-          client,
-          taskCtx,
-          extras,
-          (v2) => snapshot.getLoadable(v2).getValue()
-        );
-        return resolvedVariable;
-      };
-    }, []);
-  }
   function useActionRegistry() {
     const { actionRegistry: actions } = React.useContext(registriesCtx);
     const get2 = React.useCallback(
@@ -58730,38 +58635,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return callback;
   }
-  function useDeferLoadable(loadable) {
-    const { suspend } = React.useContext(fallbackCtx);
-    const [availableState, setAvailableState] = React.useState(() => loadable.getValue());
-    const timerId = React.useRef(null);
-    const isFirstRender = React.useRef(true);
-    const [showFallback, setShowFallback] = React.useState(false);
-    React.useEffect(() => {
-      if (isFirstRender.current) {
-        isFirstRender.current = false;
-        return;
-      }
-      if (loadable.state === "loading" && typeof suspend === "number") {
-        timerId.current = setTimeout(() => {
-          setShowFallback(true);
-        }, suspend);
-      }
-      return () => {
-        clearTimeout(timerId.current);
-      };
-    }, [loadable.state, suspend]);
-    React.useEffect(() => {
-      if (loadable.state === "hasValue") {
-        clearTimeout(timerId.current);
-        setShowFallback(false);
-        setAvailableState(loadable.valueOrThrow());
-      }
-    }, [loadable]);
-    if (suspend === true || showFallback) {
-      return loadable.getValue();
-    }
-    return availableState;
-  }
   function useComponentRegistry(maxRetries = 5) {
     const { componentRegistry: components, refetchComponents } = React.useContext(registriesCtx);
     const extras = useRequestExtras();
@@ -58921,7 +58794,7 @@ Inferred class string: "${iconClasses}."`
       }
       try {
         return JSON.parse(val);
-      } catch (e3) {
+      } catch {
         return val;
       }
     }, []);
@@ -59498,6 +59371,171 @@ Inferred class string: "${iconClasses}."`
     const [styles2, css2] = parseRawCss((_a = props.config) == null ? void 0 : _a.raw_css);
     return /* @__PURE__ */ React__default.default.createElement(ErrorDisplayWrapper, { $rawCss: css2, style: styles2 }, /* @__PURE__ */ React__default.default.createElement(ContentWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorContent, null, /* @__PURE__ */ React__default.default.createElement(ErrorTitle$1, null, /* @__PURE__ */ React__default.default.createElement(IconWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorIcon, { "aria-hidden": true, className: "fa-solid fa-circle-xmark fa-lg" })), (_c = (_b = props == null ? void 0 : props.config) == null ? void 0 : _b.title) != null ? _c : "Error"), /* @__PURE__ */ React__default.default.createElement(ErrorText$1, null, (_e2 = (_d = props == null ? void 0 : props.config) == null ? void 0 : _d.description) != null ? _e2 : "Try again or contact the application owner."))), props.resetErrorBoundary && /* @__PURE__ */ React__default.default.createElement(RetryButton, { onClick: () => props.resetErrorBoundary(props.error), type: "button" }, /* @__PURE__ */ React__default.default.createElement("i", { "aria-hidden": true, className: "fa-solid fa-rotate fa-xl" })));
   }
+  function useDataVariable(variable) {
+    const extras = useRequestExtras();
+    const { client: wsClient } = React.useContext(websocketCtx);
+    if (isDataVariable(variable)) {
+      registerDataVariable(variable);
+      const serverTriggers$ = React.useMemo(() => wsClient.serverTriggers$(variable.uid), []);
+      const [serverTriggerCounter, setServerTriggerCounter] = React.useState(0);
+      React.useEffect(() => {
+        const sub = serverTriggers$.subscribe(() => setServerTriggerCounter((c2) => c2 + 1));
+        return () => sub.unsubscribe();
+      }, [serverTriggers$]);
+      const fetchDataVariable2 = useFetchDataVariable(variable, serverTriggerCounter);
+      return fetchDataVariable2;
+    }
+    const variablesContext = React.useContext(variablesCtx);
+    variablesContext.variables.current.add(variable.uid);
+    React.useEffect(() => {
+      return () => {
+        variablesContext.variables.current.delete(variable.uid);
+      };
+    }, []);
+    const taskContext = useTaskContext();
+    const dvSelector = useDerivedVariable(variable, wsClient, taskContext, extras);
+    const dvLoadable = Recoil_index_21(dvSelector);
+    const [dvValue, setDvValue] = React.useState(dvLoadable.toPromise());
+    React.useEffect(() => {
+      if (dvLoadable.state === "loading") {
+        setDvValue(dvLoadable.toPromise());
+      }
+    }, [dvLoadable]);
+    const fetchDerivedDataVariable2 = useFetchDerivedDataVariable(variable, taskContext, wsClient, dvValue);
+    return fetchDerivedDataVariable2;
+  }
+  function useAnyVariable(variable) {
+    if (isDataVariable(variable) || isDerivedDataVariable(variable)) {
+      const getData2 = useDataVariable(variable);
+      const { data, refetch } = reactQuery.useQuery({
+        cacheTime: 1,
+        queryFn: async () => {
+          const dataResponse = await getData2();
+          return dataResponse.data;
+        },
+        queryKey: ["any-variable-data", variable.uid],
+        refetchOnWindowFocus: false,
+        suspense: true
+      });
+      React.useEffect(() => {
+        refetch();
+      }, [getData2]);
+      return data;
+    }
+    return useVariable(variable)[0];
+  }
+  function getVariableValue(variable, shouldFetchVariable = false, ctx) {
+    const resolved = resolveVariable(
+      variable,
+      ctx.client,
+      ctx.taskContext,
+      ctx.extras,
+      (v2) => ctx.snapshot.getLoadable(v2).getValue()
+    );
+    if (!shouldFetchVariable || !isDerivedVariable(variable) && !isDataVariable(variable) && !isDerivedDataVariable(variable)) {
+      return resolved;
+    }
+    if (!isResolvedDerivedVariable(resolved) && !isResolvedDataVariable(resolved) && !isResolvedDerivedDataVariable(resolved)) {
+      return resolved;
+    }
+    if (isResolvedDataVariable(resolved)) {
+      return fetchDataVariable(resolved.uid, ctx.extras, resolved.filters);
+    }
+    return fetchDerivedVariable({
+      cache: variable.cache,
+      extras: ctx.extras,
+      force: false,
+      selectorKey: resolved.uid,
+      values: normalizeRequest(
+        formatDerivedVariableRequest(resolved.values),
+        variable.variables
+      ),
+      variableUid: resolved.uid,
+      wsClient: ctx.client
+    }).then((resp) => {
+      if (isTaskResponse$1(resp)) {
+        throw new Error("Task DerivedVariables are not supported in this context");
+      }
+      if (isDerivedDataVariable(variable)) {
+        return ctx.client.getChannel().then(
+          (chan) => fetchDerivedDataVariable(variable.uid, ctx.extras, resp.cache_key, chan, variable.filters)
+        );
+      }
+      return resp.value;
+    });
+  }
+  function useVariableValue(variable, shouldFetchVariable = false) {
+    const taskContext = useTaskContext();
+    const { client } = React.useContext(websocketCtx);
+    const { search } = useLocation();
+    const extras = useRequestExtras();
+    if (!isVariable(variable)) {
+      return () => variable;
+    }
+    return Recoil_index_31(
+      ({ snapshot }) => {
+        return () => {
+          return getVariableValue(variable, shouldFetchVariable, {
+            client,
+            extras,
+            search,
+            snapshot,
+            taskContext
+          });
+        };
+      },
+      [variable.uid, useDeepCompare(taskContext), client, search, extras]
+    );
+  }
+  function resolveValue(value, force) {
+    if (isResolvedDerivedVariable(value) || isResolvedDerivedDataVariable(value)) {
+      const { deps, ...rest } = value;
+      const resolvedValues = value.values.map((v2) => resolveValue(v2, force));
+      return {
+        ...rest,
+        force,
+        values: resolvedValues
+      };
+    }
+    if (typeof value === "function") {
+      return resolveValue(value(), force);
+    }
+    return value;
+  }
+  function useRefreshSelector() {
+    return Recoil_index_31(({ refresh }) => {
+      return (key, extras) => {
+        var _a;
+        const family = selectorFamilyRegistry.get(key);
+        if (family) {
+          const selector2 = (_a = selectorFamilyMembersRegistry.get(family)) == null ? void 0 : _a.get(extras);
+          if (selector2) {
+            refresh(selector2);
+          }
+        }
+      };
+    });
+  }
+  function useVariableState() {
+    const extras = useRequestExtras();
+    const { client } = React.useContext(websocketCtx);
+    const taskCtx = useTaskContext();
+    return Recoil_index_31(({ snapshot }) => {
+      return (variable) => {
+        if (!isRegistered(variable)) {
+          return "__NOT_REGISTERED__";
+        }
+        const resolvedVariable = resolveVariable(
+          variable,
+          client,
+          taskCtx,
+          extras,
+          (v2) => snapshot.getLoadable(v2).getValue()
+        );
+        return resolvedVariable;
+      };
+    }, []);
+  }
   function isTaskResponse(response) {
     return response && typeof response === "object" && "task_id" in response;
   }