@embedreach/components 0.1.43 → 0.1.45

package/dist/chunks/index.js

@@ -1,6 +1,6 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { createContext as createContext$1, Component, useReducer, useMemo, useEffect, useContext as useContext$1, useCallback, useState, useRef, createElement as createElement$1, forwardRef, useId as useId$2, useInsertionEffect, Children, isValidElement, useLayoutEffect, Fragment as Fragment$1, cloneElement } from "react";
+import React__default, { createContext as createContext$1, Component, useReducer, useMemo, useEffect, useRef, createElement as createElement$1, forwardRef, useId as useId$2, useContext as useContext$1, useInsertionEffect, useCallback, Children, isValidElement, useLayoutEffect, useState, Fragment as Fragment$1, cloneElement } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
 var Subscribable = class {
@@ -2601,7 +2601,7 @@ function createResource(pSource, pFetcher, pOptions) {
   let source;
   let fetcher;
   let options;
-  if (arguments.length === 1) {
+  if (arguments.length === 2 && typeof pFetcher === "object" || arguments.length === 1) {
     source = true;
     fetcher = pSource;
     options = {};
@@ -2651,7 +2651,19 @@ function createResource(pSource, pFetcher, pOptions) {
     const c2 = SuspenseContext, v2 = value(), err = error2();
     if (err !== void 0 && !pr)
       throw err;
-    if (Listener && !Listener.user && c2) ;
+    if (Listener && !Listener.user && c2) {
+      createComputed(() => {
+        track();
+        if (pr) {
+          if (c2.resolved)
+            ;
+          else if (!contexts.has(c2)) {
+            c2.increment();
+            contexts.add(c2);
+          }
+        }
+      });
+    }
     return v2;
   }
   function load(refetching = true) {
@@ -4486,7 +4498,7 @@ var isPlainObject = (payload) => {
 };
 var isEmptyObject = (payload) => isPlainObject(payload) && Object.keys(payload).length === 0;
 var isArray = (payload) => Array.isArray(payload);
-var isString$2 = (payload) => typeof payload === "string";
+var isString$1 = (payload) => typeof payload === "string";
 var isNumber$1 = (payload) => typeof payload === "number" && !isNaN(payload);
 var isBoolean = (payload) => typeof payload === "boolean";
 var isRegExp = (payload) => payload instanceof RegExp;
@@ -4496,7 +4508,7 @@ var isSymbol$1 = (payload) => getType(payload) === "Symbol";
 var isDate$3 = (payload) => payload instanceof Date && !isNaN(payload.valueOf());
 var isError = (payload) => payload instanceof Error;
 var isNaNValue = (payload) => typeof payload === "number" && isNaN(payload);
-var isPrimitive = (payload) => isBoolean(payload) || isNull(payload) || isUndefined(payload) || isNumber$1(payload) || isString$2(payload) || isSymbol$1(payload);
+var isPrimitive = (payload) => isBoolean(payload) || isNull(payload) || isUndefined(payload) || isNumber$1(payload) || isString$1(payload) || isSymbol$1(payload);
 var isBigint = (payload) => typeof payload === "bigint";
 var isInfinite = (payload) => payload === Infinity || payload === -Infinity;
 var isTypedArray = (payload) => ArrayBuffer.isView(payload) && !(payload instanceof DataView);
@@ -6084,6 +6096,9 @@ const { commonBasicLogger: ye$1 } = ne;
 function we$1(e4) {
   return "string" == typeof e4 && "kind" !== e4 && e4.match(/^(\w|\.|-)+$/);
 }
+function be$1(e4) {
+  return e4.includes("%") || e4.includes(":") ? e4.replace(/%/g, "%25").replace(/:/g, "%3A") : e4;
+}
 var ke = { checkContext: function(e4, t3) {
   if (e4) {
     if (t3 && (void 0 === e4.kind || null === e4.kind)) return void 0 !== e4.key && null !== e4.key;
@@ -6122,6 +6137,12 @@ var ke = { checkContext: function(e4, t3) {
   return n2;
 }, getContextKinds: function(e4) {
   return e4 ? null === e4.kind || void 0 === e4.kind ? ["user"] : "multi" !== e4.kind ? [e4.kind] : Object.keys(e4).filter((e5) => "kind" !== e5) : [];
+}, getCanonicalKey: function(e4) {
+  if (e4) {
+    if ((void 0 === e4.kind || null === e4.kind || "user" === e4.kind) && e4.key) return e4.key;
+    if ("multi" !== e4.kind && e4.key) return `${e4.kind}:${be$1(e4.key)}`;
+    if ("multi" === e4.kind) return Object.keys(e4).sort().filter((e5) => "kind" !== e5).map((t3) => `${t3}:${be$1(e4[t3].key)}`).join(":");
+  }
 } };
 const { getContextKinds: Ee$1 } = ke;
 var De$1 = function() {
@@ -6597,7 +6618,7 @@ var dt = function(e4, t3) {
     }, 1e3 * e4);
   });
 };
-const { commonBasicLogger: ft } = ne, { checkContext: gt } = ke, { InspectorTypes: pt, InspectorManager: mt } = ut, ht = "change", yt = "internal-change";
+const { commonBasicLogger: ft } = ne, { checkContext: gt, getContextKeys: vt } = ke, { InspectorTypes: pt, InspectorManager: mt } = ut, ht = "change", yt = "internal-change";
 var wt = { initialize: function(e4, t3, n2, r2, o2) {
   const i3 = function() {
     if (n2 && n2.logger) return n2.logger;
@@ -6809,14 +6830,14 @@ var wt = { initialize: function(e4, t3, n2, r2, o2) {
   }, enqueueEvent: F2, getFlagsInternal: function() {
     return P2;
   }, getEnvironmentId: () => f2, internalChangeEventName: yt };
-}, errors: s3 }, bt = wt.initialize, kt = wt.errors;
+}, commonBasicLogger: ft, errors: s3, messages: ie, utils: S$1, getContextKeys: vt }, bt = wt.initialize, kt = wt.errors;
 function Dt(e4, t3, n2) {
   return (t3 = function(e5) {
     var t4 = function(e6, t5) {
       if ("object" != typeof e6 || !e6) return e6;
       var n3 = e6[Symbol.toPrimitive];
       if (void 0 !== n3) {
-        var r2 = n3.call(e6, t5);
+        var r2 = n3.call(e6, t5 || "default");
         if ("object" != typeof r2) return r2;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
@@ -7018,6 +7039,7 @@ var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof win
 function getDefaultExportFromCjs(x3) {
   return x3 && x3.__esModule && Object.prototype.hasOwnProperty.call(x3, "default") ? x3["default"] : x3;
 }
+var INFINITY = 1 / 0;
 var symbolTag = "[object Symbol]";
 var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
 var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
@@ -7297,12 +7319,12 @@ function baseToString(value) {
     return symbolToString ? symbolToString.call(value) : "";
   }
   var result = value + "";
-  return result == "0" && 1 / value == -Infinity ? "-0" : result;
+  return result == "0" && 1 / value == -INFINITY ? "-0" : result;
 }
 function castSlice(array, start, end) {
   var length = array.length;
   end = end === void 0 ? length : end;
-  return false ? array : baseSlice(array, start, end);
+  return !start && end >= length ? array : baseSlice(array, start, end);
 }
 function createCaseFirst(methodName) {
   return function(string) {
@@ -7971,7 +7993,7 @@ const authListeners = [
     }
   }
 ];
-const { Provider: Provider$3 } = createDataContext(
+const { Context: Context$1, Provider: Provider$3 } = createDataContext(
   authReducer,
   {
     handleReauth
@@ -7984,362 +8006,6 @@ const { Provider: Provider$3 } = createDataContext(
   },
   authListeners
 );
-const warn = (...args) => {
-  if (console?.warn) {
-    if (isString$1(args[0])) args[0] = `react-i18next:: ${args[0]}`;
-    console.warn(...args);
-  }
-};
-const alreadyWarned$1 = {};
-const warnOnce$1 = (...args) => {
-  if (isString$1(args[0]) && alreadyWarned$1[args[0]]) return;
-  if (isString$1(args[0])) alreadyWarned$1[args[0]] = /* @__PURE__ */ new Date();
-  warn(...args);
-};
-const loadedClb = (i18n, cb) => () => {
-  if (i18n.isInitialized) {
-    cb();
-  } else {
-    const initialized = () => {
-      setTimeout(() => {
-        i18n.off("initialized", initialized);
-      }, 0);
-      cb();
-    };
-    i18n.on("initialized", initialized);
-  }
-};
-const loadNamespaces = (i18n, ns, cb) => {
-  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
-};
-const loadLanguages = (i18n, lng, ns, cb) => {
-  if (isString$1(ns)) ns = [ns];
-  if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);
-  ns.forEach((n2) => {
-    if (i18n.options.ns.indexOf(n2) < 0) i18n.options.ns.push(n2);
-  });
-  i18n.loadLanguages(lng, loadedClb(i18n, cb));
-};
-const hasLoadedNamespace = (ns, i18n, options = {}) => {
-  if (!i18n.languages || !i18n.languages.length) {
-    warnOnce$1("i18n.languages were undefined or empty", i18n.languages);
-    return true;
-  }
-  return i18n.hasLoadedNamespace(ns, {
-    lng: options.lng,
-    precheck: (i18nInstance2, loadNotPending) => {
-      if (options.bindI18n?.indexOf("languageChanging") > -1 && i18nInstance2.services.backendConnector.backend && i18nInstance2.isLanguageChangingTo && !loadNotPending(i18nInstance2.isLanguageChangingTo, ns)) return false;
-    }
-  });
-};
-const isString$1 = (obj) => typeof obj === "string";
-const isObject = (obj) => typeof obj === "object" && obj !== null;
-const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-const htmlEntities = {
-  "&amp;": "&",
-  "&#38;": "&",
-  "&lt;": "<",
-  "&#60;": "<",
-  "&gt;": ">",
-  "&#62;": ">",
-  "&apos;": "'",
-  "&#39;": "'",
-  "&quot;": '"',
-  "&#34;": '"',
-  "&nbsp;": " ",
-  "&#160;": " ",
-  "&copy;": "©",
-  "&#169;": "©",
-  "&reg;": "®",
-  "&#174;": "®",
-  "&hellip;": "…",
-  "&#8230;": "…",
-  "&#x2F;": "/",
-  "&#47;": "/"
-};
-const unescapeHtmlEntity = (m4) => htmlEntities[m4];
-const unescape$1 = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
-let defaultOptions$2 = {
-  bindI18n: "languageChanged",
-  bindI18nStore: "",
-  transEmptyNodeValue: "",
-  transSupportBasicHtmlNodes: true,
-  transWrapTextNodes: "",
-  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
-  useSuspense: true,
-  unescape: unescape$1
-};
-const setDefaults = (options = {}) => {
-  defaultOptions$2 = {
-    ...defaultOptions$2,
-    ...options
-  };
-};
-const getDefaults$1 = () => defaultOptions$2;
-let i18nInstance;
-const setI18n = (instance2) => {
-  i18nInstance = instance2;
-};
-const getI18n = () => i18nInstance;
-const initReactI18next = {
-  type: "3rdParty",
-  init(instance2) {
-    setDefaults(instance2.options.react);
-    setI18n(instance2);
-  }
-};
-const I18nContext = createContext$1();
-class ReportNamespaces {
-  constructor() {
-    this.usedNamespaces = {};
-  }
-  addUsedNamespaces(namespaces) {
-    namespaces.forEach((ns) => {
-      if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
-    });
-  }
-  getUsedNamespaces() {
-    return Object.keys(this.usedNamespaces);
-  }
-}
-const usePrevious$1 = (value, ignore) => {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  }, [value, ignore]);
-  return ref.current;
-};
-const alwaysNewT = (i18n, language, namespace, keyPrefix) => i18n.getFixedT(language, namespace, keyPrefix);
-const useMemoizedT = (i18n, language, namespace, keyPrefix) => useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
-const useTranslation = (ns, props = {}) => {
-  const {
-    i18n: i18nFromProps
-  } = props;
-  const {
-    i18n: i18nFromContext,
-    defaultNS: defaultNSFromContext
-  } = useContext$1(I18nContext) || {};
-  const i18n = i18nFromProps || i18nFromContext || getI18n();
-  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
-  if (!i18n) {
-    warnOnce$1("You will need to pass in an i18next instance by using initReactI18next");
-    const notReadyT = (k3, optsOrDefaultValue) => {
-      if (isString$1(optsOrDefaultValue)) return optsOrDefaultValue;
-      if (isObject(optsOrDefaultValue) && isString$1(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
-      return Array.isArray(k3) ? k3[k3.length - 1] : k3;
-    };
-    const retNotReady = [notReadyT, {}, false];
-    retNotReady.t = notReadyT;
-    retNotReady.i18n = {};
-    retNotReady.ready = false;
-    return retNotReady;
-  }
-  if (i18n.options.react?.wait) warnOnce$1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
-  const i18nOptions = {
-    ...getDefaults$1(),
-    ...i18n.options.react,
-    ...props
-  };
-  const {
-    useSuspense,
-    keyPrefix
-  } = i18nOptions;
-  let namespaces = defaultNSFromContext || i18n.options?.defaultNS;
-  namespaces = isString$1(namespaces) ? [namespaces] : namespaces || ["translation"];
-  i18n.reportNamespaces.addUsedNamespaces?.(namespaces);
-  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n2) => hasLoadedNamespace(n2, i18n, i18nOptions));
-  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-  const getT = () => memoGetT;
-  const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-  const [t3, setT] = useState(getT);
-  let joinedNS = namespaces.join();
-  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
-  const previousJoinedNS = usePrevious$1(joinedNS);
-  const isMounted = useRef(true);
-  useEffect(() => {
-    const {
-      bindI18n,
-      bindI18nStore
-    } = i18nOptions;
-    isMounted.current = true;
-    if (!ready && !useSuspense) {
-      if (props.lng) {
-        loadLanguages(i18n, props.lng, namespaces, () => {
-          if (isMounted.current) setT(getNewT);
-        });
-      } else {
-        loadNamespaces(i18n, namespaces, () => {
-          if (isMounted.current) setT(getNewT);
-        });
-      }
-    }
-    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
-      setT(getNewT);
-    }
-    const boundReset = () => {
-      if (isMounted.current) setT(getNewT);
-    };
-    if (bindI18n) i18n?.on(bindI18n, boundReset);
-    if (bindI18nStore) i18n?.store.on(bindI18nStore, boundReset);
-    return () => {
-      isMounted.current = false;
-      if (i18n) bindI18n?.split(" ").forEach((e4) => i18n.off(e4, boundReset));
-      if (bindI18nStore && i18n) bindI18nStore.split(" ").forEach((e4) => i18n.store.off(e4, boundReset));
-    };
-  }, [i18n, joinedNS]);
-  useEffect(() => {
-    if (isMounted.current && ready) {
-      setT(getT);
-    }
-  }, [i18n, keyPrefix, ready]);
-  const ret = [t3, i18n, ready];
-  ret.t = t3;
-  ret.i18n = i18n;
-  ret.ready = ready;
-  if (ready) return ret;
-  if (!ready && !useSuspense) return ret;
-  throw new Promise((resolve) => {
-    if (props.lng) {
-      loadLanguages(i18n, props.lng, namespaces, () => resolve());
-    } else {
-      loadNamespaces(i18n, namespaces, () => resolve());
-    }
-  });
-};
-function I18nextProvider({
-  i18n,
-  defaultNS,
-  children: children2
-}) {
-  const value = useMemo(() => ({
-    i18n,
-    defaultNS
-  }), [i18n, defaultNS]);
-  return createElement$1(I18nContext.Provider, {
-    value
-  }, children2);
-}
-const H3 = ({ children: children2 }) => {
-  return /* @__PURE__ */ jsx("h3", { className: "scroll-m-20 text-2xl font-semibold tracking-tight", children: children2 });
-};
-const SpinLoader = ({
-  size: size2 = 35,
-  color: color2 = "black",
-  speed = 0.9,
-  strokeWidth = 3.5,
-  text,
-  textSpeed = 2e3,
-  // Default 2 seconds per text
-  textColor = "black"
-}) => {
-  const [currentTextIndex, setCurrentTextIndex] = useState(0);
-  const textArray = Array.isArray(text) ? text : text ? [text] : [];
-  useEffect(() => {
-    if (textArray.length <= 1) return;
-    if (currentTextIndex >= textArray.length - 1) return;
-    const interval = setInterval(() => {
-      setCurrentTextIndex(
-        (current) => current < textArray.length - 1 ? current + 1 : current
-      );
-    }, textSpeed);
-    return () => clearInterval(interval);
-  }, [textArray.length, textSpeed, currentTextIndex]);
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center items-center h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "loader-container",
-        style: {
-          "--uib-size": `${size2}px`,
-          "--uib-color": color2,
-          "--uib-speed": `${speed}s`,
-          "--uib-stroke": `${strokeWidth}px`
-        },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "line" }),
-          /* @__PURE__ */ jsx("div", { className: "line" }),
-          /* @__PURE__ */ jsx("div", { className: "line" }),
-          /* @__PURE__ */ jsx("div", { className: "line" }),
-          /* @__PURE__ */ jsx("div", { className: "line" }),
-          /* @__PURE__ */ jsx("div", { className: "line" })
-        ]
-      }
-    ),
-    textArray.length > 0 && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `text-center text-sm text-muted-foreground animate-fade-in ${textColor ? `text-${textColor}` : ""}`,
-        children: /* @__PURE__ */ jsx(H3, { children: textArray[currentTextIndex] })
-      },
-      currentTextIndex
-    ),
-    /* @__PURE__ */ jsx("style", { children: `
-          .loader-container {
-            position: relative;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            height: var(--uib-size);
-            width: var(--uib-size);
-          }
-          .line {
-            position: absolute;
-            top: calc(50% - var(--uib-stroke) / 2);
-            left: 0;
-            height: var(--uib-stroke);
-            width: 100%;
-            border-radius: calc(var(--uib-stroke) / 2);
-            background-color: var(--uib-color);
-            animation: rotate var(--uib-speed) ease-in-out infinite;
-            transition: background-color 0.3s ease;
-          }
-          .line:nth-child(1) {
-            animation-delay: calc(var(--uib-speed) * -0.375);
-          }
-          .line:nth-child(2) {
-            animation-delay: calc(var(--uib-speed) * -0.375);
-            opacity: 0.8;
-          }
-          .line:nth-child(3) {
-            animation-delay: calc(var(--uib-speed) * -0.3);
-            opacity: 0.6;
-          }
-          .line:nth-child(4) {
-            animation-delay: calc(var(--uib-speed) * -0.225);
-            opacity: 0.4;
-          }
-          .line:nth-child(5) {
-            animation-delay: calc(var(--uib-speed) * -0.15);
-            opacity: 0.2;
-          }
-          .line:nth-child(6) {
-            animation-delay: calc(var(--uib-speed) * -0.075);
-            opacity: 0.1;
-          }
-          @keyframes rotate {
-            0% {
-              transform: rotate(0deg);
-            }
-            100% {
-              transform: rotate(180deg);
-            }
-          }
-          .animate-fade-in {
-            animation: fadeIn 0.5s ease-in-out;
-          }
-          @keyframes fadeIn {
-            from {
-              opacity: 0;
-              transform: translateY(5px);
-            }
-            to {
-              opacity: 1;
-              transform: translateY(0);
-            }
-          }
-        ` })
-  ] }) });
-};
 const normalizeColor = (color2) => {
   const div = document.createElement("div");
   div.style.color = color2;
@@ -8476,19 +8142,9 @@ const applyThemeStyles = (styles2) => {
   styleElement.textContent = cssText;
   document.head.appendChild(styleElement);
 };
-const mergeThemeStyles = (themeConfig, overrides) => {
-  return {
-    ...DEFAULT_THEME_STYLES,
-    ...themeConfig?.styles || {},
-    ...{}
-  };
-};
 const themeReducer = (state, action) => {
   switch (action.type) {
     case "set_theme":
-      if (action.payload && !state.theme) {
-        applyThemeStyles(action.payload.styles);
-      }
       return {
         ...state,
         loading: false,
@@ -8513,7 +8169,7 @@ const themeReducer = (state, action) => {
 const setTheme = (dispatch2) => (theme2) => dispatch2({ type: "set_theme", payload: theme2 });
 const setLoading = (dispatch2) => (loading2) => dispatch2({ type: "set_loading", payload: loading2 });
 const setError = (dispatch2) => (error2) => dispatch2({ type: "set_error", payload: error2 });
-const { Context, Provider: Provider$2 } = createDataContext(
+const { Context, Provider: BaseProvider } = createDataContext(
   themeReducer,
   {
     setTheme,
@@ -8526,52 +8182,84 @@ const { Context, Provider: Provider$2 } = createDataContext(
     error: null
   }
 );
-const useThemeContext = () => {
-  const context = useContext$1(Context);
-  if (context === void 0) {
-    throw new Error("useThemeContext must be used within a ThemeProvider");
-  }
-  const applyTheme = (themeConfig) => {
-    if (!themeConfig) return;
-    const mergedStyles = mergeThemeStyles(themeConfig);
-    const finalTheme = {
-      styles: mergedStyles
-    };
-    context.setTheme(finalTheme);
-  };
-  return {
-    ...context.state,
-    setTheme: context.setTheme,
-    setLoading: context.setLoading,
-    setError: context.setError,
-    // Add the helper function
-    applyTheme
-  };
-};
-const InnerThemeProvider = ({
-  children: children2,
-  theme: theme2
-}) => {
-  const { t: t3 } = useTranslation();
-  const { loading: themeLoading, applyTheme } = useThemeContext();
+const ThemeInitializer = ({ initialTheme, children: children2 }) => {
+  const { setTheme: setTheme2, setLoading: setLoading2 } = React__default.useContext(Context);
   const themeApplied = useRef(false);
   useEffect(() => {
-    if (!themeApplied.current && theme2) {
-      applyTheme(theme2);
+    if (initialTheme && !themeApplied.current) {
+      applyThemeStyles(initialTheme.styles);
+      setTheme2(initialTheme);
       themeApplied.current = true;
+    } else {
+      setLoading2(false);
     }
-  }, [applyTheme, theme2]);
-  if (themeLoading && theme2) {
-    return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center items-center h-screen", children: /* @__PURE__ */ jsx(SpinLoader, { text: [t3("loading")] }) });
-  }
+  }, [initialTheme, setTheme2, setLoading2]);
   return /* @__PURE__ */ jsx(Fragment, { children: children2 });
 };
-const ThemeProvider = ({
-  children: children2,
-  theme: theme2
-}) => {
-  return /* @__PURE__ */ jsx(Provider$2, { children: /* @__PURE__ */ jsx(InnerThemeProvider, { theme: theme2, children: children2 }) });
+const Provider$2 = ({ initialTheme, children: children2 }) => {
+  return /* @__PURE__ */ jsx(BaseProvider, { children: /* @__PURE__ */ jsx(ThemeInitializer, { initialTheme, children: children2 }) });
+};
+const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+const htmlEntities = {
+  "&amp;": "&",
+  "&#38;": "&",
+  "&lt;": "<",
+  "&#60;": "<",
+  "&gt;": ">",
+  "&#62;": ">",
+  "&apos;": "'",
+  "&#39;": "'",
+  "&quot;": '"',
+  "&#34;": '"',
+  "&nbsp;": " ",
+  "&#160;": " ",
+  "&copy;": "©",
+  "&#169;": "©",
+  "&reg;": "®",
+  "&#174;": "®",
+  "&hellip;": "…",
+  "&#8230;": "…",
+  "&#x2F;": "/",
+  "&#47;": "/"
+};
+const unescapeHtmlEntity = (m4) => htmlEntities[m4];
+const unescape$1 = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
+let defaultOptions$2 = {
+  bindI18n: "languageChanged",
+  bindI18nStore: "",
+  transEmptyNodeValue: "",
+  transSupportBasicHtmlNodes: true,
+  transWrapTextNodes: "",
+  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
+  useSuspense: true,
+  unescape: unescape$1
 };
+const setDefaults = (options = {}) => {
+  defaultOptions$2 = {
+    ...defaultOptions$2,
+    ...options
+  };
+};
+const initReactI18next = {
+  type: "3rdParty",
+  init(instance2) {
+    setDefaults(instance2.options.react);
+  }
+};
+const I18nContext = createContext$1();
+function I18nextProvider({
+  i18n,
+  defaultNS,
+  children: children2
+}) {
+  const value = useMemo(() => ({
+    i18n,
+    defaultNS
+  }), [i18n, defaultNS]);
+  return createElement$1(I18nContext.Provider, {
+    value
+  }, children2);
+}
 const isString = (obj) => typeof obj === "string";
 const defer = () => {
   let res;
@@ -12409,7 +12097,7 @@ function createCollection(name) {
     createCollectionScope2
   ];
 }
-var NODES$3 = [
+var NODES$2 = [
   "a",
   "button",
   "div",
@@ -12427,7 +12115,7 @@ var NODES$3 = [
   "svg",
   "ul"
 ];
-var Primitive$3 = NODES$3.reduce((primitive, node) => {
+var Primitive$2 = NODES$2.reduce((primitive, node) => {
   const Node2 = React.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot$3 : node;
@@ -12549,7 +12237,7 @@ var DismissableLayer$3 = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$3, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive$2.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -12582,7 +12270,7 @@ var DismissableLayerBranch$3 = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$3.displayName = BRANCH_NAME$3;
 function usePointerDownOutside$3(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -12672,7 +12360,7 @@ var Portal$6 = React.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
-  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal$6.displayName = PORTAL_NAME$7;
 function useStateMachine(initialState, machine) {
@@ -12837,11 +12525,11 @@ function useUncontrolledState({
   }, [value, prevValueRef, handleChange]);
   return uncontrolledState;
 }
-var NAME$4 = "VisuallyHidden";
-var VisuallyHidden$1 = React.forwardRef(
+var NAME$3 = "VisuallyHidden";
+var VisuallyHidden = React.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive$3.span,
+      Primitive$2.span,
       {
         ...props,
         ref: forwardedRef,
@@ -12863,8 +12551,8 @@ var VisuallyHidden$1 = React.forwardRef(
     );
   }
 );
-VisuallyHidden$1.displayName = NAME$4;
-var Root$6 = VisuallyHidden$1;
+VisuallyHidden.displayName = NAME$3;
+var Root$6 = VisuallyHidden;
 var PROVIDER_NAME$1 = "ToastProvider";
 var [Collection$3, useCollection$3, createCollectionScope$3] = createCollection("Toast");
 var [createToastContext, createToastScope] = createContextScope("Toast", [createCollectionScope$3]);
@@ -13039,7 +12727,7 @@ var ToastViewport$1 = React.forwardRef(
               }
             }
           ),
-          /* @__PURE__ */ jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsx(Primitive$3.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
+          /* @__PURE__ */ jsx(Collection$3.Slot, { scope: __scopeToast, children: /* @__PURE__ */ jsx(Primitive$2.ol, { tabIndex: -1, ...viewportProps, ref: composedRefs }) }),
           hasToasts && /* @__PURE__ */ jsx(
             FocusProxy,
             {
@@ -13064,7 +12752,7 @@ var FocusProxy = React.forwardRef(
     const { __scopeToast, onFocusFromOutsideViewport, ...proxyProps } = props;
     const context = useToastProviderContext(FOCUS_PROXY_NAME, __scopeToast);
     return /* @__PURE__ */ jsx(
-      VisuallyHidden$1,
+      VisuallyHidden,
       {
         "aria-hidden": true,
         tabIndex: 0,
@@ -13231,7 +12919,7 @@ var ToastImpl = React.forwardRef(
               context.isFocusedToastEscapeKeyDownRef.current = false;
             }),
             children: /* @__PURE__ */ jsx(
-              Primitive$3.li,
+              Primitive$2.li,
               {
                 role: "status",
                 "aria-live": "off",
@@ -13330,7 +13018,7 @@ var ToastAnnounce = (props) => {
     const timer = window.setTimeout(() => setIsAnnounced(true), 1e3);
     return () => window.clearTimeout(timer);
   }, []);
-  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden$1, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment, { children: [
+  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment, { children: [
     context.label,
     " ",
     children2
@@ -13340,7 +13028,7 @@ var TITLE_NAME$1 = "ToastTitle";
 var ToastTitle$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...titleProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.div, { ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.div, { ...titleProps, ref: forwardedRef });
   }
 );
 ToastTitle$1.displayName = TITLE_NAME$1;
@@ -13348,7 +13036,7 @@ var DESCRIPTION_NAME$1 = "ToastDescription";
 var ToastDescription$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...descriptionProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.div, { ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.div, { ...descriptionProps, ref: forwardedRef });
   }
 );
 ToastDescription$1.displayName = DESCRIPTION_NAME$1;
@@ -13372,7 +13060,7 @@ var ToastClose$1 = React.forwardRef(
     const { __scopeToast, ...closeProps } = props;
     const interactiveContext = useToastInteractiveContext(CLOSE_NAME$2, __scopeToast);
     return /* @__PURE__ */ jsx(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive$2.button,
       {
         type: "button",
         ...closeProps,
@@ -13386,7 +13074,7 @@ ToastClose$1.displayName = CLOSE_NAME$2;
 var ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
   const { __scopeToast, altText, ...announceExcludeProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive$3.div,
+    Primitive$2.div,
     {
       "data-radix-toast-announce-exclude": "",
       "data-radix-toast-announce-alt": altText || void 0,
@@ -16589,7 +16277,7 @@ const ReachProvider = ({
           useCamelCaseFlagKeys: false,
           sendEventsOnFlagRead: true
         },
-        children: /* @__PURE__ */ jsx(I18nProvider, { initialLanguage: language, children: /* @__PURE__ */ jsx(ThemeProvider, { theme: theme2, children: /* @__PURE__ */ jsxs(Provider$3, { children: [
+        children: /* @__PURE__ */ jsx(I18nProvider, { initialLanguage: language, children: /* @__PURE__ */ jsx(Provider$2, { initialTheme: theme2, children: /* @__PURE__ */ jsxs(Provider$3, { children: [
           children2,
           /* @__PURE__ */ jsx(Toaster, {})
         ] }) }) })
@@ -16842,6 +16530,7 @@ const progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
 const secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
 const millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
 const MotionGlobalConfig = {
+  skipAnimations: false,
   useManualTiming: false
 };
 const stepsOrder = [
@@ -16859,7 +16548,8 @@ const stepsOrder = [
   // Compute
 ];
 const statsBuffer = {
-  value: null
+  value: null,
+  addProjectionMetrics: null
 };
 function createRenderStep(runNextFrame, stepName) {
   let thisFrame = /* @__PURE__ */ new Set();
@@ -17188,7 +16878,7 @@ function useMotionRef(visualState, visualElement, externalRef) {
 const camelToDash = (str) => str.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase();
 const optimizedAppearDataId = "framerAppearId";
 const optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
-const { schedule: microtask } = createRenderBatcher(queueMicrotask, false);
+const { schedule: microtask, cancel: cancelMicrotask } = createRenderBatcher(queueMicrotask, false);
 const SwitchLayoutGroupContext = createContext$1({});
 function useVisualElement(Component2, visualState, props, createVisualElement, ProjectionNodeConstructor) {
   var _a, _b;
@@ -19583,7 +19273,7 @@ function findSpring({ duration = springDefaults.duration, bounce = springDefault
     envelope = (undampedFreq2) => {
       const a4 = Math.exp(-undampedFreq2 * duration);
       const b3 = (undampedFreq2 - velocity) * duration + 1;
-      return -1e-3 + a4 * b3;
+      return -safeMin + a4 * b3;
     };
     derivative = (undampedFreq2) => {
       const a4 = Math.exp(-undampedFreq2 * duration);
@@ -23960,6 +23650,127 @@ const BlurDiv = ({ children: children2, className: className2 }) => {
     }
   );
 };
+const H3 = ({ children: children2 }) => {
+  return /* @__PURE__ */ jsx("h3", { className: "scroll-m-20 text-2xl font-semibold tracking-tight", children: children2 });
+};
+const SpinLoader = ({
+  size: size2 = 35,
+  color: color2 = "black",
+  speed = 0.9,
+  strokeWidth = 3.5,
+  text,
+  textSpeed = 2e3,
+  // Default 2 seconds per text
+  textColor = "black"
+}) => {
+  const [currentTextIndex, setCurrentTextIndex] = useState(0);
+  const textArray = Array.isArray(text) ? text : text ? [text] : [];
+  useEffect(() => {
+    if (textArray.length <= 1) return;
+    if (currentTextIndex >= textArray.length - 1) return;
+    const interval = setInterval(() => {
+      setCurrentTextIndex(
+        (current) => current < textArray.length - 1 ? current + 1 : current
+      );
+    }, textSpeed);
+    return () => clearInterval(interval);
+  }, [textArray.length, textSpeed, currentTextIndex]);
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center items-center h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "loader-container",
+        style: {
+          "--uib-size": `${size2}px`,
+          "--uib-color": color2,
+          "--uib-speed": `${speed}s`,
+          "--uib-stroke": `${strokeWidth}px`
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "line" }),
+          /* @__PURE__ */ jsx("div", { className: "line" }),
+          /* @__PURE__ */ jsx("div", { className: "line" }),
+          /* @__PURE__ */ jsx("div", { className: "line" }),
+          /* @__PURE__ */ jsx("div", { className: "line" }),
+          /* @__PURE__ */ jsx("div", { className: "line" })
+        ]
+      }
+    ),
+    textArray.length > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `text-center text-sm text-muted-foreground animate-fade-in ${textColor ? `text-${textColor}` : ""}`,
+        children: /* @__PURE__ */ jsx(H3, { children: textArray[currentTextIndex] })
+      },
+      currentTextIndex
+    ),
+    /* @__PURE__ */ jsx("style", { children: `
+          .loader-container {
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: var(--uib-size);
+            width: var(--uib-size);
+          }
+          .line {
+            position: absolute;
+            top: calc(50% - var(--uib-stroke) / 2);
+            left: 0;
+            height: var(--uib-stroke);
+            width: 100%;
+            border-radius: calc(var(--uib-stroke) / 2);
+            background-color: var(--uib-color);
+            animation: rotate var(--uib-speed) ease-in-out infinite;
+            transition: background-color 0.3s ease;
+          }
+          .line:nth-child(1) {
+            animation-delay: calc(var(--uib-speed) * -0.375);
+          }
+          .line:nth-child(2) {
+            animation-delay: calc(var(--uib-speed) * -0.375);
+            opacity: 0.8;
+          }
+          .line:nth-child(3) {
+            animation-delay: calc(var(--uib-speed) * -0.3);
+            opacity: 0.6;
+          }
+          .line:nth-child(4) {
+            animation-delay: calc(var(--uib-speed) * -0.225);
+            opacity: 0.4;
+          }
+          .line:nth-child(5) {
+            animation-delay: calc(var(--uib-speed) * -0.15);
+            opacity: 0.2;
+          }
+          .line:nth-child(6) {
+            animation-delay: calc(var(--uib-speed) * -0.075);
+            opacity: 0.1;
+          }
+          @keyframes rotate {
+            0% {
+              transform: rotate(0deg);
+            }
+            100% {
+              transform: rotate(180deg);
+            }
+          }
+          .animate-fade-in {
+            animation: fadeIn 0.5s ease-in-out;
+          }
+          @keyframes fadeIn {
+            from {
+              opacity: 0;
+              transform: translateY(5px);
+            }
+            to {
+              opacity: 1;
+              transform: translateY(0);
+            }
+          }
+        ` })
+  ] }) });
+};
 const BUSINESS_SEGMENT_PATH = "/segments";
 const BUSINESS_AUTOMATION_PATH = "/automations";
 const CHANNEL_SENDER_PATH = "/channel/senders";
@@ -24103,7 +23914,6 @@ var AutomationStatus = /* @__PURE__ */ ((AutomationStatus2) => {
   AutomationStatus2["DRAFT"] = "draft";
   AutomationStatus2["ACTIVE"] = "active";
   AutomationStatus2["RUNNING"] = "running";
-  AutomationStatus2["SCHEDULED"] = "scheduled";
   AutomationStatus2["COMPLETED"] = "completed";
   AutomationStatus2["FAILED"] = "failed";
   AutomationStatus2["DEACTIVATED"] = "deactivated";
@@ -24280,6 +24090,11 @@ const Button$1 = React.forwardRef(
   }
 );
 Button$1.displayName = "Button";
+var CreateAutomationModalStep = /* @__PURE__ */ ((CreateAutomationModalStep2) => {
+  CreateAutomationModalStep2["ChooseAutomationType"] = "choose-automation-type";
+  CreateAutomationModalStep2["SetAutomationName"] = "set-automation-name";
+  return CreateAutomationModalStep2;
+})(CreateAutomationModalStep || {});
 const ActionButtons$1 = ({
   onClose,
   currentStep,
@@ -24292,34 +24107,36 @@ const ActionButtons$1 = ({
       Button$1,
       {
         variant: "secondary",
-        className: cn$1("px-4 py-2"),
+        className: "px-4 py-2",
         onClick: () => {
-          if (currentStep === "choose-automation-type") {
+          if (currentStep === CreateAutomationModalStep.ChooseAutomationType) {
             onClose?.(false);
           } else {
             switch (currentStep) {
-              case "set-automation-name":
-                setCurrentStep("choose-automation-type");
+              case CreateAutomationModalStep.SetAutomationName:
+                setCurrentStep(
+                  CreateAutomationModalStep.ChooseAutomationType
+                );
                 break;
               default:
                 throw new Error("Invalid step");
             }
           }
         },
-        children: currentStep === "choose-automation-type" ? "Cancel" : "Back"
+        children: currentStep === CreateAutomationModalStep.ChooseAutomationType ? "Cancel" : "Back"
       }
     ),
     /* @__PURE__ */ jsx(
       Button$1,
       {
-        className: cn$1("px-4 py-2"),
+        className: "px-4 py-2",
         onClick: () => {
-          if (!isDisabled && currentStep === "set-automation-name") {
+          if (!isDisabled && currentStep === CreateAutomationModalStep.SetAutomationName) {
             createAutomation2();
           }
         },
         disabled: isDisabled,
-        children: currentStep === "set-automation-name" ? "Create" : "Next"
+        children: currentStep === CreateAutomationModalStep.SetAutomationName ? "Create" : "Next"
       }
     )
   ] }) });
@@ -24343,6 +24160,8 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
 const styles$5 = {
   title: "text-3xl mb-8",
   grid: "grid grid-cols-2 gap-6",
+  card: "relative p-6 rounded-lg border border-gray-200 cursor-pointer flex flex-col items-center text-center hover:border-indigo-500 transition-colors",
+  cardDisabled: "opacity-60 cursor-not-allowed hover:border-gray-200",
   container: "relative p-6  rounded-lg"
 };
 const ChooseAutomationType = ({ onNext, iconDefinitions }) => {
@@ -24409,7 +24228,8 @@ function UnreachableCaseStatement(x3, enumObj) {
 const styles$4 = {
   iconWrapper: "mb-4 flex items-center justify-center",
   cardTitle: "text-lg font-medium mb-2",
-  cardDescription: "text-sm text-gray-600"
+  cardDescription: "text-sm text-gray-600",
+  comingSoonBadge: "absolute top-3 right-3 bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded-full"
 };
 const OneTimeBroadcast = ({ iconDefinitions }) => {
   return /* @__PURE__ */ jsxs("div", { children: [
@@ -24465,7 +24285,7 @@ const CreateAutomationModal = ({
   const [startedCreating, setStartedCreating] = useState(false);
   const mergedIconDefinitions = mergeIconDefinitions(iconDefinitions);
   const [currentStep, setCurrentStep] = useState(
-    "choose-automation-type"
+    CreateAutomationModalStep.ChooseAutomationType
   );
   const [automationState, setAutomationState] = useState({
     name: void 0,
@@ -24527,17 +24347,17 @@ const CreateAutomationModal = ({
   }
   return /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden", children: [
     /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
-      currentStep === "choose-automation-type" && /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
+      currentStep === CreateAutomationModalStep.ChooseAutomationType && /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
         ChooseAutomationType,
         {
           onNext: (selectedType) => {
             setAutomationState({ ...automationState, type: selectedType });
-            setCurrentStep("set-automation-name");
+            setCurrentStep(CreateAutomationModalStep.SetAutomationName);
           },
           iconDefinitions: mergedIconDefinitions
         }
       ) }, "choose-automation-type"),
-      currentStep === "set-automation-name" && automationState.type && /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
+      currentStep === CreateAutomationModalStep.SetAutomationName && automationState.type && /* @__PURE__ */ jsx(BlurDiv, { children: /* @__PURE__ */ jsx(
         SetAutomationName,
         {
           iconDefinitions: mergedIconDefinitions,
@@ -25975,7 +25795,9 @@ async function loadRouteModule(route, routeModulesCache) {
     );
     console.error(error2);
     if (window.__reactRouterContext && window.__reactRouterContext.isSpaMode && // @ts-expect-error
-    void 0) ;
+    void 0) {
+      throw error2;
+    }
     window.location.reload();
     return new Promise(() => {
     });
@@ -26793,7 +26615,7 @@ function useId$1(deterministicId) {
   useLayoutEffect2(() => {
     setId((reactId) => reactId ?? String(count$1++));
   }, [deterministicId]);
-  return deterministicId || (id2 ? `radix-${id2}` : "");
+  return id2 ? `radix-${id2}` : "";
 }
 var Slot$1 = React.forwardRef((props, forwardedRef) => {
   const { children: children2, ...slotProps } = props;
@@ -26869,7 +26691,7 @@ function getElementRef$1(element) {
   }
   return element.props.ref || element.ref;
 }
-var NODES$2 = [
+var NODES$1 = [
   "a",
   "button",
   "div",
@@ -26887,7 +26709,7 @@ var NODES$2 = [
   "svg",
   "ul"
 ];
-var Primitive$2 = NODES$2.reduce((primitive, node) => {
+var Primitive$1 = NODES$1.reduce((primitive, node) => {
   const Node2 = React.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot$1 : node;
@@ -26990,7 +26812,7 @@ var DismissableLayer$2 = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$2, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$2.div,
+      Primitive$1.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -27023,7 +26845,7 @@ var DismissableLayerBranch$2 = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$1.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$2.displayName = BRANCH_NAME$2;
 function usePointerDownOutside$2(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -27220,7 +27042,7 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
 function focusFirst$3(candidates, { select = false } = {}) {
@@ -27308,7 +27130,7 @@ var Portal$5 = React.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
-  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+  return container2 ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal$5.displayName = PORTAL_NAME$6;
 var count = 0;
@@ -27815,9 +27637,9 @@ var handleScroll$1 = function(axis, endTarget, event, sourceDelta, noOverscroll)
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -27899,7 +27721,7 @@ function RemoveScrollSideCar$1(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll$1(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
+    return handleScroll$1(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
   var shouldPrevent = React.useCallback(function(_event) {
     var event = _event;
@@ -28153,7 +27975,7 @@ var DialogTrigger = React.forwardRef(
     const context = useDialogContext(TRIGGER_NAME$5, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$1.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -28196,7 +28018,7 @@ var DialogOverlayImpl = React.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ jsx(ReactRemoveScroll$1, { as: Slot$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
-        Primitive$2.div,
+        Primitive$1.div,
         {
           "data-state": getState$1(context.open),
           ...overlayProps,
@@ -28334,7 +28156,7 @@ var DialogTitle$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$2.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$1.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle$1.displayName = TITLE_NAME;
@@ -28343,7 +28165,7 @@ var DialogDescription$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$2.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$1.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription$1.displayName = DESCRIPTION_NAME;
@@ -28353,7 +28175,7 @@ var DialogClose = React.forwardRef(
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME$1, __scopeDialog);
     return /* @__PURE__ */ jsx(
-      Primitive$2.button,
+      Primitive$1.button,
       {
         type: "button",
         ...closeProps,
@@ -28408,63 +28230,6 @@ var Content$2 = DialogContent$1;
 var Title = DialogTitle$1;
 var Description = DialogDescription$1;
 var Close = DialogClose;
-var NODES$1 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$1 = NODES$1.reduce((primitive, node) => {
-  const Node2 = React.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot$2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
-var NAME$3 = "VisuallyHidden";
-var VisuallyHidden = React.forwardRef(
-  (props, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      Primitive$1.span,
-      {
-        ...props,
-        ref: forwardedRef,
-        style: {
-          // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-          position: "absolute",
-          border: 0,
-          width: 1,
-          height: 1,
-          padding: 0,
-          margin: -1,
-          overflow: "hidden",
-          clip: "rect(0, 0, 0, 0)",
-          whiteSpace: "nowrap",
-          wordWrap: "normal",
-          ...props.style
-        }
-      }
-    );
-  }
-);
-VisuallyHidden.displayName = NAME$3;
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -28475,7 +28240,7 @@ const DialogOverlay = React.forwardRef(({ className: className2, ...props }, ref
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className2
     ),
     ...props
@@ -28626,7 +28391,7 @@ var DismissableLayer$1 = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$1, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive$2.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -28659,7 +28424,7 @@ var DismissableLayerBranch$1 = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$1.displayName = BRANCH_NAME$1;
 function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -30581,7 +30346,7 @@ var NAME$2 = "Arrow";
 var Arrow$1 = React.forwardRef((props, forwardedRef) => {
   const { children: children2, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive$3.svg,
+    Primitive$2.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -30648,7 +30413,7 @@ var PopperAnchor = React.forwardRef(
     React.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$3.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$2.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -30775,7 +30540,7 @@ var PopperContent = React.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive$3.div,
+              Primitive$2.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -31051,7 +30816,7 @@ var TooltipTrigger$1 = React.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive$2.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
@@ -32326,6 +32091,8 @@ const lightFormatters = {
   }
 };
 const dayPeriodEnum$1 = {
+  am: "am",
+  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -33124,6 +32891,7 @@ const secondary$1 = "reach-styles-module__secondary___VQ4iH";
 const destructive$1 = "reach-styles-module__destructive___RLaRD";
 const outline$1 = "reach-styles-module__outline___L2VtW";
 const google = "reach-styles-module__google___HcEij";
+const dark = "reach-styles-module__dark___729i-";
 const date = "reach-styles-module__date___-6BC4";
 const sizeDefault = "reach-styles-module__sizeDefault___iGTp4";
 const sizeSm = "reach-styles-module__sizeSm___6T2oK";
@@ -33137,6 +32905,7 @@ const styles$2 = {
   destructive: destructive$1,
   outline: outline$1,
   google,
+  dark,
   date,
   sizeDefault,
   sizeSm,
@@ -33372,10 +33141,6 @@ const AllAutomationList = ({
     const statusConfig = {
       draft: { className: "bg-gray-100 text-gray-700", label: "Draft" },
       active: { className: "bg-green-100 text-green-700", label: "Active" },
-      scheduled: {
-        className: "bg-yellow-100 text-yellow-700",
-        label: "Paused"
-      },
       completed: { className: "bg-blue-100 text-blue-700", label: "Completed" },
       failed: { className: "bg-red-100 text-red-700", label: "Error" },
       running: { className: "bg-purple-100 text-purple-700", label: "Running" },
@@ -33900,7 +33665,7 @@ const ActionButtons = ({ onClose, setClickedCreate, isDisabled, createButtonText
     /* @__PURE__ */ jsx(
       Button$1,
       {
-        className: cn$1("px-4 py-2"),
+        className: "px-4 py-2",
         onClick: () => onClose?.(false),
         variant: "destructive",
         children: "Cancel"
@@ -33909,7 +33674,7 @@ const ActionButtons = ({ onClose, setClickedCreate, isDisabled, createButtonText
     /* @__PURE__ */ jsx(
       Button$1,
       {
-        className: cn$1("px-4 py-2"),
+        className: "px-4 py-2",
         onClick: () => {
           setClickedCreate(true);
         },
@@ -33961,33 +33726,9 @@ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
 function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
   return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
 }
-function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
-  const Context2 = /* @__PURE__ */ createContext$1(defaultContext);
-  function Provider2(props) {
-    const { children: children2, ...context } = props;
-    const value = useMemo(
-      () => context,
-      Object.values(context)
-    );
-    return /* @__PURE__ */ createElement$1(Context2.Provider, {
-      value
-    }, children2);
-  }
-  function useContext2(consumerName) {
-    const context = useContext$1(Context2);
-    if (context) return context;
-    if (defaultContext !== void 0) return defaultContext;
-    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-  }
-  Provider2.displayName = rootComponentName + "Provider";
-  return [
-    Provider2,
-    useContext2
-  ];
-}
 function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
-  function $c512c27ab02ef895$export$fd42f52fd3ae11092(rootComponentName, defaultContext) {
+  function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
     const BaseContext = /* @__PURE__ */ createContext$1(defaultContext);
     const index2 = defaultContexts.length;
     defaultContexts = [
@@ -34040,7 +33781,7 @@ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeD
   };
   createScope.scopeName = scopeName;
   return [
-    $c512c27ab02ef895$export$fd42f52fd3ae11092,
+    $c512c27ab02ef895$export$fd42f52fd3ae1109,
     $c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
   ];
 }
@@ -34083,7 +33824,7 @@ let $1746a345f3d73bb7$var$count = 0;
 function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
   const [id2, setId] = React.useState($1746a345f3d73bb7$var$useReactId());
   $9f79659886946c16$export$e5c5a5f917a5871c$1(() => {
-    setId(
+    if (!deterministicId) setId(
       (reactId) => reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
     );
   }, [
@@ -34978,9 +34719,9 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (availableScroll === 0 || false)) {
+  if (isDeltaPositive && (availableScroll === 0 || !noOverscroll)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (availableScrollTop === 0 || false)) {
+  } else if (!isDeltaPositive && (availableScrollTop === 0 || !noOverscroll)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -35064,7 +34805,7 @@ function RemoveScrollSideCar(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
+    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
   var shouldPrevent = React.useCallback(function(_event) {
     var event = _event;
@@ -35377,12 +35118,6 @@ const $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac = /* @__PURE__ */ forwardRef((pr
 function $5d3850c4d0b4e6c7$var$getState(open) {
   return open ? "open" : "closed";
 }
-const $5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME = "DialogTitleWarning";
-$c512c27ab02ef895$export$fd42f52fd3ae1109($5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME, {
-  contentName: $5d3850c4d0b4e6c7$var$CONTENT_NAME,
-  titleName: $5d3850c4d0b4e6c7$var$TITLE_NAME,
-  docsSlug: "dialog"
-});
 const $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9 = $5d3850c4d0b4e6c7$export$3ddf2d174ce01153;
 const $5d3850c4d0b4e6c7$export$602eac185826482c = $5d3850c4d0b4e6c7$export$dad7c95542bacce0;
 const $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff = $5d3850c4d0b4e6c7$export$bd1d06c79be19e17;
@@ -35874,7 +35609,7 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst$2(candidates, { select = false } = {}) {
@@ -36020,7 +35755,7 @@ var PopoverTrigger$1 = React.forwardRef(
     const popperScope = usePopperScope$2(__scopePopover);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive$2.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -36205,7 +35940,7 @@ var PopoverClose = React.forwardRef(
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
     return /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive$2.button,
       {
         type: "button",
         ...closeProps,
@@ -36241,7 +35976,7 @@ const PopoverContent = React__default.forwardRef(({ className: className2, align
     align,
     sideOffset,
     className: cn$1(
-      "z-[9999] w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className2
     ),
     ...props
@@ -36841,7 +36576,7 @@ var SelectTrigger$1 = React.forwardRef(
       }
     };
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive$2.button,
       {
         type: "button",
         role: "combobox",
@@ -36900,7 +36635,7 @@ var SelectValue$1 = React.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive$3.span,
+      Primitive$2.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -36915,7 +36650,7 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children: children2, ...iconProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
+    return /* @__PURE__ */ jsx(Primitive$2.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children2 || "▼" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
@@ -37323,7 +37058,7 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive$3.div,
+            Primitive$2.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -37397,7 +37132,7 @@ var SelectViewport = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(Collection$2.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        Primitive$3.div,
+        Primitive$2.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -37452,7 +37187,7 @@ var SelectGroup = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId$1();
-    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$3.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$2.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup.displayName = GROUP_NAME$3;
@@ -37461,7 +37196,7 @@ var SelectLabel$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME$2, __scopeSelect);
-    return /* @__PURE__ */ jsx(Primitive$3.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$1.displayName = LABEL_NAME$2;
@@ -37517,7 +37252,7 @@ var SelectItem$1 = React.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive$3.div,
+              Primitive$2.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -37594,7 +37329,7 @@ var SelectItemText = React.forwardRef(
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Primitive$3.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsx(Primitive$2.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -37605,7 +37340,7 @@ var SelectItemIndicator = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME$1, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$3.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$2.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
@@ -37695,7 +37430,7 @@ var SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsx(
-    Primitive$3.div,
+    Primitive$2.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
@@ -37722,7 +37457,7 @@ var SEPARATOR_NAME$2 = "SelectSeparator";
 var SelectSeparator$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME$2;
@@ -37760,7 +37495,7 @@ var BubbleSelect = React.forwardRef(
         select.dispatchEvent(event);
       }
     }, [prevValue, value]);
-    return /* @__PURE__ */ jsx(VisuallyHidden$1, { asChild: true, children: /* @__PURE__ */ jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+    return /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
   }
 );
 BubbleSelect.displayName = "BubbleSelect";
@@ -38476,7 +38211,7 @@ var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
         []
       ),
       children: /* @__PURE__ */ jsx(
-        Primitive$3.div,
+        Primitive$2.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
@@ -38540,7 +38275,7 @@ var RovingFocusGroupItem = React.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.span,
+          Primitive$2.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -38647,7 +38382,7 @@ var Tabs$1 = React.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.div,
+          Primitive$2.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -38675,7 +38410,7 @@ var TabsList$1 = React.forwardRef(
         dir: context.dir,
         loop,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.div,
+          Primitive$2.div,
           {
             role: "tablist",
             "aria-orientation": context.orientation,
@@ -38705,7 +38440,7 @@ var TabsTrigger$1 = React.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.button,
+          Primitive$2.button,
           {
             type: "button",
             role: "tab",
@@ -38754,7 +38489,7 @@ var TabsContent$1 = React.forwardRef(
       return () => cancelAnimationFrame(rAF);
     }, []);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive$2.div,
       {
         "data-state": isSelected ? "active" : "inactive",
         "data-orientation": context.orientation,
@@ -39444,7 +39179,7 @@ var DismissableLayer = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive$2.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -39477,7 +39212,7 @@ var DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$3.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$2.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -39882,7 +39617,7 @@ var GROUP_NAME$1 = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME$1;
@@ -39890,7 +39625,7 @@ var LABEL_NAME$1 = "MenuLabel";
 var MenuLabel = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx(Primitive$3.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$2.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$1;
@@ -39966,7 +39701,7 @@ var MenuItemImpl = React.forwardRef(
         disabled,
         textValue: textValue ?? textContent,
         children: /* @__PURE__ */ jsx(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
-          Primitive$3.div,
+          Primitive$2.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -40074,7 +39809,7 @@ var MenuItemIndicator = React.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive$3.span,
+          Primitive$2.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -40091,7 +39826,7 @@ var MenuSeparator = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive$2.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -40377,7 +40112,7 @@ var DropdownMenuTrigger$1 = React.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-      Primitive$3.button,
+      Primitive$2.button,
       {
         type: "button",
         id: context.triggerId,
@@ -40853,7 +40588,7 @@ var ChannelAccountTypeEnum = /* @__PURE__ */ ((ChannelAccountTypeEnum2) => {
 var NAME = "Label";
 var Label$1 = React.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(
-    Primitive$3.label,
+    Primitive$2.label,
     {
       ...props,
       ref: forwardedRef,
@@ -41480,41 +41215,53 @@ const EmailPreview = ({ automation }) => {
     }
   }).filter((d4) => d4 !== null);
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx(Dialog, { open: showHelpDialog, onOpenChange: setShowHelpDialog, children: /* @__PURE__ */ jsx(DialogContent, { className: "min-w-[50vw] min-h-[50vh]", children: /* @__PURE__ */ jsx(EmailPreviewHelpDialog, {}) }) }),
-    /* @__PURE__ */ jsx(Dialog, { open: showStripoEditor, onOpenChange: setShowStripoEditor, children: /* @__PURE__ */ jsx(DialogContent, { className: "min-w-[100vw] min-h-[100vh]", hideCloseButton: true, children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center p-1 border-b", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium", children: "Email Editor" }),
+    /* @__PURE__ */ jsx(Dialog, { open: showHelpDialog, onOpenChange: setShowHelpDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "min-w-[50vw] min-h-[50vh]", children: [
+      /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Email Preview Help" }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Learn more about the email preview and how to use it to create your email." })
+      ] }),
+      /* @__PURE__ */ jsx(EmailPreviewHelpDialog, {})
+    ] }) }),
+    /* @__PURE__ */ jsx(Dialog, { open: showStripoEditor, onOpenChange: setShowStripoEditor, children: /* @__PURE__ */ jsxs(DialogContent, { className: "min-w-[100vw] min-h-[100vh]", hideCloseButton: true, children: [
+      /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Email Editor" }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Learn more about the email editor and how to use it to create your email." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center p-1 border-b", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium", children: "Email Editor" }),
+            /* @__PURE__ */ jsx(
+              InfoTooltip,
+              {
+                title: "Click to learn more about email template ",
+                onClick: () => setShowHelpDialog(true)
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx(
-            InfoTooltip,
+            "button",
             {
-              title: "Click to learn more about email template ",
-              onClick: () => setShowHelpDialog(true)
+              onClick: () => setSaveClicked(true),
+              className: "text-sm bg-black text-white px-3 py-1 rounded",
+              children: "Save"
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(
-          "button",
+        /* @__PURE__ */ jsx("div", { className: " w-full", children: /* @__PURE__ */ jsx(
+          StripoWrapper,
           {
-            onClick: () => setSaveClicked(true),
-            className: "text-sm bg-black text-white px-3 py-1 rounded",
-            children: "Save"
+            showStripoEditor,
+            automation,
+            setShowStripoEditor,
+            saveClicked,
+            setSaveClicked,
+            stripoDialogDimensions,
+            setCommunicationGroupId
           }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: " w-full", children: /* @__PURE__ */ jsx(
-        StripoWrapper,
-        {
-          automation,
-          setShowStripoEditor,
-          saveClicked,
-          setSaveClicked,
-          stripoDialogDimensions,
-          setCommunicationGroupId,
-          showStripoEditor
-        }
-      ) })
-    ] }) }) }),
+        ) })
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
@@ -41640,7 +41387,7 @@ const EmailPreview = ({ automation }) => {
   ] });
 };
 const getMe = async () => {
-  const response = await baseRequest("/me");
+  const response = await baseRequest("/businesses/me");
   return response.data;
 };
 const useMe = () => {
@@ -41780,69 +41527,75 @@ ${message2 ?? ""}`);
     (sender) => sender.channel_sender_metadata.from
   );
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(Dialog, { open: showSmsEditor, onOpenChange: setShowSmsEditor, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs("div", { className: "", children: [
-      /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          ref: inputRef,
-          className: "min-h-[300px]",
-          placeholder: "Text message content...",
-          value: message2 ?? "",
-          onChange: (e4) => {
-            const newValue = e4.target.value;
-            setMessage(
-              newValue.slice(0, 1600 - (companyName?.length || 0))
-            );
-          },
-          maxLength: 1600 - (companyName?.length || 0)
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-end gap-2", children: [
-        /* @__PURE__ */ jsxs(
-          Select,
+    /* @__PURE__ */ jsx(Dialog, { open: showSmsEditor, onOpenChange: setShowSmsEditor, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "SMS Editor" }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Learn more about the SMS editor and how to use it to create your SMS." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "", children: [
+        /* @__PURE__ */ jsx(
+          Textarea,
           {
-            value: mergeFieldValue,
-            onValueChange: (value) => {
-              const input = inputRef.current;
-              const currentMessage = message2 || "";
-              const selectionStart = input?.selectionStart ?? currentMessage.length;
-              const selectionEnd = input?.selectionEnd ?? currentMessage.length;
-              const newMessage = currentMessage.slice(0, selectionStart) + value + currentMessage.slice(selectionEnd);
-              setMessage(newMessage);
-              setMergeFieldValue("");
-              setTimeout(() => {
-                const newCursorPosition = selectionStart + value.length;
-                input?.focus();
-                input?.setSelectionRange(
-                  newCursorPosition,
-                  newCursorPosition
-                );
-              }, 0);
+            ref: inputRef,
+            className: "min-h-[300px]",
+            placeholder: "Text message content...",
+            value: message2 ?? "",
+            onChange: (e4) => {
+              const newValue = e4.target.value;
+              setMessage(
+                newValue.slice(0, 1600 - (companyName?.length || 0))
+              );
             },
+            maxLength: 1600 - (companyName?.length || 0)
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: mergeFieldValue,
+              onValueChange: (value) => {
+                const input = inputRef.current;
+                const currentMessage = message2 || "";
+                const selectionStart = input?.selectionStart ?? currentMessage.length;
+                const selectionEnd = input?.selectionEnd ?? currentMessage.length;
+                const newMessage = currentMessage.slice(0, selectionStart) + value + currentMessage.slice(selectionEnd);
+                setMessage(newMessage);
+                setMergeFieldValue("");
+                setTimeout(() => {
+                  const newCursorPosition = selectionStart + value.length;
+                  input?.focus();
+                  input?.setSelectionRange(
+                    newCursorPosition,
+                    newCursorPosition
+                  );
+                }, 0);
+              },
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[50px]", children: /* @__PURE__ */ jsx(iconDefinitions.MergeField, { className: "w-4 h-4" }) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: getMergeFields2?.mergeFields?.map(
+                  (field) => field.entries.map((entry) => /* @__PURE__ */ jsx(SelectItem, { value: entry.value, children: entry.label }, entry.value))
+                ).flat() })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(InfoTooltip, { title: "Dynamic content is a way to insert dynamic content into your messages such as the customer's name, email, or other details." })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `flex justify-end mt-2 text-sm transition-colors duration-300 ${message2 && message2.length > 1400 ? message2.length >= 1600 ? "text-red-500" : "text-amber-500" : "text-gray-500"}`,
             children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[50px]", children: /* @__PURE__ */ jsx(iconDefinitions.MergeField, { className: "w-4 h-4" }) }),
-              /* @__PURE__ */ jsx(SelectContent, { children: getMergeFields2?.mergeFields?.map(
-                (field) => field.entries.map((entry) => /* @__PURE__ */ jsx(SelectItem, { value: entry.value, children: entry.label }, entry.value))
-              ).flat() })
+              message2 ? message2.length : 0,
+              "/",
+              1600 - (companyName?.length || 0),
+              " ",
+              "characters"
             ]
           }
-        ),
-        /* @__PURE__ */ jsx(InfoTooltip, { title: "Dynamic content is a way to insert dynamic content into your messages such as the customer's name, email, or other details." })
-      ] }),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `flex justify-end mt-2 text-sm transition-colors duration-300 ${message2 && message2.length > 1400 ? message2.length >= 1600 ? "text-red-500" : "text-amber-500" : "text-gray-500"}`,
-          children: [
-            message2 ? message2.length : 0,
-            "/",
-            1600 - (companyName?.length || 0),
-            " ",
-            "characters"
-          ]
-        }
-      )
-    ] }) }) }),
+        )
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
@@ -41925,7 +41678,7 @@ const SelectEmailOrSMS = ({
       return;
     }
     setSelectedChannels([...selectedChannels, "email"]);
-    setExpandedChannels([...expandedChannels, "email"]);
+    setExpandedChannels([...expandedChannels || [], "email"]);
   };
   const toggleSMS = () => {
     if (selectedChannels.includes("sms")) {
@@ -41941,7 +41694,7 @@ const SelectEmailOrSMS = ({
       return;
     }
     setSelectedChannels([...selectedChannels, "sms"]);
-    setExpandedChannels([...expandedChannels, "sms"]);
+    setExpandedChannels([...expandedChannels || [], "sms"]);
   };
   const buttonStyle = "flex items-center gap-2 px-3 py-1.5 rounded-md transition-all duration-200";
   return /* @__PURE__ */ jsxs("div", { className: "", children: [
@@ -42066,7 +41819,7 @@ const EditCampaignContent = ({ automation, iconDefinitions }) => {
               motion.div,
               {
                 animate: {
-                  rotate: expandedChannels.includes("email") ? 0 : -90
+                  rotate: expandedChannels?.includes("email") ? 0 : -90
                 },
                 transition: { duration: 0.2 },
                 children: /* @__PURE__ */ jsx(iconDefinitions.DropdownMenuTrigger, { className: "w-5 h-5" })
@@ -42076,7 +41829,7 @@ const EditCampaignContent = ({ automation, iconDefinitions }) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx(AnimatePresence, { children: expandedChannels.includes("email") && /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(AnimatePresence, { children: expandedChannels?.includes("email") && /* @__PURE__ */ jsx(
         motion.div,
         {
           initial: { opacity: 0, height: 0 },
@@ -42097,7 +41850,9 @@ const EditCampaignContent = ({ automation, iconDefinitions }) => {
             /* @__PURE__ */ jsx(
               motion.div,
               {
-                animate: { rotate: expandedChannels.includes("sms") ? 0 : -90 },
+                animate: {
+                  rotate: expandedChannels?.includes("sms") ? 0 : -90
+                },
                 transition: { duration: 0.2 },
                 children: /* @__PURE__ */ jsx(iconDefinitions.DropdownMenuTrigger, { className: "w-5 h-5" })
               }
@@ -42106,7 +41861,7 @@ const EditCampaignContent = ({ automation, iconDefinitions }) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx(AnimatePresence, { children: expandedChannels.includes("sms") && /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(AnimatePresence, { children: expandedChannels?.includes("sms") && /* @__PURE__ */ jsx(
         motion.div,
         {
           initial: { opacity: 0, height: 0 },
@@ -42728,6 +42483,8 @@ var formatters$2 = {
   }
 };
 var dayPeriodEnum = {
+  am: "am",
+  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -46216,7 +45973,7 @@ const SelectSegments = ({
                 children: /* @__PURE__ */ jsx(iconDefinitions.DropdownMenuTrigger, { className: "w-5 h-5" })
               }
             ),
-            /* @__PURE__ */ jsx("span", { className: "", children: "Don't send to" })
+            /* @__PURE__ */ jsx("span", { children: "Don't send to" })
           ]
         }
       ),
@@ -46682,8 +46439,6 @@ const StatusBadge = ({
       return /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-green-600 hover:bg-green-700", children: "Active" });
     case AutomationStatus.RUNNING:
       return /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-blue-500 hover:bg-blue-600", children: "Running" });
-    case AutomationStatus.SCHEDULED:
-      return /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-purple-500 hover:bg-purple-600", children: "Scheduled" });
     case AutomationStatus.COMPLETED:
       return /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-gray-500 hover:bg-gray-600", children: "Completed" });
     case AutomationStatus.FAILED:
@@ -46886,15 +46641,21 @@ const ViewAutomationHeader = ({
       {
         open: openEditAutomationPopup,
         onOpenChange: setOpenEditAutomationPopup,
-        children: /* @__PURE__ */ jsx(DialogContent, { className: "max-w-screen min-h-screen max-h-screen overflow-hidden rounded-none sm:rounded-none", children: /* @__PURE__ */ jsx(
-          EditAutomationPopup,
-          {
-            automationId: automation.id,
-            iconDefinitions,
-            setOpenEditAutomationPopup,
-            logoUrl
-          }
-        ) })
+        children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-screen min-h-screen max-h-screen overflow-hidden rounded-none sm:rounded-none", children: [
+          /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: "Edit Automation" }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: "Edit the automation to change the content, schedule, and other details." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            EditAutomationPopup,
+            {
+              automationId: automation.id,
+              iconDefinitions,
+              setOpenEditAutomationPopup,
+              logoUrl
+            }
+          )
+        ] })
       }
     ),
     /* @__PURE__ */ jsx(
@@ -46902,15 +46663,21 @@ const ViewAutomationHeader = ({
       {
         open: openSendPreviewSmsPopup,
         onOpenChange: setOpenSendPreviewSmsPopup,
-        children: /* @__PURE__ */ jsx(DialogContent, { className: "", children: /* @__PURE__ */ jsx(
-          SendPreviewPopup,
-          {
-            automation,
-            type: "sms",
-            setOpenSendPreviewPopup: setOpenSendPreviewSmsPopup,
-            iconDefinitions
-          }
-        ) })
+        children: /* @__PURE__ */ jsxs(DialogContent, { className: "", children: [
+          /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: "Send Preview SMS" }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: "Send a preview SMS to the automation." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            SendPreviewPopup,
+            {
+              automation,
+              type: "sms",
+              setOpenSendPreviewPopup: setOpenSendPreviewSmsPopup,
+              iconDefinitions
+            }
+          )
+        ] })
       }
     ),
     /* @__PURE__ */ jsx(
@@ -46918,15 +46685,21 @@ const ViewAutomationHeader = ({
       {
         open: openSendPreviewEmailPopup,
         onOpenChange: setOpenSendPreviewEmailPopup,
-        children: /* @__PURE__ */ jsx(DialogContent, { className: "", children: /* @__PURE__ */ jsx(
-          SendPreviewPopup,
-          {
-            automation,
-            type: "email",
-            setOpenSendPreviewPopup: setOpenSendPreviewEmailPopup,
-            iconDefinitions
-          }
-        ) })
+        children: /* @__PURE__ */ jsxs(DialogContent, { className: "", children: [
+          /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: "Send Preview Email" }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: "Send a preview email to the automation." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            SendPreviewPopup,
+            {
+              automation,
+              type: "email",
+              setOpenSendPreviewPopup: setOpenSendPreviewEmailPopup,
+              iconDefinitions
+            }
+          )
+        ] })
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "p-6 border-b border-gray-200", children: [
@@ -47079,57 +46852,57 @@ Object.values(
 );
 export {
   $TRACK as $,
-  getQueryStatusColorByLabel as A,
-  displayValue as B,
-  convertRemToPixels as C,
-  untrack as D,
-  useTransition as E,
+  displayValue as A,
+  batch as B,
+  clearDelegatedEvents as C,
+  Dynamic as D,
+  untrack as E,
   For as F,
-  spread as G,
-  mergeProps$4 as H,
-  createRoot as I,
-  serialize$1 as J,
-  Index as K,
-  updateNestedDataByPath as L,
-  addEventListener as M,
-  stringify as N,
-  Match as O,
+  createComputed as G,
+  serialize$1 as H,
+  Index as I,
+  updateNestedDataByPath as J,
+  convertRemToPixels as K,
+  getSidedProp as L,
+  getQueryStatusLabel as M,
+  createRoot as N,
+  addEventListener as O,
   Portal$7 as P,
-  Switch as Q,
-  deleteNestedDataByPath as R,
+  stringify as Q,
+  Match as R,
   Show as S,
-  splitProps as T,
-  Dynamic as U,
-  createComputed as V,
+  Switch as T,
+  deleteNestedDataByPath as U,
+  useTransition as V,
   ReachProvider as W,
   CreateAutomationModal as X,
   Engage as Y,
   SegmentBuilder as Z,
   ViewAutomationModal as _,
   createComponent as a,
-  createContext as b,
+  createSignal as b,
   createMemo as c,
-  createSignal as d,
+  delegateEvents as d,
   createEffect as e,
-  createRenderEffect as f,
+  mergeProps$4 as f,
   getPreferredColorScheme as g,
-  className as h,
-  insert as i,
-  clearDelegatedEvents as j,
-  delegateEvents as k,
-  onCleanup as l,
+  splitProps as h,
+  createContext as i,
+  createRenderEffect as j,
+  setAttribute as k,
+  createUniqueId as l,
   mutationSortFns as m,
-  on as n,
-  onMount as o,
-  setAttribute as p,
-  getSidedProp as q,
-  use as r,
+  onCleanup as n,
+  on as o,
+  onMount as p,
+  use as q,
+  insert as r,
   sortFns as s,
   template as t,
   useContext as u,
-  createUniqueId as v,
-  batch as w,
-  getQueryStatusLabel as x,
-  getMutationStatusColor as y,
-  getQueryStatusColor as z
+  className as v,
+  getQueryStatusColor as w,
+  getMutationStatusColor as x,
+  spread as y,
+  getQueryStatusColorByLabel as z
 };