@gears-frontx/react 0.2.0-alpha.0 → 0.2.0-alpha.15

package/dist/index.js

@@ -1,9 +1,6 @@
 // src/FrontXProvider.tsx
-import { useMemo as useMemo2, useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect3 } from "react";
 import { Provider as ReduxProvider } from "react-redux";
-import {
-  createFrontXApp
-} from "@gears-frontx/framework";
 
 // src/FrontXContext.tsx
 import { createContext, useContext } from "react";
@@ -41,7 +38,7 @@ var MfeProvider = ({ value, children }) => {
 import React, {
   createContext as createContext3,
   useContext as useContext3,
-  useEffect,
+  useEffect as useEffect2,
   useLayoutEffect,
   useMemo,
   useState
@@ -56,6 +53,8 @@ import {
   useSuspenseQuery
 } from "@tanstack/react-query";
 import {
+  readQueryCacheScopeGeneration,
+  recordQueryCacheScopeWriteDropped,
   subscribeQueryCacheRuntimeChanged
 } from "@gears-frontx/framework";
 
@@ -164,13 +163,23 @@ function createQueryCache(queryClient) {
   };
 }
 
+// src/hooks/useLatest.ts
+import { useEffect, useRef } from "react";
+function useLatest(value) {
+  const ref = useRef(value);
+  useEffect(() => {
+    ref.current = value;
+  });
+  return ref;
+}
+
 // src/queryClient.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var APP_QUERY_CLIENT_SYMBOL = /* @__PURE__ */ Symbol.for("frontx:query-cache:app-client");
 var APP_QUERY_CLIENT_RESOLVER_SYMBOL = /* @__PURE__ */ Symbol.for("frontx:query-cache:app-client-resolver");
 var APP_QUERY_CLIENT_ACTIVATOR_SYMBOL = /* @__PURE__ */ Symbol.for("frontx:query-cache:app-client-activator");
 var FrontXQueryClientContext = createContext3(void 0);
-var useCommitEffect = typeof globalThis.window === "undefined" ? useEffect : useLayoutEffect;
+var useCommitEffect = typeof globalThis.window === "undefined" ? useEffect2 : useLayoutEffect;
 function resolveFrontXQueryClient(app) {
   const clientApp = app;
   return clientApp[APP_QUERY_CLIENT_SYMBOL] ?? clientApp[APP_QUERY_CLIENT_RESOLVER_SYMBOL]?.();
@@ -261,24 +270,45 @@ function normalizeFetchStaleTime(staleTime) {
   if (staleTime === "static") {
     return Number.POSITIVE_INFINITY;
   }
+  if (typeof staleTime === "function") {
+    return 0;
+  }
   return typeof staleTime === "number" ? staleTime : void 0;
 }
-function resolveFetchStaleTime(queryClient, descriptor, overrideStaleTime) {
+function resolveFetchStaleTime(queryClient, queryKey, descriptor, overrideStaleTime) {
+  const clientDefaults = {
+    ...queryClient.getDefaultOptions().queries,
+    ...queryClient.getQueryDefaults(queryKey)
+  };
   return normalizeFetchStaleTime(
-    overrideStaleTime ?? descriptor.staleTime ?? queryClient.getDefaultOptions().queries?.staleTime
+    overrideStaleTime ?? descriptor.staleTime ?? clientDefaults.staleTime
   );
 }
+function cacheTimeOptions(staleTime, gcTime) {
+  return {
+    ...staleTime === void 0 ? {} : { staleTime },
+    ...gcTime === void 0 ? {} : { gcTime }
+  };
+}
 function fetchDescriptor(descriptor, options) {
   return descriptor.fetch(options);
 }
 function useFrontXQuery(descriptor, overrides) {
   const queryClient = useRequiredFrontXQueryClient();
-  const staleTime = resolveFetchStaleTime(queryClient, descriptor, overrides?.staleTime);
+  const staleTime = resolveFetchStaleTime(
+    queryClient,
+    descriptor.key,
+    descriptor,
+    overrides?.staleTime
+  );
   const result = useQuery({
     queryKey: descriptor.key,
     queryFn: ({ signal }) => fetchDescriptor(descriptor, { signal, staleTime }),
-    staleTime: overrides?.staleTime ?? descriptor.staleTime,
-    gcTime: overrides?.gcTime ?? descriptor.gcTime
+    ...cacheTimeOptions(
+      overrides?.staleTime ?? descriptor.staleTime,
+      overrides?.gcTime ?? descriptor.gcTime
+    ),
+    ...overrides?.enabled === void 0 ? {} : { enabled: overrides.enabled }
   });
   return {
     data: result.data,
@@ -291,12 +321,19 @@ function useFrontXQuery(descriptor, overrides) {
 }
 function useFrontXSuspenseQuery(descriptor, overrides) {
   const queryClient = useRequiredFrontXQueryClient();
-  const staleTime = resolveFetchStaleTime(queryClient, descriptor, overrides?.staleTime);
+  const staleTime = resolveFetchStaleTime(
+    queryClient,
+    descriptor.key,
+    descriptor,
+    overrides?.staleTime
+  );
   const result = useSuspenseQuery({
     queryKey: descriptor.key,
     queryFn: ({ signal }) => fetchDescriptor(descriptor, { signal, staleTime }),
-    staleTime: overrides?.staleTime ?? descriptor.staleTime,
-    gcTime: overrides?.gcTime ?? descriptor.gcTime
+    ...cacheTimeOptions(
+      overrides?.staleTime ?? descriptor.staleTime,
+      overrides?.gcTime ?? descriptor.gcTime
+    )
   });
   return {
     data: result.data,
@@ -314,7 +351,12 @@ function useFrontXInfiniteQuery(options) {
     initialPageParam: options.initialPage,
     queryFn: ({ pageParam, signal }) => fetchDescriptor(pageParam, {
       signal,
-      staleTime: resolveFetchStaleTime(queryClient, pageParam, options.staleTime)
+      staleTime: resolveFetchStaleTime(
+        queryClient,
+        options.initialPage.key,
+        pageParam,
+        options.staleTime
+      )
     }),
     getNextPageParam: (lastPage, allPages, lastPageDescriptor, allPageDescriptors) => options.getNextPage(
       buildPageContext(
@@ -333,9 +375,12 @@ function useFrontXInfiniteQuery(options) {
       )
     ) : void 0,
     select: (data) => data.pages,
-    staleTime: options.staleTime ?? options.initialPage.staleTime,
-    gcTime: options.gcTime ?? options.initialPage.gcTime,
-    maxPages: options.maxPages
+    ...cacheTimeOptions(
+      options.staleTime ?? options.initialPage.staleTime,
+      options.gcTime ?? options.initialPage.gcTime
+    ),
+    maxPages: options.maxPages,
+    ...options.enabled === void 0 ? {} : { enabled: options.enabled }
   });
   return {
     data: result.data,
@@ -365,7 +410,12 @@ function useFrontXSuspenseInfiniteQuery(options) {
     initialPageParam: options.initialPage,
     queryFn: ({ pageParam, signal }) => fetchDescriptor(pageParam, {
       signal,
-      staleTime: resolveFetchStaleTime(queryClient, pageParam, options.staleTime)
+      staleTime: resolveFetchStaleTime(
+        queryClient,
+        options.initialPage.key,
+        pageParam,
+        options.staleTime
+      )
     }),
     getNextPageParam: (lastPage, allPages, lastPageDescriptor, allPageDescriptors) => options.getNextPage(
       buildPageContext(
@@ -384,8 +434,10 @@ function useFrontXSuspenseInfiniteQuery(options) {
       )
     ) : void 0,
     select: (data) => data.pages,
-    staleTime: options.staleTime ?? options.initialPage.staleTime,
-    gcTime: options.gcTime ?? options.initialPage.gcTime,
+    ...cacheTimeOptions(
+      options.staleTime ?? options.initialPage.staleTime,
+      options.gcTime ?? options.initialPage.gcTime
+    ),
     maxPages: options.maxPages
   });
   return {
@@ -407,20 +459,46 @@ function useFrontXSuspenseInfiniteQuery(options) {
     }
   };
 }
+var mutationScopes = /* @__PURE__ */ new WeakMap();
+function scopeBoundQueryCache(queryCache2, scope) {
+  const scopeChanged = () => readQueryCacheScopeGeneration(scope.queryClient) !== scope.generation;
+  const dropped = () => {
+    if (!scopeChanged()) return false;
+    recordQueryCacheScopeWriteDropped(scope.queryClient, scope.generation);
+    return true;
+  };
+  return {
+    get: queryCache2.get,
+    getState: queryCache2.getState,
+    set: (key, dataOrUpdater) => {
+      if (!dropped()) queryCache2.set(key, dataOrUpdater);
+    },
+    cancel: (key) => scopeChanged() ? Promise.resolve() : queryCache2.cancel(key),
+    invalidate: (key) => dropped() ? Promise.resolve() : queryCache2.invalidate(key),
+    invalidateMany: (filters) => dropped() ? Promise.resolve() : queryCache2.invalidateMany(filters),
+    remove: (key) => {
+      if (!dropped()) queryCache2.remove(key);
+    }
+  };
+}
+function scopeBoundCallbackCtx(callbackCtx, scope) {
+  return scope ? { queryCache: scopeBoundQueryCache(createQueryCache(scope.queryClient), scope) } : callbackCtx;
+}
 function useFrontXMutation(options, callbackCtx) {
-  useRequiredFrontXQueryClient();
-  const latestRef = React.useRef({ options, callbackCtx });
-  latestRef.current = { options, callbackCtx };
+  const queryClient = useRequiredFrontXQueryClient();
+  const latestRef = useLatest({ options, callbackCtx, queryClient });
   const fetchAbortControllersRef = React.useRef(/* @__PURE__ */ new Set());
+  const abortFetchesOnUnmount = React.useEffectEvent(() => {
+    if (options.abortOnUnmount) {
+      for (const controller of fetchAbortControllersRef.current) {
+        controller.abort();
+      }
+      fetchAbortControllersRef.current.clear();
+    }
+  });
   React.useEffect(() => {
-    const fetchAbortControllers = fetchAbortControllersRef.current;
     return () => {
-      if (latestRef.current.options.abortOnUnmount) {
-        for (const controller of fetchAbortControllers) {
-          controller.abort();
-        }
-        fetchAbortControllers.clear();
-      }
+      abortFetchesOnUnmount();
     };
   }, []);
   const mutationFn = React.useCallback((variables, context) => {
@@ -444,35 +522,50 @@ function useFrontXMutation(options, callbackCtx) {
     return latestRef.current.options.endpoint.fetch(variables, { signal: controller.signal }).finally(() => {
       fetchAbortControllersRef.current.delete(controller);
     });
-  }, []);
-  const onMutate = React.useCallback((variables, _context) => {
+  }, [latestRef]);
+  const onMutate = React.useCallback(async (variables, mutationFnContext) => {
     const current = latestRef.current;
-    if (!current.options.onMutate) {
-      return void 0;
-    }
-    return current.options.onMutate(variables, current.callbackCtx);
-  }, []);
-  const onSuccess = React.useCallback((data, variables, context) => {
+    const scope = {
+      queryClient: current.queryClient,
+      generation: readQueryCacheScopeGeneration(current.queryClient)
+    };
+    mutationScopes.set(mutationFnContext, scope);
+    return current.options.onMutate?.(
+      variables,
+      scopeBoundCallbackCtx(current.callbackCtx, scope)
+    );
+  }, [latestRef]);
+  const onSuccess = React.useCallback((data, variables, context, mutationFnContext) => {
     const current = latestRef.current;
-    return current.options.onSuccess?.(data, variables, context, current.callbackCtx);
-  }, []);
-  const onError = React.useCallback((error, variables, context) => {
+    return current.options.onSuccess?.(
+      data,
+      variables,
+      context,
+      scopeBoundCallbackCtx(current.callbackCtx, mutationScopes.get(mutationFnContext))
+    );
+  }, [latestRef]);
+  const onError = React.useCallback((error, variables, context, mutationFnContext) => {
     const current = latestRef.current;
-    return current.options.onError?.(error, variables, context, current.callbackCtx);
-  }, []);
-  const onSettled = React.useCallback((data, error, variables, context) => {
+    return current.options.onError?.(
+      error,
+      variables,
+      context,
+      scopeBoundCallbackCtx(current.callbackCtx, mutationScopes.get(mutationFnContext))
+    );
+  }, [latestRef]);
+  const onSettled = React.useCallback((data, error, variables, context, mutationFnContext) => {
     const current = latestRef.current;
     return current.options.onSettled?.(
       data,
       error,
       variables,
       context,
-      current.callbackCtx
+      scopeBoundCallbackCtx(current.callbackCtx, mutationScopes.get(mutationFnContext))
     );
-  }, []);
+  }, [latestRef]);
   const mutation = useMutation({
     mutationFn,
-    onMutate: options.onMutate ? onMutate : void 0,
+    onMutate,
     onSuccess: options.onSuccess ? onSuccess : void 0,
     onError: options.onError ? onError : void 0,
     onSettled: options.onSettled ? onSettled : void 0
@@ -489,38 +582,14 @@ function useFrontXMutation(options, callbackCtx) {
 
 // src/FrontXProvider.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-function shallowEqual(a, b) {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  const keysA = Object.keys(a);
-  if (keysA.length !== Object.keys(b).length) return false;
-  return keysA.every((k) => Object.is(a[k], b[k]));
-}
-function createProviderOwnedApp(config) {
-  return createFrontXApp(config);
-}
 var FrontXProvider = ({
   children,
-  config,
-  app: providedApp,
+  app,
   mfeBridge
 }) => {
-  const [stableConfig, setStableConfig] = useState2(config);
-  if (!shallowEqual(
-    stableConfig,
-    config
-  )) {
-    setStableConfig(config);
-  }
-  const app = useMemo2(() => {
-    if (providedApp) {
-      return providedApp;
-    }
-    return createProviderOwnedApp(stableConfig);
-  }, [providedApp, stableConfig]);
   const queryClient = useBootstrappedFrontXQueryClient(app);
   const deferQuerySubtree = hasFrontXQueryClientActivator(app) && queryClient === void 0;
-  useEffect2(() => {
+  useEffect3(() => {
     if (queryClient || hasFrontXQueryClientActivator(app) || process.env.NODE_ENV === "production" || process.env.NODE_ENV === "test" || process.env.VITEST === "true") {
       return;
     }
@@ -528,13 +597,6 @@ var FrontXProvider = ({
       "[FrontXProvider] No query cache available. Add queryCache() or queryCacheShared() to your plugin composition. useApiQuery/useApiMutation will fail without it."
     );
   }, [app, queryClient]);
-  useEffect2(() => {
-    return () => {
-      if (!providedApp) {
-        app.destroy();
-      }
-    };
-  }, [app, providedApp]);
   const content = /* @__PURE__ */ jsx3(FrontXContext.Provider, { value: app, children: /* @__PURE__ */ jsx3(ReduxProvider, { store: app.store, children: /* @__PURE__ */ jsx3(FrontXQueryClientProvider, { queryClient, children: deferQuerySubtree ? null : children }) }) });
   if (mfeBridge) {
     return /* @__PURE__ */ jsx3(MfeProvider, { value: mfeBridge, children: content });
@@ -543,7 +605,7 @@ var FrontXProvider = ({
 };
 
 // src/hooks/useCanAccess.ts
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState2 } from "react";
 function serializeRecordValue(value) {
   if (value === null) return "n:";
   if (typeof value === "string") return `s:${value}`;
@@ -560,24 +622,23 @@ function accessQueryKey(query) {
 function getAuthRuntime(app) {
   return app.auth ?? null;
 }
+var DENIED_NO_AUTH = { allow: false, isResolving: false };
 function useCanAccess(query) {
   const app = useFrontX();
+  const auth2 = getAuthRuntime(app);
   const stableKey = accessQueryKey(query);
-  const [stableQuery, setStableQuery] = useState3(() => query);
-  const [storedKey, setStoredKey] = useState3(stableKey);
-  const [result, setResult] = useState3({ allow: false, isResolving: true });
-  if (storedKey !== stableKey) {
-    setStoredKey(stableKey);
+  const [stableQuery, setStableQuery] = useState2(() => query);
+  const [runState, setRunState] = useState2({ auth: auth2, stableKey });
+  const [result, setResult] = useState2({ allow: false, isResolving: true });
+  if (runState.auth !== auth2 || runState.stableKey !== stableKey) {
+    setRunState({ auth: auth2, stableKey });
     setStableQuery(query);
     setResult({ allow: false, isResolving: true });
   }
-  useEffect3(() => {
-    const auth2 = getAuthRuntime(app);
+  useEffect4(() => {
     if (!auth2) {
-      setResult({ allow: false, isResolving: false });
       return;
     }
-    setResult({ allow: false, isResolving: true });
     let alive = true;
     const controller = new AbortController();
     void auth2.canAccess(stableQuery, { signal: controller.signal }).then((decision) => {
@@ -593,8 +654,8 @@ function useCanAccess(query) {
       alive = false;
       controller.abort();
     };
-  }, [app, stableQuery]);
-  return result;
+  }, [auth2, stableQuery]);
+  return auth2 ? result : DENIED_NO_AUTH;
 }
 
 // src/components/CanAccess.tsx
@@ -622,7 +683,7 @@ import { useSelector } from "react-redux";
 var useAppSelector = useSelector;
 
 // src/hooks/useTranslation.ts
-import { useMemo as useMemo3, useCallback, useSyncExternalStore } from "react";
+import { useMemo as useMemo2, useCallback, useSyncExternalStore } from "react";
 function useTranslation() {
   const app = useFrontX();
   const { i18nRegistry: i18nRegistry2 } = app;
@@ -636,7 +697,7 @@ function useTranslation() {
     () => i18nRegistry2.getVersion(),
     () => i18nRegistry2.getVersion()
   );
-  const language = useMemo3(() => {
+  const language = useMemo2(() => {
     void version;
     return i18nRegistry2.getLanguage();
   }, [i18nRegistry2, version]);
@@ -654,7 +715,7 @@ function useTranslation() {
     },
     [app.actions]
   );
-  const isRTL = useMemo3(() => {
+  const isRTL = useMemo2(() => {
     void language;
     return i18nRegistry2.isRTL();
   }, [i18nRegistry2, language]);
@@ -667,16 +728,15 @@ function useTranslation() {
 }
 
 // src/hooks/useScreenTranslations.ts
-import { useState as useState4, useEffect as useEffect4, useMemo as useMemo4, useCallback as useCallback2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useState as useState3, useEffect as useEffect5, useMemo as useMemo3, useCallback as useCallback2, useSyncExternalStore as useSyncExternalStore2 } from "react";
 function isTranslationLoader(input) {
   return typeof input === "function";
 }
 function useScreenTranslations(screensetId, screenId, translations) {
   const app = useFrontX();
   const { i18nRegistry: i18nRegistry2 } = app;
-  const [loadedLanguage, setLoadedLanguage] = useState4(null);
-  const [isLoading, setIsLoading] = useState4(false);
-  const [error, setError] = useState4(null);
+  const [loadedLanguage, setLoadedLanguage] = useState3(null);
+  const [error, setError] = useState3(null);
   const version = useSyncExternalStore2(
     useCallback2(
       (callback) => i18nRegistry2.subscribe(callback),
@@ -685,11 +745,11 @@ function useScreenTranslations(screensetId, screenId, translations) {
     () => i18nRegistry2.getVersion(),
     () => i18nRegistry2.getVersion()
   );
-  const currentLanguage = useMemo4(() => {
+  const currentLanguage = useMemo3(() => {
     void version;
     return i18nRegistry2.getLanguage();
   }, [i18nRegistry2, version]);
-  const loader = useMemo4(() => {
+  const loader = useMemo3(() => {
     if (isTranslationLoader(translations)) {
       return translations;
     }
@@ -702,12 +762,11 @@ function useScreenTranslations(screensetId, screenId, translations) {
       return module.default;
     };
   }, [translations]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!currentLanguage || currentLanguage === loadedLanguage) {
       return;
     }
     let cancelled = false;
-    setIsLoading(true);
     const loadTranslations = async () => {
       try {
         const namespace = `screen.${screensetId}.${screenId}`;
@@ -716,13 +775,11 @@ function useScreenTranslations(screensetId, screenId, translations) {
         i18nRegistry2.register(namespace, currentLanguage, loadedTranslations);
         if (!cancelled) {
           setLoadedLanguage(currentLanguage);
-          setIsLoading(false);
           setError(null);
         }
       } catch (err) {
         if (!cancelled) {
           setError(err instanceof Error ? err : new Error(String(err)));
-          setIsLoading(false);
         }
       }
     };
@@ -731,12 +788,12 @@ function useScreenTranslations(screensetId, screenId, translations) {
       cancelled = true;
     };
   }, [screensetId, screenId, loader, i18nRegistry2, currentLanguage, loadedLanguage]);
-  const isLoaded = currentLanguage !== null && currentLanguage === loadedLanguage && !isLoading;
+  const isLoaded = currentLanguage !== null && currentLanguage === loadedLanguage;
   return { isLoaded, error };
 }
 
 // src/hooks/useFormatters.ts
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo4 } from "react";
 import {
   formatDate as formatDateFn,
   formatTime as formatTimeFn,
@@ -751,7 +808,7 @@ import {
 } from "@gears-frontx/framework";
 function useFormatters() {
   const { language } = useTranslation();
-  return useMemo5(
+  return useMemo4(
     () => {
       void language;
       return {
@@ -772,7 +829,7 @@ function useFormatters() {
 }
 
 // src/hooks/useTheme.ts
-import { useCallback as useCallback3, useMemo as useMemo6, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo5, useSyncExternalStore as useSyncExternalStore3 } from "react";
 function useTheme() {
   const app = useFrontX();
   const { themeRegistry } = app;
@@ -786,12 +843,12 @@ function useTheme() {
     () => themeRegistry.getVersion(),
     () => themeRegistry.getVersion()
   );
-  const currentTheme = useMemo6(() => {
+  const currentTheme = useMemo5(() => {
     void version;
     const theme = themeRegistry.getCurrent();
     return theme?.id;
   }, [themeRegistry, version]);
-  const themes2 = useMemo6(() => {
+  const themes2 = useMemo5(() => {
     return themeRegistry.getAll().map((theme) => ({
       id: theme.id,
       name: theme.name
@@ -833,34 +890,47 @@ function useApiSuspenseInfiniteQuery(options) {
 }
 
 // src/hooks/useApiMutation.ts
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo6 } from "react";
 function useApiMutation(options) {
   const queryClient = useRequiredFrontXQueryClient();
-  const queryCache2 = useMemo7(() => createQueryCache(queryClient), [queryClient]);
-  const callbackCtx = useMemo7(() => ({ queryCache: queryCache2 }), [queryCache2]);
+  const queryCache2 = useMemo6(() => createQueryCache(queryClient), [queryClient]);
+  const callbackCtx = useMemo6(() => ({ queryCache: queryCache2 }), [queryCache2]);
   return useFrontXMutation(options, callbackCtx);
 }
 
 // src/hooks/useApiStream.ts
-import { useEffect as useEffect5, useMemo as useMemo8, useRef, useState as useState5, useCallback as useCallback4 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo7, useRef as useRef2, useState as useState4, useCallback as useCallback4 } from "react";
 function useApiStream(descriptor, options) {
   const mode = options?.mode ?? "latest";
   const enabled = options?.enabled ?? true;
-  const [data, setData] = useState5(void 0);
-  const [events, setEvents] = useState5([]);
-  const [status, setStatus] = useState5("idle");
-  const [error, setError] = useState5(null);
-  const connectPromiseRef = useRef(null);
-  const connectionIdRef = useRef(null);
-  const disconnectRequestedRef = useRef(false);
-  const descriptorRef = useRef(descriptor);
-  descriptorRef.current = descriptor;
-  const descriptorKey = useMemo8(() => JSON.stringify(descriptor.key), [descriptor.key]);
-  useEffect5(() => {
+  const [data, setData] = useState4(void 0);
+  const [events, setEvents] = useState4([]);
+  const [status, setStatus] = useState4(() => enabled ? "connecting" : "idle");
+  const [error, setError] = useState4(null);
+  const connectPromiseRef = useRef2(null);
+  const connectionIdRef = useRef2(null);
+  const disconnectRequestedRef = useRef2(false);
+  const descriptorRef = useLatest(descriptor);
+  const descriptorKey = useMemo7(() => JSON.stringify(descriptor.key), [descriptor.key]);
+  const resetKey = `${descriptorKey}:${mode}`;
+  const [prevResetKey, setPrevResetKey] = useState4(resetKey);
+  if (resetKey !== prevResetKey) {
+    setPrevResetKey(resetKey);
     setData(void 0);
     setEvents([]);
     setError(null);
-  }, [descriptorKey, mode]);
+  }
+  const connectKey = `${resetKey}:${enabled}`;
+  const [prevConnectKey, setPrevConnectKey] = useState4(connectKey);
+  if (connectKey !== prevConnectKey) {
+    setPrevConnectKey(connectKey);
+    if (enabled) {
+      setData(void 0);
+      setEvents([]);
+      setStatus("connecting");
+      setError(null);
+    }
+  }
   const disconnect = useCallback4(() => {
     disconnectRequestedRef.current = true;
     if (connectionIdRef.current) {
@@ -869,19 +939,14 @@ function useApiStream(descriptor, options) {
       disconnectRequestedRef.current = false;
     }
     setStatus("disconnected");
-  }, []);
-  useEffect5(() => {
+  }, [descriptorRef]);
+  useEffect6(() => {
     if (!enabled) {
-      setStatus("idle");
       return;
     }
     let cancelled = false;
     disconnectRequestedRef.current = false;
     const d = descriptorRef.current;
-    setData(void 0);
-    setEvents([]);
-    setStatus("connecting");
-    setError(null);
     const connectPromise = d.connect(
       (event) => {
         if (cancelled) return;
@@ -927,12 +992,12 @@ function useApiStream(descriptor, options) {
       connectPromiseRef.current = null;
       connectionIdRef.current = null;
     };
-  }, [descriptorKey, enabled, mode]);
-  return { data, events, status, error, disconnect };
+  }, [descriptorKey, enabled, mode, descriptorRef]);
+  return { data, events, status: enabled ? status : "idle", error, disconnect };
 }
 
 // src/hooks/useQueryCache.ts
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo8 } from "react";
 function useQueryCache() {
   const queryClient = useOptionalFrontXQueryClient();
   if (!queryClient) {
@@ -940,7 +1005,7 @@ function useQueryCache() {
       "[FrontXProvider] No query cache available. Add queryCache() or queryCacheShared() to your plugin composition."
     );
   }
-  return useMemo9(() => createQueryCache(queryClient), [queryClient]);
+  return useMemo8(() => createQueryCache(queryClient), [queryClient]);
 }
 
 // src/mfe/hooks/useMfeBridge.ts
@@ -950,20 +1015,27 @@ function useMfeBridge() {
 }
 
 // src/mfe/hooks/useSharedProperty.ts
-import { useSyncExternalStore as useSyncExternalStore4, useCallback as useCallback5 } from "react";
-function useSharedProperty(propertyTypeId) {
-  const { bridge } = useMfeContext();
-  const subscribe = useCallback5((callback) => {
-    return bridge.subscribeToProperty(propertyTypeId, () => {
-      callback();
-    });
-  }, [bridge, propertyTypeId]);
+import { useCallback as useCallback5, useContext as useContext4, useSyncExternalStore as useSyncExternalStore4 } from "react";
+function useSharedProperty(propertyTypeId, options) {
+  const contextValue = useContext4(MfeContext);
+  const bridge = options?.bridge ?? contextValue?.bridge;
+  const fallback = options?.fallback;
+  if (!bridge) {
+    throw new Error(
+      "useSharedProperty must be used within a MfeProvider, or given an explicit `bridge` option, for components that never mount MfeProvider."
+    );
+  }
+  const subscribe = useCallback5(
+    (onStoreChange) => bridge.subscribeToProperty(propertyTypeId, () => {
+      onStoreChange();
+    }),
+    [bridge, propertyTypeId]
+  );
   const getSnapshot = useCallback5(() => {
-    const property = bridge.getProperty(propertyTypeId);
-    return property?.value;
-  }, [bridge, propertyTypeId]);
-  const value = useSyncExternalStore4(subscribe, getSnapshot, getSnapshot);
-  return value;
+    const raw = bridge.getProperty(propertyTypeId)?.value;
+    return raw === void 0 ? fallback : raw;
+  }, [bridge, propertyTypeId, fallback]);
+  return useSyncExternalStore4(subscribe, getSnapshot, getSnapshot);
 }
 
 // src/mfe/hooks/useHostAction.ts
@@ -974,36 +1046,41 @@ function useHostAction(actionTypeId) {
     const chain = {
       action: {
         type: actionTypeId,
-        target: bridge.domainId,
+        target: bridge.extDomainId,
         payload
       }
     };
-    bridge.executeActionsChain(chain).catch((error) => {
-      console.error(
-        `[useHostAction] Failed to send action '${actionTypeId}':`,
-        error
-      );
-    });
+    bridge.executeActionsChain(chain);
   }, [actionTypeId, bridge]);
 }
 
-// src/mfe/hooks/useDomainExtensions.ts
-import { useSyncExternalStore as useSyncExternalStore5, useCallback as useCallback7, useRef as useRef2 } from "react";
-function useDomainExtensions(domainId) {
-  const app = useFrontX();
+// src/mfe/hooks/useMfeRegistry.ts
+function resolveMfeRegistry(app, callerName) {
   const registry = app.mfeRegistry;
   if (!registry) {
     throw new Error(
-      "useDomainExtensions requires the microfrontends plugin. Add microfrontends() to your Gears FrontX app configuration."
+      `${callerName} requires the microfrontends plugin. Add microfrontends() to your Gears FrontX app configuration.`
     );
   }
+  return registry;
+}
+function useMfeRegistry() {
+  const app = useFrontX();
+  return resolveMfeRegistry(app, "useMfeRegistry");
+}
+
+// src/mfe/hooks/useDomainExtensions.ts
+import { useSyncExternalStore as useSyncExternalStore5, useCallback as useCallback7, useRef as useRef3 } from "react";
+function useDomainExtensions(domainId) {
+  const app = useFrontX();
+  const registry = resolveMfeRegistry(app, "useDomainExtensions");
   const subscribe = useCallback7(
     (onStoreChange) => {
       return app.store.subscribe(onStoreChange);
     },
     [app.store]
   );
-  const cacheRef = useRef2({ ids: "", extensions: [] });
+  const cacheRef = useRef3({ ids: "", extensions: [] });
   const getSnapshot = useCallback7(() => {
     const extensions = registry.getExtensionsForDomain(domainId);
     const ids = extensions.map((e) => e.id).join(",");
@@ -1015,53 +1092,19 @@ function useDomainExtensions(domainId) {
   return useSyncExternalStore5(subscribe, getSnapshot, getSnapshot);
 }
 
-// src/mfe/hooks/useMountedExtensions.ts
-import { useSyncExternalStore as useSyncExternalStore6, useCallback as useCallback8, useRef as useRef3 } from "react";
-function useMountedExtensions(domainId) {
-  const app = useFrontX();
-  const registry = app.mfeRegistry;
-  if (!registry) {
-    throw new Error(
-      "useMountedExtensions requires the microfrontends plugin. Add microfrontends() to your Gears FrontX app configuration."
-    );
-  }
-  const subscribe = useCallback8(
-    (onStoreChange) => {
-      return app.store.subscribe(onStoreChange);
-    },
-    [app.store]
-  );
-  const cacheRef = useRef3({ key: "", extensions: [] });
-  const getSnapshot = useCallback8(() => {
-    const ids = registry.getMountedExtensions(domainId);
-    const resolved = ids.map((id) => registry.getExtension(id)).filter((ext) => ext !== void 0);
-    const key = ids.join(",");
-    if (key !== cacheRef.current.key) {
-      cacheRef.current = { key, extensions: resolved };
-    }
-    return cacheRef.current.extensions;
-  }, [registry, domainId]);
-  return useSyncExternalStore6(subscribe, getSnapshot, getSnapshot);
-}
-
 // src/mfe/hooks/useRegisteredPackages.ts
-import { useSyncExternalStore as useSyncExternalStore7, useCallback as useCallback9, useRef as useRef4 } from "react";
+import { useSyncExternalStore as useSyncExternalStore6, useCallback as useCallback8, useRef as useRef4 } from "react";
 function useRegisteredPackages() {
   const app = useFrontX();
-  const registry = app.mfeRegistry;
-  if (!registry) {
-    throw new Error(
-      "useRegisteredPackages requires the microfrontends plugin. Add microfrontends() to your Gears FrontX app configuration."
-    );
-  }
-  const subscribe = useCallback9(
+  const registry = resolveMfeRegistry(app, "useRegisteredPackages");
+  const subscribe = useCallback8(
     (onStoreChange) => {
       return app.store.subscribe(onStoreChange);
     },
     [app.store]
   );
   const cacheRef = useRef4({ packages: "", list: [] });
-  const getSnapshot = useCallback9(() => {
+  const getSnapshot = useCallback8(() => {
     const list = registry.getRegisteredPackages();
     const packages = list.join(",");
     if (packages !== cacheRef.current.packages) {
@@ -1069,12 +1112,40 @@ function useRegisteredPackages() {
     }
     return cacheRef.current.list;
   }, [registry]);
-  return useSyncExternalStore7(subscribe, getSnapshot, getSnapshot);
+  return useSyncExternalStore6(subscribe, getSnapshot, getSnapshot);
 }
 
 // src/mfe/ThemeAwareReactLifecycle.tsx
 import { createRoot } from "react-dom/client";
+
+// src/mfe/domainTeardownCollector.ts
+var activeCollector;
+function collectDomainTeardowns(fn) {
+  const previousCollector = activeCollector;
+  const collector = [];
+  activeCollector = collector;
+  try {
+    fn();
+  } finally {
+    activeCollector = previousCollector;
+  }
+  return collector;
+}
+function registerDomainTeardown(promise) {
+  activeCollector?.push(promise);
+}
+
+// src/mfe/ThemeAwareReactLifecycle.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
+var ADOPTED_HOST_STYLE_ATTR = "data-frontx-adopted-host-style";
+var BASE_RESETS_STYLE_ID = "__frontx-base-resets__";
+var SHELL_OWNED_SHADOW_STYLE_IDS = ["__frontx-shadow-isolation__", "__frontx-css-variables__"];
+function cssToCopy(style) {
+  const text = style.textContent ?? "";
+  const sheet = style.sheet;
+  if (text.trim() || !sheet) return text;
+  return Array.from(sheet.cssRules, (rule) => rule.cssText).join("\n");
+}
 function resolveProviderMountOptions(app, bridge, mountContext) {
   const extensionId = mountContext?.extensionId;
   const domainId = mountContext?.domainId;
@@ -1102,6 +1173,7 @@ var ThemeAwareReactLifecycle = class {
   app;
   root = null;
   mount(container, bridge, mountContext) {
+    void this.app.mfeRegistry;
     if (container instanceof ShadowRoot) {
       this.adoptHostStylesIntoShadowRoot(container);
     }
@@ -1120,36 +1192,149 @@ var ThemeAwareReactLifecycle = class {
       )
     );
   }
-  unmount(_container) {
-    if (this.root) {
-      this.root.unmount();
-      this.root = null;
-    }
+  /**
+   * `Root.unmount()` itself is synchronous, but a nested `ExtensionDomainSlot`
+   * mounted anywhere in this root's own tree cannot make ITS cleanup
+   * synchronous too — its mounter's own `detach()` awaits per-extension
+   * unmounts. Collecting whatever that cleanup fire-and-forgets (through
+   * `domainTeardownCollector`, scoped to this one `Root.unmount()` call) and
+   * awaiting it here is what makes this method's own returned promise settle
+   * only once every nested domain this root owns has actually finished
+   * tearing down — never before. A root with no routed nested domain
+   * collects nothing, and this resolves exactly as before (a microtask after
+   * the synchronous unmount, same observable timing `void | Promise<void>`
+   * already allows).
+   */
+  async unmount(_container) {
+    if (!this.root) return;
+    const root = this.root;
+    this.root = null;
+    const pendingTeardowns = collectDomainTeardowns(() => root.unmount());
+    const settled = await Promise.allSettled(pendingTeardowns);
+    const failed = settled.find((result) => result.status === "rejected");
+    if (failed) throw failed.reason;
   }
   /**
    * Copy all inline <style> and <link rel="stylesheet"> from the host document
    * into the shadow root so that Tailwind and component styles apply inside the MFE.
+   *
+   * The clones are inserted ahead of everything already in the shadow root, never
+   * appended, because adopted host styles are context rather than authority: where
+   * they and the MFE's own CSS declare the same property at equal specificity, the
+   * MFE has to win. Appending inverted that. `MfeHandlerMF` injects the MFE's
+   * compiled stylesheet into the shadow root before it calls mount, so an appended
+   * clone of the shell's Tailwind preflight - whose
+   * `button, [type='button'], [type='reset'], [type='submit']` rule sets
+   * `background-color: transparent` at specificity (0,1,0) - tied with
+   * `@gears-frontx/ui-kit`'s single-class button rule and won on document order,
+   * leaving every kit Button transparent until it was hovered.
+   *
+   * Inserting at the front rather than pushing MFE styles to the back is what makes
+   * the invariant hold for stylesheets that appear after mount too - a lazily
+   * imported component's CSS module, or whatever initializeStyles() adds - since
+   * those land behind the adopted block by construction.
+   *
+   * A cascade layer around the adopted CSS was the alternative and is rejected:
+   * layered rules lose to unlayered ones at *any* specificity, so a host utility
+   * class would stop overriding an MFE element selector. Document order keeps
+   * specificity in charge and only settles the ties.
+   *
+   * The block replaces its predecessor instead of stacking on it, the same
+   * upsert shape `injectStylesheet` and `injectCssVariables` use in
+   * `@gears-frontx/mfes`' shadow utilities, widened from one id-keyed node to a
+   * marked block. Replacement is required rather than tidy: `createShadowRoot`
+   * hands back an existing `element.shadowRoot` instead of attaching a new one,
+   * so remounting the same container runs this method again on a shadow root
+   * that already holds a full adopted block, and appending would grow it once
+   * per mount with no bound. It does not save re-resolving the cloned `<link>`s -
+   * every mount clones them afresh and the browser resolves each clone; what
+   * replacement buys is that the count stays at one block instead of one per
+   * mount.
+   *
+   * The block is rebuilt from the host head rather than left in place, because
+   * the head is not fixed: a lazily imported chunk adds stylesheets to it after
+   * the first mount, and the second mount has to pick those up.
+   *
+   * A `<style>` is copied into a new element that holds the host's CSS - see
+   * `cssToCopy` - and takes three things from the host element: `media`,
+   * without which a print-only host style applies on screen inside the MFE;
+   * `type`, which keeps the copy of a non-CSS element as inert as the original;
+   * and the nonce, without which a nonce-based CSP blocks the copy. The nonce is read from the `nonce` property, because
+   * browsers blank the attribute in a document served with a CSP header.
+   * Nothing else is carried over, because libraries look for their own
+   * attributes inside the shadow root: styled-components, rendering into it,
+   * puts its tag right after the last `style[data-styled]` there, so a copy of
+   * the host's tag would pull the MFE's rules ahead of the base resets and the
+   * MFE's own CSS. A `<link>` is a deep clone and is loaded from its `href`
+   * again.
+   *
+   * The fresh block goes in before the previous one comes out. Removing first
+   * leaves the shadow root with no host CSS at all, and everything between that
+   * removal and the insertion is synchronous work in this same task - so the gap
+   * never reaches a paint, but any code that reads computed styles from the tree
+   * in between sees an unstyled one. Inserting first costs one moment with two
+   * blocks present, which changes nothing: the old block is a clone of the same
+   * host head and loses every tie to the new one on document order anyway.
    */
   adoptHostStylesIntoShadowRoot(shadowRoot) {
-    const styleElements = document.head.querySelectorAll("style");
-    styleElements.forEach((el) => {
-      const clone = document.createElement("style");
-      clone.textContent = el.textContent ?? "";
-      shadowRoot.appendChild(clone);
-    });
-    const linkElements = document.head.querySelectorAll('link[rel="stylesheet"]');
-    linkElements.forEach((el) => {
-      const clone = el.cloneNode(true);
-      shadowRoot.appendChild(clone);
+    const supersededStyles = Array.from(shadowRoot.querySelectorAll(`[${ADOPTED_HOST_STYLE_ATTR}]`));
+    const adoptedStyles = document.createDocumentFragment();
+    const hostStyleNodes = document.head.querySelectorAll('style, link[rel="stylesheet"]');
+    hostStyleNodes.forEach((el) => {
+      if (el instanceof HTMLStyleElement) {
+        const copy = document.createElement("style");
+        if (el.media) copy.media = el.media;
+        if (el.type) copy.type = el.type;
+        if (el.nonce) copy.nonce = el.nonce;
+        copy.textContent = cssToCopy(el);
+        copy.setAttribute(ADOPTED_HOST_STYLE_ATTR, "");
+        adoptedStyles.appendChild(copy);
+        return;
+      }
+      const linkClone = el.cloneNode(true);
+      linkClone.setAttribute(ADOPTED_HOST_STYLE_ATTR, "");
+      adoptedStyles.appendChild(linkClone);
     });
+    shadowRoot.insertBefore(adoptedStyles, shadowRoot.firstChild);
+    supersededStyles.forEach((el) => el.remove());
   }
   /**
    * Box-model resets and :host defaults needed inside every shadow root.
    * These aren't part of Tailwind's compiled output but are required for
    * consistent rendering across browsers.
+   *
+   * Reuses the node a previous mount left behind, exactly as `injectStylesheet`
+   * does in `@gears-frontx/mfes`' shadow utilities: a remount runs against a
+   * shadow root that `createShadowRoot` handed back intact, and appending a
+   * second copy would add one node per mount forever.
+   *
+   * Reuse alone is not enough, which is why the node is also positioned on every
+   * mount rather than left where the previous one sat. These resets are context
+   * like the adopted block is - `border-color: currentColor` on `*` is a 0-0-0
+   * declaration that beats an MFE preflight's own 0-0-0 reset purely on document
+   * order - so they have to stay ahead of the MFE's CSS, and where they land is
+   * not stable on its own. `MfeHandlerMF.wrapLifecycleWithStylesheets` removes the
+   * MFE's stylesheet on unmount and appends a fresh one before the next mount, so
+   * a node merely left in place ends up ahead of that stylesheet on a remount and
+   * behind it on the first mount: two different cascades for one component.
+   * Anchoring it to the end of the shell-owned head gives every mount the same
+   * order - adopted block, isolation, resets, MFE - which is also the order the
+   * adoption method's invariant is written against.
+   *
+   * With no shell-owned node to anchor to, the resets go to the front. That is the
+   * plain-`Element` container: no adopted block, no isolation style, and the MFE
+   * stylesheet already appended by the handler, so the front is again the only
+   * position that leaves the MFE winning ties.
+   *
+   * Looked up by attribute-selector form rather than `getElementById`, which
+   * `ShadowRoot` has but `Element` does not, and this hook takes either.
    */
   injectBaseResets(container) {
-    const style = document.createElement("style");
+    const existing = container.querySelector(
+      `style[id="${BASE_RESETS_STYLE_ID}"]`
+    );
+    const style = existing ?? document.createElement("style");
+    style.id = BASE_RESETS_STYLE_ID;
     style.textContent = `
       *, *::before, *::after {
         box-sizing: border-box;
@@ -1163,11 +1348,21 @@ var ThemeAwareReactLifecycle = class {
         line-height: 1.5;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        color: hsl(var(--foreground));
-        background-color: hsl(var(--background));
+        color: var(--foreground);
+        background-color: var(--background);
       }
     `;
-    container.appendChild(style);
+    const shellOwnedHead = container.querySelectorAll(
+      [
+        `[${ADOPTED_HOST_STYLE_ATTR}]`,
+        ...SHELL_OWNED_SHADOW_STYLE_IDS.map((id) => `[id="${id}"]`)
+      ].join(", ")
+    );
+    const lastShellOwnedNode = shellOwnedHead[shellOwnedHead.length - 1];
+    container.insertBefore(
+      style,
+      lastShellOwnedNode ? lastShellOwnedNode.nextSibling : container.firstChild
+    );
   }
   /**
    * Hook for subclasses to inject additional CSS not covered by the adopted host
@@ -1180,7 +1375,7 @@ var ThemeAwareReactLifecycle = class {
 };
 
 // src/mfe/components/ExtensionDomainSlot.tsx
-import { useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "react";
+import { useEffect as useEffect7, useEffectEvent, useRef as useRef5, useState as useState5 } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
 function ExtensionDomainSlot(props) {
   const {
@@ -1192,12 +1387,14 @@ function ExtensionDomainSlot(props) {
     loadingComponent = null
   } = props;
   const rootRef = useRef5(null);
-  const onAttachedRef = useRef5(onAttached);
-  const onDetachedRef = useRef5(onDetached);
-  onAttachedRef.current = onAttached;
-  onDetachedRef.current = onDetached;
-  const [attached, setAttached] = useState6(false);
-  useEffect6(() => {
+  const emitAttached = useEffectEvent((root) => {
+    onAttached?.(root);
+  });
+  const emitDetached = useEffectEvent(() => {
+    onDetached?.();
+  });
+  const [attached, setAttached] = useState5(false);
+  useEffect7(() => {
     const root = rootRef.current;
     if (!root) {
       return;
@@ -1205,11 +1402,12 @@ function ExtensionDomainSlot(props) {
     const mounter = registry.getMounter(domainId);
     mounter.attach(root);
     setAttached(true);
-    onAttachedRef.current?.(root);
+    emitAttached(root);
     return () => {
-      void mounter.detach();
+      const detachPromise = mounter.detach();
+      registerDomainTeardown(detachPromise);
       setAttached(false);
-      onDetachedRef.current?.();
+      emitDetached();
     };
   }, [registry, domainId]);
   return /* @__PURE__ */ jsx5(
@@ -1226,7 +1424,6 @@ function ExtensionDomainSlot(props) {
 // src/index.ts
 import {
   createFrontX,
-  createFrontXApp as createFrontXApp2,
   presets,
   ACCOUNTS_DOMAIN,
   I18nRegistry,
@@ -1243,7 +1440,6 @@ import {
   registerSlice,
   hasSlice,
   createSlice,
-  LayoutDomain,
   layoutReducer,
   layoutDomainReducers,
   LAYOUT_SLICE_NAME,
@@ -1303,6 +1499,7 @@ import {
   toggleMockMode,
   MockEvents,
   auth,
+  AuthEvents,
   frontxApiTransport,
   apiRegistry,
   BaseApiService,
@@ -1310,9 +1507,6 @@ import {
   RestEndpointProtocol,
   SseProtocol,
   SseStreamProtocol,
-  RestMockPlugin,
-  SseMockPlugin,
-  MockEventSource,
   ApiPluginBase,
   ApiPlugin,
   ApiProtocol,
@@ -1333,7 +1527,7 @@ import {
 } from "@gears-frontx/framework";
 import { Language, TextDirection, LanguageDisplayMode } from "@gears-frontx/framework";
 import {
-  microfrontends as microfrontends2,
+  microfrontends,
   mock
 } from "@gears-frontx/framework";
 import {
@@ -1346,8 +1540,7 @@ import {
 import {
   selectExtensionState,
   selectRegisteredExtensions,
-  selectExtensionError,
-  selectMountedExtensions
+  selectExtensionError
 } from "@gears-frontx/framework";
 import {
   FRONTX_POPUP_DOMAIN,
@@ -1390,7 +1583,6 @@ import {
   ExclusiveMountStrategy
 } from "@gears-frontx/framework";
 import { MfeHandlerMF, gtsPlugin } from "@gears-frontx/framework";
-import { themeSchema, languageSchema, extensionScreenSchema } from "@gears-frontx/framework";
 import {
   createShadowRoot,
   injectCssVariables,
@@ -1404,6 +1596,7 @@ export {
   ApiPlugin,
   ApiPluginBase,
   ApiProtocol,
+  AuthEvents,
   BaseApiService,
   CanAccess,
   ChildMfeBridge,
@@ -1431,7 +1624,6 @@ export {
   LAYOUT_SLICE_NAME,
   Language,
   LanguageDisplayMode,
-  LayoutDomain,
   MOCK_PLUGIN,
   MfeBridgeFactory,
   MfeContext,
@@ -1440,18 +1632,15 @@ export {
   MfeProvider,
   MfeRegistry,
   MfeRegistryFactory,
-  MockEventSource,
   MockEvents,
   MountStrategy,
   OptionalMountStrategy,
   ParentMfeBridge,
   RestEndpointProtocol,
-  RestMockPlugin,
   RestPlugin,
   RestPluginWithConfig,
   RestProtocol,
   SUPPORTED_LANGUAGES,
-  SseMockPlugin,
   SsePlugin,
   SsePluginWithConfig,
   SseProtocol,
@@ -1470,7 +1659,6 @@ export {
   closePopup,
   closeTopPopup,
   createFrontX,
-  createFrontXApp2 as createFrontXApp,
   createI18nRegistry,
   createShadowRoot,
   createSlice,
@@ -1478,7 +1666,6 @@ export {
   createThemeRegistry,
   effects,
   eventBus2 as eventBus,
-  extensionScreenSchema,
   extractGtsPackage,
   footerActions,
   footerSlice,
@@ -1500,7 +1687,6 @@ export {
   isRestShortCircuit,
   isShortCircuit,
   isSseShortCircuit,
-  languageSchema,
   layout,
   layoutDomainReducers,
   layoutReducer,
@@ -1508,7 +1694,7 @@ export {
   menuActions,
   menuSlice,
   mfeRegistryFactory,
-  microfrontends2 as microfrontends,
+  microfrontends,
   mock,
   mockActions,
   mockSlice,
@@ -1528,7 +1714,6 @@ export {
   screenDomain,
   selectExtensionError,
   selectExtensionState,
-  selectMountedExtensions,
   selectRegisteredExtensions,
   setFooterConfig,
   setFooterVisible,
@@ -1558,7 +1743,6 @@ export {
   tenantActions,
   tenantReducer,
   tenantSlice,
-  themeSchema,
   themes,
   toggleMenu,
   toggleMockMode,
@@ -1580,7 +1764,7 @@ export {
   useHostAction,
   useMfeBridge,
   useMfeContext,
-  useMountedExtensions,
+  useMfeRegistry,
   useQueryCache,
   useRegisteredPackages,
   useScreenTranslations,