@hai3/framework 0.2.0-alpha.3 → 0.4.0-alpha.0

package/dist/index.js

@@ -64,11 +64,10 @@ var HAI3AppBuilderImpl = class {
     const app = {
       config: this.config,
       store,
-      screensetRegistry: aggregated.registries.screensetRegistry,
       themeRegistry: aggregated.registries.themeRegistry,
-      routeRegistry: aggregated.registries.routeRegistry,
       apiRegistry,
       i18nRegistry: aggregated.registries.i18nRegistry,
+      screensetsRegistry: aggregated.registries.screensetsRegistry,
       actions: aggregated.actions,
       destroy: () => this.destroyApp(orderedPlugins, app)
     };
@@ -127,7 +126,7 @@ Add the missing plugin: .use(${depName}())`
     const registries = {};
     const slices = [];
     const effects2 = [];
-    const actions = {};
+    const actions2 = {};
     plugins.forEach((plugin) => {
       if (!plugin.provides) return;
       if (plugin.provides.registries) {
@@ -140,10 +139,10 @@ Add the missing plugin: .use(${depName}())`
         effects2.push(...plugin.provides.effects);
       }
       if (plugin.provides.actions) {
-        Object.assign(actions, plugin.provides.actions);
+        Object.assign(actions2, plugin.provides.actions);
       }
     });
-    return { registries, slices, effects: effects2, actions };
+    return { registries, slices, effects: effects2, actions: actions2 };
   }
   /**
    * Create store with all aggregated slices.
@@ -159,8 +158,8 @@ Add the missing plugin: .use(${depName}())`
    */
   createStoreWithSlices(slices) {
     const store = getStore();
-    slices.forEach((slice10) => {
-      registerSlice(slice10);
+    slices.forEach((slice11) => {
+      registerSlice(slice11);
     });
     return store;
   }
@@ -179,9 +178,6 @@ function createHAI3(config) {
   return new HAI3AppBuilderImpl(config);
 }
 
-// src/plugins/screensets.ts
-import { screensetRegistry as sdkScreensetRegistry } from "@hai3/screensets";
-
 // src/slices/index.ts
 import { combineReducers } from "@reduxjs/toolkit";
 
@@ -478,35 +474,26 @@ var layoutDomainReducers = {
 var layoutReducer = combineReducers(layoutDomainReducers);
 
 // src/plugins/screensets.ts
-var screenSlice2 = screenSlice;
-var screenActions2 = screenActions;
-function screensets(config) {
-  const screensetRegistry3 = sdkScreensetRegistry;
+function screensets(_config) {
   return {
     name: "screensets",
     dependencies: [],
     provides: {
-      registries: {
-        screensetRegistry: screensetRegistry3
-      },
-      slices: [screenSlice2],
+      registries: {},
+      slices: [screenSlice],
       actions: {
-        setActiveScreen: screenActions2.navigateTo,
-        setScreenLoading: screenActions2.setScreenLoading
+        setActiveScreen: screenActions.navigateTo,
+        setScreenLoading: screenActions.setScreenLoading
       }
     },
     onInit() {
-      if (config?.autoDiscover) {
-        console.log(
-          "[HAI3] Auto-discover is enabled. Screensets should be registered via screensetRegistry.register() in your app."
-        );
-      }
     }
   };
 }
 
 // src/plugins/themes.ts
 import { eventBus } from "@hai3/state";
+import { HAI3_SHARED_PROPERTY_THEME } from "@hai3/screensets";
 
 // src/registries/themeRegistry.ts
 function createThemeRegistry(config) {
@@ -644,9 +631,14 @@ function themes(config) {
         changeTheme
       }
     },
-    onInit(_app) {
+    onInit(app) {
       eventBus.on("theme/changed", (payload) => {
         themeRegistry.apply(payload.themeId);
+        try {
+          app.screensetsRegistry?.updateSharedProperty(HAI3_SHARED_PROPERTY_THEME, payload.themeId);
+        } catch (error) {
+          console.error("[HAI3] Failed to propagate theme to MFE domains", error);
+        }
       });
       const themes2 = themeRegistry.getAll();
       if (themes2.length > 0) {
@@ -658,18 +650,6 @@ function themes(config) {
 
 // src/plugins/layout.ts
 import { eventBus as eventBus2 } from "@hai3/state";
-var headerSlice2 = headerSlice;
-var footerSlice2 = footerSlice;
-var menuSlice2 = menuSlice;
-var sidebarSlice2 = sidebarSlice;
-var popupSlice2 = popupSlice;
-var overlaySlice2 = overlaySlice;
-var headerActions2 = headerActions;
-var footerActions2 = footerActions;
-var menuActions2 = menuActions;
-var sidebarActions2 = sidebarActions;
-var popupActions2 = popupActions;
-var overlayActions2 = overlayActions;
 function showPopup(payload) {
   eventBus2.emit("layout/popup/requested", payload);
 }
@@ -688,18 +668,20 @@ function toggleMenuCollapsed(payload) {
 function toggleSidebarCollapsed(payload) {
   eventBus2.emit("layout/sidebar/collapsed", payload);
 }
+function setHeaderVisible(_visible) {
+}
 function layout() {
   return {
     name: "layout",
     dependencies: ["screensets"],
     provides: {
       slices: [
-        headerSlice2,
-        footerSlice2,
-        menuSlice2,
-        sidebarSlice2,
-        popupSlice2,
-        overlaySlice2
+        headerSlice,
+        footerSlice,
+        menuSlice,
+        sidebarSlice,
+        popupSlice,
+        overlaySlice
       ],
       actions: {
         showPopup,
@@ -709,463 +691,71 @@ function layout() {
         toggleMenuCollapsed,
         toggleSidebarCollapsed,
         // Direct slice actions for backward compatibility
-        setHeaderVisible: headerActions2.setVisible,
-        setFooterVisible: footerActions2.setVisible,
-        setMenuCollapsed: menuActions2.setCollapsed,
-        setSidebarCollapsed: sidebarActions2.setCollapsed
+        setHeaderVisible,
+        setFooterVisible: footerActions.setFooterVisible,
+        setMenuCollapsed: menuActions.setMenuCollapsed,
+        setSidebarCollapsed: sidebarActions.setSidebarCollapsed
       }
     },
     onInit(app) {
       const dispatch = app.store.dispatch;
       eventBus2.on("layout/popup/requested", (payload) => {
-        dispatch(popupActions2.open({
+        dispatch(popupActions.openPopup({
           id: payload.id,
-          title: payload.title,
-          content: payload.content,
-          size: payload.size
+          title: payload.title ?? "",
+          component: ""
+          // Payload doesn't include component - this needs review
         }));
       });
       eventBus2.on("layout/popup/hidden", () => {
-        dispatch(popupActions2.close());
+        dispatch(popupActions.closeAllPopups());
       });
-      eventBus2.on("layout/overlay/requested", (payload) => {
-        dispatch(overlayActions2.show({ id: payload.id }));
+      eventBus2.on("layout/overlay/requested", (_payload) => {
+        dispatch(overlayActions.showOverlay());
       });
       eventBus2.on("layout/overlay/hidden", () => {
-        dispatch(overlayActions2.hide());
+        dispatch(overlayActions.hideOverlay());
       });
       eventBus2.on("layout/menu/collapsed", (payload) => {
-        dispatch(menuActions2.setCollapsed(payload.collapsed));
+        dispatch(menuActions.setMenuCollapsed(payload.collapsed));
       });
       eventBus2.on("layout/sidebar/collapsed", (payload) => {
-        dispatch(sidebarActions2.setCollapsed(payload.collapsed));
+        dispatch(sidebarActions.setSidebarCollapsed(payload.collapsed));
       });
     }
   };
 }
 
-// src/plugins/navigation.ts
-import { eventBus as eventBus3 } from "@hai3/state";
-import { i18nRegistry } from "@hai3/i18n";
-
-// src/utils/basePath.ts
-function normalizeBase(base) {
-  if (!base) {
-    return "/";
-  }
-  let normalized = base.startsWith("/") ? base : `/${base}`;
-  if (normalized !== "/" && normalized.endsWith("/")) {
-    normalized = normalized.slice(0, -1);
-  }
-  return normalized;
-}
-function stripBase(pathname, base) {
-  if (base === "/") {
-    return pathname;
-  }
-  if (!pathname.startsWith(base)) {
-    return null;
-  }
-  const nextChar = pathname.charAt(base.length);
-  if (nextChar && nextChar !== "/") {
-    return null;
-  }
-  return pathname.slice(base.length) || "/";
-}
-function prependBase(path, base) {
-  if (base === "/") {
-    return path;
-  }
-  const cleanPath = path.startsWith("/") ? path : `/${path}`;
-  return `${base}${cleanPath}`;
-}
-function resolveBase(pluginConfig, appConfig) {
-  const rawBase = pluginConfig?.base ?? appConfig?.base ?? "/";
-  return normalizeBase(rawBase);
-}
-
-// src/utils/routeMatcher.ts
-import { match, compile } from "path-to-regexp";
-function compileRoute(pattern, screensetId, screenId) {
-  return {
-    pattern,
-    screensetId,
-    screenId,
-    matcher: match(pattern, { decode: decodeURIComponent }),
-    toPath: compile(pattern, { encode: encodeURIComponent })
-  };
-}
-function matchPath(path, routes) {
-  for (const route of routes) {
-    const result = route.matcher(path);
-    if (result) {
-      return {
-        screensetId: route.screensetId,
-        screenId: route.screenId,
-        params: result.params
-      };
-    }
-  }
-  return void 0;
-}
-function generatePath(route, params) {
-  return route.toPath(params);
-}
-function extractRequiredParams(pattern) {
-  const params = [];
-  const matches = pattern.match(/:([^/]+)/g);
-  if (matches) {
-    for (const match2 of matches) {
-      params.push(match2.slice(1));
-    }
-  }
-  return params;
-}
-
-// src/plugins/navigation.ts
-var screenActions3 = screenActions;
-var menuActions3 = menuActions;
-function navigateToScreen(payload) {
-  eventBus3.emit("navigation/screen/navigated", payload);
-}
-function navigateToScreenset(payload) {
-  eventBus3.emit("navigation/screenset/navigated", payload);
-}
-function navigation(config) {
-  return {
-    name: "navigation",
-    dependencies: ["screensets"],
-    provides: {
-      actions: {
-        navigateToScreen,
-        navigateToScreenset
-      }
-    },
-    onInit(app) {
-      const dispatch = app.store.dispatch;
-      const base = resolveBase(config, app.config);
-      const routerMode = app.config.routerMode ?? "browser";
-      let currentScreensetId = null;
-      const getCurrentPath = () => {
-        if (typeof window === "undefined") return "/";
-        switch (routerMode) {
-          case "hash":
-            return window.location.hash.slice(1) || "/";
-          case "memory":
-            return "/";
-          case "browser":
-          default:
-            return window.location.pathname;
-        }
-      };
-      const updateURL = (path) => {
-        if (typeof window === "undefined" || routerMode === "memory") {
-          return;
-        }
-        const url = prependBase(path, base);
-        switch (routerMode) {
-          case "hash":
-            if (window.location.hash !== `#${url}`) {
-              window.location.hash = url;
-            }
-            break;
-          case "browser":
-          default:
-            if (window.location.pathname !== url) {
-              window.history.pushState(null, "", url);
-            }
-            break;
-        }
-      };
-      const loadScreensetTranslations = async (screensetId, language) => {
-        await i18nRegistry.loadScreensetTranslations(
-          screensetId,
-          language
-        );
-      };
-      const updateScreensetMenu = (screenset) => {
-        const menuItems = screenset.menu.map((item) => ({
-          id: item.menuItem.screenId ?? item.menuItem.id,
-          label: item.menuItem.label,
-          icon: item.menuItem.icon
-        }));
-        dispatch(menuActions3.setMenuItems(menuItems));
-      };
-      const activateScreenset = (screensetId) => {
-        if (screensetId === currentScreensetId) {
-          return;
-        }
-        const screenset = app.screensetRegistry.get(screensetId);
-        if (!screenset) {
-          return;
-        }
-        currentScreensetId = screensetId;
-        loadScreensetTranslations(screensetId).catch((err) => {
-          console.warn(`[HAI3] Failed to load translations for screenset ${screensetId}:`, err);
-        });
-        updateScreensetMenu(screenset);
-      };
-      const extractInternalPath = () => {
-        const currentPath = getCurrentPath();
-        return stripBase(currentPath, base) || "/";
-      };
-      const activateFromRouteMatch = (match2) => {
-        activateScreenset(match2.screensetId);
-        dispatch(screenActions3.navigateTo(match2.screenId));
-      };
-      const matchCurrentPath = () => {
-        const path = extractInternalPath();
-        return app.routeRegistry?.matchRoute(path);
-      };
-      eventBus3.on("navigation/screen/navigated", (payload) => {
-        if (!app.routeRegistry?.hasScreen(payload.screensetId, payload.screenId)) {
-          console.warn(
-            `Screen "${payload.screenId}" in screenset "${payload.screensetId}" not found.`
-          );
-          return;
-        }
-        const pattern = app.routeRegistry?.getRoutePattern(payload.screenId);
-        if (pattern) {
-          const requiredParams = extractRequiredParams(pattern);
-          const providedParams = payload.params || {};
-          const missingParams = requiredParams.filter((param) => !(param in providedParams));
-          if (missingParams.length > 0) {
-            console.warn(
-              `Screen "${payload.screenId}" requires route params [${requiredParams.join(", ")}] but missing: [${missingParams.join(", ")}]`
-            );
-            return;
-          }
-        }
-        activateScreenset(payload.screensetId);
-        dispatch(screenActions3.navigateTo(payload.screenId));
-        const path = app.routeRegistry?.generatePath(payload.screenId, payload.params) ?? `/${payload.screenId}`;
-        updateURL(path);
-      });
-      eventBus3.on("navigation/screenset/navigated", (payload) => {
-        const screenset = app.screensetRegistry.get(payload.screensetId);
-        if (!screenset) {
-          console.warn(`Screenset "${payload.screensetId}" not found.`);
-          return;
-        }
-        navigateToScreen({
-          screensetId: payload.screensetId,
-          screenId: screenset.defaultScreen
-        });
-      });
-      let lastLoadedLanguage = null;
-      i18nRegistry.subscribe(() => {
-        const currentLanguage = i18nRegistry.getLanguage();
-        if (!currentLanguage || currentLanguage === lastLoadedLanguage) {
-          return;
-        }
-        if (!currentScreensetId) {
-          return;
-        }
-        const screenset = app.screensetRegistry.get(currentScreensetId);
-        if (!screenset) {
-          return;
-        }
-        lastLoadedLanguage = currentLanguage;
-        loadScreensetTranslations(currentScreensetId, currentLanguage).then(() => updateScreensetMenu(screenset)).catch((err) => {
-          console.warn(
-            `[HAI3] Failed to reload translations for screenset ${currentScreensetId}:`,
-            err
-          );
-        });
-      });
-      if (typeof window !== "undefined" && routerMode !== "memory") {
-        const handleURLChange = () => {
-          const match3 = matchCurrentPath();
-          if (match3) {
-            activateFromRouteMatch(match3);
-          }
-        };
-        if (routerMode === "hash") {
-          window.addEventListener("hashchange", handleURLChange);
-        } else {
-          window.addEventListener("popstate", handleURLChange);
-        }
-        const match2 = matchCurrentPath();
-        const autoNavigate = app.config.autoNavigate !== false;
-        if (match2) {
-          activateFromRouteMatch(match2);
-        } else if (autoNavigate) {
-          const screensets2 = app.screensetRegistry.getAll();
-          if (screensets2.length > 0) {
-            navigateToScreenset({ screensetId: screensets2[0].id });
-          }
-        }
-      } else if (routerMode === "memory") {
-        const autoNavigate = app.config.autoNavigate !== false;
-        if (autoNavigate) {
-          const screensets2 = app.screensetRegistry.getAll();
-          if (screensets2.length > 0) {
-            navigateToScreenset({ screensetId: screensets2[0].id });
-          }
-        }
-      }
-    }
-  };
-}
-
-// src/registries/routeRegistry.ts
-function createRouteRegistry(screensetRegistry3) {
-  let routes = null;
-  function buildRoutes() {
-    if (routes !== null) {
-      return routes;
-    }
-    routes = [];
-    const screensets2 = screensetRegistry3.getAll();
-    screensets2.forEach((screenset) => {
-      screenset.menu.forEach((menuScreenItem) => {
-        const screenId = menuScreenItem.menuItem.screenId ?? menuScreenItem.menuItem.id;
-        if (screenId && menuScreenItem.screen) {
-          const pattern = menuScreenItem.menuItem.path ?? `/${screenId}`;
-          const compiledRoute = compileRoute(pattern, screenset.id, screenId);
-          routes.push({
-            screensetId: screenset.id,
-            screenId,
-            loader: menuScreenItem.screen,
-            pattern,
-            compiledRoute
-          });
-        }
-      });
-    });
-    routes.sort((a, b) => {
-      const aHasParams = a.pattern.includes(":");
-      const bHasParams = b.pattern.includes(":");
-      if (!aHasParams && bHasParams) return -1;
-      if (aHasParams && !bHasParams) return 1;
-      return 0;
-    });
-    return routes;
-  }
-  return {
-    /**
-     * Check if a screen exists by screenId only (globally unique).
-     */
-    hasScreenById(screenId) {
-      const allRoutes = buildRoutes();
-      return allRoutes.some((route) => route.screenId === screenId);
-    },
-    /**
-     * Check if a screen exists by both screensetId and screenId (explicit lookup when screenset context is known).
-     */
-    hasScreen(screensetId, screenId) {
-      const allRoutes = buildRoutes();
-      return allRoutes.some(
-        (route) => route.screensetId === screensetId && route.screenId === screenId
-      );
-    },
-    /**
-     * Get screenset ID for a given screen ID (reverse lookup).
-     * Screen IDs are globally unique across all screensets.
-     */
-    getScreensetForScreen(screenId) {
-      const allRoutes = buildRoutes();
-      const route = allRoutes.find((r) => r.screenId === screenId);
-      return route?.screensetId;
-    },
-    /**
-     * Get screen loader by screenId only.
-     */
-    getScreenById(screenId) {
-      const allRoutes = buildRoutes();
-      const route = allRoutes.find((r) => r.screenId === screenId);
-      return route?.loader;
-    },
-    /**
-     * Get screen loader by both screensetId and screenId (explicit lookup when screenset context is known).
-     */
-    getScreen(screensetId, screenId) {
-      const allRoutes = buildRoutes();
-      const route = allRoutes.find(
-        (r) => r.screensetId === screensetId && r.screenId === screenId
-      );
-      return route?.loader;
-    },
-    /**
-     * Get all routes.
-     */
-    getAll() {
-      const allRoutes = buildRoutes();
-      return allRoutes.map(({ screensetId, screenId }) => ({
-        screensetId,
-        screenId
-      }));
-    },
-    /**
-     * Match a URL path against registered routes, extracting params.
-     * Returns the first matching route with extracted params, or undefined if no match.
-     */
-    matchRoute(path) {
-      const allRoutes = buildRoutes();
-      const compiledRoutes = allRoutes.map((r) => r.compiledRoute);
-      return matchPath(path, compiledRoutes);
-    },
-    /**
-     * Generate a URL path for a screen with given params.
-     */
-    generatePath(screenId, params = {}) {
-      const allRoutes = buildRoutes();
-      const route = allRoutes.find((r) => r.screenId === screenId);
-      if (!route) {
-        console.warn(`Route not found for screen: ${screenId}`);
-        return `/${screenId}`;
-      }
-      return generatePath(route.compiledRoute, params);
-    },
-    /**
-     * Get the route pattern for a screen.
-     */
-    getRoutePattern(screenId) {
-      const allRoutes = buildRoutes();
-      const route = allRoutes.find((r) => r.screenId === screenId);
-      return route?.pattern;
-    }
-  };
-}
-
-// src/plugins/routing.ts
-function routing() {
-  return {
-    name: "routing",
-    dependencies: ["screensets"],
-    onRegister(_app) {
-    },
-    onInit(app) {
-      const routeRegistry = createRouteRegistry(app.screensetRegistry);
-      app.routeRegistry = routeRegistry;
-    }
-  };
-}
-
 // src/plugins/i18n.ts
-import { eventBus as eventBus4 } from "@hai3/state";
+import { eventBus as eventBus3 } from "@hai3/state";
 import { i18nRegistry as singletonI18nRegistry, Language } from "@hai3/i18n";
+import { HAI3_SHARED_PROPERTY_LANGUAGE } from "@hai3/screensets";
 function setLanguage(payload) {
-  eventBus4.emit("i18n/language/changed", payload);
+  eventBus3.emit("i18n/language/changed", payload);
 }
 function i18n() {
-  const i18nRegistry3 = singletonI18nRegistry;
+  const i18nRegistry2 = singletonI18nRegistry;
   return {
     name: "i18n",
     dependencies: [],
     provides: {
       registries: {
-        i18nRegistry: i18nRegistry3
+        i18nRegistry: i18nRegistry2
       },
       actions: {
         setLanguage
       }
     },
-    onInit(_app) {
-      eventBus4.on("i18n/language/changed", async (payload) => {
-        await i18nRegistry3.setLanguage(payload.language);
+    onInit(app) {
+      eventBus3.on("i18n/language/changed", async (payload) => {
+        await i18nRegistry2.setLanguage(payload.language);
+        try {
+          app.screensetsRegistry?.updateSharedProperty(HAI3_SHARED_PROPERTY_LANGUAGE, payload.language);
+        } catch (error) {
+          console.error("[HAI3] Failed to propagate language to MFE domains", error);
+        }
       });
-      i18nRegistry3.setLanguage(Language.English).catch((err) => {
+      i18nRegistry2.setLanguage(Language.English).catch((err) => {
         console.warn("[HAI3] Failed to load initial translations:", err);
       });
     }
@@ -1177,16 +767,13 @@ function effects() {
   return {
     name: "effects",
     dependencies: [],
-    onInit(app) {
-      if (app.config.devMode) {
-        console.log("[HAI3] Effects plugin initialized");
-      }
+    onInit() {
     }
   };
 }
 
 // src/effects/mockEffects.ts
-import { eventBus as eventBus5, getStore as getStore2 } from "@hai3/state";
+import { eventBus as eventBus4, getStore as getStore2 } from "@hai3/state";
 import { apiRegistry as apiRegistry2, isMockPlugin } from "@hai3/api";
 function hasPluginManagement(protocol) {
   return "plugins" in protocol && typeof protocol.plugins === "object";
@@ -1216,7 +803,7 @@ function syncMockPlugins(enabled) {
 }
 function initMockEffects() {
   const store = getStore2();
-  const unsubscribe = eventBus5.on(MockEvents.Toggle, (payload) => {
+  const unsubscribe = eventBus4.on(MockEvents.Toggle, (payload) => {
     store.dispatch(setMockEnabled(payload.enabled));
     syncMockPlugins(payload.enabled);
   });
@@ -1229,7 +816,7 @@ function initMockEffects() {
   };
 }
 function toggleMockMode(enabled) {
-  eventBus5.emit(MockEvents.Toggle, { enabled });
+  eventBus4.emit(MockEvents.Toggle, { enabled });
 }
 
 // src/plugins/mock.ts
@@ -1255,9 +842,6 @@ function mock(config) {
       const enabledByDefault = config?.enabledByDefault ?? isDev;
       if (enabledByDefault) {
         toggleMockMode(true);
-        if (isDev) {
-          console.log("[HAI3] Mock mode enabled by default (dev environment detected)");
-        }
       }
     },
     onDestroy() {
@@ -1269,6 +853,301 @@ function mock(config) {
   };
 }
 
+// src/plugins/microfrontends/index.ts
+import {
+  screensetsRegistryFactory,
+  HAI3_ACTION_MOUNT_EXT as HAI3_ACTION_MOUNT_EXT3,
+  HAI3_ACTION_UNMOUNT_EXT as HAI3_ACTION_UNMOUNT_EXT3
+} from "@hai3/screensets";
+import { gtsPlugin } from "@hai3/screensets/plugins/gts";
+import { getStore as getStore4 } from "@hai3/state";
+
+// src/plugins/microfrontends/slice.ts
+import { createSlice as createSlice10 } from "@hai3/state";
+var SLICE_KEY10 = "mfe";
+var initialState10 = {
+  registrationStates: {},
+  errors: {},
+  mountedExtensions: {}
+};
+var { slice: slice10, ...actions } = createSlice10({
+  name: SLICE_KEY10,
+  initialState: initialState10,
+  reducers: {
+    // Registration state reducers
+    setExtensionRegistering: (state, action) => {
+      state.registrationStates[action.payload.extensionId] = "registering";
+    },
+    setExtensionRegistered: (state, action) => {
+      state.registrationStates[action.payload.extensionId] = "registered";
+    },
+    setExtensionUnregistered: (state, action) => {
+      state.registrationStates[action.payload.extensionId] = "unregistered";
+    },
+    setExtensionError: (state, action) => {
+      state.registrationStates[action.payload.extensionId] = "error";
+      state.errors[action.payload.extensionId] = action.payload.error;
+    },
+    // Mount state reducers
+    setExtensionMounted: (state, action) => {
+      state.mountedExtensions[action.payload.domainId] = action.payload.extensionId;
+    },
+    setExtensionUnmounted: (state, action) => {
+      state.mountedExtensions[action.payload.domainId] = void 0;
+    }
+  }
+});
+var mfeSlice = slice10;
+var {
+  setExtensionRegistering,
+  setExtensionRegistered,
+  setExtensionUnregistered,
+  setExtensionError,
+  setExtensionMounted,
+  setExtensionUnmounted
+} = actions;
+function selectExtensionState(state, extensionId) {
+  return state.mfe.registrationStates[extensionId] ?? "unregistered";
+}
+function selectRegisteredExtensions(state) {
+  return Object.entries(state.mfe.registrationStates).filter(([_, regState]) => regState === "registered").map(([extensionId]) => extensionId);
+}
+function selectExtensionError(state, extensionId) {
+  return state.mfe.errors[extensionId];
+}
+var slice_default = slice10.reducer;
+
+// src/plugins/microfrontends/effects.ts
+import { eventBus as eventBus5, getStore as getStore3 } from "@hai3/state";
+
+// src/plugins/microfrontends/constants.ts
+var HAI3_POPUP_DOMAIN = "gts.hai3.mfes.ext.domain.v1~hai3.screensets.layout.popup.v1";
+var HAI3_SIDEBAR_DOMAIN = "gts.hai3.mfes.ext.domain.v1~hai3.screensets.layout.sidebar.v1";
+var HAI3_SCREEN_DOMAIN = "gts.hai3.mfes.ext.domain.v1~hai3.screensets.layout.screen.v1";
+var HAI3_OVERLAY_DOMAIN = "gts.hai3.mfes.ext.domain.v1~hai3.screensets.layout.overlay.v1";
+var MfeEvents = {
+  RegisterExtensionRequested: "mfe/registerExtensionRequested",
+  UnregisterExtensionRequested: "mfe/unregisterExtensionRequested"
+};
+
+// src/plugins/microfrontends/effects.ts
+function initMfeEffects(screensetsRegistry2) {
+  const store = getStore3();
+  const unsubscribers = [];
+  const unsubRegisterExtension = eventBus5.on(MfeEvents.RegisterExtensionRequested, async (payload) => {
+    const { extension } = payload;
+    try {
+      store.dispatch(setExtensionRegistering({ extensionId: extension.id }));
+      await screensetsRegistry2.registerExtension(extension);
+      store.dispatch(setExtensionRegistered({ extensionId: extension.id }));
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Unknown registration error";
+      store.dispatch(setExtensionError({ extensionId: extension.id, error: errorMessage }));
+    }
+  });
+  unsubscribers.push(unsubRegisterExtension);
+  const unsubUnregisterExtension = eventBus5.on(MfeEvents.UnregisterExtensionRequested, async (payload) => {
+    const { extensionId } = payload;
+    try {
+      await screensetsRegistry2.unregisterExtension(extensionId);
+      store.dispatch(setExtensionUnregistered({ extensionId }));
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Unknown unregistration error";
+      store.dispatch(setExtensionError({ extensionId, error: errorMessage }));
+    }
+  });
+  unsubscribers.push(unsubUnregisterExtension);
+  return () => {
+    unsubscribers.forEach((unsub) => unsub.unsubscribe());
+  };
+}
+
+// src/plugins/microfrontends/actions.ts
+import { eventBus as eventBus6 } from "@hai3/state";
+import {
+  HAI3_ACTION_LOAD_EXT,
+  HAI3_ACTION_MOUNT_EXT,
+  HAI3_ACTION_UNMOUNT_EXT
+} from "@hai3/screensets";
+var screensetsRegistry = null;
+function setMfeRegistry(registry) {
+  screensetsRegistry = registry;
+}
+function resolveDomainId(extensionId) {
+  if (!screensetsRegistry) {
+    throw new Error("MFE registry not initialized. Call setMfeRegistry() before using lifecycle actions.");
+  }
+  const extension = screensetsRegistry.getExtension(extensionId);
+  if (!extension) {
+    throw new Error(`Extension '${extensionId}' is not registered. Register it before calling lifecycle actions.`);
+  }
+  return extension.domain;
+}
+function loadExtension(extensionId) {
+  const domainId = resolveDomainId(extensionId);
+  screensetsRegistry.executeActionsChain({
+    action: {
+      type: HAI3_ACTION_LOAD_EXT,
+      target: domainId,
+      payload: { extensionId }
+    }
+  }).catch((error) => {
+    console.error(`[MFE] Load failed for ${extensionId}:`, error);
+  });
+}
+function mountExtension(extensionId) {
+  const domainId = resolveDomainId(extensionId);
+  screensetsRegistry.executeActionsChain({
+    action: {
+      type: HAI3_ACTION_MOUNT_EXT,
+      target: domainId,
+      payload: { extensionId }
+    }
+  }).catch((error) => {
+    console.error(`[MFE] Mount failed for ${extensionId}:`, error);
+  });
+}
+function unmountExtension(extensionId) {
+  const domainId = resolveDomainId(extensionId);
+  screensetsRegistry.executeActionsChain({
+    action: {
+      type: HAI3_ACTION_UNMOUNT_EXT,
+      target: domainId,
+      payload: { extensionId }
+    }
+  }).catch((error) => {
+    console.error(`[MFE] Unmount failed for ${extensionId}:`, error);
+  });
+}
+function registerExtension(extension) {
+  eventBus6.emit(MfeEvents.RegisterExtensionRequested, { extension });
+}
+function unregisterExtension(extensionId) {
+  eventBus6.emit(MfeEvents.UnregisterExtensionRequested, { extensionId });
+}
+
+// src/plugins/microfrontends/base-domains.ts
+import {
+  HAI3_ACTION_LOAD_EXT as HAI3_ACTION_LOAD_EXT2,
+  HAI3_ACTION_MOUNT_EXT as HAI3_ACTION_MOUNT_EXT2,
+  HAI3_ACTION_UNMOUNT_EXT as HAI3_ACTION_UNMOUNT_EXT2,
+  HAI3_SHARED_PROPERTY_THEME as HAI3_SHARED_PROPERTY_THEME2,
+  HAI3_SHARED_PROPERTY_LANGUAGE as HAI3_SHARED_PROPERTY_LANGUAGE2,
+  HAI3_SCREEN_EXTENSION_TYPE
+} from "@hai3/screensets";
+var INIT_ONLY_LIFECYCLE_STAGES = [
+  "gts.hai3.mfes.lifecycle.stage.v1~hai3.mfes.lifecycle.init.v1"
+];
+var DEFAULT_LIFECYCLE_STAGES = [
+  "gts.hai3.mfes.lifecycle.stage.v1~hai3.mfes.lifecycle.init.v1",
+  "gts.hai3.mfes.lifecycle.stage.v1~hai3.mfes.lifecycle.activated.v1",
+  "gts.hai3.mfes.lifecycle.stage.v1~hai3.mfes.lifecycle.deactivated.v1",
+  "gts.hai3.mfes.lifecycle.stage.v1~hai3.mfes.lifecycle.destroyed.v1"
+];
+var screenDomain = {
+  id: HAI3_SCREEN_DOMAIN,
+  actions: [HAI3_ACTION_LOAD_EXT2, HAI3_ACTION_MOUNT_EXT2],
+  extensionsActions: [],
+  sharedProperties: [HAI3_SHARED_PROPERTY_THEME2, HAI3_SHARED_PROPERTY_LANGUAGE2],
+  defaultActionTimeout: 3e4,
+  lifecycleStages: [...INIT_ONLY_LIFECYCLE_STAGES],
+  extensionsLifecycleStages: [...DEFAULT_LIFECYCLE_STAGES],
+  extensionsTypeId: HAI3_SCREEN_EXTENSION_TYPE,
+  lifecycle: void 0
+};
+var sidebarDomain = {
+  id: HAI3_SIDEBAR_DOMAIN,
+  actions: [HAI3_ACTION_LOAD_EXT2, HAI3_ACTION_MOUNT_EXT2, HAI3_ACTION_UNMOUNT_EXT2],
+  extensionsActions: [],
+  sharedProperties: [HAI3_SHARED_PROPERTY_THEME2, HAI3_SHARED_PROPERTY_LANGUAGE2],
+  defaultActionTimeout: 3e4,
+  lifecycleStages: [...DEFAULT_LIFECYCLE_STAGES],
+  extensionsLifecycleStages: [...DEFAULT_LIFECYCLE_STAGES],
+  lifecycle: void 0
+};
+var popupDomain = {
+  id: HAI3_POPUP_DOMAIN,
+  actions: [HAI3_ACTION_LOAD_EXT2, HAI3_ACTION_MOUNT_EXT2, HAI3_ACTION_UNMOUNT_EXT2],
+  extensionsActions: [],
+  sharedProperties: [HAI3_SHARED_PROPERTY_THEME2, HAI3_SHARED_PROPERTY_LANGUAGE2],
+  defaultActionTimeout: 3e4,
+  lifecycleStages: [...DEFAULT_LIFECYCLE_STAGES],
+  extensionsLifecycleStages: [...DEFAULT_LIFECYCLE_STAGES],
+  lifecycle: void 0
+};
+var overlayDomain = {
+  id: HAI3_OVERLAY_DOMAIN,
+  actions: [HAI3_ACTION_LOAD_EXT2, HAI3_ACTION_MOUNT_EXT2, HAI3_ACTION_UNMOUNT_EXT2],
+  extensionsActions: [],
+  sharedProperties: [HAI3_SHARED_PROPERTY_THEME2, HAI3_SHARED_PROPERTY_LANGUAGE2],
+  defaultActionTimeout: 3e4,
+  lifecycleStages: [...DEFAULT_LIFECYCLE_STAGES],
+  extensionsLifecycleStages: [...DEFAULT_LIFECYCLE_STAGES],
+  lifecycle: void 0
+};
+
+// src/plugins/microfrontends/index.ts
+function microfrontends(config = {}) {
+  const screensetsRegistry2 = screensetsRegistryFactory.build({
+    typeSystem: gtsPlugin,
+    mfeHandlers: config.mfeHandlers
+  });
+  const originalExecuteActionsChain = screensetsRegistry2.executeActionsChain.bind(screensetsRegistry2);
+  screensetsRegistry2.executeActionsChain = async (chain) => {
+    await originalExecuteActionsChain(chain);
+    const actionType = chain.action?.type;
+    if (actionType === HAI3_ACTION_MOUNT_EXT3) {
+      const store = getStore4();
+      const domainId = chain.action.target;
+      const extensionId = chain.action.payload?.extensionId;
+      if (domainId && extensionId) {
+        store.dispatch(setExtensionMounted({ domainId, extensionId }));
+      }
+    } else if (actionType === HAI3_ACTION_UNMOUNT_EXT3) {
+      const store = getStore4();
+      const domainId = chain.action.target;
+      if (domainId) {
+        store.dispatch(setExtensionUnmounted({ domainId }));
+      }
+    }
+  };
+  let effectsCleanup = null;
+  return {
+    name: "microfrontends",
+    dependencies: ["screensets"],
+    // Requires screensets to be initialized
+    provides: {
+      registries: {
+        // Expose the MFE-enabled ScreensetsRegistry
+        // This registry has registerDomain(), registerExtension(), etc.
+        screensetsRegistry: screensetsRegistry2
+      },
+      slices: [mfeSlice],
+      // NOTE: Effects are NOT initialized via provides.effects.
+      // They are initialized in onInit to capture cleanup references.
+      // The framework calls provides.effects at build step 5, then onInit at step 7.
+      // We only initialize effects in onInit to avoid duplicate event listeners.
+      actions: {
+        loadExtension,
+        mountExtension,
+        unmountExtension,
+        registerExtension,
+        unregisterExtension
+      }
+    },
+    onInit() {
+      setMfeRegistry(screensetsRegistry2);
+      effectsCleanup = initMfeEffects(screensetsRegistry2);
+    },
+    onDestroy() {
+      if (effectsCleanup) {
+        effectsCleanup();
+        effectsCleanup = null;
+      }
+    }
+  };
+}
+
 // src/presets/index.ts
 function full(config) {
   return [
@@ -1276,10 +1155,9 @@ function full(config) {
     screensets({ autoDiscover: true }),
     themes(config?.themes),
     layout(),
-    routing(),
-    navigation(),
     i18n(),
-    mock()
+    mock(),
+    microfrontends(config?.microfrontends)
   ];
 }
 function minimal() {
@@ -1301,31 +1179,55 @@ var presets = {
 
 // src/createHAI3App.ts
 function createHAI3App(config) {
-  return createHAI3(config).useAll(full({ themes: config?.themes })).build();
+  return createHAI3(config).useAll(full({
+    themes: config?.themes,
+    microfrontends: config?.microfrontends
+  })).build();
 }
 
-// src/registries/index.ts
-import { createScreensetRegistry, screensetRegistry } from "@hai3/screensets";
-
 // src/index.ts
-import { eventBus as eventBus7, createStore, getStore as getStore4, registerSlice as registerSlice2, hasSlice, createSlice as createSlice10 } from "@hai3/state";
 import {
-  LayoutDomain,
-  ScreensetCategory
+  HAI3_SCREEN_EXTENSION_TYPE as HAI3_SCREEN_EXTENSION_TYPE2
+} from "@hai3/screensets";
+import {
+  HAI3_ACTION_LOAD_EXT as HAI3_ACTION_LOAD_EXT3,
+  HAI3_ACTION_MOUNT_EXT as HAI3_ACTION_MOUNT_EXT4,
+  HAI3_ACTION_UNMOUNT_EXT as HAI3_ACTION_UNMOUNT_EXT4
+} from "@hai3/screensets";
+import {
+  HAI3_SHARED_PROPERTY_THEME as HAI3_SHARED_PROPERTY_THEME3,
+  HAI3_SHARED_PROPERTY_LANGUAGE as HAI3_SHARED_PROPERTY_LANGUAGE3
+} from "@hai3/screensets";
+import {
+  MfeHandler,
+  MfeBridgeFactory,
+  ScreensetsRegistry,
+  ScreensetsRegistryFactory,
+  screensetsRegistryFactory as screensetsRegistryFactory2,
+  ContainerProvider
+} from "@hai3/screensets";
+import { MfeHandlerMF } from "@hai3/screensets/mfe/handler";
+import { gtsPlugin as gtsPlugin2 } from "@hai3/screensets/plugins/gts";
+import {
+  createShadowRoot,
+  injectCssVariables,
+  extractGtsPackage
 } from "@hai3/screensets";
+import { eventBus as eventBus9, createStore, getStore as getStore7, registerSlice as registerSlice2, hasSlice, createSlice as createSlice11 } from "@hai3/state";
+import { LayoutDomain } from "@hai3/screensets";
 
 // src/effects/tenantEffects.ts
-import { eventBus as eventBus6, getStore as getStore3 } from "@hai3/state";
+import { eventBus as eventBus7, getStore as getStore5 } from "@hai3/state";
 var TenantEvents = {
   Changed: "app/tenant/changed",
   Cleared: "app/tenant/cleared"
 };
 function initTenantEffects() {
-  const store = getStore3();
-  const subChanged = eventBus6.on(TenantEvents.Changed, (payload) => {
+  const store = getStore5();
+  const subChanged = eventBus7.on(TenantEvents.Changed, (payload) => {
     store.dispatch(setTenant(payload.tenant));
   });
-  const subCleared = eventBus6.on(TenantEvents.Cleared, () => {
+  const subCleared = eventBus7.on(TenantEvents.Cleared, () => {
     store.dispatch(clearTenant());
   });
   return () => {
@@ -1333,14 +1235,17 @@ function initTenantEffects() {
     subCleared.unsubscribe();
   };
 }
+
+// src/effects/tenantActions.ts
+import { eventBus as eventBus8, getStore as getStore6 } from "@hai3/state";
 function changeTenant(tenant) {
-  eventBus6.emit(TenantEvents.Changed, { tenant });
+  eventBus8.emit(TenantEvents.Changed, { tenant });
 }
 function clearTenantAction() {
-  eventBus6.emit(TenantEvents.Cleared, {});
+  eventBus8.emit(TenantEvents.Cleared, {});
 }
 function setTenantLoadingState(loading) {
-  getStore3().dispatch(setTenantLoading(loading));
+  getStore6().dispatch(setTenantLoading(loading));
 }
 
 // src/index.ts
@@ -1365,11 +1270,22 @@ import {
   MOCK_PLUGIN,
   isMockPlugin as isMockPlugin2
 } from "@hai3/api";
-import { i18nRegistry as i18nRegistry2, I18nRegistryImpl, createI18nRegistry, Language as Language2, SUPPORTED_LANGUAGES, getLanguageMetadata, TextDirection, LanguageDisplayMode } from "@hai3/i18n";
+import { i18nRegistry, I18nRegistryImpl, createI18nRegistry, Language as Language2, SUPPORTED_LANGUAGES, getLanguageMetadata, TextDirection, LanguageDisplayMode } from "@hai3/i18n";
+import {
+  formatDate,
+  formatTime,
+  formatDateTime,
+  formatRelative,
+  formatNumber,
+  formatPercent,
+  formatCompact,
+  formatCurrency,
+  compareStrings,
+  createCollator
+} from "@hai3/i18n";
 import { I18nRegistryImpl as I18nRegistryImpl2 } from "@hai3/i18n";
 
 // src/compat.ts
-import { screensetRegistry as screensetRegistry2 } from "@hai3/screensets";
 var ACCOUNTS_DOMAIN = "accounts";
 
 // src/migration.ts
@@ -1431,6 +1347,17 @@ export {
   ApiPluginBase,
   ApiProtocol,
   BaseApiService,
+  ContainerProvider,
+  HAI3_ACTION_LOAD_EXT3 as HAI3_ACTION_LOAD_EXT,
+  HAI3_ACTION_MOUNT_EXT4 as HAI3_ACTION_MOUNT_EXT,
+  HAI3_ACTION_UNMOUNT_EXT4 as HAI3_ACTION_UNMOUNT_EXT,
+  HAI3_OVERLAY_DOMAIN,
+  HAI3_POPUP_DOMAIN,
+  HAI3_SCREEN_DOMAIN,
+  HAI3_SCREEN_EXTENSION_TYPE2 as HAI3_SCREEN_EXTENSION_TYPE,
+  HAI3_SHARED_PROPERTY_LANGUAGE3 as HAI3_SHARED_PROPERTY_LANGUAGE,
+  HAI3_SHARED_PROPERTY_THEME3 as HAI3_SHARED_PROPERTY_THEME,
+  HAI3_SIDEBAR_DOMAIN,
   I18nRegistryImpl2 as I18nRegistry,
   I18nRegistryImpl,
   LAYOUT_SLICE_NAME,
@@ -1438,6 +1365,9 @@ export {
   LanguageDisplayMode,
   LayoutDomain,
   MOCK_PLUGIN,
+  MfeBridgeFactory,
+  MfeHandler,
+  MfeHandlerMF,
   MockEventSource,
   MockEvents,
   RestMockPlugin,
@@ -1446,7 +1376,8 @@ export {
   RestProtocol,
   STATE_PATH_MAPPING,
   SUPPORTED_LANGUAGES,
-  ScreensetCategory,
+  ScreensetsRegistry,
+  ScreensetsRegistryFactory,
   SseMockPlugin,
   SsePlugin,
   SsePluginWithConfig,
@@ -1463,23 +1394,34 @@ export {
   closeAllPopups,
   closePopup,
   closeTopPopup,
+  compareStrings,
+  createCollator,
   createHAI3,
   createHAI3App,
   createI18nRegistry,
   createLegacySelector,
-  createRouteRegistry,
-  createScreensetRegistry,
-  createSlice10 as createSlice,
+  createShadowRoot,
+  createSlice11 as createSlice,
   createStore,
   createThemeRegistry,
   effects,
-  eventBus7 as eventBus,
+  eventBus9 as eventBus,
+  extractGtsPackage,
   footerActions,
   footerSlice,
+  formatCompact,
+  formatCurrency,
+  formatDate,
+  formatDateTime,
+  formatNumber,
+  formatPercent,
+  formatRelative,
+  formatTime,
   full,
   getLanguageMetadata,
   getLayoutDomainState,
-  getStore4 as getStore,
+  getStore7 as getStore,
+  gtsPlugin2 as gtsPlugin,
   hasLegacyUicoreState,
   hasNewLayoutState,
   hasSlice,
@@ -1488,9 +1430,10 @@ export {
   headless,
   hideOverlay,
   i18n,
-  i18nRegistry2 as i18nRegistry,
+  i18nRegistry,
   initMockEffects,
   initTenantEffects,
+  injectCssVariables,
   isDeprecationWarningsEnabled,
   isMockPlugin2 as isMockPlugin,
   isRestShortCircuit,
@@ -1499,26 +1442,34 @@ export {
   layout,
   layoutDomainReducers,
   layoutReducer,
+  loadExtension,
   menuActions,
   menuSlice,
+  microfrontends,
   minimal,
   mock,
   mockActions,
   mockSlice,
+  mountExtension,
   navigateTo,
-  navigation,
   openPopup,
   overlayActions,
+  overlayDomain,
   overlaySlice,
   popupActions,
+  popupDomain,
   popupSlice,
   presets,
+  registerExtension,
   registerSlice2 as registerSlice,
-  routing,
   screenActions,
+  screenDomain,
   screenSlice,
-  screensetRegistry2 as screensetRegistry,
   screensets,
+  screensetsRegistryFactory2 as screensetsRegistryFactory,
+  selectExtensionError,
+  selectExtensionState,
+  selectRegisteredExtensions,
   setActiveScreen,
   setDeprecationWarnings,
   setFooterConfig,
@@ -1544,6 +1495,7 @@ export {
   setUser,
   showOverlay,
   sidebarActions,
+  sidebarDomain,
   sidebarSlice,
   tenantActions,
   tenantSlice_default as tenantReducer,
@@ -1551,6 +1503,8 @@ export {
   themes,
   toggleMenu,
   toggleMockMode,
-  toggleSidebar
+  toggleSidebar,
+  unmountExtension,
+  unregisterExtension
 };
 //# sourceMappingURL=index.js.map